diff options
Diffstat (limited to 'winery/org.eclipse.winery.topologymodeler/src/main/webapp/WEB-INF/tags/common/jquery-file-upload-full.tag')
-rw-r--r-- | winery/org.eclipse.winery.topologymodeler/src/main/webapp/WEB-INF/tags/common/jquery-file-upload-full.tag | 181 |
1 files changed, 0 insertions, 181 deletions
diff --git a/winery/org.eclipse.winery.topologymodeler/src/main/webapp/WEB-INF/tags/common/jquery-file-upload-full.tag b/winery/org.eclipse.winery.topologymodeler/src/main/webapp/WEB-INF/tags/common/jquery-file-upload-full.tag deleted file mode 100644 index 5bc1057..0000000 --- a/winery/org.eclipse.winery.topologymodeler/src/main/webapp/WEB-INF/tags/common/jquery-file-upload-full.tag +++ /dev/null @@ -1,181 +0,0 @@ -<%-- -/******************************************************************************* - * Copyright (c) 2012-2013 University of Stuttgart. - * All rights reserved. This program and the accompanying materials - * are made available under the terms of the Eclipse Public License v1.0 - * and the Apache License 2.0 which both accompany this distribution, - * and are available at http://www.eclipse.org/legal/epl-v10.html - * and http://www.apache.org/licenses/LICENSE-2.0 - * - * Contributors: - * Oliver Kopp - initial API and implementation and/or initial documentation - *******************************************************************************/ ---%> -<%@tag description="HTML + JavaScript enabling the full jQuery file upload as shown at http://blueimp.github.com/jQuery-File-Upload/" pageEncoding="UTF-8"%> - -<%-- Original Source https://raw.github.com/blueimp/jQuery-File-Upload/9.5.4/jquery-ui.html, License: MIT; See also CQ 8006 --%> - -<%@attribute name="action" required="false" description="custom action for the upload"%> -<%@attribute name="loadexistingfiles" type="java.lang.Boolean" required="true" description="load existing files from files/ url. false if that should not happen"%> - -<%-- -!! USES HARD-CODED URL "files/" for data !! -It is OK since it is currently only used in "files.jsp" -If it will be used in other places, there has to be a parameter "url" introduced -(and this jsp updated to a tag file) ---%> - -<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> - -<%-- The File Upload user interface plugin --%> - - <!-- The file upload form used as target for the file upload widget --> - <form id="fileupload" method="POST" enctype="multipart/form-data" <c:if test="${not empty action}">action="${action}"</c:if>> - <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload --> - <div class="row fileupload-buttonbar"> - <div class="span7"> <!-- should be col-lg-7, but then the add button does not work any more --> - <!-- The fileinput-button span is used to style the file input field as button --> - <span class="btn btn-success fileinput-button"> - <i class="glyphicon glyphicon-plus"></i> - <span>Add files...</span> - <input type="file" name="files[]" multiple> - </span> - </div> - <!-- The global progress information --> - <div class="span5 fileupload-progress fade"> - <!-- The global progress bar --> - <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100"> - <div class="bar" style="width:0%;"></div> - </div> - <!-- The extended global progress information --> - <div class="progress-extended"> </div> - </div> - </div> - <!-- The loading indicator is shown during file processing --> - <div class="fileupload-loading"></div> - <br> - <!-- The table listing the files available for upload/download --> - <table role="presentation" class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table> - </form> - -<!-- The template to display files available for upload --> -<script id="template-upload" type="text/x-tmpl"> -{% for (var i=0, file; file=o.files[i]; i++) { %} - <tr class="template-upload fade"> - <td> - <span class="preview"></span> - </td> - <td> - <p class="name">{%=file.name%}</p> - <strong class="error text-danger"></strong> - </td> - <td> - <p class="size">Processing...</p> - <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="progress-bar progress-bar-success" style="width:0%;"></div></div> - </td> - <td> - {% if (!i && !o.options.autoUpload) { %} - <button class="btn btn-primary start" disabled> - <i class="glyphicon glyphicon-upload"></i> - <span>Start</span> - </button> - {% } %} - {% if (!i) { %} - <button class="btn btn-warning cancel"> - <i class="glyphicon glyphicon-ban-circle"></i> - <span>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 fade"> - <td> - <span class="preview"> - {% if (file.thumbnailUrl) { %} - <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a> - {% } %} - </span> - </td> - <td> - <p class="name"> - {% if (file.url) { %} - <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a> - {% } else { %} - <span>{%=file.name%}</span> - {% } %} - </p> - {% if (file.error) { %} - <div><span class="label label-danger">Error</span> {%=file.error%}</div> - {% } %} - </td> - <td> - <span class="size">{%=o.formatFileSize(file.size)%}</span> - </td> - <td> - {% if (file.deleteUrl) { %} - <button class="btn btn-danger btn-sm delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}> - <i class="glyphicon glyphicon-trash"></i> - <span>Delete</span> - </button> - {% } else { %} - <button class="btn btn-warning cancel"> - <i class="glyphicon glyphicon-ban-circle"></i> - <span>Cancel</span> - </button> - {% } %} - </td> - </tr> -{% } %} -</script> - -<script> -/* - * Based on jQuery File Upload Plugin JS Example - * https://github.com/blueimp/jQuery-File-Upload - * - * Copyright 2010, Sebastian Tschan - * https://blueimp.net - * - * Licensed under the MIT license: - * http://www.opensource.org/licenses/MIT - */ - -/*jslint nomen: true, unparam: true, regexp: true */ -/*global $, window, document */ - -$(function () { - 'use strict'; - - // jquery.fileupload.process for image resizing capabilities - // has to be included in all cases as jquery.ui.widget depends on it without specifying the depencency explicitly - requirejs(['tmpl', 'jquery.ui.widget', 'jquery.fileupload', 'jquery.fileupload-ui', 'jquery.fileupload-process'], function() { - // Initialize the jQuery File Upload widget: - $('#fileupload').fileupload( { - autoUpload: true, - url: "files/" - }); - - <c:if test="${loadexistingfiles}"> - // Load existing files - $('#fileupload').addClass('fileupload-processing'); - $.ajax({ - url: $('#fileupload').fileupload('option', 'url'), - dataType: 'json', - context: $('#fileupload')[0] - }).always(function () { - $(this).removeClass('fileupload-processing'); - }).done(function (result) { - $(this).fileupload('option', 'done') - .call(this, $.Event('done'), {result: result}); - }).fail(function(jqXHR, textStatus, errorThrown) { - vShowAJAXError("Could not add upload file", jqXHR, errorThrown); - }); - </c:if> - }); -}); -</script> |