obsidian-plugin/ozntel_oz-calendar
1
0
Fork 0
mirror of https://github.com/ozntel/oz-calendar.git synced 2026-07-22 07:40:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Calendar Type Implementation

Browse source
This commit is contained in:
Ozan Tellioglu 2023-04-16 19:12:12 +02:00
parent aab3e02a56
commit 361575ae91
3 changed files with 28 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/calendar.tsx
View file

@ -87,8 +87,10 @@ export default function MyCalendar(params: { plugin: OZCalendarPlugin }) {
return null; return null;
}; };
const fixedCalendarClass = plugin.settings.fixedCalendar ? 'fixed' : '';
return ( return (
<div className={'oz-calendar-plugin-view' + (plugin.settings.fixedCalendar ? ' fixed' : '')}> <div className={'oz-calendar-plugin-view ' + fixedCalendarClass}>
<Calendar <Calendar
onChange={setSelectedDay} onChange={setSelectedDay}
value={selectedDay} value={selectedDay}
@ -96,6 +98,8 @@ export default function MyCalendar(params: { plugin: OZCalendarPlugin }) {
minDetail="month" minDetail="month"
view="month" view="month"
tileContent={customTileContent} tileContent={customTileContent}
calendarType={plugin.settings.calendarType}
showFixedNumberOfWeeks={plugin.settings.fixedCalendar}
activeStartDate={activeStartDate} activeStartDate={activeStartDate}
onActiveStartDateChange={(props) => { onActiveStartDateChange={(props) => {
if (props.action === 'next') { if (props.action === 'next') {

22
src/settings/settings.ts
View file

@ -6,9 +6,11 @@ export type OpenFileBehaviourType = 'new-tab' | 'new-tab-group' | 'current-tab'
export type SortingOption = 'name' | 'name-rev'; export type SortingOption = 'name' | 'name-rev';
export type DateSourceOption = 'filename' | 'yaml'; export type DateSourceOption = 'filename' | 'yaml';
export type NewNoteDateType = 'current-date' | 'active-date'; export type NewNoteDateType = 'current-date' | 'active-date';
export type CalendarType = 'US' | 'ISO 8601';
export interface OZCalendarPluginSettings { export interface OZCalendarPluginSettings {
openViewOnStart: boolean; openViewOnStart: boolean;
calendarType: CalendarType;
dateSource: DateSourceOption; dateSource: DateSourceOption;
yamlKey: string; yamlKey: string;
dateFormat: string; dateFormat: string;
@ -23,6 +25,7 @@ export interface OZCalendarPluginSettings {
export const DEFAULT_SETTINGS: OZCalendarPluginSettings = { export const DEFAULT_SETTINGS: OZCalendarPluginSettings = {
openViewOnStart: true, openViewOnStart: true,
calendarType: 'ISO 8601',
dateSource: 'yaml', dateSource: 'yaml',
yamlKey: 'created', yamlKey: 'created',
dateFormat: 'YYYY-MM-DD hh:mm:ss', dateFormat: 'YYYY-MM-DD hh:mm:ss',
@ -85,6 +88,25 @@ export class OZCalendarPluginSettingsTab extends PluginSettingTab {
}); });
}); });
new Setting(containerEl)
.setName('Calendar Type')
.setDesc(
`
Select the calendar type to be displayed. While the week in the US type starts from Sunday,
in the ISO 8601 type, the week starts from Monday`
)
.addDropdown((dropdown) => {
dropdown
.addOption('ISO 8601', 'ISO 8601')
.addOption('US', 'US')
.setValue(this.plugin.settings.calendarType)
.onChange((newValue: CalendarType) => {
this.plugin.settings.calendarType = newValue;
this.plugin.saveSettings();
this.plugin.calendarForceUpdate();
});
});
new Setting(containerEl) new Setting(containerEl)
.setName('Open File Behaviour') .setName('Open File Behaviour')
.setDesc('Select the behaviour you want to have when you click on file name in the calendar view') .setDesc('Select the behaviour you want to have when you click on file name in the calendar view')

2
styles.css
View file

@ -239,7 +239,7 @@ settings:
} }
.oz-calendar-plugin-view.fixed .react-calendar { .oz-calendar-plugin-view.fixed .react-calendar {
height: 255px; height: 295px;
} }
.oz-calendar-plugin-view.fixed #oz-calendar-divider { .oz-calendar-plugin-view.fixed #oz-calendar-divider {