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/image-modal.html    |  2 +-
 www/templates/menu.html           |  6 ++++++
 www/templates/moment-popover.html | 12 ++++++++++++
 www/templates/moment.html         | 35 +++++++++++++++++++++++++++++++++++
 4 files changed, 54 insertions(+), 1 deletion(-)
 create mode 100644 www/templates/moment-popover.html
 create mode 100644 www/templates/moment.html

(limited to 'www/templates')

diff --git a/www/templates/image-modal.html b/www/templates/image-modal.html
index 7195bae7..d38ca5b9 100644
--- a/www/templates/image-modal.html
+++ b/www/templates/image-modal.html
@@ -1,7 +1,7 @@
 <ion-modal-view cache-view="false" style="background-color:#444444">
   <ion-content>
     <ion-scroll direction="xy" scrollbar-x="false" scrollbar-y="false" overflow-scroll="false" zooming="true">
-      <img on-double-tap="closeModal();" src="{{thumbnailLarge}}" style="display:block; width:100%" />
+      <img on-double-tap="closeModal();" ng-src="{{thumbnailLarge}}" style="display:block; width:100%" />
 
     </ion-scroll>
 
diff --git a/www/templates/menu.html b/www/templates/menu.html
index 3caacfd2..16b8a138 100644
--- a/www/templates/menu.html
+++ b/www/templates/menu.html
@@ -32,6 +32,12 @@
                     </span>{{'kMenuEvents'|translate}}
                 </ion-item>
 
+                <ion-item href="#/app/moment" menu-close>
+                    <span class=" item-icon-left">
+                        <i class="icon ion-star"></i>
+                    </span>{{'kMoment24Heading'|translate}}
+                </ion-item>
+
                  <ion-item href="#/app/montage-history" menu-close>
                     <span class=" item-icon-left">
                         <i class="icon ion-ios-keypad-outline"></i>
diff --git a/www/templates/moment-popover.html b/www/templates/moment-popover.html
new file mode 100644
index 00000000..49dbea89
--- /dev/null
+++ b/www/templates/moment-popover.html
@@ -0,0 +1,12 @@
+<ion-popover-view class="fit">
+    <ion-content>
+        <div class="list" ng-click="popover.hide()">
+           
+            <a class="item" ng-href="" ng-click="popover.hide();getMoments('StartTime');">
+              {{'kMomentMenuByTime' | translate}}
+            </a>
+            <a class="item" ng-href="" ng-click="popover.hide();getMoments('MaxScore');">{{'kMomentMenuByScore' | translate}}</a>
+     
+        </div>
+    </ion-content>
+</ion-popover-view>
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