UNOTOPLYS-193 : Mise en place de la suppression d'une variable via la liste des variables.

src/main/webapp/app/views/variable/variable-list.component.ts

@@ -3,10 +3,13 @@ import Component from 'vue-class-component';
 import HeaderService from '@/shared/service/header-service';
 import VariableService from '@/entities/variable/variable.service';
 import Toolbar from '@/components/toolbar/toolbar.vue';
+import Icon from '@/components/icon/icon.vue';
+import {IVariable} from "@/shared/model/variable.model";
 
 @Component({
   components: {
     Toolbar,
+    Icon
   },
 })
 export default class VariableList extends Vue {
@@ -20,7 +23,7 @@ export default class VariableList extends Vue {
   @Inject('headerService')
   private headerService: () => HeaderService;
 
-  public variables: any[] = [];
+  public variables: IVariable[] = [];
 
   public idForm: string = '';
 
@@ -50,4 +53,9 @@ export default class VariableList extends Vue {
   public createVariablePath(): string {
     return `/admin/workspace/${this.idWorkspace}/form/${this.idForm}/variable/creation`;
   }
+
+  public deleteVariable(variable: IVariable) {
+    this.variables = this.variables.filter(value => value.id !== variable.id);
+    this.variableService().delete(variable.id);
+  }
 }

src/main/webapp/app/views/variable/variable-list.vue

@@ -8,6 +8,7 @@
           <th class="p-2 text-left" v-text="$t('variable.id')">ID</th>
           <th class="p-2 text-left" v-text="$t('variable.name')">Nom</th>
           <th class="p-2 text-left" v-text="$t('variable.reference')">Réference</th>
+          <th class="p-2 text-center" v-text="$t('variable.actions')">Actions</th>
         </tr>
         </thead>
         <tbody>
@@ -21,6 +22,11 @@
           <td class="p-2">
             <a :href="getVariableEditLink(variable.id)">{{ variable.reference }}</a>
           </td>
+          <td class="p-2">
+            <button class="flex items-center p-2 text-red-600 transition ml-auto mr-auto hover:bg-red-600 focus:ring hover:text-red-100" @click="deleteVariable(variable)">
+              <icon name="trash"></icon>
+            </button>
+          </td>
         </tr>
         </tbody>
       </table>

src/main/webapp/i18n/fr/variable.json

@@ -45,6 +45,7 @@
     "name": "Nom",
     "reference": "Référence",
     "description": "Description",
-    "expression": "Expression"
+    "expression": "Expression",
+    "actions": "Actions"
   }
 }