fix setup of new document, closes #966

src/public/app/widgets/standard_top_widget.js

@@ -0,0 +1,90 @@
+import BasicWidget from "./basic_widget.js";
+import HistoryNavigationWidget from "./history_navigation.js";
+import protectedSessionService from "../services/protected_session.js";
+
+const TPL = `
+<div class="standard-top-widget">
+    <style>
+    .standard-top-widget {
+        background-color: var(--header-background-color);
+        display: flex;
+        align-items: center;
+        padding-top: 4px;
+    }
+    
+    .standard-top-widget button {
+        padding: 1px 5px 1px 5px;
+        font-size: smaller;
+        margin-bottom: 2px;
+        margin-top: 2px;
+        margin-right: 8px;
+        border-color: transparent !important;
+    }
+    
+    .standard-top-widget button.btn-sm .bx {
+        position: relative;
+        top: 1px;
+    }
+    
+    .standard-top-widget button:hover {
+        border-color: var(--button-border-color) !important;
+    }
+    </style>
+
+    <div style="flex-grow: 100; display: flex;">
+        <button class="btn btn-sm jump-to-note-dialog-button" data-command="jumpToNote">
+            <span class="bx bx-crosshair"></span>
+            Jump to note
+        </button>
+    
+        <button class="btn btn-sm recent-changes-button" data-command="showRecentChanges">
+            <span class="bx bx-history"></span>
+    
+            Recent changes
+        </button>
+    
+        <button class="btn btn-sm enter-protected-session-button"
+                title="Enter protected session to be able to find and view protected notes">
+            <span class="bx bx-log-in"></span>
+    
+            Enter protected session
+        </button>
+    
+        <button class="btn btn-sm leave-protected-session-button"
+                title="Leave protected session so that protected notes are not accessible any more."
+                style="display: none;">
+            <span class="bx bx-log-out"></span>
+    
+            Leave protected session
+        </button>
+    </div>
+    
+    <div id="plugin-buttons"></div>
+</div>`;
+
+export default class StandardTopWidget extends BasicWidget {
+    doRender() {
+        this.$widget = $(TPL);
+
+        const historyNavigationWidget = new HistoryNavigationWidget();
+        this.child(historyNavigationWidget);
+
+        this.$widget.prepend(historyNavigationWidget.render());
+
+        this.$widget.find(".jump-to-note-dialog-button").on('click', () => this.triggerCommand('jumpToNote'));
+        this.$widget.find(".recent-changes-button").on('click', () => this.triggerCommand('showRecentChanges'));
+
+        this.$enterProtectedSessionButton = this.$widget.find(".enter-protected-session-button");
+        this.$enterProtectedSessionButton.on('click', protectedSessionService.enterProtectedSession);
+
+        this.$leaveProtectedSessionButton = this.$widget.find(".leave-protected-session-button");
+        this.$leaveProtectedSessionButton.on('click', protectedSessionService.leaveProtectedSession);
+
+        return this.$widget
+    }
+
+    protectedSessionStartedEvent() {
+        this.$enterProtectedSessionButton.hide();
+        this.$leaveProtectedSessionButton.show();
+    }
+}