<script id="file-upload-tmpl" type="text/html">
-<form id="fileupload" action="restServices/archivaUiServices/fileUploadService/upload" method="POST" enctype="multipart/form-data">
- <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
+ <form id="fileupload" action="restServices/archivaUiServices/fileUploadService/upload" method="POST" enctype="multipart/form-data">
<div class="row fileupload-buttonbar">
- <div class="span7">
- <!-- The fileinput-button span is used to style the file input field as button -->
- <span class="btn btn-success fileinput-button">
- <i class="icon-plus icon-white"></i>
- <span>Add files...</span>
- <input type="file" name="files[]" multiple>
- </span>
- <button type="submit" class="btn btn-primary start">
- <i class="icon-upload icon-white"></i>
- <span>Start upload</span>
- </button>
- <button type="reset" class="btn btn-warning cancel">
- <i class="icon-ban-circle icon-white"></i>
- <span>Cancel upload</span>
- </button>
- <button type="button" class="btn btn-danger delete">
- <i class="icon-trash icon-white"></i>
- <span>Delete</span>
- </button>
- <input type="checkbox" class="toggle">
- </div>
- <div class="span5">
- <!-- The global progress bar -->
- <div class="progress progress-success progress-striped active">
- <div class="bar" style="width:0%;"></div>
- </div>
+ <div class="span7">
+ <span class="btn btn-success fileinput-button">
+ <i class="icon-plus icon-white"></i>
+ <span>Add files...</span>
+ <input type="file" name="files[]" multiple="">
+ </span>
+ <button type="submit" class="btn btn-primary start">
+ <i class="icon-upload icon-white"></i>
+ <span>Start upload</span>
+ </button>
+ <button type="reset" class="btn btn-warning cancel">
+ <i class="icon-ban-circle icon-white"></i>
+ <span>Cancel upload</span>
+ </button>
+ <button type="button" class="btn btn-danger delete">
+ <i class="icon-trash icon-white"></i>
+ <span>Delete</span>
+ </button>
+ <input type="checkbox" class="toggle">
+ </div>
+ <div class="span5">
+ <div class="progress progress-success progress-striped active">
+ <div class="bar" style="width:0%;"></div>
</div>
+ </div>
</div>
- <!-- The loading indicator is shown during image processing -->
<div class="fileupload-loading"></div>
<br>
- <!-- The table listing the files available for upload/download -->
- <table class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
+ <table class="table table-striped">
+ <tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody>
+ </table>
</form>
</script>
-<script id="template-upload" type="text/x-tmpl">
-{% for (var i=0, file; file=o.files[i]; i++) { %}
+<script id="template-upload" type="text/html">
+ {% for (var i=0, file; file=o.files[i]; i++) { %}
<tr class="template-upload">
- <td class="preview"><span class=""></span></td>
- <td class="name"><span>{%=file.name%}</span></td>
- <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
- {% if (file.error) { %}
- <td class="error" colspan="2"><span class="label label-important">{%=$.i18n.prop('fileupload.error')%}</span> {%=$.i18n.prop('fileupload.errors.'+[file.error]) || file.error%}</td>
- {% } else if (o.files.valid && !i) { %}
- <td>
- <div class="progress progress-success progress-striped active"><div class="bar" style="width:0%;"></div></div>
- </td>
- <td class="start">{% if (!o.options.autoUpload) { %}
- <button class="btn btn-primary">
- <i class="icon-upload icon-white"></i>
- <span>{%=$.i18n.prop('fileupload.start')%}</span>
- </button>
- {% } %}</td>
- {% } else { %}
- <td colspan="2"></td>
+ <td class="name"><span>{%=file.name%}</span></td>
+ <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
+ {% if (file.error) { %}
+ <td class="error" colspan="2">
+ <span class="label label-important">{%=$.i18n.prop('fileupload.error')%}</span>
+ {%=$.i18n.prop('fileupload.errors.'+[file.error]) || file.error%}
+ </td>
+ {% } else if (o.files.valid && !i) { %}
+ <td>
+ <div class="progress progress-success progress-striped active">
+ <div class="bar" style="width:0%;"></div>
+ </div>
+ </td>
+ <td class="start">
+ {% if (!o.options.autoUpload) { %}
+ <button class="btn btn-primary">
+ <i class="icon-upload icon-white"></i>
+ <span>{%=$.i18n.prop('fileupload.start')%}</span>
+ </button>
{% } %}
- <td class="cancel">{% if (!i) { %}
- <button class="btn btn-warning">
- <i class="icon-ban-circle icon-white"></i>
- <span>{%=$.i18n.prop('fileupload.cancel')%}</span>
- </button>
- {% } %}</td>
+ </td>
+ {% } else { %}
+ <td colspan="2"></td>
+ {% } %}
+ <td class="cancel">
+ {% if (!i) { %}
+ <button class="btn btn-warning">
+ <i class="icon-ban-circle icon-white"></i>
+ <span>{%=$.i18n.prop('fileupload.cancel')%}</span>
+ </button>
+ {% } %}
+ </td>
</tr>
-{% } %}
+ {% } %}
</script>
-<!-- The template to display files available for download -->
-<script id="template-download" type="text/x-tmpl">
-{% for (var i=0, file; file=o.files[i]; i++) { %}
- <tr class="template-download">
- {% if (file.error) { %}
- <td></td>
- <td class="name"><span>{%=file.name%}</span></td>
- <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
- <td class="error" colspan="2"><span class="label label-important">{%=$.i18n.prop('fileupload.error')%}</span> {%=$.i18n.prop('fileupload.errors.'+[file.error]) || file.error%}</td>
- {% } else { %}
- <td class="preview">{% if (file.thumbnail_url) { %}
- <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
- {% } %}</td>
- <td class="name">
- <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>
- </td>
- <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
- <td colspan="2"></td>
- {% } %}
- <td class="delete">
- <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}">
- <i class="icon-trash icon-white"></i>
- <span>{%=$.i18n.prop('fileupload.destroy')%}</span>
- </button>
- <input type="checkbox" name="delete" value="1">
- </td>
+
+<script id="template-download" type="text/html">
+ {% for (var i=0, file; file=o.files[i]; i++) { %}
+ <tr class="template-download">
+ <td class="name"><span>{%=file.name%}</span></td>
+ <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
+ {% if (file.error) { %}
+ <td class="error" colspan="2">
+ <span class="label label-important">{%=$.i18n.prop('fileupload.error')%}</span>
+ {%=$.i18n.prop('fileupload.errors.'+[file.error]) || file.error%}
+ </td>
+ {% } else { %}
+ <td colspan="2"></td>
+ {% } %}
+ <td class="delete">
+ <button class="btn btn-danger" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}">
+ <i class="icon-trash icon-white"></i>
+ <span>{%=$.i18n.prop('fileupload.destroy')%}</span>
+ </button>
+ <input type="checkbox" name="delete" value="1">
+ </td>
</tr>
{% } %}
</script>
\ No newline at end of file