Setting for default calendar when creating new events

css/app-settings.scss

@@ -76,8 +76,9 @@
 				width: 50%;
 			}
 		}
-
-		&--timezone {
+
+		&--timezone,
+		&--default-calendar {
 			width: 100%;
 
 			.multiselect {

lib/Controller/PublicViewController.php

@@ -127,6 +127,7 @@ private function publicIndex(string $token,
 		$defaultTimezone = $this->config->getAppValue($this->appName, 'timezone', 'automatic');
 		$defaultSlotDuration = $this->config->getAppValue($this->appName, 'slotDuration', '00:30:00');
 		$defaultDefaultReminder = $this->config->getAppValue($this->appName, 'defaultReminder', 'none');
+		$defaultCalendarId = $this->config->getAppValue($this->appName, 'defaultCalendarId', 'none');
 		$defaultShowTasks = $this->config->getAppValue($this->appName, 'showTasks', 'yes');
 
 		$appVersion = $this->config->getAppValue($this->appName, 'installed_version', null);
@@ -143,6 +144,7 @@ private function publicIndex(string $token,
 		$this->initialStateService->provideInitialState($this->appName, 'timezone', $defaultTimezone);
 		$this->initialStateService->provideInitialState($this->appName, 'slot_duration', $defaultSlotDuration);
 		$this->initialStateService->provideInitialState($this->appName, 'default_reminder', $defaultDefaultReminder);
+		$this->initialStateService->provideInitialState($this->appName, 'default_calendar_id', $defaultCalendarId);
 		$this->initialStateService->provideInitialState($this->appName, 'show_tasks', $defaultShowTasks === 'yes');
 		$this->initialStateService->provideInitialState($this->appName, 'tasks_enabled', false);
 		$this->initialStateService->provideInitialState($this->appName, 'hide_event_export', false);

lib/Controller/SettingsController.php

@@ -89,6 +89,8 @@ public function setConfig(string $key,
 				return $this->setSlotDuration($value);
 			case 'defaultReminder':
 				return $this->setDefaultReminder($value);
+			case 'defaultCalendarId':
+				return $this->setDefaultCalendarId($value);
 			case 'showTasks':
 				return $this->setShowTasks($value);
 			default:
@@ -339,4 +341,25 @@ private function setDefaultReminder(string $value):JSONResponse {
 
 		return new JSONResponse();
 	}
+
+	/**
+	 * sets defaultCalendarId for user
+	 *
+	 * @param string $value User-selected option for default calendar when creating new events
+	 * @return JSONResponse
+	 */
+	private function setDefaultCalendarId(string $value):JSONResponse {
+		try {
+			$this->config->setUserValue(
+				$this->userId,
+				$this->appName,
+				'defaultCalendarId',
+				$value
+			);
+		} catch (\Exception $e) {
+			return new JSONResponse([], Http::STATUS_INTERNAL_SERVER_ERROR);
+		}
+
+		return new JSONResponse();
+	}
 }

lib/Controller/ViewController.php

@@ -81,6 +81,7 @@ public function index():TemplateResponse {
 		$defaultTimezone = $this->config->getAppValue($this->appName, 'timezone', 'automatic');
 		$defaultSlotDuration = $this->config->getAppValue($this->appName, 'slotDuration', '00:30:00');
 		$defaultDefaultReminder = $this->config->getAppValue($this->appName, 'defaultReminder', 'none');
+		$defaultCalendarIdGlobal = $this->config->getAppValue($this->appName, 'defaultCalendarId', '');
 		$defaultShowTasks = $this->config->getAppValue($this->appName, 'showTasks', 'yes');
 
 		$appVersion = $this->config->getAppValue($this->appName, 'installed_version', null);
@@ -93,6 +94,7 @@ public function index():TemplateResponse {
 		$timezone = $this->config->getUserValue($this->userId, $this->appName, 'timezone', $defaultTimezone);
 		$slotDuration = $this->config->getUserValue($this->userId, $this->appName, 'slotDuration', $defaultSlotDuration);
 		$defaultReminder = $this->config->getUserValue($this->userId, $this->appName, 'defaultReminder', $defaultDefaultReminder);
+		$defaultCalendarIdUser = $this->config->getUserValue($this->userId, $this->appName, 'defaultCalendarId', $defaultCalendarId);
 		$showTasks = $this->config->getUserValue($this->userId, $this->appName, 'showTasks', $defaultShowTasks) === 'yes';
 		$hideEventExport = $this->config->getAppValue($this->appName, 'hideEventExport', 'no') === 'yes';
 		$disableAppointments = $this->config->getAppValue($this->appName, 'disableAppointments', 'no') === 'yes';
@@ -117,6 +119,7 @@ public function index():TemplateResponse {
 		$this->initialStateService->provideInitialState('timezone', $timezone);
 		$this->initialStateService->provideInitialState('slot_duration', $slotDuration);
 		$this->initialStateService->provideInitialState('default_reminder', $defaultReminder);
+		$this->initialStateService->provideInitialState($this->appName, 'default_calendar_id', $defaultCalendarIdUser);
 		$this->initialStateService->provideInitialState('show_tasks', $showTasks);
 		$this->initialStateService->provideInitialState('tasks_enabled', $tasksEnabled);
 		$this->initialStateService->provideInitialState('hide_event_export', $hideEventExport);

src/components/AppNavigation/Settings.vue

@@ -82,6 +82,16 @@
 					@select="changeDefaultReminder" />
 			</li>
 			<SettingsTimezoneSelect :is-disabled="loadingCalendars" />
+			<li class="settings-fieldset-interior-item settings-fieldset-interior-item--default-calendar">
+				<label>
+					{{ $t('calendar', 'Default calendar for new events') }}
+					<CalendarPicker
+						:calendars="defaultCalendarOptions"
+						:calendar="defaultCalendar"
+						:disabled="savingDefaultCalendarId"
+						@selectCalendar="changeDefaultCalendar" />
+				</label>
+			</li>
 			<ActionButton @click.prevent.stop="copyPrimaryCalDAV">
 				<template #icon>
 					<ClipboardArrowLeftOutline :size="20" decorative />
@@ -121,6 +131,8 @@ import ActionCheckbox from '@nextcloud/vue/dist/Components/ActionCheckbox'
 import ActionLink from '@nextcloud/vue/dist/Components/ActionLink'
 import AppNavigationSettings from '@nextcloud/vue/dist/Components/AppNavigationSettings'
 import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
+import CalendarPicker from '../Shared/CalendarPicker.vue'
+
 import {
 	generateRemoteUrl,
 	generateUrl,
@@ -166,6 +178,7 @@ export default {
 		ClipboardArrowLeftOutline,
 		InformationVariant,
 		OpenInNewIcon,
+		CalendarPicker,
 	},
 	props: {
 		loadingCalendars: {
@@ -181,6 +194,7 @@ export default {
 			savingPopover: false,
 			savingSlotDuration: false,
 			savingDefaultReminder: false,
+			savingDefaultCalendarId: false,
 			savingWeekend: false,
 			savingWeekNumber: false,
 			displayKeyboardShortcuts: false,
@@ -200,6 +214,7 @@ export default {
 			defaultReminder: state => state.settings.defaultReminder,
 			timezone: state => state.settings.timezone,
 			locale: (state) => state.settings.momentLocale,
+			defaultCalendarId: state => state.settings.defaultCalendarId,
 		}),
 		isBirthdayCalendarDisabled() {
 			return this.savingBirthdayCalendar || this.loadingCalendars
@@ -266,6 +281,28 @@ export default {
 		availabilitySettingsUrl() {
 			return generateUrl('/settings/user/groupware')
 		},
+		defaultCalendarOptions() {
+			return this.$store.state.calendars.calendars.filter(o => !o.readOnly)
+		},
+		defaultCalendar() {
+			var calendar = this.defaultCalendarOptions.find(o => o.id === this.defaultCalendarId)
+			// If the default calendar is not or no longer available,
+			// pick the first calendar in the list of available calendars.
+			if(calendar === undefined) {
+				calendar = this.defaultCalendarOptions[0]
+			}
+			if(calendar === undefined) {
+				// Create a dummy calendar object  so that the calendarpicker
+				// will not complain when no calendar is available.
+				calendar = {
+					color: '#000',
+					displayName: 'No calendar',
+					owner: '',
+					isSharedWithMe: false,
+				}
+			}
+			return calendar
+		},
 	},
 	methods: {
 		async toggleBirthdayEnabled() {
@@ -391,6 +428,28 @@ export default {
 				this.savingDefaultReminder = false
 			}
 		},
+		/**
+		 * Changes the default calendar for new events
+		 * @param {Object} selectedCalendar The new selected default calendar
+		 */
+		async changeDefaultCalendar(selectedCalendar) {
+			if (!selectedCalendar) {
+				return
+			}
+
+			this.savingDefaultCalendar = true
+
+			try {
+				await this.$store.dispatch('setDefaultCalendarId', {
+					calendarId: selectedCalendar.id,
+				})
+				this.savingDefaultCalendar = false
+			} catch (error) {
+				console.error(error)
+				showError(this.$t('calendar', 'New setting was not saved successfully.'))
+				this.savingDefaultCalendar = false
+			}
+		},
 		/**
 		 * Copies the primary CalDAV url to the user's clipboard.
 		 */

src/components/CalendarGrid.vue

@@ -104,6 +104,7 @@ export default {
 			showWeekends: state => state.settings.showWeekends,
 			showWeekNumbers: state => state.settings.showWeekNumbers,
 			slotDuration: state => state.settings.slotDuration,
+			defaultCalendarId: state => state.settings.defaultCalendarId,
 			showTasks: state => state.settings.showTasks,
 			timezone: state => state.settings.timezone,
 			modificationCount: state => state.calendarObjects.modificationCount,
@@ -141,6 +142,7 @@ export default {
 				headerToolbar: false,
 				height: '100%',
 				slotDuration: this.slotDuration,
+				defaultCalendarId: this.defaultCalendarId,
 				expandRows: true,
 				weekNumbers: this.showWeekNumbers,
 				weekends: this.showWeekends,

src/components/Shared/CalendarPicker.vue

@@ -1,7 +1,7 @@
 <template>
 	<Multiselect label="displayName"
 		track-by="url"
-		:disabled="isDisabled"
+		:disabled="isMultiselectDisabled"
 		:options="calendars"
 		:value="value"
 		:multiple="multiple"
@@ -47,10 +47,14 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+		disabled: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	computed: {
-		isDisabled() {
-			return this.calendars.length < 2
+		isMultiselectDisabled() {
+			return this.disabled || this.calendars.length < 2
 		},
 	},
 	methods: {

src/mixins/EditorMixin.js

@@ -673,10 +673,11 @@ export default {
 				const start = parseInt(to.params.dtstart, 10)
 				const end = parseInt(to.params.dtend, 10)
 				const timezoneId = vm.$store.getters.getResolvedTimezone
+				const calendarId = vm.$store.state.settings.defaultCalendarId
 
 				try {
 					await vm.loadingCalendars()
-					await vm.$store.dispatch('getCalendarObjectInstanceForNewEvent', { isAllDay, start, end, timezoneId })
+					await vm.$store.dispatch('getCalendarObjectInstanceForNewEvent', { isAllDay, start, end, timezoneId, calendarId })
 					vm.calendarId = vm.calendarObject.calendarId
 				} catch (error) {
 					console.debug(error)

src/store/calendarObjectInstance.js

@@ -1445,15 +1445,15 @@ const actions = {
 	 * @param {string} data.timezoneId The timezoneId of the new event
 	 * @return {Promise<{calendarObject: object, calendarObjectInstance: object}>}
 	 */
-	async getCalendarObjectInstanceForNewEvent({ state, dispatch, commit }, { isAllDay, start, end, timezoneId }) {
+	async getCalendarObjectInstanceForNewEvent({ state, dispatch, commit }, { isAllDay, start, end, timezoneId, calendarId }) {
 		if (state.isNew === true) {
 			return Promise.resolve({
 				calendarObject: state.calendarObject,
 				calendarObjectInstance: state.calendarObjectInstance,
 			})
 		}
 
-		const calendarObject = await dispatch('createNewEvent', { start, end, isAllDay, timezoneId })
+		const calendarObject = await dispatch('createNewEvent', { start, end, isAllDay, timezoneId, calendarId })
 		const startDate = new Date(start * 1000)
 		const eventComponent = getObjectAtRecurrenceId(calendarObject, startDate)
 		const calendarObjectInstance = mapEventComponentToEventObject(eventComponent)
@@ -1587,6 +1587,7 @@ const actions = {
 			end: endDate.unixTime,
 			timezoneId: oldEventComponent.startDate.timezoneId,
 			isAllDay: oldEventComponent.isAllDay(),
+			calendarId: oldEventComponent.calendarId,
 		})
 		const eventComponent = getObjectAtRecurrenceId(calendarObject, startDate.jsDate)
 		copyCalendarObjectInstanceIntoEventComponent(oldCalendarObjectInstance, eventComponent)

src/store/calendarObjects.js

@@ -315,7 +315,7 @@ const actions = {
 	 * @param {boolean} data.isAllDay foo
 	 * @return {Promise<CalendarObject>}
 	 */
-	createNewEvent(context, { start, end, timezoneId, isAllDay }) {
+	createNewEvent(context, { start, end, timezoneId, isAllDay, calendarId }) {
 		const timezoneManager = getTimezoneManager()
 		const timezone = timezoneManager.getTimezoneForId(timezoneId)
 
@@ -339,8 +339,7 @@ const actions = {
 			vObject.undirtify()
 		}
 
-		const firstCalendar = context.getters.sortedCalendars[0].id
-		return Promise.resolve(mapCalendarJsToCalendarObject(calendar, firstCalendar))
+		return Promise.resolve(mapCalendarJsToCalendarObject(calendar, calendarId || context.getters.sortedCalendars[0].id))
 	},
 
 	/**

src/store/settings.js

@@ -19,6 +19,7 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
+
 import { enableBirthdayCalendar } from '../services/caldavService.js'
 import { mapDavCollectionToCalendar } from '../models/calendar'
 import { detectTimezone } from '../services/timezoneDetectionService'
@@ -47,6 +48,7 @@ const state = {
 	forceEventAlarmType: false,
 	// user-defined Nextcloud settings
 	momentLocale: 'en',
+	defaultCalendarId: null,
 }
 
 const mutations = {
@@ -129,6 +131,17 @@ const mutations = {
 		state.timezone = timezoneId
 	},
 
+	/**
+	 * Updates the user's default calendar
+	 *
+	 * @param {Object} state The Vuex state
+	 * @param {Object} data The destructuring object
+	 * @param {String} data.calendarId The new calendar id
+	 */
+	setDefaultCalendarId(state, { calendarId }) {
+		state.defaultCalendarId = calendarId
+	},
+
 	/**
 	 * Initialize settings
 	 *
@@ -185,6 +198,7 @@ Initial settings:
 		state.hideEventExport = hideEventExport
 		state.forceEventAlarmType = forceEventAlarmType
 		state.disableAppointments = disableAppointments
+		state.defaultCalendarId = defaultCalendarId
 	},
 
 	/**
@@ -386,6 +400,22 @@ const actions = {
 		commit('setDefaultReminder', { defaultReminder })
 	},
 
+	/**
+	 * Updates the user's default calendar for new events
+	 *
+	 * @param {Object} context The Vuex context
+	 * @param {Object} data The destructuring object
+	 * @param {String} data.slotDuration The id of the new default calendar
+	 */
+	async setDefaultCalendarId(context, { calendarId }) {
+		if (context.state.defaultCalendarId === calendarId) {
+			return
+		}
+
+		await setConfig('defaultCalendarId', calendarId)
+		commit('setDefaultCalendarId', { calendarId })
+	},
+
 	/**
 	 * Updates the user's timezone
 	 *

src/views/Calendar.vue

@@ -138,6 +138,7 @@ export default {
 			showWeekNumbers: state => state.settings.showWeekNumbers,
 			slotDuration: state => state.settings.slotDuration,
 			defaultReminder: state => state.settings.defaultReminder,
+			defaultCalendarId: state => state.settings.defaultCalendarId,
 			showTasks: state => state.settings.showTasks,
 			timezone: state => state.settings.timezone,
 			modificationCount: state => state.calendarObjects.modificationCount,
@@ -211,6 +212,7 @@ export default {
 			skipPopover: loadState('calendar', 'skip_popover'),
 			slotDuration: loadState('calendar', 'slot_duration'),
 			defaultReminder: loadState('calendar', 'default_reminder'),
+			defaultCalendarId: loadState('calendar', 'default_calendar_id'),
 			talkEnabled: loadState('calendar', 'talk_enabled'),
 			tasksEnabled: loadState('calendar', 'tasks_enabled'),
 			timezone: loadState('calendar', 'timezone'),