diff options
Diffstat (limited to 'www/index.html')
| -rw-r--r-- | www/index.html | 232 |
1 files changed, 85 insertions, 147 deletions
diff --git a/www/index.html b/www/index.html index 635b23fc..ce98816c 100644 --- a/www/index.html +++ b/www/index.html @@ -2,16 +2,11 @@ <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="img-src * android-webview-video-poster: 'self' data:; default-src * 'self' gap: wss: ws: ; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval';"> - - <title></title> + <title></title> <meta name="format-detection" content="telephone=no"> - <link rel="stylesheet" href="css/animate.min.css"> <link rel="stylesheet" href="css/angular-circular-navigation.css"> <link rel="stylesheet" href="css/custommfb.css"> @@ -23,13 +18,9 @@ <link rel="stylesheet" href="lib/angular-wizard/dist/angular-wizard.min.css"> <link href="css/ionic.app.min.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> - <!-- unmanaged externals --> <link rel="stylesheet" href="external/ionic.content.banner.min.css"> <link rel="stylesheet" href="external/radio.css"> - - - <script src="lib/ionic/js/ionic.bundle.min.js"></script> <script src="lib/ngCordova/dist/ng-cordova.min.js"></script> <script src="lib/filelogger/dist/filelogger.min.js"></script> @@ -51,12 +42,10 @@ <script src="lib/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"></script> <script src="lib/vis/dist/vis-timeline-graph2d.min.js"></script> <script src="lib/moment/min/moment-with-locales.min.js"></script> - <script src="lib/ng-mfb/src/mfb-directive.js"></script> <script src="lib/angular-touch/angular-touch.js"></script> - <!-- unmanaged externals --> - <script src="external/moment-timezone-with-data.min.js"></script> + <script src="external/moment-timezone-with-data.min.js"></script> <script src="external/angular-ios9-uiwebview.patch.js"></script> <script src="external/ionRadio.js"></script> <script src="external/ng-websocket.js"></script> @@ -72,11 +61,7 @@ <script src="external/ionic.scroll.sista.js"></script> <script src="external/angular-circular-navigation.js"></script> <script src="external/Chart2.min.js"></script> - - - - - <!-- app related JS --> + <!-- app related JS --> <script src="js/app.js"></script> <script src="js/controllers.js"></script> <script src="js/DataModel.js"></script> @@ -105,25 +90,14 @@ <script src="js/WizardCtrl.js"></script> <script src="js/MenuController.js"></script> <script src="js/EventsModalGraphCtrl.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 bgcolor="#555555"> - <!-- 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 --> - <!-- This is the Side menu options --> <!-- ng-cloak makes sure no HTML items load up before Angular is initialized --> <!-- This avoids sudden flashes of odd/mis-aligned icons--> @@ -136,176 +110,140 @@ </ion-nav-bar> <ion-nav-view></ion-nav-view> </ion-side-menu-content> - <ion-side-menu> <ion-header-bar class="bar bar-header bar-stable"> <h1 class="title">{{'kMenuOptions'|translate}}</h1> - </ion-header-bar> <ion-content has-header="true" mouse-wheel-scroll> - <!-- <ion-scroll scrollbar-y="false" style="height:100%" >--> - <ion-list> - - <ion-item href="#/montage" menu-close> - - <!--<span ng-if="$root.runMode=='lowbw'" style="float:right;margin-top:-18px;background-color:#f1c40f;color:#000;font-size:11px;opacity:0.7;width:20px;border-radius: 0px 0px 5px 5px;display:inline-block;text-align:center;"> <i class="icon ion-arrow-graph-down-left"></i> </span>--> - - <span class=" item-icon-left"> + <!-- <ion-scroll scrollbar-y="false" style="height:100%" >--> + <ion-list> + <ion-item href="#/montage" menu-close> + <!--<span ng-if="$root.runMode=='lowbw'" style="float:right;margin-top:-18px;background-color:#f1c40f;color:#000;font-size:11px;opacity:0.7;width:20px;border-radius: 0px 0px 5px 5px;display:inline-block;text-align:center;"> <i class="icon ion-arrow-graph-down-left"></i> </span>--> + <span class=" item-icon-left"> <i class="icon ion-ios-eye"></i> </span>{{'kMenuMontage'|translate}} - </ion-item> - - <ion-item href="#/montage-history" menu-close> - <span class=" item-icon-left"> + </ion-item> + <ion-item href="#/montage-history" menu-close> + <span class=" item-icon-left"> <i class="icon ion-calendar"></i> </span>{{'kMenuEventMontage'|translate}} - </ion-item> - - <ion-item href="#/timeline" menu-close> - <span class=" item-icon-left"> + </ion-item> + <ion-item href="#/timeline" menu-close> + <span class=" item-icon-left"> <i class="icon ion-android-time"></i> </span>{{'kMenuTimeline'|translate}} - </ion-item> - - <ion-item href="#/events/0/false" menu-close> - <span class=" item-icon-left"> + </ion-item> + <ion-item href="#/events/0/false" menu-close> + <span class=" item-icon-left"> <i class="icon ion-ios-calendar-outline"></i> </span>{{'kMenuEvents'|translate}} - </ion-item> - - <ion-item href="#/monitors" menu-close> - <span class=" item-icon-left"> + </ion-item> + <ion-item href="#/monitors" menu-close> + <span class=" item-icon-left"> <i class="icon ion-ios-videocam-outline"></i> </span>{{'kMenuMonitors'|translate}} - </ion-item> - - <ion-item href="#/state" menu-close> - <span class=" item-icon-left"> + </ion-item> + <ion-item href="#/state" menu-close> + <span class=" item-icon-left"> <i class="icon ion-information-circled"></i> </span> {{'kMenuSystemStatus'|translate}} - </ion-item> - - <ion-item nav-clear menu-close href="#/login/false"> - <span class=" item-icon-left"> + </ion-item> + <ion-item nav-clear menu-close href="#/login/false"> + <span class=" item-icon-left"> <i class="icon ion-person"></i> {{'kMenuZMSettings'|translate}} <!--<span class="item-note" style="width:90px"> {{$root.getProfileName();}} </span>--> - <span style="float:right;margin-top:-18px;background-color:#444444;color:#fff;font-size:11px;opacity:0.7;width:90px;border-radius: 0px 0px 5px 5px;:text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;text-align:center;"> {{$root.getProfileName();}} </span> - </span> - </ion-item> - - <ion-item nav-clear menu-close href="#/devoptions"> - <span class=" item-icon-left"> + <span style="float:right;margin-top:-18px;background-color:#444444;color:#fff;font-size:11px;opacity:0.7;width:90px;border-radius: 0px 0px 5px 5px;:text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;text-align:center;"> {{$root.getProfileName();}} </span> + </span> + </ion-item> + <ion-item nav-clear menu-close href="#/devoptions"> + <span class=" item-icon-left"> <i class="icon ion-settings"></i> </span> {{'kMenuDevSettings'|translate}} - </ion-item> - - - <div ng-controller="MenuController"> - <ion-item ng-click="switchLang()" nav-clear menu-close href=""> - <span class=" item-icon-left"> + </ion-item> + <div ng-controller="MenuController"> + <ion-item ng-click="switchLang()" nav-clear menu-close href=""> + <span class=" item-icon-left"> <i class="icon ion-earth"></i> </span> {{'kLanguage'|translate}} - </ion-item> - </div> - - <ion-item nav-clear menu-close href="#/help"> - <span class=" item-icon-left"> + </ion-item> + </div> + <ion-item nav-clear menu-close href="#/help"> + <span class=" item-icon-left"> <i class="icon ion-help"></i> </span> {{'kMenuHelp'|translate}} - </ion-item> - - <ion-item nav-clear menu-close href="#/wizard"> - <span class=" item-icon-left"> + </ion-item> + <ion-item nav-clear menu-close href="#/wizard"> + <span class=" item-icon-left"> <i class="icon ion-wand"></i> </span> {{'kMenuWizard'|translate}} - </ion-item> - - <div ng-if="$root.showBlog"> - <ion-item nav-clear menu-close href="#/news"> - <span class=" item-icon-left"> + </ion-item> + <div ng-if="$root.showBlog"> + <ion-item nav-clear menu-close href="#/news"> + <span class=" item-icon-left"> <i class="icon ion-radio-waves"></i> </span>{{'kMenuNews'|translate}}<span style="color:#268d3a;"> {{$root.newBlogPost}}</span> - </ion-item> - </div> - - <ion-item nav-clear menu-close href="#/log"> - <span class=" item-icon-left"> + </ion-item> + </div> + <ion-item nav-clear menu-close href="#/log"> + <span class=" item-icon-left"> <i class="icon ion-clipboard"></i> </span> {{'kMenuLogs'|translate}} - </ion-item> - - - - <div ng-if="$root.newVersionAvailable && $root.platformOS=='desktop'"> - <ion-item nav-clear menu-close href=""> - <span class=" item-icon-left"> + </ion-item> + <div ng-if="$root.newVersionAvailable && $root.platformOS=='desktop'"> + <ion-item nav-clear menu-close href=""> + <span class=" item-icon-left"> <i class="icon ion-email-unread"></i> </span> <span style="color:#268d3a;">{{$root.newVersionAvailable}}</span> - </ion-item> - </div> - - - - <div ng-if="$root.platformOS=='android'"> - <ion-item ng-click="$root.exitApp();"> - <span class=" item-icon-left"> + </ion-item> + </div> + <div ng-if="$root.platformOS=='android'"> + <ion-item ng-click="$root.exitApp();"> + <span class=" item-icon-left"> <i class="icon ion-close-circled"></i> </span> {{'kMenuExit'|translate}} - </ion-item> - - </div> - - <ion-item style="color:rgb(106, 106, 106); font-size:90%;"> - <i class="ion-ios-location"></i> {{$root.getLocalTimeZone();}} <br/> - <span ng-if="$root.isTzSupported()"><i class="icon icon-server"></i> {{$root.getServerTimeZoneNow();}} </span> </ion-item> - - - - - - </ion-list> + </div> + <ion-item style="color:rgb(106, 106, 106); font-size:90%;"> + <i class="ion-ios-location"></i> {{$root.getLocalTimeZone();}} + <br/> + <span ng-if="$root.isTzSupported()"><i class="icon icon-server"></i> {{$root.getServerTimeZoneNow();}} </span> + </ion-item> + </ion-list> <!--</ion-scroll>--> </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 ****"); + window.ionic.Platform.ready(function() + { + console.log("******* PLATFORM READY ****"); - angular.bootstrap(document, ['zmApp']); - }); + angular.bootstrap(document, ['zmApp']); + }); </script> - <!-- keyboard input jump fix https://forum.ionicframework.com/t/ionic-keyboard-scroll-issue-ios/34420/2?u=pliablepixels --> - <script> - /* global angular, $*/ - window.addEventListener('native.keyboardshow', keyboardShowHandler); - - function keyboardShowHandler(e) { - setTimeout(function() { - $('html, body').animate({ - scrollTop: 0 - }, 1000); - }, 0); - } + /* global angular, $*/ + window.addEventListener('native.keyboardshow', keyboardShowHandler); + + function keyboardShowHandler(e) + { + setTimeout(function() + { + $('html, body').animate( + { + scrollTop: 0 + }, 1000); + }, 0); + } </script> - - - </body> -</html>
\ No newline at end of file +</html> |