feat: Support User-Level Default Activities (#5125)

frontend/pages/index.vue

@@ -3,6 +3,8 @@
 </template>
 
 <script lang="ts">
+import useDefaultActivity from "~/composables/use-default-activity";
+import { useUserActivityPreferences } from "~/composables/use-users/preferences";
 import { useAsyncKey } from "~/composables/use-utils";
 import type { AppInfo, AppStartupInfo } from "~/lib/api/types/admin";
 
@@ -15,6 +17,8 @@ export default defineNuxtComponent({
     const $auth = useMealieAuth();
     const { $axios } = useNuxtApp();
     const router = useRouter();
+    const activityPreferences = useUserActivityPreferences();
+    const { getDefaultActivityRoute } = useDefaultActivity();
     const groupSlug = computed(() => $auth.user.value?.groupSlug);
 
     async function redirectPublicUserToDefaultGroup() {
@@ -32,9 +36,16 @@ export default defineNuxtComponent({
         const data = await $axios.get<AppStartupInfo>("/api/app/about/startup-info");
         const isDemo = data.data.isDemo;
         const isFirstLogin = data.data.isFirstLogin;
+        const defaultActivityRoute = getDefaultActivityRoute(
+          activityPreferences.value.defaultActivity,
+          groupSlug.value,
+        );
         if (!isDemo && isFirstLogin && $auth.user.value?.admin) {
           router.push("/admin/setup");
         }
+        else if (defaultActivityRoute) {
+          router.push(defaultActivityRoute);
+        }
         else {
           router.push(`/g/${groupSlug.value}`);
         }

frontend/pages/login.vue

@@ -217,6 +217,7 @@ import { usePasswordField } from "~/composables/use-passwords";
 import { alert } from "~/composables/use-toast";
 import { useAsyncKey } from "~/composables/use-utils";
 import type { AppStartupInfo } from "~/lib/api/types/admin";
+import { useUserActivityPreferences } from "~/composables/use-users/preferences";
 
 export default defineNuxtComponent({
   setup() {
@@ -233,6 +234,8 @@ export default defineNuxtComponent({
     const groupSlug = computed(() => $auth.user.value?.groupSlug);
     const isDemo = ref(false);
     const isFirstLogin = ref(false);
+    const activityPreferences = useUserActivityPreferences();
+    const { getDefaultActivityRoute } = useDefaultActivity();
 
     useSeoMeta({
       title: i18n.t("user.login"),
@@ -253,9 +256,16 @@ export default defineNuxtComponent({
     whenever(
       () => loggedIn.value && groupSlug.value,
       () => {
+        const defaultActivityRoute = getDefaultActivityRoute(
+          activityPreferences.value.defaultActivity,
+          groupSlug.value,
+        );
         if (!isDemo.value && isFirstLogin.value && $auth.user.value?.admin) {
           router.push("/admin/setup");
         }
+        else if (defaultActivityRoute) {
+          router.push(defaultActivityRoute);
+        }
         else {
           router.push(`/g/${groupSlug.value || ""}`);
         }

frontend/pages/user/profile/edit.vue

@@ -171,13 +171,26 @@
         class="mt-10"
         :title="$t('profile.preferences')"
       />
-      <v-checkbox
-        v-model="userCopy.advanced"
-        class="mt-n4"
-        :label="$t('profile.show-advanced-description')"
-        color="primary"
-        @change="updateUser"
-      />
+      <v-card variant="outlined" style="border-color: lightgrey;">
+        <v-card-text>
+          <v-combobox
+            v-model="selectedDefaultActivity"
+            :label="$t('user.default-activity')"
+            :items="activityOptions"
+            :hint="$t('user.default-activity-hint')"
+            density="comfortable"
+            variant="underlined"
+            validate-on="blur"
+            persistent-hint
+          />
+          <v-checkbox
+            v-model="userCopy.advanced"
+            :label="$t('profile.show-advanced-description')"
+            color="primary"
+            @change="updateUser"
+          />
+        </v-card-text>
+      </v-card>
       <nuxt-link
         class="mt-5 d-flex flex-column justify-center text-center"
         :to="`/group`"
@@ -207,6 +220,9 @@ import UserAvatar from "~/components/Domain/User/UserAvatar.vue";
 import UserPasswordStrength from "~/components/Domain/User/UserPasswordStrength.vue";
 import { validators } from "~/composables/use-validators";
 import type { VForm } from "~/types/auto-forms";
+import { useUserActivityPreferences } from "~/composables/use-users/preferences";
+import useDefaultActivity from "~/composables/use-default-activity";
+import { ActivityKey } from "~/lib/api/types/activity";
 
 export default defineNuxtComponent({
   components: {
@@ -216,12 +232,20 @@ export default defineNuxtComponent({
   setup() {
     const i18n = useI18n();
     const $auth = useMealieAuth();
+    const { getDefaultActivityLabels, getActivityLabel, getActivityKey } = useDefaultActivity();
     const user = computed(() => $auth.user.value);
 
     useSeoMeta({
       title: i18n.t("settings.profile"),
     });
 
+    const activityPreferences = useUserActivityPreferences();
+    const activityOptions = getDefaultActivityLabels(i18n);
+    const selectedDefaultActivity = ref(getActivityLabel(i18n, activityPreferences.value.defaultActivity));
+    watch(selectedDefaultActivity, () => {
+      activityPreferences.value.defaultActivity = getActivityKey(i18n, selectedDefaultActivity.value) ?? ActivityKey.RECIPES;
+    });
+
     watch(user, () => {
       userCopy.value = { ...user.value };
     });
@@ -273,6 +297,8 @@ export default defineNuxtComponent({
       updateUser,
       updatePassword,
       userCopy,
+      selectedDefaultActivity,
+      activityOptions,
       password,
       domUpdatePassword,
       passwordsMatch,