[PLUGIN] More Buttons in title bar 【插件】更多标题栏按钮

[XiaofengdiZhu]

When I was written #1972 , I wrote ths in passing. I hope you like it too.
这是我在写 #1972 时顺便写的，希望你也喜欢。

How to Use 如何使用

Create a new JS frontend note with attr #run=frontendStartup and these code:
创建一个JS frontend的笔记，attr写上#run=frontendStartup，内容写：

Necessary 必需

//It seems this function is not safe, I don't know the author of Trilium will remove it. 这个方法感觉不安全，可能以后Trilium作者会移除
window.eval('var CurrentWindow = require("electron").remote.getCurrentWindow()');

Fullscreen Button 全屏按钮

if ($(".fullscreen-btn").length == 0) {
    $(".maximize-btn").after('<button class="btn icon-action bx bx-fullscreen fullscreen-btn"/>');
    const $fullscreenBtn = $(".fullscreen-btn");
    $fullscreenBtn.on("click", () => {
        $fullscreenBtn.trigger("blur");
        $fullscreenBtn.toggleClass("bx-fullscreen bx-exit-fullscreen")
        if (CurrentWindow.isFullScreen()) {
            CurrentWindow.setFullScreen(false);
        } else {
            CurrentWindow.setFullScreen(true);
        }
    });
}

Opacity Slider 透明度滑块

if ($(".opacity-slider").length == 0) {
    $(".minimize-btn").before(`<style>
.opacity-slider {
    -webkit-appearance: none;
    outline: none;
    background-color: var(--main-border-color) !important;
    height: 2px;
    width: 80px;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
}
.opacity-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 16px;
    width: 8px;
    background: var(--button-text-color);
}
</style>
<input class="opacity-slider" type="range" min="0.1" max="1" step="0.01" value="${CurrentWindow.getOpacity()}" />`);
    const $opacitySlider = $(".opacity-slider");
    $opacitySlider.on("input change", () => {
        //console.log(CurrentWindow.getOpacity());
        CurrentWindow.setOpacity($opacitySlider.val()*1);
    });
}

Always On Top Button 置顶按钮

if ($(".alwaysOnTop-btn").length == 0) {
    $(".minimize-btn").before('<button class="btn icon-action bx bx-lock-alt alwaysOnTop-btn"/>');
    const $alwaysOnTopBtn = $(".alwaysOnTop-btn");
    $alwaysOnTopBtn.on("click", () => {
        $alwaysOnTopBtn.trigger("blur");
        $alwaysOnTopBtn.toggleClass("bx-lock-alt bxs-lock-open")
        if (CurrentWindow.isAlwaysOnTop()) {
            CurrentWindow.setAlwaysOnTop(false);
        } else {
            CurrentWindow.setAlwaysOnTop(true);
        }
    });
}

[blumpcus]

Thanks for these useful additions!
Glad to have the opacity slider!