add material selection

cateditor/src/components/CatalogContents.vue

@@ -101,6 +101,7 @@
             <div v-for="item in selectedMaterials" :key="item.id">
               <v-hover :key="item.id">
                 <v-list-tile
+                  @click="selectMaterial(item.id)"
                   slot-scope="{ hover }"
                   :class="materialListItemClasses(item.id, hover)"
                 >
@@ -179,12 +180,14 @@ export default {
       'materials',
       'selectedSectionID',
       'selectedModelID',
+      'selectedMaterialID',
     ]),
     ...mapGetters([
       'section',
       'sections',
       'selectedSection',
       'selectedModel',
+      'selectedMaterial',
       'sectionModels',
       'modelMaterials',
       'material',
@@ -231,7 +234,9 @@ export default {
     },
 
     materialListItemClasses(id, hovering) {
-      if (hovering) {
+      if (id === this.selectedMaterialID) {
+        return 'list-item primary'
+      } else if (hovering) {
         return 'list-item grey lighten-4'
       } else {
         return 'list-item'
@@ -274,6 +279,7 @@ export default {
     ...mapActions([
       'selectSection',
       'selectModel',
+      'selectMaterial',
       'reorderSection',
       'setSectionPages',
       'setModelMaterials',