Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit 563a152f authored by GretaD's avatar GretaD
Browse files

Add settings into a modal 



Signed-off-by: default avatarGretaD <gretadoci@gmail.com>
parent 243f9954

src/components/AppNavigation/Settings.vue

+95 −72
Original line number Diff line number Diff line
@@ -20,9 +20,19 @@ 
  -->



<template>

	<AppNavigationSettings :title="settingsTitle">

	<!--  <AppNavigationSettings icon="icon-settings"

                         :close-after-click="true"

                         @click="showCalendarSettings"

                         @shortkey="toggleCalendarSettings">

    {{ t('calendar', 'Settings and Imports') }}

  </AppNavigationSettings>-->

	<AppSettingsDialog :open.sync="showSettings"

		:show-navigation="true">

		<ul class="settings-fieldset-interior">

			<AppSettingsSection :title="t('calendar', 'Import')">

				<SettingsImportSection :is-disabled="loadingCalendars" />

			</AppSettingsSection>

			<AppSettingsSection :title="'Birthday Calendar'">

				<ActionCheckbox

					class="settings-fieldset-interior-item"

					:checked="birthdayCalendar"
@@ -65,6 +75,8 @@ 
					@update:checked="toggleWeekNumberEnabled">

					{{ $t('calendar', 'Show week numbers') }}

				</ActionCheckbox>

			</AppSettingsSection>

			<AppSettingsSection :title="'Others'">

				<li class="settings-fieldset-interior-item settings-fieldset-interior-item--slotDuration">

					<Multiselect

						:allow-empty="false"
@@ -91,8 +103,9 @@ 
					{{ $t('calendar', 'Show keyboard shortcuts') }}

				</ActionButton>

				<ShortcutOverview v-if="displayKeyboardShortcuts" @close="hideKeyboardShortcuts" />

			</AppSettingsSection>

		</ul>

	</AppNavigationSettings>

	</AppSettingsDialog>

</template>



<script>
@@ -123,7 +136,8 @@ import { 
	IMPORT_STAGE_IMPORTING,

	IMPORT_STAGE_PROCESSING,

} from '../../models/consts.js'



import AppSettingsDialog from '@nextcloud/vue/dist/Components/AppSettingsDialog'

import AppSettingsSection from '@nextcloud/vue/dist/Components/AppSettingsSection'

export default {

	name: 'Settings',

	components: {
@@ -134,6 +148,8 @@ export default { 
		Multiselect,

		SettingsImportSection,

		SettingsTimezoneSelect,

		AppSettingsDialog,

		AppSettingsSection,

	},

	props: {

		loadingCalendars: {
@@ -143,6 +159,7 @@ export default { 
	},

	data: function() {

		return {

			showSettings: false,

			savingBirthdayCalendar: false,

			savingEventLimit: false,

			savingTasks: false,
@@ -357,6 +374,12 @@ export default { 
		toggleKeyboardShortcuts() {

			this.displayKeyboardShortcuts = !this.displayKeyboardShortcuts

		},

		showCalendarSettings() {

			this.showSettings = true

		},

		toggleCalendarSettings() {

			this.displayAccountSettings = !this.displayAccountSettings

		},

	},

}

</script>