feat: allow saving a default reminder amount

src/helpers/defaultReminder.ts

@@ -0,0 +1,42 @@
+const DEFAULT_REMINDER_KEY = 'defaultReminder'
+
+interface DefaultReminderSettings {
+	enabled: boolean,
+	amount: number,
+}
+
+function calculateDefaultReminderSeconds(type: string, amount: number): number {
+	switch (type) {
+		case 'minutes':
+			return amount * 60
+		case 'hours':
+			return amount * 60 * 60
+		case 'days':
+			return amount * 60 * 60 * 24
+		case 'months':
+			return amount * 60 * 60 * 24 * 30
+	}
+	
+	return 0
+}
+
+export function saveDefaultReminder(enabled: boolean, type: string, amount: number) {
+	const defaultReminderSeconds = calculateDefaultReminderSeconds(type, amount)
+	localStorage.setItem(DEFAULT_REMINDER_KEY, JSON.stringify(<DefaultReminderSettings>{
+		enabled,
+		amount: defaultReminderSeconds,
+	}))
+}
+
+export function getDefaultReminderAmount(): number | null {
+	const s: string | null = localStorage.getItem(DEFAULT_REMINDER_KEY)
+	if (s === null) {
+		return null
+	}
+	
+	const settings: DefaultReminderSettings = JSON.parse(s)
+		
+	return settings.enabled 
+		? settings.amount 
+		: null
+}

src/i18n/lang/en.json

@@ -87,7 +87,11 @@
         "language": "Language",
         "defaultList": "Default List",
         "timezone": "Time Zone",
-        "overdueTasksRemindersTime": "Overdue tasks reminder email time"
+        "overdueTasksRemindersTime": "Overdue tasks reminder email time",
+        "defaultReminder": "Set a default task reminder",
+        "defaultReminderHint": "If enabled, Vikunja will automatically create a reminder for a task if you set a due date and the task does not have any reminders yet.",
+        "defaultReminderAmount": "Default task reminder amount",
+        "defaultReminderAmountHint": "The time difference the reminder will be set to before the due date."
       },
       "totp": {
         "title": "Two Factor Authentication",

src/modelTypes/IUserSettings.ts

@@ -12,4 +12,6 @@ export interface IUserSettings extends IAbstract {
 	weekStart: 0 | 1 | 2 | 3 | 4 | 5 | 6
 	timezone: string
 	language: string
+	defaultReminder: boolean
+	defaultReminderAmount: number // The amount of seconds a reminder should be set before a given due date
 }

src/models/userSettings.ts

@@ -13,6 +13,8 @@ export default class UserSettingsModel extends AbstractModel<IUserSettings> impl
 	weekStart = 0 as IUserSettings['weekStart']
 	timezone = ''
 	language = getCurrentLanguage()
+	defaultReminder = false
+	defaultReminderAmount = 0
 
 	constructor(data: Partial<IUserSettings> = {}) {
 		super()

src/styles/theme/form.scss

@@ -56,6 +56,10 @@
   }
 }
 
+.field.has-addons .select select {
+  height: 100%;
+}
+
 .field.has-addons .control .select select {
     height: 100%;
 }

src/views/user/settings/General.vue

@@ -18,6 +18,55 @@
 			</label>
 			<list-search v-model="defaultList"/>
 		</div>
+		<div class="field">
+			<label class="checkbox">
+				<input type="checkbox" v-model="settings.defaultReminder"/>
+				{{ $t('user.settings.general.defaultReminder') }}
+			</label>
+			<p class="is-size-7">
+				{{ $t('user.settings.general.defaultReminderHint') }}
+			</p>
+		</div>
+		<div class="field" v-if="settings.defaultReminder">
+			<label class="label" for="defaultReminderAmount">
+				{{ $t('user.settings.general.defaultReminderAmount') }}
+			</label>
+			<p class="is-size-7">
+				{{ $t('user.settings.general.defaultReminderAmountHint') }}
+			</p>
+			<div class="field has-addons">
+
+				<div class="control">
+					<input
+						@keyup.enter="updateSettings"
+						class="input"
+						id="defaultReminderAmount"
+						type="number"
+						min="0"
+						v-model="defaultReminderAmount"/>
+				</div>
+				<div class="control select">
+					<select v-model="defaultReminderAmountType">
+						<option value="minutes">{{
+								$t('task.repeat.minute' + (defaultReminderAmount === 1 ? '' : 's'))
+							}}
+						</option>
+						<option value="hours">{{
+								$t('task.repeat.hour' + (defaultReminderAmount === 1 ? '' : 's'))
+							}}
+						</option>
+						<option value="days">{{
+								$t('task.repeat.day' + (defaultReminderAmount === 1 ? '' : 's'))
+							}}
+						</option>
+						<option value="months">{{
+								$t('task.repeat.month' + (defaultReminderAmount === 1 ? '' : 's'))
+							}}
+						</option>
+					</select>
+				</div>
+			</div>
+		</div>
 		<div class="field">
 			<label class="checkbox">
 				<input type="checkbox" v-model="settings.overdueTasksRemindersEnabled"/>
@@ -175,6 +224,7 @@ import {AuthenticatedHTTPFactory} from '@/http-common'
 import {useColorScheme} from '@/composables/useColorScheme'
 import {useTitle} from '@/composables/useTitle'
 import {objectIsEmpty} from '@/helpers/objectIsEmpty'
+import {saveDefaultReminder} from '@/helpers/defaultReminder'
 
 const {t} = useI18n({useScope: 'global'})
 useTitle(() => `${t('user.settings.general.title')} - ${t('user.settings.title')}`)
@@ -266,9 +316,13 @@ watch(
 async function updateSettings() {
 	localStorage.setItem(playSoundWhenDoneKey, playSoundWhenDone.value ? 'true' : 'false')
 	setQuickAddMagicMode(quickAddMagicMode.value)
+	saveDefaultReminder(settings.value.defaultReminder, defaultReminderAmountType.value, defaultReminderAmount.value)
 
 	await authStore.saveUserSettings({
 		settings: {...settings.value},
 	})
 }
+
+const defaultReminderAmount = ref(1)
+const defaultReminderAmountType = ref('days')
 </script>