Système de tableaux dynamique #226

New issue

Closed

opened 2023-02-06 10:28:40 +01:00 by kazhnuz · 3 comments

kazhnuz commented

2023-02-06 10:28:40 +01:00

Owner

Ajouter d'un systeme de tableau dynamique, paginés, utilisable pour afficher des données.

Capable de transformer une liste d'objet json en tableau
Pagination des résultats
Résultat par page variable
Système de recherche dynamique
Système de restriction de valeurs de champs (ajouter ça peut-être dans le "key"), via un select

Système de tableau json : https://dev.to/ajscommunications/the-awesome-dynamic-slot-name-in-vue-3-574k
Inspiration autre possible : https://theoxiong.github.io/vue-table-dynamic/

Ajouter d'un systeme de tableau dynamique, paginés, utilisable pour afficher des données. - [x] Capable de transformer une liste d'objet json en tableau - [x] Pagination des résultats - [ ] Résultat par page variable - [x] Système de recherche dynamique - [x] Système de restriction de valeurs de champs (ajouter ça peut-être dans le "key"), via un select Système de tableau json : https://dev.to/ajscommunications/the-awesome-dynamic-slot-name-in-vue-3-574k Inspiration autre possible : https://theoxiong.github.io/vue-table-dynamic/

kazhnuz added this to the (deleted) milestone 2023-02-06 10:28:40 +01:00

kazhnuz added the

labels 2023-02-06 10:28:40 +01:00

kazhnuz added a new dependency 2023-02-06 10:31:26 +01:00

#225 Refonte équipements et accessoires

kazhnuz commented

2023-02-06 14:34:28 +01:00

Author

Owner

Possibilité de gérer dedans directement le chargement avec une fonction style

function getAllData(files:string[]) {
  const datas: any[] = []
  for (file in files) {
    axios.get("").then((response) => {datas.concat(response.data)})
  }
  
  return datas;
}

Du coup on passerait au tableau
-> La liste des données à charger
-> Les infos pour ou les charger
-> La config pour les colonnes
-> Potentiellement le nom du jdr actif

Et le tableau ferait tout seul son boulot.

Possibilité de gérer dedans directement le chargement avec une fonction style ```typescript function getAllData(files:string[]) { const datas: any[] = [] for (file in files) { axios.get("").then((response) => {datas.concat(response.data)}) } return datas; } ``` Du coup on passerait au tableau -> La liste des données à charger -> Les infos pour ou les charger -> La config pour les colonnes -> Potentiellement le nom du jdr actif Et le tableau ferait tout seul son boulot.

kazhnuz commented

2023-02-06 14:35:09 +01:00

Author

Owner

On peut potentiellement même intégrer l'encapsulation d'un MarkdownFile.

kazhnuz added this to the Site vueJS project 2023-02-06 19:06:28 +01:00

kazhnuz commented

2023-02-13 12:08:26 +01:00

Author

Owner

Améliorations du tableaux nécessaires :
-> Police plus petite pour afficher plus d'élément sur le tableaux ?
-> Meilleurs paginateur
--> Boutons de page ( s'inspirer des pages dans https://theoxiong.github.io/vue-table-dynamic/ )
--> Ajouter la gestion du nombre de page
--> Champ de recherche et tag en haut

Améliorations du tableaux nécessaires : -> Police plus petite pour afficher plus d'élément sur le tableaux ? -> Meilleurs paginateur --> Boutons de page ( s'inspirer des pages dans https://theoxiong.github.io/vue-table-dynamic/ ) --> Ajouter la gestion du nombre de page --> Champ de recherche et tag en haut

kazhnuz referenced this issue from a pull request that will close it,

2023-02-13 22:00:34 +01:00

Refonte inventaire et objets #236

kazhnuz closed this issue

2023-02-18 19:06:28 +01:00