Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
What's new
10
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in / Register
Toggle navigation
Open sidebar
Motion Bank
MB.js
Quasar Components MoSys
Commits
7a98bf31
Commit
7a98bf31
authored
Nov 05, 2019
by
christianrhansen
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
mosys mobile: made cell-handlers accessible for existing cells, too
parent
7f72b3ed
Pipeline
#19927
passed with stage
in 5 minutes and 1 second
Changes
1
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
38 additions
and
38 deletions
+38
-38
partials/GridEditor.vue
partials/GridEditor.vue
+38
-38
No files found.
partials/GridEditor.vue
View file @
7a98bf31
...
...
@@ -150,44 +150,44 @@
style="background-color: rgba(0, 0, 0, 0);")
q-icon(name="check")
//----------------------------------------------------------------------------------------------- move handler
//----- (main)
cell-handler-mobile.main-handler.shadow-1(
v-if="!cellHandler.resize.pushed",
@onIntersectionChange="intersectionChanged",
:element="'move'",
v-touch-pan="handleMoveCell",
:style="{left: cellHandler.move.x - 20 + 'px', top: cellHandler.move.y - 20 + 'px'}",
:class="[{'pushed': !cellHandler.move.pushed}, {'hide': !mobileTempCell.onGrid}]")
q-icon.rotate-180(name="open_with", size="22px")
//----- (temp)
//----- (when main move handler is outside of viewport)
cell-handler-mobile.temp-handler.shadow-1(
v-touch-pan="handleMoveCell",
:doubleTap="{el: $el, type: 'scroll', oLeft: mobileTempCell.left}",
:class="[(!mobileTempCell.onGrid || tempHandler.move.intersectingMainHandler || cellHandler.resize.pushed || cellHandler.move.pushed ? 'hide': 'show'), (tempHandler.move.side === 'left' ? 'left-side' : 'right-side')]",
:style="{top: cellHandler.move.y + 59 - 20 + 'px'}",)
q-icon.rotate-180(name="open_with", size="22px")
//--------------------------------------------------------------------------------------------- resize handler
//----- (main)
cell-handler-mobile.main-handler.shadow-1(
v-if="!cellHandler.move.pushed",
@onIntersectionChange="intersectionChanged",
:element="'resize'",
v-touch-pan="handleResizeCell",
:style="{left: cellHandler.resize.x - 20 + 'px', top: cellHandler.resize.y - 20 + 'px'}",
:class="[{'pushed': !cellHandler.resize.pushed}, {'hide': !mobileTempCell.onGrid}]")
q-icon(name="signal_cellular_4_bar", size="12px", style="margin-left: -3px;")
//----- (temp)
//----- (when main resize handler is outside of viewport)
cell-handler-mobile.temp-handler.shadow-1(
v-touch-pan="handleResizeCell",
:class="[(!mobileTempCell.onGrid || tempHandler.resize.intersectingMainHandler || cellHandler.move.pushed || cellHandler.resize.pushed ? 'hide': 'show'), (tempHandler.resize.side === 'left' ? 'left-side' : 'right-side')]",
:style="{top: cellHandler.resize.y + 59 - 20 + 'px'}",)
q-icon(name="signal_cellular_4_bar", size="12px", style="margin-left: -3px;")
//
--
----------------------------------------------------------------------------------------------- move handler
//----- (main)
cell-handler-mobile.main-handler.shadow-1(
v-if="!cellHandler.resize.pushed",
@onIntersectionChange="intersectionChanged",
:element="'move'",
v-touch-pan="handleMoveCell",
:style="{left: cellHandler.move.x - 20 + 'px', top: cellHandler.move.y - 20 + 'px'}",
:class="[{'pushed': !cellHandler.move.pushed}, {'hide': !mobileTempCell.onGrid
&& !showEditingCells
}]")
q-icon.rotate-180(name="open_with", size="22px")
//----- (temp)
//----- (when main move handler is outside of viewport)
cell-handler-mobile.temp-handler.shadow-1(
v-touch-pan="handleMoveCell",
:doubleTap="{el: $el, type: 'scroll', oLeft: mobileTempCell.left}",
:class="[(!mobileTempCell.onGrid || tempHandler.move.intersectingMainHandler || cellHandler.resize.pushed || cellHandler.move.pushed ? 'hide': 'show'), (tempHandler.move.side === 'left' ? 'left-side' : 'right-side')]",
:style="{top: cellHandler.move.y + 59 - 20 + 'px'}",)
q-icon.rotate-180(name="open_with", size="22px")
//
--
--------------------------------------------------------------------------------------------- resize handler
//----- (main)
cell-handler-mobile.main-handler.shadow-1(
v-if="!cellHandler.move.pushed",
@onIntersectionChange="intersectionChanged",
:element="'resize'",
v-touch-pan="handleResizeCell",
:style="{left: cellHandler.resize.x - 20 + 'px', top: cellHandler.resize.y - 20 + 'px'}",
:class="[{'pushed': !cellHandler.resize.pushed}, {'hide': !mobileTempCell.onGrid
&& !showEditingCells
}]")
q-icon(name="signal_cellular_4_bar", size="12px", style="margin-left: -3px;")
//----- (temp)
//----- (when main resize handler is outside of viewport)
cell-handler-mobile.temp-handler.shadow-1(
v-touch-pan="handleResizeCell",
:class="[(!mobileTempCell.onGrid || tempHandler.resize.intersectingMainHandler || cellHandler.move.pushed || cellHandler.resize.pushed ? 'hide': 'show'), (tempHandler.resize.side === 'left' ? 'left-side' : 'right-side')]",
:style="{top: cellHandler.resize.y + 59 - 20 + 'px'}",)
q-icon(name="signal_cellular_4_bar", size="12px", style="margin-left: -3px;")
// ---------------------------------------------------------------------------------------------------------------
template(v-else)
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment