blob: d427ef0daf59c452fdc739107e672263532eb406 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' https://www.google.com 'unsafe-inline' 'unsafe-eval'">
<title></title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="lib/ng-mfb/mfb/src/mfb.css" rel="stylesheet">
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->
<!-- ionic/angularjs js -->
<!-- we need the full JQuery for the global img src
error interceptor in app.js -->
<!-- <script src="jquery-1.11.1.min.js"></script> -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<script src="lib/ngCordova/dist/ng-cordova.min.js"></script>
<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/DataModel.js"></script>
<script src="js/LoginCtrl.js"></script>
<script src="js/MontageCtrl.js"></script>
<script src="js/EventCtrl.js"></script>
<script src="js/EventsGraphsCtrl.js"></script>
<script src="js/MonitorCtrl.js"></script>
<script src="js/HelpCtrl.js"></script>
<script src="lib/angular-google-chart/ng-google-chart.js"></script>
<script src="lib/ng-mfb/src/mfb-directive.js"></script>
<script src="lib/moment/moment.js"></script>
</head>
<!-- <body ng-app="starter" > -->
<!-- I want to start angular only after cordova device is ready, so I'll tag it on device ready -->
<body>
<!-- For some reason - which I haven't debugged yet, when I was using the ionic side menu template
I was having problems with tabs/sliders in views, I think its to do with controls being alive in
the menu. this approach puts controls in each page and that works well, except that it looks lie
parts of this body are rendered upon index.html load result in a few odd icons before angular kicks
in. I'll eventually get to fixing this -->
<!-- This is the Side menu options -->
<ion-side-menus>
<ion-pane ion-side-menu-content>
<ion-nav-bar class="bar-stable nav-title-slide-ios7">
<ion-nav-back-button class="button-icon"><span class="icon ion-ios7-arrow-left"></span>
</ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view></ion-nav-view>
</ion-pane>
<ion-side-menu side="left">
<ion-header-bar class="bar bar-header bar-dark">
<h1 class="title">Options</h1>
</ion-header-bar>
<ion-content has-header="true">
<ion-list>
<ion-item href="#/monitors" menu-close><span class=" item-icon-left">
<i class="icon ion-ios-monitor-outline"></i>
</span>Monitors</ion-item>
<ion-item href="#/montage" menu-close><span class=" item-icon-left">
<i class="icon ion-ios-eye"></i>
</span>Montage View</ion-item>
<ion-item href="#/events/0" menu-close><span class=" item-icon-left">
<i class="icon ion-ios-calendar-outline"></i>
</span>Events</ion-item>
<!-- <ion-item href="#/events-graphs" menu-close>Graphs</ion-item> -->
<ion-item nav-clear menu-close href="#/login">
<span class=" item-icon-left">
<i class="icon ion-ios-gear-outline"></i>
</span> Settings
</ion-item>
<ion-item nav-clear menu-close href="#/help">
<span class=" item-icon-left">
<i class="icon ion-help"></i>
</span> Help
</ion-item>
</ion-list>
</ion-content>
</ion-side-menu>
</ion-side-menus>
<!-- This is where is bootstrap angular - if I don't do this, then the window jumps around
after the status bar comes on - because the window kicked in before phonegap got ready -->
<script>
window.ionic.Platform.ready(function () {
console.log("******* PLATFORM READY ****");
angular.bootstrap(document, ['zmApp']);
});
</script>
</body>
</html>
|
