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

@@ -1,7 +1,7 @@
 <template>
   <form>
-    <v-layout align-center justify-center row wrap>
-      <v-flex xs12 sm6 lg3 xl2 grow>
+    <v-layout align-center justify-left row wrap>
+      <v-flex xs12 sm6 lg4 xl3 grow>
         <v-text-field
           v-model="obj.name"
           v-validate="'required|max:10'"
@@ -12,7 +12,29 @@
           required
         ></v-text-field>
       </v-flex>
-      <v-flex xs12 sm6 lg3 xl2 grow>
+      <v-flex xs12 sm6 lg4 xl3 grow>
+        <v-text-field
+          v-model="obj.serial"
+          v-validate="'required|max:10'"
+          :counter="10"
+          :error-messages="errors.collect('serial')"
+          label="Serial"
+          data-vv-name="serial"
+          required
+        ></v-text-field>
+      </v-flex>
+      <v-flex xs12 sm6 lg4 xl3 grow>
+        <v-text-field
+          v-model="obj.count"
+          v-validate="'required|max:10'"
+          :counter="10"
+          :error-messages="errors.collect('count')"
+          label="Count"
+          data-vv-name="count"
+          required
+        ></v-text-field>
+      </v-flex>
+      <v-flex xs12 sm6 lg4 xl3 grow>
         <v-text-field
           v-model="email"
           v-validate="'required|email'"
@@ -22,7 +44,7 @@
           required
         ></v-text-field>
       </v-flex>
-      <v-flex xs12 sm6 lg3 xl2 grow>
+      <v-flex xs12 sm6 lg4 xl3 grow>
         <v-select
           v-model="select"
           v-validate="'required'"
@@ -33,7 +55,7 @@
           required
         ></v-select>
       </v-flex>
-      <v-flex xs12 sm6 lg3 xl2 grow>
+      <v-flex xs12 sm6 lg4 xl3 grow>
         <v-checkbox
           v-model="obj.active"
           v-validate="'required'"
@@ -44,6 +66,8 @@
           required
         ></v-checkbox>
       </v-flex>
+    </v-layout>
+    <v-layout>
       <v-flex xs12 grow>
         <v-btn @click="submit">submit</v-btn>
         <v-btn @click="clear">clear</v-btn>