converted branch prefix dialog to new pattern

2025-11-15 09:45:52 +01:00 · 2022-06-14 23:07:42 +02:00
parent bc87bf12cf
commit 312ffc110a
6 changed files with 108 additions and 103 deletions
--- a/src/public/app/widgets/dialogs/branch_prefix.js
+++ b/src/public/app/widgets/dialogs/branch_prefix.js
@@ -0,0 +1,105 @@
+import treeService from '../../services/tree.js';
+import server from '../../services/server.js';
+import froca from "../../services/froca.js";
+import toastService from "../../services/toast.js";
+import utils from "../../services/utils.js";
+import BasicWidget from "../basic_widget.js";
+import appContext from "../../services/app_context.js";
+
+let branchId;
+
+const TPL = `<div class="branch-prefix-dialog modal fade mx-auto" tabindex="-1" role="dialog">
+    <div class="modal-dialog modal-lg" role="document">
+        <form class="branch-prefix-form">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title mr-auto">Edit branch prefix</h5>
+
+                    <button class="help-button" type="button" data-help-page="Tree-concepts#prefix" title="Help on Tree prefix">?</button>
+
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-left: 0;">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                    <div class="form-group">
+                        <label for="branch-prefix-input">Prefix: </label> &nbsp;
+
+                        <div class="input-group">
+                            <input class="branch-prefix-input form-control">
+
+                            <div class="input-group-append">
+                                <div class="branch-prefix-note-title input-group-text"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-primary btn-sm">Save</button>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>`;
+
+export default class BranchPrefixDialog extends BasicWidget {
+    doRender() {
+        this.$widget = $(TPL);
+        this.$form = this.$widget.find(".branch-prefix-form");
+        this.$treePrefixInput = this.$widget.find(".branch-prefix-input");
+        this.$noteTitle = this.$widget.find('.branch-prefix-note-title');
+
+        this.$form.on('submit', () => {
+            this.savePrefix();
+
+            return false;
+        });
+
+        this.$widget.on('shown.bs.modal', () => this.$treePrefixInput.trigger('focus'));
+    }
+
+    async refresh(notePath) {
+        const {noteId, parentNoteId} = treeService.getNoteIdAndParentIdFromNotePath(notePath);
+
+        if (!noteId || !parentNoteId) {
+            return;
+        }
+
+        branchId = await froca.getBranchId(parentNoteId, noteId);
+        const branch = froca.getBranch(branchId);
+
+        if (!branch || branch.noteId === 'root') {
+            return;
+        }
+
+        const parentNote = await froca.getNote(branch.parentNoteId);
+
+        if (parentNote.type === 'search') {
+            return;
+        }
+
+        this.$treePrefixInput.val(branch.prefix);
+
+        const noteTitle = await treeService.getNoteTitle(noteId);
+
+        this.$noteTitle.text(" - " + noteTitle);
+    }
+
+    async editBranchPrefixEvent() {
+        const notePath = appContext.tabManager.getActiveContextNotePath();
+
+        await this.refresh(notePath);
+
+        utils.openDialog(this.$widget);
+    }
+
+    async savePrefix() {
+        const prefix = this.$treePrefixInput.val();
+
+        await server.put(`branches/${branchId}/set-prefix`, {prefix: prefix});
+
+        this.$widget.modal('hide');
+
+        toastService.showMessage("Branch prefix has been saved.");
+    }
+}