Change top-bar color

public/views/glidera.html

@@ -2,7 +2,7 @@
 <div
   class="topbar-container"
   ng-include="'views/includes/topbar.html'"
-  ng-init="titleSection='Buy & Sell Bitcoin'; closeToHome = true">
+  ng-init="titleSection='Buy & Sell Bitcoin'; closeToHome = true; noColor = true">
 </div>
 
 

public/views/includes/topbar.html

@@ -1,4 +1,6 @@
-<nav ng-controller="topbarController as topbar" class="tab-bar">
+<nav ng-controller="topbarController as topbar" 
+  class="tab-bar" 
+  ng-style="{'background-color': noColor ? '#4B6178' : index.backgroundColor}">
   <section class="left-small">
     <a id="hamburger" class="p10" ng-show="!goBackToState && !closeToHome  && !index.noFocusedWallet"
       ng-click="index.openMenu()"><i class="fi-list size-24"></i>
@@ -14,12 +16,14 @@
     </a>
   </section>
 
-  <section class="right-small" ng-show="showCamera">
-    <qr-scanner ng-show="index.isComplete" on-scan="topbar.onQrCodeScanned(data)" before-scan="topbar.openSendScreen()"></qr-scanner>
+  <section class="right-small" ng-show="showPreferences">
+    <a class="p10" ng-click="topbar.goPreferences()">
+      <i class="fi-widget size-24"></i>
+    </a>
   </section>
 
   <section class="middle tab-bar-section">
-    <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backgroundColor}">
+    <h1 class="title ellipsis">
       {{(titleSection|translate) || (index.alias || index.walletName)}}
     </h1>
   </section>

public/views/modals/advancedSend.html

@@ -1,34 +0,0 @@
-<nav class="tab-bar">
-  <section class="left-small">
-    <a ng-click="cancel()" class="p10">
-      <span class="text-close" translate>Close</span>
-    </a>   
-  </section>
-  <section class="middle tab-bar-section">
-    <h1 class="title ellipsis" ng-style="{'color':color}" translate>
-      Advanced Send
-    </h1>
-  </section>
-</nav>
-
-
-<div class="modal-content fix-modals-touch">
-  <ul class="no-bullet m0 size-14"> 
-    <h4 class="title m0" translate>Fee Policy</h4>
-    <li ng-repeat="fee in (network == 'livenet' ? feeLevels.livenet : feeLevels.testnet)" ng-click="save(fee.level)" class="line-b p20">
-      <span class="text-capitalize">{{fee.level|translate}}</span>
-      <i class="fi-check size-16 right" ng-show="currentFeeLevel == fee.level"></i>
-    </li>
-  </ul>
-
-  <div class="row column m20t">
-    <div class="text-gray size-12 text-center" ng-repeat="fee in (network == 'livenet' ? feeLevels.livenet :
-      feeLevels.testnet)" ng-if="fee.level == currentFeeLevel">
-      <span translate>Average confirmation time: {{fee.nbBlocks * 10}} minutes</span>. 
-      <span class="size-12 text-light" translate>Current fee rate for this policy: {{fee.feePerKBUnit}}/kiB</span>
-    </div>
-  </div>
-
-  <div class="extra-margin-bottom"></div>
-</div>
-

public/views/modals/customized-amount.html

@@ -1,11 +1,11 @@
-<nav class="tab-bar">
+<nav class="tab-bar" ng-style="{'background-color':color}">
   <section class="left-small">
     <a ng-click="cancel()" class="p10">
       <span class="text-close" translate>Close</span>
     </a>
   </section>
   <section class="middle tab-bar-section">
-    <h1 class="title ellipsis" ng-style="{'color':color}" translate>
+    <h1 class="title ellipsis" translate>
       Request a specific amount
     </h1>
   </section>

public/views/modals/destination-address.html

@@ -121,10 +121,9 @@
             </div>
             <div class="columns large-6 medium-6 small-6">
               <input type="submit" 
-                     class="button expand round" 
+                     class="button expand round black" 
                      value="{{'Save'|translate}}"
                      ng-disabled="!addressbookForm.$valid"
-                     ng-style="{'background-color':color}" 
                      ng-click="newAddress = ''; add(addressbook)">
             </div>
           </div>

public/views/modals/glidera-tx-details.html

@@ -6,7 +6,7 @@
     </a>
   </section>
   <section class="middle tab-bar-section">
-    <h1 class="title ellipsis" ng-style="{'color':color}">
+    <h1 class="title ellipsis">
       Details
     </h1>
   </section>

public/views/modals/paypro.html

@@ -1,11 +1,11 @@
-<nav class="tab-bar">
+<nav class="tab-bar" ng-style="{'background-color':color}">
   <section class="left-small">
     <a ng-click="cancel()" class="p10">
       <span class="text-close" translate>Close</span>
     </a>
   </section>
   <section class="middle tab-bar-section">
-    <h1 class="title ellipsis" ng-style="{'color':color}" translate>
+    <h1 class="title ellipsis" translate>
       Payment request
     </h1>
   </section>

public/views/modals/tx-details.html

@@ -1,4 +1,4 @@
-<nav class="tab-bar">
+<nav class="tab-bar" ng-style="{'background-color':color}">
   <section class="left-small">
     <a ng-click="cancel()">
       <i class="icon-arrow-left3 icon-back"></i>
@@ -6,7 +6,7 @@
     </a>
   </section>
   <section class="middle tab-bar-section">
-    <h1 class="title ellipsis" ng-style="{'color':color}" translate>
+    <h1 class="title ellipsis" translate>
       Transaction
     </h1>
   </section>

public/views/modals/txp-details.html

@@ -1,4 +1,4 @@
-<nav class="tab-bar">
+<nav class="tab-bar" ng-style="{'background-color':color}">
   <section class="left-small">
     <a ng-click="cancel()">
       <i class="icon-arrow-left3 icon-back"></i>
@@ -6,7 +6,7 @@
     </a>
   </section>
   <section class="middle tab-bar-section">
-    <h1 class="title ellipsis" ng-style="{'color':color}" translate>
+    <h1 class="title ellipsis" translate>
       Payment Proposal
     </h1>
   </section>

public/views/walletHome.html

@@ -1,7 +1,7 @@
 
 <div class="topbar-container"
   ng-include="'views/includes/topbar.html'"
-  ng-init="showCamera = true">
+  ng-init="showPreferences = true">
 </div>
 
 <div ng-controller="walletHomeController as home">
@@ -111,11 +111,8 @@
           <div class="avatar-wallet left"
             ng-style="{'background-color':index.backgroundColor}">{{ (index.alias || index.walletName) | limitTo: 1}}
           </div>
-          <div class="right">
-            <a ng-click="$root.go('preferences')" class="button outline round light-gray tiny preferences-icon m0">
-              <i class="fi-widget size-18 vm"></i>
-              <span class="show-for-medium-up" translate>Preferences</span>
-            </a>
+          <div class="camera-icon" ng-show="index.isComplete">
+            <qr-scanner on-scan="home.onQrCodeScanned(data)" before-scan="home.openSendScreen()"></qr-scanner> 
           </div>
           <div class="wallet-info">
             <div ng-show="index.isShared">