grnsight 5.1.0 → 6.0.4

package/web-client/public/stylesheets/grnsight.styl

@@ -104,18 +104,34 @@ form label, form span
 .glyphicon
   min-width: 22px
 
+.glyphicon-searchbar
+  margin-left: -22px
+  
 .dropdown-menu > li > a.upload
-  padding-left: 0
+  padding-top: 7px
+  padding-bottom: 5px
+  padding-left: 10px
   padding-right: 0
 
+.dropdown-menu > li > a.demo
+  padding-top: 7px
+  padding-left: 30px
+  padding-bottom: 5px
+
+.dropdown-menu > li > a.create-network
+  padding-top: 7px
+  padding-bottom: 0px
+  padding-left: 30px
+  margin-bottom: -5px
+
 .dropdown-menu > li > a.upload > label
   font-weight: normal
   margin-bottom: 0
-  padding-left: 20px
+  padding-left: 22px
   padding-right: 20px
   width: 100%
 
-.dropdown-menu > li > a.upload > input[type=file]
+.dropdown-menu > li > a.upload > input[type=file], #upload-network
   display: none
 
 #fileName
@@ -139,6 +155,9 @@ nav.navbar.navbar-default
   background-color: #16693F
   color: #FFFFFF
 
+.open
+  font-weight: normal
+
 .navbar-right.graph-metadata-container > li
   margin-top: 4px
   margin-bottom: 4px
@@ -168,6 +187,26 @@ nav.navbar.navbar-default
   justify-content: space-between
   margin-top: 0px
 
+.panelDropdownContainer
+  margin-top 0px
+  padding: 0px 10px 10px 0px
+  text-align: left
+
+.panelGeneSearchBar
+  display: flex
+  width: 102.5%
+
+.generateNetworkContainer
+  padding: 10px 0px
+  display: flex
+#panel-gene-search-bar
+  width: calc(100% + 22px)
+#generateNetworkButton
+  width: 100%
+
+.NetworkGenesForm
+  padding-left: 0px
+
 .buttonPairContainer > input[type=button], .buttonPairContainer > button
   padding: 6px 10px
   width: calc(50% - 2px)
@@ -333,6 +372,10 @@ text.weight.visible
 .speciesIdentifiedDropdown
     font-weight: normal
 
+.panelDropdown
+    width: 100%
+    font-weight: normal
+
 .currentSpecies
     font-weight: bold
 
@@ -382,6 +425,8 @@ path.mousezone
 #gray-edge-threshold-menu
     margin-right:0.5ex
 
+.menu-subheader
+    padding-left: 12px;
 .menu-subheader
     padding-left: 12px;
 
@@ -424,3 +469,153 @@ path.mousezone
     margin-top: 15 px
     display: none
 
+#Saccharomyces-cerevisiae
+  color: #AAA
+  margin-left: 30px
+
+.create-network-label
+  font-weight: normal
+
+.sub-divider
+  border-top: 1px dotted #bbb
+  width:95%
+  margin: auto
+
+.network-source-section
+  margin-left: 12px
+
+#network-source
+  width: 60%
+  text-align: left
+
+
+#network-source-label
+  margin-left: 0px
+
+.long-sub-divider
+  border-top: 1px dotted #bbb
+  margin: 0px 0px 10px
+
+.network-button-container
+  border:1px solid #CCC
+  border-radius: 5px
+  height: 45px
+
+  justify-content: center
+  display: flex
+
+.network-button
+  width:100%
+  margin:5px 0px
+  height:34px
+
+
+#upload-network
+  border: 2px solid #6c5ce7
+  padding: .2em .4em
+  border-radius: .2em
+  background-color: #a29bfe
+  transition: 1s
+
+
+#upload-network:hover 
+  background-color: #81ecec
+  border: 2px solid #00cec9
+
+
+
+.sidebar-glyphicon
+  margin-right: 0px
+
+.network-button.disabled
+  color: #AAA
+
+.network-dropdown
+  width: 50%
+
+#enter-search
+  margin-left: 0px
+  height: 100%
+  padding: 0
+  border-color:#aeaeae
+
+#network-search-bar
+  margin-right: 0px
+  height: 100%
+  border-radius:5px
+  border: 1px solid #aeaeae
+
+.custom-network-gene
+  border:1px solid #CCC
+  border-radius: 5px
+  height: 50px
+  padding: auto
+  display: flex
+  justify-content: center
+  align-items:center
+  flex-direction: column
+  width: 100%
+  margin:5px
+
+#custom-network-genes-container
+  display: grid
+  column-gap: 20px
+  row-gap: 5px
+  grid-template-columns: 1fr 1fr 1fr
+  padding: 10px 5px
+
+#submit-network
+.custom-network-gene-display-id
+  font-size: 14px
+
+.custom-network-gene-id
+  color: #BBB
+  font-size: 12px
+
+.network-type
+  font-size: 12px
+  display: inline-block
+  font-style: italic
+
+.network-source-section-title
+  font-weight: bold
+  font-size: 14px
+
+.network-source-label
+  margin-left: 0px
+
+.hidden-button
+  display:none
+
+.modal-footer-div
+  display: flex
+
+.modal-footer-div >div:last-of-type {
+  margin-left: auto;
+}
+
+.export-excel-workbook-sheet-option-subheader
+  margin-left: -20px
+
+.export-radio-label.disabled
+  color: #AAA
+
+# demoSourceDropdown > option { 
+  direction: ltr; 
+  }
+
+.panelDropdownContainer > select {
+  right: auto;
+  padding: 13px 45px 15px 0px;
+  direction: ltr;
+}
+
+option {
+  text-align: left
+}
+
+.panelDropdownContainer .btn 
+  text-align: left
+
+upload-network
+  text-align: left

package/web-client/views/components/demo.pug

@@ -0,0 +1,10 @@
+ul(class='dropdown-menu' role='menu')
+  li
+    a(href='#' class='unweighted') Demo #1: Unweighted GRN (15 genes, 28 edges, Dahlquist Lab unpublished data)
+  li
+    a(href='#' class='weighted') Demo #2: Weighted GRN (15 genes, 28 edges, Dahlquist Lab unpublished data)
+  li
+    a(href='#' class='schadeInput') Demo #3: Unweighted GRN (21 genes, 31 edges)
+  li
+    a(href='#' class='schadeOutput') Demo #4: Weighted GRN (21 genes, 31 edges, Schade et al. 2004 data)
+           

package/web-client/views/info.pug

@@ -4,7 +4,7 @@ html
     link(rel='stylesheet', href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css', integrity='sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M', crossorigin='anonymous')
     link(rel='stylesheet', href='gene/info.css')
   body
-    input#service-root(type='hidden', value=`${serviceRoot}`)
+    input.service-root(type='hidden', value=`${serviceRoot}`)
     // The following code is for the error modal
     #errorModal.modal.fade(tab-index='-1', role='dialog', aria-labelledby='mySmallModalLabel', aria-hidden='true')
       .modal-dialog

package/web-client/views/upload.pug

@@ -27,64 +27,43 @@ html
         div(class='collapse navbar-collapse' id='header-nav')
           ul(class='nav navbar-nav')
             li(class='dropdown')
-              a(href='#' class='dropdown-toggle' data-toggle='dropdown') File
+              a(href='#' class='dropdown-toggle' data-toggle='dropdown') Network
               ul(class='dropdown-menu' role='menu')
+                span(class='menu-subheader') 
+                  strong Network Source
+                li(class='dropdown-submenu')
+                  a(href='#' class='demo')
+                    span Demo
+                  include components/demo.pug
+                li(class='sub-divider')
                 li
                   a(class='upload' href='#' id='open-item')
-                    label(for='upload' id='open')
+                    label(for='upload-nav' id='open')
                       span(class='glyphicon glyphicon-folder-open')
-                      |   Open File
+                      |   Open File...
                       i  (.xlsx, .sif, .graphml)
-                    input(type='file' name='upload' id='upload' accept='application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, .sif, .graphml')
-                    input(type='hidden' id='service-root' value=`${serviceRoot}`)
+                    input(type='file' name='upload' id="upload-nav" class='upload' accept='application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, .sif, .graphml')
+                    input(type='hidden' class='service-root' value=`${serviceRoot}`)      
+                li(class='sub-divider')
+                li 
+                  a(class='create-network' href='#')
+                    label(for='create-network' class='create-network-label') Load from Database...
+
+                li(class='divider')
                 li(class='startDisabled disabled')
-                  a(href='#' id='reload')
+                  a(href='#' class='reload')
                     span(class='glyphicon glyphicon-repeat')
                     |   Reload
-                li(class='divider')
-                li(class='dropdown-submenu')
-                  a(href='#')
-                    span(class='glyphicon glyphicon-export')
-                    |   Export Data
-                  ul(class='dropdown-menu')
-                    //- Temporary hardcoded display: none pending further testing of the Excel export feature.
-                    li(class='startDisabled disabled unweighted export' style='display: none')
-                      a(href='#' id='exportAsExcelWkbk') To Excel Workbook
-                    //- Need to omit the divider too.
-                    li(class='divider' style='display: none')
-                    li(class='startDisabled disabled unweighted export')
-                      a(href='#' id='exportAsUnweightedSif') To Unweighted SIF
-                    li(class='startDisabled disabled weighted export')
-                      a(href='#' id='exportAsWeightedSif') To Weighted SIF
-                    li(class='divider')
-                    li(class='startDisabled disabled unweighted export')
-                      a(href='#' id='exportAsUnweightedGraphMl') To Unweighted GraphML
-                    li(class='startDisabled disabled weighted export')
-                      a(href='#' id='exportAsWeightedGraphMl') To Weighted GraphML
-                    li(class='divider')
-                    //- li(class='startDisabled disabled unweighted export')
-                      a(href='#' id='exportAsUnweightedExcel') To Unweighted Excel
-                    //- li(class='startDisabled disabled weighted export')
-                    //-   a(href='#' id='exportAsWeightedExcel') To Weighted Excel
-                    li(class='startDisabled disabled export')
-                      a(href='#' id='exportAsExcel') To Excel
 
-                li(class='dropdown-submenu')
-                  a(href='#')
-                    span(class='glyphicon glyphicon-picture')
-                    |   Export Image
-                  ul(class='dropdown-menu')
-                    li(class='startDisabled disabled')
-                      a(href='#' id='exportAsPng') To PNG
-                    li(class='startDisabled disabled')
-                      a(href='#' id='exportAsSvg') To SVG
-                    li(class='startDisabled disabled')
-                      a(href='#' id='exportAsPdf') To PDF
                 li(class='divider')
-                li(class='startDisabled disabled')
-                  a(href='#' id='printGraph')
-                    span(class='glyphicon glyphicon-print')
-                    |   Print
+
+                li
+                  span(class='menu-subheader') Species
+                li
+                  p(id='Saccharomyces-cerevisiae')
+                    span(class='glyphicon glyphicon-ok')
+                    |   Saccharomyces cerevisiae
+
 
             li(class='dropdown')
               a(href='#' class='dropdown-toggle', data-toggle='dropdown') Layout
@@ -238,33 +217,52 @@ html
                     |   %
 
             li(class='dropdown')
-              a(href='#' class='dropdown-toggle' data-toggle='dropdown') Species
+              a(href='#' class='dropdown-toggle' data-toggle='dropdown') Export
               ul(class='dropdown-menu' role='menu')
-                span(class='menu-subheader') Current Species
-                li
-                  a(href='#' id='Arabidopsis_thaliana' class='viewportOption active')
-                    span(class='glyphicon')
-                    |   Arabidopsis thaliana
-                li
-                  a(href='#' id='Caenorhabditis_elegans' class='viewportOption')
-                    span(class='glyphicon')
-                    |   Caenorhabditis elegans
-                li
-                  a(href='#' id='Drosophila_melanogaster' class='viewportOption')
-                    span(class='glyphicon')
-                    |   Drosophilia melanogaster
-                li
-                  a(href='#' id='Homo_sapiens' class='viewportOption')
-                    span(class='glyphicon')
-                    |   Homo sapiens
-                li
-                  a(href='#' id='Mus_musculus' class='viewportOption')
-                    span(class='glyphicon')
-                    |   Mus musculus
-                li
-                  a(href='#' id='Saccharomyces_cerevisiae' class='viewportOption')
-                    span(class='glyphicon glyphicon-ok')
-                    |   Saccharomyces cerevisiae
+                li(class='dropdown-submenu')
+                  a(href='#')
+                    span(class='glyphicon glyphicon-export')
+                    |   Export Data
+                  ul(class='dropdown-menu')
+                    //- Temporary hardcoded display: none pending further testing of the Excel export feature.
+                    li(class='startDisabled disabled unweighted export' style='display: none')
+                      a(href='#' id='exportAsExcelWkbk') To Excel Workbook
+                    //- Need to omit the divider too.
+                    li(class='divider' style='display: none')
+                    li(class='startDisabled disabled unweighted export')
+                      a(href='#' id='exportAsUnweightedSif') To Unweighted SIF
+                    li(class='startDisabled disabled weighted export')
+                      a(href='#' id='exportAsWeightedSif') To Weighted SIF
+                    li(class='divider')
+                    li(class='startDisabled disabled unweighted export')
+                      a(href='#' id='exportAsUnweightedGraphMl') To Unweighted GraphML
+                    li(class='startDisabled disabled weighted export')
+                      a(href='#' id='exportAsWeightedGraphMl') To Weighted GraphML
+                    li(class='divider')
+                    //- li(class='startDisabled disabled unweighted export')
+                      a(href='#' id='exportAsUnweightedExcel') To Unweighted Excel
+                    //- li(class='startDisabled disabled weighted export')
+                    //-   a(href='#' id='exportAsWeightedExcel') To Weighted Excel
+                    li(class='startDisabled disabled export')
+                      a(href='#' id='exportAsExcel') To Excel
+
+                li(class='dropdown-submenu')
+                  a(href='#')
+                    span(class='glyphicon glyphicon-picture')
+                    |   Export Image
+                  ul(class='dropdown-menu')
+                    li(class='startDisabled disabled')
+                      a(href='#' id='exportAsPng') To PNG
+                    li(class='startDisabled disabled')
+                      a(href='#' id='exportAsSvg') To SVG
+                    li(class='startDisabled disabled')
+                      a(href='#' id='exportAsPdf') To PDF
+                li(class='divider')
+                li(class='startDisabled disabled')
+                  a(href='#' id='printGraph')
+                    span(class='glyphicon glyphicon-print')
+                    |   Print
+
 
             li(class='dropdown')
               a(href='#' class='dropdown-toggle' data-toggle='dropdown') Help
@@ -278,15 +276,7 @@ html
 
             li(class='dropdown')
               a(href='#' class='dropdown-toggle' data-toggle='dropdown') Demo
-              ul(class='dropdown-menu' role='menu')
-                li
-                  a(href='#' id='unweighted') Demo #1: Unweighted GRN (15 genes, 28 edges, Dahlquist Lab unpublished data)
-                li
-                  a(href='#' id='weighted') Demo #2: Weighted GRN (15 genes, 28 edges, Dahlquist Lab unpublished data)
-                li
-                  a(href='#' id='schadeInput') Demo #3: Unweighted GRN (21 genes, 31 edges)
-                li
-                  a(href='#' id='schadeOutput') Demo #4: Weighted GRN (21 genes, 31 edges, Schade et al. 2004 data)
+              include components/demo.pug
             li
               a(href='#' id='fileName')
           ul(class='nav navbar-nav navbar-right graph-metadata-container')
@@ -330,8 +320,44 @@ html
                 div(class="zoomCenter")
                 input(id="zoomSlider" class="zoom" type="range" min="0" max="8" value="4" step="0.25" disabled="true")
 
+
+
+
     div(class='sidebar' data-iframe-height)
       div(class='panel-group')
+        div(class="network panel panel-default")
+            p(class='panel-title sidebarPanelHeader')
+              a(data-toggle='collapse' data-target='#networkSidebarPanel') Network
+            div(id="networkSidebarPanel" class="panel-collapse")
+              div(class="panel-body")
+                form(class='panelDropdownContainer')
+                  p(class="network-source-section-title") Network Source
+                  div(class="network-source-section")
+                    form(class='panelDropdownContainer')
+                      label(for='speciesDropdown' class='info') Demo
+                      select(class="DemoSourceDropdown panelDropdown btn btn-default" id='demoSourceDropdown' href='#')
+                        option(value="none" selected="true" disabled hidden) Select a Demo
+                        option(href='#' id='demoSourceDropdown-unweighted' class='unweighted' value='unweighted') Demo #1: Unweighted GRN (15 genes, 28 edges, Dahlquist Lab unpublished data)
+                        option(href='#' id='demoSourceDropdown-weighted' class='weighted' value='weighted')  Demo #2: Weighted GRN (15 genes, 28 edges, Dahlquist Lab unpublished data)
+                        option(href='#' id='demoSourceDropdown-schadeInput' class='schadeInput' value='schadeInput') Demo #3: Unweighted GRN (21 genes, 31 edges)
+                        option(href='#' id='demoSourceDropdown-schadeOutput' class='schadeOutput' value='schadeOutput') Demo #4: Weighted GRN (21 genes, 31 edges, Schade et al. 2004 data)
+                    label(for='upload-network' class='open btn btn-default network-button' data-toggle='tooltip', title='(.xlsx, .sif, .graphml)')
+                      span(class='glyphicon glyphicon-folder-open')
+                      |   Open File 
+                    input(type='file' name='upload' id='upload-network' class='upload btn btn-default' accept='application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, .sif, .graphml')
+                    input(type='hidden' class='service-root' value=`${serviceRoot}`)   
+                    button(id="create-network-button" class="btn btn-default create-network network-button")
+                          span(class='glyphicon glyphicon-hdd sidebar-glyphicon')
+                          |   Load from Database
+                  div(class="long-sub-divider")
+                  button(id="reload-button", class="btn btn-default network-button reload startDisabled disabled")
+                    span(class='glyphicon glyphicon-repeat sidebar-glyphicon')
+                    |   Reload
+                  div(class="long-sub-divider")
+                  label(for='species-info' class='info') Species: 
+                    span(id='species' class='network-type') Saccharomyces cerevisiae
+                  input(type="hidden" id='species-info')
+                  
         //- Sliders should have the ID convention of -Name-Val and -Name-Input in order to work properly in the javascript
         div(class="force-graph panel panel-default")
             p(class='panel-title sidebarPanelHeader')
@@ -445,22 +471,7 @@ html
                 br
                 input(type='checkbox' id='viewport' class='viewport' name='viewport' value='viewport')
                 label(for='viewport' class='sideLabel') Restrict graph to viewport
-        
-        div(class="species-display panel panel-default")
-          p(class='panel-title sidebarPanelHeader')
-            a(id='speciesHeaderLink' data-toggle='collapse' data-target='#speciesSidebarPanel') Species
-          div(id="speciesSidebarPanel" class="panel-collapse collapse")
-            div(class="panel-body")
-              div(class="sideHeader currentSpecies") Current Species
-                select(class="speciesIdentifiedDropdown" id='speciesDropdown' href='#')
-                  option(href='#' id='cressOption' value='Arabidopsis_thaliana') Arabidopsis thaliana
-                  option(href='#' id='nematodeOption' value='Caenorhabditis_elegans') Caenorhabditis elegans
-                  option(href='#' id='fruitflyOption' value='Drosophila_melanogaster') Drosophila melanogaster
-                  option(href='#' id='humanOption' value='Homo_sapiens') Homo sapiens
-                  option(href='#' id='mouseOption' value='Mus_musculus') Mus musculus
-                  option(href='#' id='yeastOption' value='Saccharomyces_cerevisiae') Saccharomyces cerevisiae
-
-
+                
     div(class='graph-statistics-container hidden')
       div(class='panel panel-default')
         div(class='panel-heading' role='tab' id='graph-statistics-heading')
@@ -488,7 +499,7 @@ html
             p(id='error')
           div(class='modal-footer')
             input(type='button' class='btn btn-default' data-dismiss='modal' value='Close')
-            input(type='button' id='launchFileOpen' class='btn btn-primary' data-dismiss='modal' value='Select New File' onclick="$('#upload').click()")
+            input(type='button' id='launchFileOpen' class='btn btn-primary' data-dismiss='modal' value='Select New File' onclick="$('.upload').click()")
 
     div(id='warningsModal' class='modal fade' tab-index='-1' role='dialog' aria-labelledby='mySmallModalLabel' aria-hidden='true')
       div(class='modal-dialog')
@@ -510,7 +521,7 @@ html
 
           div(class='modal-footer')
             input(type='button' class='btn btn-default' data-dismiss='modal' value='Close')
-            //- input(type='button' id='launchFileOpen' class='btn btn-primary' data-dismiss='modal' value='Select New File' onclick="$('#upload').click()")
+
     div(id='exportExcelModal' class='modal fade' tab-index='-1' role='dialog' aria-labelledby='mySmallModalLabel' aria-hidden='true')
       div(class='modal-dialog')
         div(class='modal-content')
@@ -520,38 +531,20 @@ html
             h4(class='modal-title') Export to Excel
           div(class='modal-body')
             div(id='exportExcelQuestions-containter')
-              //- form(id='exportExcelForm1')
-              //-   div(class='form-group')
-              //-     p(id='exportExcelNetwork')
-              //-     ul(class='export-radio-group' id='export-excel-weights-list' style="list-style-type:none;")
-              //-   div(class='form-group')
-              //-     p(id='exportExcelExpressionSources')
-              //-     ul(class='export-radio-group' id='export-excel-expression-source-list' style="list-style-type:none;")
-              //-       li
-              //-         input(type='radio' name='expressionSource' checked="true" value="userInput" id='exportExcelExpressionSource-userInputRadio' class='export-radio')
-              //-         label(for='exportExcelExpressionSource-userInputCheckbox' id='exportExcelExpressionSource-userInput' class='export-radio-label')
-              //-       li
-              //-         input(type='radio' name='expressionSource' value="Dahlquist_2018" id='exportExcelExpressionSource-DahlquistRadio' class='export-radio')
-              //-         label(for='exportExcelExpressionSource-DahlquistCheckbox' id='exportExcelExpressionSource-Dahlquist' class='export-radio-label')
-              //-       li
-              //-         input(type='radio' name='expressionSource' value="Kitagawa_2002" id='exportExcelExpressionSource-KitagawaRadio' class='export-radio')
-              //-         label(for='exportExcelExpressionSource-KitagawaCheckbox' id='exportExcelExpressionSource-Kitagawa' class='export-radio-label')
-              //-       li
-              //-         input(type='radio' name='expressionSource' value="Thorsen_2007" id='exportExcelExpressionSource-ThorsenRadio' class='export-radio')
-              //-         label(for='exportExcelExpressionSource-ThorsenCheckbox' id='exportExcelExpressionSource-Thorsen' class='export-radio-label')
-              //-       li
-              //-         input(type='radio' name='expressionSource' value="Barreto_2012" id='exportExcelExpressionSource-BarretoRadio' class='export-radio')
-              //-         label(for='exportExcelExpressionSource-BarretoCheckbox' id='exportExcelExpressionSource-Barreto' class='export-radio-label')   
-              //-   button(type='submit' class='btn btn-default' id='exportExcelContinueButton') Continue
-              //- form(id='exportExcelForm2')
-              //-   div(class='form-group')
-              //-     p(id='exportExcelExpressionSheets')
-              //-     ul(class='exportExcelExpressionSheets' id='export-excel-expression-sheet-list' style="list-style-type:none;")
-              //-       //- input(type='checkbox' value='expression_sheet_name_expressionSuffix')
-              //-   button(type='submit' class='btn btn-default' id='exportExcelButton') Export Workbook
           div(class='modal-footer')
-            input(type='button' class='btn btn-default' data-dismiss='modal' value='Close')
-            //- input(type='button' id='launchFileOpen' class='btn btn-primary' data-dismiss='modal' value='Select New File' onclick="$('#upload').click()")
+            div(id='exportExcelFooter-container')
+          
+    div(id='generateNetworkModal' class='modal fade' tab-index='-1' role='dialog' aria-labelledby='mySmallModalLabel' aria-hidden='true')
+      div(class='modal-dialog')
+        div(class='modal-content')
+          div(class='modal-header')
+            button(type='button' class='close' data-dismiss='modal' aria-label='Close')
+              span(aria-hidden='true') ×
+            h4(class='modal-title') Load from Database
+          div(class='modal-body')
+            div(id='generateNetworkQuestions-container')
+          div(class='modal-footer')
+            div(id='generateNetworkFooter-container')
 
     div(id='warningsModalSpecies' class='modal fade' tab-index='-1' role='dialog' aria-labelledby='mySmallModalLabel' aria-hidden='true')
       div(class='modal-dialog')
@@ -564,7 +557,7 @@ html
             p(id='warningIntroSpecies')
           div(class='modal-footer')
             input(type='button' class='btn btn-default' data-dismiss='modal' value='Close')
-            //- input(type='button' id='launchFileOpen' class='btn btn-primary' data-dismiss='modal' value='Select New File' onclick="$('#upload').click()")
+            //- input(type='button' id='launchFileOpen' class='btn btn-primary' data-dismiss='modal' value='Select New File' onclick="$('.upload').click()")
 
     div(id='importErrorModal' class='modal fade' tab-index='-1' role='dialog' aria-hidden='true')
       div(class='modal-dialog')