loading message for site listings

This commit is contained in:
Kyle Spearrin 2016-09-17 00:43:48 -04:00
parent f6849ed04c
commit 58778628de
4 changed files with 14 additions and 2 deletions

View File

@ -8,6 +8,8 @@ angular
domain = null, domain = null,
canAutofill = false; canAutofill = false;
$scope.loaded = false;
chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) { chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
if (tabs.length > 0) { if (tabs.length > 0) {
url = tabs[0].url; url = tabs[0].url;
@ -37,6 +39,7 @@ angular
} }
} }
$scope.loaded = true;
$scope.sites = filteredSites; $scope.sites = filteredSites;
}); });
}); });

View File

@ -24,7 +24,10 @@
</div> </div>
</div> </div>
</div> </div>
<div ng-if="!sites.length"> <div ng-if="loaded && !sites.length">
<p>No sites available for tab. <a href="" ng-click="addSite()">Add one</a></p> <p>No sites available for tab. <a href="" ng-click="addSite()">Add one</a></p>
</div> </div>
<div ng-if="!loaded">
<p><i class="fa fa-lg fa-spinner fa-spin"></i></p>
</div>
</div> </div>

View File

@ -5,6 +5,7 @@
$('#search').focus(); $('#search').focus();
var delayLoad = true; var delayLoad = true;
$scope.loaded = true;
if (!$rootScope.vaultSites) { if (!$rootScope.vaultSites) {
$rootScope.vaultSites = []; $rootScope.vaultSites = [];
delayLoad = false; delayLoad = false;
@ -12,6 +13,7 @@
if (!$rootScope.vaultFolders) { if (!$rootScope.vaultFolders) {
$rootScope.vaultFolders = []; $rootScope.vaultFolders = [];
delayLoad = false; delayLoad = false;
$scope.loaded = false;
} }
if (delayLoad) { if (delayLoad) {
@ -40,6 +42,7 @@
promises.push(sitePromise); promises.push(sitePromise);
$q.all(promises).then(function () { $q.all(promises).then(function () {
$scope.loaded = true;
$rootScope.vaultFolders = decFolders.concat([{ $rootScope.vaultFolders = decFolders.concat([{
id: null, id: null,
name: '(none)' name: '(none)'

View File

@ -32,7 +32,10 @@
</div> </div>
</div> </div>
</div> </div>
<div ng-if="!sites.length"> <div ng-if="loaded && !vaultSites.length">
<p>No sites to list. <a href="" ng-click="addSite()">Add one</a></p> <p>No sites to list. <a href="" ng-click="addSite()">Add one</a></p>
</div> </div>
<div ng-if="!loaded">
<p><i class="fa fa-lg fa-spinner fa-spin"></i></p>
</div>
</div> </div>