winery/org.eclipse.winery.repository/src/main/webapp/jsp/entitytypes/nodetypes/visualappearance.jsp

   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  *    Yves Schubert - switch to bootstrap 3
  13  *******************************************************************************/
  14 --%>
  15 <%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  16 <%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
  17
  18 <script type='text/javascript' src='${pageContext.request.contextPath}/components/raphael/raphael.js'></script>
  19 <script type='text/javascript' src='${pageContext.request.contextPath}/components/colorwheel/javascripts/colorwheel.js'></script>
  20
  21 <script>
  22 <%-- Required for multiple upload dialogs
  23         see https://github.com/blueimp/jQuery-File-Upload/wiki/Options --%>
  24 $(document).bind('drop dragover', function (e) {
  25         e.preventDefault();
  26 });
  27 </script>
  28
  29 <ul class="nav nav-tabs" id="myTab">
  30         <li class="active"><a href="#icons">Icons</a></li>
  31         <li><a href="#color">Color</a></li>
  32 </ul>
  33
  34 <div class="tab-content">
  35         <div class="tab-pane active" id="icons">
  36                 <br />
  37                 <t:imageUpload
  38                         label="Icon (16x16) used in palette"
  39                         URL="visualappearance/16x16"
  40                         id="upSmall"
  41                         width="16px"
  42                         resize="16"
  43                         accept="image/*"/>
  44
  45                 <t:imageUpload
  46                         label="Icon (50x50) used in the node template shapes"
  47                         URL="visualappearance/50x50"
  48                         id="upBig"
  49                         width="50px"
  50                         resize="50"
  51                         accept="image/*"/>
  52         </div>
  53         <div class="tab-pane" id="color">
  54                 <br />
  55                 <form>
  56                         <fieldset>
  57                                 <t:colorwheel label="Border Color" color="${it.borderColor}" id="bordercolor" url="bordercolor" />
  58                         </fieldset>
  59                 </form>
  60         </div>
  61 </div>
  62
  63 <script>
  64 $('#myTab a').click(function (e) {
  65         e.preventDefault();
  66         $(this).tab('show');
  67 });
  68 </script>