33 lines
1.1 KiB
HTML
33 lines
1.1 KiB
HTML
<mat-card class="row listing-container">
|
|
|
|
<ng-template #costTemplate let-cost let-i="index">
|
|
<div class="row">
|
|
<div class="col-auto">
|
|
<mat-form-field>
|
|
<app-single-auto-complete [formControl]="cost.get('code')" placeholder="{{'ADDEDITCOST-EDITOR.CODE' | translate}}" [configuration]="currencyAutoCompleteConfiguration"></app-single-auto-complete>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="col-auto">
|
|
<mat-form-field>
|
|
<input matInput placeholder="Description" type="text" [formControl]="cost.get('description')">
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="col-auto">
|
|
<mat-form-field>
|
|
<input matInput placeholder="Title" type="text" [formControl]="cost.get('title')">
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="col-auto">
|
|
<mat-form-field>
|
|
<input matInput placeholder="Value" type="text" [formControl]="cost.get('value')">
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
|
|
<mat-card class="col-12 cost-element" *ngFor="let cost of form['controls']; let i = index">
|
|
<ng-container *ngTemplateOutlet="costTemplate; context: { $implicit: cost, index: i }">
|
|
</ng-container>
|
|
</mat-card>
|
|
</mat-card>
|