2020-01-24 10:27:35 +00:00
|
|
|
<template>
|
|
|
|
<div class="p-tab p-tab-photo-edit-labels">
|
|
|
|
<v-data-table
|
|
|
|
:headers="listColumns"
|
|
|
|
:items="model.Labels"
|
|
|
|
hide-actions
|
|
|
|
class="elevation-0 p-files p-files-list p-results"
|
|
|
|
disable-initial-sort
|
|
|
|
item-key="ID"
|
|
|
|
v-model="selected"
|
|
|
|
:no-data-text="this.$gettext('No labels found')"
|
|
|
|
>
|
|
|
|
<template slot="items" slot-scope="props" class="p-file">
|
|
|
|
<td>{{ props.item.LabelName }}</td>
|
2020-01-26 17:53:06 +00:00
|
|
|
<td class="text-xs-center">{{ props.item.LabelPriority }}</td>
|
|
|
|
<td>{{ props.item.CreatedAt | luxon:format('dd/MM/yyyy') }}</td>
|
2020-01-24 10:27:35 +00:00
|
|
|
</template>
|
|
|
|
</v-data-table>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
name: 'p-tab-photo-edit-labels',
|
|
|
|
props: {
|
|
|
|
model: Object,
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
config: this.$config.values,
|
|
|
|
readonly: this.$config.getValue("readonly"),
|
|
|
|
selected: [],
|
|
|
|
listColumns: [
|
2020-01-26 17:53:06 +00:00
|
|
|
{text: this.$gettext('Label'), value: 'LabelName', sortable: false, align: 'left'},
|
|
|
|
{text: this.$gettext('Priority'), value: 'LabelPriority', sortable: false, align: 'center'},
|
|
|
|
{text: this.$gettext('Added'), value: 'CreatedAt', sortable: false, align: 'left'},
|
2020-01-24 10:27:35 +00:00
|
|
|
],
|
|
|
|
};
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
refresh() {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
</script>
|