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>