replace all spinners

public/views/buyCoinbase.html

@@ -1,5 +1,5 @@
-<div 
+<div
-  class="topbar-container" 
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Buy'; goBackToState = 'coinbase'; noColor = true">
 </div>
@@ -9,13 +9,7 @@
 
   <div class="onGoingProcess" ng-show="buy.loading">
     <div class="onGoingProcess-content" ng-style="{'background-color': '#2b71b1'}">
-    <div class="spinner">
+    <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-      <div class="rect1"></div>
-      <div class="rect2"></div>
-      <div class="rect3"></div>
-      <div class="rect4"></div>
-      <div class="rect5"></div>
-    </div>
     <span>{{buy.loading}}</span>
     </div>
   </div>
@@ -32,42 +26,42 @@
 
   <div class="row m20t"
     ng-show="index.coinbaseAccount && !buy.buyInfo && !buy.receiveInfo">
-    <div class="columns"> 
+    <div class="columns">
 
-      <form name="buyCoinbaseForm" 
+      <form name="buyCoinbaseForm"
           ng-submit="buy.buyRequest(index.coinbaseToken, index.coinbaseAccount)" novalidate>
 
         <div ng-if="index.coinbaseToken" ng-init="buy.getPaymentMethods(index.coinbaseToken)">
           <label>Payment method</label>
-          <select 
+          <select
-            ng-model="selectedPaymentMethod.id" 
+            ng-model="selectedPaymentMethod.id"
             ng-options="item.id as item.name for item in buy.paymentMethods">
           </select>
         </div>
 
-        <label>Amount 
+        <label>Amount
-          <span 
+          <span
             ng-if="index.coinbaseToken"
             ng-init="buy.getPrice(index.coinbaseToken)"
-            ng-show="buy.buyPrice" 
+            ng-show="buy.buyPrice"
             class="size-11 text-light right">
             1 BTC <i class="icon-arrow-right"></i> {{buy.buyPrice.amount}} {{buy.buyPrice.currency}}
           </span>
         </label>
-          
+
         <div class="input">
-          <input ng-show="!showAlternative" type="number" id="amount" 
+          <input ng-show="!showAlternative" type="number" id="amount"
           name="amount" ng-attr-placeholder="{{'Amount in ' + (showAlternative ? 'USD' : 'BTC')}}"
-          ng-minlength="0.00000001" ng-maxlength="10000000000" 
+          ng-minlength="0.00000001" ng-maxlength="10000000000"
           ng-model="amount" autocomplete="off" ng-disabled="buy.loading">
-          
+
-          <input ng-show="showAlternative" type="number" id="fiat" 
+          <input ng-show="showAlternative" type="number" id="fiat"
-          name="fiat" ng-attr-placeholder="{{'Amount in ' + (showAlternative ? 'USD' : 'BTC')}}" 
+          name="fiat" ng-attr-placeholder="{{'Amount in ' + (showAlternative ? 'USD' : 'BTC')}}"
           ng-model="fiat" autocomplete="off" ng-disabled="buy.loading">
 
-          <a ng-show="!showAlternative" class="postfix button" 
+          <a ng-show="!showAlternative" class="postfix button"
             ng-click="showAlternative = true; amount = null">BTC</a>
-          <a ng-show="showAlternative" class="postfix button black" 
+          <a ng-show="showAlternative" class="postfix button black"
             ng-click="showAlternative = false; fiat = null">USD</a>
         </div>
 
@@ -87,7 +81,7 @@
           <i class="db fi-arrow-down size-24 m10v"></i>
         </div>
 
-        <div 
+        <div
           ng-if="index.coinbaseToken"
           ng-init="buy.init(index.coinbaseTestnet)"
           ng-click="openWalletsModal(buy.otherWallets)">
@@ -102,7 +96,7 @@
         </div>
 
         <div class="input m20t">
-          <input class="button black expand round" 
+          <input class="button black expand round"
           ng-disabled="buy.loading || (!amount && !fiat) || !selectedPaymentMethod"
           ng-style="{'background-color': '#2b71b1'}"
           type="submit" value="{{'Continue'}}">
@@ -146,11 +140,11 @@
       <li class="line-b p15">
         <span class="m10 text-normal text-bold">Total</span>
         <span class="right text-gray">{{buy.buyInfo.total.amount}} {{buy.buyInfo.total.currency}}</span>
-      </li> 
+      </li>
       <li class="line-b p15">
         <span class="m10 text-normal text-bold">Payout at</span>
         <span class="right text-gray">{{buy.buyInfo.payout_at | amCalendar}}</span>
-      </li> 
+      </li>
       <li class="line-b p15">
         <span class="m10 text-normal text-bold">Deposit into Copay Wallet</span>
         <span class="right text-gray">{{buy.selectedWalletName}}</span>
@@ -158,7 +152,7 @@
     </ul>
     <div class="row">
       <div class="columns">
-        <button class="button black round expand" 
+        <button class="button black round expand"
                 ng-style="{'background-color': '#2b71b1'}"
                 ng-click="buy.confirmBuy(index.coinbaseToken, index.coinbaseAccount, buy.buyInfo)"
                 ng-disabled="buy.loading">

public/views/buyGlidera.html

@@ -1,5 +1,5 @@
-<div 
+<div
-  class="topbar-container" 
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Buy'; goBackToState = 'glidera'; noColor = true">
 </div>
@@ -9,13 +9,7 @@
 
   <div class="onGoingProcess" ng-show="buy.loading">
     <div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}">
-    <div class="spinner">
+    <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-      <div class="rect1"></div>
-      <div class="rect2"></div>
-      <div class="rect3"></div>
-      <div class="rect4"></div>
-      <div class="rect5"></div>
-    </div>
     <span>{{buy.loading}}</span>
     </div>
   </div>
@@ -24,7 +18,7 @@
     <h4 class="title m0 text-left">
       <span class="text-light">Daily buy limit</span>:
       {{index.glideraLimits.dailyBuy|currency:'':2}} {{index.glideraLimits.currency}}
-      (remaining {{index.glideraLimits.dailyBuyRemaining|currency:'':2}} {{index.glideraLimits.currency}}) 
+      (remaining {{index.glideraLimits.dailyBuyRemaining|currency:'':2}} {{index.glideraLimits.currency}})
       <br>
       <span class="text-light">Monthly buy limit</span>:
       {{index.glideraLimits.monthlyBuy|currency:'':2}} {{index.glideraLimits.currency}}
@@ -43,16 +37,16 @@
 
       <div ng-show="!buy.show2faCodeInput && !buy.success">
 
-        <form name="buyPriceForm" 
+        <form name="buyPriceForm"
           ng-submit="buy.get2faCode(index.glideraToken)" novalidate>
 
-          <div ng-if="index.glideraToken" 
+          <div ng-if="index.glideraToken"
             ng-init="buy.init(index.glideraTestnet)"
             ng-click="openWalletsModal(buy.otherWallets)">
             <label>Wallet</label>
             <div class="input">
-              <input type="text" id="address" name="address" ng-disabled="buy.selectedWalletId" 
+              <input type="text" id="address" name="address" ng-disabled="buy.selectedWalletId"
-              ng-attr-placeholder="{{'Choose your destination wallet'}}" 
+              ng-attr-placeholder="{{'Choose your destination wallet'}}"
               ng-model="buy.selectedWalletName" required>
               <a class="postfix size-12 m0 text-gray">
                 <i class="icon-wallet size-18"></i>
@@ -62,41 +56,41 @@
 
           <label>Amount in {{showAlternative ? 'USD' : 'BTC'}}</label>
           <div class="input">
-            <input ng-show="!showAlternative" type="number" id="qty" 
+            <input ng-show="!showAlternative" type="number" id="qty"
             name="qty" ng-attr-placeholder="{{'Amount'}}"
-            ng-minlength="0.00000001" ng-maxlength="10000000000" 
+            ng-minlength="0.00000001" ng-maxlength="10000000000"
             ng-model="qty" autocomplete="off" ng-change="buy.getBuyPrice(index.glideraToken, {'qty': qty})">
-            
+
-            <input ng-show="showAlternative" type="number" id="fiat" 
+            <input ng-show="showAlternative" type="number" id="fiat"
-            name="fiat" ng-attr-placeholder="{{'Amount'}}" 
+            name="fiat" ng-attr-placeholder="{{'Amount'}}"
             ng-model="fiat" autocomplete="off" ng-change="buy.getBuyPrice(index.glideraToken, {'fiat': fiat})">
-            
+
-            <a ng-show="!showAlternative" class="postfix" 
+            <a ng-show="!showAlternative" class="postfix"
               ng-click="showAlternative = true; qty = null; buy.buyPrice = null">BTC</a>
-            <a ng-show="showAlternative" class="postfix" 
+            <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.gettingBuyPrice && buy.buyPrice.qty">
-              Buy 
+              Buy
-              <span ng-show="qty">{{buy.buyPrice.subtotal|currency:'':2}} {{buy.buyPrice.currency}} in Bitcoin</span> 
+              <span ng-show="qty">{{buy.buyPrice.subtotal|currency:'':2}} {{buy.buyPrice.currency}} in Bitcoin</span>
-              <span ng-show="fiat">{{buy.buyPrice.qty}} BTC</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.gettingBuyPrice && !buy.buyPrice.qty">
               (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" 
+            <input class="button black expand round"
             ng-style="{'background-color':index.backgroundColor}"
-            type="submit" value="{{'Continue'}}" 
+            type="submit" value="{{'Continue'}}"
             ng-disabled="index.glideraLimits.transactDisabledPendingFirstTransaction || !buy.buyPrice.qty ||
             !buy.selectedWalletId || buy.loading">
           </div>
-        </form> 
+        </form>
       </div>
       <div ng-show="buy.show2faCodeInput && !buy.success">
         <div class="m10t text-center">
@@ -105,10 +99,10 @@
             A SMS containing a confirmation code was sent to your phone. <br>
             Please, enter the code below
           </p>
-          <form name="buyForm" 
+          <form name="buyForm"
             ng-submit="buy.sendRequest(index.glideraToken, index.glideraPermissions, twoFaCode)" novalidate>
               <input type="number" ng-model="twoFaCode" required>
-              <input class="button black expand round" 
+              <input class="button black expand round"
               ng-style="{'background-color':index.backgroundColor}"
               type="submit" value="{{'Buy'}}" ng-disabled="buyForm.$invalid || buy.loading">
           </form>
@@ -134,6 +128,6 @@
         </button>
       </div>
     </div>
-  </div> 
+  </div>
 </div>
 <div class="extra-margin-bottom"></div>

public/views/coinbase.html

@@ -28,13 +28,7 @@
 
   <div class="onGoingProcess" ng-show="coinbase.loading || index.coinbaseLoading">
     <div class="onGoingProcess-content" ng-style="{'background-color': '#2b71b1'}">
-    <div class="spinner">
+    <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-      <div class="rect1"></div>
-      <div class="rect2"></div>
-      <div class="rect3"></div>
-      <div class="rect4"></div>
-      <div class="rect5"></div>
-    </div>
     <span ng-show="coinbase.loading">Connecting to Coinbase...</span>
     <span ng-show="index.coinbaseLoading">{{index.coinbaseLoading}}</span>
     </div>
@@ -156,7 +150,7 @@
             <span ng-show="tx.type == 'sell' && tx.status == 'completed'">Sold</span>
             <span ng-show="tx.type == 'buy' && tx.status == 'completed'">Bought</span>
             <span class="text-bold">
-              <span ng-if="tx.type == 'sell' || (tx.type == 'send' && tx.from)">-</span>{{tx.amount.amount.replace('-','')}} 
+              <span ng-if="tx.type == 'sell' || (tx.type == 'send' && tx.from)">-</span>{{tx.amount.amount.replace('-','')}}
               {{tx.amount.currency}}
             </span>
           </div>

public/views/coinbaseUri.html

@@ -1,5 +1,5 @@
-<div 
+<div
-  class="topbar-container" 
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Coinbase'; closeToHome = true">
 </div>
@@ -8,13 +8,7 @@
 
   <div class="onGoingProcess" ng-show="coinbase.loading">
     <div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}">
-    <div class="spinner">
+    <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-      <div class="rect1"></div>
-      <div class="rect2"></div>
-      <div class="rect3"></div>
-      <div class="rect4"></div>
-      <div class="rect5"></div>
-    </div>
     <span ng-show="coinbase.loading">Connecting to Coinbase...</span>
     </div>
   </div>
@@ -22,10 +16,10 @@
   <div class="row m20t">
     <div class="large-12 columns">
       <div class="text-center">
-        <img src="img/coinbase-logo.png" 
+        <img src="img/coinbase-logo.png"
         ng-click="index.updateCoinbase()" width="100">
       </div>
-      
+
       <div class="m10t text-center" ng-show="coinbase.error">
         <div class="notification m10b size-12 text-warning">{{coinbase.error}}</div>
         <button class="outline dark-gray tiny round" ng-click="coinbase.submitOauthCode(coinbase.code)">Try again</button>

public/views/copayers.html

@@ -13,13 +13,7 @@
         <qrcode size="220" error-correction-level="L" data="{{index.walletSecret}}"></qrcode>
         <div ng-show="!index.walletSecret" style="position:relative; top:-226px; height:0px">
           <div style="height:220px; width:220px; margin:auto; background: white">
-            <div class="spinner" style="margin-top:85px">
+            <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-              <div class="rect1"></div>
-              <div class="rect2"></div>
-              <div class="rect3"></div>
-              <div class="rect4"></div>
-              <div class="rect5"></div>
-            </div>
           </div>
         </div>
         <div class="secret">

public/views/create.html

@@ -10,26 +10,14 @@
 
   <div class="onGoingProcess" ng-show="create.loading && !create.hwWallet">
     <div class="onGoingProcess-content" ng-style="{'background-color':'#222'}">
-    <div class="spinner">
+    <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-      <div class="rect1"></div>
-      <div class="rect2"></div>
-      <div class="rect3"></div>
-      <div class="rect4"></div>
-      <div class="rect5"></div>
-    </div>
     <span translate>Creating Wallet...</span>
     </div>
   </div>
 
   <div class="onGoingProcess" ng-show="create.hwWallet">
     <div class="onGoingProcess-content" ng-style="{'background-color':'#222'}" style="max-height:6.5em" >
-    <div class="spinner">
+    <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-      <div class="rect1"></div>
-      <div class="rect2"></div>
-      <div class="rect3"></div>
-      <div class="rect4"></div>
-      <div class="rect5"></div>
-    </div>
     <span translate>Connecting to {{create.hwWallet}} Wallet...</span>
     <span ng-show="create.hwWallet=='Trezor'" translate>Please accept to export two public keys from the Trezor app</span>
     </div>

public/views/disclaimer.html

@@ -27,13 +27,7 @@
 
     <div class="onGoingProcess" ng-show="creatingProfile">
       <div class="onGoingProcess-content" ng-style="{'background-color':'#222'}">
-        <div class="spinner">
+        <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-          <div class="rect1"></div>
-          <div class="rect2"></div>
-          <div class="rect3"></div>
-          <div class="rect4"></div>
-          <div class="rect5"></div>
-        </div>
         <span translate>Creating Wallet...</span>
       </div>
     </div>

public/views/glidera.html

@@ -10,13 +10,7 @@
 
   <div class="onGoingProcess" ng-show="glidera.loading || index.glideraLoading">
     <div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}">
-    <div class="spinner">
+    <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-      <div class="rect1"></div>
-      <div class="rect2"></div>
-      <div class="rect3"></div>
-      <div class="rect4"></div>
-      <div class="rect5"></div>
-    </div>
     <span ng-show="glidera.loading">Connecting to Glidera...</span>
     <span ng-show="index.glideraLoading">{{index.glideraLoading}}</span>
     </div>
@@ -146,9 +140,9 @@
       </div>
     </div>
 
-    <ul class="no-bullet m0 size-14" 
+    <ul class="no-bullet m0 size-14"
       ng-show="index.glideraStatus && index.glideraStatus.userCanTransact">
-      <li ng-show="index.glideraStatus.userCanBuy" 
+      <li ng-show="index.glideraStatus.userCanBuy"
           class="line-b line-t p20 pointer"
           ng-click="$root.go('buyGlidera')">
         <img src="img/buy-bitcoin.svg" alt="buy bitcoin" width="40">

public/views/glideraUri.html

@@ -1,5 +1,5 @@
-<div 
+<div
-  class="topbar-container" 
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Glidera'; closeToHome = true">
 </div>
@@ -8,13 +8,7 @@
 
   <div class="onGoingProcess" ng-show="glidera.loading">
     <div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}">
-    <div class="spinner">
+    <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-      <div class="rect1"></div>
-      <div class="rect2"></div>
-      <div class="rect3"></div>
-      <div class="rect4"></div>
-      <div class="rect5"></div>
-    </div>
     <span ng-show="glidera.loading">Connecting to Glidera...</span>
     </div>
   </div>
@@ -22,10 +16,10 @@
   <div class="row m20t">
     <div class="large-12 columns">
       <div class="text-center">
-        <img src="img/glidera-logo.png" 
+        <img src="img/glidera-logo.png"
         ng-click="index.updateGlidera()" width="100">
       </div>
-      
+
       <div class="m10t text-center" ng-show="glidera.error">
         <div class="notification m10b size-12 text-warning">{{glidera.error}}</div>
         <button class="outline dark-gray tiny round" ng-click="glidera.submitOauthCode(glidera.code)">Try again</button>

public/views/import.html

@@ -7,25 +7,13 @@
 <div class="content p20b" ng-controller="importController as import" ng-init="type='12'">
   <div class="onGoingProcess" ng-show="import.loading  && !import.hwWallet">
     <div class="onGoingProcess-content" ng-style="{'background-color':'#222'}">
-    <div class="spinner">
+    <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-      <div class="rect1"></div>
-      <div class="rect2"></div>
-      <div class="rect3"></div>
-      <div class="rect4"></div>
-      <div class="rect5"></div>
-    </div>
     <span translate>Importing wallet...</span>
     </div>
   </div>
   <div class="onGoingProcess" ng-show="import.hwWallet">
     <div class="onGoingProcess-content" ng-style="{'background-color':'#222'}">
-    <div class="spinner">
+    <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-      <div class="rect1"></div>
-      <div class="rect2"></div>
-      <div class="rect3"></div>
-      <div class="rect4"></div>
-      <div class="rect5"></div>
-    </div>
     <span translate>Connecting to {{import.hwWallet}} Wallet...</span>
     </div>
   </div>
@@ -51,7 +39,7 @@
       </span>
     </div>
     <div class="row large-12 columns">
-        <form name="importForm12" ng-submit="import.importMnemonic(importForm12)" novalidate> 
+        <form name="importForm12" ng-submit="import.importMnemonic(importForm12)" novalidate>
 
           <div >
             <label for="words">
@@ -84,7 +72,7 @@
                   <input type="text" class="form-control" name="derivationPath" ng-model="derivationPath">
                 </label>
               </div>
- 
+
               <label  for="bws" class="oh">
                 <span>Wallet Service URL</span>
                 <input type="text" id="bwsurl" name="bwsurl" ng-model="bwsurl">
@@ -107,7 +95,7 @@
       </span>
     </div>
     <div class="row large-12 columns">
-        <form name="importForm" ng-submit="import.importBlob(importForm)" novalidate> 
+        <form name="importForm" ng-submit="import.importBlob(importForm)" novalidate>
 
           <div ng-show="!index.isSafari && !index.isCordova" class="line-b m10b">
             <label for="backupFile">
@@ -172,7 +160,7 @@
         {{import.error|translate}}
       </span>
     </div>
-    <div class="row large-12 columns"> 
+    <div class="row large-12 columns">
 
       <form name="importForm3" ng-submit="import.importHW(importForm3)" novalidate>
         <div class="large-12 columns">

public/views/join.html

@@ -8,26 +8,14 @@
 <div class="content p20v" ng-controller="joinController as join">
   <div class="onGoingProcess" ng-show="join.loading && !join.hwWallet">
     <div class="onGoingProcess-content" ng-style="{'background-color':'#222'}">
-    <div class="spinner">
+    <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-      <div class="rect1"></div>
-      <div class="rect2"></div>
-      <div class="rect3"></div>
-      <div class="rect4"></div>
-      <div class="rect5"></div>
-    </div>
     <span translate>Joining Wallet...</span>
     </div>
   </div>
 
   <div class="onGoingProcess" ng-show="join.hwWallet">
     <div class="onGoingProcess-content" ng-style="{'background-color':'#222'}" style="max-height:6.5em">
-    <div class="spinner">
+    <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-      <div class="rect1"></div>
-      <div class="rect2"></div>
-      <div class="rect3"></div>
-      <div class="rect4"></div>
-      <div class="rect5"></div>
-    </div>
     <span translate>Connecting to {{join.hwWallet}} Wallet...</span>
     <span ng-show="join.hwWallet=='Trezor'" translate>Please accept to export two public keys from the Trezor app</span>
     </div>
@@ -40,7 +28,7 @@
       </span>
     </div>
     <div class="row">
-      <div class="large-12 columns"> 
+      <div class="large-12 columns">
 
         <div>
           <label><span translate>Your nickname</span>

public/views/modals/destination-address.html

@@ -44,13 +44,7 @@
     <div ng-show="selectedWalletsOpt">
       <div class="onGoingProcess" ng-if="gettingAddress">
         <div class="onGoingProcess-content" ng-style="{'background-color':'#222'}">
-          <div class="spinner">
+          <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-            <div class="rect1"></div>
-            <div class="rect2"></div>
-            <div class="rect3"></div>
-            <div class="rect4"></div>
-            <div class="rect5"></div>
-          </div>
           <span translate> Getting address for wallet {{selectedWalletName}} ...</span>
         </div>
       </div>

public/views/paperWallet.html

@@ -8,13 +8,7 @@
   <h4 ng-show="!paperWallet.error"></h4>
   <div class="onGoingProcess" ng-show="paperWallet.scanning || paperWallet.sending">
     <div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}">
-      <div class="spinner">
+      <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-        <div class="rect1"></div>
-        <div class="rect2"></div>
-        <div class="rect3"></div>
-        <div class="rect4"></div>
-        <div class="rect5"></div>
-      </div>
       <span ng-show="paperWallet.scanning" translate>Scanning wallet funds...</span>
       <span ng-show="paperWallet.sending" translate>Sending funds...</span>
     </div>
@@ -24,7 +18,7 @@
   </div>
   <form ng-show="!paperWallet.balance" class="oh">
     <div class="row">
-      <div class="large-12 medium-12 columns">  
+      <div class="large-12 medium-12 columns">
         <div class="input">
           <label for="inputData" translate>Paper Wallet Private Key</label>
           <input type="text" placeholder="{{'Paste your paper wallet private key here'|translate}}" ng-model="inputData" id="inputData" ng-change="paperWallet.onData(inputData)">
@@ -42,12 +36,12 @@
           </div>
           <button
             ng-disabled="paperWallet.scanning || !paperWallet.scannedKey"
-            ng-style="{'background-color':index.backgroundColor}" 
+            ng-style="{'background-color':index.backgroundColor}"
-            class="button black round expand" 
+            class="button black round expand"
-            ng-click="paperWallet.scanFunds()" 
+            ng-click="paperWallet.scanFunds()"
             translate>Scan Wallet Funds
           </button>
-        </div> 
+        </div>
       </div>
     </div>
   </form>
@@ -60,11 +54,11 @@
          </div>
        </div>
 
-      <button 
+      <button
         ng-disabled="paperWallet.sending || paperWallet.balanceSat <= 0"
-        ng-style="{'background-color':index.backgroundColor}" 
+        ng-style="{'background-color':index.backgroundColor}"
-        class="button black round expand" 
+        class="button black round expand"
-        ng-click="paperWallet.sweepWallet()" 
+        ng-click="paperWallet.sweepWallet()"
         translate>Sweep Wallet
       </button>
     </div>

public/views/preferencesDeleteWallet.html

@@ -8,13 +8,7 @@
 <div class="content preferences" ng-controller="preferencesDeleteWalletController as preferences">
   <div class="onGoingProcess" ng-show="isDeletingWallet">
     <div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}">
-    <div class="spinner">
+    <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-      <div class="rect1"></div>
-      <div class="rect2"></div>
-      <div class="rect3"></div>
-      <div class="rect4"></div>
-      <div class="rect5"></div>
-    </div>
     <span translate>Deleting Wallet...</span>
     </div>
   </div>

public/views/preferencesEmail.html

@@ -1,5 +1,5 @@
-<div 
+<div
-  class="topbar-container" 
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Email Notifications'; goBackToState = 'preferences'">
 </div>
@@ -11,13 +11,7 @@
   <h4></h4>
   <div class="onGoingProcess" ng-show="prefEmail.saving && !index.isOffline">
     <div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}">
-      <div class="spinner">
+      <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-        <div class="rect1"></div>
-        <div class="rect2"></div>
-        <div class="rect3"></div>
-        <div class="rect4"></div>
-        <div class="rect5"></div>
-      </div>
       <span translate>Saving preferences...</span>
     </div>
   </div>

public/views/preferencesFee.html

@@ -8,13 +8,7 @@
   <div class="preferences-fee" ng-show="prefFee.loading">
     <div  class="row p20 text-center">
       <div class="columns large-12 medium-12 small-12 m10b">
-        <div class="spinner">
+        <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-          <div class="rect1"></div>
-          <div class="rect2"></div>
-          <div class="rect3"></div>
-          <div class="rect4"></div>
-          <div class="rect5"></div>
-        </div>
       </div>
       <div class="size-12 text-gray m20t" translate>
         Loading...

public/views/sellCoinbase.html

@@ -1,5 +1,5 @@
-<div 
+<div
-  class="topbar-container" 
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Sell'; goBackToState = 'coinbase'; noColor = true">
 </div>
@@ -9,13 +9,7 @@
 
   <div class="onGoingProcess" ng-show="sell.loading">
     <div class="onGoingProcess-content" ng-style="{'background-color': '#2b71b1'}">
-    <div class="spinner">
+    <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-      <div class="rect1"></div>
-      <div class="rect2"></div>
-      <div class="rect3"></div>
-      <div class="rect4"></div>
-      <div class="rect5"></div>
-    </div>
     <span>{{sell.loading}}</span>
     </div>
   </div>
@@ -30,25 +24,25 @@
     </div>
   </div>
 
-  <div class="row m20t" 
+  <div class="row m20t"
     ng-show="index.coinbaseAccount && !sell.sellInfo && !sell.sendInfo">
     <div class="columns">
       <form
-         name="sellCoinbaseForm" 
+         name="sellCoinbaseForm"
-         ng-submit="sell.depositFunds(index.coinbaseToken, index.coinbaseAccount)" 
+         ng-submit="sell.depositFunds(index.coinbaseToken, index.coinbaseAccount)"
          novalidate>
 
 
         <div ng-show="!showPriceSensitivity">
 
-          <div 
+          <div
            ng-if="index.coinbaseToken"
            ng-init="sell.init(index.coinbaseTestnet)"
            ng-click="openWalletsModal(sell.otherWallets)">
             <label>Copay Wallet</label>
             <div class="input">
-              <input type="text" id="address" name="address" ng-disabled="sell.selectedWalletId" 
+              <input type="text" id="address" name="address" ng-disabled="sell.selectedWalletId"
-              ng-attr-placeholder="{{'Choose your source wallet'}}" 
+              ng-attr-placeholder="{{'Choose your source wallet'}}"
               ng-model="sell.selectedWalletName" required>
               <a class="postfix size-12 m0 text-gray">
                 <i class="icon-wallet size-18"></i>
@@ -57,28 +51,28 @@
           </div>
 
           <label>
-            Amount 
+            Amount
-            <span 
+            <span
               ng-if="index.coinbaseToken"
               ng-init="sell.getPrice(index.coinbaseToken)"
-              ng-show="sell.sellPrice" 
+              ng-show="sell.sellPrice"
               class="size-11 text-light right">
               1 BTC <i class="icon-arrow-right"></i> {{sell.sellPrice.amount}} {{sell.sellPrice.currency}}
             </span>
           </label>
           <div class="input">
-            <input ng-show="!showAlternative" type="number" id="amount" 
+            <input ng-show="!showAlternative" type="number" id="amount"
             name="amount" ng-attr-placeholder="{{'Amount in ' + (showAlternative ? 'USD' : 'BTC')}}"
-            ng-minlength="0.00000001" ng-maxlength="10000000000" 
+            ng-minlength="0.00000001" ng-maxlength="10000000000"
             ng-model="amount" autocomplete="off" ng-disabled="sell.loading">
-            
+
-            <input ng-show="showAlternative" type="number" id="fiat" 
+            <input ng-show="showAlternative" type="number" id="fiat"
-            name="fiat" ng-attr-placeholder="{{'Amount in ' + (showAlternative ? 'USD' : 'BTC')}}" 
+            name="fiat" ng-attr-placeholder="{{'Amount in ' + (showAlternative ? 'USD' : 'BTC')}}"
             ng-model="fiat" autocomplete="off" ng-disabled="sell.loading">
 
-            <a ng-show="!showAlternative" class="postfix button" 
+            <a ng-show="!showAlternative" class="postfix button"
               ng-click="showAlternative = true; amount = null">BTC</a>
-            <a ng-show="showAlternative" class="postfix button black" 
+            <a ng-show="showAlternative" class="postfix button black"
               ng-click="showAlternative = false; fiat = null">USD</a>
           </div>
 
@@ -100,13 +94,13 @@
 
           <div ng-if="index.coinbaseToken" ng-init="sell.getPaymentMethods(index.coinbaseToken)">
             <label>Deposit into</label>
-            <select 
+            <select
-              ng-model="selectedPaymentMethod.id" 
+              ng-model="selectedPaymentMethod.id"
               ng-options="item.id as item.name for item in sell.paymentMethods">
             </select>
           </div>
           <div class="input m20t">
-            <a href class="button black expand round" 
+            <a href class="button black expand round"
                    ng-disabled="sell.loading || (!amount && !fiat)"
                    ng-style="{'background-color': '#2b71b1'}"
                    ng-click="showPriceSensitivity = true">Continue</a>
@@ -114,20 +108,20 @@
         </div>
 
         <div ng-show="showPriceSensitivity">
-          <h1>Price Sensitivity</h1> 
+          <h1>Price Sensitivity</h1>
           <p class="size-14 text-gray">
             Coinbase has not yet implemented an immediate method to sell bitcoin from a wallet. To make this sale, funds
             will be sent to your Coinbase account, and sold when Coinbase accepts the transaction (usually one
             hour).
           </p>
           <label>At what percentage lower price would you accept to sell?</label>
-          <select 
+          <select
-            ng-model="selectedPriceSensitivity" 
+            ng-model="selectedPriceSensitivity"
             ng-options="item as item.name for item in priceSensitivity track by item.value">
           </select>
           <p class="size-12 text-gray">
           Estimated sale value: {{sell.sellPrice.amount * amount | currency : 'USD ' : 2}} <br>
-          Still sell if price fall until: 
+          Still sell if price fall until:
           {{(sell.sellPrice.amount - (selectedPriceSensitivity.value / 100) * sell.sellPrice.amount) * amount | currency : 'USD ' : 2}}
           </p>
 
@@ -136,7 +130,7 @@
               <a href class="button outline dark-gray expand round" ng-click="showPriceSensitivity = false">Back</a>
             </div>
             <div class="columns large-6 medium-6 small-6">
-            <input class="button black expand round" 
+            <input class="button black expand round"
                    ng-disabled="sell.loading || (!amount && !fiat)"
                    ng-style="{'background-color': '#2b71b1'}"
                    type="submit" value="Confirm">
@@ -182,15 +176,15 @@
       <li class="line-b p15">
         <span class="m10 text-normal text-bold">Total</span>
         <span class="right text-gray">{{sell.sellInfo.total.amount}} {{sell.sellInfo.total.currency}}</span>
-      </li> 
+      </li>
       <li class="line-b p15">
         <span class="m10 text-normal text-bold">Payout at</span>
         <span class="right text-gray">{{sell.sellInfo.payout_at | amCalendar}}</span>
-      </li> 
+      </li>
     </ul>
     <div class="row">
       <div class="columns">
-        <button class="button black round expand" 
+        <button class="button black round expand"
                 ng-style="{'background-color': '#2b71b1'}"
                 ng-click="sell.confirmSell(index.coinbaseToken, index.coinbaseAccount, sell.sellInfo)"
                 ng-disabled="sell.loading">
@@ -210,6 +204,6 @@
               ng-click="$root.go('coinbase')">OK</button>
     </div>
   </div>
-     
+
 </div>
 <div class="extra-margin-bottom"></div>

public/views/sellGlidera.html

@@ -1,5 +1,5 @@
-<div 
+<div
-  class="topbar-container" 
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Sell'; goBackToState = 'glidera'; noColor = true">
 </div>
@@ -9,13 +9,7 @@
 
   <div class="onGoingProcess" ng-show="sell.loading">
     <div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}">
-    <div class="spinner">
+    <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-      <div class="rect1"></div>
-      <div class="rect2"></div>
-      <div class="rect3"></div>
-      <div class="rect4"></div>
-      <div class="rect5"></div>
-    </div>
     <span>{{sell.loading}}</span>
     </div>
   </div>
@@ -24,7 +18,7 @@
     <h4 class="title m0 text-left">
       <span class="text-light">Daily sell limit</span>:
       {{index.glideraLimits.dailySell|currency:'':2}} {{index.glideraLimits.currency}}
-      (remaining {{index.glideraLimits.dailySellRemaining|currency:'':2}} {{index.glideraLimits.currency}}) 
+      (remaining {{index.glideraLimits.dailySellRemaining|currency:'':2}} {{index.glideraLimits.currency}})
       <br>
       <span class="text-light">Monthly sell limit</span>:
       {{index.glideraLimits.monthlySell|currency:'':2}} {{index.glideraLimits.currency}}
@@ -42,16 +36,16 @@
       </div>
 
       <div ng-show="!sell.show2faCodeInput && !sell.success">
-        <form name="sellPriceForm" 
+        <form name="sellPriceForm"
           ng-submit="sell.get2faCode(index.glideraToken)" novalidate>
 
-          <div ng-if="index.glideraToken" 
+          <div ng-if="index.glideraToken"
             ng-init="sell.init(index.glideraTestnet)"
             ng-click="openWalletsModal(sell.otherWallets)">
             <label>Wallet</label>
             <div class="input">
-              <input type="text" id="address" name="address" ng-disabled="sell.selectedWalletId" 
+              <input type="text" id="address" name="address" ng-disabled="sell.selectedWalletId"
-              ng-attr-placeholder="{{'Choose your source wallet'}}" 
+              ng-attr-placeholder="{{'Choose your source wallet'}}"
               ng-model="sell.selectedWalletName" required>
               <a class="postfix size-12 m0 text-gray">
                 <i class="icon-wallet size-18"></i>
@@ -61,24 +55,24 @@
 
           <label><span>Amount in</span> {{showAlternative ? 'USD' : 'BTC'}}</label>
           <div class="input">
-            <input ng-show="!showAlternative" type="number" id="qty" 
+            <input ng-show="!showAlternative" type="number" id="qty"
             name="qty" ng-attr-placeholder="{{'Amount'}}"
-            ng-minlength="0.00000001" ng-maxlength="10000000000" 
+            ng-minlength="0.00000001" ng-maxlength="10000000000"
             ng-model="qty" autocomplete="off" ng-change="sell.getSellPrice(index.glideraToken, {'qty': qty})">
 
-            <input ng-show="showAlternative" type="number" id="fiat" 
+            <input ng-show="showAlternative" type="number" id="fiat"
-            name="fiat" ng-attr-placeholder="{{'Amount'}}" 
+            name="fiat" ng-attr-placeholder="{{'Amount'}}"
             ng-model="fiat" autocomplete="off" ng-change="sell.getSellPrice(index.glideraToken, {'fiat': fiat})">
 
-            <a ng-show="!showAlternative" class="postfix" 
+            <a ng-show="!showAlternative" class="postfix"
               ng-click="showAlternative = true; qty = null; sell.sellPrice = null">BTC</a>
-            <a ng-show="showAlternative" class="postfix" 
+            <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.gettingSellPrice && sell.sellPrice.qty">
-              Sell 
+              Sell
-              <span ng-show="qty">{{sell.sellPrice.subtotal|currency:'':2}} {{sell.sellPrice.currency}} in Bitcoin</span> 
+              <span ng-show="qty">{{sell.sellPrice.subtotal|currency:'':2}} {{sell.sellPrice.currency}} in Bitcoin</span>
-              <span ng-show="fiat">{{sell.sellPrice.qty}} BTC</span> 
+              <span ng-show="fiat">{{sell.sellPrice.qty}} BTC</span>
               at {{sell.sellPrice.price|currency:'':2}} {{sell.sellPrice.currency}}/BTC
 
             </div>
@@ -90,13 +84,13 @@
               ...
             </div>
 
-            <input class="button black expand round" 
+            <input class="button black expand round"
             ng-style="{'background-color':index.backgroundColor}"
-            type="submit" value="{{'Continue'}}" 
+            type="submit" value="{{'Continue'}}"
             ng-disabled="index.glideraLimits.transactDisabledPendingFirstTransaction || !sell.sellPrice.qty ||
             !sell.selectedWalletId || sell.loading">
           </div>
-        </form> 
+        </form>
       </div>
       <div ng-show="sell.show2faCodeInput && !sell.success">
         <div class="m10t text-center">
@@ -105,10 +99,10 @@
             A SMS containing a confirmation code was sent to your phone. <br>
             Please, enter the code below
           </p>
-          <form name="sellForm" 
+          <form name="sellForm"
             ng-submit="sell.createTx(index.glideraToken, index.glideraPermissions, twoFaCode)" novalidate>
               <input type="number" ng-model="twoFaCode" required>
-              <input class="button black expand round" 
+              <input class="button black expand round"
               ng-style="{'background-color':index.backgroundColor}"
               type="submit" value="{{'Sell'}}" ng-disabled="sellForm.$invalid || sell.loading">
           </form>

public/views/walletHome.html

@@ -18,26 +18,14 @@
 
   <div class="onGoingProcess" ng-show="index.isOffline">
     <div class="onGoingProcess-content" ng-style="{'background-color':'#222'}">
-      <div class="spinner">
+      <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-        <div class="rect1"></div>
-        <div class="rect2"></div>
-        <div class="rect3"></div>
-        <div class="rect4"></div>
-        <div class="rect5"></div>
-      </div>
       <span translate>Reconnecting to Wallet Service...</span>
     </div>
   </div>
 
   <div class="onGoingProcess" ng-show="index.anyOnGoingProcess && !index.isOffline">
     <div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}">
-      <div class="spinner">
+      <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-        <div class="rect1"></div>
-        <div class="rect2"></div>
-        <div class="rect3"></div>
-        <div class="rect4"></div>
-        <div class="rect5"></div>
-      </div>
       <span translate ng-show="
         index.onGoingProcessName == 'openingWallet'
         || index.onGoingProcessName == 'updatingStatus'
@@ -52,13 +40,7 @@
 
   <div class="onGoingProcess" ng-show="home.onGoingProcess && !index.anyOnGoingProces && !index.isOffline">
     <div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}">
-      <div class="spinner">
+      <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-        <div class="rect1"></div>
-        <div class="rect2"></div>
-        <div class="rect3"></div>
-        <div class="rect4"></div>
-        <div class="rect5"></div>
-      </div>
       {{home.onGoingProcess}}...
     </div>
   </div>
@@ -174,30 +156,24 @@
             </div>
           </div>
 
-      <!-- Activity -->
+          <!-- Activity -->
-          <h4 class="title"  ng-click="index.startSearch(); openModal()">
+          
+          <h4 class="title" ng-click="index.startSearch(); openModal()" ng-show="!index.notAuthorized">
             <span translate>Activity</span>
             <i class="dib m5l size-16 pointer fi-magnifying-glass"></i>
           </h4>
 
-          <div
+          <div class="oh pr m20t text-gray size-12 text-center"
-              class="oh pr m20t text-gray size-12 text-center"
+            ng-show="!index.loadingWallet && !index.txHistory[0] && !index.updatingTxHistory && !index.txHistoryError && !index.updateError && !index.notAuthorized"
-              ng-show="!index.loadingWallet && !index.txHistory[0] && !index.updatingTxHistory && !index.txHistoryError && !index.updateError" translate>
+            translate>No transactions yet
-            No transactions yet
           </div>
 
-          <div class="oh pr" ng-show="index.txHistory[0] || index.txProgress > 5">
+          <div class="oh pr" ng-show="(index.txHistory[0] || index.txProgress > 5) && !index.notAuthorized">
 
             <div ng-show="index.updatingTxHistory && index.txProgress > 5">
               <div  class="row p20 text-center">
                 <div class="columns large-12 medium-12 small-12 m10b">
-                  <div class="spinner">
+                  <ion-spinner class="spinner-dark" icon="lines"></ion-spinner>
-                    <div class="rect1"></div>
-                    <div class="rect2"></div>
-                    <div class="rect3"></div>
-                    <div class="rect4"></div>
-                    <div class="rect5"></div>
-                  </div>
                 </div>
                 <div class="size-12 text-gray m20t">
                   <div translate>{{index.txProgress}} transactions downloaded</div>
@@ -271,13 +247,7 @@
 
             <div class="row m20t text-center" ng-show="index.historyRendering && !index.ching">
               <div class="columns large-12 medium-12 small-12">
-                <div class="spinner">
+                <ion-spinner class="spinner-stable" icon="lines"></ion-spinner>
-                  <div class="rect1"></div>
-                  <div class="rect2"></div>
-                  <div class="rect3"></div>
-                  <div class="rect4"></div>
-                  <div class="rect5"></div>
-                </div>
               </div>
             </div>
 
@@ -327,13 +297,7 @@
               <qrcode size="220" data="bitcoin:{{home.addr}}"></qrcode>
               <div ng-show="home.generatingAddress" style="position:relative; top:-226px; height:0px">
                 <div style="height:220px; width:220px; margin:auto; background: white">
-                  <div class="spinner" style="margin-top:85px">
+                  <ion-spinner class="spinner-stable" icon="lines" style="margin-top: 85px"></ion-spinner>
-                    <div class="rect1"></div>
-                    <div class="rect2"></div>
-                    <div class="rect3"></div>
-                    <div class="rect4"></div>
-                    <div class="rect5"></div>
-                  </div>
                 </div>
               </div>
               <div class="m10t" >