From 00ecbee8b93e80e4ccb39249c33a8afebef6cdb6 Mon Sep 17 00:00:00 2001
From: James Mills <prologic@shortcircuit.net.au>
Date: Fri, 27 Mar 2020 14:24:44 +1000
Subject: Added UI/UX for Importing artbitrary videos from a URL

---
 templates/import.html | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 templates/import.html

(limited to 'templates/import.html')

diff --git a/templates/import.html b/templates/import.html
new file mode 100644
index 0000000..84f0652
--- /dev/null
+++ b/templates/import.html
@@ -0,0 +1,29 @@
+{{define "content"}}
+  <div style="text-align: center;">
+    <label class="import-container" onclick="labelClicked(event)">
+      <div class="import-wrapper">
+        <form id="import-form" class="import-form" enctype="multipart/form-data" method="POST" action="/import">
+          <input id="import-input" type="url" required onchange="urlSelected()" />
+          <div class="import-details">
+            <span id="import-message" class="import-message">No URL entered</span>
+            <div id="import-button-wrapper" class="import-button-wrapper">
+              <button id="import-button" class="import-button" onclick="startImporting()" type="button">
+                <span id="import-stopped">Import</span>
+                <span id="import-started" class="loader" style="display: none;"></span>
+              </button>
+            </div>
+            <div id="import-progress-container" class="import-progress-container">
+              <div id="import-progress" class="import-progress">
+                <span id="import-progress-label" class="import-progress-label"></span>
+              </div>
+              <div style="flex-grow: 1;"></div>
+            </div>
+          </div>
+        </form>
+      </div>
+    </label>
+  </div>
+{{end}}
+{{define "scripts"}}
+  <script type="application/javascript" src="/static/import.js"></script>
+{{end}}
-- 
cgit v1.2.3