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
   9 <!DOCTYPE html>
  10 <html>
  11
  12 <head>
  13         <title>OpenDaylight</title>
  14         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15
  16         <!-- Bootstrap CSS - 1 -->
  17         <link href="/css/bootstrap.min.css" rel="stylesheet" media="screen">
  18
  19         <!-- Core CSS - 2 -->
  20         <link rel="stylesheet/less" type="text/css" href="/css/one.less">
  21
  22         <!-- jQuery - 1 -->
  23         <script src="/js/jquery-1.9.1.min.js"></script>
  24
  25         <!-- Bootstrap JS - 2 -->
  26         <script src="/js/bootstrap.min.js"></script>
  27
  28         <!-- LESS - 3 -->
  29         <script type="text/javascript">
  30                 less = {
  31                         env: "production"
  32                 };
  33         </script>
  34         <script src="/js/less-1.3.3.min.js"></script>
  35
  36         <!-- Topology - 4 -->
  37         <script src="/js/jit.js"></script>
  38 </head>
  39 <body>
  40
  41 <!-- #menu -->
  42 <div id="menu" class="navbar navbar-fixed-top">
  43         <div class="navbar-inner row-fluid">
  44                 <div class="span10">
  45                         <a class="brand" href="/" title="Version 0.1">OpenDaylight</a>
  46                         <ul class="nav nav-tabs">
  47                         </ul>
  48                 </div>
  49                 <div class="span2">
  50                         <div id="toolbar" class="btn-group">
  51                                 <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  52                                         <div class="icon-user"></div> ${username}
  53                                         <span class="caret"></span>
  54                                 </a>
  55                                 <ul class="dropdown-menu">
  56                                         <li><a href="#admin" id="admin" data-role="${role}"><div class="icon-users"></div> Users</a></li>
  57                                         <li><a href="#save" id="save"><div class="icon-save"></div> Save</a></li>
  58                                         <li><a href="#logout" id="logout"><div class="icon-logout"></div> Logout</a></li>
  59                                 </ul>
  60                         </div>
  61                 </div>
  62         </div>
  63 </div><!-- END #menu -->
  64
  65 <!-- #footer -->
  66 <div id="footer" class="navbar navbar-fixed-bottom">
  67         <div class="navbar-inner row-fluid">
  68                 <div class="alert hide" id="alert">
  69                         <button type="button" class="close">&times;</button>
  70                         <p></p>
  71                 </div>
  72         </div>
  73 </div><!-- END #footer -->
  74
  75 <!-- #main -->
  76 <div id="main">
  77
  78 <!-- #left -->
  79 <div id="left">
  80
  81         <!-- #left-top -->
  82         <div id="left-top">
  83
  84                 <div class="dash">
  85                         <ul class="nav nav-tabs">
  86                         </ul>
  87                         <div class="dashlet row-fluid">
  88                         </div>
  89                 </div>
  90
  91         </div><!-- END #left-top -->
  92
  93         <!-- #left-bottom -->
  94         <div id="left-bottom">
  95
  96                 <div class="dash">
  97                         <ul class="nav nav-tabs">
  98                         </ul>
  99                         <div class="dashlet row-fluid">
 100                         </div>
 101                 </div>
 102
 103         </div><!-- END #left-bottom -->
 104
 105 </div><!-- END #left -->
 106
 107 <!-- #right -->
 108 <div id="right">
 109
 110         <!-- #right-top -->
 111         <div id="right-top">
 112
 113                 <div class="dash">
 114                         <div id="topology"></div>
 115                 </div>
 116
 117         </div><!-- END #right-top -->
 118
 119         <!-- #right-bottom -->
 120         <div id="right-bottom">
 121
 122                 <div class="dash">
 123                         <ul class="nav nav-tabs">
 124                         </ul>
 125                         <div class="dashlet row-fluid">
 126                         </div>
 127                 </div>
 128
 129         </div><!-- END #right-bottom -->
 130
 131 </div><!-- END #right -->
 132
 133 </div><!-- END #main -->
 134
 135 <!-- modal -->
 136 <div id="modal" class="modal hide fade">
 137         <div class="modal-header">
 138                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 139                 <h3></h3>
 140         </div>
 141         <div class="modal-body"></div>
 142         <div class="modal-footer"></div>
 143 </div>
 144 <!-- END modal -->
 145
 146 <!-- Core JS - 6 -->
 147 <script src="/js/one.js"></script>
 148
 149 <!-- Topology JS - 7 -->
 150 <script src="/js/one-topology.js"></script>
 151
 152 </body>
 153
 154 </html>