add full screen support for the treeview

package.json

@@ -1,6 +1,6 @@
 {
   "name": "unipept-visualizations",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Unipept visualisation tools",
   "main": "index.js",
   "scripts": {

src/sunburst/sunburst.js

@@ -491,8 +491,8 @@ export default class Sunburst {
         // the delay is because the event fires before we're in fullscreen
         // so the height en width functions don't give a correct result
         // without the delay
-        setTimeout(function () {
-            let size = 740;
+        setTimeout(() => {
+            let size = this.settings.width;
             if (isFullScreen) {
                 size = Math.min($(window).height() - 44, $(window).width() - 250);
             }

src/treeview/treeview.js

@@ -441,6 +441,27 @@ export default function TreeView(element, data, options = {}) {
         reroot(root);
     };
 
+    /**
+     * Sets the visualisation in full screen mode
+     *
+     * @param <boolean> isFullScreen indicates if we're in full screen mode
+     */
+    that.setFullScreen = function setFullScreen(isFullScreen) {
+        // the delay is because the event fires before we're in fullscreen
+        // so the height en width functions don't give a correct result
+        // without the delay
+        setTimeout(() => {
+            let [w, h] = [settings.width, settings.height];
+            if (isFullScreen) {
+                w = $(window).width();
+                h = $(window).height() - 44;
+            }
+            $(element).children("svg")
+                .attr("width", w)
+                .attr("height", h);
+        }, 1000);
+    };
+
         // initialize the object
     init();