]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/eg2/src/app/staff/admin/acq/funds/fund-transfer-dialog.component.html
LP#1904244: Angular funds interface
[Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / admin / acq / funds / fund-transfer-dialog.component.html
1 <eg-string #successString i18n-text text="Fund Transfer Succeeded"></eg-string>
2 <eg-string #updateFailedString i18n-text text="Fund Transfer Failed"></eg-string>
3
4 <ng-template #dialogContent>
5   <div class="modal-header bg-info" *ngIf="doneLoading">
6     <h3 class="modal-title" i18n>Transfer from Fund {{sourceFund?.name()}} ({{sourceFund?.code()}} ({{sourceFund?.year()}}) ({{sourceFund?.org().shortname()}}))</h3>
7     <button type="button" class="close"
8       i18n-aria-label aria-label="Close" (click)="close()">
9       <span aria-hidden="true">&times;</span>
10     </button>
11   </div>
12   <div class="modal-body" [hidden]="!doneLoading">
13     <form #xfrForm="ngForm" role="form" class="form-validated common-form striped-odd">
14       <div class="form-group row mt-2">
15         <label for="dest-fund" class="col-sm-4 col-form-label" i18n>Destination Fund</label>
16         <div class="col-sm-8">
17           <eg-combobox #fundSelector [asyncSupportsEmptyTermClick]="true"
18           name="dest_fund" id="dest-fund" [mandatory]="true"
19           [(ngModel)]="destFund" [asyncDataSource]="fundDataSource"
20           i18n-placeholder placeholder="Select fund..."></eg-combobox>
21         </div>
22       </div>
23       <div class="form-group row">
24         <label for="source_amount" class="col-sm-4 col-form-label" i18n>Source Amount</label>
25         <div class="col-sm-8">
26           <input class="form-control" type="number" name="source_amount" id="source_amount" [(ngModel)]="sourceAmount" required>
27         </div>
28       </div>
29       <div class="form-group row">
30         <div class="col-sm-4"></div>
31         <div class="col-sm-8" i18n>
32           <i>Amount to transfer from {{sourceFund?.name()}} ({{sourceFund?.code()}} ({{sourceFund?.year()}}) ({{sourceFund?.org().shortname()}}))</i>
33         </div>
34       </div>
35       <div class="form-group row">
36         <label for="note" class="col-sm-4 col-form-label" i18n>Note</label>
37         <div class="col-sm-8">
38           <input class="form-control" type="text" name="note" id="note" [(ngModel)]="note">
39         </div>
40       </div>
41     </form>
42   </div>
43   <div class="modal-footer">
44     <button type="button" class="btn btn-info"
45       [disabled]="!destFund || (sourceAmount <= 0)"
46       (click)="transfer()" i18n>Transfer</button>
47     <button type="button" class="btn btn-warning"
48       (click)="close()" i18n>Close</button>
49   </div>
50 </ng-template>