Implemented: logic to show logged in user on top in find page (#60)

src/store/modules/user/actions.ts

@@ -300,6 +300,13 @@ const actions: ActionTree<UserState, RootState> = {
       filters['lastName_grp'] = '3'
     }
 
+    // By default we are showing logged in user on top manually,
+    // hence not fetching it in default list.
+    if(!state.query.queryString) {
+      filters['partyId_value'] = payload.currentUserPartyId,
+      filters['partyId_op'] = 'notEqual'
+    }
+
     const params = {
       "inputFields": {
         "roleTypeIdTo": "APPLICATION_USER", 
@@ -312,7 +319,8 @@ const actions: ActionTree<UserState, RootState> = {
       "noConditionFind": "Y",
       "distinct": "Y",
       "fieldList": ['createdDate', 'firstName', 'lastName', "groupName", 'partyId', 'securityGroupId', 'securityGroupName', 'userLoginId'],
-      ...payload
+      "viewIndex": payload.viewIndex,
+      "viewSize": payload.viewSize
     }
 
     let users = [], total = 0;

src/views/FindUsers.vue

@@ -47,6 +47,34 @@
         </aside>
 
         <main v-if="users?.length">
+          <div class="list-item" v-if="currentUser.partyId" @click=viewUserDetails(currentUser.partyId)>
+            <ion-item lines="none">
+              <ion-label>
+                {{ currentUser.groupName ? currentUser.groupName : `${currentUser.firstName} ${currentUser.lastName}` }}
+                <p>{{ currentUser.userLoginId }}</p>
+                <p>{{ currentUser.infoString }}</p>
+              </ion-label>
+            </ion-item>
+
+            <div class="tablet">
+              <ion-label class="ion-text-center" v-if="currentUser.createdDate">
+                {{ getDate(currentUser.createdDate) }}
+                <p>{{ translate("created") }}</p>
+              </ion-label>
+              <ion-label v-else>
+                {{ '-' }}
+              </ion-label>
+            </div>
+
+            <div class="tablet">
+              <ion-chip outline v-if="currentUser.securityGroupId">
+                <ion-label>{{ currentUser.securityGroupName }}</ion-label>
+              </ion-chip>
+              <ion-label v-else>
+                {{ '-' }}
+              </ion-label>
+            </div>
+          </div>
           <div class="list-item" v-for="(user, index) in users" :key="index" @click=viewUserDetails(user.partyId)>
             <ion-item lines="none">
               <ion-label>
@@ -139,6 +167,8 @@ import { DateTime } from 'luxon';
 import UserPopover from '@/components/UserPopover.vue';
 import { translate } from '@hotwax/dxp-components'
 import FilterMenu from '@/components/FilterMenu.vue';
+import { UserService } from '@/services/UserService';
+import { hasError } from '@/adapter';
 import { Actions, hasPermission } from '@/authorization'
 
 export default defineComponent({
@@ -170,9 +200,15 @@ export default defineComponent({
       users: 'user/getUsers',
       securityGroups: 'util/getSecurityGroups',
       query: 'user/getQuery',
-      isScrollable: "user/isScrollable"
+      isScrollable: "user/isScrollable",
+      userProfile: 'user/getUserProfile'
     })
   },
+  data() {
+    return {
+      currentUser: {}
+    }
+  },
   async mounted() {
     await this.fetchUsers();
     await this.store.dispatch('util/getSecurityGroups')
@@ -195,11 +231,15 @@ export default defineComponent({
       this.fetchUsers();
     },
     async fetchUsers(vSize?: any, vIndex?: any) {
+      if(!this.query.queryString) await this.fetchLoggedInUserDetails()
+      else this.currentUser = {}
+
       const viewSize = vSize ? vSize : process.env.VUE_APP_VIEW_SIZE;
       const viewIndex = vIndex ? vIndex : 0;
       const payload = {
         viewSize,
-        viewIndex
+        viewIndex,
+        currentUserPartyId: this.userProfile.partyId
       };
       await this.store.dispatch('user/fetchUsers', payload)
     },
@@ -216,6 +256,33 @@ export default defineComponent({
         event.target.complete();
       });
     },
+    async fetchLoggedInUserDetails() {
+      const params = {
+        inputFields: {
+          roleTypeIdTo: 'APPLICATION_USER',
+          partyId: this.userProfile.partyId
+        },
+        fromDateName: 'relationshipFromDate',
+        thruDateName: 'relationshipThruDate',
+        filterByDate: 'Y',
+        entityName: 'PartyAndUserLoginSecurityGroupDetails',
+        noConditionFind: 'Y',
+        distinct: 'Y',
+        fieldList: ['createdDate', 'firstName', 'lastName', "groupName", 'partyId', 'securityGroupId', 'securityGroupName', 'userLoginId'],
+      }
+
+      try {
+        const resp = await UserService.fetchUsers(params)
+
+        if (!hasError(resp) && resp.data.count) {
+          this.currentUser = resp.data.docs[0]
+        } else {
+          throw resp.data
+        }
+      } catch (error) {
+        console.error(error)
+      }
+    }
   },
   setup() {
     const router = useRouter();