add MaterialDeleteDialog

cateditor/src/components/CatalogContents.vue

@@ -112,10 +112,7 @@
 
                   <v-list-tile-action>
                     <span class="group">
-                      <v-btn icon @click="popInfo(item.id)">
-                        <v-icon small color="grey lighten-1">info</v-icon>
-                      </v-btn>
-                      <v-btn icon @click="popDelete(item.id)">
+                      <v-btn icon @click="popMaterialDelete(item.id)">
                         <v-icon small color="grey lighten-1">delete</v-icon>
                       </v-btn>
                     </span>
@@ -136,6 +133,7 @@
     <SectionDeleteDialog v-model="showSectionDeleteDialog"/>
     <ModelInfoDialog v-model="showModelInfoDialog"/>
     <ModelDeleteDialog v-model="showModelDeleteDialog"/>
+    <MaterialDeleteDialog v-model="showMaterialDeleteDialog"/>
 
   </v-container>
 </template>
@@ -153,6 +151,7 @@ import SectionInfoDialog from './SectionInfoDialog'
 import SectionDeleteDialog from './SectionDeleteDialog'
 import ModelInfoDialog from './ModelInfoDialog'
 import ModelDeleteDialog from './ModelDeleteDialog'
+import MaterialDeleteDialog from './MaterialDeleteDialog'
 
 export default {
   components: {
@@ -163,6 +162,7 @@ export default {
     SectionDeleteDialog,
     ModelInfoDialog,
     ModelDeleteDialog,
+    MaterialDeleteDialog,
     //RawDisplayer,
   },
 
@@ -173,6 +173,8 @@ export default {
     showSectionDeleteDialog: false,
     showModelInfoDialog: false,
     showModelDeleteDialog: false,
+    //showMaterialInfoDialog: false,
+    showMaterialDeleteDialog: false,
   }),
   computed: {
     ...mapState([
@@ -276,6 +278,11 @@ export default {
       this.showModelDeleteDialog = true
     },
 
+    popMaterialDelete(id) {
+      this.selectMaterial(id)
+      this.showMaterialDeleteDialog = true
+    },
+
     ...mapActions([
       'selectSection',
       'selectModel',