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