mirror of https://github.com/doccano/doccano.git
pythonannotation-tooldatasetsactive-learningtext-annotationdatasetnatural-language-processingdata-labelingmachine-learning
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.
46 lines
1.2 KiB
46 lines
1.2 KiB
<template>
|
|
<v-card>
|
|
<v-card-title>Progress</v-card-title>
|
|
<v-card-text>
|
|
<v-list class="pt-0" dense>
|
|
<v-list-item class="pa-0">
|
|
<v-list-item-title>Total</v-list-item-title>
|
|
<v-list-item-subtitle class="text-right" v-text="progress.total" />
|
|
</v-list-item>
|
|
<v-list-item class="pa-0">
|
|
<v-list-item-title>Complete</v-list-item-title>
|
|
<v-list-item-subtitle class="text-right" v-text="progress.complete" />
|
|
</v-list-item>
|
|
</v-list>
|
|
<v-progress-linear
|
|
:value="percentage"
|
|
color="success"
|
|
height="25"
|
|
>
|
|
<template #default="{ value }">
|
|
<strong>{{ value }}%</strong>
|
|
</template>
|
|
</v-progress-linear>
|
|
</v-card-text>
|
|
</v-card>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import Vue, { PropType } from 'vue'
|
|
import { MyProgress } from '@/domain/models/metrics/metrics'
|
|
|
|
export default Vue.extend({
|
|
props: {
|
|
progress: {
|
|
type: Object as PropType<MyProgress>,
|
|
required: true
|
|
},
|
|
},
|
|
|
|
computed: {
|
|
percentage(): number {
|
|
return Math.ceil(this.progress.complete / this.progress.total * 100)
|
|
}
|
|
}
|
|
})
|
|
</script>
|