lp1847519 Port of Circulation Limit Set UI
[Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / admin / local / circ_limit_set / circ_limit_set_edit.component.html
1 <eg-staff-banner bannerText="Circulation Limit Set - {{recordName}}" i18n-bannerText>
2 </eg-staff-banner>
3
4 <ul ngbNav #editNav="ngbNav" class="nav-tabs mb-3"
5     [activeId]="circTab" (navChange)="onTabChange($event)">
6     <li [ngbNavItem]="'limitSet'">
7         <a ngbNavLink i18n>Edit Circulation Limit Set</a>
8         <ng-template ngbNavContent>
9             <div class="col-lg-6 offset-lg-3 mt-3">
10                 <eg-fm-record-editor displayMode="inline" 
11                     hiddenFieldsList="id"
12                     idlClass="ccls" mode="update" recordId="{{this.recordId}}">
13                 </eg-fm-record-editor>
14             </div> 
15         </ng-template>
16     </li>
17     <li [ngbNavItem]="'linked'">
18         <a ngbNavLink i18n>Edit Linked Entities</a>
19         <ng-template ngbNavContent>
20             <div class="row mt-3">
21                 <div class="col-lg-4">
22                     <eg-staff-banner bannerText="Linked Circ Modifiers" i18n-bannerText>
23                     </eg-staff-banner>
24                     <div class="row mt-2 mb-2">
25                         <h5 class="col-lg-9">Name</h5>
26                         <h5 class="col-lg-3 text-center">Remove</h5>
27                     </div>
28                     <div *ngFor="let mod of circMods">
29                         <div class="row mt-2 mb-2" *ngIf="mod.deleted == false">
30                             <div class="col-lg-9">
31                                 {{ mod.code }} : {{ mod.name }}
32                             </div>
33                             <div class="col-lg-3">
34                                 <div class="btn btn-danger col-lg-12" 
35                                     (click)="removeEntry(mod, circMods)" i18n>Remove</div>
36                             </div>
37                         </div>
38                     </div>
39                     <div class="row mt-2 mb-2">
40                         <div class="col-lg-9">
41                             <eg-combobox  idlClass="ccm" 
42                                 placeholder="Circulation Modifiers" 
43                                 [asyncSupportsEmptyTermClick]="true" 
44                                 (onChange)="circModChanged($event)"></eg-combobox>
45                         </div>
46                         <div class="col-lg-3">
47                             <div class="btn btn-outline-dark col-lg-12" 
48                                 (click)="addCircMod()" i18n>Add</div>
49                         </div>
50                     </div>  
51                 </div>
52                 <div class="col-lg-4">
53                     <eg-staff-banner bannerText="Linked Copy Locations" 
54                         i18n-bannerText class=""></eg-staff-banner>
55                     <div class="row mt-2 mb-2">
56                             <h5 class="col-lg-9">Name</h5>
57                             <h5 class="col-lg-3 text-center">Remove</h5>
58                         </div>
59                     <div *ngFor="let location of locations">
60                         <div class="row mt-2 mb-2" *ngIf="location.deleted == false">
61                             <div class="col-lg-9">
62                                     {{ location.shortname }} : {{ location.name }} 
63                             </div>
64                             <div class="col-lg-3">
65                                 <div class="btn btn-danger col-lg-12" 
66                                     (click)="removeLocation(location)" i18n>Remove</div>
67                             </div>
68                         </div>
69                     </div>
70                     <div class="row mt-2 mb-2">
71                         <div class="col-lg-9">
72                         <eg-item-location-select permFilter="ADMIN_CIRC_MATRIX_MATCHPOINT" 
73                             [(ngModel)]="locId" (valueChange)="selectedLocation = $event">
74                         </eg-item-location-select>
75                         </div>
76                         <div class="col-lg-3">
77                             <div class="btn btn-outline-dark col-lg-12" 
78                                 (click)="addLocation()" i18n>Add</div>
79                         </div>
80                     </div>
81                 </div>
82                 <div class="col-lg-4">
83                     <eg-staff-banner bannerText="Linked Limit Groups" 
84                         i18n-bannerText class=""></eg-staff-banner>
85                     <div class="row mt-2 mb-2">
86                         <h5 class="col-lg-7">Name</h5>
87                         <h5 class="col-lg-2">Check Only?</h5>
88                         <h5 class="col-lg-3">Remove</h5>
89                     </div>
90                     <div *ngFor="let group of limitGroups">
91                         <div class="row mt-2 mb-2" *ngIf="group.deleted == false">
92                             <div class="col-lg-7">
93                                 {{ group.name }}
94                             </div>
95                             <div class="col-lg-2">  
96                                 <input
97                                 type="checkbox" 
98                                 [(ngModel)]="group.checked"
99                                 class="form-control"
100                                 [checked]="group.checked" />
101                             </div>
102                             <div class="col-lg-3">
103                                 <div class="btn btn-danger col-lg-12" 
104                                     (click)="removeEntry(group, limitGroups)" i18n>Remove</div>
105                             </div>
106                         </div>
107                     </div>
108                     <div class="row mt-2 mb-2">
109                         <div class="col-lg-9">
110                             <eg-combobox  idlClass="cclg"
111                                 placeholder="Limit Groups" 
112                                 (onChange)="limitGroupChanged($event)"
113                                 [asyncSupportsEmptyTermClick]="true"></eg-combobox>
114                         </div>
115                         <div class="col-lg-3">
116                             <div class="btn btn-outline-dark col-lg-12" 
117                                 (click)="addLimitGroup()" i18n>Add</div>
118                         </div>
119                     </div>
120                 </div>
121             </div>
122             <div class="btn btn-success btn-lg offset-lg-5 col-lg-2 mt-4" 
123                 (click)="save()" i18n>Save</div>
124         </ng-template>
125     </li>
126 </ul>
127 <div [ngbNavOutlet]="editNav"></div>
128
129 <eg-string #addingSuccess i18n-text text="Entry added."></eg-string>
130 <eg-string #removingSuccess i18n-text text="Entry removed."></eg-string>
131 <eg-string #savingEntryError i18n-text text="Error when trying to save entry."></eg-string>
132 <eg-string #deletingEntryError i18n-text text="Error when trying to delete entry.">
133     </eg-string>
134 <eg-string #updatingEntryError i18n-text text="Error when trying to update Limit Group.">
135     </eg-string>
136 <eg-string #savedSuccess i18n-text text="Saved."></eg-string>