Added 'Import from CSW' button at the spectrum analizer chart

Author: demvlad

index.html

@@ -475,6 +475,10 @@ <h4>Workspace</h4>
                         <div id="spectrumExport" data-toggle="tooltip" title="Export spectrum to CSV">
                             <button id="btn-spectrum-export" type="button">Export to CSV</button>
                         </div>
+                        <div id="spectrumImport"  data-toggle="tooltip" title="Import spectrum from Csv">
+                            <button type="button" onclick="document.getElementById('btn-spectrum-import').click()">Import from CSV</button>
+                            <input type="file" id="btn-spectrum-import" accept=".csv" style="display:none" multiple/>
+                        </div>
                         <div id="analyserResize" class="btn-nobg view-analyser-fullscreen" data-toggle="tooltip" title="Zoom Analyser Window">
                             <span class="glyphicon glyphicon-resize-full"></span>
                             <span class="glyphicon glyphicon-resize-small"></span>

src/css/main.css

@@ -637,10 +637,9 @@ html.has-analyser-fullscreen.has-analyser
 
 .analyser #spectrumExport {
   height: 0;
-  width: 200px;
   overflow: hidden;
   opacity: 0;
-  left: 270px;
+  left: 260px;
   float: left;
   z-index: 9;
   position: absolute;
@@ -653,6 +652,29 @@ html.has-analyser-fullscreen.has-analyser
   color: black;
 }
 
+.analyser:hover .non-shift #spectrumImport {
+  opacity: 1;
+  height: auto;
+  transition: opacity 500ms ease-in;
+}
+
+.analyser #spectrumImport {
+  height: 0;
+  width: 55px;
+  overflow: hidden;
+  opacity: 0;
+  left: 310px;
+  float: left;
+  z-index: 9;
+  position: absolute;
+  font-size: 9px;
+}
+
+.analyser #spectrumImport select {
+  border-radius: 3px;
+  padding: 0px 5px;
+  color: black;
+}
 .analyser input#analyserZoomX {
   width: 100px;
   height: 10px;