mirror of https://github.com/doccano/doccano.git
pythondatasetsactive-learningtext-annotationdatasetnatural-language-processingdata-labelingmachine-learningannotation-tool
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.9 KiB
69 lines
1.9 KiB
<template>
|
|
<v-card max-height="500" style="overflow-y: scroll">
|
|
<v-card-title class="pb-0">Regions</v-card-title>
|
|
<v-list dense>
|
|
<v-list-item-group v-model="model">
|
|
<v-list-item
|
|
v-for="(item, i) in regions"
|
|
:key="`item-${i}`"
|
|
:value="item"
|
|
:style="{ opacity: item.visibility ? 1 : 0.5 }"
|
|
active-class="text--accent-4"
|
|
@mouseenter="$emit('hover-region', item.id)"
|
|
@mouseleave="$emit('unhover-region', item.id)"
|
|
>
|
|
<template #default="{}">
|
|
<v-list-item-content>
|
|
<v-list-item-title>
|
|
<v-chip :color="item.color" text-color="white" small v-text="item.category" />
|
|
</v-list-item-title>
|
|
</v-list-item-content>
|
|
<v-list-item-action>
|
|
<v-checkbox
|
|
:input-value="item.visibility"
|
|
:on-icon="mdiEyeOutline"
|
|
:off-icon="mdiEyeOffOutline"
|
|
@change="$emit('change-visibility', item.id, $event)"
|
|
/>
|
|
</v-list-item-action>
|
|
<v-list-item-action>
|
|
<v-btn icon @click="$emit('delete-region', item.id)">
|
|
<v-icon>{{ mdiDelete }}</v-icon>
|
|
</v-btn>
|
|
</v-list-item-action>
|
|
</template>
|
|
</v-list-item>
|
|
</v-list-item-group>
|
|
</v-list>
|
|
</v-card>
|
|
</template>
|
|
|
|
<script>
|
|
import { mdiEyeOutline, mdiEyeOffOutline, mdiDelete } from '@mdi/js'
|
|
|
|
export default {
|
|
props: {
|
|
regions: {
|
|
type: Array,
|
|
default: () => []
|
|
}
|
|
},
|
|
|
|
data() {
|
|
return {
|
|
mdiDelete,
|
|
mdiEyeOutline,
|
|
mdiEyeOffOutline,
|
|
model: null,
|
|
headers: [
|
|
{
|
|
text: 'Category',
|
|
align: 'start',
|
|
value: 'category'
|
|
},
|
|
{ text: 'Visibility', value: 'visibility' }
|
|
]
|
|
}
|
|
}
|
|
}
|
|
</script>
|