www/templates/timeline.html


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

<meta name="format-detection" content="telephone=no" />
<ion-view title="Timeline" cache-view="false">
    <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>

        <!-- &nbsp;
         <button class="button button-icon button-clear ion-arrow-left-c" ng-click="move(0.2)"></button>
        <button class="button button-icon button-clear ion-arrow-right-c" ng-click="move(-0.2)"></button>-->


    </ion-nav-buttons>

<ion-nav-buttons side="right">


    <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>&nbsp;-->
     <a style="" class="button button-icon icon ion-android-more-vertical" ng-click="popover.show($event)";> </a>
    </ion-nav-buttons>
    <!--<ion-content data-tap-disabled="true">-->
    <ion-content>
        <div style="padding-left:15px; font-size:10px; color:grey">

        {{prettify(fromDate)}} - {{prettify(toDate)}} (only displaying last {{maxItems}} events)
            </div>

        <div ng-if="!graphLoaded">
            <br/><br/>
            <center>
                <p>working on graph data...</p>
            </center>
        </div>
        
        <div style="padding-left:15px; padding-right:15px;">
            <div id="visualization">

            </div>

            </div>

        <br/>

    </ion-content>

</ion-view>
<div class="timelinebuttons" ng-if="graphLoaded && navControls">
                <circular id ="timeline-ctrl" options="radialMenuOptions"  class="animated bounceInRight">
                </circular>
    <!-- -->
</div>