Commit afa999f9 authored by Mathias Bär's avatar Mathias Bär

- more cell setting dummies added

- disabled selecting cells
- added highlight to cells being edited
parent 5b4c42ce
Pipeline #12940 passed with stage
in 8 minutes and 34 seconds
......@@ -38,8 +38,11 @@
style="top: 8px; right: 8px;",
:icon="annotationUIStates[annotation._uuid].editing ? 'close' : 'edit'", flat, round, size="md"
)
// selecting cells disabled because it has no use currently
// switch with cell component below to re-enable it
//cell(
@click.native.prevent="event => {handleCellClick(event, annotation)}", :annotation="annotation", :preview="true")
cell(
@click.native.prevent="event => {handleCellClick(event, annotation)}",
:annotation="annotation",
:preview="true"
)
......@@ -642,6 +645,7 @@
display: block
&.editing
background-color lightpink
.edit-button
display: block
......
......@@ -20,8 +20,8 @@
:options="dataCell.displayContent.options",
hide-underline
)
template(v-if="dataCell.displayContent.model == 'video'")
q-item
template(v-if="dataCell.displayContent.model === 'video'")
q-item.wrap
q-checkbox(
v-model="dataCell.videoSettings.autoPlay",
label="Auto Play"
......@@ -30,7 +30,15 @@
v-model="dataCell.videoSettings.showTitle",
label="Show Title"
)
template(v-if="dataCell.displayContent.model == 'annotationList'")
q-checkbox(
v-model="checkbox.model2",
label="Show controls"
)
q-checkbox(
v-model="checkbox.model3",
label="Allow fullscreen"
)
template(v-if="dataCell.displayContent.model === 'annotationList'")
q-item
q-checkbox(
v-model="dataCell.annotationListSettings.showAuthor",
......@@ -47,6 +55,14 @@
float-label="Filter Annotations",
:min-rows="1"
)
q-item
div
div Display Type
q-option-group.full-width(
type="radio",
v-model="imageCell.displayMethod.model",
:options="[{ label: 'Continuous list', value: 'list' }, { label: 'Tab list', value: 'tab' }]"
)
q-list.data-cell-dummy-settings
q-list-header Video Cell
......@@ -58,7 +74,7 @@
:min-rows="1",
:value="'youtube.com/avnkdhhN'"
)
q-item
q-item.wrap
q-checkbox(
v-model="dataCell.videoSettings.autoPlay",
label="Auto Play"
......@@ -67,7 +83,14 @@
v-model="dataCell.videoSettings.showTitle",
label="Show Title"
)
q-checkbox(
v-model="checkbox.model2",
label="Show controls"
)
q-checkbox(
v-model="checkbox.model3",
label="Allow fullscreen"
)
q-list.data-cell-dummy-settings
q-list-header Link Cell
q-item
......@@ -82,11 +105,12 @@
template(v-if="linkCell.model === 'external'")
q-item
q-input(
class="full-width",
type="text",
float-label="URL",
:min-rows="1"
)
class="full-width",
type="url",
float-label="URL",
:min-rows="1",
value="https://url"
)
q-item
q-checkbox(
v-model="linkCell.external.newTab",
......@@ -97,18 +121,20 @@
q-select(
class="full-width secondary-select",
v-model="linkCell.grid.model",
radio,
float-label="Target",
:options="linkCell.grid.options",
hide-underline
)
template(v-if="linkCell.model === 'titleCell'")
template(v-if="linkCell.model === 'cell'")
q-item
q-select(
class="full-width secondary-select",
v-model="linkCell.titleCell.model",
v-model="linkCell.cell.model",
float-label="Target",
:options="linkCell.titleCell.options",
hide-underline
:options="linkCell.cell.options",
hide-underline,
radio
)
q-list.data-cell-dummy-settings
......@@ -127,17 +153,49 @@
type="text",
float-label="Text",
:min-rows="1",
value=""
)
q-list.data-cell-dummy-settings
q-list-header Image Cell
q-item
q-input(
class="full-width",
type="text",
float-label="ID",
type="url",
float-label="URL",
:min-rows="1",
value="https://url"
)
q-list.data-cell-dummy-settings
q-list-header Image Cell
q-item
q-checkbox(
v-model="checkbox.model0",
label="Allow fullscreen"
)
q-item
div
div Display Method
q-option-group.full-width(
type="radio",
v-model="imageCell.displayMethod.model",
:options="[{ label: 'Standard', value: 'standard' }, { label: 'Contain', value: 'contain' }, { label: 'Cover', value: 'cover' }]"
)
template(v-if="imageCell.displayMethod.model === 'standard'")
q-item
div
div Align to
q-option-group.full-width(
type="radio",
v-model="imageCell.alignTo.model",
:options="[{ label: 'Top', value: 'top' }, { label: 'Right', value: 'right' }, { label: 'Bottom', value: 'bottom' }, { label: 'Left', value: 'left' }]"
)
q-item
div
div Scale
q-option-group.full-width(
type="radio",
v-model="imageCell.scale.model",
:options="[{ label: 'Initial size', value: 'i' }, { label: 'Width 100%', value: 'w' }, { label: 'Height 100%', value: 'h' }]"
)
q-list.data-cell-dummy-settings
q-list-header IFrame Cell
......@@ -153,8 +211,37 @@
v-model="documentCell.model",
float-label="File",
:options="documentCell.options",
hide-underline
hide-underline,
radio
)
q-item
div
div Display Method
q-option-group.full-width(
type="radio",
v-model="imageCell.displayMethod.model",
:options="[{ label: 'Standard', value: 'standard' }, { label: 'Contain', value: 'contain' }, { label: 'Cover', value: 'cover' }]"
)
template(v-if="imageCell.displayMethod.model === 'standard'")
q-item
div
div Align
q-option-group.full-width(
type="radio",
v-model="imageCell.alignTo.model",
:options="[{ label: 'Top', value: 'top' }, { label: 'Right', value: 'right' }, { label: 'Bottom', value: 'bottom' }, { label: 'Left', value: 'left' }]"
)
q-item
div
div Scale
q-option-group.full-width(
type="radio",
v-model="imageCell.scale.model",
:options="[{ label: 'Initial size', value: 'i' }, { label: 'Width 100%', value: 'w' }, { label: 'Height 100%', value: 'h' }]"
)
q-list.data-cell-dummy-settings
q-list-header Table of Content Cell
q-item (Display a list of all Title Cells. Clicking on a title scrolls the grid to the according cell.)
</template>
<script>
......@@ -169,6 +256,12 @@
},
data () {
return {
checkbox: {
model0: false,
model1: false,
model2: false,
model3: false
},
selectedTab: 'tab-editing-cells',
dataCell: {
displayContent: {
......@@ -210,8 +303,8 @@
value: 'grid'
},
{
label: 'Text Cell',
value: 'titleCell'
label: 'Cell',
value: 'cell'
}
],
external: {
......@@ -242,20 +335,20 @@
}
]
},
titleCell: {
cell: {
model: undefined,
options: [
{
label: 'Title Cell 0',
value: 'titleCell0'
label: 'Cell 0',
value: 'cell0'
},
{
label: 'Title Cell 1',
value: 'titleCell1'
label: 'Cell 1',
value: 'cell1'
},
{
label: 'Title Cell 2',
value: 'titleCell2'
label: 'Cell 2',
value: 'cell2'
}
]
}
......@@ -284,6 +377,17 @@
value: 'document4'
}
]
},
imageCell: {
displayMethod: {
model: 'list'
},
alignTo: {
model: 'top'
},
scale: {
model: 'i'
}
}
}
},
......
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