zadam/trilium
1
1
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-02-24 23:13:43 +08:00
Code Issues Projects Releases Packages Wiki Activity

api log close button

Browse source
This commit is contained in:
zadam 2022-09-18 08:48:01 +02:00
parent 24e4455e91
commit 47235965d5
1 changed files with 23 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/public/app/widgets/api_log.js
View file

@ -7,6 +7,7 @@ const TPL = `
padding: 15px;
flex-grow: 1;
max-height: 40%;
position: relative;
}
.hidden-api-log {
@ -17,7 +18,21 @@ const TPL = `
overflow: auto;
height: 100%;
}
.close-api-log-button {
padding: 5px;
border: 1px solid var(--button-border-color);
background-color: var(--button-background-color);
border-radius: 4px;
color: var(--button-text-color);
position: absolute;
top: 10px;
right: 40px;
cursor: pointer;
}
</style>
<div class="bx bx-x close-api-log-button" title="Close"></div>
<div class="api-log-container"></div>
</div>`;
@ -31,9 +46,11 @@ export default class ApiLogWidget extends NoteContextAwareWidget {
doRender() {
this.$widget = $(TPL);
this.$widget.addClass("hidden-api-log");
this.toggle(false);
this.$logContainer = this.$widget.find('.api-log-container');
this.$closeButton = this.$widget.find(".close-api-log-button");
this.$closeButton.on("click", () => this.toggle(false));
}
async refreshWithNote(note) {
@ -45,10 +62,14 @@ export default class ApiLogWidget extends NoteContextAwareWidget {
return;
}
this.$widget.removeClass("hidden-api-log");
this.toggle(true);
for (const message of messages) {
this.$logContainer.append(message).append($("<br>"));
}
}
toggle(show) {
this.$widget.toggleClass("hidden-api-log", !show);
}
}