Add hierarchical file picker

site/app.py

@@ -9,7 +9,7 @@ with (ROOT / "config.json").open(encoding="utf-8") as config_file:
     CONFIG = json.load(config_file)
 
 
-VERSION = "0.1.3"
+VERSION = "0.1.4"
 
 app = Flask(__name__, template_folder="templates", static_folder="static")
 

site/static/style.css

@@ -26,6 +26,14 @@ table { width: 100%; border-collapse: collapse; font: 14px/1.4 sans-serif; }
 th, td { padding: 14px 10px; border-bottom: 1px solid #cbd5cc; text-align: left; }
 th { color: #56745f; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }
 td:nth-child(2) { width: 140px; color: #68766c; }
+.tree-name { display: inline-flex; align-items: center; gap: 8px; min-width: 240px; padding-top: 0; padding-bottom: 0; border: 0; background: transparent; color: #17211b; font: inherit; text-align: left; }
+.tree-group { padding-left: 0; cursor: pointer; }
+.tree-folder { color: #1f5a3b; }
+.tree-zip { color: #8a5a20; }
+.tree-chevron { display: inline-block; width: 12px; color: #78917d; font-size: 10px; }
+.remove-btn { padding: 2px 7px; color: #8c5148; background: transparent; font: 20px/1 sans-serif; }
+.remove-btn:hover { color: #b32f22; }
+.tree-row td:first-child { white-space: nowrap; }
 .count { color: #5d6a61; font: 13px sans-serif; }
 .result { margin-top: 44px; padding-top: 18px; border-top: 2px solid #1f5a3b; }
 .result h2 { font-size: 26px; font-weight: 400; }

site/templates/index.html

@@ -23,7 +23,7 @@
         <p id="status" class="status" role="status"></p>
         <div class="table-wrap">
             <table>
-                <thead><tr><th>Путь</th><th>Размер</th><th>Статус</th></tr></thead>
+                <thead><tr><th>Путь</th><th>Размер</th><th>Статус</th><th></th></tr></thead>
                 <tbody id="table-body"></tbody>
             </table>
         </div>