Commit 527a06cc authored by christianrhansen's avatar christianrhansen

removed obsolet edit-box

parent ef2f3684
Pipeline #20260 passed with stage
in 1 minute and 23 seconds
......@@ -198,69 +198,6 @@
q-btn.q-mr-md(round, color="primary", size="sm", @click="$router.push(`/mosys/grids/${$route.params.uuid}`)")
q-icon(name="remove red eye")
// ----------------------------------------------------------------------------------------------- edit box (mobile)
q-page-sticky.edit-box.q-mx-md.q-mb-md.transition-bottom.backdrop-filter.shadow-6.overflow-hidden.hidden(
v-if="isMobile",
:class="[{'show-full' : carousel.visibility && showEditingCells}, {'show-minimized' : showEditingCells}]",
style="border-radius: .5rem;",
position="bottom-right")
//------------------------- buttons
// .row.text-dark(style="background-color: rgba(0, 0, 0, .2);")
.row.text-dark(style="background-color: rgba(255, 150, 150, .3);")
//----- delete cell
.col
q-btn.q-py-none.q-pl-sm.q-ml-xs(
@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}", flat, no-ripple)
q-icon(name="delete")
//----- toggle edit-box
.col.text-right
q-btn.q-py-none.q-pr-sm.q-mr-xs(@click="carouselVisibility()", flat, no-ripple)
q-icon(v-if="carousel.visibility", name="keyboard_arrow_down")
q-icon(v-else, name="keyboard_arrow_up")
//q-item-separator.q-ma-none
//------------------------- carousel
q-carousel.q-py-sm.carousel.transition-opacity(ref="carousel", v-model="slide",
infinite, @input="getCarouselIcon(index)", style="width: 180px;")
//----- move
// q-carousel-slide.q-py-sm
q-carousel-slide.q-py-none
.text-center
q-btn.edit-cell-button(@click="mobileCellMove(mobileSelectedCell, 0, -1)", round, flat, size="md")
q-icon.rotate-90(name="keyboard_backspace")
.text-center
q-btn.edit-cell-button(@click="mobileCellMove(mobileSelectedCell, -1, 0)", round, flat, size="md")
q-icon(name="keyboard_backspace")
q-btn.invisible.text-dark(round, flat, size="md")
q-icon.flip-vertical(name="photo_size_select_small")
q-btn.edit-cell-button(@click="mobileCellMove(mobileSelectedCell, 1, 0)", round, flat, size="md")
q-icon.rotate-180(name="keyboard_backspace")
.text-center
q-btn.edit-cell-button(@click="mobileCellMove(mobileSelectedCell, 0, 1)", round, flat, size="md")
q-icon.rotate-270(name="keyboard_backspace")
//----- resize
// q-carousel-slide.q-py-sm
q-carousel-slide.q-py-none
.text-center
q-btn.edit-cell-button(@click="mobileCellResize(mobileSelectedCell, 0, -1)", round, flat, size="md")
q-icon(name="remove")
.text-center
q-btn.edit-cell-button(@click="mobileCellResize(mobileSelectedCell, -1, 0)", round, flat, size="md")
q-icon(name="remove")
q-btn.invisible.text-dark(round, flat, size="md")
q-icon.rotate-45(name="zoom_out_map")
q-btn.edit-cell-button(@click="mobileCellResize(mobileSelectedCell, 1, 0)", round, flat, size="md")
q-icon(name="add")
.text-center
q-btn.edit-cell-button(@click="mobileCellResize(mobileSelectedCell, 0, 1)", round, flat, size="md")
q-icon(name="add")
</template>
<script>
......@@ -326,9 +263,7 @@
onGrid: false,
button: false
},
slide: undefined,
modal: false,
carousel: {visibility: false, icon: 'open_with', slide: 0},
// cursor: {x: undefined, y: undefined},
cellHandler: {
size: {width: 40, height: 40},
......@@ -425,26 +360,6 @@
},
deep: true
},
slide (val) {
let icon
switch (val) {
case 0:
icon = 'open_with'
break
case 1:
icon = 'photo_size_select_small'
break
case 2:
icon = 'more_horiz'
break
default:
icon = 'open_with'
break
}
// this.carousel.slide = val
// this.carousel.icon = icon
this.carousel = {slide: val, icon: icon, visibility: this.carousel.visibility}
},
annotations () {
this.updateAnnotationUIStates()
},
......@@ -603,16 +518,6 @@
this.touchMobileCell(event, annotation)
this.handleModal()
},
getCarouselIcon (val) {
console.log(val)
},
carouselVisibility () {
console.log(this.carousel.slide)
if (this.$refs.carousel) {
this.$refs.carousel.goToSlide(this.carousel.slide)
}
this.carousel.visibility = !this.carousel.visibility
},
handleModal () {
this.modal = !this.modal
},
......@@ -1330,27 +1235,6 @@
background-color rgba(0, 0, 0, 0)
color $grey-8
.edit-box
bottom -220px
.carousel
opacity 0
&.show-minimized
bottom calc(-220px + 58px)
&.show-full
bottom 0px
.carousel
opacity 1
.transition-bottom
transition bottom ease 350ms
.transition-opacity
transition opacity ease 350ms
//************************************************** mobile: new cell
handler-width = 40px
gap = 0px
......@@ -1393,10 +1277,4 @@
<style lang="stylus">
@import '~variables'
.q-carousel-left-arrow,
.q-carousel-right-arrow
background-color transparent
.q-icon
color $grey-6
</style>
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