opendaylight/adsal/web/root/src/main/resources/WEB-INF/jsp/main.jsp

   1 <%--
   2  - Copyright (c) 2013 Cisco Systems, Inc. and others.  All rights reserved.
   3  -
   4  - This program and the accompanying materials are made available under the
   5  - terms of the Eclipse Public License v1.0 which accompanies this distribution,
   6  - and is available at http://www.eclipse.org/legal/epl-v10.html
   7 --%>
   8 <%@ page import="java.net.URL"%>
   9 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  10
  11 <!DOCTYPE html>
  12 <html>
  13
  14 <head>
  15 <meta name="viewport" content="width=device-width, initial-scale=1.0">
  16
  17 <!-- Bootstrap CSS - 1 -->
  18 <link href="/css/bootstrap.min.css" rel="stylesheet" media="screen">
  19 <link rel="stylesheet" type="text/css" href="/css/fuelux.min.css">
  20 <link rel="stylesheet" type="text/css" href="/css/opendaylight.css">
  21
  22 <!-- Core CSS - 2 -->
  23 <link rel="stylesheet/less" type="text/css" href="/css/one.less">
  24
  25 <c:set var="version" value="Version 0.1" scope="application" />
  26 <c:set var="name" value="OpenDaylight" scope="application" />
  27
  28 <%
  29     String filePath = "/WEB-INF/jsp/custommain.jsp";
  30     URL fileURL = pageContext.getServletContext().getResource(filePath);
  31     if (fileURL != null) {
  32 %>
  33 <jsp:include page="<%=filePath%>" flush="true" />
  34 <%
  35     }
  36 %>
  37
  38 <title>${name}</title>
  39 <!-- jQuery - 1 -->
  40 <script src="/js/jquery-1.9.1.min.js"></script>
  41
  42 <!-- Bootstrap JS - 2 -->
  43 <script src="/js/underscore-min.js"></script>
  44 <script src="/js/fuelux/loader.min.js"></script>
  45 <script src="/js/datasource.js"></script>
  46
  47 <!-- LESS - 3 -->
  48 <script type="text/javascript">
  49     less = {
  50         env : "production"
  51     };
  52 </script>
  53 <script src="/js/less-1.3.3.min.js"></script>
  54
  55 <!-- Topology - 4 -->
  56 <script src="/js/jit.js"></script>
  57 </head>
  58 <body>
  59
  60  <!-- #menu -->
  61  <div id="menu" class="navbar navbar-fixed-top">
  62   <div class="navbar-inner row-fluid">
  63    <div class="span9">
  64     <a class="brand" href="/" title="${version}">${name}</a>
  65     <ul class="nav nav-tabs">
  66     </ul>
  67    </div>
  68    <div class="span3">
  69     <div id="toolbar" class="btn-group">
  70     <input type="hidden" id="currentuser" value="${username}" data-role="${role}">
  71      <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  72       <div class="icon-user"></div> ${username} <span class="caret"></span>
  73      </a>
  74      <ul class="dropdown-menu">
  75       <li><a href="#admin" id="admin" data-role="${role}"><div class="icon-users"></div> Users</a></li>
  76       <li><a href="#cluster" id="cluster"><div class="icon-cluster"></div>Cluster</a></li>
  77       <li><a href="#osgi" id="osgi"><div class="icon-default"></div>OSGi</a></li>
  78       <li><a href="#save" id="save"><div class="icon-save"></div>Save</a></li>
  79       <li><a href="#logout" id="logout"><div class="icon-logout"></div> Logout</a></li>
  80      </ul>
  81     </div>
  82    </div>
  83   </div>
  84  </div>
  85  <!-- END #menu -->
  86
  87  <!-- #footer -->
  88  <div id="footer" class="navbar navbar-fixed-bottom">
  89   <div class="navbar-inner row-fluid">
  90    <div class="alert hide" id="alert">
  91     <button type="button" class="close">&times;</button>
  92     <p></p>
  93    </div>
  94   </div>
  95  </div>
  96  <!-- END #footer -->
  97
  98  <!-- #main -->
  99  <div id="main">
 100
 101   <!-- #left -->
 102   <div id="left">
 103
 104    <!-- #left-top -->
 105    <div id="left-top">
 106
 107     <div class="dash">
 108      <ul class="nav nav-tabs">
 109      </ul>
 110      <div class="dashlet row-fluid"></div>
 111     </div>
 112
 113    </div>
 114    <!-- END #left-top -->
 115
 116    <!-- #left-bottom -->
 117    <div id="left-bottom">
 118
 119     <div class="dash">
 120      <ul class="nav nav-tabs">
 121      </ul>
 122      <div class="dashlet row-fluid"></div>
 123     </div>
 124
 125    </div>
 126    <!-- END #left-bottom -->
 127
 128   </div>
 129   <!-- END #left -->
 130
 131   <!-- #right -->
 132   <div id="right">
 133
 134    <!-- #right-top -->
 135    <div id="right-top">
 136
 137     <div class="dash">
 138      <div id="topology"></div>
 139     </div>
 140
 141    </div>
 142    <!-- END #right-top -->
 143
 144    <!-- #right-bottom -->
 145    <div id="right-bottom">
 146
 147     <div class="dash">
 148      <ul class="nav nav-tabs">
 149      </ul>
 150      <div class="dashlet row-fluid"></div>
 151     </div>
 152
 153    </div>
 154    <!-- END #right-bottom -->
 155
 156   </div>
 157   <!-- END #right -->
 158
 159  </div>
 160  <!-- END #main -->
 161
 162  <!-- modal -->
 163  <div id="modal" class="modal hide fade">
 164   <div class="modal-header">
 165    <button type="button" class="close" data-dismiss="modal"
 166     aria-hidden="true">&times;</button>
 167    <button type="button" class="help" aria-hidden="true"
 168     >?</button>
 169    <h3></h3>
 170   </div>
 171   <div class="modal-body"></div>
 172   <div class="modal-footer"></div>
 173  </div>
 174  <!-- END modal -->
 175
 176  <!-- Lib JS - 6 -->
 177  <script src="/js/lib.js"></script>
 178  <%
 179      String jsPath = "/WEB-INF/jsp/customjs.jsp";
 180      URL jsURL = pageContext.getServletContext().getResource(jsPath);
 181      if (jsURL != null) {
 182  %>
 183  <jsp:include page="<%=jsPath%>" flush="true" />
 184  <%
 185      } else {
 186  %>
 187  <!-- Core JS - 7 -->
 188  <script src="/js/open.js"></script>
 189
 190  <!-- Topology JS - 8 -->
 191  <script src="/js/open-topology.js"></script>
 192  <%
 193      }
 194  %>
 195
 196 </body>
 197
 198 </html>