salix/client/client/src/address-edit/address-edit.html

<mg-ajax path="/client/api/Addresses/{{edit.params.addressId}}" actions="$ctrl.address=edit.model;$ctrl._setIconAdd();" options="mgEdit"></mg-ajax>
<vn-watcher
    vn-id="watcher"
    url="/client/api/Addresses"
    id-field="id"
    data="$ctrl.address"
    form="form">
</vn-watcher>
<form name="form" ng-submit="$ctrl.submit()" pad-medium>
    <vn-card>
        <vn-vertical pad-large>
            <vn-title>Address</vn-title>
            <vn-horizontal>
                <vn-one>
                    <vn-check label="Enabled" field="$ctrl.address.isActive"></vn-check>
                </vn-one>
                <vn-one>
                    <vn-check label="Is equalizated" field="$ctrl.address.isEqualizated" vn-acl="administrative"></vn-check> 
                </vn-one>
            </vn-horizontal>
            <vn-horizontal>
                <vn-textfield vn-one label="Consignee" field="$ctrl.address.nickname" vn-focus></vn-textfield>
                <vn-textfield vn-one label="Street" field="$ctrl.address.street"></vn-textfield>
            </vn-horizontal>
            <vn-horizontal>
                <vn-textfield vn-one label="Postcode" field="$ctrl.address.postalCode"></vn-textfield>
                <vn-textfield vn-one label="City" field="$ctrl.address.city"></vn-textfield>
                <vn-autocomplete vn-one
                    initial-data="$ctrl.address.province"
                    field="$ctrl.address.provinceFk"
                    url="/client/api/Provinces"
                    show-field="name"
                    value-field="id"
                    label="Province">
                </vn-autocomplete>
            </vn-horizontal>
            <vn-horizontal>
                <vn-autocomplete vn-one
                    initial-data="$ctrl.address.agency"
                    field="$ctrl.address.agencyFk"
                    url="/client/api/AgencyModes"
                    show-field="name"
                    value-field="id"
                    label="Agency">
                </vn-autocomplete>
                <vn-textfield vn-one label="Phone" field="$ctrl.address.phone"></vn-textfield>
                <vn-textfield vn-one label="Mobile" field="$ctrl.address.mobile"></vn-textfield>
            </vn-horizontal>
            <vn-one margin-medium-top>
                <vn-title>Notes</vn-title>
                <mg-ajax path="/client/api/ObservationTypes" options="mgIndex as observationsTypes"></mg-ajax>
                <vn-horizontal ng-repeat="observation in $ctrl.observations track by $index">
                    <vn-autocomplete
                        vn-one
                        initial-data="observation.observationType"
                        field="observation.observationTypeFk"
                        data="observationsTypes.model"
                        show-field="description"
                        label="Observation type"
                        order="description ASC"
                        filter-search="{where: {description: {regexp: 'search'}}}">
                        <tpl-item>{{$parent.$parent.item.description}}</tpl-item>
                    </vn-autocomplete>
                    <vn-textfield
                        vn-auto
                        label="Description"
                        model="observation.description"
                        rule="addressObservation.description">
                    </vn-textfield>
                    <vn-one pad-medium-top>
                        <vn-icon
                            pointer 
                            medium-grey
                            icon="remove_circle_outline"
                            ng-click="$ctrl.removeObservation($index)">
                        </vn-icon>
                        <vn-icon
                            pointer 
                            margin-medium-left
                            orange
                            icon="add_circle"
                            ng-if="observation.showAddIcon && observationsTypes.model.length > $ctrl.observations.length" 
                            ng-click="$ctrl.addObservation()">
                        </vn-icon>  
                    </vn-one>
                </vn-horizontal>
            </vn-one>
        </vn-vertical>
    </vn-card>
    <vn-button-bar>
        <vn-submit label="Save"></vn-submit>
    </vn-button-bar>
</form>