vue homepage_widget: improve translations, titles, tabs order, add no data statement

This commit is contained in:
2022-01-26 10:13:58 +01:00
parent c3c2fd30f0
commit 41a6366efe
7 changed files with 88 additions and 38 deletions

View File

@@ -1,7 +1,8 @@
<template>
<h2>{{ $t('my_tasks.title_warning') }}</h2>
<tab-table>
<div class="alert alert-light">{{ $t('my_tasks.description_alert') }}</div>
<span v-if="noResultsWarning" class="chill-no-data-statement">{{ $t('no_data') }}</span>
<tab-table v-else>
<template v-slot:thead>
</template>
<template v-slot:tbody>
@@ -9,8 +10,9 @@
</template>
</tab-table>
<h2>{{ $t('my_tasks.title_alert') }}</h2>
<tab-table>
<div class="alert alert-light">{{ $t('my_tasks.description_warning') }}</div>
<span v-if="noResultsAlert" class="chill-no-data-statement">{{ $t('no_data') }}</span>
<tab-table v-else>
<template v-slot:thead>
</template>
<template v-slot:tbody>
@@ -36,7 +38,21 @@ export default {
...mapGetters([
'isTasksWarningLoaded',
'isTasksAlertLoaded',
])
]),
noResultsAlert() {
if (!this.isTasksAlertLoaded) {
return false;
} else {
return this.tasks.alert.count === 0;
}
},
noResultsWarning() {
if (!this.isTasksWarningLoaded) {
return false;
} else {
return this.tasks.warning.count === 0;
}
}
},
}
</script>