note actions now work again

src/public/javascripts/desktop.js

@@ -126,7 +126,9 @@ if (utils.isElectron()) {
     });
 }
 
-$("#export-note-button").click(function () {
+const $noteTabContainer = $("#note-tab-container");
+
+$noteTabContainer.on("click", ".export-note-button", function () {
     if ($(this).hasClass("disabled")) {
         return;
     }
@@ -134,12 +136,12 @@ $("#export-note-button").click(function () {
     exportDialog.showDialog('single');
 });
 
+$noteTabContainer.on("click", ".import-files-button", importDialog.showDialog);
+
 $('[data-toggle="tooltip"]').tooltip({
     html: true
 });
 
-$("#import-files-button").click(importDialog.showDialog);
-
 macInit.init();
 
 searchNotesService.init(); // should be in front of treeService since that one manipulates address bar hash

src/public/javascripts/dialogs/import.js

@@ -7,7 +7,7 @@ import messagingService from "../services/messaging.js";
 
 const $dialog = $("#import-dialog");
 const $form = $("#import-form");
-const $noteTitle = $dialog.find(".note-title");
+const $noteTitle = $dialog.find(".import-note-title");
 const $fileUploadInput = $("#import-file-upload-input");
 const $importProgressCountWrapper = $("#import-progress-count-wrapper");
 const $importProgressCount = $("#import-progress-count");

src/public/javascripts/services/entrypoints.js

@@ -28,22 +28,6 @@ function registerEntrypoints() {
     $("#jump-to-note-dialog-button").click(jumpToNoteDialog.showDialog);
     utils.bindShortcut('ctrl+j', jumpToNoteDialog.showDialog);
 
-    $("#show-note-revisions-button").click(function() {
-        if ($(this).hasClass("disabled")) {
-            return;
-        }
-
-        noteRevisionsDialog.showCurrentNoteRevisions();
-    });
-
-    $("#show-source-button").click(function() {
-        if ($(this).hasClass("disabled")) {
-            return;
-        }
-
-        noteSourceDialog.showDialog();
-    });
-
     $("#recent-changes-button").click(recentChangesDialog.showDialog);
 
     $("#enter-protected-session-button").click(protectedSessionService.enterProtectedSession);
@@ -52,9 +36,28 @@ function registerEntrypoints() {
     $("#toggle-search-button").click(searchNotesService.toggleSearch);
     utils.bindShortcut('ctrl+s', searchNotesService.toggleSearch);
 
-    $(".show-attributes-button").click(attributesDialog.showDialog);
+    const $noteTabContainer = $("#note-tab-container");
+    $noteTabContainer.on("click", ".show-attributes-button", attributesDialog.showDialog);
     utils.bindShortcut('alt+a', attributesDialog.showDialog);
 
+    $noteTabContainer.on("click", ".show-note-info-button", noteInfoDialog.showDialog);
+
+    $noteTabContainer.on("click", ".show-note-revisions-button", function() {
+        if ($(this).hasClass("disabled")) {
+            return;
+        }
+
+        noteRevisionsDialog.showCurrentNoteRevisions();
+    });
+
+    $noteTabContainer.on("click", ".show-source-button", function() {
+        if ($(this).hasClass("disabled")) {
+            return;
+        }
+
+        noteSourceDialog.showDialog();
+    });
+
     $("#options-button").click(optionsDialog.showDialog);
 
     $("#show-help-button").click(helpDialog.showDialog);
@@ -63,8 +66,6 @@ function registerEntrypoints() {
     $("#open-sql-console-button").click(sqlConsoleDialog.showDialog);
     utils.bindShortcut('alt+o', sqlConsoleDialog.showDialog);
 
-    $("#show-note-info-button").click(noteInfoDialog.showDialog);
-
     $("#show-about-dialog-button").click(aboutDialog.showDialog);
 
     if (utils.isElectron()) {

src/public/javascripts/services/note_detail.js

@@ -148,13 +148,11 @@ async function loadNoteDetail(noteId, newTab = false) {
 
     if (utils.isDesktop()) {
         // needs to happen after loading the note itself because it references active noteId
-        // FIXME
-        //attributeService.refreshAttributes();
+        ctx.attributes.refreshAttributes();
     }
     else {
         // mobile usually doesn't need attributes so we just invalidate
-        // FIXME
-        //attributeService.invalidateAttributes();
+        ctx.attributes.invalidateAttributes();
     }
 
     ctx.updateNoteView();

src/public/javascripts/services/note_detail_protected_session.js

@@ -0,0 +1,18 @@
+class NoteDetailImage {
+    /**
+     * @param {NoteContext} ctx
+     */
+    constructor(ctx) {
+        this.ctx = ctx;
+        this.$component = ctx.$noteTabContent.find(".protected-session-password-component");
+        const $passwordForms = ctx.$noteTabContent.find(".protected-session-password-form");
+        const $passwordInputs = ctx.$noteTabContent.find(".protected-session-password");
+        const $passwordInModal = ctx.$noteTabContent.find(".protected-session-password-in-modal");
+        const $protectButton = ctx.$noteTabContent.find(".protect-button");
+        const $unprotectButton = ctx.$noteTabContent.find(".unprotect-button");
+    }
+
+    show() {
+        this.$component.show();
+    }
+}

src/public/javascripts/services/protected_session.js

@@ -10,7 +10,7 @@ const $component = $("#protected-session-password-component");
 const $passwordForms = $(".protected-session-password-form");
 const $passwordInputs = $(".protected-session-password");
 const $passwordInModal = $("#protected-session-password-in-modal");
-const $tabContent = $(".note-tab-content"); // FIXME TAB
+const $tabContent = $(".note-tab-content");
 const $protectButton = $("#protect-button");
 const $unprotectButton = $("#unprotect-button");
 const $enterProtectedSessionButton = $("#enter-protected-session-button");

src/public/stylesheets/desktop.css

@@ -147,7 +147,7 @@ li.dropdown-submenu:hover > ul.dropdown-menu {
     border: 1px solid var(--main-border-color);
 }
 
-.note-info-table td, .note-info-table th {
+#note-info-table td, #note-info-table th {
     padding: 15px;
 }
 

src/views/dialogs/import.ejs

@@ -18,7 +18,7 @@
 
                         <input type="file" id="import-file-upload-input" class="form-control-file" multiple />
 
-                        <p>Content of the file will be imported as child note(s) into <strong class="note-title"></strong>.
+                        <p>Content of the file will be imported as child note(s) into <strong class="import-note-title"></strong>.
                     </div>
 
                     <div class="form-group">