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.

cateditor/src/components/Loading.vue

@@ -0,0 +1,21 @@
+<template>
+  <v-dialog v-model="show" persistent width="300">
+    <v-card color="green" dark>
+      <v-card-text class="white--text">
+        {{ text }}
+        <v-progress-linear indeterminate color="white" class="mb-0" />
+      </v-card-text>
+    </v-card>
+  </v-dialog>
+</template>
+
+<script>
+export default {
+  data: () => ({
+  }),
+  props: {
+    text: String,
+    show: Boolean,
+  },
+}
+</script>