blob: a1036a8451eb8552c6ec6e05e3ccb60118cfc50b (
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
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="lib/nvd3/nv.d3.min.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 -->
<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="lib/angular-google-chart/ng-google-chart.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>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-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>
|
