From e71e9c7ce960ec95edd4af5783a62efb14fc1607 Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Sat, 5 Sep 2020 09:31:45 -0400
Subject: #963 allow size selection of thumbs

---
 www/templates/devoptions.html |  9 +++++++++
 www/templates/events.html     | 22 ++++++++++++----------
 2 files changed, 21 insertions(+), 10 deletions(-)

(limited to 'www/templates')

diff --git a/www/templates/devoptions.html b/www/templates/devoptions.html
index 00361460..68f605cd 100644
--- a/www/templates/devoptions.html
+++ b/www/templates/devoptions.html
@@ -198,6 +198,15 @@
         </div>
       </label>
 
+      <label>
+        <div class="item item-button-right">
+          {{'kEventViewThumbsSize' | translate}}: <button class="button button-calm" ng-click="selectEventViewThumbsSize()">
+            <i class="icon ion-gear-b"></i>
+          </button>
+          <p>{{loginData.eventViewThumbsSize}}</p>
+        </div>
+      </label>
+
       <label>
         <ion-toggle ng-model="loginData.montageHideFooter" toggle-class="toggle-calm">
           <span class="item-text-wrap">{{'kMontageHideFooter' | translate}}
diff --git a/www/templates/events.html b/www/templates/events.html
index 00fd0951..ca6853cb 100644
--- a/www/templates/events.html
+++ b/www/templates/events.html
@@ -44,20 +44,22 @@
           <span style="float:right;margin-top:-18px;background-color:#444444;color:#fff;font-size:11px;opacity:0.7;border-radius: 0px 0px 5px 5px;">&nbsp;&nbsp;&nbsp;
             <i class="ion-clock"></i>&nbsp;&nbsp;{{prettifyDate(event.Event.StartTime)}} &nbsp;{{tzAbbr}}&nbsp;
           </span>
-          <div class="row" style="font-size:90%;">
-            <div ng-if="loginData.eventViewThumbs!='none'" style="margin-left: auto;margin-right: auto;">
 
+          <div class="row" style="font-size:80%; color:rgb(110,110,110)">
+        
 
-              <img bg-color="#6C7A89" ng-src="{{constructThumbnail(event)}}" on-tap="closeIfOpen(event);openModalWithSnapshot(event)"
-                width="{{event.Event.thumbWidth}}px" height="{{event.Event.thumbHeight}}px"  fallback-src="img/noimage.png" />
-
+        
 
-            </div>
-          </div>
+          <!--</div>-->
           <!--row-->
-          <div class="row" style="font-size:80%; color:rgb(110,110,110)">
-            <div class="col">
+          <!--<div class="row" style="font-size:80%; color:rgb(110,110,110)">-->
+           <!-- <div class="col">-->
               <div class="item-text-wrap">
+
+                <div ng-if="loginData.eventViewThumbs!='none'" ng-class="::{'largeThumbs': thumbClass=='large', 'smallThumbs': thumbClass=='small'}">
+                  <img bg-color="#6C7A89" ng-src="{{constructThumbnail(event)}}" on-tap="closeIfOpen(event);openModalWithSnapshot(event)"
+                    width="{{event.Event.thumbWidth}}px" height="{{event.Event.thumbHeight}}px"  fallback-src="img/noimage.png" />
+                </div>
               <!-- this ngswitch displays different icons
                                         depending on the cause of the event -->
               <span ng-switch on="event.Event.Cause">
@@ -98,7 +100,7 @@
 
                 <!-- <br/> Default video:{{event.Event.relativePath}}{{event.Event.DefaultVideo}}-->
               </div>
-            </div>
+            <!--</div>-->
           </div>
 		  <div class="row" style="float:right; margin-right: 10px; display: block;">
           <span style="float:right">
-- 
cgit v1.2.3