52 lines
1.5 KiB
HTML
52 lines
1.5 KiB
HTML
<vn-crud-model
|
|
vn-id="model"
|
|
url="/client/api/ClientContacts"
|
|
fields="['id', 'name', 'phone', 'clientFk']"
|
|
link="{clientFk: $ctrl.$stateParams.id}"
|
|
data="contacts"
|
|
auto-load="true">
|
|
</vn-crud-model>
|
|
<vn-watcher
|
|
vn-id="watcher"
|
|
data="contacts"
|
|
form="form">
|
|
</vn-watcher>
|
|
<form name="form" ng-submit="$ctrl.onSubmit()" compact>
|
|
<vn-card class="vn-pa-lg">
|
|
<vn-horizontal ng-repeat="contact in contacts">
|
|
<vn-textfield
|
|
vn-one
|
|
label="Name"
|
|
ng-model="contact.name"
|
|
rule="ClientContact">
|
|
</vn-textfield>
|
|
<vn-textfield
|
|
vn-one
|
|
label="Phone"
|
|
ng-model="contact.phone"
|
|
rule="ClientContact"
|
|
vn-focus>
|
|
</vn-textfield>
|
|
<vn-none>
|
|
<vn-icon-button
|
|
pointer
|
|
class="vn-my-md"
|
|
vn-tooltip="Remove contact"
|
|
icon="delete"
|
|
ng-click="model.remove($index)">
|
|
</vn-icon-button>
|
|
</vn-none>
|
|
</vn-horizontal>
|
|
<vn-one>
|
|
<vn-icon-button
|
|
vn-bind="+"
|
|
vn-tooltip="Add contact"
|
|
icon="add_circle"
|
|
ng-click="$ctrl.add()">
|
|
</vn-icon-button>
|
|
</vn-one>
|
|
</vn-card>
|
|
<vn-button-bar>
|
|
<vn-submit label="Save"></vn-submit>
|
|
</vn-button-bar>
|
|
</form> |