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