Commit 08f16a11 authored by christianrhansen's avatar christianrhansen

using an "edit cell content"-modal instead of a carousel-slide

parent fa4bde77
<template lang="pug">
div.cell-grid-container
q-modal(v-model="modal")
grid-editor-editing-cells-mobile
q-btn.absolute-top-right.q-ma-md(@click="handleModal()")
q-icon(name="clear")
// this needs to stay for adding cells on mobile for whatever reason (strangest bug ever...)
// FIXME: find the problem and fix it
......@@ -77,6 +81,8 @@
.mobile-only
q-btn.edit-button.absolute.fit.bg-transparent(
@click.prevent="event => {touchMobileCell(event, annotation)}", flat)
q-btn.absolute-top-left.bg-blue(
@click.prevent="handleModal()", flat, style="opacity: 0") bla
//----- selecting cells disabled because it has no use currently
// switch with cell component below to re-enable it
......@@ -153,9 +159,10 @@
q-carousel.fixed-bottom.z-top.backdrop-filter.shadow-1.q-mx-md.q-mb-md.overflow-hidden.round-borders(
v-if="showEditingCells", v-model="slide", arrows)
q-carousel-slide.q-pa-sm
.q-px-md
grid-editor-editing-cells-mobile
//
q-carousel-slide.q-pa-sm
.q-px-md
grid-editor-editing-cells-mobile
q-carousel-slide.q-pa-sm
.text-center
......@@ -308,7 +315,8 @@
touch: {position: {top: undefined, left: undefined}},
isMobile: this.$q.platform.is.mobile,
mobileTempCell: {x: 0, y: 0, width: 1, height: 1, show: false, onGrid: false, button: false},
slide: undefined
slide: undefined,
modal: false
}
},
computed: {
......@@ -386,6 +394,9 @@
}
},
methods: {
handleModal () {
this.modal = !this.modal
},
clearTempCell () {
this.mobileTempCell = {x: undefined, y: undefined, width: undefined, height: undefined, onGrid: false, button: false}
},
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment