feat(front) : repertoires — colonne « Dernière activité » (vide, en attente du suivi d'activite)
This commit is contained in:
@@ -72,7 +72,7 @@
|
|||||||
"companyName": "Nom",
|
"companyName": "Nom",
|
||||||
"categories": "Catégories",
|
"categories": "Catégories",
|
||||||
"sites": "Site",
|
"sites": "Site",
|
||||||
"lastActivity": "Dernière modification"
|
"lastActivity": "Dernière activité"
|
||||||
},
|
},
|
||||||
"filters": {
|
"filters": {
|
||||||
"title": "Filtres",
|
"title": "Filtres",
|
||||||
@@ -218,7 +218,7 @@
|
|||||||
"companyName": "Nom",
|
"companyName": "Nom",
|
||||||
"categories": "Catégories",
|
"categories": "Catégories",
|
||||||
"sites": "Site",
|
"sites": "Site",
|
||||||
"lastActivity": "Dernière modification"
|
"lastActivity": "Dernière activité"
|
||||||
},
|
},
|
||||||
"filters": {
|
"filters": {
|
||||||
"title": "Filtres",
|
"title": "Filtres",
|
||||||
@@ -389,7 +389,7 @@
|
|||||||
"companyName": "Nom",
|
"companyName": "Nom",
|
||||||
"categories": "Catégories",
|
"categories": "Catégories",
|
||||||
"sites": "Site",
|
"sites": "Site",
|
||||||
"lastActivity": "Dernière modification"
|
"lastActivity": "Dernière activité"
|
||||||
},
|
},
|
||||||
"filters": {
|
"filters": {
|
||||||
"title": "Filtres",
|
"title": "Filtres",
|
||||||
|
|||||||
@@ -62,10 +62,9 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- Derniere activite : date de derniere modification (updatedAt). -->
|
<!-- Derniere activite : volontairement vide tant que le suivi
|
||||||
<template #cell-lastActivity="{ item }">
|
d'activite (onglets de la fiche) n'est pas encore developpe. -->
|
||||||
{{ formatLastActivity(item) }}
|
<template #cell-lastActivity />
|
||||||
</template>
|
|
||||||
</MalioDataTable>
|
</MalioDataTable>
|
||||||
|
|
||||||
<div class="flex justify-center mt-4">
|
<div class="flex justify-center mt-4">
|
||||||
@@ -199,7 +198,6 @@ const rows = computed(() => clients.value.map(client => ({
|
|||||||
companyName: client.companyName,
|
companyName: client.companyName,
|
||||||
categories: client.categories,
|
categories: client.categories,
|
||||||
sites: client.sites,
|
sites: client.sites,
|
||||||
updatedAt: client.updatedAt,
|
|
||||||
})))
|
})))
|
||||||
|
|
||||||
const columns = [
|
const columns = [
|
||||||
@@ -215,26 +213,6 @@ function formatCategories(item: Record<string, unknown>): string {
|
|||||||
return categories.map(c => c.name).join(', ')
|
return categories.map(c => c.name).join(', ')
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Derniere activite : faute de suivi d'activite metier au M1, on affiche la
|
|
||||||
* date de derniere modification de la fiche (updatedAt, expose en liste via
|
|
||||||
* default:read). Format court francais jj/mm/aaaa.
|
|
||||||
*/
|
|
||||||
function formatLastActivity(item: Record<string, unknown>): string {
|
|
||||||
const value = item.updatedAt as string | null | undefined
|
|
||||||
if (!value) {
|
|
||||||
return ''
|
|
||||||
}
|
|
||||||
|
|
||||||
// Garde-fou date invalide : un updatedAt mal forme donnerait « Invalid Date ».
|
|
||||||
const date = new Date(value)
|
|
||||||
if (Number.isNaN(date.getTime())) {
|
|
||||||
return ''
|
|
||||||
}
|
|
||||||
|
|
||||||
return date.toLocaleDateString('fr-FR')
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Clic sur une ligne → ecran Consultation (route a plat /clients/{id}). */
|
/** Clic sur une ligne → ecran Consultation (route a plat /clients/{id}). */
|
||||||
function onRowClick(item: Record<string, unknown>): void {
|
function onRowClick(item: Record<string, unknown>): void {
|
||||||
router.push(`/clients/${item.id}`)
|
router.push(`/clients/${item.id}`)
|
||||||
|
|||||||
@@ -62,10 +62,9 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- Derniere activite : date de derniere modification (updatedAt). -->
|
<!-- Derniere activite : volontairement vide tant que le suivi
|
||||||
<template #cell-lastActivity="{ item }">
|
d'activite (onglets de la fiche) n'est pas encore developpe. -->
|
||||||
{{ formatLastActivity(item) }}
|
<template #cell-lastActivity />
|
||||||
</template>
|
|
||||||
</MalioDataTable>
|
</MalioDataTable>
|
||||||
|
|
||||||
<div class="flex justify-center mt-4">
|
<div class="flex justify-center mt-4">
|
||||||
@@ -199,7 +198,6 @@ const rows = computed(() => suppliers.value.map(supplier => ({
|
|||||||
companyName: supplier.companyName,
|
companyName: supplier.companyName,
|
||||||
categories: supplier.categories,
|
categories: supplier.categories,
|
||||||
sites: supplier.sites,
|
sites: supplier.sites,
|
||||||
updatedAt: supplier.updatedAt,
|
|
||||||
})))
|
})))
|
||||||
|
|
||||||
const columns = [
|
const columns = [
|
||||||
@@ -215,26 +213,6 @@ function formatCategories(item: Record<string, unknown>): string {
|
|||||||
return categories.map(c => c.name).join(', ')
|
return categories.map(c => c.name).join(', ')
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Derniere activite : faute de suivi d'activite metier au M2, on affiche la
|
|
||||||
* date de derniere modification de la fiche (updatedAt, expose en liste via
|
|
||||||
* default:read). Format court francais jj/mm/aaaa.
|
|
||||||
*/
|
|
||||||
function formatLastActivity(item: Record<string, unknown>): string {
|
|
||||||
const value = item.updatedAt as string | null | undefined
|
|
||||||
if (!value) {
|
|
||||||
return ''
|
|
||||||
}
|
|
||||||
|
|
||||||
// Garde-fou date invalide : un updatedAt mal forme donnerait « Invalid Date ».
|
|
||||||
const date = new Date(value)
|
|
||||||
if (Number.isNaN(date.getTime())) {
|
|
||||||
return ''
|
|
||||||
}
|
|
||||||
|
|
||||||
return date.toLocaleDateString('fr-FR')
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Clic sur une ligne → ecran Consultation (route a plat /suppliers/{id}). */
|
/** Clic sur une ligne → ecran Consultation (route a plat /suppliers/{id}). */
|
||||||
function onRowClick(item: Record<string, unknown>): void {
|
function onRowClick(item: Record<string, unknown>): void {
|
||||||
router.push(`/suppliers/${item.id}`)
|
router.push(`/suppliers/${item.id}`)
|
||||||
|
|||||||
@@ -63,10 +63,9 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- Derniere activite : date de derniere modification (updatedAt), format JJ-MM-AAAA. -->
|
<!-- Derniere activite : volontairement vide tant que le suivi
|
||||||
<template #cell-lastActivity="{ item }">
|
d'activite (onglets de la fiche) n'est pas encore developpe. -->
|
||||||
{{ formatLastActivity(item) }}
|
<template #cell-lastActivity />
|
||||||
</template>
|
|
||||||
</MalioDataTable>
|
</MalioDataTable>
|
||||||
|
|
||||||
<div class="flex justify-center mt-4">
|
<div class="flex justify-center mt-4">
|
||||||
@@ -200,7 +199,6 @@ const rows = computed(() => providers.value.map(provider => ({
|
|||||||
companyName: provider.companyName,
|
companyName: provider.companyName,
|
||||||
categories: provider.categories,
|
categories: provider.categories,
|
||||||
sites: provider.sites,
|
sites: provider.sites,
|
||||||
updatedAt: provider.updatedAt,
|
|
||||||
})))
|
})))
|
||||||
|
|
||||||
const columns = [
|
const columns = [
|
||||||
@@ -216,29 +214,6 @@ function formatCategories(item: Record<string, unknown>): string {
|
|||||||
return categories.map(c => c.name).join(', ')
|
return categories.map(c => c.name).join(', ')
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Derniere activite : date de derniere modification de la fiche (updatedAt,
|
|
||||||
* expose en liste via default:read). Format court francais JJ-MM-AAAA (tirets,
|
|
||||||
* cf. spec-front M3 § Datatable).
|
|
||||||
*/
|
|
||||||
function formatLastActivity(item: Record<string, unknown>): string {
|
|
||||||
const value = item.updatedAt as string | null | undefined
|
|
||||||
if (!value) {
|
|
||||||
return ''
|
|
||||||
}
|
|
||||||
|
|
||||||
// Garde-fou date invalide : un updatedAt mal forme donnerait « Invalid Date ».
|
|
||||||
const date = new Date(value)
|
|
||||||
if (Number.isNaN(date.getTime())) {
|
|
||||||
return ''
|
|
||||||
}
|
|
||||||
|
|
||||||
const day = String(date.getDate()).padStart(2, '0')
|
|
||||||
const month = String(date.getMonth() + 1).padStart(2, '0')
|
|
||||||
const year = date.getFullYear()
|
|
||||||
return `${day}-${month}-${year}`
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Clic sur une ligne → ecran Consultation (route a plat /providers/{id}). */
|
/** Clic sur une ligne → ecran Consultation (route a plat /providers/{id}). */
|
||||||
function onRowClick(item: Record<string, unknown>): void {
|
function onRowClick(item: Record<string, unknown>): void {
|
||||||
router.push(`/providers/${item.id}`)
|
router.push(`/providers/${item.id}`)
|
||||||
|
|||||||
Reference in New Issue
Block a user