ayanova/src/components/inventorywidgetedit.vue

@@ -79,11 +79,11 @@ export default {
           addNavItem(lt.get("Operations"), "cogs", "ops");
         } 
     */
-    console.log("MOUNTED");
+    //console.log("MOUNTED");
   },
   data: () => ({}),
   beforeRouteEnter(to, from, next) {
-    console.log("BEFOREROUTENTER");
+    //console.log("BEFOREROUTENTER");
     debugger;
     if (
       false

ayanova/src/components/inventorywidgetlist.vue

@@ -166,8 +166,13 @@ export default {
       });
     },
     editItem(item) {
-      this.dialogdata.recordId = item.id;
-      this.dialogdata.showeditdialog = true;
+      this.$router.push({
+        name: "inventory-widget-edit",
+        params: { id: item.id }
+      });
+      //router.push({ name: 'user', params: { userId: '123' } })
+      // this.dialogdata.recordId = item.id;
+      // this.dialogdata.showeditdialog = true;
     }
   }
 };

ayanova/src/router.js

@@ -52,6 +52,12 @@ export default new Router({
       name: "inventory",
       component: () =>
         import(/* webpackChunkName: "inventory" */ "./views/inventory.vue")
+    },
+    {
+      path: "/inventory/widget/edit/:id",
+      name: "inventory-widget-edit",
+      component: () =>
+        import(/* webpackChunkName: "inventory-widget-edit" */ "./views/inventory-widget-edit.vue")
     }
   ]
 });

ayanova/src/views/inventory-widget-edit.vue

@@ -1,15 +1,48 @@
 <template>
-  <v-layout column wrap class="my-5" align-center>
-    <v-flex xs12>
-      <v-container grid-list-xl>
-        <v-layout row wrap align-top></v-layout>
-      </v-container>
-    </v-flex>
-  </v-layout>
+  <form>
+    <v-text-field
+      v-model="obj.name"
+      v-validate="'required|max:10'"
+      :counter="10"
+      :error-messages="errors.collect('name')"
+      label="Name"
+      data-vv-name="name"
+      required
+    ></v-text-field>
+    <v-text-field
+      v-model="email"
+      v-validate="'required|email'"
+      :error-messages="errors.collect('email')"
+      label="E-mail"
+      data-vv-name="email"
+      required
+    ></v-text-field>
+    <!-- <v-select
+      v-model="select"
+      v-validate="'required'"
+      :items="items"
+      :error-messages="errors.collect('select')"
+      label="Select"
+      data-vv-name="select"
+      required
+    ></v-select>-->
+    <v-checkbox
+      v-model="obj.active"
+      v-validate="'required'"
+      :error-messages="errors.collect('checkbox')"
+      value="1"
+      label="Option"
+      data-vv-name="checkbox"
+      type="checkbox"
+      required
+    ></v-checkbox>
+    <v-btn @click="submit">submit</v-btn>
+    <v-btn @click="clear">clear</v-btn>
+  </form>
 </template>
 
 <script>
-/*  Xeslint-disable */
+/*  eslint-disable */
 
 //import store from "../store";
 import lt from "../api/locale";
@@ -17,19 +50,54 @@ import lt from "../api/locale";
 export default {
   components: {},
   data() {
-    return {};
+    return {
+      obj: {
+        name: "",
+        email: "",
+        active: false
+      }
+    };
+  },
+  beforeRouteEnter(to, from, next) {
+    //Cache all required lt keys
+    var ltKeysRequired = [
+      "Widget",
+      "WidgetName",
+      "WidgetSerial",
+      "WidgetDollarAmount",
+      "WidgetCount",
+      "WidgetRoles",
+      "WidgetStartDate",
+      "WidgetEndDate",
+      "WidgetNotes",
+      "WidgetCustom1",
+      "WidgetCustom2",
+      "WidgetCustom3",
+      "WidgetCustom4",
+      "WidgetCustom5",
+      "WidgetCustom6",
+      "WidgetCustom7",
+      "WidgetCustom8",
+      "WidgetCustom9",
+      "WidgetCustom10",
+      "WidgetCustom11",
+      "WidgetCustom12",
+      "WidgetCustom13",
+      "WidgetCustom14",
+      "WidgetCustom15",
+      "WidgetCustom16"
+    ];
+    lt.fetch(ltKeysRequired).then(() => {
+      next();
+    });
   },
-  // beforeRouteEnter(to, from, next) {
-  //   //Cache all required lt keys
-  //   var ltKeysRequired = ["Inventory"].concat(WidgetList.ltKeysRequired);
-  //   lt.fetch(ltKeysRequired).then(() => {
-  //     next();
-  //   });
-  // },
   mounted() {},
   methods: {
     lt: function(key) {
       return lt.get(key);
+    },
+    submit() {
+      this.$validator.validateAll();
     }
   }
 };