refactor: refactor, fixes

Author: pyphilia

src/index.html

@@ -51,8 +51,8 @@
 
                 <log
                 ref="log"
+                :elements="logElements"
                 >
-
                 </log>
 
                 <!-- content -->

src/js/app.js

@@ -95,6 +95,13 @@ export let app;
       dataElements() {
         return this.dataTest;
       },
+      logElements() {
+        return this.elements.map(({ boxId, type, defaultParams }) => ({
+          boxId,
+          type,
+          defaultParams
+        }));
+      },
       ...mapState("Interface", ["elements", "links"]),
       ...mapState("Keyboard", ["ctrl", "space"])
     },

src/js/layout/components/Log.js

@@ -6,18 +6,18 @@
 
 import Vue from "vue";
 import Paper from "../../classes/Paper";
-import { mapState } from "vuex";
 import { Constants, Validation } from "divaservices-utils";
 const { Types } = Constants;
 
 const Log = Vue.component("Log", {
+  props: ["elements"],
   data() {
     return {
       activated: false // hacky variable to activate openWorkflow initial push
     };
   },
   computed: {
-    ...mapState("Interface", ["elements"]),
+    //@TODO watch for differences
     messages() {
       const tmp = [];
       for (const { boxId, type: name, defaultParams } of this.elements) {
@@ -30,7 +30,6 @@ const Log = Vue.component("Log", {
                 tmp.push({ value, paramName, paramType, name, boxId });
               }
             } catch (e) {
-              console.log(e);
               tmp.push({ value, paramName, paramType, name, boxId });
             }
           });

src/js/layout/components/toolsbar.js

@@ -179,7 +179,6 @@ const Toolsbar = Vue.component("Toolsbar", {
       return Math.ceil(this.scale * 100);
     }
   },
-  // @TODO search done twice because of a
   template: `
   <div id="${TOOLSBAR}">
     <div v-for="group in toolsbarIcons" class="group">

src/js/layout/inputs.js

@@ -355,7 +355,7 @@ export const checkInputValue = input => {
   const currentVal = input.val();
   const { min, max, step } = input.data();
 
-  let isValid = true;
+  let isValid = false;
   try {
     isValid = Validation.checkValue(currentVal, Types.NUMBER.type, {
       min,

src/js/store/plugins/HighlightPlugin.js

@@ -14,7 +14,6 @@ const HighlightPlugin = store => {
       case "Interface/UNSELECT_ALL_ELEMENTS":
       case "Interface/ADD_UNIQUE_ELEMENT_TO_SELECTION":
       case "Interface/ADD_ELEMENTS_TO_SELECTION": {
-        console.log(type, Interface);
         for (const element of Interface.elements) {
           const cellView = Paper.getViewFromBoxId(element.boxId);
           if (element.selected) {