diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2017-11-03 14:54:38 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2017-11-03 14:54:38 -0400 |
| commit | 16a86ce190df095b107afa03cdca9dac54af4bee (patch) | |
| tree | 9fa302860d3e9968e58f4df97b1496e521085f93 /www | |
| parent | 7556b9a4fd0feeada9ebfb531e0ac6c7eb2a169f (diff) | |
update to ionic 1.3.x and timeline view fix
Diffstat (limited to 'www')
| -rw-r--r-- | www/index.html | 5 | ||||
| -rw-r--r-- | www/templates/timeline.html | 90 |
2 files changed, 51 insertions, 44 deletions
diff --git a/www/index.html b/www/index.html index 90fd465c..604f6e9e 100644 --- a/www/index.html +++ b/www/index.html @@ -30,6 +30,7 @@ <!-- unmanaged external styles --> <link rel="stylesheet" href="external/ionic.content.banner.min.css"> <link rel="stylesheet" href="external/radio.css"> + @@ -37,6 +38,7 @@ <script src="lib/ngCordova/dist/ng-cordova.min.js"></script> <script src="cordova.js"></script> + <script src="lib/filelogger/dist/filelogger.min.js"></script> <script src="lib/localforage/dist/localforage.js"></script> @@ -59,7 +61,7 @@ <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.min.js"></script> - <script src="lib/filelogger/dist/filelogger.min.js"></script> + <!-- unmanaged externals --> @@ -87,6 +89,7 @@ + <!-- app related JS --> <script src="js/app.js"></script> <script src="js/controllers.js"></script> diff --git a/www/templates/timeline.html b/www/templates/timeline.html index 02bf0eb4..eb15aca3 100644 --- a/www/templates/timeline.html +++ b/www/templates/timeline.html @@ -1,57 +1,61 @@ -<meta name="format-detection" content="telephone=no" /> -<ion-view title="{{'kTimeline' | translate}}" cache-view="false"> +<div> + <meta name="format-detection" content="telephone=no" /> + <ion-view title="{{'kTimeline' | translate}}" cache-view="false"> <ion-nav-buttons side="left"> - <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button> - - <button class="button button-icon button-clear ion-arrow-left-c" ng-click="moveDays(-1);"></button> - <button class="button button-icon button-clear ion-arrow-right-c" ng-click="moveDays(1);"></button> - <button data-badge="{{$root.alarmCount}}" class="animated infinite tada button button-icon button-clear ion-ios-bell notification-badge" ng-click="handleAlarms();" ng-if="$root.isAlarm"></button> + <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button> + + <button class="button button-icon button-clear ion-arrow-left-c" ng-click="moveDays(-1);"></button> + <button class="button button-icon button-clear ion-arrow-right-c" ng-click="moveDays(1);"></button> + <button data-badge="{{$root.alarmCount}}" class="animated infinite tada button button-icon button-clear ion-ios-bell notification-badge" + ng-click="handleAlarms();" ng-if="$root.isAlarm"></button> </ion-nav-buttons> <ion-nav-buttons side="right"> - <button class="button button-icon button-clear ion-android-more-vertical" ng-click="popover.show($event); "> </button> - <button class="button button-icon button-clear ion-arrow-move" ng-click="toggleNav();"></button> - <!-- + <button class="button button-icon button-clear ion-android-more-vertical" ng-click="popover.show($event); "> </button> + <button class="button button-icon button-clear ion-arrow-move" ng-click="toggleNav();"></button> + <!-- <button class="button button-icon button-clear ion-log-in" ng-click="zoom(-0.2)"></button> <button class="button button-icon button-clear ion-log-out" ng-click="zoom(0.2)"></button> --> </ion-nav-buttons> <!--<ion-content data-tap-disabled="true">--> <ion-content scroll-sista delegate-handle="none" overflow-scroll="false" mouse-wheel-scroll> - <div style="padding-left:15px; font-size:10px; color:grey"> - {{prettify(fromDate)}} - {{prettify(toDate)}} {{tzAbbr}} ({{'kTimelineOnlyDisplaying1' | translate:translationData}}) - <strong><br/>{{'kTimelineControlDisplay'|translate}}</strong> - </div> - <ion-spinner icon="spiral" style="position:absolute; top:50%;left:50%" ng-if="!graphLoaded"></ion-spinner> - <div ng-if="!graphLoaded"> - <br/> - <br/> - <center> - <p>{{'kWorkingOnGraph' | translate}}...</p> - </center> - </div> - <div style="padding-left:15px; padding-right:15px;"> - <div id="visualization"> - </div> - </div> + <div style="padding-left:15px; font-size:10px; color:grey"> + {{prettify(fromDate)}} - {{prettify(toDate)}} {{tzAbbr}} ({{'kTimelineOnlyDisplaying1' | translate:translationData}}) + <strong> + <br/>{{'kTimelineControlDisplay'|translate}}</strong> + </div> + <ion-spinner icon="spiral" style="position:absolute; top:50%;left:50%" ng-if="!graphLoaded"></ion-spinner> + <div ng-if="!graphLoaded"> + <br/> <br/> - <div style="padding-left:15px; font-size:10px; color:grey"> - <button ng-click="toggleFollowTime()" ng-class="follow.time? 'button button-small button-balanced':'button button-small button-assertive'"> - {{'kUpdateTimeline' | translate}}: {{follow.time? ('kTrue' | translate) : ('kFalse' | translate)}} - </button> - <button ng-click="gotoNow()" class="button button-small button-balanced"> - {{'kNow' | translate}} - </button> - <div ng-if="follow.time"> - <p>{{newEvents}}</p> - </div> + <center> + <p>{{'kWorkingOnGraph' | translate}}...</p> + </center> + </div> + <div style="padding-left:15px; padding-right:15px;"> + <div id="visualization"> </div> + </div> + <br/> + <div style="padding-left:15px; font-size:10px; color:grey"> + <button ng-click="toggleFollowTime()" ng-class="follow.time? 'button button-small button-balanced':'button button-small button-assertive'"> + {{'kUpdateTimeline' | translate}}: {{follow.time? ('kTrue' | translate) : ('kFalse' | translate)}} + </button> + <button ng-click="gotoNow()" class="button button-small button-balanced"> + {{'kNow' | translate}} + </button> + <div ng-if="follow.time"> + <p>{{newEvents}}</p> + </div> + </div> </ion-content> -</ion-view> -<div ng-show="graphLoaded && navControls"> + </ion-view> + <div ng-show="graphLoaded && navControls"> <div class="timelinebuttons"> - <circular id="timeline-ctrl" options="radialMenuOptions" class="animated bounceInRight"> - <!----> - </circular> - <!-- --> + <circular id="timeline-ctrl" options="radialMenuOptions" class="animated bounceInRight"> + <!----> + </circular> + <!-- --> </div> -</div> + </div> +</div> |
