@cauca-911/management 21.3.6 → 21.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -12,19 +12,19 @@
|
|
|
12
12
|
"permissions": "Permissions",
|
|
13
13
|
"userNameAlreadyUsed": "This user name is already used",
|
|
14
14
|
"groupNameAlreadyUsed": "This group name is already used",
|
|
15
|
-
"assignableByAllUsers": "Assignable by all
|
|
15
|
+
"assignableByAllUsers": "Assignable by all"
|
|
16
16
|
},
|
|
17
17
|
"groups": {
|
|
18
18
|
"addButtonLabel": "Add a group",
|
|
19
19
|
"groupNameColumnLabel": "Group name",
|
|
20
|
-
"assignableByAllUsersColumnLabel": "Assignable by all
|
|
20
|
+
"assignableByAllUsersColumnLabel": "Assignable by all"
|
|
21
21
|
},
|
|
22
22
|
"groupEdition": {
|
|
23
23
|
"newGroupTitle": "New group",
|
|
24
24
|
"editGroupTitle": "Edit group",
|
|
25
25
|
"groupNameFieldLabel": "Group name",
|
|
26
26
|
"nameFieldLabel": "Name",
|
|
27
|
-
"assignableByAllUsersLabel": "Assignable by all
|
|
27
|
+
"assignableByAllUsersLabel": "Assignable by all",
|
|
28
28
|
"groupUsersFieldLabel": "Users",
|
|
29
29
|
"groupPermissionsFieldLabel": "Permissions",
|
|
30
30
|
"searchUserPlaceholder": "Search user...",
|
|
@@ -12,19 +12,19 @@
|
|
|
12
12
|
"permissions": "Permisos",
|
|
13
13
|
"userNameAlreadyUsed": "El nombre de usuario ya esta siendo usado",
|
|
14
14
|
"groupNameAlreadyUsed": "Este nombre de grupo ya está en uso",
|
|
15
|
-
"assignableByAllUsers": "Asignable por todos
|
|
15
|
+
"assignableByAllUsers": "Asignable por todos"
|
|
16
16
|
},
|
|
17
17
|
"groups": {
|
|
18
18
|
"addButtonLabel": "Agregar un grupo",
|
|
19
19
|
"groupNameColumnLabel": "Nombre del grupo",
|
|
20
|
-
"assignableByAllUsersColumnLabel": "Asignable por todos
|
|
20
|
+
"assignableByAllUsersColumnLabel": "Asignable por todos"
|
|
21
21
|
},
|
|
22
22
|
"groupEdition": {
|
|
23
23
|
"newGroupTitle": "Nuevo grupo",
|
|
24
24
|
"editGroupTitle": "Editar grupo",
|
|
25
25
|
"groupNameFieldLabel": "Nombre del grupo",
|
|
26
26
|
"nameFieldLabel": "Nombre",
|
|
27
|
-
"assignableByAllUsersLabel": "Asignable por todos
|
|
27
|
+
"assignableByAllUsersLabel": "Asignable por todos",
|
|
28
28
|
"groupUsersFieldLabel": "Usuarios",
|
|
29
29
|
"groupPermissionsFieldLabel": "Permisos",
|
|
30
30
|
"searchUserPlaceholder": "Buscar usuario...",
|
|
@@ -12,19 +12,19 @@
|
|
|
12
12
|
"permissions": "Permissions",
|
|
13
13
|
"userNameAlreadyUsed": "Ce nom d'utilisateur est déjà utilisé",
|
|
14
14
|
"groupNameAlreadyUsed": "Ce nom de groupe est déjà utilisé",
|
|
15
|
-
"assignableByAllUsers": "Assignable par tous
|
|
15
|
+
"assignableByAllUsers": "Assignable par tous"
|
|
16
16
|
},
|
|
17
17
|
"groups": {
|
|
18
18
|
"addButtonLabel": "Ajouter un groupe",
|
|
19
19
|
"groupNameColumnLabel": "Nom du groupe",
|
|
20
|
-
"assignableByAllUsersColumnLabel": "Assignable par tous
|
|
20
|
+
"assignableByAllUsersColumnLabel": "Assignable par tous"
|
|
21
21
|
},
|
|
22
22
|
"groupEdition": {
|
|
23
23
|
"newGroupTitle": "Nouveau groupe",
|
|
24
24
|
"editGroupTitle": "Modifier le groupe",
|
|
25
25
|
"groupNameFieldLabel": "Nom du groupe",
|
|
26
26
|
"nameFieldLabel": "Nom",
|
|
27
|
-
"assignableByAllUsersLabel": "Assignable par tous
|
|
27
|
+
"assignableByAllUsersLabel": "Assignable par tous",
|
|
28
28
|
"groupUsersFieldLabel": "Utilisateurs",
|
|
29
29
|
"groupPermissionsFieldLabel": "Permissions",
|
|
30
30
|
"searchUserPlaceholder": "Rechercher un utilisateur...",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { InjectionToken, Injector, inject, Injectable, computed, ChangeDetectionStrategy, Component, ViewChild, signal, viewChild, resource, effect, untracked, model, input, HostListener, Input, NgModule } from '@angular/core';
|
|
3
|
-
import { pendingChangesGuard, DialogService, PageTitleComponent, LoadingSpinnerIndicatorComponent, LoadingErrorComponent, StrokedButtonComponent, RaisedButtonComponent, ListPaginatorComponent,
|
|
3
|
+
import { pendingChangesGuard, DialogService, PageTitleComponent, LoadingSpinnerIndicatorComponent, LoadingErrorComponent, StrokedButtonComponent, RaisedButtonComponent, ListPaginatorComponent, IconButtonComponent, LoadingStateService, GroupContainerComponent, ConfirmationResult, SavingErrorBoxComponent } from '@cauca-911/material';
|
|
4
4
|
import * as i1 from '@angular/material/card';
|
|
5
5
|
import { MatCardModule } from '@angular/material/card';
|
|
6
6
|
import * as i1$3 from '@ngx-translate/core';
|
|
@@ -127,7 +127,7 @@ class GroupListGridComponent {
|
|
|
127
127
|
this.router.navigate([this.router.url, 'new']);
|
|
128
128
|
}
|
|
129
129
|
async deleteGroup(group) {
|
|
130
|
-
if (await this.dialog.askForDeleteConfirmation(group.name, '
|
|
130
|
+
if (await this.dialog.askForDeleteConfirmation(group.name, 'management.group', true)) {
|
|
131
131
|
try {
|
|
132
132
|
await this.service.deleteGroup(group.id);
|
|
133
133
|
this.table.refreshData();
|
|
@@ -323,6 +323,7 @@ class UserForGroup {
|
|
|
323
323
|
this.firstName = data.firstName;
|
|
324
324
|
this.lastName = data.lastName;
|
|
325
325
|
this.fullName = `${data.firstName} ${data.lastName}`;
|
|
326
|
+
this.additionalInformation = data.additionalInformation;
|
|
326
327
|
}
|
|
327
328
|
}
|
|
328
329
|
|
|
@@ -365,7 +366,7 @@ class UserSearchService {
|
|
|
365
366
|
|
|
366
367
|
const _c0$2 = ["resultPaginator"];
|
|
367
368
|
const _forTrack0$2 = ($index, $item) => $item.id;
|
|
368
|
-
function
|
|
369
|
+
function GroupUserSelectionDialogComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
369
370
|
i0.ɵɵelementStart(0, "div", 8);
|
|
370
371
|
i0.ɵɵtext(1);
|
|
371
372
|
i0.ɵɵpipe(2, "translate");
|
|
@@ -374,38 +375,51 @@ function GroupUserSelectionDialogComponent_Conditional_16_Template(rf, ctx) { if
|
|
|
374
375
|
i0.ɵɵadvance();
|
|
375
376
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "groupEdition.searchMinChars"));
|
|
376
377
|
} }
|
|
377
|
-
function
|
|
378
|
+
function GroupUserSelectionDialogComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
378
379
|
i0.ɵɵelement(0, "cauca-loading-spinner-indicator");
|
|
379
380
|
} }
|
|
380
|
-
function
|
|
381
|
-
i0.ɵɵelementStart(0, "
|
|
381
|
+
function GroupUserSelectionDialogComponent_Conditional_17_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
382
|
+
i0.ɵɵelementStart(0, "span", 23);
|
|
382
383
|
i0.ɵɵtext(1);
|
|
383
384
|
i0.ɵɵelementEnd();
|
|
385
|
+
} if (rf & 2) {
|
|
386
|
+
const user_r3 = i0.ɵɵnextContext().$implicit;
|
|
387
|
+
i0.ɵɵadvance();
|
|
388
|
+
i0.ɵɵtextInterpolate(user_r3.additionalInformation);
|
|
389
|
+
} }
|
|
390
|
+
function GroupUserSelectionDialogComponent_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
391
|
+
i0.ɵɵelementStart(0, "mat-list-option", 21)(1, "span", 22);
|
|
392
|
+
i0.ɵɵtext(2);
|
|
393
|
+
i0.ɵɵelementEnd();
|
|
394
|
+
i0.ɵɵconditionalCreate(3, GroupUserSelectionDialogComponent_Conditional_17_For_2_Conditional_3_Template, 2, 1, "span", 23);
|
|
395
|
+
i0.ɵɵelementEnd();
|
|
384
396
|
} if (rf & 2) {
|
|
385
397
|
const user_r3 = ctx.$implicit;
|
|
386
|
-
const ɵ$
|
|
398
|
+
const ɵ$index_37_r4 = ctx.$index;
|
|
387
399
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
388
|
-
i0.ɵɵclassProp("result-item--even", ɵ$
|
|
400
|
+
i0.ɵɵclassProp("result-item--even", ɵ$index_37_r4 % 2 === 1);
|
|
389
401
|
i0.ɵɵproperty("value", user_r3)("selected", ctx_r1.selectedUserIds().has(user_r3.id));
|
|
402
|
+
i0.ɵɵadvance(2);
|
|
403
|
+
i0.ɵɵtextInterpolate(user_r3.fullName);
|
|
390
404
|
i0.ɵɵadvance();
|
|
391
|
-
i0.ɵɵ
|
|
405
|
+
i0.ɵɵconditional(user_r3.additionalInformation ? 3 : -1);
|
|
392
406
|
} }
|
|
393
|
-
function
|
|
407
|
+
function GroupUserSelectionDialogComponent_Conditional_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
394
408
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
395
|
-
i0.ɵɵelementStart(0, "cauca-list-paginator",
|
|
396
|
-
i0.ɵɵlistener("pageChange", function
|
|
409
|
+
i0.ɵɵelementStart(0, "cauca-list-paginator", 24, 0);
|
|
410
|
+
i0.ɵɵlistener("pageChange", function GroupUserSelectionDialogComponent_Conditional_17_Conditional_3_Template_cauca_list_paginator_pageChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onPageChange($event)); });
|
|
397
411
|
i0.ɵɵelementEnd();
|
|
398
412
|
} if (rf & 2) {
|
|
399
413
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
400
414
|
i0.ɵɵproperty("itemsCount", ctx_r1.totalCount())("pageSize", ctx_r1.PAGE_SIZE);
|
|
401
415
|
} }
|
|
402
|
-
function
|
|
416
|
+
function GroupUserSelectionDialogComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
403
417
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
404
418
|
i0.ɵɵelementStart(0, "mat-selection-list", 18);
|
|
405
|
-
i0.ɵɵlistener("selectionChange", function
|
|
406
|
-
i0.ɵɵrepeaterCreate(1,
|
|
419
|
+
i0.ɵɵlistener("selectionChange", function GroupUserSelectionDialogComponent_Conditional_17_Template_mat_selection_list_selectionChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectionChange($event)); });
|
|
420
|
+
i0.ɵɵrepeaterCreate(1, GroupUserSelectionDialogComponent_Conditional_17_For_2_Template, 4, 6, "mat-list-option", 19, _forTrack0$2);
|
|
407
421
|
i0.ɵɵelementEnd();
|
|
408
|
-
i0.ɵɵconditionalCreate(3,
|
|
422
|
+
i0.ɵɵconditionalCreate(3, GroupUserSelectionDialogComponent_Conditional_17_Conditional_3_Template, 2, 2, "cauca-list-paginator", 20);
|
|
409
423
|
} if (rf & 2) {
|
|
410
424
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
411
425
|
i0.ɵɵproperty("compareWith", ctx_r1.compareUserById);
|
|
@@ -414,7 +428,7 @@ function GroupUserSelectionDialogComponent_Conditional_20_Template(rf, ctx) { if
|
|
|
414
428
|
i0.ɵɵadvance(2);
|
|
415
429
|
i0.ɵɵconditional(ctx_r1.totalCount() > ctx_r1.PAGE_SIZE ? 3 : -1);
|
|
416
430
|
} }
|
|
417
|
-
function
|
|
431
|
+
function GroupUserSelectionDialogComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
418
432
|
i0.ɵɵelementStart(0, "div", 11);
|
|
419
433
|
i0.ɵɵtext(1);
|
|
420
434
|
i0.ɵɵpipe(2, "translate");
|
|
@@ -467,8 +481,11 @@ class GroupUserSelectionDialogComponent {
|
|
|
467
481
|
});
|
|
468
482
|
});
|
|
469
483
|
}
|
|
484
|
+
closeClick() {
|
|
485
|
+
this.dialogRef.close();
|
|
486
|
+
}
|
|
470
487
|
toggleUser(user) {
|
|
471
|
-
const groupUser = { id: user.id, fullName: user.fullName };
|
|
488
|
+
const groupUser = { id: user.id, fullName: user.fullName, additionalInformation: user.additionalInformation };
|
|
472
489
|
if (this.selectedUserIds().has(user.id)) {
|
|
473
490
|
this.selectedUsers.update(current => current.filter(u => u.id !== user.id));
|
|
474
491
|
}
|
|
@@ -495,73 +512,70 @@ class GroupUserSelectionDialogComponent {
|
|
|
495
512
|
i0.ɵɵviewQuerySignal(ctx.paginator, _c0$2, 5);
|
|
496
513
|
} if (rf & 2) {
|
|
497
514
|
i0.ɵɵqueryAdvance();
|
|
498
|
-
} }, features: [i0.ɵɵProvidersFeature([UserSearchService, LoadingStateService])], decls:
|
|
515
|
+
} }, features: [i0.ɵɵProvidersFeature([UserSearchService, LoadingStateService])], decls: 28, vars: 15, consts: [["resultPaginator", ""], ["mat-dialog-title", ""], [1, "h6"], ["id", "closeButton", "icon", "close", 3, "buttonClick"], [1, "dialog-content"], ["subscriptSizing", "dynamic", 1, "search-field"], ["matInput", "", "type", "text", 3, "input", "value"], ["matSuffix", ""], [1, "search-hint", "body2"], [1, "results-region"], [3, "retryRequest"], [1, "no-results", "body2"], [1, "dialog-actions"], [1, "selected-users-panel"], [1, "selected-users-label", "caption"], [1, "selected-users-names", "body2", 3, "matTooltip"], ["color", "primary", "label", "cancel", 3, "buttonClick"], ["color", "primary", "label", "ok", 3, "buttonClick", "isDisabled"], [1, "results-list", 3, "selectionChange", "compareWith"], ["color", "primary", 1, "result-item", 3, "value", "selected", "result-item--even"], [3, "itemsCount", "pageSize"], ["color", "primary", 1, "result-item", 3, "value", "selected"], ["matListItemTitle", ""], ["matListItemSubtitle", ""], [3, "pageChange", "itemsCount", "pageSize"]], template: function GroupUserSelectionDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
499
516
|
i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
|
|
500
517
|
i0.ɵɵtext(2);
|
|
501
518
|
i0.ɵɵpipe(3, "translate");
|
|
502
519
|
i0.ɵɵelementEnd();
|
|
503
|
-
i0.ɵɵelementStart(4, "button", 3);
|
|
504
|
-
i0.ɵɵ
|
|
505
|
-
i0.ɵɵ
|
|
506
|
-
i0.ɵɵ
|
|
507
|
-
i0.ɵɵ
|
|
508
|
-
i0.ɵɵ
|
|
509
|
-
i0.ɵɵtext(11);
|
|
510
|
-
i0.ɵɵpipe(12, "translate");
|
|
520
|
+
i0.ɵɵelementStart(4, "cauca-icon-button", 3);
|
|
521
|
+
i0.ɵɵlistener("buttonClick", function GroupUserSelectionDialogComponent_Template_cauca_icon_button_buttonClick_4_listener() { return ctx.closeClick(); });
|
|
522
|
+
i0.ɵɵelementEnd()();
|
|
523
|
+
i0.ɵɵelementStart(5, "mat-dialog-content", 4)(6, "mat-form-field", 5)(7, "mat-label");
|
|
524
|
+
i0.ɵɵtext(8);
|
|
525
|
+
i0.ɵɵpipe(9, "translate");
|
|
511
526
|
i0.ɵɵelementEnd();
|
|
512
|
-
i0.ɵɵelementStart(
|
|
513
|
-
i0.ɵɵlistener("input", function
|
|
527
|
+
i0.ɵɵelementStart(10, "input", 6);
|
|
528
|
+
i0.ɵɵlistener("input", function GroupUserSelectionDialogComponent_Template_input_input_10_listener($event) { return ctx.searchTerm.set($event.target.value); });
|
|
514
529
|
i0.ɵɵelementEnd();
|
|
515
|
-
i0.ɵɵelementStart(
|
|
516
|
-
i0.ɵɵtext(
|
|
530
|
+
i0.ɵɵelementStart(11, "mat-icon", 7);
|
|
531
|
+
i0.ɵɵtext(12, "search");
|
|
517
532
|
i0.ɵɵelementEnd()();
|
|
518
|
-
i0.ɵɵconditionalCreate(
|
|
519
|
-
i0.ɵɵelementStart(
|
|
520
|
-
i0.ɵɵlistener("retryRequest", function
|
|
533
|
+
i0.ɵɵconditionalCreate(13, GroupUserSelectionDialogComponent_Conditional_13_Template, 3, 3, "div", 8);
|
|
534
|
+
i0.ɵɵelementStart(14, "div", 9)(15, "cauca-loading-error", 10);
|
|
535
|
+
i0.ɵɵlistener("retryRequest", function GroupUserSelectionDialogComponent_Template_cauca_loading_error_retryRequest_15_listener() { return ctx.searchResource.reload(); });
|
|
521
536
|
i0.ɵɵelementEnd();
|
|
522
|
-
i0.ɵɵconditionalCreate(
|
|
537
|
+
i0.ɵɵconditionalCreate(16, GroupUserSelectionDialogComponent_Conditional_16_Template, 1, 0, "cauca-loading-spinner-indicator")(17, GroupUserSelectionDialogComponent_Conditional_17_Template, 4, 2)(18, GroupUserSelectionDialogComponent_Conditional_18_Template, 3, 3, "div", 11);
|
|
523
538
|
i0.ɵɵelementEnd()();
|
|
524
|
-
i0.ɵɵelementStart(
|
|
525
|
-
i0.ɵɵtext(
|
|
526
|
-
i0.ɵɵpipe(
|
|
539
|
+
i0.ɵɵelementStart(19, "mat-dialog-actions", 12)(20, "div", 13)(21, "span", 14);
|
|
540
|
+
i0.ɵɵtext(22);
|
|
541
|
+
i0.ɵɵpipe(23, "translate");
|
|
527
542
|
i0.ɵɵelementEnd();
|
|
528
|
-
i0.ɵɵelementStart(
|
|
529
|
-
i0.ɵɵtext(
|
|
543
|
+
i0.ɵɵelementStart(24, "div", 15);
|
|
544
|
+
i0.ɵɵtext(25);
|
|
530
545
|
i0.ɵɵelementEnd()();
|
|
531
|
-
i0.ɵɵelementStart(
|
|
532
|
-
i0.ɵɵlistener("buttonClick", function
|
|
546
|
+
i0.ɵɵelementStart(26, "cauca-stroked-button", 16);
|
|
547
|
+
i0.ɵɵlistener("buttonClick", function GroupUserSelectionDialogComponent_Template_cauca_stroked_button_buttonClick_26_listener() { return ctx.cancel(); });
|
|
533
548
|
i0.ɵɵelementEnd();
|
|
534
|
-
i0.ɵɵelementStart(
|
|
535
|
-
i0.ɵɵlistener("buttonClick", function
|
|
549
|
+
i0.ɵɵelementStart(27, "cauca-raised-button", 17);
|
|
550
|
+
i0.ɵɵlistener("buttonClick", function GroupUserSelectionDialogComponent_Template_cauca_raised_button_buttonClick_27_listener() { return ctx.confirm(); });
|
|
536
551
|
i0.ɵɵelementEnd()();
|
|
537
552
|
} if (rf & 2) {
|
|
538
553
|
i0.ɵɵadvance(2);
|
|
539
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3,
|
|
540
|
-
i0.ɵɵadvance(
|
|
541
|
-
i0.ɵɵ
|
|
542
|
-
i0.ɵɵadvance(7);
|
|
543
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(12, 14, "groupEdition.searchUserPlaceholder"));
|
|
554
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 9, "groupEdition.userSelectionTitle"));
|
|
555
|
+
i0.ɵɵadvance(6);
|
|
556
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 11, "groupEdition.searchUserPlaceholder"));
|
|
544
557
|
i0.ɵɵadvance(2);
|
|
545
558
|
i0.ɵɵproperty("value", ctx.searchTerm());
|
|
546
559
|
i0.ɵɵadvance(3);
|
|
547
|
-
i0.ɵɵconditional(ctx.searchTerm().length
|
|
560
|
+
i0.ɵɵconditional(ctx.searchTerm().length >= 0 && ctx.searchTerm().length < ctx.MIN_SEARCH_LENGTH ? 13 : -1);
|
|
548
561
|
i0.ɵɵadvance(3);
|
|
549
|
-
i0.ɵɵconditional(ctx.searchResource.isLoading() && !ctx.results().length ?
|
|
562
|
+
i0.ɵɵconditional(ctx.searchResource.isLoading() && !ctx.results().length ? 16 : ctx.results().length ? 17 : !ctx.searchResource.isLoading() && ctx.totalCount() === 0 && ctx.debouncedSearch().length >= ctx.MIN_SEARCH_LENGTH ? 18 : -1);
|
|
550
563
|
i0.ɵɵadvance(6);
|
|
551
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
564
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 13, "groupEdition.selectedUsersLabel"));
|
|
552
565
|
i0.ɵɵadvance(2);
|
|
553
566
|
i0.ɵɵproperty("matTooltip", ctx.selectedUsersLabel());
|
|
554
567
|
i0.ɵɵadvance();
|
|
555
568
|
i0.ɵɵtextInterpolate(ctx.selectedUsersLabel());
|
|
556
569
|
i0.ɵɵadvance(2);
|
|
557
570
|
i0.ɵɵproperty("isDisabled", ctx.selectedUsers().length === 0);
|
|
558
|
-
} }, dependencies: [MatDialogModule, i1$1.
|
|
571
|
+
} }, dependencies: [MatDialogModule, i1$1.MatDialogTitle, i1$1.MatDialogActions, i1$1.MatDialogContent, MatFormFieldModule, i1$2.MatFormField, i1$2.MatLabel, i1$2.MatSuffix, MatInputModule, i2.MatInput, MatIconModule, i4.MatIcon, MatListModule, i4$1.MatSelectionList, i4$1.MatListOption, i4$1.MatListItemTitle, FormsModule,
|
|
559
572
|
LoadingSpinnerIndicatorComponent,
|
|
560
573
|
LoadingErrorComponent,
|
|
561
574
|
StrokedButtonComponent,
|
|
562
575
|
RaisedButtonComponent,
|
|
563
576
|
ListPaginatorComponent,
|
|
564
|
-
MatTooltipModule, i6.MatTooltip,
|
|
577
|
+
MatTooltipModule, i6.MatTooltip, IconButtonComponent,
|
|
578
|
+
TranslatePipe], styles: [".dialog-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:16px}[mat-dialog-title][_ngcontent-%COMP%]{display:flex;align-items:center}[mat-dialog-title][_ngcontent-%COMP%] div[_ngcontent-%COMP%]:first-child{flex:1}.search-field[_ngcontent-%COMP%]{margin-top:16px;width:100%;margin-bottom:8px}.search-hint[_ngcontent-%COMP%], .no-results[_ngcontent-%COMP%]{padding:8px 0;color:#0000008a}.results-region[_ngcontent-%COMP%]{height:360px;overflow:hidden;display:flex;flex-direction:column}.results-list[_ngcontent-%COMP%]{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0;max-height:400px;border:1px solid rgba(0,0,0,.23);border-radius:4px}.result-item[_ngcontent-%COMP%]{cursor:pointer}mat-list-option[_ngcontent-%COMP%]{margin-bottom:0}mat-list-option[_ngcontent-%COMP%]:nth-child(odd){background-color:#0000000d}mat-list-option[_ngcontent-%COMP%]:hover{transition:all ease-in-out .1s;background-color:#00000012}.dialog-actions[_ngcontent-%COMP%]{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.selected-users-panel[_ngcontent-%COMP%]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.selected-users-label[_ngcontent-%COMP%]{color:#0000008a;font-weight:500}.selected-users-names[_ngcontent-%COMP%]{color:#000000de;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"], changeDetection: 0 }); }
|
|
565
579
|
}
|
|
566
580
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GroupUserSelectionDialogComponent, [{
|
|
567
581
|
type: Component,
|
|
@@ -578,13 +592,23 @@ class GroupUserSelectionDialogComponent {
|
|
|
578
592
|
StrokedButtonComponent,
|
|
579
593
|
RaisedButtonComponent,
|
|
580
594
|
ListPaginatorComponent,
|
|
581
|
-
MatTooltipModule
|
|
582
|
-
|
|
595
|
+
MatTooltipModule,
|
|
596
|
+
IconButtonComponent,
|
|
597
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, providers: [UserSearchService, LoadingStateService], template: "<div mat-dialog-title>\n <div class=\"h6\">{{ 'groupEdition.userSelectionTitle' | translate }}</div>\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\n</div>\n\n<mat-dialog-content class=\"dialog-content\">\n <mat-form-field subscriptSizing=\"dynamic\" class=\"search-field\">\n <mat-label>{{ 'groupEdition.searchUserPlaceholder' | translate }}</mat-label>\n <input matInput type=\"text\" [value]=\"searchTerm()\" (input)=\"searchTerm.set($any($event.target).value)\" />\n <mat-icon matSuffix>search</mat-icon>\n </mat-form-field>\n\n @if (searchTerm().length >= 0 && searchTerm().length < MIN_SEARCH_LENGTH) {\n <div class=\"search-hint body2\">{{ 'groupEdition.searchMinChars' | translate }}</div>\n }\n\n <div class=\"results-region\">\n <cauca-loading-error (retryRequest)=\"searchResource.reload()\" />\n\n @if (searchResource.isLoading() && !results().length) {\n <cauca-loading-spinner-indicator />\n } @else if (results().length) {\n <mat-selection-list class=\"results-list\" [compareWith]=\"compareUserById\" (selectionChange)=\"onSelectionChange($event)\">\n @for (user of results(); track user.id; let i = $index) {\n <mat-list-option\n [value]=\"user\"\n [selected]=\"selectedUserIds().has(user.id)\"\n color=\"primary\"\n class=\"result-item\"\n [class.result-item--even]=\"i % 2 === 1\">\n <span matListItemTitle>{{ user.fullName }}</span>\n @if (user.additionalInformation) {\n <span matListItemSubtitle>{{ user.additionalInformation }}</span>\n }\n </mat-list-option>\n }\n </mat-selection-list>\n\n @if (totalCount() > PAGE_SIZE) {\n <cauca-list-paginator\n #resultPaginator\n [itemsCount]=\"totalCount()\"\n [pageSize]=\"PAGE_SIZE\"\n (pageChange)=\"onPageChange($event)\" />\n }\n } @else if (!searchResource.isLoading() && totalCount() === 0 && debouncedSearch().length >= MIN_SEARCH_LENGTH) {\n <div class=\"no-results body2\">{{ 'noResult' | translate }}</div>\n }\n </div>\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"dialog-actions\">\n <div class=\"selected-users-panel\">\n <span class=\"selected-users-label caption\">{{ 'groupEdition.selectedUsersLabel' | translate }}</span>\n <div class=\"selected-users-names body2\" [matTooltip]=\"selectedUsersLabel()\">{{ selectedUsersLabel() }}</div>\n </div>\n <cauca-stroked-button color=\"primary\" label=\"cancel\" (buttonClick)=\"cancel()\" />\n <cauca-raised-button\n color=\"primary\"\n label=\"ok\"\n [isDisabled]=\"selectedUsers().length === 0\"\n (buttonClick)=\"confirm()\" />\n</mat-dialog-actions>\n", styles: [".dialog-content{display:flex;flex-direction:column;gap:16px}[mat-dialog-title]{display:flex;align-items:center}[mat-dialog-title] div:first-child{flex:1}.search-field{margin-top:16px;width:100%;margin-bottom:8px}.search-hint,.no-results{padding:8px 0;color:#0000008a}.results-region{height:360px;overflow:hidden;display:flex;flex-direction:column}.results-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0;max-height:400px;border:1px solid rgba(0,0,0,.23);border-radius:4px}.result-item{cursor:pointer}mat-list-option{margin-bottom:0}mat-list-option:nth-child(odd){background-color:#0000000d}mat-list-option:hover{transition:all ease-in-out .1s;background-color:#00000012}.dialog-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.selected-users-panel{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.selected-users-label{color:#0000008a;font-weight:500}.selected-users-names{color:#000000de;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
|
|
583
598
|
}], () => [], { paginator: [{ type: i0.ViewChild, args: ['resultPaginator', { isSignal: true }] }] }); })();
|
|
584
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GroupUserSelectionDialogComponent, { className: "GroupUserSelectionDialogComponent", filePath: "lib/components/group-user-selection-dialog/group-user-selection-dialog.component.ts", lineNumber:
|
|
599
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GroupUserSelectionDialogComponent, { className: "GroupUserSelectionDialogComponent", filePath: "lib/components/group-user-selection-dialog/group-user-selection-dialog.component.ts", lineNumber: 46 }); })();
|
|
585
600
|
|
|
586
601
|
const _c0$1 = ["paginator"];
|
|
587
602
|
const _forTrack0$1 = ($index, $item) => $item.id;
|
|
603
|
+
function GroupUserEditionListComponent_For_10_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
604
|
+
i0.ɵɵelementStart(0, "div", 11);
|
|
605
|
+
i0.ɵɵtext(1);
|
|
606
|
+
i0.ɵɵelementEnd();
|
|
607
|
+
} if (rf & 2) {
|
|
608
|
+
const user_r3 = i0.ɵɵnextContext().$implicit;
|
|
609
|
+
i0.ɵɵadvance();
|
|
610
|
+
i0.ɵɵtextInterpolate(user_r3.additionalInformation);
|
|
611
|
+
} }
|
|
588
612
|
function GroupUserEditionListComponent_For_10_Template(rf, ctx) { if (rf & 1) {
|
|
589
613
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
590
614
|
i0.ɵɵelementStart(0, "mat-list-item", 6)(1, "mat-icon", 9);
|
|
@@ -593,19 +617,22 @@ function GroupUserEditionListComponent_For_10_Template(rf, ctx) { if (rf & 1) {
|
|
|
593
617
|
i0.ɵɵelementStart(3, "div", 10);
|
|
594
618
|
i0.ɵɵtext(4);
|
|
595
619
|
i0.ɵɵelementEnd();
|
|
596
|
-
i0.ɵɵ
|
|
597
|
-
i0.ɵɵ
|
|
598
|
-
i0.ɵɵ
|
|
620
|
+
i0.ɵɵconditionalCreate(5, GroupUserEditionListComponent_For_10_Conditional_5_Template, 2, 1, "div", 11);
|
|
621
|
+
i0.ɵɵelementStart(6, "cauca-icon-button", 12);
|
|
622
|
+
i0.ɵɵpipe(7, "translate");
|
|
623
|
+
i0.ɵɵlistener("buttonClick", function GroupUserEditionListComponent_For_10_Template_cauca_icon_button_buttonClick_6_listener() { const user_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.removeUser(user_r3)); });
|
|
599
624
|
i0.ɵɵelementEnd()();
|
|
600
625
|
} if (rf & 2) {
|
|
601
626
|
const user_r3 = ctx.$implicit;
|
|
602
627
|
i0.ɵɵadvance(4);
|
|
603
628
|
i0.ɵɵtextInterpolate(user_r3.fullName);
|
|
604
629
|
i0.ɵɵadvance();
|
|
605
|
-
i0.ɵɵ
|
|
630
|
+
i0.ɵɵconditional(user_r3.additionalInformation ? 5 : -1);
|
|
631
|
+
i0.ɵɵadvance();
|
|
632
|
+
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(7, 3, "groupEdition.removeUserLabel"));
|
|
606
633
|
} }
|
|
607
634
|
function GroupUserEditionListComponent_ForEmpty_11_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
608
|
-
i0.ɵɵelementStart(0, "div",
|
|
635
|
+
i0.ɵɵelementStart(0, "div", 13);
|
|
609
636
|
i0.ɵɵtext(1);
|
|
610
637
|
i0.ɵɵpipe(2, "translate");
|
|
611
638
|
i0.ɵɵelementEnd();
|
|
@@ -614,7 +641,7 @@ function GroupUserEditionListComponent_ForEmpty_11_Conditional_0_Template(rf, ct
|
|
|
614
641
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "groupEdition.noFilteredUsers"));
|
|
615
642
|
} }
|
|
616
643
|
function GroupUserEditionListComponent_ForEmpty_11_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
617
|
-
i0.ɵɵelementStart(0, "div",
|
|
644
|
+
i0.ɵɵelementStart(0, "div", 13);
|
|
618
645
|
i0.ɵɵtext(1);
|
|
619
646
|
i0.ɵɵpipe(2, "translate");
|
|
620
647
|
i0.ɵɵelementEnd();
|
|
@@ -623,14 +650,14 @@ function GroupUserEditionListComponent_ForEmpty_11_Conditional_1_Template(rf, ct
|
|
|
623
650
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "groupEdition.noUsers"));
|
|
624
651
|
} }
|
|
625
652
|
function GroupUserEditionListComponent_ForEmpty_11_Template(rf, ctx) { if (rf & 1) {
|
|
626
|
-
i0.ɵɵconditionalCreate(0, GroupUserEditionListComponent_ForEmpty_11_Conditional_0_Template, 3, 3, "div",
|
|
653
|
+
i0.ɵɵconditionalCreate(0, GroupUserEditionListComponent_ForEmpty_11_Conditional_0_Template, 3, 3, "div", 13)(1, GroupUserEditionListComponent_ForEmpty_11_Conditional_1_Template, 3, 3, "div", 13);
|
|
627
654
|
} if (rf & 2) {
|
|
628
655
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
629
656
|
i0.ɵɵconditional(ctx_r0.filterTerm() ? 0 : 1);
|
|
630
657
|
} }
|
|
631
658
|
function GroupUserEditionListComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
632
659
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
633
|
-
i0.ɵɵelementStart(0, "cauca-list-paginator",
|
|
660
|
+
i0.ɵɵelementStart(0, "cauca-list-paginator", 14, 0);
|
|
634
661
|
i0.ɵɵlistener("pageChange", function GroupUserEditionListComponent_Conditional_12_Template_cauca_list_paginator_pageChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onPageChange($event)); });
|
|
635
662
|
i0.ɵɵelementEnd();
|
|
636
663
|
} if (rf & 2) {
|
|
@@ -704,7 +731,7 @@ class GroupUserEditionListComponent {
|
|
|
704
731
|
i0.ɵɵviewQuerySignal(ctx.paginator, _c0$1, 5);
|
|
705
732
|
} if (rf & 2) {
|
|
706
733
|
i0.ɵɵqueryAdvance();
|
|
707
|
-
} }, features: [i0.ɵɵProvidersFeature([DialogService])], decls: 14, vars: 6, consts: [["paginator", ""], [1, "user-edition-list"], ["subscriptSizing", "dynamic", 1, "filter-field"], ["matInput", "", "type", "text", 3, "input", "value"], ["matSuffix", ""], [1, "users-list"], [1, "user-item"], [3, "itemsCount", "pageSize"], ["color", "primary", "label", "groupEdition.addUsersButton", 1, "add-users-button", 3, "buttonClick"], ["matListItemIcon", ""], ["matListItemTitle", "", 1, "user-name"], ["matListItemMeta", "", "icon", "delete", "color", "error", 1, "delete-button", 3, "buttonClick"], [1, "no-users", "body2"], [3, "pageChange", "itemsCount", "pageSize"]], template: function GroupUserEditionListComponent_Template(rf, ctx) { if (rf & 1) {
|
|
734
|
+
} }, features: [i0.ɵɵProvidersFeature([DialogService])], decls: 14, vars: 6, consts: [["paginator", ""], [1, "user-edition-list"], ["subscriptSizing", "dynamic", 1, "filter-field"], ["matInput", "", "type", "text", 3, "input", "value"], ["matSuffix", ""], [1, "users-list"], [1, "user-item"], [3, "itemsCount", "pageSize"], ["color", "primary", "label", "groupEdition.addUsersButton", 1, "add-users-button", 3, "buttonClick"], ["matListItemIcon", ""], ["matListItemTitle", "", 1, "user-name"], ["matListItemLine", "", 1, "user-additional-information"], ["matListItemMeta", "", "icon", "delete", "color", "error", 1, "delete-button", 3, "buttonClick"], [1, "no-users", "body2"], [3, "pageChange", "itemsCount", "pageSize"]], template: function GroupUserEditionListComponent_Template(rf, ctx) { if (rf & 1) {
|
|
708
735
|
i0.ɵɵelementStart(0, "div", 1)(1, "mat-form-field", 2)(2, "mat-label");
|
|
709
736
|
i0.ɵɵtext(3);
|
|
710
737
|
i0.ɵɵpipe(4, "translate");
|
|
@@ -716,7 +743,7 @@ class GroupUserEditionListComponent {
|
|
|
716
743
|
i0.ɵɵtext(7, "search");
|
|
717
744
|
i0.ɵɵelementEnd()();
|
|
718
745
|
i0.ɵɵelementStart(8, "mat-list", 5);
|
|
719
|
-
i0.ɵɵrepeaterCreate(9, GroupUserEditionListComponent_For_10_Template,
|
|
746
|
+
i0.ɵɵrepeaterCreate(9, GroupUserEditionListComponent_For_10_Template, 8, 5, "mat-list-item", 6, _forTrack0$1, false, GroupUserEditionListComponent_ForEmpty_11_Template, 2, 1);
|
|
720
747
|
i0.ɵɵelementEnd();
|
|
721
748
|
i0.ɵɵconditionalCreate(12, GroupUserEditionListComponent_Conditional_12_Template, 2, 2, "cauca-list-paginator", 7);
|
|
722
749
|
i0.ɵɵelementStart(13, "cauca-raised-button", 8);
|
|
@@ -731,11 +758,11 @@ class GroupUserEditionListComponent {
|
|
|
731
758
|
i0.ɵɵrepeater(ctx.pagedUsers());
|
|
732
759
|
i0.ɵɵadvance(3);
|
|
733
760
|
i0.ɵɵconditional(ctx.filteredUsers().length > ctx.PAGE_SIZE ? 12 : -1);
|
|
734
|
-
} }, dependencies: [IconButtonComponent, RaisedButtonComponent, ListPaginatorComponent, MatFormFieldModule, i1$2.MatFormField, i1$2.MatLabel, i1$2.MatSuffix, MatInputModule, i2.MatInput, MatIconModule, i4.MatIcon, FormsModule, MatListModule, i4$1.MatList, i4$1.MatListItem, i4$1.MatListItemIcon, i4$1.MatListItemTitle, i4$1.MatListItemMeta, TranslatePipe], styles: [".user-edition-list[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:16px}.add-users-button[_ngcontent-%COMP%]{align-self:flex-end}.users-list[_ngcontent-%COMP%]{border:1px solid rgba(0,0,0,.23);border-radius:4px;padding:0;max-height:400px;overflow-y:auto}mat-list-item[_ngcontent-%COMP%]{margin-bottom:0}.filter-field[_ngcontent-%COMP%]{width:100%}.user-item[_ngcontent-%COMP%]{border-bottom:1px solid rgba(0,0,0,.12)}.user-item[_ngcontent-%COMP%]:last-child{border-bottom:none}.empty-state[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;padding:32px 16px;text-align:center;color:#0009}.empty-state[_ngcontent-%COMP%] .empty-icon[_ngcontent-%COMP%]{font-size:48px;width:48px;height:48px;margin-bottom:16px;opacity:.6}.empty-state[_ngcontent-%COMP%] .empty-message[_ngcontent-%COMP%]{margin:0;font-size:14px}.add-button-container[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;margin-top:16px}.no-users[_ngcontent-%COMP%]{padding:16px 0;color:#00000061;text-align:center}mat-list-item[_ngcontent-%COMP%]:nth-child(odd){background-color:#0000000d}mat-list-item[_ngcontent-%COMP%]:hover{transition:all ease-in-out .1s;background-color:#00000012}"], changeDetection: 0 }); }
|
|
761
|
+
} }, dependencies: [IconButtonComponent, RaisedButtonComponent, ListPaginatorComponent, MatFormFieldModule, i1$2.MatFormField, i1$2.MatLabel, i1$2.MatSuffix, MatInputModule, i2.MatInput, MatIconModule, i4.MatIcon, FormsModule, MatListModule, i4$1.MatList, i4$1.MatListItem, i4$1.MatListItemIcon, i4$1.MatListItemLine, i4$1.MatListItemTitle, i4$1.MatListItemMeta, TranslatePipe], styles: [".user-edition-list[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:16px}.add-users-button[_ngcontent-%COMP%]{align-self:flex-end}.users-list[_ngcontent-%COMP%]{border:1px solid rgba(0,0,0,.23);border-radius:4px;padding:0;max-height:400px;overflow-y:auto}mat-list-item[_ngcontent-%COMP%]{margin-bottom:0}.filter-field[_ngcontent-%COMP%]{width:100%}.user-item[_ngcontent-%COMP%]{border-bottom:1px solid rgba(0,0,0,.12)}.user-item[_ngcontent-%COMP%]:last-child{border-bottom:none}.empty-state[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;padding:32px 16px;text-align:center;color:#0009}.empty-state[_ngcontent-%COMP%] .empty-icon[_ngcontent-%COMP%]{font-size:48px;width:48px;height:48px;margin-bottom:16px;opacity:.6}.empty-state[_ngcontent-%COMP%] .empty-message[_ngcontent-%COMP%]{margin:0;font-size:14px}.add-button-container[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;margin-top:16px}.no-users[_ngcontent-%COMP%]{padding:16px 0;color:#00000061;text-align:center}mat-list-item[_ngcontent-%COMP%]:nth-child(odd){background-color:#0000000d}mat-list-item[_ngcontent-%COMP%]:hover{transition:all ease-in-out .1s;background-color:#00000012}"], changeDetection: 0 }); }
|
|
735
762
|
}
|
|
736
763
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GroupUserEditionListComponent, [{
|
|
737
764
|
type: Component,
|
|
738
|
-
args: [{ selector: 'cauca-group-user-edition-list', standalone: true, imports: [TranslatePipe, IconButtonComponent, RaisedButtonComponent, ListPaginatorComponent, MatFormFieldModule, MatInputModule, MatIconModule, FormsModule, MatListModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [DialogService], template: "<div class=\"user-edition-list\">\n\n <mat-form-field subscriptSizing=\"dynamic\" class=\"filter-field\">\n <mat-label>{{ 'groupEdition.filterUsersPlaceholder' | translate }}</mat-label>\n <input matInput type=\"text\" [value]=\"filterTerm()\" (input)=\"filterTerm.set($any($event.target).value)\" />\n <mat-icon matSuffix>search</mat-icon>\n </mat-form-field>\n\n <mat-list class=\"users-list\">\n @for (user of pagedUsers(); track user.id) {\n <mat-list-item class=\"user-item\">\n <mat-icon matListItemIcon>person</mat-icon>\n <div matListItemTitle class=\"user-name\">{{ user.fullName }}</div>\n <cauca-icon-button\n
|
|
765
|
+
args: [{ selector: 'cauca-group-user-edition-list', standalone: true, imports: [TranslatePipe, IconButtonComponent, RaisedButtonComponent, ListPaginatorComponent, MatFormFieldModule, MatInputModule, MatIconModule, FormsModule, MatListModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [DialogService], template: "<div class=\"user-edition-list\">\n\n <mat-form-field subscriptSizing=\"dynamic\" class=\"filter-field\">\n <mat-label>{{ 'groupEdition.filterUsersPlaceholder' | translate }}</mat-label>\n <input matInput type=\"text\" [value]=\"filterTerm()\" (input)=\"filterTerm.set($any($event.target).value)\" />\n <mat-icon matSuffix>search</mat-icon>\n </mat-form-field>\n\n <mat-list class=\"users-list\">\n @for (user of pagedUsers(); track user.id) {\n <mat-list-item class=\"user-item\">\n <mat-icon matListItemIcon>person</mat-icon>\n <div matListItemTitle class=\"user-name\">{{ user.fullName }}</div>\n @if (user.additionalInformation) {\n <div matListItemLine class=\"user-additional-information\">{{ user.additionalInformation }}</div>\n }\n <cauca-icon-button\n matListItemMeta\n class=\"delete-button\"\n icon=\"delete\"\n color=\"error\"\n (buttonClick)=\"removeUser(user)\"\n [attr.aria-label]=\"'groupEdition.removeUserLabel' | translate\" />\n </mat-list-item>\n } @empty {\n @if (filterTerm()) {\n <div class=\"no-users body2\">{{ 'groupEdition.noFilteredUsers' | translate }}</div>\n } @else {\n <div class=\"no-users body2\">{{ 'groupEdition.noUsers' | translate }}</div>\n }\n }\n </mat-list>\n\n @if (filteredUsers().length > PAGE_SIZE) {\n <cauca-list-paginator\n #paginator\n [itemsCount]=\"filteredUsers().length\"\n [pageSize]=\"PAGE_SIZE\"\n (pageChange)=\"onPageChange($event)\" />\n }\n\n <cauca-raised-button\n class=\"add-users-button\"\n color=\"primary\"\n label=\"groupEdition.addUsersButton\"\n (buttonClick)=\"openAddUsersDialog()\" />\n</div>\n", styles: [".user-edition-list{display:flex;flex-direction:column;gap:16px}.add-users-button{align-self:flex-end}.users-list{border:1px solid rgba(0,0,0,.23);border-radius:4px;padding:0;max-height:400px;overflow-y:auto}mat-list-item{margin-bottom:0}.filter-field{width:100%}.user-item{border-bottom:1px solid rgba(0,0,0,.12)}.user-item:last-child{border-bottom:none}.empty-state{display:flex;flex-direction:column;align-items:center;padding:32px 16px;text-align:center;color:#0009}.empty-state .empty-icon{font-size:48px;width:48px;height:48px;margin-bottom:16px;opacity:.6}.empty-state .empty-message{margin:0;font-size:14px}.add-button-container{display:flex;justify-content:flex-end;margin-top:16px}.no-users{padding:16px 0;color:#00000061;text-align:center}mat-list-item:nth-child(odd){background-color:#0000000d}mat-list-item:hover{transition:all ease-in-out .1s;background-color:#00000012}\n"] }]
|
|
739
766
|
}], () => [], { paginator: [{ type: i0.ViewChild, args: ['paginator', { isSignal: true }] }] }); })();
|
|
740
767
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GroupUserEditionListComponent, { className: "GroupUserEditionListComponent", filePath: "lib/components/group-user-edition-list/group-user-edition-list.component.ts", lineNumber: 24 }); })();
|
|
741
768
|
|