Améliorations tableaux

reseau-constellation · Oct 10, 2024 · dbb407b · dbb407b
1 parent d8fbaa5
commit dbb407b
Show file tree

Hide file tree

Showing 4 changed files with 86 additions and 1 deletion.
diff --git a/packages/renderer/src/components/tableaux/CarteColonneTableau.vue b/packages/renderer/src/components/tableaux/CarteColonneTableau.vue
@@ -79,6 +79,13 @@
             </template>
           </nouvelle-regle>
         </v-list>
+        <v-btn
+          variant="flat"
+          append-icon="mdi-delete"
+          @click="()=>émettre('effacer')"
+        >
+          {{ t('communs.effacer') }}
+        </v-btn>
       </v-card-text>
       <v-card-actions>
         <v-spacer />
@@ -139,6 +146,7 @@ const émettre = defineEmits<{
       };
     },
   ): void;
+  (é: 'effacer'): void;
 }>();
 
 const {mdAndUp} = useDisplay();

diff --git a/packages/renderer/src/components/tableaux/EntêteColonneTableau.vue b/packages/renderer/src/components/tableaux/EntêteColonneTableau.vue
@@ -31,6 +31,7 @@
     :regles="regles"
     :permission-modifier="permissionModifier"
     @sauvegarder="info => émettre('sauvegarder', info)"
+    @effacer="() => émettre('effacer')"
   >
     <template #activator="{props: propsActivateur}">
       <v-icon
@@ -75,6 +76,7 @@ const émettre = defineEmits<{
       };
     },
   ): void;
+  (é: 'effacer'): void
 }>();
 
 const constl = utiliserConstellation();

diff --git a/packages/renderer/src/components/tableaux/TableauBd.vue b/packages/renderer/src/components/tableaux/TableauBd.vue
@@ -149,6 +149,8 @@
         :est-ordonnee="isSorted(column)"
         :icone-ordonner="getSortIcon(column) as string"
         @basculer-ordonner="() => toggleSort(column)"
+        @sauvegarder="info=>modifierColonne({idColonne: c.key, ...info})"
+        @effacer="()=>effacerColonne({idColonne: c.key})"
       />
     </template>
 
@@ -407,6 +409,41 @@ const ajouterColonne = async ({
   }
 };
 
+const modifierColonne = async ({
+  idColonne,
+  index,
+  // variable,  // à faire
+  règles,
+}: {
+  idColonne: string;
+  index: boolean;
+  // variable: string;
+  règles: {
+    nouvelles: valid.règleVariable[];
+    àEffacer: string[];
+  }
+}) => {
+  await constl.tableaux.changerColIndex({idTableau: props.idTableau, idColonne, val: index});
+  for (const r of règles.nouvelles) await constl.tableaux.ajouterRègleTableau({
+    idTableau: props.idTableau,
+    idColonne,
+    règle: r,
+  });
+  // await constl.tableaux.changerVariableColonne({idTableau: props.idTableau, idColonne, variable})
+  for (const r of règles.àEffacer) await constl.tableaux.effacerRègleTableau({
+    idTableau: props.idTableau,
+    idRègle: r,
+  });
+};
+
+const effacerColonne = async ({idColonne}: {idColonne: string}) => {
+  await constl.tableaux.effacerColonneTableau({
+    idTableau: props.idTableau,
+    idColonne,
+  });
+};
+
+
 // Données
 const données = suivre(constl.tableaux.suivreDonnées<tableaux.élémentBdListeDonnées>, {
   idTableau: props.idTableau,

diff --git a/packages/renderer/src/components/tableaux/TableauNuée.vue b/packages/renderer/src/components/tableaux/TableauNuée.vue
@@ -56,6 +56,8 @@
         :est-ordonnee="isSorted(column)"
         :icone-ordonner="getSortIcon(column) as string"
         @basculer-ordonner="() => toggleSort(column)"
+        @sauvegarder="info=>modifierColonne({idColonne: c.key, ...info})"
+        @effacer="()=>effacerColonne({idColonne: c.key})"
       />
     </template>
 
@@ -97,7 +99,7 @@ const props = defineProps<{idNuee: string; idTableau: string; clefTableau: strin
 const autorisation = suivre(constl.suivrePermission, {idObjet: props.idTableau});
 
 // Variables
-const variables = suivre(constl.tableaux.suivreVariables, {idTableau: props.idTableau});
+const variables = suivre(constl.tableaux.suivreVariables, {idTableau: props.idTableau});  // à faire: .nuées.
 
 // Règles
 const règles = suivre(constl.nuées.suivreRèglesTableauNuée, {idNuée: props.idNuee, clefTableau: props.clefTableau});
@@ -217,6 +219,42 @@ const ajouterColonne = async ({
   }
 };
 
+
+const modifierColonne = async ({
+  idColonne,
+  index,
+  // variable,  // à faire
+  règles,
+}: {
+  idColonne: string;
+  index: boolean;
+  // variable: string;
+  règles: {
+    nouvelles: valid.règleVariable[];
+    àEffacer: string[];
+  }
+}) => {
+  await constl.nuées.changerColIndexTableauNuée({idTableau: props.idTableau, idColonne, val: index});
+  for (const r of règles.nouvelles) await constl.nuées.ajouterRègleTableauNuée({
+    idTableau: props.idTableau,
+    idColonne,
+    règle: r,
+  });
+  // await constl.nuées.changerVariableColonne({idTableau: props.idTableau, idColonne, variable})
+  for (const r of règles.àEffacer) await constl.nuées.effacerRègleTableauNuée({
+    idTableau: props.idTableau,
+    idRègle: r,
+  });
+};
+
+const effacerColonne = async ({idColonne}: {idColonne: string}) => {
+  await constl.nuées.effacerColonneTableauNuée({
+    idTableau: props.idTableau,
+    idColonne,
+  });
+};
+
+
 // Effacer tableau
 const effacerTableau = async () => {
   await constl.nuées.effacerTableauNuée({idNuée: props.idNuee, idTableau: props.idTableau});