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

   1 <eg-string #successMsg text="Successfully Modified Item Notes" i18n-text></eg-string>
   2 <eg-string #errorMsg text="Failed To Modify Item Notes" 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 notes for {{copyIds.length}} item(s).</span>
   9       </ng-container>
  10       <ng-container *ngIf="mode == 'manage'">
  11         <span i18n>Managing notes 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.notes().length">
  23       <h4 i18n>Existing Notes</h4>
  24       <div class="row mt-2 p-2" *ngFor="let note of copy.notes()">
  25         <div class="col-lg-4">{{note.title()}}</div>
  26         <div class="col-lg-5">{{note.value()}}</div>
  27         <div class="col-lg-3">
  28           <button class="btn btn-outline-danger"
  29             (click)="removeNote(note)" i18n>Remove</button>
  30         </div>
  31       </div>
  32       <hr/>
  33     </ng-container>
  34
  35     <h4 i18n>New Notes</h4>
  36     <div class="row mt-2 p-2" *ngFor="let note of newNotes">
  37       <div class="col-lg-4">{{note.title()}}</div>
  38       <div class="col-lg-5">{{note.value()}}</div>
  39       <div class="col-lg-3">
  40         <button class="btn btn-outline-danger" (click)="removeNote(note)" i18n>
  41           Remove
  42         </button>
  43       </div>
  44     </div>
  45
  46     <div class="row mt-2 p-2 rounded border border-success">
  47       <div class="col-lg-12">
  48         <div class="row">
  49           <div class="col-lg-6">
  50             <input type="text" class="form-control" [(ngModel)]="curNoteTitle"
  51               i18n-placeholder placeholder="Note title..."/>
  52           </div>
  53           <div class="col-lg-6">
  54             <div class="form-check">
  55               <input class="form-check-input" type="checkbox"
  56                 [(ngModel)]="curNotePublic" id="pub-check">
  57               <label class="form-check-label" for="pub-check">Public Note</label>
  58             </div>
  59           </div>
  60         </div>
  61         <div class="row mt-3">
  62           <div class="col-lg-9">
  63             <textarea class="form-control" [(ngModel)]="curNote"
  64               i18n-placeholder placeholder="Enter note value..."></textarea>
  65           </div>
  66           <div class="col-lg-3">
  67             <button class="btn btn-success" (click)="addNew()" i18n>Add Note</button>
  68           </div>
  69         </div>
  70       </div>
  71     </div>
  72   </div>
  73   <div class="modal-footer">
  74     <button type="button" class="btn btn-secondary" (click)="close()" i18n>Cancel</button>
  75     <button class="btn btn-success mr-2" (click)="applyChanges()" i18n>Apply Changes</button>
  76   </div>
  77 </ng-template>