homepage_widget: basically build tables for evaluations, tasks and courses

This commit is contained in:
Mathieu Jaumotte 2022-01-31 12:46:44 +01:00
parent e7db71b0f3
commit c806c06279
5 changed files with 49 additions and 8 deletions

View File

@ -4,13 +4,15 @@
<tab-table v-else> <tab-table v-else>
<template v-slot:thead> <template v-slot:thead>
<th scope="col">id</th> <th scope="col">id</th>
<th scope="col">Ouvert le</th>
<th scope="col">Usagers concernés</th>
<th scope="col"></th> <th scope="col"></th>
</template> </template>
<template v-slot:tbody> <template v-slot:tbody>
<tr v-for="(c, i) in accompanyingCourses.results" :key="`course-${i}`"> <tr v-for="(c, i) in accompanyingCourses.results" :key="`course-${i}`">
<td> <td>{{ c.id}}</td>
{{ c.id}} <td>{{ $d(c.openingDate.datetime, 'long') }}</td>
</td> <td>{{ c.participations.length }}</td>
<td> <td>
<a class="btn btn-sm btn-show" :href="getUrl(c)"> <a class="btn btn-sm btn-show" :href="getUrl(c)">
{{ $t('show_entity', { entity: $t('the_course') }) }} {{ $t('show_entity', { entity: $t('the_course') }) }}

View File

@ -3,9 +3,18 @@
<span v-if="noResults" class="chill-no-data-statement">{{ $t('no_data') }}</span> <span v-if="noResults" class="chill-no-data-statement">{{ $t('no_data') }}</span>
<tab-table v-else> <tab-table v-else>
<template v-slot:thead> <template v-slot:thead>
<th scope="col">id</th>
<th scope="col"></th>
</template> </template>
<template v-slot:tbody> <template v-slot:tbody>
<tr></tr> <tr v-for="(e, i) in evaluations.results" :key="`evaluation-${i}`">
<td>{{ e.id}}</td>
<td>
<a class="btn btn-sm btn-show" :href="getUrl(e)">
{{ $t('show_entity', { entity: $t('the_evaluation') }) }}
</a>
</td>
</tr>
</template> </template>
</tab-table> </tab-table>
</template> </template>
@ -34,6 +43,11 @@ export default {
} }
} }
}, },
methods: {
getUrl(e) {
return `/fr/person/accompanying-period/work/${e.id}/edit`
}
},
} }
</script> </script>

View File

@ -4,20 +4,20 @@
<tab-table v-else> <tab-table v-else>
<template v-slot:thead> <template v-slot:thead>
<th scope="col">{{ $t('Date') }}</th> <th scope="col">{{ $t('Date') }}</th>
<th scope="col">{{ $t('From') }}</th>
<th scope="col">{{ $t('Subject') }}</th> <th scope="col">{{ $t('Subject') }}</th>
<th scope="col">{{ $t('From') }}</th>
<th scope="col"></th> <th scope="col"></th>
</template> </template>
<template v-slot:tbody> <template v-slot:tbody>
<tr v-for="(n, i) in notifications.results" :key="`notify-${i}`"> <tr v-for="(n, i) in notifications.results" :key="`notify-${i}`">
<td>{{ $d(n.date.datetime, 'long') }}</td> <td>{{ $d(n.date.datetime, 'long') }}</td>
<td>{{ n.sender.text }}</td>
<td> <td>
<span class="unread"> <span class="unread">
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<a :href="getNotificationUrl(n)">{{ n.title }}</a> <a :href="getNotificationUrl(n)">{{ n.title }}</a>
</span> </span>
</td> </td>
<td>{{ n.sender.text }}</td>
<td> <td>
<a class="btn btn-sm btn-show" <a class="btn btn-sm btn-show"
:href="getEntityUrl(n)"> :href="getEntityUrl(n)">

View File

@ -4,9 +4,18 @@
<span v-if="noResultsWarning" class="chill-no-data-statement">{{ $t('no_data') }}</span> <span v-if="noResultsWarning" class="chill-no-data-statement">{{ $t('no_data') }}</span>
<tab-table v-else> <tab-table v-else>
<template v-slot:thead> <template v-slot:thead>
<th scope="col">id</th>
<th scope="col"></th>
</template> </template>
<template v-slot:tbody> <template v-slot:tbody>
<tr></tr> <tr v-for="(t, i) in tasks.warning" :key="`task-warning-${i}`">
<td>{{ t.id}}</td>
<td>
<a class="btn btn-sm btn-show" :href="getUrl(t)">
{{ $t('show_entity', { entity: $t('the_task') }) }}
</a>
</td>
</tr>
</template> </template>
</tab-table> </tab-table>
@ -14,9 +23,18 @@
<span v-if="noResultsAlert" class="chill-no-data-statement">{{ $t('no_data') }}</span> <span v-if="noResultsAlert" class="chill-no-data-statement">{{ $t('no_data') }}</span>
<tab-table v-else> <tab-table v-else>
<template v-slot:thead> <template v-slot:thead>
<th scope="col">id</th>
<th scope="col"></th>
</template> </template>
<template v-slot:tbody> <template v-slot:tbody>
<tr></tr> <tr v-for="(t, i) in tasks.alert" :key="`task-alert-${i}`">
<td>{{ t.id}}</td>
<td>
<a class="btn btn-sm btn-show" :href="getUrl(t)">
{{ $t('show_entity', { entity: $t('the_task') }) }}
</a>
</td>
</tr>
</template> </template>
</tab-table> </tab-table>
@ -54,6 +72,11 @@ export default {
} }
} }
}, },
methods: {
getUrl(t) {
return `/fr/task/single-task/${t.id}/show`
}
},
} }
</script> </script>

View File

@ -30,6 +30,8 @@ const appMessages = {
the_activity: "l'échange", the_activity: "l'échange",
the_course: "le parcours", the_course: "le parcours",
the_action: "l'action", the_action: "l'action",
the_evaluation: "l'évaluation",
the_task: "la tâche",
StartDate: "Date d'ouverture", StartDate: "Date d'ouverture",
SocialAction: "Action d'accompagnement", SocialAction: "Action d'accompagnement",
no_data: "Aucun résultats", no_data: "Aucun résultats",