<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>