mosys mobile: made cell-handlers accessible for existing cells, too

partials/GridEditor.vue

@@ -150,44 +150,44 @@
             style="background-color: rgba(0, 0, 0, 0);")
               q-icon(name="check")
 
-          //----------------------------------------------------------------------------------------------- move handler
-          //----- (main)
-          cell-handler-mobile.main-handler.shadow-1(
-          v-if="!cellHandler.resize.pushed",
-          @onIntersectionChange="intersectionChanged",
-          :element="'move'",
-          v-touch-pan="handleMoveCell",
-          :style="{left: cellHandler.move.x - 20 + 'px', top: cellHandler.move.y - 20 + 'px'}",
-          :class="[{'pushed': !cellHandler.move.pushed}, {'hide': !mobileTempCell.onGrid}]")
-            q-icon.rotate-180(name="open_with", size="22px")
-
-          //----- (temp)
-          //----- (when main move handler is outside of viewport)
-          cell-handler-mobile.temp-handler.shadow-1(
-          v-touch-pan="handleMoveCell",
-          :doubleTap="{el: $el, type: 'scroll', oLeft: mobileTempCell.left}",
-          :class="[(!mobileTempCell.onGrid || tempHandler.move.intersectingMainHandler || cellHandler.resize.pushed || cellHandler.move.pushed ? 'hide': 'show'), (tempHandler.move.side === 'left' ? 'left-side' : 'right-side')]",
-          :style="{top: cellHandler.move.y + 59 - 20 + 'px'}",)
-            q-icon.rotate-180(name="open_with", size="22px")
-
-          //--------------------------------------------------------------------------------------------- resize handler
-          //----- (main)
-          cell-handler-mobile.main-handler.shadow-1(
-          v-if="!cellHandler.move.pushed",
-          @onIntersectionChange="intersectionChanged",
-          :element="'resize'",
-          v-touch-pan="handleResizeCell",
-          :style="{left: cellHandler.resize.x - 20 + 'px', top: cellHandler.resize.y - 20 + 'px'}",
-          :class="[{'pushed': !cellHandler.resize.pushed}, {'hide': !mobileTempCell.onGrid}]")
-            q-icon(name="signal_cellular_4_bar", size="12px", style="margin-left: -3px;")
-
-          //----- (temp)
-          //----- (when main resize handler is outside of viewport)
-          cell-handler-mobile.temp-handler.shadow-1(
-          v-touch-pan="handleResizeCell",
-          :class="[(!mobileTempCell.onGrid || tempHandler.resize.intersectingMainHandler || cellHandler.move.pushed || cellHandler.resize.pushed ? 'hide': 'show'), (tempHandler.resize.side === 'left' ? 'left-side' : 'right-side')]",
-          :style="{top: cellHandler.resize.y + 59 - 20 + 'px'}",)
-            q-icon(name="signal_cellular_4_bar", size="12px", style="margin-left: -3px;")
+        //------------------------------------------------------------------------------------------------- move handler
+        //----- (main)
+        cell-handler-mobile.main-handler.shadow-1(
+        v-if="!cellHandler.resize.pushed",
+        @onIntersectionChange="intersectionChanged",
+        :element="'move'",
+        v-touch-pan="handleMoveCell",
+        :style="{left: cellHandler.move.x - 20 + 'px', top: cellHandler.move.y - 20 + 'px'}",
+        :class="[{'pushed': !cellHandler.move.pushed}, {'hide': !mobileTempCell.onGrid && !showEditingCells}]")
+          q-icon.rotate-180(name="open_with", size="22px")
+
+        //----- (temp)
+        //----- (when main move handler is outside of viewport)
+        cell-handler-mobile.temp-handler.shadow-1(
+        v-touch-pan="handleMoveCell",
+        :doubleTap="{el: $el, type: 'scroll', oLeft: mobileTempCell.left}",
+        :class="[(!mobileTempCell.onGrid || tempHandler.move.intersectingMainHandler || cellHandler.resize.pushed || cellHandler.move.pushed ? 'hide': 'show'), (tempHandler.move.side === 'left' ? 'left-side' : 'right-side')]",
+        :style="{top: cellHandler.move.y + 59 - 20 + 'px'}",)
+          q-icon.rotate-180(name="open_with", size="22px")
+
+        //----------------------------------------------------------------------------------------------- resize handler
+        //----- (main)
+        cell-handler-mobile.main-handler.shadow-1(
+        v-if="!cellHandler.move.pushed",
+        @onIntersectionChange="intersectionChanged",
+        :element="'resize'",
+        v-touch-pan="handleResizeCell",
+        :style="{left: cellHandler.resize.x - 20 + 'px', top: cellHandler.resize.y - 20 + 'px'}",
+        :class="[{'pushed': !cellHandler.resize.pushed}, {'hide': !mobileTempCell.onGrid && !showEditingCells}]")
+          q-icon(name="signal_cellular_4_bar", size="12px", style="margin-left: -3px;")
+
+        //----- (temp)
+        //----- (when main resize handler is outside of viewport)
+        cell-handler-mobile.temp-handler.shadow-1(
+        v-touch-pan="handleResizeCell",
+        :class="[(!mobileTempCell.onGrid || tempHandler.resize.intersectingMainHandler || cellHandler.move.pushed || cellHandler.resize.pushed ? 'hide': 'show'), (tempHandler.resize.side === 'left' ? 'left-side' : 'right-side')]",
+        :style="{top: cellHandler.resize.y + 59 - 20 + 'px'}",)
+          q-icon(name="signal_cellular_4_bar", size="12px", style="margin-left: -3px;")
 
       // ---------------------------------------------------------------------------------------------------------------
       template(v-else)