salix/modules/client/front/index/index.html

<vn-crud-model
    vn-id="model"
    url="/item/api/Clients"
    order="id DESC"
    limit="8"
    data="clients"
    auto-load="false">
</vn-crud-model>
<div class="index-block">
    <div class="vn-list">
        <vn-card pad-medium-h>
            <vn-searchbar
                panel="vn-client-search-panel"
                model="model"
                expr-builder="$ctrl.exprBuilder(param, value)"
                vn-focus>
            </vn-searchbar>
        </vn-card>
        <vn-card margin-medium-v>
            <vn-item-client
                class="searchResult"
                ng-repeat="client in clients track by client.id"
                client="::client">
            </vn-item-client>
            <vn-empty-rows class="vn-list-item" style="text-align: center" 
                ng-if="model.data.length === 0" translate>
                No results
            </vn-empty-rows>
            <vn-empty-rows class="vn-list-item" style="text-align: center" 
                ng-if="model.data === null" translate>
                Enter a new search
            </vn-empty-rows>
        </vn-card>
        <vn-pagination model="model"></vn-pagination>
    </div>
</div>
<a ui-sref="client.create" vn-tooltip="New client" vn-bind="+" fixed-bottom-right>
    <vn-float-button icon="person_add"></vn-float-button>
</a>
<vn-dialog class="dialog-summary"
    vn-id="dialog-summary-client">
    <tpl-body>
        <vn-client-summary client="$ctrl.clientSelected"></vn-client-summary>
    </tpl-body>
</vn-dialog>