implement "new catalog" in editor

cateditor/src/components/CatalogEditor.vue

@@ -2,6 +2,8 @@
   <v-stepper v-model="step">
     <v-stepper-header>
       <v-stepper-step :complete="step > 1" step="1">Catalog info</v-stepper-step>
+    <Loading text="Loading" :show="loadingCatalog"/>
+
       <v-divider></v-divider>
       <v-stepper-step :complete="step > 2" step="2">Contents</v-stepper-step>
       <v-divider></v-divider>
@@ -40,17 +42,32 @@
 </template>
 
 <script>
+import Loading from './Loading'
 import CatalogInfo from './CatalogInfo'
 import CatalogContents from './CatalogContents'
 
 export default {
   components: {
+    Loading,
     CatalogInfo,
     CatalogContents
   },
   data: () => ({
     step: 1,
   }),
+  computed: {
+    loadingCatalog() {
+      return this.$store.getters.loadingCatalog
+    },
+    savingCatalog() {
+      return this.$store.getters.savingCatalog
+    },
+  },
+  methods: {
+    saveCatalog() {
+      this.$store.dispatch('saveCatalog')
+    },
+  },
   mounted: function() {
     // catalogID is set by django
     // in a script block in our parent page.