From eb26370f4d27f570de02fa64bc606a8439847449 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Wed, 21 Sep 2016 20:21:54 -0400
Subject: [PATCH] sync loading spinner

---
 src/popup/app/settings/settingsSyncController.js | 3 +++
 src/popup/app/settings/views/settingsSync.html   | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/src/popup/app/settings/settingsSyncController.js b/src/popup/app/settings/settingsSyncController.js
index ddf9ea791d..3745e39a79 100644
--- a/src/popup/app/settings/settingsSyncController.js
+++ b/src/popup/app/settings/settingsSyncController.js
@@ -3,10 +3,13 @@
 
     .controller('settingsSyncController', function ($scope, syncService, toastr) {
         $scope.lastSync = '--';
+        $scope.loading = false;
         setLastSync();
 
         $scope.sync = function () {
+            $scope.loading = true;
             syncService.fullSync(function () {
+                $scope.loading = false;
                 toastr.success('Syncing complete');
                 setLastSync();
             });
diff --git a/src/popup/app/settings/views/settingsSync.html b/src/popup/app/settings/views/settingsSync.html
index 0a6da4ded1..97fd7c8425 100644
--- a/src/popup/app/settings/views/settingsSync.html
+++ b/src/popup/app/settings/views/settingsSync.html
@@ -11,6 +11,9 @@
                 Sync Vault Now
             </a>
             <small class="text-muted">Last Sync: {{lastSync}}</small>
+            <span ng-show="loading" style="display: block; margin-top: 20px;">
+                <i class="text-muted fa fa-lg fa-spinner fa-spin"></i>
+            </span>
         </p>
     </div>
 </div>