LP2008918: use new default colors for modal headers
[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / acq / po / disencumber-charge-dialog.component.html
1 <ng-template #dialogContent>
2   <form class="form-validated">
3     <div class="modal-header">
4       <h3 class="modal-title" i18n>Disencumber Direct Charge</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       <div class="d-flex">
10         <div class="flex-2" i18n>Charge:</div>
11         <div class="flex-3">
12           <eg-combobox idlClass="aiit" [selectedId]="charge.inv_item_type()"
13             [readOnly]="true"></eg-combobox>
14         </div>
15       </div>
16       <div class="d-flex">
17         <div class="flex-2" i18n>Amount:</div>
18         <div class="flex-3">{{charge.estimated_cost()}}</div>
19       </div>
20       <div class="d-flex">
21         <div class="flex-2" i18n>Original Fund:</div>
22         <div class="flex-3">
23           <eg-combobox idlClass="acqf" [selectedId]="charge.fund()"
24             [readOnly]="true"></eg-combobox>
25         </div>
26       </div>
27       <div class="d-flex">
28         <div class="flex-2" i18n>Fund Debited:</div>
29         <div class="flex-3">
30           <eg-combobox idlClass="acqf" [selectedId]="charge.fund_debit().fund()"
31             [readOnly]="true"></eg-combobox>
32         </div>
33       </div>
34       <div class="d-flex">
35         <div class="flex-2" i18n>Amount Encumbered:</div>
36         <div class="flex-3">{{charge.fund_debit().amount()}}</div>
37       </div>
38     </div>
39     <div class="modal-footer">
40       <button type="button" class="btn btn-success"
41         (click)="close(true)" i18n>Disencumber</button>
42       <button type="button" class="btn btn-warning"
43         (click)="close()" i18n>Cancel</button>
44     </div>
45   </form>
46 </ng-template>
47