7ce42ae73f18c541a8a1aed4ebf95199187627fd
[Evergreen.git] / Open-ILS / src / templates / staff / base.tt2
1 <!doctype html>
2 [%- PROCESS 'staff/config.tt2' %]
3 <html lang="[% ctx.locale %]"
4     [%- IF ctx.page_app %] ng-app="[% ctx.page_app %]"[% END -%]
5     [%- IF ctx.page_ctrl %] ng-controller="[% ctx.page_ctrl %]"[% END %]>
6   <head>
7     <!-- enables ng-cloak to be usable before angular has been able to fully load -->
8     <style type="text/css">
9     [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
10         display: none !important;
11     }       
12     </style>
13     <!-- The page title changes with $rootScope.pageTitle, 
14         defaulting to the static template page title. -->
15     <title ng-cloak>{{pageTitle || "[% ctx.page_title %]"}}</title>
16     <base href="/eg/staff/">
17     <meta charset="utf-8">
18     <meta name="viewport" content="width=device-width, initial-scale=1.0">
19     [% IF EXPAND_WEB_IMPORTS %]
20     <link rel="stylesheet" href="[% WEB_BUILD_PATH %]/css/bootstrap.min.css" />
21     <link rel="stylesheet" href="[% WEB_BUILD_PATH %]/css/hotkeys.min.css" />
22     <link rel="stylesheet" href="[% WEB_BUILD_PATH %]/css/ngToast.min.css" />
23     <link rel="stylesheet" href="[% WEB_BUILD_PATH %]/css/ngToast-animations.min.css" />
24     <link rel="stylesheet" href="[% WEB_BUILD_PATH %]/css/tree-control.css" />
25     <link rel="stylesheet" href="[% WEB_BUILD_PATH %]/css/tree-control-attribute.css" />
26     [% ELSE %]
27     <link rel="stylesheet" href="[% WEB_BUILD_PATH %]/css/evergreen-staff-client-deps.[% EVERGREEN_VERSION %].min.css" />
28     [% END %]
29     <link rel="stylesheet" href="[% ctx.base_path %]/staff/css/cat.css" />
30     <link rel="stylesheet" href="[% ctx.base_path %]/staff/css/style.css" />
31   </head>
32   <body>
33     <toast></toast>
34
35     <!-- load the navbar template inline since it's used on every page -->
36     <script type="text/ng-template" id="eg-navbar-template">
37       [% INCLUDE "staff/navbar.tt2" %]
38     </script>
39
40     <!-- instantiate the navbar by invoking it's name -->
41     <eg-navbar></eg-navbar>
42
43     <!-- main page content goes here -->
44     <div id="top-content-container" class="container" ng-cloak>[% content %]</div>
45
46     [% 
47       # script imports
48       INCLUDE "staff/base_js.tt2";
49
50       # App-specific JS load commands go into an APP_JS block.
51       PROCESS APP_JS;
52     %]
53
54     <!-- content printed via the browser is inserted here for 
55          DOM-ification prior to delivery to the printer -->
56     <div id="print-div" eg-print-container></div>
57   </body>
58 </html>