<vn-auto-search model="model"> </vn-auto-search> <vn-data-viewer model="model" class="vn-w-sm"> <vn-card> <div class="vn-list separated"> <a ng-repeat="client in model.data track by client.id" ui-sref="client.card.summary(::{id: client.id})" translate-attr="{title: 'View client'}" class="vn-item search-result"> <vn-item-section> <h6>{{::client.name}}</h6> <vn-label-value label="Id" value="{{::client.id}}"> </vn-label-value> <vn-label-value label="Phone" value="{{::client.phone | phone}}"> </vn-label-value> <vn-label-value label="Town/City" value="{{::client.city}}"> </vn-label-value> <vn-label-value label="Email" value="{{::client.email}}"> </vn-label-value> </vn-item-section> <vn-item-section side> <vn-icon-button ng-show="client.isActive == false" vn-tooltip="Client inactive" icon="icon-disabled"> </vn-icon-button> <vn-icon-button ng-show="client.isActive && client.isFreezed == true" vn-tooltip="Client frozen" icon="icon-frozen"> </vn-icon-button> <vn-icon-button vn-anchor="{state: 'ticket.index', params: {q: {clientFk: client.id}}}" vn-tooltip="Client tickets" icon="icon-ticket"> </vn-icon-button> <vn-icon-button ng-click="$ctrl.openSummary(client, $event)" vn-tooltip="Preview" icon="preview"> </vn-icon-button> </vn-item-section> </a> </div> </vn-card> </vn-data-viewer> <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-popup vn-id="dialog-summary-client"> <vn-client-summary client="$ctrl.clientSelected"> </vn-client-summary> </vn-popup>