Merge pull request #1847 from dandi/open-on-click

Open asset on click

web/src/views/FileBrowserView/FileBrowser.vue

@@ -116,7 +116,7 @@
                 v-for="item in items"
                 :key="item.path"
                 color="primary"
-                @click="selectPath(item)"
+                @click.self="openItem(item)"
               >
                 <v-icon
                   class="mr-2"
@@ -158,7 +158,7 @@
                         </v-icon>
                       </v-btn>
                     </template>
-                    <span>Open asset in browser</span>
+                    <span>Open asset in browser (you can also click on the item itself)</span>
                   </v-tooltip>
                 </v-list-item-action>
 
@@ -445,12 +445,16 @@ function locationSlice(index: number) {
   return `${splitLocation.value.slice(0, index + 1).join('/')}/`;
 }
 
-function selectPath(item: AssetPath) {
+function openItem(item: AssetPath) {
   const { asset, path } = item;
 
-  // Return early if path is a file
-  if (asset) { return; }
-  location.value = path;
+  if (asset) {
+    // If the item is an asset, open it in the browser.
+    window.open(inlineURI(asset.asset_id), "_self");
+  } else {
+    // If it's a directory, move into it.
+    location.value = path;
+  }
 }
 
 function navigateToParent() {