From fc0a1e7b8fe2f59cbd743f9d12e6cf70eeada2b7 Mon Sep 17 00:00:00 2001
From: Eliot Whalan <ewhal@pantsu.cat>
Date: Thu, 16 Jun 2016 12:16:29 +1000
Subject: Finish up nojs-fallback Credit goes to clsr for helping with this.

---
 css/pomf.css           | 20 ++++++++++++++------
 js/app.js              |  1 +
 pages/upload_form.swig |  2 +-
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/css/pomf.css b/css/pomf.css
index 75e7130..8cbf7c7 100644
--- a/css/pomf.css
+++ b/css/pomf.css
@@ -220,12 +220,7 @@ nav > ul > li:last-child:after {
 	margin: 0;
 }
 
-/**
- * UPLOAD FORM
- */
-#upload-input {
-	display: none;
-}
+
 
 /**
  * UPLOAD FILE LIST
@@ -385,3 +380,16 @@ progress[value]::-webkit-progress-bar {
 		padding: 10px 0;
 	}
 }
+
+#upload-btn {
+	display: none;
+}
+.js #upload-input {
+	display: none;
+}
+.js input[type="submit"]{
+	display: none;
+}
+.js #upload-btn {
+	display: inline-block !important;
+}
diff --git a/js/app.js b/js/app.js
index abb22ed..c238c9a 100644
--- a/js/app.js
+++ b/js/app.js
@@ -146,3 +146,4 @@ var uploadInput = document.getElementById('upload-input');
 uploadInput.addEventListener('change', uploadFiles);
 uploadButton.addEventListener('click', selectFiles.bind(this, uploadInput));
 uploadButton.addEventListener('drop', handleDragDrop.bind(this, state, uploadButton), false);
+document.getElementById('upload-form').classList.add('js');
diff --git a/pages/upload_form.swig b/pages/upload_form.swig
index 8068eb5..6c5de14 100644
--- a/pages/upload_form.swig
+++ b/pages/upload_form.swig
@@ -1,4 +1,4 @@
-<form enctype="multipart/form-data" method="post" action="upload.php?output=html">
+<form id="upload-form" enctype="multipart/form-data" method="post" action="upload.php?output=html">
 	<button id="upload-btn" class="btn" type="button">Select or drop file(s)</button>
 	<input type="file" id="upload-input" name="files[]" multiple data-max-size="{{max_upload_size}}MiB">
 	<input type="submit" value="Submit">
-- 
cgit v1.2.3