#89 implemented Open Data File feature on import icon button click

Author: RandomFractals

src/data.preview.ts

@@ -238,6 +238,10 @@ export class DataPreview {
           // saves data view config, or filtered .arrow, .csv, .json(s), .md, .yml, etc. data
           this.saveData(message.data, message.fileType);
           break;
+        case 'openFile':
+          // shows open file dialog for lauching new data preview
+          this.openFile();
+          break;
         case 'loadView':
           // launch new view
           this.loadView(message.viewName, message.uri);
@@ -280,6 +284,29 @@ export class DataPreview {
     }
   }
 
+
+  /**
+   * Shows open file dialog for launchign new data preview.
+   */
+  private async openFile() {
+    // display open file dialog
+    let openFolderUri: Uri = Uri.parse(this._dataUrl).with({scheme: 'file'});
+    const workspaceFolders: Array<WorkspaceFolder> = workspace.workspaceFolders;
+    if (workspaceFolders && workspaceFolders.length >= 1) {
+      // change open file folder uri to the 1st workspace folder, usuallay workspace root
+      openFolderUri = workspaceFolders[0].uri;
+    }
+    const selectedFiles: Array<Uri> = await window.showOpenDialog({
+      defaultUri: openFolderUri,
+      canSelectMany: false,
+      canSelectFolders: false
+    });
+    if (selectedFiles && selectedFiles.length >= 1) {
+      // launch new data preview for the selected data file
+      this.loadView('data.preview', selectedFiles[0].fsPath);
+    }
+  }
+
   /**
    * Launches new view via commands.executeCommand interface.
    * @param viewName View name to launch.
@@ -891,6 +918,7 @@ export class DataPreview {
     }
   } // end of saveData()
 
+  /*-------------------- TODO: move these to new markdown.data.provider impl. and interface --------------------*/
 
   /**
    * Converts CSV to markdown table.

templates/data.view.html

@@ -132,7 +132,7 @@
         <!--
         <label id="data-url-label" for="data-url-input">| new data url:</label>
         -->
-        <a id="open-data-file-button" title="Open Data File" href="#" onClick="openDataFile()">📤</a>
+        <a id="open-file-button" title="Open Data File" href="#" onClick="openFile()">📤</a>
         <input id="data-url-input" type="text" title="Enter new Data File Path to Preview" 
           onKeyPress="loadDataPreviewForUrl()" />
       </div>
@@ -590,6 +590,14 @@
         }
       }
 
+      /**
+       * Opens file dialog to launch new data preview
+       * for the selected data file from the supported data formats list.
+       **/
+      function openFile() {
+        vscode.postMessage({command: 'openFile'});
+      }
+
       /**
        * Loads data preview help in a browser window.
        */