add file browser

2024-07-21 17:55:53 +02:00
parent 1dec6b8512
commit 2a35c94858
13 changed files with 394 additions and 46 deletions
@@ -0,0 +1,26 @@
+import * as React from "bloatless-react";
+
+import { DirectoryItemList } from "../Components/directoryItemList";
+import { FileBrowser } from "../Components/fileBrowser";
+import StorageModel from "../../Model/storageModel";
+import StorageViewModel from "../../ViewModel/storageViewModel";
+import { translations } from "../translations";
+
+export function StorageModal(storageViewModel: StorageViewModel) {
+  return (
+    <div class="modal" toggle:open={storageViewModel.isShowingStorageModal}>
+      <div style="max-width: 64rem">
+        <main class="padding-0">
+          {FileBrowser(
+            storageViewModel.storageModel,
+            storageViewModel.selectedPath
+          )}
+        </main>
+        <button on:click={storageViewModel.hideStorageModal}>
+          {translations.general.closeButton}
+          <span class="icon">close</span>
+        </button>
+      </div>
+    </div>
+  );
+}