2025-01-13 23:18:10 +02:00
|
|
|
import type FNote from "../entities/fnote.js";
|
2025-02-13 23:46:20 +02:00
|
|
|
import CalendarView from "../widgets/view_widgets/calendar_view.js";
|
2025-07-06 11:13:17 +03:00
|
|
|
import GeoView from "../widgets/view_widgets/geo_view/index.js";
|
2025-02-13 23:23:18 +02:00
|
|
|
import ListOrGridView from "../widgets/view_widgets/list_or_grid_view.js";
|
2025-06-27 17:44:29 +03:00
|
|
|
import TableView from "../widgets/view_widgets/table_view/index.js";
|
2025-02-15 10:13:47 +02:00
|
|
|
import type { ViewModeArgs } from "../widgets/view_widgets/view_mode.js";
|
2025-02-13 23:23:18 +02:00
|
|
|
import type ViewMode from "../widgets/view_widgets/view_mode.js";
|
2020-10-07 23:08:17 +02:00
|
|
|
|
2025-07-14 13:12:54 +03:00
|
|
|
export type ArgsWithoutNoteId = Omit<ViewModeArgs, "noteIds">;
|
2025-07-06 11:13:17 +03:00
|
|
|
export type ViewTypeOptions = "list" | "grid" | "calendar" | "table" | "geoMap";
|
2025-02-16 18:09:01 +02:00
|
|
|
|
2025-02-13 23:23:18 +02:00
|
|
|
export default class NoteListRenderer {
|
2023-06-22 23:34:05 +02:00
|
|
|
|
2025-02-16 18:09:01 +02:00
|
|
|
private viewType: ViewTypeOptions;
|
2025-07-14 13:12:54 +03:00
|
|
|
private args: ArgsWithoutNoteId;
|
|
|
|
|
public viewMode?: ViewMode<any>;
|
2023-03-21 16:19:09 -04:00
|
|
|
|
2025-07-14 13:12:54 +03:00
|
|
|
constructor(args: ArgsWithoutNoteId) {
|
|
|
|
|
this.args = args;
|
2025-06-27 21:51:38 +03:00
|
|
|
this.viewType = this.#getViewType(args.parentNote);
|
2025-02-13 23:46:20 +02:00
|
|
|
}
|
|
|
|
|
|
2025-02-16 18:09:01 +02:00
|
|
|
#getViewType(parentNote: FNote): ViewTypeOptions {
|
2025-02-13 23:46:20 +02:00
|
|
|
const viewType = parentNote.getLabelValue("viewType");
|
|
|
|
|
|
2025-07-06 11:13:17 +03:00
|
|
|
if (!["list", "grid", "calendar", "table", "geoMap"].includes(viewType || "")) {
|
2025-02-13 23:46:20 +02:00
|
|
|
// when not explicitly set, decide based on the note type
|
|
|
|
|
return parentNote.type === "search" ? "list" : "grid";
|
|
|
|
|
} else {
|
2025-02-16 18:09:01 +02:00
|
|
|
return viewType as ViewTypeOptions;
|
2025-02-13 23:46:20 +02:00
|
|
|
}
|
2021-01-28 23:29:10 +01:00
|
|
|
}
|
|
|
|
|
|
2025-02-21 17:17:53 +02:00
|
|
|
get isFullHeight() {
|
2025-07-14 12:56:17 +03:00
|
|
|
switch (this.viewType) {
|
|
|
|
|
case "list":
|
|
|
|
|
case "grid":
|
|
|
|
|
return false;
|
|
|
|
|
default:
|
|
|
|
|
return true;
|
|
|
|
|
}
|
2025-02-21 17:17:53 +02:00
|
|
|
}
|
|
|
|
|
|
2020-10-23 22:11:39 +02:00
|
|
|
async renderList() {
|
2025-07-14 13:12:54 +03:00
|
|
|
const args = this.args;
|
|
|
|
|
|
|
|
|
|
let noteIds: string[];
|
|
|
|
|
if (this.viewType === "list" || this.viewType === "grid") {
|
|
|
|
|
noteIds = args.parentNote.getChildNoteIds();
|
|
|
|
|
} else {
|
|
|
|
|
noteIds = await args.parentNote.getSubtreeNoteIds();
|
2025-02-13 23:46:20 +02:00
|
|
|
}
|
|
|
|
|
|
2025-07-14 13:12:54 +03:00
|
|
|
const viewMode = this.#buildViewMode({
|
|
|
|
|
...args,
|
|
|
|
|
noteIds
|
|
|
|
|
});
|
|
|
|
|
this.viewMode = viewMode;
|
|
|
|
|
return await viewMode.renderList();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#buildViewMode(args: ViewModeArgs) {
|
|
|
|
|
switch (this.viewType) {
|
|
|
|
|
case "calendar":
|
|
|
|
|
return new CalendarView(args);
|
|
|
|
|
case "table":
|
|
|
|
|
return new TableView(args);
|
|
|
|
|
case "geoMap":
|
|
|
|
|
return new GeoView(args);
|
|
|
|
|
case "list":
|
|
|
|
|
case "grid":
|
|
|
|
|
default:
|
|
|
|
|
return new ListOrGridView(this.viewType, args);
|
|
|
|
|
}
|
2020-10-23 22:11:39 +02:00
|
|
|
}
|
2020-10-22 22:49:22 +02:00
|
|
|
|
2020-10-07 23:08:17 +02:00
|
|
|
}
|