Open-ILS/src/eg2/src/app/staff/share/holdings/copy-tags-dialog.component.html

   1 <eg-string #successMsg text="Successfully Modified Item Tags" i18n-text></eg-string>
   2 <eg-string #errorMsg text="Failed To Modify Item Tags" i18n-text></eg-string>
   3
   4 <ng-template #dialogContent>
   5   <div class="modal-header">
   6     <h4 class="modal-title">
   7       <ng-container *ngIf="mode == 'create'">
   8         <span i18n>Adding tags for {{copyIds.length}} item(s).</span>
   9       </ng-container>
  10       <ng-container *ngIf="mode == 'manage'">
  11         <span i18n>Managing tags for item {{copy.barcode()}}</span>
  12       </ng-container>
  13       <span i18n></span>
  14     </h4>
  15     <button type="button" class="close"
  16       i18n-aria-label aria-label="Close" (click)="close()">
  17       <span aria-hidden="true">&times;</span>
  18     </button>
  19   </div>
  20   <div class="modal-body p-4 form-validated">
  21
  22     <ng-container *ngIf="mode == 'manage' && copy.tags().length">
  23       <h4 i18n>Existing Tags</h4>
  24       <div class="row mt-2 p-2" *ngFor="let map of copy.tags()">
  25         <div class="col-lg-4">{{map.tag().tag_type().label()}}</div>
  26         <div class="col-lg-5">{{map.tag().label()}}</div>
  27         <div class="col-lg-3">
  28           <button class="btn btn-outline-danger" (click)="removeTag(map.tag())" i18n>
  29             Remove
  30           </button>
  31         </div>
  32       </div>
  33       <hr/>
  34     </ng-container>
  35
  36     <h4 i18n>New Tags</h4>
  37     <div class="row mt-2 p-2" *ngFor="let tag of newTags">
  38       <ng-container *ngIf="!tag.isdeleted()">
  39         <div class="col-lg-4">{{tagTypeMap[tag.tag_type()].label()}}</div>
  40         <div class="col-lg-5">{{tag.label()}}</div>
  41         <div class="col-lg-3">
  42           <button class="btn btn-outline-danger" (click)="removeTag(tag)" i18n>
  43             Remove
  44           </button>
  45         </div>
  46       </ng-container>
  47     </div>
  48
  49     <div class="row mt-2 p-2 rounded border border-success">
  50       <div class="col-lg-4">
  51         <eg-combobox [entries]="tagTypes" [(ngModel)]="curTagType"
  52           i18n-placeholder placeholder="Select Tag Type...">
  53         </eg-combobox>
  54       </div>
  55       <div class="col-lg-5">
  56         <eg-combobox [asyncDataSource]="tagDataSource" [(ngModel)]="curTag"
  57           [allowFreeText]="true"
  58           i18n-placeholder placeholder="Select Tag Type...">
  59         </eg-combobox>
  60       </div>
  61       <div class="col-lg-3">
  62         <div class="pt-2">
  63           <button class="btn btn-success" (click)="addNew()" i18n>Add Tag</button>
  64         </div>
  65       </div>
  66     </div>
  67   </div>
  68   <div class="modal-footer">
  69     <button type="button" class="btn btn-secondary" (click)="close()" i18n>Cancel</button>
  70     <button class="btn btn-success mr-2" (click)="applyChanges()" i18n>Apply Changes</button>
  71   </div>
  72 </ng-template>