Make the file upload button work when javascript is disabled.

django/website/hid/static/hid/js/automatic_file_upload.js

@@ -7,6 +7,11 @@
  * - The form element should have a 'auto-upload-file' class;
  * - The upload button replacement should have an 'upload-button' class
  *   (optional, we can also use the normal upload button).
+ * - The file input tag should be a descendant of a .form-group element
+ *   (optional, this will be hidden if we have a button replacement).
+ *
+ * This is progressive enhancement, so the upload-button should be hidden
+ * to be begin with, and will only be displayed if the javascript executes.
  *
  * Note that this will only work if the form has one file upload element.
  *
@@ -17,6 +22,13 @@
             var $form = $(this);
             var $button = $('.upload-button', $form);
             var $file_input = $('[type="file"]', $form);
+            var $input_group = $file_input.closest('.form-group');
+
+            // Hide the file input group and show the alternative button.
+            if ($button.length > 0) {
+                $input_group.hide();
+                $button.show();
+            }
 
             // Auto-submit
             $file_input.on('change', function(e) {

django/website/media/less/internews.less

@@ -402,6 +402,12 @@ body {
     line-height: 1.33;
 }
 
+// Auto-upload button. Progressive enhencement, this
+// will be displayed if the associated js executes.
+.auto-upload-file .upload-button {
+    display: none;
+}
+
 // Grid Demo Elements
 
 .show-grid [class^="col-"] {
@@ -519,4 +525,4 @@ body {
 .fa-fw {
   color:@gray-base;
   margin-right:5px;
-}
+}
\ No newline at end of file

django/website/media/less/sources.less

 //Styles for import, loading and sources
 
-.bootstrap3-multi-input {
-  display:none;
-}
-
 .item-source-info > h2 {
   margin:15px;
 }
@@ -12,4 +8,4 @@
   .item-source-info > h2 > img {
     max-width: 120px;
   }
-}
+}
\ No newline at end of file