fixup! Implement CRUD UI for appointment configs

Author: st3iny

src/components/AppNavigation/AppointmentConfigList.vue

@@ -34,7 +34,7 @@
 		</AppNavigationCaption>
 		<AppointmentConfigListItem
 			v-for="config in configs"
-			:key="config.id"
+			:key="config.name"
 			:config="config" />
 
 		<AppointmentConfigModal
@@ -72,12 +72,20 @@ export default {
 		}
 	},
 	computed: {
+		/*
 		...mapState({
 			configs: state => state.appointmentConfigs.configs,
 		}),
+
+		 */
 		defaultConfig() {
 			return AppointmentConfig.createDefault(this.$store)
 		},
+		configs() {
+			const configs = this.$store.getters.allConfigs()
+			logger.debug('Configs changed', { configs })
+			return configs
+		},
 	},
 	methods: {
 		closeModal() {

src/components/AppointmentConfigModal.vue

@@ -219,12 +219,14 @@ export default {
 			this.editing.targetCalendarUri = calendar.url
 		},
 		save() {
+			const defaultConfig = AppointmentConfig.createDefault(this.$store)
+
 			if (!this.enablePreparationDuration) {
-				this.editing.preparationDuration = undefined
+				this.editing.preparationDuration = defaultConfig.preparationDuration
 			}
 
 			if (!this.enableFollowupDuration) {
-				this.editing.followupDuration = undefined
+				this.editing.followupDuration = defaultConfig.followupDuration
 			}
 
 			this.$emit('save', this.editing)

src/models/appointmentConfig.js

@@ -50,10 +50,10 @@ export default class AppointmentConfig {
 	/** @member {number} */
 	increment
 
-	/** @member {?number} */
+	/** @member {number} */
 	preparationDuration
 
-	/** @member {?number} */
+	/** @member {number} */
 	followupDuration
 
 	/** @member {number} */
@@ -98,7 +98,12 @@ export default class AppointmentConfig {
 			visibility: 'PUBLIC',
 			length: 5 * 60,
 			increment: 15 * 60,
+			preparationDuration: 0,
+			followupDuration: 0,
+			buffer: 0,
+			freebusyUris: [],
 		})
+
 	}
 
 	/**

src/store/appointmentConfigs.js

@@ -38,7 +38,7 @@ const mutations = {
 		}
 	},
 	addConfig(state, { config }) {
-		state.configs = [...state.configs, config]
+		Vue.set(state, 'configs', [...state.configs, config])
 		logger.debug('addConfig', { configs: state.configs })
 	},
 	deleteConfig(state, { id }) {
@@ -47,6 +47,7 @@ const mutations = {
 }
 
 const getters = {
+	allConfigs: state => () => state.configs,
 }
 
 const actions = {