...
 
<template lang="pug"> <template lang="pug">
// :class="{'overflow-hidden': mobileTempCell.show && cachedNewCell && !mobileTempCell.button}",
div.cell-grid-container( div.cell-grid-container(
:class="{'overflow-hidden': mobileTempCell.show && cachedNewCell && !mobileTempCell.button}", :class="{'overflow-hidden': activeHandler}",
style="overflow-y: hidden; scroll-behavior: smooth;") style="overflow-y: hidden; scroll-behavior: smooth;")
q-modal(v-model="modal", minimized, content-css="background-color: #eee; border-radius: .75rem;") q-modal(v-model="modal", minimized, content-css="background-color: #eee; border-radius: .75rem;")
grid-editor-editing-cells-mobile grid-editor-editing-cells-mobile
...@@ -369,6 +370,7 @@ ...@@ -369,6 +370,7 @@
move: {left: undefined, intersectingMainHandler: false, side: undefined}, move: {left: undefined, intersectingMainHandler: false, side: undefined},
resize: {left: undefined, intersectingMainHandler: false, side: undefined} resize: {left: undefined, intersectingMainHandler: false, side: undefined}
}, },
activeHandler: false,
selectedCell: {type: undefined, annotation: undefined} selectedCell: {type: undefined, annotation: undefined}
} }
}, },
...@@ -447,8 +449,9 @@ ...@@ -447,8 +449,9 @@
'cellHandler.resize.gridPosition': { 'cellHandler.resize.gridPosition': {
handler: function (obj) { handler: function (obj) {
if (this.showEditingCells) { if (this.showEditingCells) {
console.log(obj) let w = obj.column - this.cellHandler.move.gridPosition.column + 1
this.mobileCellResize(this.mobileSelectedCell, obj.column, obj.row) let h = obj.row - this.cellHandler.move.gridPosition.row + 1
this.mobileCellResize(this.mobileSelectedCell, w, h)
} }
}, },
deep: true deep: true
...@@ -561,6 +564,7 @@ ...@@ -561,6 +564,7 @@
this.cellHandler.move.gridPosition.column = res.x this.cellHandler.move.gridPosition.column = res.x
if (obj.isFirst) { if (obj.isFirst) {
this.activeHandler = true
this.mobileTempCell.show = true this.mobileTempCell.show = true
this.mobileTempCell.button = false this.mobileTempCell.button = false
this.cellHandler.move.pushed = true this.cellHandler.move.pushed = true
...@@ -576,6 +580,7 @@ ...@@ -576,6 +580,7 @@
this.cellHandler.move.y = res.oy this.cellHandler.move.y = res.oy
if (obj.isFinal) { if (obj.isFinal) {
this.activeHandler = false
this.mobileTempCell.onGrid = true this.mobileTempCell.onGrid = true
this.mobileTempCell.button = true this.mobileTempCell.button = true
this.mobileTempCell.left = this.gridDimensions.full.cell.width * (res.x - 1) this.mobileTempCell.left = this.gridDimensions.full.cell.width * (res.x - 1)
...@@ -601,6 +606,7 @@ ...@@ -601,6 +606,7 @@
this.cellHandler.resize.gridPosition.column = res.x this.cellHandler.resize.gridPosition.column = res.x
if (obj.isFirst) { if (obj.isFirst) {
this.activeHandler = true
this.mobileTempCell.show = true this.mobileTempCell.show = true
this.mobileTempCell.button = false this.mobileTempCell.button = false
this.cellHandler.resize.pushed = true this.cellHandler.resize.pushed = true
...@@ -613,6 +619,7 @@ ...@@ -613,6 +619,7 @@
this.cellHandler.resize.y = res.oy this.cellHandler.resize.y = res.oy
if (obj.isFinal) { if (obj.isFinal) {
this.activeHandler = false
this.mobileTempCell.onGrid = true this.mobileTempCell.onGrid = true
this.mobileTempCell.button = true this.mobileTempCell.button = true
this.cellHandler.resize.pushed = false this.cellHandler.resize.pushed = false
......