...
 
Commits (2)
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
strong {{ selectedCell.type }} strong {{ selectedCell.type }}
q-item-side q-item-side
q-btn.text-white.q-px-sm(@click="event => {handleCellInfoTouch(event, selectedCell.annotation)}", flat) q-btn.text-white.q-px-sm(@click="event => {handleCellEdit(event, selectedCell.annotation)}", flat)
q-icon(name="edit") q-icon(name="edit")
q-btn.text-white.q-px-sm.on-right.on-left(@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}", q-btn.text-white.q-px-sm.on-right.on-left(@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}",
...@@ -103,20 +103,20 @@ ...@@ -103,20 +103,20 @@
//--------------------------------------------------------------------------------------------------- mobile //--------------------------------------------------------------------------------------------------- mobile
.mobile-only .mobile-only
.edit-button.absolute.fit.bg-transparent( .edit-button.absolute.fit.bg-transparent(
v-touch-hold="event => {handleCellInfoTouch(event, annotation)}", v-touch-hold="event => {handleCellEdit(event, annotation)}",
@click.prevent="event => {touchMobileCell(event, annotation)}") @click.prevent="event => {touchMobileCell(event, annotation)}")
// //
q-btn.absolute-top-right.text-dark.q-pa-none.q-mr-xs( q-btn.absolute-top-right.text-dark.q-pa-none.q-mr-xs(
v-if="showEditingCells", v-if="showEditingCells",
@click.prevent="event => {handleCellInfoTouch(event, annotation)}", @click.prevent="event => {handleCellEdit(event, annotation)}",
flat, round, size="sm", style="margin-top: 2px;") flat, round, size="sm", style="margin-top: 2px;")
q-icon(name="edit", size="20px") q-icon(name="edit", size="20px")
//----- invisible edit-modal handler //----- invisible edit-modal handler
// //
q-btn.absolute-top-left.bg-blue( q-btn.absolute-top-left.bg-blue(
@click.prevent="event => {handleCellInfoTouch(event, annotation)}", flat, style="opacity: 0") bla @click.prevent="event => {handleCellEdit(event, annotation)}", flat, style="opacity: 0") bla
// @click.prevent="handleModal()", flat, style="opacity: 0") bla // @click.prevent="handleModal()", flat, style="opacity: 0") bla
//----- selecting cells disabled because it has no use currently //----- selecting cells disabled because it has no use currently
...@@ -566,7 +566,7 @@ ...@@ -566,7 +566,7 @@
if (obj.isFirst) { if (obj.isFirst) {
this.activeHandler = true 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
} }
...@@ -582,7 +582,7 @@ ...@@ -582,7 +582,7 @@
if (obj.isFinal) { if (obj.isFinal) {
this.activeHandler = false 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)
this.cellHandler.move.pushed = false this.cellHandler.move.pushed = false
// this.cellHandler.move.y = this.gridDimensions.full.cell.height * (res.y - 1) + 8 + 59 + 20 // this.cellHandler.move.y = this.gridDimensions.full.cell.height * (res.y - 1) + 8 + 59 + 20
...@@ -608,7 +608,7 @@ ...@@ -608,7 +608,7 @@
if (obj.isFirst) { if (obj.isFirst) {
this.activeHandler = true 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
} }
...@@ -621,7 +621,7 @@ ...@@ -621,7 +621,7 @@
if (obj.isFinal) { if (obj.isFinal) {
this.activeHandler = false 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
// this.addMobileCell(obj) // this.addMobileCell(obj)
// this.mobileTempCell.show = false // this.mobileTempCell.show = false
...@@ -629,8 +629,8 @@ ...@@ -629,8 +629,8 @@
this.cellHandler.resize.y = this.gridDimensions.full.cell.height * res.y - 8 - 20 this.cellHandler.resize.y = this.gridDimensions.full.cell.height * res.y - 8 - 20
} }
}, },
handleCellInfoTouch (event, annotation) { handleCellEdit (event, annotation) {
console.log('handleCellInfoTouch', annotation) console.log('handleCellEdit', annotation)
this.touchMobileCell(event, annotation) this.touchMobileCell(event, annotation)
this.handleModal() this.handleModal()
}, },
...@@ -654,7 +654,7 @@ ...@@ -654,7 +654,7 @@
if (obj.isFirst) { if (obj.isFirst) {
this.mobileTempCell.show = true this.mobileTempCell.show = true
this.mobileTempCell.button = false // this.mobileTempCell.button = false
this.mobileTempCell.x = res.x this.mobileTempCell.x = res.x
this.mobileTempCell.y = res.y this.mobileTempCell.y = res.y
} }
...@@ -664,7 +664,7 @@ ...@@ -664,7 +664,7 @@
if (obj.isFinal) { if (obj.isFinal) {
this.mobileTempCell.onGrid = true this.mobileTempCell.onGrid = true
this.mobileTempCell.button = true // this.mobileTempCell.button = true
// this.addMobileCell(obj) // this.addMobileCell(obj)
// this.mobileTempCell.show = false // this.mobileTempCell.show = false
this.cellHandler.move.x = this.gridDimensions.full.cell.width * (this.mobileTempCell.x - 1) + 8 + 20 this.cellHandler.move.x = this.gridDimensions.full.cell.width * (this.mobileTempCell.x - 1) + 8 + 20
......