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()" margin-medium>
    <vn-card pad-large>
        <vn-title>Address</vn-title>
        <vn-horizontal>
            <vn-check vn-one label="Enabled" field="$ctrl.address.isActive"></vn-check>
            <vn-check
                vn-one label="Is equalizated"
                field="$ctrl.address.isEqualizated"
                vn-acl="administrative, salesAssistant">
            </vn-check> 
        </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.agencyMode"
                field="$ctrl.address.agencyModeFk"
                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-two
                    margin-large-right
                    label="Description"
                    model="observation.description"
                    rule="addressObservation.description">
                </vn-textfield>
                <vn-auto pad-medium-top>
                    <vn-icon
                        pointer 
                        medium-grey
                        vn-tooltip="Remove note"
                        tooltip-position = "left"
                        icon="remove_circle_outline"
                        ng-click="$ctrl.removeObservation($index)">
                    </vn-icon>  
                </vn-one>
            </vn-horizontal>
        </vn-one>
        <vn-one>
            <vn-icon
                pointer 
                margin-medium-left
                vn-tooltip="Add note"
                tooltip-position = "right"
                orange
                icon="add_circle"
                ng-if="observationsTypes.model.length > $ctrl.observations.length" 
                ng-click="$ctrl.addObservation()">
            </vn-icon>
        </vn-one>
    </vn-card>
    <vn-button-bar>
        <vn-submit label="Save"></vn-submit>
    </vn-button-bar>
</form>