diff options
Diffstat (limited to 'public/admin.html')
| -rw-r--r-- | public/admin.html | 23 |
1 files changed, 21 insertions, 2 deletions
diff --git a/public/admin.html b/public/admin.html index c722af6..61fd6e1 100644 --- a/public/admin.html +++ b/public/admin.html @@ -5,7 +5,7 @@ <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="color-scheme" content="dark"> <title>pathways · admin</title> - <link rel="stylesheet" href="/admin.css?v=2"> + <link rel="stylesheet" href="/admin.css?v=3"> </head> <body> <main id="app"> @@ -35,6 +35,7 @@ <h1>pathways<span class="dot">.</span> admin</h1> <nav> <button class="tab active" data-tab="status">status</button> + <button class="tab" data-tab="import">import</button> <button class="tab" data-tab="graph">walk graph</button> <button id="logout">sign out</button> </nav> @@ -57,6 +58,24 @@ <p class="err" id="dash-err"></p> </section> + <section id="tab-import" hidden> + <div class="dropzone" id="dz" tabindex="0"> + <input type="file" id="im-files" accept="image/jpeg,image/png,image/webp" multiple hidden> + <div class="dz-icon">+</div> + <p>drop photos here, or click to choose</p> + <p class="dz-note">jpg · png · webp — copied into the library and indexed</p> + </div> + <div class="progress" id="im-progress" hidden> + <div class="bar"><div class="fill" id="im-fill"></div></div> + <p class="im-status" id="im-status"></p> + </div> + <p class="err" id="im-err"></p> + <div class="recent" id="im-recent" hidden> + <h2>recently added</h2> + <div class="results" id="im-new"></div> + </div> + </section> + <section id="tab-graph" hidden> <input type="search" id="gq" placeholder="search photos by title or id…"> <div class="results" id="g-results" hidden></div> @@ -65,6 +84,6 @@ </section> </main> <div id="toast"></div> - <script src="/admin.js?v=2"></script> + <script src="/admin.js?v=3"></script> </body> </html> |