From 1718599b6421144404d1cb200e5d9f9bfbb7ff55 Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Mon, 2 Jan 2017 12:15:48 -0500
Subject: initial template for zone editing - only visual, does not save,
 disabled for now #420

---
 www/templates/monitors-modal.html | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

(limited to 'www/templates')

diff --git a/www/templates/monitors-modal.html b/www/templates/monitors-modal.html
index bf76e46a..6da3cbff 100644
--- a/www/templates/monitors-modal.html
+++ b/www/templates/monitors-modal.html
@@ -14,9 +14,13 @@
 
                             <!-- zone overlays if enabled -->
                             <div ng-show="showZones">
-                                <svg  width="100vw" height="100vh" class="zonelayer" ng-attr-view_box="0 0 {{cw}} {{ch}}" ng-attr-preserve_aspect_ratio="{{aspectFit}}" on-swipe-left="onSwipe(monitorId,1)" on-swipe-right="onSwipe(monitorId,-1)" on-double-tap="closeModal();">
+                                <svg  id="zsvg" width="100vw" height="100vh" class="zonelayer" ng-attr-view_box="0 0 {{cw}} {{ch}}" ng-attr-preserve_aspect_ratio="{{aspectFit}}" on-swipe-left="onSwipe(monitorId,1)" on-swipe-right="onSwipe(monitorId,-1)" on-double-tap="closeModal();">
                                     
-                                     <polygon  ng-repeat="item in zoneArray track by $index" ng-class="{'object-fit_cover {{item.type}}':imageFit==false, 'object-fit_contain {{item.type}}':imageFit==true}" ng-attr-points="{{item.coords}}" /> </polygon>                                    
+                                     <polygon  ng-repeat="item in zoneArray track by $index" ng-class="{'object-fit_cover {{item.type}}':imageFit==false, 'object-fit_contain {{item.type}}':imageFit==true}" ng-attr-points="{{item.coords}}" /> </polygon>     
+                                        
+                                        
+                                            <circle ng-show="isZoneEdit" ng-repeat="item in circlePoints track by $index" on-drag="circleOnDrag($event, $index)" class="zonepoint"   ng-class="{'object-fit_cover {{item.type}}':imageFit==false, 'object-fit_contain {{item.type}}':imageFit==true}" ng-attr-cx="{{item.x}}" ng-attr-cy="{{item.y}}" r="7"/>
+                                                   
                                     
                                 </svg>
                            </div>
@@ -92,11 +96,22 @@
              <li>
                 <a href="" ng-click="toggleZone()"> <i class="icon ion-qr-scanner"></i></a>
             </li>
+
+            <!-- zone editing is TBD -->
+            <li ng-if="showZones && $root.platformOS=='desktop' && 0">
+                <a href="" ng-click="toggleZoneEdit()"> <i class="icon ion-edit"></i></a>
+            </li>
             
+            <li ng-if="showZones && isZoneEdit ">
+                <a href="" ng-click="saveZones()"> <i class="icon ion-android-done-all"></i></a>
+            </li>
 
             <li>
                 <a href="" ng-click="toggleCycle()"> <i class="icon  ion-android-bicycle"></i>-{{cycleText}}</a>
             </li>
+
+            
+
             <!--<li>
             
             <a href="" ng-click="cast(monitorId, monitor)"> <i class="icon  ion-android-funnel"></i></a>
-- 
cgit v1.2.3