unclean SPARC

app/views/templates/Ffs/dialogs/FileBrowserDialog.html

@@ -0,0 +1,60 @@
+<style>
+    .path-browser section{
+        height: 35vh !important;
+        width: 400px;
+    }
+    .path-browser .ffsDialog-folders-list .cell i.ffs.icon-folder{ 
+        color: var(--eicui-base-color-warning); 
+        margin-right: .5em;
+    }
+    .path-browser .ffsDialog-folders-list footer{ display:none; }
+    .path-browser div.current-path{ height: calc(var(--eicui-base-font-size-2xs)*2); }
+
+    .ffsDialog-hidden {
+    display: none !important;
+    }
+
+    .ffsDialog-folders-manager .ffsDialog-folder-controls {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
+        margin-bottom: 1em;
+    }
+
+    .ffsDialog-folder-controls input {
+        flex: 1;
+    }
+    .ffsConfirmBox {
+        display: flex;
+        gap: 0.5em;
+        align-items: center;
+        font-size: 0.85em;
+        color: var(--eicui-base-color-danger);
+    }
+
+</style>
+
+<article eiccard class="path-browser">
+    <header>
+        <label>Current path:</label>
+        <div class="current-path"></div>
+    </header>
+
+    <section class="ffsDialog-folders-browser">
+        <div class="ffsDialog-folders-list"></div>
+    </section>
+
+    <section class="ffsDialog-folders-manager ffsDialog-hidden">
+        <div class="ffsDialog-folder-controls">
+            <input type="text" class="ffsDialog-folder-name eicui-input" placeholder="New folder name" />
+            <button eicbutton xsmall rounded primary class="create-folder">Create</button>
+        </div>
+        <ul class="ffsDialog-folder-list" style="list-style:none;padding:0;"></ul>
+    </section>
+
+    <footer style="margin-top:1em;">
+        <button eicbutton xsmall rounded primary class="ffsDialog-btn-manage">Manage Folders</button>
+        <button eicbutton xsmall rounded primary btn-back class="ffsDialog-btn-back ffsDialog-hidden" icon="icon-back"><i class="icon-back">Back</i></button>
+    </footer>
+</article>
+