replace all spinners

public/views/buyCoinbase.html

@@ -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>

public/views/buyGlidera.html

@@ -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>

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>

public/views/coinbaseUri.html

@@ -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>

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>

public/views/glideraUri.html

@@ -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>

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>

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>

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>

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

@@ -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

@@ -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>

public/views/sellGlidera.html

@@ -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>

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" >