/file.html |
@@ -43,7 +43,7 @@ |
</div> |
|
<div class="container"> |
|
|
<ul class="nav nav-tabs"> |
<li><a href="index.html">Home</a></li> |
<li class="active"><a href="#">File</a></li> |
@@ -53,101 +53,99 @@ |
<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 class="panel-heading"> |
<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 id="uploadbutton" type="button" class="btn btn-default"> |
<i class="glyphicon glyphicon-plus"></i> |
<span>Add...</span> |
</button> |
</div> |
<div class="btn-group" role="group"> |
<button type="submit" class="btn btn-default start"> |
<i class="glyphicon glyphicon-upload"></i> |
<span>Upload All</span> |
</button> |
</div> |
<div class="btn-group" role="group"> |
<button type="reset" class="btn btn-danger cancel"> |
<i class="glyphicon glyphicon-ban-circle"></i> |
<span>Cancel All</span> |
</button> |
</div> |
</div> |
<div id="main-panel" class="panel panel-default"> |
<div class="panel-heading"> |
<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 id="uploadbutton" type="button" class="btn btn-default"> |
<i class="glyphicon glyphicon-plus"></i> |
<span>Add...</span> |
</button> |
</div> |
<div class="btn-group" role="group"> |
<button type="submit" class="btn btn-default start"> |
<i class="glyphicon glyphicon-upload"></i> |
<span>Upload All</span> |
</button> |
</div> |
<div class="btn-group" role="group"> |
<button type="reset" class="btn btn-danger cancel"> |
<i class="glyphicon glyphicon-ban-circle"></i> |
<span>Cancel All</span> |
</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" width="58" alt="Upload file thumbnail" data-dz-thumbnail></span> |
</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" width="58" alt="Upload file thumbnail" data-dz-thumbnail></span> |
<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"> |
<button id="btn-mailto" class="btn btn-default url-mailto-button" type="button"><i class="glyphicon glyphicon-envelope"></i></button> |
</span> |
<span class="input-group-btn"> |
<button id="btn-facebook" class="btn btn-default url-facebook-button" type="button" disabled><i class="fa fa-facebook"></i></button> |
</span> |
<span class="input-group-btn"> |
<button id="btn-clipboard" class="btn btn-default url-clipboard-button" type="button"><i class="glyphicon glyphicon-paperclip"></i></button> |
</span> |
</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"> |
<button id="btn-mailto" class="btn btn-default url-mailto-button" type="button"><i class="glyphicon glyphicon-envelope"></i></button> |
</span> |
<span class="input-group-btn"> |
<button id="btn-facebook" class="btn btn-default url-facebook-button" type="button" disabled><i class="fa fa-facebook"></i></button> |
</span> |
<span class="input-group-btn"> |
<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"> |
<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> |
</div> |
<strong class="error text-danger" data-dz-errormessage></strong> |
<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"> |
<button id="btn-clipboard-delete" class="btn btn-default delete-cliboard-button" type="button"><i class="glyphicon glyphicon-paperclip"></i></button> |
</span> |
</div> |
<div> |
<p class="size" data-dz-size></p> |
<div id="progress" class="progress active" role="progressbar"> |
<div class="progress-bar progress-bar-custom" style="width:0%;" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" data-dz-uploadprogress></div> |
</div> |
<label for="file-tags">Tags:</label> |
<div class="input-group"> |
<select id="file-tags" multiple class="form-control file-tags"></select> |
</div> |
<div> |
<button id="start" class="btn btn-default start"> |
<i class="glyphicon glyphicon-upload"></i> |
<span>Upload</span> |
</button> |
<button id="cancel" data-dz-remove class="btn btn-warning cancel"> |
<i class="glyphicon glyphicon-ban-circle"></i> |
<span>Cancel</span> |
</button> |
<button id="remove" data-dz-remove class="btn btn-danger remove"> |
<i class="glyphicon glyphicon-remove"></i> |
<span>Remove</span> |
</button> |
<strong class="error text-danger" data-dz-errormessage></strong> |
</div> |
<div> |
<p class="size" data-dz-size></p> |
<div id="progress" class="progress active" role="progressbar"> |
<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> |
<div> |
<button id="start" class="btn btn-default start"> |
<i class="glyphicon glyphicon-upload"></i> |
<span>Upload</span> |
</button> |
<button id="cancel" data-dz-remove class="btn btn-warning cancel"> |
<i class="glyphicon glyphicon-ban-circle"></i> |
<span>Cancel</span> |
</button> |
<button id="remove" data-dz-remove class="btn btn-danger remove"> |
<i class="glyphicon glyphicon-remove"></i> |
<span>Remove</span> |
</button> |
</div> |
</div> |
<!-- The global file processing state --> |
<div class="fileupload-process"> |
<div id="total-progress" class="progress active" role="progressbar"> |
<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> |
<!-- The global file processing state --> |
<div class="fileupload-process"> |
<div id="total-progress" class="progress active" role="progressbar"> |
<div class="progress-bar progress-bar-custom" style="width:0%;" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" data-dz-uploadprogress></div> |
</div> |
</form> |
|
</div> |
</div> |
</div> <!-- /container --> |
|
<div id="footer"> |
@@ -162,8 +160,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 --> |
@@ -223,6 +219,8 @@ |
.querySelector('.bootstrap-tagsinput') |
.getAttribute('id'); |
|
$('#' + tagsBoxID).attr('readonly', 'readonly'); |
$('#' + tagsBoxID).attr('disabled', 'disabled'); |
$('#' + tagsContainerID).attr('readonly', 'readonly'); |
$('#' + tagsContainerID).attr('disabled', 'disabled'); |
|