From 5967a01651b9992db1a1ebf89e3b9aa1ea34b5a5 Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Fri, 9 Aug 2019 13:09:47 -0400
Subject: #839 - can't fit all these buttons. Split into 2 menus for JPEG.

---
 www/templates/events-modal.html | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

(limited to 'www/templates')

diff --git a/www/templates/events-modal.html b/www/templates/events-modal.html
index 17b68e88..073beb60 100644
--- a/www/templates/events-modal.html
+++ b/www/templates/events-modal.html
@@ -135,14 +135,21 @@
       resting-icon="ion-chevron-up" toggling-method="click">
       <a mfb-button icon="ion-arrow-right-c" label="{{'kNextEvent'|translate}}" ng-click="jumpToEvent(nextId,1);"></a>
       <a mfb-button icon="ion-arrow-left-c" label="{{'kPrevEvent'|translate}}" ng-click="jumpToEvent(prevId,-1);"></a>
-      <a ng-if="!isSnapShot() && !defaultVideo" mfb-button icon="ion-arrow-resize" label="{{imageFit? ('kFillScreen' | translate):('kFitScreen' | translate)}}"
-        ng-click="scaleImage();"></a>
-        <a ng-if="!defaultVideo" mfb-button icon="ion-skip-backward" label="{{'kFastRewind'|translate}}" ng-click="adjustSpeed('fr');"></a>
-        <a ng-if="!defaultVideo" mfb-button icon="ion-skip-forward" label="{{'kFastForward'|translate}}" ng-click="adjustSpeed('ff');"></a>
-        <a ng-if="!defaultVideo" mfb-button icon="ion-play" label="{{'kNormalPlay'|translate}}" ng-click="adjustSpeed('np');"></a>
-        <a ng-if="!defaultVideo" mfb-button icon="ion-pause" label="{{'kPause'|translate}}" ng-click="adjustSpeed('p');"> </a>
       <a mfb-button icon="ion-close" label="{{'kExitEventView' | translate}}" ng-click="closeModal()"> </a>
     </nav>
+
+    <!-- jpeg store -->
+    <nav ng-if="!defaultVideo" mfb-menu position="tl" effect="zoomin" label="{{'kCollapse'|translate}}" active-icon="ion-chevron-down"
+    resting-icon="ion-chevron-up" toggling-method="click">
+      <a ng-if="!isSnapShot()" mfb-button icon="ion-arrow-resize" label="{{imageFit? ('kFillScreen' | translate):('kFitScreen' | translate)}}"
+          ng-click="scaleImage();"></a>
+      <a mfb-button icon="ion-skip-backward" label="{{'kFastRewind'|translate}}" ng-click="adjustSpeed('fr');"></a>
+      <a  mfb-button icon="ion-skip-forward" label="{{'kFastForward'|translate}}" ng-click="adjustSpeed('ff');"></a>
+      <a  ng-if="isPaused" mfb-button icon="ion-play" label="{{'kNormalPlay'|translate}}" ng-click="adjustSpeed('np');"></a>
+      <a  ng-if = "!isPaused" mfb-button icon="ion-pause" label="{{'kPause'|translate}}" ng-click="adjustSpeed('p');"> </a>
+    </nav>
+
+
    
     <div class="events-range-modal-text">{{mName}}&nbsp;
       <i class="ion-arrow-right-b"></i>&nbsp;{{videoDynamicTime}} ({{humanizeTime}}) [{{d_eventId}}]
-- 
cgit v1.2.3