misc

igvteam · Aug 3, 2024 · 6672d86 · 6672d86
1 parent 5940dc9
commit 6672d86
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 8,140 deletions.
diff --git a/dev/interact/svg-ellipse.html b/dev/interact/svg-ellipse.html
@@ -27,8 +27,7 @@
 
 <script type="module">
 
-    import $ from '../../js/vendor/jquery-3.3.1.slim.js'
-    import igv from '../../js'
+    import igv from '../../js/index.js'
 
     (async () => {
 
@@ -67,7 +66,9 @@
 
         const browser = await igv.createBrowser(document.getElementById('igv-app-container'), config)
 
-        $('#igv-draw-svg-button').on('click', () => browser.saveSVGtoFile({ $container: $('#igv-svg-container') }))
+        document.getElementById('igv-draw-svg-button').addEventListener('click', function() {
+            browser.saveSVGtoFile({ container: document.getElementById('igv-svg-container') });
+        });
 
 
     })()

diff --git a/dev/misc/svg.html b/dev/misc/svg.html
@@ -27,7 +27,6 @@
 
 <script type="module">
 
-    import $ from '../../js/vendor/jquery-3.3.1.slim.js'
     import igv from '../../js/index.js'
 
     (async () => {
@@ -92,8 +91,9 @@
 
         const browser = await igv.createBrowser(document.getElementById('igv-app-container'), bedgraph_options)
 
-        // $('#igv-draw-svg-button').on('click', () => browser.renderSVG($('#igv-svg-container')))
-        $('#igv-draw-svg-button').on('click', () => browser.saveSVGtoFile({ $container: $('#igv-svg-container') }))
+        document.getElementById('igv-draw-svg-button').addEventListener('click', function() {
+            browser.saveSVGtoFile({ $container: document.getElementById('igv-svg-container') });
+        });
 
 
     })()

diff --git a/js/browser.js b/js/browser.js
@@ -458,10 +458,11 @@ class Browser {
 
         let svg = this.toSVG()
 
-        // For testing
-        if (config.$container) {
-            config.$container.empty()
-            config.$container.append(svg)
+        if (config.container) {
+            while (config.container.firstChild) {
+                config.container.removeChild(config.container.firstChild);
+            }
+            config.container.appendChild(svg);
         }
 
         const path = config.filename || 'igvjs.svg'
@@ -2597,11 +2598,11 @@ function toggleTrackLabels(trackViews, isVisible) {
 
     for (let {viewports} of trackViews) {
         for (let viewport of viewports) {
-            if (viewport.trackLabel) {
+            if (viewport.trackLabelElement) {
                 if (0 === viewports.indexOf(viewport) && true === isVisible) {
-                    viewport.trackLabel.style.display = 'block'
+                    viewport.trackLabelElement.style.display = 'block'
                 } else {
-                    viewport.trackLabel.style.display = 'none'
+                    viewport.trackLabelElement.style.display = 'none'
                 }
             }
         }

diff --git a/js/ui/cursorGuide.js b/js/ui/cursorGuide.js
@@ -98,7 +98,7 @@ class CursorGuide {
 
         if (this.browser.getRulerTrackView()) {
             for (let viewport of this.browser.getRulerTrackView().viewports) {
-                viewport.$tooltip.hide()
+                viewport.tooltip.style.display = 'none'
             }
         }