link map fixes

src/public/javascripts/dialogs/link_map.js

@@ -4,21 +4,24 @@ import noteDetailService from "../services/note_detail.js";
 
 const $linkMapContainer = $("#link-map-container");
 
-const LINK_TYPES = [ "hyper", "image", "relation", "relation-map" ];
-
 const $dialog = $("#link-map-dialog");
 const $maxNotesInput = $("#link-map-max-notes");
 
 let linkMapService;
 
+function getOptions() {
+    return {
+        maxNotes: $maxNotesInput.val()
+    };
+}
+
 export async function showDialog() {
     utils.closeActiveDialog();
 
     glob.activeDialog = $dialog;
 
     // set default settings
-    $maxNotesInput.val(10);
-    LINK_TYPES.forEach(lt => $("#link-map-" + lt).prop('checked', true));
+    $maxNotesInput.val(20);
 
     const note = noteDetailService.getActiveNote();
 
@@ -28,12 +31,11 @@ export async function showDialog() {
 
     $linkMapContainer.css("height", $("body").height() - 150);
 
-    linkMapService = new LinkMapService(note, $linkMapContainer);
+    linkMapService = new LinkMapService(note, $linkMapContainer, getOptions());
+
     linkMapService.render();
 
     $dialog.modal();
 }
 
-$(".link-map-settings").change(() => linkMapService.loadNotesAndRelations());
-
-$maxNotesInput.on("input", () => linkMapService.loadNotesAndRelations());
+$maxNotesInput.on("input", () => linkMapService.loadNotesAndRelations(getOptions()));

src/public/javascripts/services/link_map.js

@@ -18,6 +18,7 @@ export default class LinkMap {
         this.note = note;
         this.options = $.extend({
             maxDepth: 10,
+            maxNotes: 30,
             zoom: 1.0
         }, options);
 
@@ -37,13 +38,13 @@ export default class LinkMap {
         });
     }
 
-    async loadNotesAndRelations() {
+    async loadNotesAndRelations(options = {}) {
+        this.options = $.extend(this.options, options);
+
         this.cleanup();
 
-        const maxNotes = 50;
-
         const links = await server.post(`notes/${this.note.noteId}/link-map`, {
-            maxNotes,
+            maxNotes: this.options.maxNotes,
             maxDepth: this.options.maxDepth
         });