Supprimer l'utilisation de Vuetify

[Haelle]

Supprimer toute dépendance à Vuetify.

Cf PR #43 où Vuetify où a été ajouté.
Cf etalab/template.data.gouv.fr#121 où le tableau a été ajouté au template

En gros revoir le code de ce fichier pour utiliser le design du template
src/components/resource/user/Index.vue

[Samuelfaure]

Note : supprimer vuetify = devoir recoder la recherche et le ordering du tableau.

[brindu]

Je ne pense pas que ça prenne trop de temps de devoir recoder le JS pour les filtres et tris du tableau, c'est moins quickwin que de juste utiliser le template CSS mais les fonctionnalités sont assez simples à mettre en place.

[Samuelfaure]

Le js pour le filtre m'a pris 5 mins mais le ordering c'est davantage compliqué, il faudra un peu de temps pour faire ça propre sinon on va bloat le component. Mais oui ce sera a faire probablement.

[brindu]

Bloat le component ?

Un simple getter ordonné ne fait pas le taf ici ?

[Samuelfaure]

Faut gérer le click sur les fleches, qui :

• ordonne le tableau dans le bon sens selon quelle flèche est cliquée
• s'intègre bien avec le filtrage du tableau par la fonction recherche
• change sa propre classe en descending et la classe des autres flèches en ascending (ou le contraire)

pas que ce soit très difficile mais c'est pas non plus 5 mins pour faire ça bien et propre

[Haelle]

Il faut aussi penser à la recherche sur un champ invisible (le uuid de l'utilisateur), je m'en sers tout le temps pour identifier les utilisateurs depuis Kibana

[Samuelfaure]

@Haelle Ofc, ceci ne rajoute pas de complexité en fait. Il suffit de faire :

function arrayFiltered () {
  if (this.search == '') { return this.array}

  search = new RegExp(this.search, "gi")

  this.array.filter((item) => {
    return( item.uuid.match(search) || item.context.match(search) || item.email.match(search))
  })
}

Pas très beau mais ça fait le job

[brindu]

Closed in #75