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

<div class="header">
    <div class="right">
        <a href="" ng-click="addSite()"><i class="fa fa-plus fa-lg"></i></a>
    </div>
    <div class="search">
        <input type="search" placeholder="Search vault" ng-model="searchText" id="search" />
        <i class="fa fa-search"></i>
    </div>
</div>
<div class="content content-tabs">
    <div ng-if="vaultSites.length">
        <div class="list">
            <div class="list-grouped" ng-repeat="folder in vaultFolders | orderBy: folderSort" ng-show="vaultFolders.length">
                <div ng-if="(vaultSites |  filter: { folderId: folder.id } | filter: searchSites()).length">
                    <div class="list-grouped-header">
                        <i class="fa fa-folder-open"></i> {{folder.name}}
                    </div>
                    <a href="javascript:void(0)" ng-click="viewSite(site)"
                       class="list-grouped-item condensed" title="Edit {{site.name}}"
                       ng-repeat="site in folderSites = (vaultSites | filter: { folderId: folder.id }
                            | filter: searchSites() | orderBy: ['name', 'username'])">
                        <span class="btn-list" ng-click="$event.stopPropagation()" title="Copy Password" ngclipboard
                              ngclipboard-error="clipboardError(e)" ngclipboard-success="clipboardSuccess(e, 'Password')"
                              data-clipboard-text="{{site.password}}" ng-class="{'disabled': !site.password}">
                            <i class="fa fa-lg fa-key"></i>
                        </span>
                        <span class="btn-list" ng-click="$event.stopPropagation()" title="Copy Username" ngclipboard
                              ngclipboard-error="clipboardError(e)" ngclipboard-success="clipboardSuccess(e, 'Username')"
                              data-clipboard-text="{{site.username}}" ng-class="{'disabled': !site.username}">
                            <i class="fa fa-lg fa-user"></i>
                        </span>
                        <span class="text">{{site.name}}</span>
                        <span class="detail">{{site.username}}</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="centered-message" ng-if="loaded && !vaultSites.length">
        <p>
            There are no sites to list.
            <button ng-click="addSite()" style="margin-top: 20px;" class="btn btn-link btn-block">Add a Site</button>
        </p>
    </div>
    <div class="page-loading" ng-if="!loaded">
        <i class="fa fa-lg fa-spinner fa-spin"></i>
    </div>
</div>