From 6460992ab3341423fb44ffd4e3318f00fdc80ec2 Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Sun, 17 Dec 2017 12:30:27 -0500
Subject: #570 inital framework for 24 hr moment

---
 www/templates/moment.html | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 www/templates/moment.html

(limited to 'www/templates/moment.html')

diff --git a/www/templates/moment.html b/www/templates/moment.html
new file mode 100644
index 00000000..40881ae2
--- /dev/null
+++ b/www/templates/moment.html
@@ -0,0 +1,35 @@
+<ion-view cache-view="false" >
+    <ion-nav-title>{{'kMoment24Heading' | translate}} {{type}}</ion-nav-title>
+    <ion-nav-buttons side="left">
+        <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></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">
+
+            <a  class="button button-icon icon ion-grid" ng-click="reLayout()" ;></a>
+
+            <a  class="button button-icon icon ion-android-more-vertical" ng-click="popover.show($event)" ;>&nbsp;&nbsp;&nbsp;</a>
+            
+    </ion-nav-buttons>
+    <ion-content class="padding" scroll-sista delegate-handle="none" overflow-scroll="false" mouse-wheel-scroll style="background-color:#444444" >
+        
+        <div style="color:white" ng-if="!moments.length">
+            Nothing to show yet...
+        </div>
+
+        <div class="grid" id="mygrid">
+            <div class="grid-sizer grid-item-10"></div>
+           
+            <figure class="grid-item" ng-repeat="moment in moments | onlyEnabledMoments">
+                <figcaption class="normal-figheader">{{moment.Event.monitorName}}<span style="float:right"><button class="button button-small button-icon icon  {{moment.Event.icon}}" ng-click="toggleCollapse(moment.Event.MonitorId, moment.Event.Id)"></button>{{moment.Event.collapseCount}}&nbsp;</span></figcaption>
+                 <img   image-spinner-src="{{moment.Event.baseURL}}/index.php?view=image&fid={{moment.Event.MaxScoreFrameId}}" img-spinner-w="{{moment.Event.width}}"
+                 img-spinner-h="{{moment.Event.height}}" image-spinner-loader="lines" 
+            on-tap="showThumbnail(moment.Event.baseURL,moment.Event.MaxScoreFrameId)"/>
+            <figcaption class="normal-figcaption">{{moment.Event.humanizeTime}}<span style="float:right">{{hourmin(moment.Event.StartTime)}}</span></figcaption>
+            </figure>
+            
+        </div>
+
+    </ion-content>
+</ion-view>
-- 
cgit v1.2.3