Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2025-01-21 21:11:35 +01:00
Code Issues Projects Releases Wiki Activity

Loading messages for vault.

Browse Source
This commit is contained in:
Kyle Spearrin 2015-12-29 22:01:37 -05:00
parent 2bc5d92c78
commit 9260be798e
3 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/Vault/wwwroot/app/tools/views/tools.html
View File

@ -5,5 +5,5 @@
</h1> </h1>
</section> </section>
<section class="content"> <section class="content">
Content Several tools are available in the menu to the left. More tools coming soon...
</section> </section>

10
src/Vault/wwwroot/app/vault/vaultController.js
View File

@ -5,7 +5,10 @@
$scope.sites = []; $scope.sites = [];
$scope.folders = []; $scope.folders = [];
$scope.loadingSites = true;
apiService.sites.list({}, function (sites) { apiService.sites.list({}, function (sites) {
$scope.loadingSites = false;
var decSites = []; var decSites = [];
for (var i = 0; i < sites.Data.length; i++) { for (var i = 0; i < sites.Data.length; i++) {
var decSite = { var decSite = {
@ -25,9 +28,14 @@
} }
$scope.sites = decSites; $scope.sites = decSites;
}, function () {
$scope.loadingSites = false;
}); });
$scope.loadingFolders = true;
apiService.folders.list({}, function (folders) { apiService.folders.list({}, function (folders) {
$scope.loadingFolders = false;
var decFolders = [{ var decFolders = [{
id: null, id: null,
name: '(none)' name: '(none)'
@ -45,6 +53,8 @@
} }
$scope.folders = decFolders; $scope.folders = decFolders;
}, function () {
$scope.loadingFolders = false;
}); });
$scope.editSite = function (site) { $scope.editSite = function (site) {

14
src/Vault/wwwroot/app/vault/views/vault.html
View File

@ -5,7 +5,10 @@
</h1> </h1>
</section> </section>
<section class="content"> <section class="content">
<div class="box" ng-repeat="folder in folders | orderBy: 'name'"> <div ng-show="loadingFolders && !folders.length">
<p>Loading...</p>
</div>
<div class="box" ng-repeat="folder in folders | orderBy: 'name'" ng-show="folders.length">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title"><i class="fa fa-folder-open"></i> {{folder.name}}</h3> <h3 class="box-title"><i class="fa fa-folder-open"></i> {{folder.name}}</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
@ -21,12 +24,15 @@
</div> </div>
</div> </div>
<div class="box-body" ng-class="{'no-padding': folderSites.length}"> <div class="box-body" ng-class="{'no-padding': folderSites.length}">
<div ng-show="!folderSites.length"> <div ng-show="loadingSites && !folderSites.length">
<p>Loading sites...</p>
</div>
<div ng-show="!loadingSites && !folderSites.length">
<p>No sites in this folder.</p> <p>No sites in this folder.</p>
<button type="button" ng-click="addSite(folder)" class="btn btn-default btn-flat">Add a Site</button> <button type="button" ng-click="addSite(folder)" class="btn btn-default btn-flat">Add a Site</button>
</div> </div>
<div class="table-responsive"> <div class="table-responsive" ng-show="folderSites.length">
<table class="table table-striped table-hover" ng-show="folderSites.length"> <table class="table table-striped table-hover">
<thead> <thead>
<tr> <tr>
<th style="max-width: 200px;">Site</th> <th style="max-width: 200px;">Site</th>