Skip to content

Commit ef4ecfb

Browse files
AndreiaPenaAndreiaPena
committed
✨ admin: pix table on orga memberships list
1 parent 275d2ee commit ef4ecfb

File tree

3 files changed

+72
-41
lines changed

3 files changed

+72
-41
lines changed

‎admin/app/components/users/user-organization-memberships.gjs

+58-41
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
1+
import PixTable from '@1024pix/pix-ui/components/pix-table';
2+
import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
13
import { LinkTo } from '@ember/routing';
24
import { service } from '@ember/service';
35
import Component from '@glimmer/component';
6+
import { t } from 'ember-intl';
47

58
import ActionsOnUsersRoleInOrganization from '../actions-on-users-role-in-organization';
69

@@ -15,47 +18,61 @@ export default class UserOrganizationMemberships extends Component {
1518
<header class="page-section__header">
1619
<h2 class="page-section__title">Organisations de l’utilisateur</h2>
1720
</header>
18-
<div class="content-text content-text--small">
19-
<div class="table-admin">
20-
<table>
21-
<thead>
22-
<tr>
23-
<th class="table__column table__column--id">Membre ID</th>
24-
<th>Orga ID</th>
25-
<th>Nom</th>
26-
<th>Type</th>
27-
<th>Identifiant externe</th>
28-
<th>Rôle</th>
29-
{{#if this.accessControl.hasAccessToOrganizationActionsScope}}
30-
<th>Actions</th>
31-
{{/if}}
32-
</tr>
33-
</thead>
3421

35-
{{#if this.orderedOrganizationMemberships}}
36-
<tbody>
37-
{{#each this.orderedOrganizationMemberships as |organizationMembership|}}
38-
<tr>
39-
<td>{{organizationMembership.id}}</td>
40-
<td class="table__column table__column--id">
41-
<LinkTo @route="authenticated.organizations.get" @model={{organizationMembership.organizationId}}>
42-
{{organizationMembership.organizationId}}
43-
</LinkTo>
44-
</td>
45-
<td>{{organizationMembership.organizationName}}</td>
46-
<td>{{organizationMembership.organizationType}}</td>
47-
<td>{{organizationMembership.organizationExternalId}}</td>
48-
<ActionsOnUsersRoleInOrganization @organizationMembership={{organizationMembership}} />
49-
</tr>
50-
{{/each}}
51-
</tbody>
52-
{{/if}}
53-
</table>
54-
55-
</div>
56-
{{#unless this.orderedOrganizationMemberships}}
57-
<div class="table__empty">Aucune organisation</div>
58-
{{/unless}}
59-
</div>
22+
{{#if this.orderedOrganizationMemberships}}
23+
<PixTable
24+
@variant="primary"
25+
@data={{this.orderedOrganizationMemberships}}
26+
@caption={{t "components.users.organizations.memberships.table.caption"}}
27+
>
28+
<:columns as |organizationMembership context|>
29+
<PixTableColumn @context={{context}}>
30+
<:header>
31+
Membre ID
32+
</:header>
33+
<:cell>
34+
{{organizationMembership.id}}
35+
</:cell>
36+
</PixTableColumn>
37+
<PixTableColumn @context={{context}}>
38+
<:header>
39+
Orga ID
40+
</:header>
41+
<:cell>
42+
<LinkTo @route="authenticated.organizations.get" @model={{organizationMembership.organizationId}}>
43+
{{organizationMembership.organizationId}}
44+
</LinkTo>
45+
</:cell>
46+
</PixTableColumn>
47+
<PixTableColumn @context={{context}} class="break-word">
48+
<:header>
49+
Nom
50+
</:header>
51+
<:cell>
52+
{{organizationMembership.organizationName}}
53+
</:cell>
54+
</PixTableColumn>
55+
<PixTableColumn @context={{context}}>
56+
<:header>
57+
Type
58+
</:header>
59+
<:cell>
60+
{{organizationMembership.organizationType}}
61+
</:cell>
62+
</PixTableColumn>
63+
<PixTableColumn @context={{context}} class="break-word">
64+
<:header>
65+
Identifiant externe
66+
</:header>
67+
<:cell>
68+
{{organizationMembership.organizationExternalId}}
69+
</:cell>
70+
</PixTableColumn>
71+
<ActionsOnUsersRoleInOrganization @organizationMembership={{organizationMembership}} @context={{context}} />
72+
</:columns>
73+
</PixTable>
74+
{{else}}
75+
<div class="table__empty">Aucune organisation</div>
76+
{{/if}}
6077
</template>
6178
}

‎admin/translations/en.json

+7
Original file line numberDiff line numberDiff line change
@@ -497,6 +497,13 @@
497497
"caption": "Liste des informations d'un prescrit. Contient le prénom, le nom, la date de naissance, sa classe ou groupe, le nom de l'organisation auquel prescrit est rattaché, la date de création, la dernière date de mise à jour de ses informations, son état (actif ou inactif). Une action permet le dissocier le prescrit de l'organisation auquel il est rattaché.."
498498
}
499499
},
500+
"organizations": {
501+
"memberships": {
502+
"table": {
503+
"caption": "Liste des organisations dont l'utilisateur est membre. Contient l'identifiant en tant que membre, l'identifiant, le nom, l'identifiant externe et le type de l'organisation, et enfin le rôle du membre. Plusieurs actions permettent de changer le rôle du membre et de le désactiver de l'organisation."
504+
}
505+
}
506+
},
500507
"user-detail-personal-information": {
501508
"actions": {
502509
"copy-email": "Copy user e-mail address",

‎admin/translations/fr.json

+7
Original file line numberDiff line numberDiff line change
@@ -507,6 +507,13 @@
507507
"caption": "Liste des informations d'un prescrit. Contient le prénom, le nom, la date de naissance, sa classe ou groupe, le nom de l'organisation auquel prescrit est rattaché, la date de création, la dernière date de mise à jour de ses informations, son état (actif ou inactif). Une action permet le dissocier le prescrit de l'organisation auquel il est rattaché.."
508508
}
509509
},
510+
"organizations": {
511+
"memberships": {
512+
"table": {
513+
"caption": "Liste des organisations dont l'utilisateur est membre. Contient l'identifiant en tant que membre, l'identifiant, le nom, l'identifiant externe et le type de l'organisation, et enfin le rôle du membre. Plusieurs actions permettent de changer le rôle du membre et de le désactiver de l'organisation."
514+
}
515+
}
516+
},
510517
"user-detail-personal-information": {
511518
"actions": {
512519
"copy-email": "Copier l’adresse e-mail",

0 commit comments

Comments
 (0)