added plugin buttons to the launcher pane

This commit is contained in:
zadam 2021-06-05 14:12:17 +02:00
parent 4bf1c25721
commit 8debf18984
3 changed files with 25 additions and 13 deletions

View File

@ -69,7 +69,11 @@ export default class DesktopLayout {
.icon("bx-history")
.title("Show recent changes")
.command("showRecentChanges"))
.child(new SpacerWidget())
.child(new SpacerWidget(40, 0))
.child(new FlexContainer("column")
.overflowing()
.id("plugin-buttons"))
.child(new SpacerWidget(0, 1000))
.child(new ProtectedSessionStatusWidget())
.child(new SyncStatusWidget())
.child(new LeftPaneToggleWidget())
@ -103,7 +107,7 @@ export default class DesktopLayout {
.overflowing()
.child(new NoteIconWidget())
.child(new NoteTitleWidget())
.child(new SpacerWidget(1))
.child(new SpacerWidget(0, 1))
.child(new ClosePaneButton())
.child(new CreatePaneButton())
)

View File

@ -112,19 +112,23 @@ function FrontendScriptApi(startNote, currentNote, originEntity = null, $contain
.on('click', () => {
setTimeout(() => $pluginButtons.dropdown('hide'), 0);
});
if (opts.icon) {
button.append($("<span>").addClass("bx bx-" + opts.icon))
.append("&nbsp;");
}
button.append($("<span>").text(opts.title));
} else {
button = $('<button class="noborder">')
.addClass("btn btn-sm");
button = $('<span class="button-widget icon-action bx" data-toggle="tooltip" title="" data-placement="right"></span>')
.addClass("bx bx-" + opts.icon);
button.attr("title", opts.title);
button.tooltip({html: true});
}
button = button.on('click', opts.action);
if (opts.icon) {
button.append($("<span>").addClass("bx bx-" + opts.icon))
.append("&nbsp;");
}
button.append($("<span>").text(opts.title));
button.attr('id', buttonId);
if ($("#" + buttonId).replaceWith(button).length === 0) {

View File

@ -3,14 +3,18 @@ import BasicWidget from "./basic_widget.js";
const TPL = `<div class="spacer"></div>`;
export default class SpacerWidget extends BasicWidget {
constructor(growIndex = 1000) {
constructor(baseSize = 0, growIndex = 1000, shrinkIndex = 1000) {
super();
this.baseSize = baseSize;
this.growIndex = growIndex;
this.shrinkIndex = shrinkIndex;
}
doRender() {
this.$widget = $(TPL);
this.$widget.css("flex-grow", this.growIndex)
this.$widget.css("flex-basis", this.baseSize);
this.$widget.css("flex-grow", this.growIndex);
this.$widget.css("flex-shrink", this.shrinkIndex);
}
}