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     <title>${name}</title>
  35         <!-- jQuery - 1 -->
  36         <script src="/js/jquery-1.9.1.min.js"></script>
  37
  38         <!-- Bootstrap JS - 2 -->
  39         <script src="/js/bootstrap.min.js"></script>
  40
  41         <!-- LESS - 3 -->
  42         <script type="text/javascript">
  43                 less = {
  44                         env: "production"
  45                 };
  46         </script>
  47         <script src="/js/less-1.3.3.min.js"></script>
  48
  49         <!-- Topology - 4 -->
  50         <script src="/js/jit.js"></script>
  51 </head>
  52 <body>
  53
  54 <!-- #menu -->
  55 <div id="menu" class="navbar navbar-fixed-top">
  56         <div class="navbar-inner row-fluid">
  57                 <div class="span10">
  58                         <a class="brand" href="/" title="${version}">${name}</a>
  59                         <ul class="nav nav-tabs">
  60                         </ul>
  61                 </div>
  62                 <div class="span2">
  63                         <div id="toolbar" class="btn-group">
  64                                 <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  65                                         <div class="icon-user"></div> ${username}
  66                                         <span class="caret"></span>
  67                                 </a>
  68                                 <ul class="dropdown-menu">
  69                                         <li><a href="#admin" id="admin" data-role="${role}"><div class="icon-users"></div> Users</a></li>
  70                                         <li><a href="#save" id="save"><div class="icon-save"></div> Save</a></li>
  71                                         <li><a href="#logout" id="logout"><div class="icon-logout"></div> Logout</a></li>
  72                                 </ul>
  73                         </div>
  74                 </div>
  75         </div>
  76 </div><!-- END #menu -->
  77
  78 <!-- #footer -->
  79 <div id="footer" class="navbar navbar-fixed-bottom">
  80         <div class="navbar-inner row-fluid">
  81                 <div class="alert hide" id="alert">
  82                         <button type="button" class="close">&times;</button>
  83                         <p></p>
  84                 </div>
  85         </div>
  86 </div><!-- END #footer -->
  87
  88 <!-- #main -->
  89 <div id="main">
  90
  91 <!-- #left -->
  92 <div id="left">
  93
  94         <!-- #left-top -->
  95         <div id="left-top">
  96
  97                 <div class="dash">
  98                         <ul class="nav nav-tabs">
  99                         </ul>
 100                         <div class="dashlet row-fluid">
 101                         </div>
 102                 </div>
 103
 104         </div><!-- END #left-top -->
 105
 106         <!-- #left-bottom -->
 107         <div id="left-bottom">
 108
 109                 <div class="dash">
 110                         <ul class="nav nav-tabs">
 111                         </ul>
 112                         <div class="dashlet row-fluid">
 113                         </div>
 114                 </div>
 115
 116         </div><!-- END #left-bottom -->
 117
 118 </div><!-- END #left -->
 119
 120 <!-- #right -->
 121 <div id="right">
 122
 123         <!-- #right-top -->
 124         <div id="right-top">
 125
 126                 <div class="dash">
 127                         <div id="topology"></div>
 128                 </div>
 129
 130         </div><!-- END #right-top -->
 131
 132         <!-- #right-bottom -->
 133         <div id="right-bottom">
 134
 135                 <div class="dash">
 136                         <ul class="nav nav-tabs">
 137                         </ul>
 138                         <div class="dashlet row-fluid">
 139                         </div>
 140                 </div>
 141
 142         </div><!-- END #right-bottom -->
 143
 144 </div><!-- END #right -->
 145
 146 </div><!-- END #main -->
 147
 148 <!-- modal -->
 149 <div id="modal" class="modal hide fade">
 150         <div class="modal-header">
 151                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 152                 <h3></h3>
 153         </div>
 154         <div class="modal-body"></div>
 155         <div class="modal-footer"></div>
 156 </div>
 157 <!-- END modal -->
 158
 159 <!-- Core JS - 6 -->
 160 <script src="/js/one.js"></script>
 161
 162 <!-- Topology JS - 7 -->
 163 <script src="/js/one-topology.js"></script>
 164
 165 </body>
 166
 167 </html>