sketch out stepper version of catedit ui

cateditor/src/components/CatalogContents.vue

@@ -0,0 +1,53 @@
+<template>
+  <v-container fluid grid-list-lg>
+    <v-layout column>
+
+      <v-layout row>
+        <v-flex d-flex shrink>
+          <v-select :items="seasons" v-model="season" label="Season"></v-select>
+        </v-flex>
+        <v-flex d-flex shrink>
+          <v-select :items="regions" v-model="region" label="Region"></v-select>
+        </v-flex>
+        <v-flex d-flex grow>
+          <v-text-field v-model="name" label="Catalog name" required></v-text-field>
+        </v-flex>
+      </v-layout>
+
+      <v-layout row>
+        <v-flex d-flex shrink>
+          <v-checkbox v-model="ispublic" label="Public"></v-checkbox>
+        </v-flex>
+        <v-flex d-flex shrink>
+          <v-checkbox v-model="ispublic" label="Show prices"></v-checkbox>
+        </v-flex>
+        <v-flex d-flex shrink>
+          <v-checkbox v-model="ispublic" label="Region master"></v-checkbox>
+        </v-flex>
+        <v-flex d-flex shrink>
+          <v-checkbox v-model="ispublic" label="I forget"></v-checkbox>
+        </v-flex>
+      </v-layout>
+
+      <!-- TODO: email selects -->
+
+    </v-layout>
+  </v-container>
+</template>
+
+<script>
+export default {
+    data: () => ({
+        seasons: [ 'SS19', 'FW19', 'SS20' ],
+        regions: [ 'US', 'Canada', 'Mexico' ],
+        season: null,
+        region: null,
+        name: null,
+        ispublic: true
+    })
+}
+</script>
+
+<style>
+
+</style>