1 files changed, 41 insertions, 0 deletions
diff --git a/www/templates/timeline-modal.html b/www/templates/timeline-modal.html
new file mode 100644
index 00000000..afed79f5
--- /dev/null
+++ b/www/templates/timeline-modal.html
@@ -0,0 +1,41 @@
+<!-- style="width: 90%; height: 90%; top: 5%; left: 5%; right: 5%; bottom: 5%;"-->
+<ion-modal-view cache-view="false">
+    <ion-content ng-cloak on-double-tap="closeModal()" delegate-handle="timeline-modal-delegate">
+        <div ng-controller="TimelineModalCtrl">
+            <br/>
+            <div class="item item-divider">{{mName}}&nbsp;<i class="ion-arrow-right-b"></i>&nbsp;{{'kEvent' | translate}}:{{eid}} ({{humanizeTime}})
+                <button class="button icon-left button-small  button-positive" style="float:right; opacity:0.7" ng-click="switchType()">
+                    <i class="ion-shuffle"></i>
+                </button>
+            </div>
+            <center>
+                <h5>{{'kEvent' | translate}} {{graphType}} {{'kFrames' | translate}} </h5>
+                <p>{{'kTimelineMessage' | translate}}</p>
+                {{errorDetails}}
+                <!--<p>scroll left/right if needed</p>-->
+            </center>
+            <div data-tap-disabled="true">
+                <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>
+            <div style="height:190px;">
+                <!-- <ion-scroll direction="x"  class="wide-as-needed">-->
+                <span ng-repeat="alarm in alarm_images">
+                               
+                                
+                            <figure style="display:inline-block">
+                                <figcaption class="smallnote">f:{{alarm.fid}} scr:{{alarm.score}} @ {{alarm.time}}</figcaption>       
+                                <img ng-if="event.Event.imageMode=='path'" image-spinner-src="{{event.Event.baseURL}}/index.php?view=image&path={{event.Event.relativePath}}{{alarm.fname}}&height=380"    style="width: auto; height: auto;max-width: 100%;max-height: 170px" on-tap="showImage(event.Event.baseURL,event.Event.relativePath,alarm.fname, alarm.fid, event.Event.Id, event.Event.imageMode, alarm.id)" image-spinner-loader="lines"/>
+                                                
+                                <img ng-if="event.Event.imageMode=='fid'" image-spinner-src="{{event.Event.baseURL}}/index.php?view=image&fid={{alarm.id}}"    style="width: auto; height: auto;max-width: 100%;max-height: 170px" on-tap="showImage(event.Event.baseURL,event.Event.relativePath,alarm.fname, alarm.fid, event.Event.Id, event.Event.imageMode, alarm.id)" image-spinner-loader="lines"/>
+                                                  
+
+
+                                </figure>
+
+                        </span>
+                <!--</ion-scroll>-->
+            </div>
+        </div>
+    </ion-content>
+</ion-modal-view>