From 51ac4d1e37b0c5797e419caeaab427fcffc52937 Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Wed, 20 Dec 2017 14:08:20 -0500
Subject: #570 enabled icon toggle so as not to overwhelm small screens. Also
 added pinning.

---
 www/templates/moment.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

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

diff --git a/www/templates/moment.html b/www/templates/moment.html
index f90ea0de..d1c68f95 100644
--- a/www/templates/moment.html
+++ b/www/templates/moment.html
@@ -38,6 +38,9 @@
                             <li>
                                     <a href="" ng-click="reLayout()"> <i class="ion-grid"></i></a>
                             </li>
+                            <li>
+                                <a href="" ng-click="toggleIcons()"> <i ng-class="showIcons? 'ion-eye':'ion-eye-disabled'"></i></a>
+                        </li>
                         </ul>
                 </div>
 
@@ -46,6 +49,9 @@
                             <li>
                                 <a href="" ng-click="changeFrom(-1)"> <i class="ion-chevron-left"></i></a>
                             </li>
+                            <li>
+                                <a href="" ng-click="getMoments()"> <i class="ion-location"></i></a>
+                            </li>
                             <li>
                                 <a href="" ng-click="changeFrom(1)"> <i class="ion-chevron-right"></i></a>
                             </li>
@@ -66,15 +72,15 @@
            
            
             <figure class="grid-item grid-item-{{gridSize}}" ng-repeat="moment in moments | onlyEnabledMoments">
-                <figcaption class="normal-figheader">&nbsp;{{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, $index)"></button>{{moment.Event.collapseCount}}&nbsp;</span></figcaption>
+                <figcaption ng-if="showIcons" class="normal-figheader">&nbsp;{{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, $index)"></button>{{moment.Event.collapseCount}}&nbsp;</span></figcaption>
                  <img   image-spinner-src="{{moment.Event.baseURL}}/index.php?view=image&fid={{moment.Event.MaxScoreFrameId}}&width={{moment.Event.thumbWidth*2}}&height={{moment.Event.thumbHeight*2}}" img-spinner-w="{{moment.Event.width}}"
                  img-spinner-h="{{moment.Event.height}}" image-spinner-loader="lines" 
             on-tap="playEvent(moment)"/>
 
-            <figcaption class="normal-subfigcaption"><span style="float:right"><button class="button button-small button-icon icon  {{moment.Event.pinnedIcon}}" ng-click="togglePin( $index)"></button></span></figcaption>
+            <figcaption ng-if="showIcons" class="normal-subfigcaption"><span style="float:right"><button class="button button-small button-icon icon  {{moment.Event.pinnedIcon}}" ng-click="togglePin( $index)"></button></span></figcaption>
             
             <!--on-tap="showThumbnail(moment.Event.baseURL,moment.Event.MaxScoreFrameId)"-->
-            <figcaption class="normal-figcaption">&nbsp;{{moment.Event.humanizeTime}}<span style="float:right">{{hourmin(moment.Event.StartTime)}}&nbsp;</span></figcaption>
+            <figcaption  ng-if="showIcons" class="normal-figcaption">&nbsp;{{moment.Event.humanizeTime}}<span style="float:right">{{hourmin(moment.Event.StartTime)}}&nbsp;</span></figcaption>
             </figure>
             
         </div>
-- 
cgit v1.2.3