<vn-crud-model
    vn-id="model"
    url="clientObservations"
    filter="$ctrl.filter"
    link="{clientFk: $ctrl.$params.id}"
    data="notes"
    auto-load="true">
</vn-crud-model>
<vn-data-viewer
    model="model"
    class="vn-w-md">
    <vn-card class="vn-pa-md">
        <div
            ng-repeat="note in notes" 
            class="note vn-pa-sm border-solid border-radius vn-mb-md">
            <vn-horizontal class="vn-mb-sm" style="color: #666">
                <vn-one>{{::note.worker.user.nickname}}</vn-one>
                <vn-auto>{{::note.created | date:'dd/MM/yyyy HH:mm'}}</vn-auto>
            </vn-horizontal>   
            <vn-horizontal class="text">
                {{::note.text}}
            </vn-horizontal>
        </div>
    </vn-card>
</vn-data-viewer>
<a vn-tooltip="New note"
    ui-sref="client.card.note.create({id: $ctrl.$params.id})" 
    vn-bind="+" 
    fixed-bottom-right>
    <vn-float-button icon="add"></vn-float-button>
</a>