prodpicker: restrict to only add by id

cateditor/src/components/AddMaterialPanel.vue

@@ -3,11 +3,10 @@
     <v-card-text>
       <v-textarea
         v-model="text"
-        label="Enter material numbers"
+        label="Enter SKUs to add to the catalog"
         autofocus
         outlined
-        clearable
+        hide-details
-        clear-icon="cancel"
         rows="6"
         placeholder="1001234
 1001235..."

cateditor/src/components/AddProductDialog.vue

@@ -1,31 +1,31 @@
 <template>
   <div class="text-center">
-    <v-dialog v-model="show" width="500">
+    <v-dialog v-model="show" width="400">
       <v-card>
         <DialogHeading title="Add Materials" @hide="show = false" />
 
         <v-card-text class="ma-0 pa-0">
 
-          <v-tabs v-model="tab" grow>
+          <!-- <v-tabs v-model="tab" grow>
-            <v-tab>By ID</v-tab>
+               <v-tab>By SKU</v-tab>
-            <v-tab>By Name</v-tab>
+               <v-tab>By Name</v-tab>
-            <v-tab>From Catalog</v-tab>
+               <v-tab>From Catalog</v-tab>
-          </v-tabs>
+               </v-tabs> -->
 
-          <v-tabs-items v-model="tab">
+          <!-- <v-tabs-items v-model="tab">
-            <v-tab-item>
+               <v-tab-item> -->
-              <AddMaterialPanel v-model="materialText"/>
+          <AddMaterialPanel v-model="materialText"/>
-            </v-tab-item>
+          <!-- </v-tab-item>
-            <v-tab-item>
+                   <v-tab-item>
-              <AddModelPanel v-model="models"/>
+                   <AddModelPanel v-model="models"/>
-            </v-tab-item>
+                   </v-tab-item>
-            <v-tab-item>
+                   <v-tab-item>
-              <AddCatalogPanel v-model="catalog"/>
+                   <AddCatalogPanel v-model="catalog"/>
-            </v-tab-item>
+                   </v-tab-item>
-          </v-tabs-items>
+                   </v-tabs-items> -->
         </v-card-text>
 
-        <v-card-actions>
+        <v-card-actions class="pt-0">
           <v-spacer/>
           <v-btn depressed @click="show = false">Cancel</v-btn>
           <v-spacer/>
@@ -48,15 +48,15 @@ import DialogHeading from './DialogHeading'
 export default {
   components: {
     AddMaterialPanel,
-    AddModelPanel,
+    /*     AddModelPanel, */
-    AddCatalogPanel,
+    /*     AddCatalogPanel, */
     DialogHeading,
   },
   props: {
     value: Boolean,
   },
   data: () => ({
-    tab: 1,
+    tab: 0,
     materialText: '',
     models: [],
     catalog: null,
@@ -85,7 +85,6 @@ export default {
       }
       /*       this.show = false */
     },
-
   },
 }
 </script>