| /file.html |
|---|
| @@ -53,7 +53,8 @@ |
|---|
| <li><a href="view.html">View</a></li> |
| </ul> |
| |
| <div id="main-panel" class="panel panel-default"> |
| <form data-toggle="validator" role="form" id="file-form-upload"> |
| <div id="main-panel" class="panel panel-default"> |
| <div class="panel-heading"> |
| <div id="actions" class="row"> |
| <div class="col-lg-5"> |
| @@ -90,6 +91,7 @@ |
|---|
| </div> |
| <div> |
| <p class="upload-filename" data-dz-name></p> |
| <label for="file-upload-url">Download URL:</label> |
| <div class="input-group"> |
| <input id="file-upload-url" type="text" class="form-control upload-url" readonly> |
| <span class="input-group-btn"> |
| @@ -102,6 +104,7 @@ |
|---|
| <button id="btn-clipboard" class="btn btn-default url-clipboard-button" type="button"><i class="glyphicon glyphicon-paperclip"></i></button> |
| </span> |
| </div> |
| <label for="file-upload-url">Delete URL:</label> |
| <div class="input-group"> |
| <input id="file-delete-url" type="text" class="form-control delete-url" readonly> |
| <span class="input-group-btn"> |
| @@ -108,8 +111,9 @@ |
|---|
| <button id="btn-clipboard-delete" class="btn btn-default delete-cliboard-button" type="button"><i class="glyphicon glyphicon-paperclip"></i></button> |
| </span> |
| </div> |
| <label for="file-tags">Tags:</label> |
| <div class="input-group"> |
| <select id="file-tags" multiple class="form-control bootstrap-tagsinput file-tags"></select> |
| <select id="file-tags" multiple class="form-control file-tags"></select> |
| </div> |
| <strong class="error text-danger" data-dz-errormessage></strong> |
| </div> |
| @@ -134,7 +138,6 @@ |
|---|
| </button> |
| </div> |
| </div> |
| |
| </div> |
| </div> |
| <!-- The global file processing state --> |
| @@ -143,7 +146,7 @@ |
|---|
| <div class="progress-bar progress-bar-custom" style="width:0%;" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" data-dz-uploadprogress></div> |
| </div> |
| </div> |
| </div> |
| </form> |
| |
| </div> <!-- /container --> |
| |
| @@ -159,6 +162,8 @@ |
|---|
| <script src="bower_components/angular/angular.min.js"></script> |
| <!-- BootStrap --> |
| <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> |
| <!-- BootStrap Validator --> |
| <script src="bower_components/bootstrap-validator/dist/validator.min.js"></script> |
| <!-- DropZone --> |
| <script src="bower_components/dropzone/dist/min/dropzone.min.js"></script> |
| <!-- Clipboard --> |
| @@ -213,10 +218,13 @@ |
|---|
| formData.append('tags', JSON.stringify(tags)); |
| |
| // And disable the tags bar. |
| file |
| const tagsContainerID = file |
| .previewElement |
| .querySelector('#' + tagsBoxID) |
| .setAttribute('disabled', 'disabled'); |
| .querySelector('.bootstrap-tagsinput') |
| .getAttribute('id'); |
| |
| $('#' + tagsContainerID).attr('readonly', 'readonly'); |
| $('#' + tagsContainerID).attr('disabled', 'disabled'); |
| |
| }).on('addedfile', (file) => { |
| // Hookup the start button. |
| @@ -311,9 +319,26 @@ |
|---|
| .querySelector('#file-tags') |
| .setAttribute('id', tagsBoxID); |
| |
| // Refresh the tags input. |
| $('#' + tagsBoxID).tagsinput('refresh'); |
| |
| // Set the ID of the tags div. |
| const tagsContainerID = '_' + Math |
| .random() |
| .toString(36) |
| .substr(2, 9); |
| |
| // Add form control to tags list. |
| file |
| .previewElement |
| .querySelector('.bootstrap-tagsinput') |
| .classList |
| .add('form-control'); |
| |
| file |
| .previewElement |
| .querySelector('.bootstrap-tagsinput') |
| .setAttribute('id', tagsContainerID); |
| |
| }).on('totaluploadprogress', (progress) => { |
| document |
| .querySelector('#total-progress .progress-bar') |
