From e33a2f7dcada445a0891b3d1581edd4fcc36ad8d Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Wed, 30 Sep 2020 07:23:33 -0400
Subject: add xsmall thumbs

---
 www/templates/events-popover.html | 2 +-
 www/templates/events.html         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'www/templates')

diff --git a/www/templates/events-popover.html b/www/templates/events-popover.html
index 425360c5..b37a70a0 100644
--- a/www/templates/events-popover.html
+++ b/www/templates/events-popover.html
@@ -7,7 +7,7 @@
               Event Graphs
             </a>-->
       <a class="item" style="text-transform:capitalize;" ng-href="" ng-click="popover.hide();toggleThumbSize();doRefresh();">
-        {{'kEventViewThumbsSize' | translate}}:{{(loginData.eventViewThumbsSize == 'small' ? 'kEventViewThumbsSmall': 'kEventViewThumbsLarge') | translate}}
+        {{'kEventViewThumbsSize' | translate}}: {{thumbSizeOptions[loginData.eventViewThumbsSize]}}
       </a>
       <a class="item" ng-href="" ng-click="popover.hide();doRefresh();">
         {{'kRefresh' | translate}}
diff --git a/www/templates/events.html b/www/templates/events.html
index e8f5dfa7..f23f37d1 100644
--- a/www/templates/events.html
+++ b/www/templates/events.html
@@ -79,7 +79,7 @@
               <!-- this ngswitch displays different icons
                     depending on the cause of the event -->
               <span ng-switch on="event.Event.Cause"
-                ng-class="::{'largeThumbsSpan': thumbClass=='large', 'smallThumbsSpan': thumbClass=='small'}">
+                ng-class="::{'largeThumbsSpan': thumbClass=='large', 'smallThumbsSpan': (thumbClass=='small' || thumbClass=='xsmall')}">
                 <span ng-switch-when="Motion">
                   <i class="ion-android-walk" style="font-size:150%;"></i>&nbsp;
                   <!-- <i ng-class="(event.Event.DefaultVideo !== undefined && event.Event.DefaultVideo!='')? 'ion-ios-videocam':'ion-images'" style="float:left; padding-left:5px; font-size:100%;"></i>-->
@@ -106,7 +106,7 @@
               </span>
             </div> <!-- col-->
             <!-- 2 col format for small, 1 col format for large -->
-            <span ng-if="thumbClass=='small' && loginData.eventViewThumbs!='none'">
+            <span ng-if="(thumbClass=='small' || thumbClass=='xsmall') && loginData.eventViewThumbs!='none'">
               <div class="col">
                 <img bg-color="#6C7A89" ng-src="{{constructThumbnail(event)}}"
                   on-tap="closeIfOpen(event);openModalWithSnapshot(event)" width="{{event.Event.thumbWidth}}px"
-- 
cgit v1.2.3