Disables Take a Photo Button and File Chooser While Camera is Active (#…

…1357) * Disables Other Buttons While Camera is Active * Remove dropzone-text id from ImportImage UI
publiclab · Dec 16, 2019 · 3d4025f · 3d4025f
1 parent 76575b5
commit 3d4025f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/examples/index.html b/examples/index.html
@@ -76,7 +76,7 @@ <h1><a href="/" target='_blank' class="name-header">Image Sequencer</a></h1>
     </header>
 
     <div id="dropzone" class="dropzone">
-      <p>
+      <p id="dropzone-text">
         <i>Select or drag in an image to start!</i>
       </p>
       <center>

diff --git a/src/ui/SetInputStep.js b/src/ui/SetInputStep.js
@@ -33,6 +33,10 @@ function setInputStepInit() {
       document.getElementById('video').style.display = 'inline';
       document.getElementById('capture').style.display = 'inline';
       document.getElementById('close').style.display = 'inline';
+
+      fileInput.css('display', 'none');
+      takePhoto.css('display', 'none');
+      document.getElementById('dropzone-text').style.display = 'none';
 
       var video = document.getElementById('video');
       canvas = document.getElementById('canvas'),
@@ -69,6 +73,10 @@ function setInputStepInit() {
         document.getElementById('video').style.display = 'none';
         document.getElementById('capture').style.display = 'none';
         document.getElementById('close').style.display = 'none';
+
+        fileInput.css('display', 'block');
+        takePhoto.css('display', 'block');
+        document.getElementById('dropzone-text').style.display = 'block';
       }
     }