Local session file selection U/X build out

js/sessionUtils.js

@@ -15,7 +15,7 @@ async function initializeSessionUtilities(browser, $igvMain, initializeDropbox,
         }
     }
 
-    createLocalTrackFileCard(document.getElementById('igv-main'), 'igv-local-track-file-card')
+    createLocalTrackFileCard(document.getElementById('igv-main'), 'igv-local-track-file-card', browser)
 
     const sessionLoader = async config => {
 
@@ -135,7 +135,10 @@ function presentLocalTrackFileModal(trackFileNamesCard, trackFileNames) {
     const rows = trackFileNamesCard.querySelectorAll('.list-group-item')
     const fileInput = document.getElementById('igv-local-track-file-input')
 
-    rows.forEach(row => row.addEventListener('click', () => fileInput.click()))
+    rows.forEach(row => row.addEventListener('click', e => {
+        fileInput.dataset.filename = e.target.innerText
+        fileInput.click()
+    }))
 
     trackFileNamesCard.style.left = `128px`
     trackFileNamesCard.style.top = `128px`
@@ -144,7 +147,7 @@ function presentLocalTrackFileModal(trackFileNamesCard, trackFileNames) {
     // alert(`Session contains local files that cannot be loaded automatically:\n${ trackFileNames.join('\n')}`)
 }
 
-function createLocalTrackFileCard(parentElement, id){
+function createLocalTrackFileCard(parentElement, id, browser){
 
     const str =
         `The session file used contains these local track files. They cannot be loaded automatically. Click on a name to present the file picker to load the file.`
@@ -181,12 +184,35 @@ function createLocalTrackFileCard(parentElement, id){
     const fileInputElement = fragment.firstChild
     parentElement.appendChild(fileInputElement)
 
-    fileInputElement.addEventListener('change', e => {
+    fileInputElement.addEventListener('change', async e => {
 
         const {files} = fileInputElement
         const name = files[ 0 ].name
 
-        console.log(`Local track file ${ name } will be loaded`)
+        if (fileInputElement.dataset.filename === name) {
+
+            const config = sessionLocalTrackFilesDictionary[ name ]
+
+            config.url = files[ 0 ]
+
+            if (config) {
+
+                try {
+                    await browser.loadTrackList([ config ])
+                } catch (e) {
+                    console.error(e)
+                    AlertSingleton.present(e)
+                }
+
+            } else {
+                alert(`Could not find track file named ${ name }`)
+            }
+
+        } else {
+            alert(`Retrieved file ${ name } does not match selected file ${ fileInputElement.dataset.filename }. `)
+        }
+
+
     })
 
 }