From 7934eca099824967cb0d58444b6044913de01c83 Mon Sep 17 00:00:00 2001
From: Gustavo Maximiliano Cortez <cmgustavo83@gmail.com>
Date: Wed, 9 Sep 2015 15:24:47 -0300
Subject: [PATCH] Adds loading indicator while getting buy/sell prices

---
 public/views/buyGlidera.html      | 7 +++++--
 public/views/sellGlidera.html     | 9 +++++++--
 src/js/controllers/buyGlidera.js  | 2 ++
 src/js/controllers/sellGlidera.js | 2 ++
 4 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/public/views/buyGlidera.html b/public/views/buyGlidera.html
index 202d9219f..d81b7931b 100644
--- a/public/views/buyGlidera.html
+++ b/public/views/buyGlidera.html
@@ -65,16 +65,19 @@
             <a ng-show="showAlternative" class="postfix" 
               ng-click="showAlternative = false; fiat = null; buy.buyPrice = null">USD</a>
 
-            <div class="text-center text-gray size-12 m20b" ng-show="buy.buyPrice.qty">
+            <div class="text-center text-gray size-12 m20b" ng-show="!buy.gettingBuyPrice && buy.buyPrice.qty">
               Buy 
               <span ng-show="qty">{{buy.buyPrice.currency}} {{buy.buyPrice.subtotal}} in Bitcoin</span> 
               <span ng-show="fiat">{{buy.buyPrice.qty}} BTC</span> 
               at  {{buy.buyPrice.price}} {{buy.buyPrice.currency}}/BTC
             </div>
-            <div class="text-center text-gray size-12 m20b" ng-show="!buy.buyPrice.qty" translate>
+            <div class="text-center text-gray size-12 m20b" ng-show="!buy.gettingBuyPrice && !buy.buyPrice.qty" translate>
               (Enter the amount to get the exchange rate)
             </div>
  
+            <div class="text-center text-gray size-12 m20b" ng-show="buy.gettingBuyPrice">
+              ...
+            </div>
 
             <input class="button black expand round" 
             ng-style="{'background-color':index.backgroundColor}"
diff --git a/public/views/sellGlidera.html b/public/views/sellGlidera.html
index 19b08a333..4f927ba8f 100644
--- a/public/views/sellGlidera.html
+++ b/public/views/sellGlidera.html
@@ -65,16 +65,21 @@
             <a ng-show="showAlternative" class="postfix" 
               ng-click="showAlternative = false; fiat = null; sell.sellPrice = null">USD</a>
             
-            <div class="text-center text-gray size-12 m20b" ng-show="sell.sellPrice.qty">
+            <div class="text-center text-gray size-12 m20b" ng-show="!sell.gettingSellPrice && sell.sellPrice.qty">
               Sell 
               <span ng-show="qty"> {{sell.sellPrice.currency}} {{sell.sellPrice.subtotal}}  in Bitcoin</span> 
               <span ng-show="fiat">{{sell.sellPrice.qty}} BTC</span> 
               at {{sell.sellPrice.price}} {{sell.sellPrice.currency}}/BTC
 
             </div>
-            <div class="text-center text-gray size-12 m20b" ng-show="!sell.sellPrice.qty" translate>
+            <div class="text-center text-gray size-12 m20b" ng-show="!sell.gettingSellPrice && !sell.sellPrice.qty" translate>
               (Enter the amount to get the exchange rate)
             </div>
+
+            <div class="text-center text-gray size-12 m20b" ng-show="sell.gettingSellPrice">
+              ...
+            </div>
+
             <input class="button black expand round" 
             ng-style="{'background-color':index.backgroundColor}"
             type="submit" value="{{'Continue'|translate}}" 
diff --git a/src/js/controllers/buyGlidera.js b/src/js/controllers/buyGlidera.js
index eac8576a7..5b4724fb0 100644
--- a/src/js/controllers/buyGlidera.js
+++ b/src/js/controllers/buyGlidera.js
@@ -15,7 +15,9 @@ angular.module('copayApp.controllers').controller('buyGlideraController',
         this.buyPrice = null;
         return;
       }
+      this.gettingBuyPrice = true;
       glideraService.buyPrice(token, price, function(err, buyPrice) {
+        self.gettingBuyPrice = false;
         if (err) {
           self.error = gettext('Could not get exchange information. Please, try again.');
         }
diff --git a/src/js/controllers/sellGlidera.js b/src/js/controllers/sellGlidera.js
index 998c57b32..0fd2308c8 100644
--- a/src/js/controllers/sellGlidera.js
+++ b/src/js/controllers/sellGlidera.js
@@ -19,7 +19,9 @@ angular.module('copayApp.controllers').controller('sellGlideraController',
         this.sellPrice = null;
         return;
       }
+      this.gettingSellPrice = true;
       glideraService.sellPrice(token, price, function(err, sellPrice) {
+        self.gettingSellPrice = false;
         if (err) {
           self.error = gettext('Could not get exchange information. Please, try again.');
         }