gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-16 12:24:25 +01:00
Code Issues Actions 14 Packages Projects Releases Wiki Activity

chore(client/ts): port global_menu

Browse Source
This commit is contained in:
Elian Doran 2025-01-04 18:19:46 +02:00
parent 356cb2f12f
commit 874809254d
No known key found for this signature in database
3 changed files with 51 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/public/app/types.d.ts vendored
View File

@ -41,6 +41,7 @@ interface CustomGlobals {
assetPath: string; assetPath: string;
instanceName: string; instanceName: string;
appCssNoteIds: string[]; appCssNoteIds: string[];
triliumVersion: string;
} }
type RequireMethod = (moduleName: string) => any; type RequireMethod = (moduleName: string) => any;

15
src/public/app/widgets/buttons/global_menu.js → src/public/app/widgets/buttons/global_menu.ts
View File

@ -254,7 +254,16 @@ const TPL = `
`; `;
export default class GlobalMenuWidget extends BasicWidget { export default class GlobalMenuWidget extends BasicWidget {
constructor(isHorizontalLayout) {
private updateAvailableWidget: UpdateAvailableWidget;
private isHorizontalLayout: boolean;
private tooltip!: bootstrap.Tooltip;
private dropdown!: bootstrap.Dropdown;
private $updateToLatestVersionButton!: JQuery<HTMLElement>;
private $zoomState!: JQuery<HTMLElement>;
constructor(isHorizontalLayout: boolean) {
super(); super();
this.updateAvailableWidget = new UpdateAvailableWidget(); this.updateAvailableWidget = new UpdateAvailableWidget();
@ -286,11 +295,15 @@ export default class GlobalMenuWidget extends BasicWidget {
<path class="st8" d="m66.3 52.2c15.3 12.8 23.3 33.6 26.1 48.9l-50.6-22 48.8 24.9c-12.2 6-29.6 11.8-46.5 10-19.8-16.4-40.2-46.4-42.6-61.5 12.4-6.5 41.5-5.8 64.8-0.3z"/> <path class="st8" d="m66.3 52.2c15.3 12.8 23.3 33.6 26.1 48.9l-50.6-22 48.8 24.9c-12.2 6-29.6 11.8-46.5 10-19.8-16.4-40.2-46.4-42.6-61.5 12.4-6.5 41.5-5.8 64.8-0.3z"/>
</g> </g>
</svg>`)); </svg>`));
//TODO: Fix once bootstrap is imported via modules.
//@ts-ignore
this.tooltip = new bootstrap.Tooltip(this.$widget.find("[data-bs-toggle='tooltip']"), { trigger: "hover" }); this.tooltip = new bootstrap.Tooltip(this.$widget.find("[data-bs-toggle='tooltip']"), { trigger: "hover" });
} else { } else {
$globalMenuButton.toggleClass("bx bx-menu"); $globalMenuButton.toggleClass("bx bx-menu");
} }
//TODO: Fix once bootstrap is imported via modules.
//@ts-ignore
this.dropdown = bootstrap.Dropdown.getOrCreateInstance(this.$widget.find("[data-bs-toggle='dropdown']"), { this.dropdown = bootstrap.Dropdown.getOrCreateInstance(this.$widget.find("[data-bs-toggle='dropdown']"), {
alignment: "bottom" alignment: "bottom"
}); });

2
src/public/app/widgets/buttons/update_available.js → src/public/app/widgets/buttons/update_available.ts
View File

@ -34,7 +34,7 @@ export default class UpdateAvailableWidget extends BasicWidget {
this.$widget = $(TPL); this.$widget = $(TPL);
} }
updateVersionStatus(latestVersion) { updateVersionStatus(latestVersion: string) {
this.$widget.toggle(utils.isUpdateAvailable(latestVersion, glob.triliumVersion)); this.$widget.toggle(utils.isUpdateAvailable(latestVersion, glob.triliumVersion));
} }
} }