You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
114 lines
3.4 KiB
114 lines
3.4 KiB
<form
|
|
class="d-flex flex-column h-100"
|
|
[formGroup]="accountForm"
|
|
(keyup.enter)="accountForm.valid && onSubmit()"
|
|
(ngSubmit)="onSubmit()"
|
|
>
|
|
@if (data.account.id) {
|
|
<h1 i18n mat-dialog-title>Update account</h1>
|
|
} @else {
|
|
<h1 i18n mat-dialog-title>Add account</h1>
|
|
}
|
|
<div class="flex-grow-1 py-3" mat-dialog-content>
|
|
<div>
|
|
<mat-form-field appearance="outline" class="w-100">
|
|
<mat-label i18n>Name</mat-label>
|
|
<input
|
|
formControlName="name"
|
|
matInput
|
|
(keydown.enter)="$event.stopPropagation()"
|
|
/>
|
|
</mat-form-field>
|
|
</div>
|
|
<div>
|
|
<mat-form-field appearance="outline" class="w-100">
|
|
<mat-label i18n>Currency</mat-label>
|
|
<gf-currency-selector
|
|
formControlName="currency"
|
|
[currencies]="currencies"
|
|
/>
|
|
</mat-form-field>
|
|
</div>
|
|
<div>
|
|
<mat-form-field appearance="outline" class="w-100">
|
|
<mat-label i18n>Cash Balance</mat-label>
|
|
<input
|
|
formControlName="balance"
|
|
matInput
|
|
type="number"
|
|
(keydown.enter)="$event.stopPropagation()"
|
|
/>
|
|
<span class="ml-2" matTextSuffix>{{
|
|
accountForm.get('currency')?.value?.value
|
|
}}</span>
|
|
</mat-form-field>
|
|
</div>
|
|
<div [ngClass]="{ 'd-none': platforms?.length < 1 }">
|
|
<mat-form-field appearance="outline" class="w-100">
|
|
<mat-label i18n>Platform</mat-label>
|
|
<input
|
|
formControlName="platformId"
|
|
matInput
|
|
type="text"
|
|
[matAutocomplete]="auto"
|
|
(blur)="autoCompleteCheck()"
|
|
(keydown.enter)="$event.stopPropagation()"
|
|
/>
|
|
<mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn">
|
|
@for (
|
|
platformEntry of filteredPlatforms | async;
|
|
track platformEntry
|
|
) {
|
|
<mat-option [value]="platformEntry">
|
|
<span class="d-flex">
|
|
<gf-asset-profile-icon
|
|
class="mr-1"
|
|
[tooltip]="platformEntry.name"
|
|
[url]="platformEntry.url"
|
|
/>
|
|
<span>{{ platformEntry.name }}</span>
|
|
</span>
|
|
</mat-option>
|
|
}
|
|
</mat-autocomplete>
|
|
</mat-form-field>
|
|
</div>
|
|
<div>
|
|
<mat-form-field appearance="outline" class="w-100">
|
|
<mat-label i18n>Note</mat-label>
|
|
<textarea
|
|
cdkAutosizeMinRows="2"
|
|
cdkTextareaAutosize
|
|
formControlName="comment"
|
|
matInput
|
|
(keyup.enter)="$event.stopPropagation()"
|
|
></textarea>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="mb-3 px-2">
|
|
<mat-checkbox color="primary" formControlName="isExcluded"
|
|
>Exclude from Analysis</mat-checkbox
|
|
>
|
|
</div>
|
|
@if (data.account.id) {
|
|
<div>
|
|
<mat-form-field appearance="outline" class="w-100">
|
|
<mat-label i18n>Account ID</mat-label>
|
|
<input formControlName="accountId" matInput />
|
|
</mat-form-field>
|
|
</div>
|
|
}
|
|
</div>
|
|
<div class="justify-content-end" mat-dialog-actions>
|
|
<button i18n mat-button type="button" (click)="onCancel()">Cancel</button>
|
|
<button
|
|
color="primary"
|
|
mat-flat-button
|
|
type="submit"
|
|
[disabled]="!accountForm.valid"
|
|
>
|
|
<ng-container i18n>Save</ng-container>
|
|
</button>
|
|
</div>
|
|
</form>
|