opendaylight/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
  20 <!-- Core CSS - 2 -->
  21 <link rel="stylesheet/less" type="text/css" href="/css/one.less">
  22
  23 <c:set var="version" value="Version 0.1" scope="application" />
  24 <c:set var="name" value="OpenDaylight" scope="application" />
  25
  26 <%
  27     String filePath = "/WEB-INF/jsp/custommain.jsp";
  28     URL fileURL = pageContext.getServletContext().getResource(filePath);
  29     if (fileURL != null) {
  30 %>
  31 <jsp:include page="<%=filePath%>" flush="true" />
  32 <%
  33     }
  34 %>
  35
  36 <title>${name}</title>
  37 <!-- jQuery - 1 -->
  38 <script src="/js/jquery-1.9.1.min.js"></script>
  39
  40 <!-- Bootstrap JS - 2 -->
  41 <script src="/js/bootstrap.min.js"></script>
  42
  43 <!-- LESS - 3 -->
  44 <script type="text/javascript">
  45     less = {
  46         env : "production"
  47     };
  48 </script>
  49 <script src="/js/less-1.3.3.min.js"></script>
  50
  51 <!-- Topology - 4 -->
  52 <script src="/js/jit.js"></script>
  53 </head>
  54 <body>
  55
  56  <!-- #menu -->
  57  <div id="menu" class="navbar navbar-fixed-top">
  58   <div class="navbar-inner row-fluid">
  59    <div class="span10">
  60     <a class="brand" href="/" title="${version}">${name}</a>
  61     <ul class="nav nav-tabs">
  62     </ul>
  63    </div>
  64    <div class="span2">
  65     <div id="toolbar" class="btn-group">
  66      <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  67       <div class="icon-user"></div> ${username} <span class="caret"></span>
  68      </a>
  69      <ul class="dropdown-menu">
  70       <li><a href="#admin" id="admin" data-role="${role}"><div
  71          class="icon-users"></div> Users</a></li>
  72       <li><a href="#save" id="save"><div class="icon-save"></div>
  73         Save</a></li>
  74       <li><a href="#logout" id="logout"><div
  75          class="icon-logout"></div> Logout</a></li>
  76      </ul>
  77     </div>
  78    </div>
  79   </div>
  80  </div>
  81  <!-- END #menu -->
  82
  83  <!-- #footer -->
  84  <div id="footer" class="navbar navbar-fixed-bottom">
  85   <div class="navbar-inner row-fluid">
  86    <div class="alert hide" id="alert">
  87     <button type="button" class="close">&times;</button>
  88     <p></p>
  89    </div>
  90   </div>
  91  </div>
  92  <!-- END #footer -->
  93
  94  <!-- #main -->
  95  <div id="main">
  96
  97   <!-- #left -->
  98   <div id="left">
  99
 100    <!-- #left-top -->
 101    <div id="left-top">
 102
 103     <div class="dash">
 104      <ul class="nav nav-tabs">
 105      </ul>
 106      <div class="dashlet row-fluid"></div>
 107     </div>
 108
 109    </div>
 110    <!-- END #left-top -->
 111
 112    <!-- #left-bottom -->
 113    <div id="left-bottom">
 114
 115     <div class="dash">
 116      <ul class="nav nav-tabs">
 117      </ul>
 118      <div class="dashlet row-fluid"></div>
 119     </div>
 120
 121    </div>
 122    <!-- END #left-bottom -->
 123
 124   </div>
 125   <!-- END #left -->
 126
 127   <!-- #right -->
 128   <div id="right">
 129
 130    <!-- #right-top -->
 131    <div id="right-top">
 132
 133     <div class="dash">
 134      <div id="topology"></div>
 135     </div>
 136
 137    </div>
 138    <!-- END #right-top -->
 139
 140    <!-- #right-bottom -->
 141    <div id="right-bottom">
 142
 143     <div class="dash">
 144      <ul class="nav nav-tabs">
 145      </ul>
 146      <div class="dashlet row-fluid"></div>
 147     </div>
 148
 149    </div>
 150    <!-- END #right-bottom -->
 151
 152   </div>
 153   <!-- END #right -->
 154
 155  </div>
 156  <!-- END #main -->
 157
 158  <!-- modal -->
 159  <div id="modal" class="modal hide fade">
 160   <div class="modal-header">
 161    <button type="button" class="close" data-dismiss="modal"
 162     aria-hidden="true">&times;</button>
 163    <h3></h3>
 164   </div>
 165   <div class="modal-body"></div>
 166   <div class="modal-footer"></div>
 167  </div>
 168  <!-- END modal -->
 169
 170  <!-- Lib JS - 6 -->
 171  <script src="/js/lib.js"></script>
 172  <%
 173      String jsPath = "/WEB-INF/jsp/customjs.jsp";
 174      URL jsURL = pageContext.getServletContext().getResource(jsPath);
 175      if (jsURL != null) {
 176  %>
 177  <jsp:include page="<%=jsPath%>" flush="true" />
 178  <%
 179      } else {
 180  %>
 181  <!-- Core JS - 7 -->
 182  <script src="/js/open.js"></script>
 183
 184  <!-- Topology JS - 8 -->
 185  <script src="/js/open-topology.js"></script>
 186  <%
 187      }
 188  %>
 189
 190 </body>
 191
 192 </html>