From 7e0e0fe8f025f0715c34a96c9e8eb1b237d22e6a Mon Sep 17 00:00:00 2001
From: Miah <miah120@proton.me>
Date: Thu, 27 Feb 2025 21:36:31 +0000
Subject: [PATCH] Allow user to set string based default activity

---
 frontend/lib/api/types/user.ts       |   3 +
 frontend/pages/user/profile/edit.vue | 175 ++++++---------------------
 2 files changed, 43 insertions(+), 135 deletions(-)

diff --git a/frontend/lib/api/types/user.ts b/frontend/lib/api/types/user.ts
index 58ef25f6a..89ff6cb45 100644
--- a/frontend/lib/api/types/user.ts
+++ b/frontend/lib/api/types/user.ts
@@ -193,6 +193,7 @@ export interface UserBase {
   group?: string | null;
   household?: string | null;
   advanced?: boolean;
+  defaultActivity?: string;
   canInvite?: boolean;
   canManage?: boolean;
   canManageHousehold?: boolean;
@@ -209,6 +210,7 @@ export interface UserIn {
   group?: string | null;
   household?: string | null;
   advanced?: boolean;
+  defaultActivity?: string;
   canInvite?: boolean;
   canManage?: boolean;
   canManageHousehold?: boolean;
@@ -225,6 +227,7 @@ export interface UserOut {
   group: string;
   household: string;
   advanced?: boolean;
+  defaultActivity?: string;
   canInvite?: boolean;
   canManage?: boolean;
   canManageHousehold?: boolean;
diff --git a/frontend/pages/user/profile/edit.vue b/frontend/pages/user/profile/edit.vue
index 57855a83c..09124ff4f 100644
--- a/frontend/pages/user/profile/edit.vue
+++ b/frontend/pages/user/profile/edit.vue
@@ -3,18 +3,9 @@
     <BasePageTitle divider>
       <template #header>
         <div class="d-flex flex-column align-center justify-center">
-          <UserAvatar
-            :tooltip="false"
-            size="96"
-            :user-id="userCopy.id!"
-          />
-          <AppButtonUpload
-            class="my-1"
-            file-name="profile"
-            accept="image/*"
-            :url="`/api/users/${userCopy.id}/image`"
-            @uploaded="$auth.refresh()"
-          />
+          <UserAvatar :tooltip="false" size="96" :user-id="userCopy.id!" />
+          <AppButtonUpload class="my-1" file-name="profile" accept="image/*" :url="`/api/users/${userCopy.id}/image`"
+            @uploaded="$auth.refresh()" />
         </div>
       </template>
       <template #title>
@@ -25,23 +16,13 @@
     <section class="mt-5">
       <ToggleState tag="article">
         <template #activator="{ toggle, state }">
-          <v-btn
-            v-if="!state"
-            color="info"
-            class="mt-2 mb-n3"
-            @click="toggle"
-          >
+          <v-btn v-if="!state" color="info" class="mt-2 mb-n3" @click="toggle">
             <v-icon start>
               {{ $globals.icons.lock }}
             </v-icon>
             {{ $t("settings.change-password") }}
           </v-btn>
-          <v-btn
-            v-else
-            color="info"
-            class="mt-2 mb-n3"
-            @click="toggle"
-          >
+          <v-btn v-else color="info" class="mt-2 mb-n3" @click="toggle">
             <v-icon start>
               {{ $globals.icons.user }}
             </v-icon>
@@ -49,116 +30,57 @@
           </v-btn>
         </template>
         <template #default="{ state }">
-          <v-slide-x-transition
-            leave-absolute
-            hide-on-leave
-          >
-            <div
-              v-if="!state"
-              key="personal-info"
-            >
-              <BaseCardSectionTitle
-                class="mt-10"
-                :title="$t('profile.personal-information')"
-              />
-              <v-card
-                tag="article"
-                variant="outlined"
-                style="border-color: lightgrey;"
-              >
+          <v-slide-x-transition leave-absolute hide-on-leave>
+            <div v-if="!state" key="personal-info">
+              <BaseCardSectionTitle class="mt-10" :title="$t('profile.personal-information')" />
+              <v-card tag="article" variant="outlined" style="border-color: lightgrey;">
                 <v-card-text class="pb-0">
                   <v-form ref="userUpdate">
-                    <v-text-field
-                      v-model="userCopy.username"
-                      :label="$t('user.username')"
-                      required
-                      validate-on="blur"
-                      density="comfortable"
-                      variant="underlined"
-                    />
-                    <v-text-field
-                      v-model="userCopy.fullName"
-                      :label="$t('user.full-name')"
-                      required
-                      validate-on="blur"
-                      density="comfortable"
-                      variant="underlined"
-                    />
-                    <v-text-field
-                      v-model="userCopy.email"
-                      :label="$t('user.email')"
-                      validate-on="blur"
-                      required
-                      density="comfortable"
-                      variant="underlined"
-                    />
+                    <v-text-field v-model="userCopy.username" :label="$t('user.username')" required validate-on="blur"
+                      density="comfortable" variant="underlined" />
+                    <v-text-field v-model="userCopy.fullName" :label="$t('user.full-name')" required validate-on="blur"
+                      density="comfortable" variant="underlined" />
+                    <v-text-field v-model="userCopy.email" :label="$t('user.email')" validate-on="blur" required
+                      density="comfortable" variant="underlined" />
+                    <v-text-field v-model="userCopy.defaultActivity" :label="'Default Activity'" validate-on-blur
+                      required>
+                    </v-text-field>
                   </v-form>
                 </v-card-text>
                 <v-card-actions>
                   <v-spacer />
-                  <BaseButton
-                    update
-                    @click="updateUser"
-                  />
+                  <BaseButton update @click="updateUser" />
                 </v-card-actions>
               </v-card>
             </div>
-            <div
-              v-else
-              key="change-password"
-            >
-              <BaseCardSectionTitle
-                class="mt-10"
-                :title="$t('settings.change-password')"
-              />
+            <div v-else key="change-password">
+              <BaseCardSectionTitle class="mt-10" :title="$t('settings.change-password')" />
               <v-card variant="outlined">
                 <v-card-text class="pb-0">
                   <v-form ref="passChange">
-                    <v-text-field
-                      v-model="password.current"
-                      :prepend-icon="$globals.icons.lock"
-                      :label="$t('user.current-password')"
-                      validate-on="blur"
-                      :type="showPassword ? 'text' : 'password'"
+                    <v-text-field v-model="password.current" :prepend-icon="$globals.icons.lock"
+                      :label="$t('user.current-password')" validate-on="blur" :type="showPassword ? 'text' : 'password'"
                       :append-icon="showPassword ? $globals.icons.eye : $globals.icons.eyeOff"
-                      :rules="[validators.minLength(1)]"
-                      density="comfortable"
-                      variant="underlined"
-                      @click:append="showPassword = !showPassword"
-                    />
-                    <v-text-field
-                      v-model="password.newOne"
-                      :prepend-icon="$globals.icons.lock"
-                      :label="$t('user.new-password')"
-                      :type="showPassword ? 'text' : 'password'"
+                      :rules="[validators.minLength(1)]" density="comfortable" variant="underlined"
+                      @click:append="showPassword = !showPassword" />
+                    <v-text-field v-model="password.newOne" :prepend-icon="$globals.icons.lock"
+                      :label="$t('user.new-password')" :type="showPassword ? 'text' : 'password'"
                       :append-icon="showPassword ? $globals.icons.eye : $globals.icons.eyeOff"
-                      :rules="[validators.minLength(8)]"
-                      density="comfortable"
-                      variant="underlined"
-                      @click:append="showPassword = !showPassword"
-                    />
-                    <v-text-field
-                      v-model="password.newTwo"
-                      :prepend-icon="$globals.icons.lock"
+                      :rules="[validators.minLength(8)]" density="comfortable" variant="underlined"
+                      @click:append="showPassword = !showPassword" />
+                    <v-text-field v-model="password.newTwo" :prepend-icon="$globals.icons.lock"
                       :label="$t('user.confirm-password')"
                       :rules="[password.newOne === password.newTwo || $t('user.password-must-match')]"
-                      validate-on="blur"
-                      :type="showPassword ? 'text' : 'password'"
-                      :append-icon="showPassword ? $globals.icons.eye : $globals.icons.eyeOff"
-                      density="comfortable"
-                      variant="underlined"
-                      @click:append="showPassword = !showPassword"
-                    />
+                      validate-on="blur" :type="showPassword ? 'text' : 'password'"
+                      :append-icon="showPassword ? $globals.icons.eye : $globals.icons.eyeOff" density="comfortable"
+                      variant="underlined" @click:append="showPassword = !showPassword" />
                     <UserPasswordStrength v-model="password.newOne" />
                   </v-form>
                 </v-card-text>
                 <v-card-actions>
                   <v-spacer />
-                  <BaseButton
-                    update
-                    :disabled="!passwordsMatch || password.current.length < 0"
-                    @click="updatePassword"
-                  />
+                  <BaseButton update :disabled="!passwordsMatch || password.current.length < 0"
+                    @click="updatePassword" />
                 </v-card-actions>
               </v-card>
             </div>
@@ -167,30 +89,13 @@
       </ToggleState>
     </section>
     <section>
-      <BaseCardSectionTitle
-        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"
-      />
-      <nuxt-link
-        class="mt-5 d-flex flex-column justify-center text-center"
-        :to="`/group`"
-      > {{
+      <BaseCardSectionTitle 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" />
+      <nuxt-link class="mt-5 d-flex flex-column justify-center text-center" :to="`/group`"> {{
         $t('profile.looking-for-privacy-settings') }} </nuxt-link>
       <div class="d-flex flex-wrap justify-center mt-5">
-        <v-btn
-          variant="outlined"
-          class="rounded-xl my-1 mx-1"
-          :to="`/user/profile`"
-          nuxt
-          exact
-        >
+        <v-btn variant="outlined" class="rounded-xl my-1 mx-1" :to="`/user/profile`" nuxt exact>
           <v-icon start>
             {{ $globals.icons.backArrow }}
           </v-icon>