Commit 6325df9a authored by Anton Koch's avatar Anton Koch

Merge branch '372-add-cell-editing-features---mosys' into 'release_2_0'

added cell editing features to cell editor (#372)

See merge request !39
parents 4918cb6d 56f7907e
Pipeline #53773 passed with stage
in 6 minutes and 12 seconds
This diff is collapsed.
<template lang="pug">
div
.q-caption {{ cell.configuration._value.component }}
</template>
<script>
export default {
name: 'CellFeatures',
props: ['cell'],
data () {
return {
itemSpecs: {
'CellTitle': [{
inputType: 'textarea',
type: 'Title',
label: 'Title Cell',
help: '',
error: false,
errorMessage: '',
value: '',
path: 'content'
},
{
inputType: 'url',
type: 'Title',
label: 'Link URL',
help: 'Insert any valid URL',
error: false,
errorMessage: 'Needs to be a valid URL',
value: '',
path: 'link'
}],
'CellText': [{
inputType: 'textarea',
type: 'Text',
label: 'Text Cell',
help: '',
error: false,
errorMessage: '',
value: '',
path: 'content'
}],
'CellMedia': [{
inputType: 'url',
type: 'Media',
label: 'Media Cell',
help: 'Insert a URL to: a video file or a Vimeo / YouTube video page',
error: false,
errorMessage: 'Needs to be a valid URL',
value: '',
path: 'content'
},
{
inputType: 'number',
type: 'Video',
label: 'Start',
help: 'Set start point (seconds)',
error: false,
errorMessage: 'Needs to be a valid number',
value: 0,
path: 'start'
},
{
inputType: 'number',
type: 'Video',
label: 'Duration',
help: 'Set duration (seconds)',
error: false,
errorMessage: 'Needs to be a valid number',
value: 0,
path: 'duration'
}],
'CellImage': [{
inputType: 'url',
type: 'Image',
label: 'Image Cell',
help: 'Insert a URL to an image file',
error: false,
errorMessage: 'Needs to be a valid URL',
value: '',
path: 'content'
},
{
inputType: 'url',
type: 'Image',
label: 'Link URL',
help: 'Insert any valid URL',
error: false,
errorMessage: 'Needs to be a valid URL',
value: '',
path: 'link'
}],
'CellInternalLink': [{
inputType: 'url',
type: 'Internal-Link',
label: 'Link Cell',
help: 'Insert a URL to a page in this system',
error: false,
errorMessage: 'Needs to be a valid URL',
value: '',
path: 'content'
}],
'CellIFrame': [{
inputType: 'url',
type: 'IFrame',
label: 'IFrame Cell',
help: 'Insert some URL',
error: false,
errorMessage: 'Needs to be a valid URL',
value: '',
path: 'content'
}],
'CellAnnotationList': [{
inputType: 'text',
type: 'Annotation-List',
label: 'Annotation List Cell',
help: 'Insert a Video UUID',
error: false,
errorMessage: '',
value: '',
path: 'content'
},
{
inputType: 'number',
type: 'Annotation-List',
label: 'Add annotations',
help: 'Allow user to add more annotations (0 or 1)',
error: false,
errorMessage: '',
value: 0,
path: 'allow_annotations'
},
{
inputType: 'number',
type: 'Annotation-List',
label: 'Start',
help: 'Filter from video start point (seconds)',
error: false,
errorMessage: 'Needs to be a valid number',
value: 0,
path: 'start'
},
{
inputType: 'number',
type: 'Annotation-List',
label: 'Duration',
help: 'Filter duration (seconds)',
error: false,
errorMessage: 'Needs to be a valid number',
value: 0,
path: 'duration'
},
{
inputType: 'text',
type: 'Annotation-List',
label: 'Textfilter',
help: 'Filter annotations by search string',
error: false,
errorMessage: '',
value: undefined,
path: 'textfilter'
},
{
inputType: 'text',
type: 'Annotation-List',
label: 'RegExp',
help: 'Filter annotations by regular expression',
error: false,
errorMessage: '',
value: undefined,
path: 'regexp'
},
{
inputType: 'text',
type: 'Annotation-List',
label: 'Display type',
help: 'Either "scroll-list" or "tabs"',
error: false,
errorMessage: '',
value: undefined,
path: 'displayType'
}]
}
}
},
mounted () {
}
}
</script>
<style scoped lang="stylus">
</style>
......@@ -53,9 +53,8 @@
// -----------------------------------------------------------------------------------------------------------------
// ------------------------------------------------------------------------------------------------------------ grid
// modal for existing cell editing
q-modal.z-max(v-model="modal", minimized, content-css="border-radius: .35rem!important;")
cell-editor.bg-dark(@closePanel="closePanelHandler", @removeCell="removeCellHandler",
style="border: 1px solid rgba(255,255,255,0.2);")
q-modal.z-max(v-model="modal", minimized, content-css="border-radius: .35rem!important; border: 1px solid rgba(255,255,255,0.25); background-color: black;")
cell-editor.bg-dark(@closePanel="closePanelHandler", @removeCell="removeCellHandler")
// -----------------------------------------------------------------------------------------------------------------
// ------------------------------------------------------------------------------------------------------------ grid
......
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