From afc991af03fb5b373ac657532b9ebfd8bd36f291 Mon Sep 17 00:00:00 2001
From: Sylvaner <sylvain.dangin@gmail.com>
Date: Sat, 9 May 2020 23:41:54 +0200
Subject: [PATCH] Edition, correction de la grille

---
 src/dash/package.json                         |  1 +
 src/dash/src/components/Dash.vue              |  6 +-
 src/dash/src/components/GridContainer.vue     | 69 +++++++-------
 src/dash/src/components/Widgets/Widget.vue    | 24 ++++-
 .../src/components/Wizards/BaseWizard.vue     |  7 +-
 .../Wizards/Helpers/FilteredCommands.vue      | 13 ++-
 .../Wizards/Helpers/FilteredDashs.vue         | 13 ++-
 .../Wizards/Helpers/FilteredEqLogics.vue      | 15 ++-
 .../Wizards/Helpers/FilteredScenarios.vue     | 31 ++++---
 .../{AddItemWizard.vue => ItemWizard.vue}     | 18 +++-
 .../components/Wizards/Items/CameraWizard.vue | 53 ++++++-----
 .../Wizards/Items/CmdActionWizard.vue         | 54 ++++++-----
 .../Wizards/Items/EqLogicActionWizard.vue     | 91 ++++++++++++-------
 .../Wizards/Items/InfoBinaryImgWizard.vue     | 54 ++++++-----
 .../Wizards/Items/InfoBinaryWizard.vue        | 54 ++++++-----
 .../Wizards/Items/InfoNumericImgWizard.vue    | 65 ++++++-------
 .../Wizards/Items/InfoNumericWizard.vue       | 56 +++++++-----
 .../Wizards/Items/LinkToDashWizard.vue        | 53 ++++++-----
 .../Wizards/Items/ScenarioActionImgWizard.vue | 54 ++++++-----
 .../Wizards/Items/ScenarioActionWizard.vue    | 52 ++++++-----
 src/dash/src/libs/Store.js                    |  2 +-
 src/dash/src/main.js                          |  1 +
 src/dash/yarn.lock                            |  5 +
 23 files changed, 471 insertions(+), 320 deletions(-)
 rename src/dash/src/components/Wizards/{AddItemWizard.vue => ItemWizard.vue} (78%)

diff --git a/src/dash/package.json b/src/dash/package.json
index 65eaf2c7b..33bd44bc3 100644
--- a/src/dash/package.json
+++ b/src/dash/package.json
@@ -18,6 +18,7 @@
     "vuex": "^3.1.3"
   },
   "devDependencies": {
+    "@mdi/font": "^5.1.45",
     "@vue/cli-plugin-babel": "~4.3.0",
     "@vue/cli-plugin-eslint": "~4.3.0",
     "@vue/cli-service": "~4.3.0",
diff --git a/src/dash/src/components/Dash.vue b/src/dash/src/components/Dash.vue
index e19991860..48b2b9cfe 100644
--- a/src/dash/src/components/Dash.vue
+++ b/src/dash/src/components/Dash.vue
@@ -10,7 +10,7 @@ Composant global du Dash
     <Tools v-if="initialized" />
     <AddDashWizard v-on:endOfWizard="endOfWizard" v-bind:showWizard="showWizard" />
     <SelectItemToAddWizard />
-    <AddItemWizard />
+    <ItemWizard />
   </div>
 </template>
 
@@ -22,7 +22,7 @@ import Communication from "@/libs/Communication";
 import DashPreferences from "@/components/DashPreferences";
 import Tools from "@/components/Tools";
 import SelectItemToAddWizard from "@/components/Wizards/SelectItemToAddWizard";
-import AddItemWizard from "@/components/Wizards/AddItemWizard";
+import ItemWizard from "@/components/Wizards/ItemWizard";
 import AddDashWizard from "@/components/Wizards/AddDashWizard";
 import EventsManager from "@/libs/EventsManager.js";
 
@@ -35,7 +35,7 @@ export default {
     DashPreferences,
     Tools,
     SelectItemToAddWizard,
-    AddItemWizard,
+    ItemWizard,
     AddDashWizard
   },
   props: {
diff --git a/src/dash/src/components/GridContainer.vue b/src/dash/src/components/GridContainer.vue
index ee9730f96..440eb6602 100644
--- a/src/dash/src/components/GridContainer.vue
+++ b/src/dash/src/components/GridContainer.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-bind:style="gridStyle" class="grid-container" v-bind:class="previewClass">
+  <div class="grid-container" v-bind:class="gridClass">
     <span class="grid-group-btns" v-if="$store.getters.editMode && gridData.children.length === 0">
       <v-hover v-model="divideHorizontallyPreview">
         <v-btn class="fab-vertical" fab color="success" v-on:click="divide('horizontal')">&#9707;</v-btn>
@@ -22,7 +22,7 @@
       </v-hover>
     </span>
     <template v-else-if="gridData.children.length === 1">
-      <Widget v-bind:widgetData="gridData.children[0].widgetData" />
+      <Widget v-bind:widgetData="$store.getters.widgets[gridData.children[0].widgetId]" v-on:remove="widgetRemoved" />
     </template>
     <template v-else-if="gridData.children.length === 2">
       <GridContainer
@@ -65,7 +65,7 @@ export default {
           children: [],
           orientation: "",
           type: "widget",
-          widgetData: this.$store.getters.widgets[widgetId]
+          widgetId: widgetId
         });
       }
     });
@@ -84,35 +84,26 @@ export default {
         this.$emit("input", newValue);
       }
     },
-    previewClass() {
+    gridClass() {
+      let result = [];
       if (this.divideHorizontallyPreview) {
-        return "horizontal-divide-preview";
+        result.push("horizontal-divide-preview");
       }
       if (this.divideVerticallyPreview) {
-        return "vertical-divide-preview";
+        result.push("vertical-divide-preview");
       }
       if (this.deletePreviewState) {
-        return "delete-preview";
+        result.push("delete-preview");
       }
-      return "";
-    },
-    gridStyle() {
-      let result = {};
-      switch (this.gridData.children.length) {
-        default:
-        case 0:
-          break;
-        case 1:
-          break;
-        case 2:
-          if (this.gridData.orientation === "horizontal") {
-            result = { flexDirection: "row" };
-          } else {
-            result = { flexDirection: "column" };
-          }
+      if (this.gridData.children.length === 2) {
+        if (this.gridData.orientation === "horizontal") {
+          result.push("horizontal-grid");
+        } else {
+          result.push("vertical-grid");
+        }
       }
       if (this.$store.getters.editMode) {
-        result["boxShadow"] = "0 0 5px #b0f7b0";
+        result.push("edit-container");
       }
       return result;
     }
@@ -145,6 +136,9 @@ export default {
     },
     setDeletePreviewState(state) {
       this.deletePreviewState = state;
+    },
+    widgetRemoved() {
+      this.gridData.children = [];
     }
   }
 };
@@ -166,6 +160,26 @@ export default {
   display: none;
 }
 
+.horizontal-grid {
+  flex-direction: row;
+}
+
+.horizontal-grid > div {
+  width: 50%;
+}
+
+.vertical-grid {
+  flex-direction: column;
+}
+
+.vertical-grid > div {
+  height: 50%;
+}
+
+.edit-container {
+  box-shadow: 0 0 5px #b0f7b0;
+}
+
 .grid-container:hover > .grid-group-btns,
 .grid-group-btns:hover {
   position: absolute;
@@ -174,13 +188,6 @@ export default {
   z-index: 9999;
 }
 
-.horizontal-grid {
-  flex-direction: row;
-}
-.vertical-grid {
-  flex-direction: column;
-}
-
 .vertical-divide-preview {
   background: linear-gradient(
     180deg,
diff --git a/src/dash/src/components/Widgets/Widget.vue b/src/dash/src/components/Widgets/Widget.vue
index ed1bcf7e4..dbc73793f 100644
--- a/src/dash/src/components/Widgets/Widget.vue
+++ b/src/dash/src/components/Widgets/Widget.vue
@@ -7,9 +7,14 @@
     v-on:dragend="dragEndEvent"
   >
     <component class="widget-content" v-bind:is="widgetData.type" v-bind:widgetData="widgetData" />
-    <v-btn v-if="$store.getters.editMode" right absolute color="red theme--dark" small v-on:click="remove">
-      <v-icon>mdi-delete</v-icon>
-    </v-btn>
+    <div v-if="$store.getters.editMode" class="widget-tools">
+      <v-btn right color="grey theme--dark" small v-on:click="edit">
+        <v-icon>mdi-pencil</v-icon>
+      </v-btn>
+      <v-btn right color="red theme--dark" small v-on:click="remove">
+        <v-icon>mdi-delete</v-icon>
+      </v-btn>
+    </div>
   </v-card>
 </template>
 
@@ -81,8 +86,12 @@ export default {
     dragEndEvent() {
       this.dragStarted = false;
     },
+    edit() {
+      this.$eventBus.$emit("WizardEditItem", this.widgetData.id);
+    },
     remove() {
       this.$store.commit("removeWidget", this.widgetData.id);
+      this.$emit("remove");
     }
   }
 };
@@ -97,4 +106,13 @@ export default {
 .v-card.hide-border {
   box-shadow: none !important;
 }
+</style>
+
+<style>
+.widget-tools {
+  width: 100%;
+  text-align: right;
+  position: relative;
+  z-index: 1;
+}
 </style>
\ No newline at end of file
diff --git a/src/dash/src/components/Wizards/BaseWizard.vue b/src/dash/src/components/Wizards/BaseWizard.vue
index 49fe5b410..547f394e5 100644
--- a/src/dash/src/components/Wizards/BaseWizard.vue
+++ b/src/dash/src/components/Wizards/BaseWizard.vue
@@ -8,6 +8,9 @@ export default {
     stateUpdater: null
   }),
   methods: {
+    resetData() {
+      this.previewData = JSON.parse(JSON.stringify(this.baseData));
+    },
     startStateUpdater() {
       this.stateUpdater = setInterval(() => {
         this.previewData.state = !this.previewData.state;
@@ -21,7 +24,9 @@ export default {
     endOfWizard() {
       this.stopStateUpdater();
       this.$store.commit("setEditMode", true);
-      this.previewData.id = this.genFakeGuid();
+      if (this.previewData.id === -1) {
+        this.previewData.id = this.genFakeGuid();
+      }
       // Clone de l'objet
       this.$store.commit(
         "addWidget",
diff --git a/src/dash/src/components/Wizards/Helpers/FilteredCommands.vue b/src/dash/src/components/Wizards/Helpers/FilteredCommands.vue
index 86957e4e7..0eff2c041 100644
--- a/src/dash/src/components/Wizards/Helpers/FilteredCommands.vue
+++ b/src/dash/src/components/Wizards/Helpers/FilteredCommands.vue
@@ -39,6 +39,10 @@ export default {
       type: String,
       default: "Commande"
     },
+    default: {
+      type: Number,
+      default: -1
+    },
     type: String,
     subType: String,
     eqLogicId: Number,
@@ -63,7 +67,6 @@ export default {
   },
   watch: {
     type: function() {
-      console.log("UPDATE");
       if (this.dataLoaded) {
         this.updateCommandsList();
       }
@@ -108,7 +111,7 @@ export default {
               this.mustBeShowed(cmdData) &&
               !(this.hideUseless && this.isUselessCommand(cmdData["name"]))
             ) {
-              this.commandsList.push({
+              const commandData = {
                 room: this.commandsTree[roomId]["name"],
                 eqLogic: this.commandsTree[roomId]["eqLogics"][eqLogicIndex][
                   "name"
@@ -116,7 +119,11 @@ export default {
                 cmd: cmdData["name"],
                 id: cmdData["id"],
                 data: cmdData
-              });
+              };
+              if (this.default == commandData.id) {
+                this.command = [commandData];
+              }
+              this.commandsList.push(commandData);
             }
           }
         }
diff --git a/src/dash/src/components/Wizards/Helpers/FilteredDashs.vue b/src/dash/src/components/Wizards/Helpers/FilteredDashs.vue
index 7972b4a11..ee44e182c 100644
--- a/src/dash/src/components/Wizards/Helpers/FilteredDashs.vue
+++ b/src/dash/src/components/Wizards/Helpers/FilteredDashs.vue
@@ -15,7 +15,7 @@
       v-bind:loading="Object.keys(rawDashs).length === 0"
       loading-text="Chargement..."
       class="elevation-10"
-      v-model="scenario"
+      v-model="dash"
       v-bind:search="search"
     ></v-data-table>
   </v-card>
@@ -31,6 +31,10 @@ export default {
       type: Array,
       default: () => []
     },
+    default: {
+      type: Number,
+      default: -1
+    },
     type: {}
   },
   data: () => ({
@@ -42,10 +46,13 @@ export default {
       { text: "Nom", value: "name" }
     ]
   }),
-  created() {
+  mounted() {
     Communication.get("/api/dash/all", result => {
       this.rawDashs = result;
       this.dashsList = result;
+      if (this.default !== -1) {
+        this.dash = [{ id: this.default }];
+      }
       //      this.updateDashsList();
     });
   },
@@ -53,7 +60,7 @@ export default {
     dataLoaded() {
       return !(Object.keys(this.rawDashs).length === 0);
     },
-    scenario: {
+    dash: {
       get() {
         return this.value;
       },
diff --git a/src/dash/src/components/Wizards/Helpers/FilteredEqLogics.vue b/src/dash/src/components/Wizards/Helpers/FilteredEqLogics.vue
index a52210e5f..ea20d9441 100644
--- a/src/dash/src/components/Wizards/Helpers/FilteredEqLogics.vue
+++ b/src/dash/src/components/Wizards/Helpers/FilteredEqLogics.vue
@@ -31,6 +31,10 @@ export default {
       type: Array,
       default: () => []
     },
+    default: {
+      type: Number,
+      default: -1
+    },
     type: String
   },
   data: () => ({
@@ -43,6 +47,9 @@ export default {
     ]
   }),
   created() {
+    this.updateEqLogicssList();
+  },
+  mounted() {
     Communication.get("/api/summary/all", result => {
       this.eqLogicsTree = result;
       this.updateEqLogicssList();
@@ -80,14 +87,18 @@ export default {
                 this.type
             )
           ) {
-            this.eqLogicsList.push({
+            const eqLogicData = {
               room: this.eqLogicsTree[roomId]["name"],
               eqLogic: this.eqLogicsTree[roomId]["eqLogics"][eqLogicId]["name"],
               id: parseInt(
                 this.eqLogicsTree[roomId]["eqLogics"][eqLogicId]["id"]
               ),
               eqLogicData: this.eqLogicsTree[roomId]["eqLogics"][eqLogicId]
-            });
+            };
+            if (this.default == eqLogicData.id) {
+              this.eqLogic = [eqLogicData];
+            }
+            this.eqLogicsList.push(eqLogicData);
           }
         }
       }
diff --git a/src/dash/src/components/Wizards/Helpers/FilteredScenarios.vue b/src/dash/src/components/Wizards/Helpers/FilteredScenarios.vue
index a6ba97bcf..63eecedd7 100644
--- a/src/dash/src/components/Wizards/Helpers/FilteredScenarios.vue
+++ b/src/dash/src/components/Wizards/Helpers/FilteredScenarios.vue
@@ -3,13 +3,7 @@
     <v-card-title>
       Scénarios
       <v-spacer />
-      <v-text-field
-        v-model="search"
-        append-icon="mdi-magnify"
-        label="Filtrer"
-        single-line
-        hide-details
-      ></v-text-field>
+      <v-text-field v-model="search" append-icon="mdi-magnify" label="Filtrer" single-line hide-details></v-text-field>
     </v-card-title>
     <v-data-table
       v-bind:headers="headers"
@@ -24,11 +18,7 @@
       v-model="scenario"
       v-bind:search="search"
     ></v-data-table>
-    <v-checkbox
-      label="Cacher les scénarios désactivés"
-      v-model="hideInactives"
-      v-on:change="updateScenariosList"
-    />
+    <v-checkbox label="Cacher les scénarios désactivés" v-model="hideInactives" v-on:change="updateScenariosList" />
   </v-card>
 </template>
 
@@ -42,6 +32,10 @@ export default {
       type: Array,
       default: () => []
     },
+    default: {
+      type: Number,
+      default: -1
+    },
     type: {}
   },
   data: () => ({
@@ -54,10 +48,13 @@ export default {
       { text: "Scenario", value: "name" }
     ]
   }),
-  created() {
+  mounted() {
     Communication.get("/api/scenario/all", result => {
       this.rawScenarios = result;
       this.updateScenariosList();
+      if (this.default !== -1) {
+        this.scenario = [{ id: this.default }];
+      }
     });
   },
   computed: {
@@ -79,12 +76,16 @@ export default {
       for (let scenarioIndex in this.rawScenarios) {
         const scenario = this.rawScenarios[scenarioIndex];
         if (!(!scenario.active && this.hideInactives)) {
-          this.scenariosList.push({
+          const scenarioData = {
             scenario: scenario,
             id: scenario.id,
             name: scenario.name,
             group: scenario.group
-          });
+          };
+          if (this.default == scenario.id) {
+            this.scenario = [scenarioData];
+          }
+          this.scenariosList.push();
         }
       }
     }
diff --git a/src/dash/src/components/Wizards/AddItemWizard.vue b/src/dash/src/components/Wizards/ItemWizard.vue
similarity index 78%
rename from src/dash/src/components/Wizards/AddItemWizard.vue
rename to src/dash/src/components/Wizards/ItemWizard.vue
index a729777a7..8d411f797 100644
--- a/src/dash/src/components/Wizards/AddItemWizard.vue
+++ b/src/dash/src/components/Wizards/ItemWizard.vue
@@ -3,7 +3,7 @@ Dialog de base d'ajout d'un élément
 -->
 <template>
   <v-dialog v-model="showed">
-    <component v-if="currentWizard !== null" v-bind:is="currentWizard" v-on:hide="showed = false" />
+    <component v-if="currentWizard !== null" v-bind:is="currentWizard" v-on:hide="showed = false" v-bind="editAttr" />
   </v-dialog>
 </template>
 
@@ -20,7 +20,7 @@ import EqLogicActionWizard from "@/components/Wizards/Items/EqLogicActionWizard"
 import LinkToDashWizard from "@/components/Wizards/Items/LinkToDashWizard";
 
 export default {
-  name: "AddItemWizard",
+  name: "ItemWizard",
   components: {
     CameraWizard,
     InfoBinaryWizard,
@@ -35,12 +35,22 @@ export default {
   },
   data: () => ({
     showed: false,
-    currentWizard: null
+    currentWizard: null,
+    editAttr: {}
   }),
   mounted() {
     this.$eventBus.$on("WizardAddItem", component => {
-      this.showed = true;
+      this.editAttr = {};
       this.currentWizard = component + "Wizard";
+      this.showed = true;
+    });
+    this.$eventBus.$on("WizardEditItem", widgetId => {
+      this.editAttr = {
+        baseData: this.$store.getters.widgets[widgetId]
+      };
+      this.currentWizard =
+        this.$store.getters.widgets[widgetId].type + "Wizard";
+      this.showed = true;
     });
   }
 };
diff --git a/src/dash/src/components/Wizards/Items/CameraWizard.vue b/src/dash/src/components/Wizards/Items/CameraWizard.vue
index 953f0b4d0..d11d04652 100644
--- a/src/dash/src/components/Wizards/Items/CameraWizard.vue
+++ b/src/dash/src/components/Wizards/Items/CameraWizard.vue
@@ -7,7 +7,7 @@
     </v-stepper-header>
     <v-stepper-items>
       <v-stepper-content step="1">
-        <FilteredEqLogics v-model="eqLogic" type="camera" />
+        <FilteredEqLogics v-model="eqLogic" v-bind:default="previewData.eqLogicId" type="camera" />
         <StepperButtons v-model="step" v-on:previous="$emit('hide')" v-bind:nextDisabled="eqLogic.length === 0" />
       </v-stepper-content>
       <v-stepper-content step="2">
@@ -46,6 +46,29 @@ export default {
     StepperButtons,
     WidgetPreview
   },
+  props: {
+    baseData: {
+      type: Object,
+      default: () => ({
+        id: -1,
+        cmdId: -1,
+        type: "Camera",
+        pos: { top: 0, left: 0 },
+        eqLogicId: -1,
+        localApiKey: "",
+        refreshInterval: 0,
+        title: "Camera",
+        quality: true,
+        style: {
+          border: false,
+          width: "auto",
+          height: "auto",
+          transparent: true,
+          titleSize: 20
+        }
+      })
+    }
+  },
   data: () => ({
     eqLogic: [],
     previewData: {}
@@ -62,7 +85,9 @@ export default {
           }
           break;
         case 2:
-          this.previewData.title = this.eqLogic[0].eqLogic;
+          if (this.previewData.id === -1) {
+            this.previewData.title = this.eqLogic[0].eqLogic;
+          }
           this.previewData.eqLogicId = this.eqLogic[0].id;
           this.previewData.refreshInterval = this.eqLogic[0].eqLogicData.configuration[
             "thumbnail::refresh"
@@ -76,29 +101,13 @@ export default {
   },
   created() {
     this.resetData();
+    if (this.previewData.id !== -1) {
+      this.step = 2;
+    }
   },
   methods: {
     resetData() {
-      this.previewData = JSON.parse(
-        JSON.stringify({
-          id: -1,
-          cmdId: -1,
-          type: "Camera",
-          pos: { top: 0, left: 0 },
-          eqLogicId: -1,
-          localApiKey: "",
-          refreshInterval: 0,
-          title: "Camera",
-          quality: true,
-          style: {
-            border: false,
-            width: "auto",
-            height: "auto",
-            transparent: true,
-            titleSize: 20
-          }
-        })
-      );
+      this.previewData = JSON.parse(JSON.stringify(this.baseData));
     },
     finish() {
       this.endOfWizard();
diff --git a/src/dash/src/components/Wizards/Items/CmdActionWizard.vue b/src/dash/src/components/Wizards/Items/CmdActionWizard.vue
index 5221a8d56..cea73d67e 100644
--- a/src/dash/src/components/Wizards/Items/CmdActionWizard.vue
+++ b/src/dash/src/components/Wizards/Items/CmdActionWizard.vue
@@ -7,7 +7,7 @@
     </v-stepper-header>
     <v-stepper-items>
       <v-stepper-content step="1">
-        <FilteredCommands v-model="command" type="action" subType="other" />
+        <FilteredCommands v-model="command" v-bind:default="previewData.cmdId" type="action" subType="other" />
         <StepperButtons v-model="step" v-on:previous="$emit('hide')" v-bind:nextDisabled="command.length === 0" />
       </v-stepper-content>
       <v-stepper-content step="2">
@@ -43,6 +43,29 @@ export default {
     StepperButtons,
     WidgetPreview
   },
+  props: {
+    baseData: {
+      type: Object,
+      default: () => ({
+        id: -1,
+        type: "CmdAction",
+        cmdId: -1,
+        pos: { top: 0, left: 0 },
+        icon: "play-circle",
+        title: "",
+        state: true,
+        style: {
+          border: true,
+          width: 280,
+          height: 150,
+          transparent: false,
+          backgroundColor: "#FFFFFFFF",
+          titleSize: 20,
+          contentSize: 40
+        }
+      })
+    }
+  },
   data: () => ({
     command: [],
     stateUpdater: null
@@ -58,7 +81,9 @@ export default {
             this.previewData.state = !this.previewData.state;
           }, 2000);
           if (this.command.length > 0) {
-            this.previewData.title = this.command[0]["eqLogic"];
+            if (this.previewData.id === -1) {
+              this.previewData.title = this.command[0]["eqLogic"];
+            }
             this.previewData.cmdId = parseInt(this.command[0]["id"]);
           }
           break;
@@ -67,30 +92,11 @@ export default {
   },
   created() {
     this.resetData();
+    if (this.previewData.id !== -1) {
+      this.step = 2;
+    }
   },
   methods: {
-    resetData() {
-      this.previewData = JSON.parse(
-        JSON.stringify({
-          id: -1,
-          type: "CmdAction",
-          cmdId: -1,
-          pos: { top: 0, left: 0 },
-          icon: "play-circle",
-          title: "",
-          state: true,
-          style: {
-            border: true,
-            width: 280,
-            height: 150,
-            transparent: false,
-            backgroundColor: "#FFFFFFFF",
-            titleSize: 20,
-            contentSize: 40
-          }
-        })
-      );
-    },
     finish() {
       this.endOfWizard();
       this.resetData();
diff --git a/src/dash/src/components/Wizards/Items/EqLogicActionWizard.vue b/src/dash/src/components/Wizards/Items/EqLogicActionWizard.vue
index 396fa36f7..cd72bd55f 100644
--- a/src/dash/src/components/Wizards/Items/EqLogicActionWizard.vue
+++ b/src/dash/src/components/Wizards/Items/EqLogicActionWizard.vue
@@ -13,19 +13,37 @@
     </v-stepper-header>
     <v-stepper-items>
       <v-stepper-content step="1">
-        <FilteredEqLogics v-model="eqLogic" />
+        <FilteredEqLogics v-model="eqLogic" v-bind:default="previewData.eqLogicId" />
         <StepperButtons v-model="step" v-on:previous="$emit('hide')" v-bind:nextDisabled="eqLogic.length === 0" />
       </v-stepper-content>
       <v-stepper-content step="2">
-        <FilteredCommands v-model="stateCommand" v-bind:eqLogicId="eqLogicId" title="Commande d'état" type="info" />
+        <FilteredCommands
+          v-model="stateCommand"
+          v-bind:default="previewData.cmdId"
+          v-bind:eqLogicId="eqLogicId"
+          title="Commande d'état"
+          type="info"
+        />
         <StepperButtons v-model="step" v-bind:nextDisabled="stateCommand.length === 0" />
       </v-stepper-content>
       <v-stepper-content step="3">
-        <FilteredCommands v-model="onCommand" v-bind:eqLogicId="eqLogicId" title="Commande pour allumer" type="action" />
+        <FilteredCommands
+          v-model="onCommand"
+          v-bind:eqLogicId="eqLogicId"
+          v-bind:default="previewData.onCommandId"
+          title="Commande pour allumer"
+          type="action"
+        />
         <StepperButtons v-model="step" v-bind:nextDisabled="onCommand.length === 0" />
       </v-stepper-content>
       <v-stepper-content step="4">
-        <FilteredCommands v-model="offCommand" v-bind:eqLogicId="eqLogicId" title="Commande pour éteindre" type="action" />
+        <FilteredCommands
+          v-model="offCommand"
+          v-bind:eqLogicId="eqLogicId"
+          v-bind:default="previewData.offCommandId"
+          title="Commande pour éteindre"
+          type="action"
+        />
         <StepperButtons v-model="step" v-bind:nextDisabled="offCommand.length === 0" />
       </v-stepper-content>
       <v-stepper-content step="5">
@@ -63,6 +81,31 @@ export default {
     StepperButtons,
     WidgetPreview
   },
+  props: {
+    baseData: {
+      type: Object,
+      default: () => ({
+        id: -1,
+        type: "EqLogicAction",
+        cmdId: -1,
+        pos: { top: 0, left: 0 },
+        icon: "lamp",
+        title: "",
+        state: true,
+        onCommandId: -1,
+        offCommandId: -1,
+        style: {
+          border: true,
+          width: 280,
+          height: 150,
+          transparent: false,
+          backgroundColor: "#FFFFFFFF",
+          titleSize: 20,
+          contentSize: 40
+        }
+      })
+    }
+  },
   data: () => ({
     eqLogic: [],
     eqLogicId: undefined,
@@ -74,22 +117,18 @@ export default {
     step: function(newStep) {
       switch (newStep) {
         case 1:
+          this.resetData();
           this.stopStateUpdater();
-          this.eqLogic = [];
           break;
         case 2:
           this.eqLogicId = this.eqLogic[0].id;
-          this.stateCommand = [];
-          break;
-        case 3:
-          this.onCommand = [];
-          break;
-        case 4:
-          this.offCommand = [];
           break;
         case 5:
           this.startStateUpdater();
-          this.previewData.title = this.eqLogic[0].eqLogic;
+          this.previewData.eqLogicId = this.eqLogicId;
+          if (this.previewData.id === -1) {
+            this.previewData.title = this.eqLogic[0].eqLogic;
+          }
           this.previewData.state = this.stateCommand[0].data.state;
           this.previewData.cmdId = parseInt(this.stateCommand[0].id);
           this.previewData.onCommandId = parseInt(this.onCommand[0].id);
@@ -100,31 +139,13 @@ export default {
   },
   created() {
     this.resetData();
+    if (this.previewData.id !== -1) {
+      this.step = 5;
+    }
   },
   methods: {
     resetData() {
-      this.previewData = JSON.parse(
-        JSON.stringify({
-          id: -1,
-          type: "EqLogicAction",
-          cmdId: -1,
-          pos: { top: 0, left: 0 },
-          icon: "lamp",
-          title: "",
-          state: true,
-          onCommandId: -1,
-          offCommandId: -1,
-          style: {
-            border: true,
-            width: 280,
-            height: 150,
-            transparent: false,
-            backgroundColor: "#FFFFFFFF",
-            titleSize: 20,
-            contentSize: 40
-          }
-        })
-      );
+      this.previewData = JSON.parse(JSON.stringify(this.baseData));
     },
     finish() {
       this.endOfWizard();
diff --git a/src/dash/src/components/Wizards/Items/InfoBinaryImgWizard.vue b/src/dash/src/components/Wizards/Items/InfoBinaryImgWizard.vue
index d1f9a185c..9dc6812e2 100644
--- a/src/dash/src/components/Wizards/Items/InfoBinaryImgWizard.vue
+++ b/src/dash/src/components/Wizards/Items/InfoBinaryImgWizard.vue
@@ -7,7 +7,7 @@
     </v-stepper-header>
     <v-stepper-items>
       <v-stepper-content step="1">
-        <FilteredCommands v-model="command" type="info" />
+        <FilteredCommands v-model="command" v-bind:default="previewData.cmdId" type="info" />
         <StepperButtons v-model="step" v-on:previous="$emit('hide')" v-bind:nextDisabled="command.length === 0" />
       </v-stepper-content>
       <v-stepper-content step="2">
@@ -43,6 +43,29 @@ export default {
     StepperButtons,
     WidgetPreview
   },
+  props: {
+    baseData: {
+      type: Object,
+      default: () => ({
+        id: -1,
+        type: "InfoBinaryImg",
+        cmdId: -1,
+        pos: { top: 0, left: 0 },
+        picture: "v1",
+        title: "",
+        state: true,
+        style: {
+          border: true,
+          width: 280,
+          height: 150,
+          transparent: false,
+          backgroundColor: "#FFFFFFFF",
+          titleSize: 20,
+          contentSize: 40
+        }
+      })
+    }
+  },
   data: () => ({
     command: []
   }),
@@ -56,7 +79,9 @@ export default {
         case 2:
           this.startStateUpdater();
           if (this.command.length > 0) {
-            this.previewData.title = this.command[0]["eqLogic"];
+            if (this.previewData.id === -1) {
+              this.previewData.title = this.command[0]["eqLogic"];
+            }
             this.previewData.state = this.command[0]["data"]["state"];
             this.previewData.cmdId = parseInt(this.command[0]["id"]);
           }
@@ -66,30 +91,11 @@ export default {
   },
   created() {
     this.resetData();
+    if (this.previewData.id !== -1) {
+      this.step = 2;
+    }
   },
   methods: {
-    resetData() {
-      this.previewData = JSON.parse(
-        JSON.stringify({
-          id: -1,
-          type: "InfoBinaryImg",
-          cmdId: -1,
-          pos: { top: 0, left: 0 },
-          picture: "v1",
-          title: "",
-          state: true,
-          style: {
-            border: true,
-            width: 280,
-            height: 150,
-            transparent: false,
-            backgroundColor: "#FFFFFFFF",
-            titleSize: 20,
-            contentSize: 40
-          }
-        })
-      );
-    },
     finish() {
       this.endOfWizard();
       this.resetData();
diff --git a/src/dash/src/components/Wizards/Items/InfoBinaryWizard.vue b/src/dash/src/components/Wizards/Items/InfoBinaryWizard.vue
index a5de3186a..ddc9f00e8 100644
--- a/src/dash/src/components/Wizards/Items/InfoBinaryWizard.vue
+++ b/src/dash/src/components/Wizards/Items/InfoBinaryWizard.vue
@@ -7,7 +7,7 @@
     </v-stepper-header>
     <v-stepper-items>
       <v-stepper-content step="1">
-        <FilteredCommands v-model="command" type="info" />
+        <FilteredCommands v-model="command" v-bind:default="previewData.cmdId" type="info" />
         <StepperButtons v-model="step" v-on:previous="$emit('hide')" v-bind:nextDisabled="command.length === 0" />
       </v-stepper-content>
       <v-stepper-content step="2">
@@ -43,6 +43,29 @@ export default {
     StepperButtons,
     WidgetPreview
   },
+  props: {
+    baseData: {
+      type: Object,
+      default: () => ({
+        id: -1,
+        type: "InfoBinary",
+        cmdId: -1,
+        pos: { top: 0, left: 0 },
+        icon: "door",
+        title: "",
+        state: true,
+        style: {
+          border: true,
+          width: 280,
+          height: 150,
+          transparent: false,
+          backgroundColor: "#FFFFFFFF",
+          titleSize: 20,
+          contentSize: 40
+        }
+      })
+    }
+  },
   data: () => ({
     command: []
   }),
@@ -56,7 +79,9 @@ export default {
         case 2:
           this.startStateUpdater();
           if (this.command.length > 0) {
-            this.previewData.title = this.command[0]["eqLogic"];
+            if (this.previewData.id === -1) {
+              this.previewData.title = this.command[0]["eqLogic"];
+            }
             this.previewData.state = this.command[0]["data"]["state"];
             this.previewData.cmdId = parseInt(this.command[0]["id"]);
           }
@@ -66,30 +91,11 @@ export default {
   },
   created() {
     this.resetData();
+    if (this.previewData.id !== -1) {
+      this.step = 2;
+    }
   },
   methods: {
-    resetData() {
-      this.previewData = JSON.parse(
-        JSON.stringify({
-          id: -1,
-          type: "InfoBinary",
-          cmdId: -1,
-          pos: { top: 0, left: 0 },
-          icon: "door",
-          title: "",
-          state: true,
-          style: {
-            border: true,
-            width: 280,
-            height: 150,
-            transparent: false,
-            backgroundColor: "#FFFFFFFF",
-            titleSize: 20,
-            contentSize: 40
-          }
-        })
-      );
-    },
     finish() {
       this.endOfWizard();
       this.resetData();
diff --git a/src/dash/src/components/Wizards/Items/InfoNumericImgWizard.vue b/src/dash/src/components/Wizards/Items/InfoNumericImgWizard.vue
index d9f3d790d..03c8d72f1 100644
--- a/src/dash/src/components/Wizards/Items/InfoNumericImgWizard.vue
+++ b/src/dash/src/components/Wizards/Items/InfoNumericImgWizard.vue
@@ -7,7 +7,7 @@
     </v-stepper-header>
     <v-stepper-items>
       <v-stepper-content step="1">
-        <FilteredCommands v-model="command" type="info" subType="numeric" v-bind:custom="filterCmd" />
+        <FilteredCommands v-model="command" v-bind:default="previewData.cmdId" type="info" subType="numeric" v-bind:custom="filterCmd" />
         <StepperButtons v-model="step" v-on:previous="$emit('hide')" v-bind:nextDisabled="command.length === 0" />
       </v-stepper-content>
       <v-stepper-content step="2">
@@ -43,14 +43,38 @@ export default {
     StepperButtons,
     WidgetPreview
   },
+  props: {
+    baseData: {
+      type: Object,
+      default: () => ({
+        id: -1,
+        type: "InfoNumericImg",
+        cmdId: -1,
+        pos: { top: 0, left: 0 },
+        picture: { name: "shutter", values: [0, 100] },
+        title: "",
+        unit: "%",
+        percent: false,
+        min: 0,
+        max: 100,
+        state: 100,
+        style: {
+          border: true,
+          width: 280,
+          height: 150,
+          transparent: false,
+          backgroundColor: "#FFFFFFFF",
+          titleSize: 20,
+          contentSize: 60
+        }
+      })
+    }
+  },
   data: () => ({
     command: [],
     previewData: {}
   }),
   watch: {
-    previewData: function(newData) {
-      console.log(newData);
-    },
     step: function(newStep) {
       switch (newStep) {
         case 1:
@@ -58,7 +82,9 @@ export default {
           break;
         case 2:
           if (this.command.length > 0) {
-            this.previewData.title = this.command[0]["eqLogic"];
+            if (this.previewData.id === -1) {
+              this.previewData.title = this.command[0]["eqLogic"];
+            }
             if (this.command[0]["data"]["unite"] === "%") {
               this.previewData.percent = true;
               this.previewData.unit = "%";
@@ -76,6 +102,9 @@ export default {
   },
   created() {
     this.resetData();
+    if (this.previewData.id !== -1) {
+      this.step = 2;
+    }
   },
   methods: {
     filterCmd(cmd) {
@@ -90,32 +119,6 @@ export default {
       }
       return false;
     },
-    resetData() {
-      this.previewData = JSON.parse(
-        JSON.stringify({
-          id: -1,
-          type: "InfoNumericImg",
-          cmdId: -1,
-          pos: { top: 0, left: 0 },
-          picture: { name: "shutter", values: [0, 100] },
-          title: "",
-          unit: "%",
-          percent: false,
-          min: 0,
-          max: 100,
-          state: 100,
-          style: {
-            border: true,
-            width: 280,
-            height: 150,
-            transparent: false,
-            backgroundColor: "#FFFFFFFF",
-            titleSize: 20,
-            contentSize: 60
-          }
-        })
-      );
-    },
     finish() {
       this.endOfWizard();
       this.resetData();
diff --git a/src/dash/src/components/Wizards/Items/InfoNumericWizard.vue b/src/dash/src/components/Wizards/Items/InfoNumericWizard.vue
index 3513195f3..adbadb291 100644
--- a/src/dash/src/components/Wizards/Items/InfoNumericWizard.vue
+++ b/src/dash/src/components/Wizards/Items/InfoNumericWizard.vue
@@ -7,7 +7,7 @@
     </v-stepper-header>
     <v-stepper-items>
       <v-stepper-content step="1">
-        <FilteredCommands v-model="command" type="info" subType="numeric" />
+        <FilteredCommands v-model="command" v-bind:default="previewData.cmdId" type="info" subType="numeric" />
         <StepperButtons v-model="step" v-on:previous="$emit('hide')" v-bind:nextDisabled="command.length === 0" />
       </v-stepper-content>
       <v-stepper-content step="2">
@@ -44,6 +44,30 @@ export default {
     StepperButtons,
     WidgetPreview
   },
+  props: {
+    baseData: {
+      type: Object,
+      default: () => ({
+        id: -1,
+        type: "InfoNumeric",
+        cmdId: -1,
+        pos: { top: 0, left: 0 },
+        icon: "",
+        title: "",
+        unit: "",
+        state: 20,
+        style: {
+          border: true,
+          width: 280,
+          height: 150,
+          transparent: false,
+          backgroundColor: "#FFFFFFFF",
+          titleSize: 20,
+          contentSize: 20
+        }
+      })
+    }
+  },
   data: () => ({
     command: []
   }),
@@ -55,7 +79,9 @@ export default {
           break;
         case 2:
           if (this.command.length > 0) {
-            this.previewData.title = this.command[0]["eqLogic"];
+            if (this.previewData.id === -1) {
+              this.previewData.title = this.command[0]["eqLogic"];
+            }
             this.previewData.unit = this.command[0]["data"]["unite"];
             this.previewData.state = this.command[0]["data"]["state"];
             this.previewData.cmdId = parseInt(this.command[0]["id"]);
@@ -66,31 +92,11 @@ export default {
   },
   created() {
     this.resetData();
+    if (this.previewData.id !== -1) {
+      this.step = 2;
+    }
   },
   methods: {
-    resetData() {
-      this.previewData = JSON.parse(
-        JSON.stringify({
-          id: -1,
-          type: "InfoNumeric",
-          cmdId: -1,
-          pos: { top: 0, left: 0 },
-          icon: "",
-          title: "",
-          unit: "",
-          state: 20,
-          style: {
-            border: true,
-            width: 280,
-            height: 150,
-            transparent: false,
-            backgroundColor: "#FFFFFFFF",
-            titleSize: 20,
-            contentSize: 20
-          }
-        })
-      );
-    },
     finish() {
       this.endOfWizard();
       this.resetData();
diff --git a/src/dash/src/components/Wizards/Items/LinkToDashWizard.vue b/src/dash/src/components/Wizards/Items/LinkToDashWizard.vue
index ff5a06478..db5d849c4 100644
--- a/src/dash/src/components/Wizards/Items/LinkToDashWizard.vue
+++ b/src/dash/src/components/Wizards/Items/LinkToDashWizard.vue
@@ -7,7 +7,7 @@
     </v-stepper-header>
     <v-stepper-items>
       <v-stepper-content step="1">
-        <FilteredDashs v-model="dash" />
+        <FilteredDashs v-model="dash" v-bind:default="previewData.target" />
         <StepperButtons v-model="step" v-on:previous="$emit('hide')" v-bind:nextDisabled="dash.length === 0" />
       </v-stepper-content>
       <v-stepper-content step="2">
@@ -43,6 +43,29 @@ export default {
     WidgetPreview,
     StepperButtons
   },
+  props: {
+    baseData: {
+      type: Object,
+      default: () => ({
+        id: 0,
+        type: "LinkToDash",
+        target: 0,
+        pos: { top: 0, left: 0 },
+        title: "",
+        hideBorder: true,
+        picture: "on-off/play-on.png",
+        style: {
+          border: true,
+          width: 280,
+          height: 150,
+          transparent: false,
+          backgroundColor: "#FFFFFFFF",
+          titleSize: 20,
+          contentSize: 40
+        }
+      })
+    }
+  },
   data: () => ({
     dash: []
   }),
@@ -54,7 +77,9 @@ export default {
           break;
         case 2:
           if (this.dash.length > 0) {
-            this.previewData.title = this.dash[0].name;
+            if (this.previewData.id === -1) {
+              this.previewData.title = this.dash[0].name;
+            }
             this.previewData.target = parseInt(this.dash[0].id);
           }
           break;
@@ -63,29 +88,13 @@ export default {
   },
   created() {
     this.resetData();
+    if (this.previewData.id !== -1) {
+      this.step = 2;
+    }
   },
   methods: {
     resetData() {
-      this.previewData = JSON.parse(
-        JSON.stringify({
-          id: 0,
-          type: "LinkToDash",
-          target: 0,
-          pos: { top: 0, left: 0 },
-          title: "",
-          hideBorder: true,
-          picture: "on-off/play-on.png",
-          style: {
-            border: true,
-            width: 280,
-            height: 150,
-            transparent: false,
-            backgroundColor: "#FFFFFFFF",
-            titleSize: 20,
-            contentSize: 40
-          }
-        })
-      );
+      this.previewData = JSON.parse(JSON.stringify(this.baseData));
     },
     finish() {
       this.endOfWizard();
diff --git a/src/dash/src/components/Wizards/Items/ScenarioActionImgWizard.vue b/src/dash/src/components/Wizards/Items/ScenarioActionImgWizard.vue
index b13d2a6cb..6791ee944 100644
--- a/src/dash/src/components/Wizards/Items/ScenarioActionImgWizard.vue
+++ b/src/dash/src/components/Wizards/Items/ScenarioActionImgWizard.vue
@@ -7,7 +7,7 @@
     </v-stepper-header>
     <v-stepper-items>
       <v-stepper-content step="1">
-        <FilteredScenarios v-model="scenario" />
+        <FilteredScenarios v-model="scenario" v-bind:default="previewData.scenarioId  " />
         <StepperButtons v-model="step" v-on:previous="$emit('hide')" v-bind:nextDisabled="scenario.length === 0" />
       </v-stepper-content>
       <v-stepper-content step="2">
@@ -43,6 +43,29 @@ export default {
     WidgetPreview,
     StepperButtons
   },
+  props: {
+    baseData: {
+      type: Object,
+      default: () => ({
+        id: -1,
+        type: "ScenarioActionImg",
+        scenarioId: -1,
+        pos: { top: 0, left: 0 },
+        title: "",
+        state: "stop",
+        picture: "on-off/play-on.png",
+        style: {
+          border: true,
+          width: 280,
+          height: 150,
+          transparent: false,
+          backgroundColor: "#FFFFFFFF",
+          titleSize: 20,
+          contentSize: 40
+        }
+      })
+    }
+  },
   data: () => ({
     scenario: []
   }),
@@ -54,7 +77,9 @@ export default {
           break;
         case 2:
           if (this.scenario.length > 0) {
-            this.previewData.title = this.scenario[0].name;
+            if (this.previewData.id === -1) {
+              this.previewData.title = this.scenario[0].name;
+            }
             this.previewData.scenarioId = parseInt(this.scenario[0].id);
           }
           break;
@@ -63,30 +88,11 @@ export default {
   },
   created() {
     this.resetData();
+    if (this.previewData.id !== -1) {
+      this.step = 2;
+    }
   },
   methods: {
-    resetData() {
-      this.previewData = JSON.parse(
-        JSON.stringify({
-          id: -1,
-          type: "ScenarioActionImg",
-          scenarioId: -1,
-          pos: { top: 0, left: 0 },
-          title: "",
-          state: "stop",
-          picture: "on-off/play-on.png",
-          style: {
-            border: true,
-            width: 280,
-            height: 150,
-            transparent: false,
-            backgroundColor: "#FFFFFFFF",
-            titleSize: 20,
-            contentSize: 40
-          }
-        })
-      );
-    },
     finish() {
       this.endOfWizard();
       this.resetData();
diff --git a/src/dash/src/components/Wizards/Items/ScenarioActionWizard.vue b/src/dash/src/components/Wizards/Items/ScenarioActionWizard.vue
index 1c27e7b67..8ae03c3d9 100644
--- a/src/dash/src/components/Wizards/Items/ScenarioActionWizard.vue
+++ b/src/dash/src/components/Wizards/Items/ScenarioActionWizard.vue
@@ -7,7 +7,7 @@
     </v-stepper-header>
     <v-stepper-items>
       <v-stepper-content step="1">
-        <FilteredScenarios v-model="scenario" />
+        <FilteredScenarios v-model="scenario" v-bind:default="previewData.scenarioId  " />
         <StepperButtons v-model="step" v-on:previous="$emit('hide')" v-bind:nextDisabled="scenario.length === 0" />
       </v-stepper-content>
       <v-stepper-content step="2">
@@ -40,6 +40,28 @@ export default {
     WidgetPreview,
     StepperButtons
   },
+  props: {
+    baseData: {
+      type: Object,
+      default: () => ({
+        id: -1,
+        type: "ScenarioAction",
+        scenarioId: -1,
+        pos: { top: 0, left: 0 },
+        title: "",
+        state: "stop",
+        style: {
+          border: true,
+          width: 280,
+          height: 150,
+          transparent: false,
+          backgroundColor: "#FFFFFFFF",
+          titleSize: 20,
+          contentSize: 40
+        }
+      })
+    }
+  },
   data: () => ({
     scenario: []
   }),
@@ -51,7 +73,9 @@ export default {
           break;
         case 2:
           if (this.scenario.length > 0) {
-            this.previewData.title = this.scenario[0].name;
+            if (this.previewData.id === -1) {
+              this.previewData.title = this.scenario[0].name;
+            }
             this.previewData.scenarioId = parseInt(this.scenario[0].id);
           }
           break;
@@ -60,29 +84,11 @@ export default {
   },
   created() {
     this.resetData();
+    if (this.previewData.id !== -1) {
+      this.step = 2;
+    }
   },
   methods: {
-    resetData() {
-      this.previewData = JSON.parse(
-        JSON.stringify({
-          id: -1,
-          type: "ScenarioAction",
-          scenarioId: -1,
-          pos: { top: 0, left: 0 },
-          title: "",
-          state: "stop",
-          style: {
-            border: true,
-            width: 280,
-            height: 150,
-            transparent: false,
-            backgroundColor: "#FFFFFFFF",
-            titleSize: 20,
-            contentSize: 40
-          }
-        })
-      );
-    },
     finish() {
       this.endOfWizard();
       this.resetData();
diff --git a/src/dash/src/libs/Store.js b/src/dash/src/libs/Store.js
index 59d8db925..7775d3714 100644
--- a/src/dash/src/libs/Store.js
+++ b/src/dash/src/libs/Store.js
@@ -44,7 +44,7 @@ export const store = new Vuex.Store({
          */
         updateCmd(state, payload) {
             for (let widget in state.widgets) {
-                if (state.widgets[widget].cmdId === payload.cmdId) {
+                if (state.widgets[widget].cmdId == payload.cmdId) {
                     state.widgets[widget].state = payload.newState;
                 }
             }
diff --git a/src/dash/src/main.js b/src/dash/src/main.js
index a4af328ae..51fc212d5 100644
--- a/src/dash/src/main.js
+++ b/src/dash/src/main.js
@@ -1,4 +1,5 @@
 import '@fortawesome/fontawesome-free/css/all.css'
+import '@mdi/font/css/materialdesignicons.css'
 import '@/assets/global.css'
 import Vue from 'vue'
 import App from '@/App.vue'
diff --git a/src/dash/yarn.lock b/src/dash/yarn.lock
index 790922328..566151551 100644
--- a/src/dash/yarn.lock
+++ b/src/dash/yarn.lock
@@ -842,6 +842,11 @@
     cssnano-preset-default "^4.0.0"
     postcss "^7.0.0"
 
+"@mdi/font@^5.1.45":
+  version "5.1.45"
+  resolved "https://registry.yarnpkg.com/@mdi/font/-/font-5.1.45.tgz#58edff65985cc5a350eb95ff2974273a285ea9ad"
+  integrity sha512-7H1UMwUpEp8mthdPlpAi7bhEyvTbvtK1TlA89scc0cXMpQy0UFygdkaf+6fveIxpBcRNgw0gnGSEonlsfYocXg==
+
 "@mrmlnc/readdir-enhanced@^2.2.1":
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz#524af240d1a360527b730475ecfa1344aa540dde"