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

add select to annotation list to switch between scroll and tab mode. also...

add select to annotation list to switch between scroll and tab mode. also added CellAnnotationListTabs which should extend CellAnnotationList as an alternative to the select option. neither works atm.
parent be05adc7
......@@ -19,6 +19,13 @@
:error="spec.error",
:error-label="spec.errorMessage",
style="width: 100%")
template(v-if="spec.inputType === 'select'")
q-select(
:float-label="spec.label",
v-model="spec.value"
:options="spec.selectOptions"
@input="value => handleItemChanged(value, cell, spec.path)")
template(v-else)
q-input(
:float-label="spec.label",
:type="spec.inputType",
......@@ -204,6 +211,26 @@
errorMessage: '',
value: undefined,
path: 'regexp'
},
{
inputType: 'select',
type: 'Annotation-List',
label: 'Display type',
help: '',
error: false,
errorMessage: '',
value: 'scroll-list',
path: 'displaytype',
selectOptions: [
{
label: 'Scroll List',
value: 'scroll-list'
},
{
label: 'Tab List',
value: 'tab-list'
}
]
}]
}
}
......
......@@ -102,6 +102,15 @@
error: false,
errorMessage: 'Needs to be a valid URL',
value: ''
},
{
inputType: 'text',
type: 'Annotation-List-Tabs',
label: 'Annotation List Cell Tabs',
help: 'Insert a Video UUID',
error: false,
errorMessage: '',
value: ''
}
]
}
......
<template lang="pug">
// annotation list
div.annotation-list(:class="{'display-preview': preview, 'display-full': display}")
div.annotation-list(:class="{'display-preview': preview, 'display-full': display}"
template(v-if="display")
template(v-if="video && video.body")
......
<template lang="pug">
// annotation list
div Annotation Tabs
</template>
<script>
import CellAnnotationList from './CellAnnotationList.vue'
export default {
extends: CellAnnotationList,
data () {
return {
}
}
}
</script>
<style scoped lang="stylus">
@import '~variables'
</style>
......@@ -10,6 +10,7 @@ import CellVideo from './CellVideo'
import CellHtml from './CellHtml'
import CellTimeline from './CellTimeline'
import CellAnnotationList from './CellAnnotationList'
import CellAnnotationListTabs from './CellAnnotationListTabs'
import Cell2DGrid from './Cell2DGrid'
// import CellVimeo from './CellVimeo'
......@@ -29,6 +30,7 @@ export default {
CellInternalLink,
CellVideo,
CellAnnotationList,
CellAnnotationListTabs,
CellTimeline,
Cell2DGrid
}
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