winery/org.eclipse.winery.repository/src/main/webapp/WEB-INF/tags/imageUpload.tag

   1 <%--
   2 /*******************************************************************************
   3  * Copyright (c) 2012-2013 University of Stuttgart.
   4  * All rights reserved. This program and the accompanying materials
   5  * are made available under the terms of the Eclipse Public License v1.0
   6  * and the Apache License 2.0 which both accompany this distribution,
   7  * and are available at http://www.eclipse.org/legal/epl-v10.html
   8  * and http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Contributors:
  11  *    Oliver Kopp - initial API and implementation and/or initial documentation
  12  *******************************************************************************/
  13 --%>
  14 <%@tag description="form div to upload an icon" pageEncoding="UTF-8"%>
  15
  16 <%@attribute name="label" required="true" description="LAbel to be used. Also used as title of the dialog"%>
  17 <%@attribute name="URL" required="true" description="URL to post to"%>
  18 <%@attribute name="id" required="true" description="id to form basis for ...Diag: id of diag; ...Form: id of input field used for file upload; ...Img: Image to refresh"%>
  19 <%@attribute name="accept" description="if not null/'': list of accepted MIME file types"%>
  20 <%@attribute name="width" required="true" description="Width of the image to display"%>
  21 <%@attribute name="resize" description="if not null/'': enables image resizing. Currently not supported"%>
  22
  23 <%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
  24
  25 <t:simpleSingleFileUpload
  26         title="Upload ${label}"
  27         text="File"
  28         additionalDropZone="#${id}FormGroup"
  29         URL="${URL}"
  30         type="PUT"
  31         id="${id}"
  32         accept="${accept}"/>
  33
  34 <div id="${id}FormGroup" class="form-group">
  35         <label for="${id}DisplayDiv">${label}</label>
  36         <div id="${id}DisplayDiv" style="width:100%">
  37                 <div class="col-md-2">
  38                         <a href="${URL}" target="_blank"><img id="${id}Img" style="width:${width};" src="${URL}" alt="n/a" /></a>
  39                 </div>
  40                 <button class="btn btn-default btn-xs" type="button" onClick="$('#${id}Diag').modal('show');">Upload...</button> or drop the image in this area.
  41         </div>
  42 </div>