Editor: Can't edit sharing for a widget in a zone

relates to xibosignage/xibo#3372

ui/src/layout-editor/main.js

@@ -3003,10 +3003,13 @@ lD.openContextMenu = function(obj, position = {x: 0, y: 0}) {
     layoutObject.type === 'element-group'
   );
 
-  // If target is a frame, send single widget info
+  // If target is a frame or zone, send single widget info
   const singleWidget = (
     layoutObject.type === 'region' &&
-    layoutObject.subType === 'frame'
+    (
+      layoutObject.subType === 'frame' ||
+      layoutObject.subType === 'zone'
+    )
   ) ? Object.values(layoutObject.widgets)[0] : {};
 
   // If target is group or element group, send parent widget
@@ -3397,12 +3400,15 @@ lD.openContextMenu = function(obj, position = {x: 0, y: 0}) {
       const property = target.data('property');
       const propertyType = target.data('propertyType');
 
-      // If we're editing permissions and it's a frame
+      // If we're editing permissions and it's a frame ( or zone )
       // edit the widget's permissions instead
       if (
         property === 'PermissionsWidget' &&
         layoutObject.type === 'region' &&
-        layoutObject.subType === 'frame'
+        (
+          layoutObject.subType === 'frame' ||
+          layoutObject.subType === 'zone'
+        )
       ) {
         // Call edit for widget instead
         const regionWidget = Object.values(layoutObject.widgets)[0];

ui/src/templates/context-menu.hbs

@@ -67,7 +67,7 @@
                 </div>
             {{/if}}
 
-            {{#if isFrame}}
+            {{#if isFrameOrZone}}
                 {{#if widget.isPermissionsModifiable}}
                     <div class="context-menu-btn permissionsBtn" data-title="{{trans.editPermissions}}" data-property="PermissionsWidget" data-toggle="tooltip" data-container=".context-menu" data-placement="bottom">
                         <i class="tool-icon-permissions"></i><span>{{trans.editPermissions}}</span>