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

chore(client/ts): port api_log

Browse Source
This commit is contained in:
Elian Doran 2025-01-11 01:26:15 +02:00
parent 25cd18f6c8
commit 7e00b889a0
No known key found for this signature in database
1 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/public/app/widgets/api_log.js → src/public/app/widgets/api_log.ts
View File

@ -1,3 +1,5 @@
import type { EventData } from "../components/app_context.js";
import type FNote from "../entities/fnote.js";
import { t } from "../services/i18n.js"; import { t } from "../services/i18n.js";
import NoteContextAwareWidget from "./note_context_aware_widget.js"; import NoteContextAwareWidget from "./note_context_aware_widget.js";
@ -10,16 +12,16 @@ const TPL = `
max-height: 40%; max-height: 40%;
position: relative; position: relative;
} }
.hidden-api-log { .hidden-api-log {
display: none; display: none;
} }
.api-log-container { .api-log-container {
overflow: auto; overflow: auto;
height: 100%; height: 100%;
} }
.close-api-log-button { .close-api-log-button {
padding: 5px; padding: 5px;
border: 1px solid var(--button-border-color); border: 1px solid var(--button-border-color);
@ -32,15 +34,19 @@ const TPL = `
cursor: pointer; cursor: pointer;
} }
</style> </style>
<div class="bx bx-x close-api-log-button" title="${t("api_log.close")}"></div> <div class="bx bx-x close-api-log-button" title="${t("api_log.close")}"></div>
<div class="api-log-container"></div> <div class="api-log-container"></div>
</div>`; </div>`;
export default class ApiLogWidget extends NoteContextAwareWidget { export default class ApiLogWidget extends NoteContextAwareWidget {
private $logContainer!: JQuery<HTMLElement>;
private $closeButton!: JQuery<HTMLElement>;
isEnabled() { isEnabled() {
return this.note && this.note.mime.startsWith("application/javascript;env=") && super.isEnabled(); return !!this.note && this.note.mime.startsWith("application/javascript;env=") && super.isEnabled();
} }
doRender() { doRender() {
@ -52,11 +58,11 @@ export default class ApiLogWidget extends NoteContextAwareWidget {
this.$closeButton.on("click", () => this.toggle(false)); this.$closeButton.on("click", () => this.toggle(false));
} }
async refreshWithNote(note) { async refreshWithNote(note: FNote) {
this.$logContainer.empty(); this.$logContainer.empty();
} }
apiLogMessagesEvent({ messages, noteId }) { apiLogMessagesEvent({ messages, noteId }: EventData<"apiLogMessages">) {
if (!this.isNote(noteId)) { if (!this.isNote(noteId)) {
return; return;
} }
@ -68,7 +74,7 @@ export default class ApiLogWidget extends NoteContextAwareWidget {
} }
} }
toggle(show) { toggle(show: boolean) {
this.$widget.toggleClass("hidden-api-log", !show); this.$widget.toggleClass("hidden-api-log", !show);
} }
} }