<vn-crud-model vn-id="model" url="SupplierAccounts" fields="['id', 'supplierFk', 'iban', 'bankEntityFk', 'beneficiary']" link="{supplierFk: $ctrl.$params.id}" include="$ctrl.include" data="$ctrl.supplierAccounts" auto-load="true"> </vn-crud-model> <vn-watcher vn-id="watcher" data="$ctrl.supplierAccounts" form="form"> </vn-watcher> <form name="form" ng-submit="$ctrl.onSubmit()" class="vn-w-lg"> <vn-card class="vn-pa-lg"> <vn-horizontal ng-repeat="supplierAccount in $ctrl.supplierAccounts"> <vn-textfield vn-three ng-show="supplierAccount.iban || supplierAccount.iban == undefined" label="Iban" ng-model="supplierAccount.iban" rule> </vn-textfield> <vn-autocomplete vn-three label="Bank entity" ng-model="supplierAccount.bankEntityFk" url="BankEntities" show-field="name" rule> </vn-autocomplete> <append> <vn-icon-button icon="add_circle" vn-tooltip="New bank entity" ng-click="$ctrl.showBankEntity($event, $index)"> </vn-icon-button> </append> <vn-textfield vn-three label="Beneficiary" ng-model="supplierAccount.beneficiary" info="Beneficiary information"> </vn-textfield> <vn-none> <vn-icon-button vn-tooltip="Remove account" icon="delete" ng-click="model.remove($index)" tabindex="-1"> </vn-icon-button> </vn-none> </vn-horizontal> <vn-one> <vn-icon-button vn-bind="+" vn-tooltip="Add account" icon="add_circle" ng-click="$ctrl.add()"> </vn-icon-button> </vn-one> </vn-card> <vn-button-bar> <vn-submit disabled="!watcher.dataChanged()" label="Save"> </vn-submit> </vn-button-bar> </form> <!-- New bankentity dialog --> <vn-new-bank-entity vn-id="bankEntity" on-response="$ctrl.onResponse($response)"> </vn-new-bank-entity>