Open-ILS/src/eg2/src/app/staff/share/marc-edit/phys-char-dialog.component.html

   1
   2 <ng-template #dialogContent>
   3   <div class="modal-header bg-info">
   4     <h4 class="modal-title" i18n>Physical Characteristics Wizard</h4>
   5     <button type="button" class="close"
   6       i18n-aria-label aria-label="Close" (click)="close()">
   7       <span aria-hidden="true">&times;</span>
   8     </button>
   9   </div>
  10   <div class="modal-body">
  11
  12     <div class="form-group row">
  13       <label for="007-value"
  14         class="col-lg-4 col-form-label" i18n>007 Value</label>
  15       <div class="col-lg-5 well-table">
  16         <div class="well-value">
  17           <!-- avoid newlines and spaces in the <pre> content -->
  18           <pre class="pb-0 mb-0 pt-1">{{splitFieldData()[0]}}<span
  19             class="text-danger">{{splitFieldData()[1]}}</span>{{splitFieldData()[2]}}</pre>
  20         </div>
  21       </div>
  22       <div class="col-lg-3 d-flex">
  23         <button class="btn btn-outline-dark m-1 p-1 flex-1" (click)="reset()" i18n>Reset</button>
  24         <button class="btn btn-outline-dark m-1 p-1 flex-1" (click)="reset(true)" i18n>Clear</button>
  25       </div>
  26     </div>
  27
  28     <div class="form-group row">
  29       <label for="value-selector" class="col-lg-4 col-form-label">
  30         <ng-container *ngIf="!selectorLabel" i18n>Category of Material</ng-container>
  31         <ng-container *ngIf="selectorLabel">{{selectorLabel}}</ng-container>
  32       </label>
  33       <div class="col-lg-5">
  34         <select id='value-selector' class="form-control"
  35           [(ngModel)]="selectorValue" (change)="selectorChanged()">
  36           <option value=" " i18n>&lt;Unset&gt;</option>
  37           <option *ngFor="let entry of selectorOptions"
  38             [ngValue]="entry.id" i18n>{{entry.id}}: {{entry.label}}</option>
  39         </select>
  40       </div>
  41       <div class="col-lg-3 d-flex">
  42         <button type="button" class="btn btn-outline-dark flex-1 m-1 p-1"
  43           (click)="prev()" [disabled]="step === 0" i18n>Previous</button>
  44
  45         <button type="button" class="btn btn-outline-dark flex-1 m-1 p-1"
  46           (click)="next()" [disabled]="isLastStep()" i18n>Next</button>
  47       </div>
  48     </div>
  49   </div>
  50
  51   <div class="modal-footer">
  52     <button type="button" class="btn btn-success"
  53       (click)="close(fieldData)" i18n>Apply</button>
  54
  55     <button type="button" class="btn btn-warning"
  56       (click)="close()" i18n>Cancel</button>
  57   </div>
  58
  59 </ng-template>