1 <eg-string #userDeleteFailedString i18n-text text="Removal of User failed or was not allowed"></eg-string>
2 <eg-string #userDeleteSuccessString i18n-text text="Removal of User succeeded"></eg-string>
3 <eg-string #userAddSuccessString i18n-text text="Addition of User succeeded"></eg-string>
4 <eg-string #userAddFailedString i18n-text text="Addition of User failed or was not allowed"></eg-string>
5 <eg-string #userEditSuccessString i18n-text text="Update of User succeeded"></eg-string>
6 <eg-string #userEditFailedString i18n-text text="Update of User failed or was not allowed"></eg-string>
8 <eg-patron-search-dialog #patronSearch>
9 </eg-patron-search-dialog>
11 <ng-template #dialogContent>
12 <div class="modal-header"
13 [ngClass]="isDialog() ? 'modal-header' : 'alert mt-3'">
14 <h4 class="modal-title" i18n>Course Users</h4>
15 <ng-container *ngIf="isDialog()">
16 <button type="button" class="btn-close btn-close-white"
17 i18n-aria-label aria-label="Close" (click)="close()"></button>
20 <div [ngClass]="isDialog() ? 'modal-body' : ''">
22 <div [ngClass]="isDialog() ? 'col-md-12' : 'col-md-4'">
23 <div class="row" [ngClass]="isDialog() ? '' : 'mt-3'">
24 <div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12'">
25 <div class="input-group">
26 <label for="associate-user-barcode" class="form-label input-group-text" i18n>Patron Barcode</label>
27 <input type="text" class="flex-grow-1" id="associate-user-barcode"
28 [(ngModel)]="userBarcode" (click)="$event.target.select()"
29 [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
31 <button type="button" class="btn btn-outline-dark btn-sm" (click)="searchPatrons()">
32 <span class="material-icons mat-icon-in-button align-middle"
33 aria-hidden="true">search</span>
34 <span class="align-middle" i18n>Search for Patron</span>
38 <div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
39 <div class="input-group">
40 <label for="associate-user-role input-group-text" class="form-label input-group-text" i18n>Role</label>
41 <eg-combobox idlClass="acmr" [(ngModel)]="userRoleInput"
42 [asyncSupportsEmptyTermClick]="true"
43 [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'">
48 <div class="row mt-3">
49 <div class="text-end" [ngClass]="isDialog() ? 'col-md-2' : 'col-md-6'">
50 <button type="button" class="btn btn-primary"
51 [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
52 i18n [disabled]="!userBarcode" (click)="associateUser(userBarcode)">
58 <div class="mt-3" [ngClass]="isDialog() ? 'col-md-12' : 'col-md-8'">
59 <eg-grid #usersGrid [dataSource]="usersDataSource" [useLocalSort]="true">
60 <eg-grid-toolbar-action label="Remove Selected" i18n-label (onClick)="deleteSelectedUsers($event)">
61 </eg-grid-toolbar-action>
62 <eg-grid-toolbar-action label="Edit Selected" i18n-label (onClick)="editSelectedUsers($event)">
63 </eg-grid-toolbar-action>
64 <eg-grid-column label="User ID" path="usr.id" [index]=true [hidden]="true" i18n-label></eg-grid-column>
65 <eg-grid-column label="First Name" path="usr.first_given_name" i18n-label></eg-grid-column>
66 <eg-grid-column label="Second Name" path="usr.second_given_name" i18n-label></eg-grid-column>
67 <eg-grid-column label="Last Name" path="usr.family_name" i18n-label></eg-grid-column>
68 <eg-grid-column label="Prefix" path="usr.pref_prefix" [hidden]="true" i18n-label></eg-grid-column>
69 <eg-grid-column label="Preferred First Name" path="usr.pref_first_given_name"[hidden]="true" i18n-label></eg-grid-column>
70 <eg-grid-column label="Preferred Second Name" path="usr.pref_second_given_name"[hidden]="true" i18n-label></eg-grid-column>
71 <eg-grid-column label="Preferred Family Name" path="usr.pref_family_name"[hidden]="true" i18n-label></eg-grid-column>
72 <eg-grid-column label="Preferred Suffix" path="usr.pref_suffix" [hidden]="true" i18n-label></eg-grid-column>
73 <eg-grid-column label="User Role" path="usr_role.name" i18n-label></eg-grid-column>
74 <eg-grid-column label="Viewable on OPAC" path="usr_role.is_public" i18n-label datatype="bool"></eg-grid-column>
81 <ng-container *ngIf="!isDialog()">
82 <!-- in "inline" mode, render the grid pane right here -->
83 <ng-container *ngTemplateOutlet="dialogContent">
87 <eg-fm-record-editor #editDialog
89 [fieldOptions]="{course: {linkedSearchField: 'course_number'}}"
90 [preloadLinkedValues]="true"
91 hiddenFields="id,usr">
92 </eg-fm-record-editor>