no sites message for vault and current tab pages

This commit is contained in:
Kyle Spearrin 2016-09-16 00:16:31 -04:00
parent a5e05b6f3d
commit 2552d027b9
3 changed files with 56 additions and 34 deletions

View File

@ -5,21 +5,26 @@
<div class="title">Current Tab Sites</div> <div class="title">Current Tab Sites</div>
</div> </div>
<div class="content content-tabs"> <div class="content content-tabs">
<div class="list"> <div ng-if="sites.length">
<div class="list-grouped"> <div class="list">
<div ng-click="fillSite(site)" class="list-grouped-item condensed" style="cursor: pointer;" <div class="list-grouped">
ng-repeat="site in theSites = (sites | orderBy: ['name', 'username'])"> <div ng-click="fillSite(site)" class="list-grouped-item condensed" style="cursor: pointer;"
<a class="btn-list" href="" ng-click="$event.stopPropagation()" title="Copy Password" ngclipboard ngclipboard-error="clipboardError(e)" ng-repeat="site in theSites = (sites | orderBy: ['name', 'username'])">
ngclipboard-success="clipboardSuccess(e, 'Password')" data-clipboard-text="{{site.password}}" ng-class="{'disabled': !site.password}"> <a class="btn-list" href="" ng-click="$event.stopPropagation()" title="Copy Password" ngclipboard ngclipboard-error="clipboardError(e)"
<i class="fa fa-lg fa-key"></i> ngclipboard-success="clipboardSuccess(e, 'Password')" data-clipboard-text="{{site.password}}" ng-class="{'disabled': !site.password}">
</a> <i class="fa fa-lg fa-key"></i>
<a class="btn-list" href="" ng-click="$event.stopPropagation()" title="Copy Username" ngclipboard ngclipboard-error="clipboardError(e)" </a>
ngclipboard-success="clipboardSuccess(e, 'Username')" data-clipboard-text="{{site.username}}" ng-class="{'disabled': !site.username}"> <a class="btn-list" href="" ng-click="$event.stopPropagation()" title="Copy Username" ngclipboard ngclipboard-error="clipboardError(e)"
<i class="fa fa-lg fa-user"></i> ngclipboard-success="clipboardSuccess(e, 'Username')" data-clipboard-text="{{site.username}}" ng-class="{'disabled': !site.username}">
</a> <i class="fa fa-lg fa-user"></i>
<span class="text">{{site.name}}</span> </a>
<span class="detail">{{site.username}}</span> <span class="text">{{site.name}}</span>
<span class="detail">{{site.username}}</span>
</div>
</div> </div>
</div> </div>
</div> </div>
<div ng-if="!sites.length">
<p>No sites available for tab. <a href="" ng-click="addSite()">Add one</a></p>
</div>
</div> </div>

View File

@ -64,9 +64,19 @@
return item.name.toLowerCase(); return item.name.toLowerCase();
}; };
$scope.setFolderFilter = function (folder) { $scope.filterByFolder = function (folder) {
$scope.folderFilter = {};
$scope.folderFilter.folderId = folder.id; };
$scope.searchSites = function () {
if (!$scope.searchText) {
return;
}
return function (site) {
return (site.name && site.name.indexOf($scope.searchText) !== -1) ||
(site.username && site.username.indexOf($scope.searchText) !== -1);
};
}; };
$scope.addSite = function () { $scope.addSite = function () {

View File

@ -8,24 +8,31 @@
</div> </div>
</div> </div>
<div class="content content-tabs"> <div class="content content-tabs">
<div class="list"> <div ng-if="vaultSites.length">
<div class="list-grouped" ng-repeat="folder in vaultFolders | orderBy: folderSort" ng-show="vaultFolders.length"> <div class="list">
<div class="list-grouped-header"> <div class="list-grouped" ng-repeat="folder in vaultFolders | orderBy: folderSort" ng-show="vaultFolders.length">
<i class="fa fa-folder-open"></i> {{folder.name}} <div ng-if="(vaultSites | filter: { folderId: folder.id } | filter: searchSites()).length">
</div> <div class="list-grouped-header">
<div ng-click="viewSite(site)" class="list-grouped-item condensed" style="cursor: pointer;" <i class="fa fa-folder-open"></i> {{folder.name}}
ng-repeat="site in folderSites = (vaultSites | filter: { folderId: folder.id } | filter: (searchText || '') | orderBy: ['name', 'username'])"> </div>
<a class="btn-list" href="" ng-click="$event.stopPropagation()" title="Copy Password" ngclipboard ngclipboard-error="clipboardError(e)" <div ng-click="viewSite(site)" class="list-grouped-item condensed" style="cursor: pointer;"
ngclipboard-success="clipboardSuccess(e, 'Password')" data-clipboard-text="{{site.password}}" ng-class="{'disabled': !site.password}"> ng-repeat="site in folderSites = (vaultSites | filter: { folderId: folder.id } | filter: searchSites() | orderBy: ['name', 'username'])">
<i class="fa fa-lg fa-key"></i> <a class="btn-list" href="" ng-click="$event.stopPropagation()" title="Copy Password" ngclipboard ngclipboard-error="clipboardError(e)"
</a> ngclipboard-success="clipboardSuccess(e, 'Password')" data-clipboard-text="{{site.password}}" ng-class="{'disabled': !site.password}">
<a class="btn-list" href="" ng-click="$event.stopPropagation()" title="Copy Username" ngclipboard ngclipboard-error="clipboardError(e)" <i class="fa fa-lg fa-key"></i>
ngclipboard-success="clipboardSuccess(e, 'Username')" data-clipboard-text="{{site.username}}" ng-class="{'disabled': !site.username}"> </a>
<i class="fa fa-lg fa-user"></i> <a class="btn-list" href="" ng-click="$event.stopPropagation()" title="Copy Username" ngclipboard ngclipboard-error="clipboardError(e)"
</a> ngclipboard-success="clipboardSuccess(e, 'Username')" data-clipboard-text="{{site.username}}" ng-class="{'disabled': !site.username}">
<span class="text">{{site.name}}</span> <i class="fa fa-lg fa-user"></i>
<span class="detail">{{site.username}}</span> </a>
<span class="text">{{site.name}}</span>
<span class="detail">{{site.username}}</span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div ng-if="!sites.length">
<p>No sites to list. <a href="" ng-click="addSite()">Add one</a></p>
</div>
</div> </div>