diff options
| author | pliablepixels <pliablepixels@gmail.com> | 2016-04-02 13:00:08 -0400 |
|---|---|---|
| committer | pliablepixels <pliablepixels@gmail.com> | 2016-04-02 13:00:08 -0400 |
| commit | 9be03d9801ecde2fd8082f9320098b1b7660d3cb (patch) | |
| tree | 93909a9c7985355431eceee84a9423e3716f6f77 /www | |
| parent | e9f7cbc52bf9d3e127424ae20be1e21b641b9836 (diff) | |
template cleanup #209
Former-commit-id: 575ad7d3b0d9fc6459984b04a1d14ef66540053c
Diffstat (limited to 'www')
| -rw-r--r-- | www/templates/timeline-modal.html | 40 |
1 files changed, 15 insertions, 25 deletions
diff --git a/www/templates/timeline-modal.html b/www/templates/timeline-modal.html index 42860a75..26de8e44 100644 --- a/www/templates/timeline-modal.html +++ b/www/templates/timeline-modal.html @@ -1,43 +1,33 @@ <!-- style="width: 90%; height: 90%; top: 5%; left: 5%; right: 5%; bottom: 5%;"--> - <ion-modal-view cache-view="false"> + <ion-modal-view cache-view="false" > + <ion-content ng-cloak on-double-tap="closeModal()" delegate-handle="timeline-modal-delegate"> <div ng-controller="TimelineModalCtrl" > - - - - <br/> - <center> <h5>Showing {{graphType}} frames of Event:{{eid}} </h5> - <p>double-tap exits. touch/mouse-over and drag over bars to see frames</p> - - <!--<button class="button icon-left button-small button-positive" style="z-index:999;bottom:2%;right:20px;position:absolute; opacity:0.7" ng-click="scrollUp()"> - <i class="ion-chevron-up"></i> - </button>--> + <div class="item item-divider">Event: {{eid}} + <button class="button icon-left button-small button-positive" style="float:right; opacity:0.7" ng-click="switchType()"> + <i class="ion-shuffle"></i> + </button> - <button class="button icon-left button-small button-positive" style="top:30px;right:20px;position:absolute; opacity:0.7" ng-click="switchType()"><i class="ion-shuffle"></i></button> + </div> + + <center> <h5>Showing {{graphType}} frames </h5> + <p>double-tap exits. touch/mouse-over and drag over bars to see frames</p> + {{errorDetails}} <!--<p>scroll left/right if needed</p>--> </center> - - <div style="padding-left:15px; padding-right:15px;"> - <div id="timeline-alarm-vis" ></div> - - <!--<canvas id="tc" tc-chartjs-bar chart-options="options" chart-data="data" auto-legend ng-if="dataReady" chart="tcchart" ng-click="chartClick($event)"></canvas>--> - - - <!-- <ion-scroll direction="x" > - <div style="width:{{graphWidth}}px;">--> - <canvas id="tcchart"></canvas> - <!--</div> - </ion-scroll>--> + + <canvas id="tcchart" width="auto" height="70%"></canvas> + - </div> + <ion-spinner icon="spiral" style="position:absolute; top:50%;left:50%" ng-if="!dataReady"></ion-spinner> |