<vn-auto-search
    model="model">
</vn-auto-search>
<vn-data-viewer
    model="model"
    class="vn-w-sm">
    <vn-card>
    <vn-list class="separated">
    <a
        ng-repeat="alias in model.data track by alias.id"
        ui-sref="account.alias.card.summary(::{id: alias.id})"
        ui-sref-opts="{inherit: false}"
        translate-attr="{title: 'View alias'}"
        class="vn-item search-result">
        <vn-item-section>
            <h6>{{::alias.alias}}</h6>
            <div>{{::alias.description}}</div>
        </vn-item-section>
        <vn-item-section side>
            <vn-icon-button
                vn-click-stop="$ctrl.preview(alias)"
                vn-tooltip="Preview"
                icon="preview">
            </vn-icon-button>
        </vn-item-section>
    </a>
    </vn-list>
    </vn-card>
</vn-data-viewer>
<vn-popup vn-id="summary">
    <vn-alias-summary alias="$ctrl.selectedAlias"></vn-alias-summary>
</vn-popup>
<a ui-sref="account.alias.create"
    ui-sref-opts="{inherit: false}"
    vn-tooltip="New alias"
    vn-bind="+"
    fixed-bottom-right>
    <vn-float-button icon="add"></vn-float-button>
</a>