<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="shelving in model.data track by shelving.id" ui-sref="shelving.card.summary(::{id: shelving.id})" translate-attr="{title: 'View shelving'}" class="vn-item search-result"> <vn-item-section> <h6>{{::shelving.code}}</h6> <vn-label-value label="Parking" value="{{::shelving.parking.code}}"> </vn-label-value> <vn-label-value label="Priority" value="{{::shelving.priority}}"> </vn-label-value> </vn-item-section> <vn-item-section side> <vn-icon-button vn-click-stop="$ctrl.preview(shelving)" vn-tooltip="Preview" icon="preview"> </vn-icon-button> </vn-item-section> </a> </div> </vn-card> </vn-data-viewer> <vn-popup vn-id="summary"> <vn-shelving-summary shelving="$ctrl.selectedShelving"> </vn-shelving-summary> </vn-popup> <a ui-sref="shelving.create" vn-tooltip="New shelving" vn-bind="+" vn-acl-action="remove" fixed-bottom-right> <vn-float-button icon="add"></vn-float-button> </a>