edits

igvteam · Aug 8, 2024 · 064d91d · 064d91d
1 parent 41381e0
commit 064d91d
Showing 1 changed file with 37 additions and 43 deletions.
diff --git a/dev/events/track-reorder.html b/dev/events/track-reorder.html
@@ -63,60 +63,54 @@ <h4>Track names</h4>
 
 </main>
 
-<script type="module">
+</body>
 
-    import igv from '../../js/index.js';
+<script type="module">
 
-        (async () => {
+    import igv from '../../js/index.js'
 
-            const options =
+    (async () => {
+        const options = {
+            genome: "hg19",
+            locus: "chr1:155,138,124-155,153,715",
+            tracks: [
+                {
+                    url: 'https://www.encodeproject.org/files/ENCFF000ASF/@@download/ENCFF000ASF.bigWig',
+                    name: 'Red',
+                    color: 'rgb(200,0,0)',
+                    autoscaleGroup: '1'
+                },
+                {
+                    url: 'https://www.encodeproject.org/files/ENCFF000ASJ/@@download/ENCFF000ASJ.bigWig',
+                    name: 'Blue',
+                    color: 'rgb(0,0,150)',
+                    autoscaleGroup: '1'
+                },
                 {
-                    genome: "hg19",
-                    locus: "chr1:155,138,124-155,153,715",
-                    tracks:
-                        [
-                            {
-                                url: 'https://www.encodeproject.org/files/ENCFF000ASF/@@download/ENCFF000ASF.bigWig',
-                                name: 'Red',
-                                color: 'rgb(200,0,0)',
-                                autoscaleGroup: '1'
-                            },
-                            {
-                                url: 'https://www.encodeproject.org/files/ENCFF000ASJ/@@download/ENCFF000ASJ.bigWig',
-                                name: 'Blue',
-                                color: 'rgb(0,0,150)',
-                                autoscaleGroup: '1'
-                            },
-                            {
-                                url: 'https://www.encodeproject.org/files/ENCFF000ATA/@@download/ENCFF000ATA.bigWig',
-                                name: 'Green',
-                                color: 'rgb(0,150,0)',
-                                autoscaleGroup: '1'
-                            }
-                        ]
+                    url: 'https://www.encodeproject.org/files/ENCFF000ATA/@@download/ENCFF000ATA.bigWig',
+                    name: 'Green',
+                    color: 'rgb(0,150,0)',
+                    autoscaleGroup: '1'
                 }
+            ]
+        };
 
-            const browser = await igv.createBrowser(document.getElementById('igv-custom-track-click'), options)
+        const igvCustomTrackClick = document.getElementById('igv-custom-track-click');
 
-            // Initialize list, this is not part of the public API
-            updateTrackList(browser.getTrackOrder());
+        igv.createBrowser(igvCustomTrackClick, options)
+            .then((browser) => {
+                // Initialize list, this is not part of the public API
+                updateTrackList(browser.getTrackOrder());
 
-            browser.on('trackorderchanged', updateTrackList);
+                browser.on('trackorderchanged', updateTrackList);
 
-            function updateTrackList(trackNames) {
-                let html = "<ul>";
-                for (let track of trackNames) {
-                    html += `<li>${track}</li>`;
+                function updateTrackList(trackNames) {
+                    const trackListElement = document.getElementById("trackList");
+                    trackListElement.innerHTML = `<ul>${trackNames.map(track => `<li>${track}</li>`).join('')}</ul>`;
                 }
-                html += "</ul>";
-                document.getElementById("trackList").innerHTML = html;
-            }
-
-        })()
-
+            });
+    })();
 
 </script>
 
-</body>
-
 </html>