feat(admin): display applications last logged at

Co-authored-by: P-Jeremy <jemyplu@gmail.com>
Co-authored-by: LEGO Technix <109212476+lego-technix@users.noreply.github.com>

Author: P-Jeremy

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

@@ -235,6 +235,19 @@ export default class AuthenticationMethod extends Component {
           {{#if this.shouldChangePassword}}{{t "common.words.yes"}}{{else}}{{t "common.words.no"}}{{/if}}
         </li>
       {{/if}}
+
+      {{#each @user.orderedLastApplicationConnections as |orderedLastApplicationConnection|}}
+        <li>
+          {{t
+            "components.users.user-detail-personal-information.authentication-method.last-application-connection-date"
+          }}
+          {{orderedLastApplicationConnection.label}}
+          :
+          {{#if orderedLastApplicationConnection.lastLoggedAt}}
+            {{dayjsFormat orderedLastApplicationConnection.lastLoggedAt "DD/MM/YYYY"}}
+          {{/if}}
+        </li>
+      {{/each}}
     </ul>
 
     <table class="authentication-method-table">

admin/app/models/last-application-connection.js

@@ -0,0 +1,6 @@
+import Model, { attr } from '@ember-data/model';
+
+export default class LastApplicationConnection extends Model {
+  @attr() application;
+  @attr() lastLoggedAt;
+}

admin/app/models/user.js

@@ -2,6 +2,14 @@
 import { computed } from '@ember/object';
 import Model, { attr, belongsTo, hasMany } from '@ember-data/model';
 
+const orderedApplicationNames = ['app', 'orga', 'certif'];
+
+const applicationLabels = {
+  app: 'Pix App',
+  orga: 'Pix Orga',
+  certif: 'Pix Certif',
+};
+
 export default class User extends Model {
   @attr() firstName;
   @attr() lastName;
@@ -31,6 +39,7 @@ export default class User extends Model {
   @hasMany('certification-center-membership', { async: true, inverse: 'user' }) certificationCenterMemberships;
   @hasMany('organization-learner', { async: true, inverse: 'user' }) organizationLearners;
   @hasMany('authentication-method', { async: true, inverse: null }) authenticationMethods;
+  @hasMany('last-application-connection', { async: false, inverse: null }) lastApplicationConnections;
   @hasMany('user-participation', { async: true, inverse: null }) participations;
 
   @computed('firstName', 'lastName')
@@ -54,4 +63,16 @@ export default class User extends Model {
   get authenticationMethodCount() {
     return this.username && this.email ? this.authenticationMethods.length + 1 : this.authenticationMethods.length;
   }
+
+  get orderedLastApplicationConnections() {
+    const connections = orderedApplicationNames.map((applicationName) => {
+      const lastLoggedAt = this.lastApplicationConnections?.find((connection) => {
+        return connection.application === applicationName;
+      })?.lastLoggedAt;
+
+      return { lastLoggedAt, label: applicationLabels[applicationName] };
+    });
+
+    return connections;
+  }
 }

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

@@ -10,17 +10,19 @@ import setupIntlRenderingTest from '../../../../helpers/setup-intl-rendering';
 module('Integration | Component | users | user-detail-personal-information | authentication-method', function (hooks) {
   setupIntlRenderingTest(hooks);
 
-  module('When the admin member has access to users actions scope', function () {
-    class AccessControlStub extends Service {
+  module('When the admin member has access to users actions scope', function (hooks) {
+    const stub = class AccessControlStub extends Service {
       hasAccessToUsersActionsScope = true;
-    }
+    };
+    hooks.beforeEach(function () {
+      this.owner.register('service:access-control', stub);
+    });
 
     module('When user has authentication methods', function () {
       module('when user has confirmed his email address', function () {
         test('should display email confirmed date', async function (assert) {
           // given
           const user = { emailConfirmedAt: new Date('2020-10-30'), authenticationMethods: [] };
-          this.owner.register('service:access-control', AccessControlStub);
 
           // when
           const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
@@ -44,7 +46,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
         test('it should display "Adresse e-mail non confirmée"', async function (assert) {
           // given
           const user = { emailConfirmedAt: null, authenticationMethods: [] };
-          this.owner.register('service:access-control', AccessControlStub);
 
           // when
           const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
@@ -71,7 +72,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
               },
             ],
           };
-          this.owner.register('service:access-control', AccessControlStub);
 
           // when
           const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
@@ -102,8 +102,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
             ],
           };
 
-          this.owner.register('service:access-control', AccessControlStub);
-
           // when
           const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
 
@@ -133,7 +131,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
               },
             ],
           };
-          this.owner.register('service:access-control', AccessControlStub);
 
           // when
           const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
@@ -159,7 +156,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
           test('should display information', async function (assert) {
             // given
             const user = { email: 'pix.aile@example.net', authenticationMethods: [{ identityProvider: 'PIX' }] };
-            this.owner.register('service:access-control', AccessControlStub);
 
             // when
             const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
@@ -173,7 +169,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
           test('should display information', async function (assert) {
             // given
             const user = { authenticationMethods: [] };
-            this.owner.register('service:access-control', AccessControlStub);
 
             // when
             const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
@@ -191,7 +186,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
           test('should display information', async function (assert) {
             // given
             const user = { username: 'PixAile', authenticationMethods: [{ identityProvider: 'PIX' }] };
-            this.owner.register('service:access-control', AccessControlStub);
 
             // when
             const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
@@ -205,7 +199,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
           test('should display information', async function (assert) {
             // given
             const user = { authenticationMethods: [] };
-            this.owner.register('service:access-control', AccessControlStub);
 
             // when
             const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
@@ -223,7 +216,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
           test('should display information and reassign authentication method button', async function (assert) {
             // given
             const user = { authenticationMethods: [{ identityProvider: 'GAR' }] };
-            this.owner.register('service:access-control', AccessControlStub);
 
             // when
             const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
@@ -238,7 +230,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
           test('should display information', async function (assert) {
             // given
             const user = { username: 'PixAile', authenticationMethods: [{ identityProvider: 'PIX' }] };
-            this.owner.register('service:access-control', AccessControlStub);
 
             // when
             const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
@@ -265,7 +256,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
           test('should display information', async function (assert) {
             // given
             const user = { authenticationMethods: [] };
-            this.owner.register('service:access-control', AccessControlStub);
             this.owner.register('service:oidc-identity-providers', OidcIdentityProvidersStub);
 
             // when
@@ -287,7 +277,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
               authenticationMethods: [{ identityProvider: 'PIX' }, { identityProvider: 'SUNLIGHT_NAVIGATIONS' }],
             };
 
-            this.owner.register('service:access-control', AccessControlStub);
             this.owner.register('service:oidc-identity-providers', OidcIdentityProvidersStub);
 
             // when
@@ -312,7 +301,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
               authenticationMethods: [{ identityProvider: 'PIX' }],
             };
 
-            this.owner.register('service:access-control', AccessControlStub);
             this.owner.register('service:oidc-identity-providers', OidcIdentityProvidersStub);
 
             // when
@@ -340,7 +328,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
         test('it should not display a remove authentication method link', async function (assert) {
           // given
           const user = { username: 'PixAile', authenticationMethods: [{ identityProvider: 'PIX' }] };
-          this.owner.register('service:access-control', AccessControlStub);
 
           // when
           const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
@@ -367,7 +354,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
             username: 'PixAile',
             authenticationMethods: [{ identityProvider: 'SUNLIGHT_NAVIGATIONS' }],
           };
-          this.owner.register('service:access-control', AccessControlStub);
 
           // when
           const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
@@ -383,7 +369,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
             const user = {
               authenticationMethods: [],
             };
-            this.owner.register('service:access-control', AccessControlStub);
 
             // when
             const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
@@ -397,7 +382,6 @@ module('Integration | Component | users | user-detail-personal-information | aut
           test('it should not display add authentication method button', async function (assert) {
             // given
             const user = { username: 'PixAile', authenticationMethods: [{ identityProvider: 'PIX' }] };
-            this.owner.register('service:access-control', AccessControlStub);
 
             // when
             const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
@@ -408,6 +392,37 @@ module('Integration | Component | users | user-detail-personal-information | aut
         });
       });
     });
+
+    test('it displays last application connections', async function (assert) {
+      // given
+      const store = this.owner.lookup('service:store');
+      const user = store.createRecord('user', {
+        username: 'PixAile',
+        authenticationMethods: [store.createRecord('authentication-method', { identityProvider: 'PIX' })],
+        lastApplicationConnections: [
+          store.createRecord('last-application-connection', {
+            application: 'app',
+            lastLoggedAt: new Date('2022-05-01T00:00:00Z'),
+          }),
+          store.createRecord('last-application-connection', {
+            application: 'orga',
+            lastLoggedAt: new Date('2022-01-01T00:00:00Z'),
+          }),
+          store.createRecord('last-application-connection', {
+            application: 'certif',
+            lastLoggedAt: new Date('2022-02-01T00:00:00Z'),
+          }),
+        ],
+      });
+
+      // when
+      const screen = await render(<template><AuthenticationMethod @user={{user}} /></template>);
+
+      // then
+      assert.dom(screen.getByText('Date de dernière connexion Pix App : 01/05/2022')).exists();
+      assert.dom(screen.getByText('Date de dernière connexion Pix Orga : 01/01/2022')).exists();
+      assert.dom(screen.getByText('Date de dernière connexion Pix Certif : 01/02/2022')).exists();
+    });
   });
 
   module('When the admin member does not have access to users actions scope', function () {

admin/translations/en.json

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

admin/translations/fr.json

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