Show graph in sidebar-right

editor/src/index.js

@@ -3,15 +3,16 @@ import moment from 'moment'
 import './styles.scss'
 import Editor from './editor'
 import MD from './markdown'
+import wikiGraph from "./graph";
 
 moment.locale('nl')
 // mermaid.initialize({startOnLoad: true})
 // PrismJS.plugins.filterHighlightAll.reject.addSelector('.language-mermaid')
 // PrismJS.plugins.filterHighlightAll.reject.addSelector('.language-dot')
 
-// $(function () {
-//     wikiGraph('.graph-network')
-// })
+$(function () {
+    setTimeout(() => wikiGraph('.graph-network'), 1);
+})
 
 /*
  * EVENTS

templates/edit.html

@@ -36,12 +36,6 @@
                 </div>
             {{ end }}
         </div>
-
-        <div class="column is-hidden graph-view">
-            {{ if .ShowGraph }}
-                <div class="graph-network" data-name="{{ .Name }}" style="height:80vh; top:0; position: sticky"></div>
-            {{ end }}
-        </div>
     </div>
 {{ end }}
 

templates/sidebar-right.html

@@ -2,5 +2,11 @@
 <div class="sidebar-right">
     {{block "calendar" .}}
     {{end}}
+
+    <div class="graph-view">
+        {{ if .ShowGraph }}
+            <div class="graph-network" data-name="{{ .Name }}" style="height:80vh; top:0; position: sticky"></div>
+        {{ end }}
+    </div>
 </div>
 {{ end }}