browser/src/app/vault/views/vaultSubvaults.html

<section class="content-header">
    <h1>
        Subvaults
        <small>{{subvaults.length}} subvaults, {{logins.length}} logins</small>
    </h1>
</section>
<section class="content">
    <div ng-show="loading && !subvaults.length">
        <p>Loading...</p>
    </div>
    <div ng-show="!loading && !subvaults.length">
        <p>No subvaults.</p>
    </div>
    <div class="box" ng-repeat="subvault in subvaults | orderBy: ['name']"
         ng-show="subvaults.length && (!main.searchVaultText || subvaultLogins.length)">
        <div class="box-header with-border">
            <h3 class="box-title">
                <i class="fa fa-server"></i>
                {{subvault.name}} <small>{{subvaultLogins.length}} logins</small>
            </h3>
            <div class="box-tools">
                <button type="button" class="btn btn-box-tool" data-widget="collapse" uib-tooltip="Collapse/Expand">
                    <i class="fa fa-minus"></i>
                </button>
            </div>
        </div>
        <div class="box-body" ng-class="{'no-padding': subvaultLogins.length}">
            <div ng-show="!subvaultLogins.length">
                <p>No logins in this subvault.</p>
                <button type="button" ng-click="addLogin(subvault)" class="btn btn-default btn-flat">Add a Login</button>
            </div>
            <div class="table-responsive" ng-show="subvaultLogins.length">
                <table class="table table-striped table-hover table-vmiddle">
                    <tbody>
                        <tr ng-repeat="login in subvaultLogins = (logins | filter: filterBySubvault(subvault) |
                            filter: (main.searchVaultText || '') | orderBy: ['name', 'username'])">
                            <td style="width: 70px;">
                                <div class="btn-group" uib-dropdown dropdown-append-to-body>
                                    <button type="button" class="btn btn-default" uib-dropdown-toggle>
                                        <i class="fa fa-cog"></i> <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" uib-dropdown-menu>
                                        <li>
                                            <a href="javascript:void(0)" ng-click="deleteLogin(login)" class="text-red">
                                                <i class="fa fa-fw fa-trash"></i> Delete
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                            <td>
                                <a href="javascript:void(0)" ng-click="editLogin(login)">{{login.name}}</a>
                                <i class="fa fa-star text-muted" uib-tooltip="Favorite" ng-show="login.favorite"></i>
                                <div class="text-sm text-muted">{{login.username}}</div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</section>