Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-11 19:22:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: 🤖 (ts) port about dialog

Browse Source
This commit is contained in:
Jin 2025-03-03 21:22:33 +01:00
parent 5289f94553
commit 0e81f086c0
1 changed files with 25 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/public/app/widgets/dialogs/about.js → src/public/app/widgets/dialogs/about.ts
View File

@ -5,6 +5,15 @@ import openService from "../../services/open.js";
import server from "../../services/server.js"; import server from "../../services/server.js";
import utils from "../../services/utils.js"; import utils from "../../services/utils.js";
interface AppInfo {
appVersion: string;
dbVersion: number;
syncVersion: number;
buildDate: string;
buildRevision: string;
dataDirectory: string;
}
const TPL = ` const TPL = `
<div class="about-dialog modal fade mx-auto" tabindex="-1" role="dialog"> <div class="about-dialog modal fade mx-auto" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog modal-lg" role="document">
@ -35,12 +44,10 @@ const TPL = `
<th>${t("about.build_date")}</th> <th>${t("about.build_date")}</th>
<td class="build-date"></td> <td class="build-date"></td>
</tr> </tr>
<tr> <tr>
<th>${t("about.build_revision")}</th> <th>${t("about.build_revision")}</th>
<td><a class="tn-link" href="" class="build-revision external" target="_blank"></a></td> <td><a class="tn-link build-revision external" href="" target="_blank"></a></td>
</tr> </tr>
<tr> <tr>
<th>${t("about.data_directory")}</th> <th>${t("about.data_directory")}</th>
<td class="data-directory"></td> <td class="data-directory"></td>
@ -59,7 +66,14 @@ const TPL = `
`; `;
export default class AboutDialog extends BasicWidget { export default class AboutDialog extends BasicWidget {
doRender() { private $appVersion!: JQuery<HTMLElement>;
private $dbVersion!: JQuery<HTMLElement>;
private $syncVersion!: JQuery<HTMLElement>;
private $buildDate!: JQuery<HTMLElement>;
private $buildRevision!: JQuery<HTMLElement>;
private $dataDirectory!: JQuery<HTMLElement>;
doRender(): void {
this.$widget = $(TPL); this.$widget = $(TPL);
this.$appVersion = this.$widget.find(".app-version"); this.$appVersion = this.$widget.find(".app-version");
this.$dbVersion = this.$widget.find(".db-version"); this.$dbVersion = this.$widget.find(".db-version");
@ -69,12 +83,12 @@ export default class AboutDialog extends BasicWidget {
this.$dataDirectory = this.$widget.find(".data-directory"); this.$dataDirectory = this.$widget.find(".data-directory");
} }
async refresh() { async refresh(): Promise<void> {
const appInfo = await server.get("app-info"); const appInfo = await server.get<AppInfo>("app-info");
this.$appVersion.text(appInfo.appVersion); this.$appVersion.text(appInfo.appVersion);
this.$dbVersion.text(appInfo.dbVersion); this.$dbVersion.text(appInfo.dbVersion.toString());
this.$syncVersion.text(appInfo.syncVersion); this.$syncVersion.text(appInfo.syncVersion.toString());
this.$buildDate.text(formatDateTime(appInfo.buildDate)); this.$buildDate.text(formatDateTime(appInfo.buildDate));
this.$buildRevision.text(appInfo.buildRevision); this.$buildRevision.text(appInfo.buildRevision);
this.$buildRevision.attr("href", `https://github.com/TriliumNext/Notes/commit/${appInfo.buildRevision}`); this.$buildRevision.attr("href", `https://github.com/TriliumNext/Notes/commit/${appInfo.buildRevision}`);
@ -84,9 +98,9 @@ export default class AboutDialog extends BasicWidget {
href: "#", href: "#",
class: "tn-link", class: "tn-link",
text: appInfo.dataDirectory text: appInfo.dataDirectory
}) }).prop("outerHTML")
); );
this.$dataDirectory.find("a").on("click", (event) => { this.$dataDirectory.find("a").on("click", (event: JQuery.ClickEvent) => {
event.preventDefault(); event.preventDefault();
openService.openDirectory(appInfo.dataDirectory); openService.openDirectory(appInfo.dataDirectory);
}); });
@ -95,9 +109,8 @@ export default class AboutDialog extends BasicWidget {
} }
} }
async openAboutDialogEvent() { async openAboutDialogEvent(): Promise<void> {
await this.refresh(); await this.refresh();
utils.openDialog(this.$widget); utils.openDialog(this.$widget);
} }
} }