Open-ILS/src/eg2/src/app/staff/acq/lineitem/manage-claims-dialog.component.html

   1 <ng-template #dialogContent>
   2   <form class="form-validated">
   3     <div class="modal-header bg-info">
   4       <h3 class="modal-title" i18n>Manage Claims</h3>
   5       <button type="button" class="btn-close btn-close-white"
   6         i18n-aria-label aria-label="Close" (click)="close()"></button>
   7     </div>
   8     <div class="modal-body">
   9       <h4 i18n>Claims</h4>
  10       <span i18n>Against line item {{liService.getFirstAttributeValue(li, 'title')}} ({{li.id()}})</span>
  11       <ul>
  12         <li *ngFor="let lid of lidsWithClaims" i18n>
  13           {{lid.barcode()}} /
  14           <ng-container *ngIf="lid.cancel_reason()">Cancelled ({{lid.cancel_reason().label()}})</ng-container>
  15           <ng-container *ngIf="lid.recv_time() && !lid.cancel_reason()">Received {{lid.recv_time() | formatValue:'timestamp'}}</ng-container>
  16           <ng-container *ngIf="!lid.recv_time() && !lid.cancel_reason()">Not received</ng-container>
  17           <ul>
  18             <li *ngFor="let claim of lid.claims()">
  19                {{claim.type().code()}} <a href="javascript:;" (click)="printVoucher(lid.id())">Print Voucher</a>
  20             </li>
  21           </ul>
  22         </li>
  23       </ul>
  24       <hr>
  25       <h4 i18n>Initiate New Claims</h4>
  26       <div *ngFor="let lid of li.lineitem_details()" i18n>
  27         <input type="checkbox" name="lidsToClaim" [(ngModel)]="lid._selected_for_claim">
  28         {{lid.barcode()}} /
  29         <ng-container *ngIf="lid.cancel_reason()">Cancelled ({{lid.cancel_reason().label()}})</ng-container>
  30         <ng-container *ngIf="lid.recv_time() && !lid.cancel_reason()">Received {{lid.recv_time() | formatValue:'timestamp'}}</ng-container>
  31         <ng-container *ngIf="!lid.recv_time() && !lid.cancel_reason()">Not received</ng-container>
  32       </div>
  33       <ng-container *ngIf="claimEventTypes.length > 0">
  34         <label class="form-label" for="selectClaimEventTypes" i18n>Select Claim Action(s)</label>
  35         <select class="form-select"  multiple="true" [size]="claimEventTypes.length"
  36           [(ngModel)]="selectedClaimEventTypes" [ngModelOptions]="{standalone: true}" id="selectClaimEventTypes">
  37           <option *ngFor="let clet of claimEventTypes" [value]="clet.id()" i18n>
  38            {{clet.code()}} ({{clet.org_unit().shortname()}}) <i>{{clet.description()}}</i>
  39            <ng-container *ngIf="clet.library_initiated()"> [Library initiated]</ng-container>
  40           </option>
  41         </select>
  42       </ng-container>
  43       <label class="form-label" for="claimType" i18n>Claim Type</label>
  44       <eg-combobox domId="claimType" name="claimType"
  45         [asyncSupportsEmptyTermClick]="true"
  46         idlClass="acqclt" [(ngModel)]="claimType" [ngModelOptions]="{standalone: true}"></eg-combobox>
  47       <label class="form-label" for="note" i18n>Claim Note</label>
  48       <input class="form-control" type="text" i18n-placeholder placeholder="Note" [(ngModel)]="note"
  49         [ngModelOptions]="{standalone: true}" id="note">
  50     </div>
  51
  52     <div class="modal-footer">
  53       <button type="button" class="btn btn-success"
  54         [disabled]="!canPerformClaim()"
  55         (click)="claimItems()" i18n>Claim Selected</button>
  56       <button type="button" class="btn btn-warning"
  57         (click)="close()" i18n>Exit Dialog</button>
  58     </div>
  59   </form>
  60 </ng-template>
  61
  62 <ng-template #printTemplate let-context>
  63   <div>
  64     <h1>Claim Voucher</h1>
  65     <hr>
  66     <span [innerHtml]="context.voucher"></span>
  67   </div>
  68 </ng-template>