feat(admin): add the date of pix authentication method

Author: Theotime2005

admin/app/components/users/user-detail-personal-information/authentication-method.gjs

@@ -5,6 +5,7 @@ import { action } from '@ember/object';
 import { service } from '@ember/service';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
+import dayjs from 'dayjs';
 import dayjsFormat from 'ember-dayjs/helpers/dayjs-format';
 import { t } from 'ember-intl';
 
@@ -15,6 +16,7 @@ import ReassignOidcAuthenticationMethodModal from './reassign-oidc-authenticatio
 export default class AuthenticationMethod extends Component {
   @service pixToast;
   @service accessControl;
+  @service intl;
   @service oidcIdentityProviders;
 
   @tracked showAddAuthenticationMethodModal = false;
@@ -87,12 +89,15 @@ export default class AuthenticationMethod extends Component {
   get emailAuthenticationMethod() {
     return { code: 'EMAIL', name: 'Adresse e-mail' };
   }
+
   get userNameAuthenticationMethod() {
     return { code: 'USERNAME', name: 'Identifiant' };
   }
+
   get garAuthenticationMethod() {
     return { code: 'GAR', name: 'Médiacentre' };
   }
+
   get userOidcAuthenticationMethods() {
     return this.oidcIdentityProviders.list.map((oidcIdentityProvider) => {
       const userHasThisOidcAuthenticationMethod = this.authenticationMethods.any(
@@ -110,6 +115,29 @@ export default class AuthenticationMethod extends Component {
     });
   }
 
+  get pixLastLoggedAtAuthenticationMethod() {
+    const method = this.authenticationMethods.find((method) => method.identityProvider === 'PIX');
+    return method ? this._displayAuthenticationMethodDate(method.lastLoggedAt) : null;
+  }
+
+  get garLastLoggedAtAuthenticationMethod() {
+    const method = this.authenticationMethods.find((method) => method.identityProvider === 'GAR');
+    return method ? this._displayAuthenticationMethodDate(method.lastLoggedAt) : null;
+  }
+
+  _displayAuthenticationMethodDate(date) {
+    if (!date) return null;
+    return this.intl.t('components.users.user-detail-personal-information.authentication-method.last-logged-at', {
+      date: dayjs(date).format('DD/MM/YYYY'),
+    });
+  }
+
+  @action
+  oidcLastLoggedAtAuthenticationMethod(oidc) {
+    const method = this.authenticationMethods.find((method) => method.identityProvider === oidc.code);
+    return method ? this._displayAuthenticationMethodDate(method.lastLoggedAt) : null;
+  }
+
   @action
   onChangeNewEmail(event) {
     this.newEmail = event.target.value;
@@ -244,6 +272,7 @@ export default class AuthenticationMethod extends Component {
               />
             {{/if}}
           </td>
+          <td>{{this.pixLastLoggedAtAuthenticationMethod}}</td>
           <td>
             {{#if this.accessControl.hasAccessToUsersActionsScope}}
               {{#if this.isAllowedToRemoveEmailAuthenticationMethod}}
@@ -284,6 +313,7 @@ export default class AuthenticationMethod extends Component {
               />
             {{/if}}
           </td>
+          <td>{{this.pixLastLoggedAtAuthenticationMethod}}</td>
           <td>
             {{#if this.accessControl.hasAccessToUsersActionsScope}}
               {{#if this.isAllowedToRemoveUsernameAuthenticationMethod}}
@@ -319,6 +349,7 @@ export default class AuthenticationMethod extends Component {
               />
             {{/if}}
           </td>
+          <td>{{this.garLastLoggedAtAuthenticationMethod}}</td>
           <td class="authentication-method-table__actions-column">
             {{#if this.accessControl.hasAccessToUsersActionsScope}}
               <div>
@@ -361,6 +392,7 @@ export default class AuthenticationMethod extends Component {
                 />
               {{/if}}
             </td>
+            <td>{{this.oidcLastLoggedAtAuthenticationMethod userOidcAuthenticationMethod}}</td>
             <td class="authentication-method-table__actions-column">
               {{#if this.accessControl.hasAccessToUsersActionsScope}}
                 <div>

admin/tests/integration/components/users/user-detail-personal-information/authentication-method-test.gjs

@@ -133,6 +133,7 @@ module('Integration | Component | users | user-detail-personal-information | aut
             )
             .exists();
         });
+
         test('it displays user has not to change password', async function (assert) {
           // given
           const user = {
@@ -163,6 +164,37 @@ module('Integration | Component | users | user-detail-personal-information | aut
             )
             .exists();
         });
+
+        test('it displays the last logged at with PIX authentication method', async function (assert) {
+          // given
+          const user = {
+            authenticationMethods: [
+              {
+                identityProvider: 'PIX',
+                authenticationComplement: {},
+                lastLoggedAt: new Date('2022-07-01T00:00:00Z'),
+              },
+            ],
+          };
+          this.owner.register('service:access-control', AccessControlStub);
+
+          // when
+          const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
+
+          // then
+          const expectedLabel = t(
+            'components.users.user-detail-personal-information.authentication-method.last-logged-at',
+          );
+          const expectedValue = '01/07/2022';
+          assert
+            .dom(
+              screen.getAllByRole('listitem').find((listItem) => {
+                const childrenText = listItem.textContent.trim().split('\n');
+                return childrenText[0]?.trim() === expectedLabel && childrenText[1]?.trim() === expectedValue;
+              }),
+            )
+            .exists();
+        });
       });
 
       module('email authentication method', function () {

admin/translations/en.json

@@ -440,6 +440,7 @@
           "copy-username": "Copy user id"
         },
         "authentication-method": {
+          "last-logged-at": "Last logged at {date}",
           "should-change-password-status": "Temporary password :"
         },
         "cgu": {

admin/translations/fr.json

@@ -450,6 +450,7 @@
           "copy-username": "Copier l’identifiant"
         },
         "authentication-method": {
+          "last-logged-at": "Dernière connexion le {date}",
           "should-change-password-status": "Mot de passe temporaire :"
         },
         "cgu": {