<form class="form-validated">
<div class="modal-header bg-info">
<h3 class="modal-title" i18n>Manage Claims</h3>
- <button type="button" class="close"
- i18n-aria-label aria-label="Close" (click)="close()">
- <span aria-hidden="true">×</span>
- </button>
+ <button type="button" class="btn-close btn-close-white"
+ i18n-aria-label aria-label="Close" (click)="close()"></button>
</div>
<div class="modal-body">
<h4 i18n>Claims</h4>
<ng-container *ngIf="!lid.recv_time() && !lid.cancel_reason()">Not received</ng-container>
</div>
<ng-container *ngIf="claimEventTypes.length > 0">
- <label for="selectClaimEventTypes" i18n>Select Claim Action(s)</label>
- <select class="form-control" multiple="true" [size]="claimEventTypes.length"
+ <label class="form-label" for="selectClaimEventTypes" i18n>Select Claim Action(s)</label>
+ <select class="form-select" multiple="true" [size]="claimEventTypes.length"
[(ngModel)]="selectedClaimEventTypes" [ngModelOptions]="{standalone: true}" id="selectClaimEventTypes">
<option *ngFor="let clet of claimEventTypes" [value]="clet.id()" i18n>
{{clet.code()}} ({{clet.org_unit().shortname()}}) <i>{{clet.description()}}</i>
</option>
</select>
</ng-container>
- <label for="claimType" i18n>Claim Type</label>
+ <label class="form-label" for="claimType" i18n>Claim Type</label>
<eg-combobox domId="claimType" name="claimType"
[asyncSupportsEmptyTermClick]="true"
idlClass="acqclt" [(ngModel)]="claimType" [ngModelOptions]="{standalone: true}"></eg-combobox>
- <label for="note" i18n>Claim Note</label>
+ <label class="form-label" for="note" i18n>Claim Note</label>
<input class="form-control" type="text" i18n-placeholder placeholder="Note" [(ngModel)]="note"
[ngModelOptions]="{standalone: true}" id="note">
</div>