scratch – Diff between revs 20 and 21

Subversion Repositories:

?pathlinks?

Rev 20 – Go to most recent revision – Details – Blame – Last modification – View Log

   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
-    <meta name="description" content="quick file upload">
+    <meta name="description" content="quick asset upload">
     <meta name="author" content="Wizardry and Steamworks">
     <link rel="icon" href="favicon.ico">
         <li class="active"><a href="#">Files</a></li>
       </ul>
       <div class="panel panel-default">
-          <div class="panel-heading">
-              <h3 class="panel-title">File Upload</h3>
-          </div>
-          <div class="panel-body" style="min-height: 480px; border: 2px dashed #0087F7; border-radius: 5px; background: white; box-sizing: border-box; padding: 54px 54px; outline-offset: -24px;">
+          <div class="panel-heading">
-              <div id="actions" class="row fallback">
+              <div id="actions" class="row">
                 <div class="col-lg-5">
                     <div class="btn-group btn-group-justified" role="group">
                       <!-- The fileinput-button span is used to style the file input field as button -->
                       <div class="btn-group" role="group">
-                          <button type="button" class="btn btn-default fileinput-button">
+                          <button id="uploadbutton" type="button" class="btn btn-default">
                               <i class="glyphicon glyphicon-plus"></i>
                               <span>Add...</span>
                           </button>
                       </div>
                           </button>
                       </div>
                     </div>
                 </div>
               </div>
+          </div>
+          <div class="panel-body" id="uploadpanel">
               <div class="table table-striped files" id="previews">
                 <div id="template" class="file-row">
                   <!-- This is used as the file preview template -->
                   <div>
-                      <span class="preview"><img src="img/fileholder.svg" alt="Upload file thumbnail" data-dz-thumbnail></span>
+                      <span class="preview"><img src="img/fileholder.svg" width="58" alt="Upload file thumbnail" data-dz-thumbnail></span>
                   </div>
                   <div>
                       <p id="name" class="name" data-dz-name></p>
                       <div class="input-group">
                           <input id="URL" type="text" class="form-control" readonly>
                     </button>
                     <button id="cancel" data-dz-remove class="btn btn-default cancel">
                         <i class="glyphicon glyphicon-ban-circle"></i>
                         <span>Cancel</span>
                     </button>
-                    <button id="delete" data-dz-remove class="btn btn-danger delete">
+                    <button id="remove" data-dz-remove class="btn btn-danger remove">
-                      <i class="glyphicon glyphicon-trash"></i>
+                      <i class="glyphicon glyphicon-remove"></i>
-                      <span>Delete</span>
+                      <span>Remove</span>
                     </button>
                   </div>
                 </div>
             thumbnailHeight: 80,
             //parallelUploads: 20,
             previewTemplate: previewTemplate,
             autoQueue: false, // Make sure the files aren't queued until manually added
             previewsContainer: "#previews", // Container to display the previews
-            clickable: true,
+            clickable: [
+                "#uploadbutton",
+                "#uploadpanel"
+            ],
-            //clickable: ".fileinput-button" // Element that should be used as click trigger to select files.
+            //clickable: "#uploadbutton" // Element that should be used as click trigger to select files.
         }).on("addedfile", (file) => {
             // Hookup the start button
             file.previewElement.querySelector(".start").onclick = () => {
                 myDropzone.enqueueFile(file);
             };
                 .setAttribute("disabled", "disabled");
             new Clipboard('#' + clipButtonID);
-        });
+        });
-        if($('.panel-body').hasClass('fallback')) {
-            document.querySelector("#actions .start").onclick = function() {
+        document.querySelector("#actions .start").onclick = () => {
-                myDropzone.enqueueFiles(
+            myDropzone.enqueueFiles(
-                    myDropzone
+                myDropzone
+                    .getFilesWithStatus(Dropzone.ADDED));
-                        .getFilesWithStatus(Dropzone.ADDED));
+        };
-            };
-            document.querySelector("#actions .cancel").onclick = function() {
-                myDropzone.removeAllFiles(true);
+        document.querySelector("#actions .cancel").onclick = () => {
-            };
+            myDropzone.removeAllFiles(true);
         };
     });
     </script>