configuration of displayed link types + max number of links

src/public/javascripts/dialogs/link_map.js

@@ -16,14 +16,22 @@ const linkOverlays = [
     } ]
 ];
 
+const LINK_TYPES = [ "hyper", "image", "relation", "relation-map" ];
+
 const $dialog = $("#link-map-dialog");
+const $maxNotesInput = $("#link-map-max-notes");
 
 let jsPlumbInstance = null;
 let pzInstance = null;
+let renderer = null;
 
 async function showDialog() {
     glob.activeDialog = $dialog;
 
+    // set default settings
+    $maxNotesInput.val(50);
+    LINK_TYPES.forEach(lt => $("#link-map-" + lt).attr("checked", "checked"));
+
     await libraryLoader.requireLibrary(libraryLoader.LINK_MAP);
 
     jsPlumb.ready(() => {
@@ -38,12 +46,26 @@ async function showDialog() {
 }
 
 async function loadNotesAndRelations() {
+    cleanup();
+
+    const linkTypes = LINK_TYPES.filter(lt => $(`#link-map-${lt}:checked`).length > 0);
+    const maxNotes = parseInt($maxNotesInput.val());
+
+    console.log(linkTypes);
+
     const activeNoteId = noteDetailService.getActiveNoteId();
 
-    const links = await server.get(`notes/${activeNoteId}/link-map`);
+    const links = await server.post(`notes/${activeNoteId}/link-map`, {
+        linkTypes,
+        maxNotes
+    });
 
     const noteIds = new Set(links.map(l => l.noteId).concat(links.map(l => l.targetNoteId)));
 
+    if (noteIds.size === 0) {
+        noteIds.add(activeNoteId);
+    }
+
     // preload all notes
     const notes = await treeCache.getNotes(Array.from(noteIds));
 
@@ -94,7 +116,7 @@ async function loadNotesAndRelations() {
         return $noteBox;
     }
 
-    const renderer = new Springy.Renderer(
+    renderer = new Springy.Renderer(
         layout,
         () => {},
         (edge, p1, p2) => {
@@ -150,6 +172,10 @@ function initPanZoom() {
 }
 
 function cleanup() {
+    if (renderer) {
+        renderer.stop();
+    }
+
     // delete all endpoints and connections
     // this is done at this point (after async operations) to reduce flicker to the minimum
     jsPlumbInstance.deleteEveryEndpoint();
@@ -183,6 +209,10 @@ function noteIdToId(noteId) {
     return "link-map-note-" + noteId;
 }
 
+$(".link-map-settings").change(loadNotesAndRelations);
+
+$maxNotesInput.on("input", loadNotesAndRelations);
+
 export default {
     showDialog
 };