<vn-crud-model
    vn-id="model"
    url="AccessTokens"
    filter="::$ctrl.filter"
    limit="20"
    auto-load="true">
</vn-crud-model>
<vn-data-viewer
    model="model"
    class="vn-w-sm">
    <vn-card>
    <vn-list class="separated">
    <a
        ng-repeat="row in model.data"
        ui-sref="account.card.summary(::{id: row.user.id})"
        translate-attr="{title: 'Go to user'}"
        class="vn-item search-result">
        <vn-item-section>
            <h6>{{::row.user.username}}</h6>
            <div>{{::row.created | date:'dd/MM HH:mm'}}</div>
        </vn-item-section>
        <vn-item-section side>
            <vn-icon-button
                vn-click-stop="disconnect.show(row)"
                vn-tooltip="Kill session"
                icon="exit_to_app">
            </vn-icon-button>
        </vn-item-section>
    </a>
    </vn-list>
    </vn-card>
</vn-data-viewer>
<vn-confirm
    vn-id="disconnect"
    on-accept="$ctrl.onDisconnect($data)"
    question="Are you sure you want to continue?"
    message="Session will be killed">
</vn-confirm>
<vn-float-button
    vn-tooltip="Refresh"
    icon="refresh"
    ng-click="model.refresh()"
    vn-bind="r"
    fixed-bottom-right>
</vn-float-button>