mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-07-30 03:32:26 +08:00
feat(views/calendar): make calendar full height
This commit is contained in:
parent
300bb561bb
commit
710cf68c06
@ -40,6 +40,10 @@ export default class NoteListRenderer {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
get isFullHeight() {
|
||||||
|
return this.viewMode?.isFullHeight;
|
||||||
|
}
|
||||||
|
|
||||||
async renderList() {
|
async renderList() {
|
||||||
if (!this.viewMode) {
|
if (!this.viewMode) {
|
||||||
return null;
|
return null;
|
||||||
|
@ -15,6 +15,11 @@ const TPL = `
|
|||||||
.note-list-widget .note-list {
|
.note-list-widget .note-list {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.note-list-widget.full-height,
|
||||||
|
.note-list-widget.full-height .note-list-widget-content {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<div class="note-list-widget-content">
|
<div class="note-list-widget-content">
|
||||||
@ -68,6 +73,7 @@ export default class NoteListWidget extends NoteContextAwareWidget {
|
|||||||
|
|
||||||
async renderNoteList(note: FNote) {
|
async renderNoteList(note: FNote) {
|
||||||
const noteListRenderer = new NoteListRenderer(this.$content, note, note.getChildNoteIds());
|
const noteListRenderer = new NoteListRenderer(this.$content, note, note.getChildNoteIds());
|
||||||
|
this.$widget.toggleClass("full-height", noteListRenderer.isFullHeight);
|
||||||
await noteListRenderer.renderList();
|
await noteListRenderer.renderList();
|
||||||
this.viewMode = noteListRenderer.viewMode;
|
this.viewMode = noteListRenderer.viewMode;
|
||||||
}
|
}
|
||||||
|
@ -78,6 +78,10 @@ export default class CalendarView extends ViewMode {
|
|||||||
args.$parent.append(this.$root);
|
args.$parent.append(this.$root);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
get isFullHeight(): boolean {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
async renderList(): Promise<JQuery<HTMLElement> | undefined> {
|
async renderList(): Promise<JQuery<HTMLElement> | undefined> {
|
||||||
const isEditable = true;
|
const isEditable = true;
|
||||||
|
|
||||||
@ -98,7 +102,8 @@ export default class CalendarView extends ViewMode {
|
|||||||
select: (e) => this.#onCalendarSelection(e),
|
select: (e) => this.#onCalendarSelection(e),
|
||||||
eventChange: (e) => this.#onEventMoved(e),
|
eventChange: (e) => this.#onEventMoved(e),
|
||||||
firstDay: options.getInt("firstDayOfWeek") ?? 0,
|
firstDay: options.getInt("firstDayOfWeek") ?? 0,
|
||||||
locale: await CalendarView.#getLocale()
|
locale: await CalendarView.#getLocale(),
|
||||||
|
height: "100%"
|
||||||
});
|
});
|
||||||
calendar.render();
|
calendar.render();
|
||||||
this.calendar = calendar;
|
this.calendar = calendar;
|
||||||
|
@ -21,4 +21,9 @@ export default abstract class ViewMode {
|
|||||||
// Do nothing by default.
|
// Do nothing by default.
|
||||||
}
|
}
|
||||||
|
|
||||||
|
get isFullHeight() {
|
||||||
|
// Override to change its value.
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user