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 <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      <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  71       <div class="icon-user"></div> ${username} <span class="caret"></span>
  72      </a>
  73      <ul class="dropdown-menu">
  74       <li><a href="#admin" id="admin" data-role="${role}"><div class="icon-users"></div> Users</a></li>
  75       <li><a href="#cluster" id="cluster"><div class="icon-cluster"></div>Cluster</a></li>
  76       <li><a href="#save" id="save"><div class="icon-save"></div>Save</a></li>
  77       <li><a href="#logout" id="logout"><div class="icon-logout"></div> Logout</a></li>
  78      </ul>
  79     </div>
  80    </div>
  81   </div>
  82  </div>
  83  <!-- END #menu -->
  84
  85  <!-- #footer -->
  86  <div id="footer" class="navbar navbar-fixed-bottom">
  87   <div class="navbar-inner row-fluid">
  88    <div class="alert hide" id="alert">
  89     <button type="button" class="close">&times;</button>
  90     <p></p>
  91    </div>
  92   </div>
  93  </div>
  94  <!-- END #footer -->
  95
  96  <!-- #main -->
  97  <div id="main">
  98
  99   <!-- #left -->
 100   <div id="left">
 101
 102    <!-- #left-top -->
 103    <div id="left-top">
 104
 105     <div class="dash">
 106      <ul class="nav nav-tabs">
 107      </ul>
 108      <div class="dashlet row-fluid"></div>
 109     </div>
 110
 111    </div>
 112    <!-- END #left-top -->
 113
 114    <!-- #left-bottom -->
 115    <div id="left-bottom">
 116
 117     <div class="dash">
 118      <ul class="nav nav-tabs">
 119      </ul>
 120      <div class="dashlet row-fluid"></div>
 121     </div>
 122
 123    </div>
 124    <!-- END #left-bottom -->
 125
 126   </div>
 127   <!-- END #left -->
 128
 129   <!-- #right -->
 130   <div id="right">
 131
 132    <!-- #right-top -->
 133    <div id="right-top">
 134
 135     <div class="dash">
 136      <div id="topology"></div>
 137     </div>
 138
 139    </div>
 140    <!-- END #right-top -->
 141
 142    <!-- #right-bottom -->
 143    <div id="right-bottom">
 144
 145     <div class="dash">
 146      <ul class="nav nav-tabs">
 147      </ul>
 148      <div class="dashlet row-fluid"></div>
 149     </div>
 150
 151    </div>
 152    <!-- END #right-bottom -->
 153
 154   </div>
 155   <!-- END #right -->
 156
 157  </div>
 158  <!-- END #main -->
 159
 160  <!-- modal -->
 161  <div id="modal" class="modal hide fade">
 162   <div class="modal-header">
 163    <button type="button" class="close" data-dismiss="modal"
 164     aria-hidden="true">&times;</button>
 165    <button type="button" class="help" aria-hidden="true"
 166     >?</button>
 167    <h3></h3>
 168   </div>
 169   <div class="modal-body"></div>
 170   <div class="modal-footer"></div>
 171  </div>
 172  <!-- END modal -->
 173
 174  <!-- Lib JS - 6 -->
 175  <script src="/js/lib.js"></script>
 176  <%
 177      String jsPath = "/WEB-INF/jsp/customjs.jsp";
 178      URL jsURL = pageContext.getServletContext().getResource(jsPath);
 179      if (jsURL != null) {
 180  %>
 181  <jsp:include page="<%=jsPath%>" flush="true" />
 182  <%
 183      } else {
 184  %>
 185  <!-- Core JS - 7 -->
 186  <script src="/js/open.js"></script>
 187
 188  <!-- Topology JS - 8 -->
 189  <script src="/js/open-topology.js"></script>
 190  <%
 191      }
 192  %>
 193
 194 </body>
 195
 196 </html>