Commit ef2f3684 authored by christianrhansen's avatar christianrhansen

structured structuring comments

parent 845bd4a5
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
@contextmenu="handleGridContextMenu", @contextmenu="handleGridContextMenu",
:style="gridStyle") :style="gridStyle")
//----- context menu grid (desktop only) //----------------------------------------------------------------------------------- context menu: grid (desktop)
q-context-menu.desktop-only(ref="gridmenu") q-context-menu.desktop-only(ref="gridmenu")
q-list(link, separator, no-border, style="min-width: 150px; max-height: 300px;") q-list(link, separator, no-border, style="min-width: 150px; max-height: 300px;")
q-item( q-item(
...@@ -79,7 +79,7 @@ ...@@ -79,7 +79,7 @@
:class="getAnnotationClasses(annotation._uuid, 'cell-item')", :class="getAnnotationClasses(annotation._uuid, 'cell-item')",
:key="`cell-${index}`") :key="`cell-${index}`")
//-------------------------------------------------------------------------------------------------- desktop //------------------------------------------------------------------------------------ edit-button (desktop)
.desktop-only .desktop-only
q-btn.edit-button.absolute-top-right( q-btn.edit-button.absolute-top-right(
@click.prevent="event => {handleCellEditClick(event, annotation)}", @click.prevent="event => {handleCellEditClick(event, annotation)}",
...@@ -87,12 +87,13 @@ ...@@ -87,12 +87,13 @@
style="top: 8px; right: 8px;", style="top: 8px; right: 8px;",
:icon="annotationUIStates[annotation._uuid].editing ? 'close' : 'edit'", flat, round, size="md") :icon="annotationUIStates[annotation._uuid].editing ? 'close' : 'edit'", flat, round, size="md")
//--------------------------------------------------------------------------------------------------- mobile //------------------------------------------------------------------------------------- select cell (mobile)
.mobile-only .mobile-only
.edit-button.absolute.fit.bg-transparent( .edit-button.absolute.fit.bg-transparent(
v-touch-hold="event => {handleCellEdit(event, annotation)}", v-touch-hold="event => {handleCellEdit(event, annotation)}",
@click.prevent="event => {touchMobileCell(event, annotation)}") @click.prevent="event => {touchMobileCell(event, annotation)}")
//--------------------------------------------------------------------------------------------- cell content
//----- selecting cells disabled because it has no use currently //----- selecting cells disabled because it has no use currently
// switch with cell component below to re-enable it // switch with cell component below to re-enable it
//cell( //cell(
...@@ -101,7 +102,8 @@ ...@@ -101,7 +102,8 @@
:annotation="annotation", :annotation="annotation",
:preview="true") :preview="true")
//----- resize-handler (desktop only) //-------------------------------------------------------------------------------------------------- desktop
//------------------------------------------------------------------------------------------- resize-handler
.desktop-only.cell-item-resize-handle( .desktop-only.cell-item-resize-handle(
draggable="true", draggable="true",
@dragstart="event => {handleCellResizerDragStart(event, annotation)}", @dragstart="event => {handleCellResizerDragStart(event, annotation)}",
...@@ -109,7 +111,7 @@ ...@@ -109,7 +111,7 @@
@dragexit="event => {handleCellResizerDragEnd(event, annotation)}") @dragexit="event => {handleCellResizerDragEnd(event, annotation)}")
q-icon.q-ma-xs(name="network cell") q-icon.q-ma-xs(name="network cell")
//----- context menu for cells (desktop only) //-------------------------------------------------------------------------------------- context menu: cells
// TODO: needs revision // TODO: needs revision
q-context-menu.desktop-only q-context-menu.desktop-only
q-list(link, separator, no-border, style="min-width: 150px; max-height: 300px;") q-list(link, separator, no-border, style="min-width: 150px; max-height: 300px;")
...@@ -196,7 +198,7 @@ ...@@ -196,7 +198,7 @@
q-btn.q-mr-md(round, color="primary", size="sm", @click="$router.push(`/mosys/grids/${$route.params.uuid}`)") q-btn.q-mr-md(round, color="primary", size="sm", @click="$router.push(`/mosys/grids/${$route.params.uuid}`)")
q-icon(name="remove red eye") q-icon(name="remove red eye")
// ------------------------------------------------------------------------------------------ edit box (mobile only) // ----------------------------------------------------------------------------------------------- edit box (mobile)
q-page-sticky.edit-box.q-mx-md.q-mb-md.transition-bottom.backdrop-filter.shadow-6.overflow-hidden.hidden( q-page-sticky.edit-box.q-mx-md.q-mb-md.transition-bottom.backdrop-filter.shadow-6.overflow-hidden.hidden(
v-if="isMobile", v-if="isMobile",
......
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