diff --git a/lib/Controller/OtherController.php b/lib/Controller/OtherController.php index 7a80a3154..945476e7c 100644 --- a/lib/Controller/OtherController.php +++ b/lib/Controller/OtherController.php @@ -111,6 +111,10 @@ public function getUserConfig(): Http\Response 'video_loop' => 'true' === $getAppConfig('videoLoop', 'false'), 'sidebar_filepath' => 'true' === $getAppConfig('sidebarFilepath', false), + // on this day settings + 'onthisday_day_range' => (int) $getAppConfig('onthisdayDayRange', '0'), + 'onthisday_photos_per_year' => (int) $getAppConfig('onthisdayPhotosPerYear', '10'), + // folder settings 'folders_path' => $getAppConfig('foldersPath', '/'), 'show_hidden_folders' => 'true' === $getAppConfig('showHidden', false), diff --git a/src/components/Settings.vue b/src/components/Settings.vue index 3c92aad73..8e977b355 100644 --- a/src/components/Settings.vue +++ b/src/components/Settings.vue @@ -120,6 +120,51 @@ + +
+ + + {{ t('memories', '(0-7 days)') }} +
+

+ {{ + t( + 'memories', + 'Number of days before and after each anniversary to include. For example, 3 means photos from 3 days before to 3 days after.', + ) + }} +

+ +
+ + + {{ t('memories', '(1-50)') }} +
+

+ {{ t('memories', 'Maximum number of photos to show per year when opening the viewer.') }} +

+
+ {{ t('memories', 'Logged in as {user}', { user }) }} @@ -197,6 +242,33 @@ input[type='text'] { width: 100%; } + +.setting-row { + display: flex; + align-items: center; + gap: 10px; + margin: 10px 0; +} + +.setting-row label { + min-width: 150px; +} + +.setting-row input[type='number'] { + width: 80px; + padding: 5px; +} + +.setting-row .hint { + color: var(--color-text-maxcontrast); + font-size: 0.9em; +} + +.settings-hint { + margin: 0 0 15px 0; + color: var(--color-text-maxcontrast); + font-size: 0.9em; +}