...
 
Commits (3)
......@@ -88,6 +88,38 @@
q-btn.q-mr-md(round, color="primary", size="sm", @click="$router.push(`/mosys/grids/${$route.params.uuid}`)")
q-icon(name="remove red eye")
//----- move-buttons
q-page-sticky.z-top.q-mb-md(v-if="editMode === 'move'", position="bottom")
.text-center
q-btn.bg-dark.rotate-90(round, flat)
q-icon(name="keyboard_backspace")
.text-center
q-btn.bg-dark(round, flat)
q-icon(name="keyboard_backspace")
q-btn.invisible.text-dark(round, flat)
q-icon.flip-vertical(name="photo_size_select_small")
q-btn.bg-dark(round, flat)
q-icon.rotate-180(name="keyboard_backspace")
.text-center
q-btn.bg-dark(round, flat)
q-icon.rotate-270(name="keyboard_backspace")
//----- resize-buttons
q-page-sticky.z-top.q-mb-md(v-if="editMode === 'resize'", position="bottom")
.text-center
q-btn.bg-dark(round, flat)
q-icon(name="remove")
.text-center
q-btn.bg-dark(round, flat)
q-icon(name="remove")
q-btn.invisible.text-dark(round, flat)
q-icon.rotate-45(name="zoom_out_map")
q-btn.bg-dark(round, flat)
q-icon(name="add")
.text-center
q-btn.bg-dark(round, flat)
q-icon(name="add")
</template>
<script>
......
......@@ -3,17 +3,30 @@
q-tabs.grid-editor-sources-tabs.bg-white.fixed-top.shadow-11(v-model="selectedTab", color="dark", align="justify",
hide-underline, style="z-index: 10000000;")
q-tab.q-pa-none.bg-dark.text-white(slot="title", name="tab-editing-cell")
| {{ $t('routes.mosys.cells.edit_cell') }}
q-tab.q-pa-none.text-white(slot="title", name="tab-editing-cell",
:class="[editMode === 'edit' ? 'bg-primary' : 'bg-dark']")
// | {{ $t('routes.mosys.cells.edit_cell') }}
q-btn(flat, round)
q-icon(name="edit")
q-tab.q-pa-none.bg-dark.text-white(slot="title", name="tab-move-cell")
| {{ $t('routes.mosys.cells.move_cell') }}
q-tab.q-pa-none.text-white(slot="title", name="tab-move-cell",
:class="[editMode === 'move' ? 'bg-primary' : 'bg-dark']")
// | {{ $t('routes.mosys.cells.move_cell') }}
q-btn(flat, round)
// q-icon.rotate-45(name="fullscreen")
q-icon.rotate-45(name="zoom_out_map")
q-tab.q-pa-none.bg-dark.text-white(slot="title", name="tab-resize-cell")
| {{ $t('routes.mosys.cells.resize_cell') }}
q-tab.q-pa-none.text-white(slot="title", name="tab-resize-cell",
:class="[editMode === 'resize' ? 'bg-primary' : 'bg-dark']")
// | {{ $t('routes.mosys.cells.resize_cell') }}
q-btn(flat, round)
q-icon.flip-vertical(name="photo_size_select_small")
q-tab.q-pa-none.bg-dark.text-white(slot="title", name="tab-delete-cell")
| {{ $t('routes.mosys.cells.delete_cell') }}
q-tab.q-pa-none.text-white(slot="title", name="tab-delete-cell",
:class="[editMode === 'delete' ? 'bg-primary' : 'bg-dark']")
// | {{ $t('routes.mosys.cells.delete_cell') }}
q-btn(flat, round)
q-icon(name="delete")
q-tab.q-pa-none.bg-positive.text-white(slot="title", name="tab-done", icon="check", @click="handleCloseTabs()")
......@@ -69,6 +82,7 @@
}
},
mounted () {
this.editMode = 'edit'
},
beforeDestroy () {
this.$store.commit('mosys/hideEditingCells')
......