Commit aa9617bf authored by christianrhansen's avatar christianrhansen

layout changes

parent 2b8e3e32
......@@ -3,10 +3,11 @@
back-button(slot="backButton")
template(slot="form-title") Annotations Table
video-player(v-if="video", :src="video.body.source.id", @ready="playerReady($event)", @time="onPlayerTime($event)")
div(style="width: 300px;")
video-player(v-if="video", :src="video.body.source.id", @ready="playerReady($event)", @time="onPlayerTime($event)")
.q-mt-lg
data-table(v-if="query", :config="config", path="annotations", :query="query")
data-table(v-if="query", :config="config", path="annotations", :query="query", @start="onStart")
</template>
<script>
......@@ -29,15 +30,23 @@
descending: false
},
columns: [
{
name: 'start',
label: _this.$t('labels.starting_point'),
sortable: true,
sort: _this.$sort.onDateValue,
field: row => row.target.selector.value
},
{
name: 'value',
label: _this.$t('labels.annotations'),
field: row => row.body.value,
sortable: true,
filter: true
},
}
/*
{
name: 'starting_point',
name: 'start',
label: _this.$t('labels.starting_point'),
sortable: true,
sort: _this.$sort.onDateValue,
......@@ -45,6 +54,7 @@
format: val => DateTime.fromISO(val)
.toLocaleString(DateTime.DATETIME_SHORT_WITH_SECONDS)
}
*/
],
actions: [
{
......@@ -67,9 +77,11 @@
}
},
methods: {
onStart (val) {
alert(DateTime.fromISO(val))
},
async getVideo () {
this.video = await this.$store.dispatch('annotations/get', this.$route.params.id)
console.log('video---', this.video.body.source.id)
this.timeline = await this.$store.dispatch('maps/get', parseURI(this.video.target.id).uuid)
if (this.video) {
this.metadata = await this.$store.dispatch('metadata/get', this.video)
......
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