/file.html |
@@ -53,8 +53,7 @@ |
<li><a href="view.html">View</a></li> |
</ul> |
|
<form data-toggle="validator" role="form" id="file-form-upload"> |
<div id="main-panel" class="panel panel-default"> |
<div id="main-panel" class="panel panel-default"> |
<div class="panel-heading"> |
<div id="actions" class="row"> |
<div class="col-lg-5"> |
@@ -91,7 +90,6 @@ |
</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"> |
@@ -104,7 +102,6 @@ |
<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"> |
@@ -111,9 +108,8 @@ |
<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 file-tags"></select> |
<select id="file-tags" multiple class="form-control bootstrap-tagsinput file-tags"></select> |
</div> |
<strong class="error text-danger" data-dz-errormessage></strong> |
</div> |
@@ -138,6 +134,7 @@ |
</button> |
</div> |
</div> |
|
</div> |
</div> |
<!-- The global file processing state --> |
@@ -146,7 +143,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> |
</form> |
</div> |
|
</div> <!-- /container --> |
|
@@ -162,8 +159,6 @@ |
<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 --> |
@@ -218,13 +213,10 @@ |
formData.append('tags', JSON.stringify(tags)); |
|
// And disable the tags bar. |
const tagsContainerID = file |
file |
.previewElement |
.querySelector('.bootstrap-tagsinput') |
.getAttribute('id'); |
|
$('#' + tagsContainerID).attr('readonly', 'readonly'); |
$('#' + tagsContainerID).attr('disabled', 'disabled'); |
.querySelector('#' + tagsBoxID) |
.setAttribute('disabled', 'disabled'); |
|
}).on('addedfile', (file) => { |
// Hookup the start button. |
@@ -319,26 +311,9 @@ |
.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') |