source: tmcsimulator/branches/LCSv1/views/layout.html @ 607

Revision 607, 4.0 KB checked in by liquan, 6 years ago (diff)

Styled navigation tab similar to LCSTRAIN template for ticket #245

Line 
1<!DOCTYPE html>
2<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="{{=T.accepted_language or 'en'}}"> <!--<![endif]-->
3  <head>
4    <meta charset="utf-8">
5    <!-- www.phpied.com/conditional-comments-block-downloads/ -->
6    <!-- Always force latest IE rendering engine
7         (even in intranet) & Chrome Frame
8         Remove this if you use the .htaccess -->
9    <meta http-equiv="X-UA-Compatible" content="IE=edge{{=not request.is_local and ',chrome=1' or ''}}">
10    <!--  Mobile Viewport Fix
11          j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag
12          device-width: Occupy full width of the screen in its current orientation
13          initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
14          user-scalable = yes allows the user to zoom in -->
15    <meta name="viewport" content="width=device-width, initial-scale=1.0">
16    <title>{{=response.title or request.application}}</title>
17    <!-- http://dev.w3.org/html5/markup/meta.name.html -->
18    <meta name="application-name" content="{{=request.application}}">
19    <!-- Speaking of Google, don't forget to set your site up:
20         http://google.com/webmasters -->
21    <meta name="google-site-verification" content="">
22    <!-- include stylesheets -->
23    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
24    <link rel="stylesheet" href="{{=URL('static','css/bootstrap.min.css')}}"/>
25    <link rel="stylesheet" href="{{=URL('static','css/web2py-bootstrap4.css')}}"/>
26    <link rel="stylesheet" href="{{=URL('static','css/lcstrain.css')}}"/>
27    <link rel="shortcut icon" href="{{=URL('static','images/favicon.ico')}}" type="image/x-icon">
28    <link rel="apple-touch-icon" href="{{=URL('static','images/favicon.png')}}">
29    <!-- All JavaScript at the bottom, except for Modernizr which enables
30         HTML5 elements & feature detects -->
31    <script src="{{=URL('static','js/modernizr-2.8.3.min.js')}}"></script>
32    <!-- Favicons -->
33    {{include 'web2py_ajax.html'}} <!-- this includes jquery.js, calendar.js/.css and web2py.js -->
34    {{block head}}{{end}}
35  </head>
36  <body>
37    <div class="w2p_flash alert alert-dismissable">{{=response.flash or ''}}</div>
38      <div class="container" id="banner">
39          <div class = "toplinks" style = "float:right">
40<a href="help.html">Help</a>&nbsp;&nbsp;&nbsp;<a href="index.html">Logout</a>
41          </div>
42          <div class="lcslogo">
43             <h2>
44                 Lane Closure System
45              </h2>
46          </div>
47      </div>
48    </div>
49    <!-- Navbar ======================================= -->
50    <div role="navigation" class="navtabs" style="margin-top: 3%;">
51      <div class="tabrow">       
52          {{for _item in response.menu or []:}}
53          {{if len(_item)<4 or not _item[3]:}}
54            <a class="tabBtn" href="{{=_item[2]}}">{{=_item[0]}}</a>
55          {{else:}}
56            <a class="tabBtn" href="{{=_item[2]}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{=_item[0]}}</a>
57          {{pass}}
58          {{pass}}
59      </div>
60      <hr class="tabBar">
61    </div>
62
63    <!-- Masthead ===================================== -->
64    {{block header}}
65    {{end}}
66    <!-- Main ========================================= -->
67    <!-- Begin page content -->
68    <div class="container-fluid main-container">
69      {{include}}
70      {{=response.toolbar() if response.show_toolbar else ''}}
71    </div>
72
73    {{block footer}}
74    {{end}}
75    <!-- The javascript =============================== -->
76    <script src="{{=URL('static','js/bootstrap.bundle.min.js')}}"></script>
77    <script src="{{=URL('static','js/web2py-bootstrap4.js')}}"></script>
78    {{block page_js}}{{end page_js}}
79    {{if response.google_analytics_id:}}
80    <!-- Analytics ==================================== -->
81    <script src="{{=URL('static','js/analytics.min.js')}}"></script>
82    <script type="text/javascript">
83      analytics.initialize({
84      'Google Analytics':{trackingId:'{{=response.google_analytics_id}}'}
85      });
86    </script>
87   {{pass}}
88  </body>
89</html>
Note: See TracBrowser for help on using the repository browser.