Open-ILS/src/eg2/src/app/staff/share/holdings/replace-barcode-dialog.component.html

   1
   2
   3 <eg-string #successMsg
   4     text="Successfully Replaced Barcode" i18n-text></eg-string>
   5 <eg-string #errorMsg
   6     text="Failed To Replace Barcode" i18n-text></eg-string>
   7
   8 <ng-template #dialogContent>
   9     <div class="modal-header bg-info">
  10       <h4 class="modal-title">
  11         <span i18n>Replace Item Barcode</span>
  12       </h4>
  13       <button type="button" class="btn-close btn-close-white"
  14         i18n-aria-label aria-label="Close" (click)="close()"></button>
  15     </div>
  16     <div class="modal-body">
  17       <div class="row">
  18         <div class="col-lg-4" i18n>Replacing barcode</div>
  19         <div class="col-lg-8 fw-bold">{{copy.barcode()}}</div>
  20       </div>
  21       <div class="row pt-2 form-validated">
  22         <div class="col-lg-4" i18n>
  23           <label class="form-label" for="new-barcode-intput">New Barcode:</label>
  24         </div>
  25         <div class="col-log-8">
  26           <input type="text" class="form-control" [required]="true"
  27             [(ngModel)]="newBarcode" (keyup)="barcodeExists=false"
  28             id="new-barcode-input"/>
  29         </div>
  30       </div>
  31       <div class="row d-flex pt-2 justify-content-center" *ngIf="barcodeExists">
  32         <div class="alert alert-danger" i18n>
  33           Barcode <span class="fw-bold">{{newBarcode}}</span> is already in use.
  34         </div>
  35       </div>
  36     </div>
  37     <div class="modal-footer">
  38       <ng-container>
  39         <button type="button" class="btn btn-warning"
  40           (click)="close()" i18n>Cancel</button>
  41         <button type="button" class="btn btn-success"
  42           (click)="replaceOneBarcode()" [disabled]="!newBarcode" i18n>
  43           Replace Barcode
  44         </button>
  45       </ng-container>
  46     </div>
  47   </ng-template>
  48