Merge pull request #146 from cmgustavo/ref/design-38

Ref/design 38

public/views/activity.html

@@ -2,11 +2,8 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>Recent Activity</ion-nav-title>
-    <ion-nav-buttons side="primary">
+    <ion-nav-back-button>
-      <button class="button back-button" ui-sref="tabs.home">
+    </ion-nav-back-button>
-        <i class="icon ion-ios-arrow-thin-left"></i>
-      </button>
-    </ion-nav-buttons>
   </ion-nav-bar>
   <ion-content class="padding" ng-controller="activityController" ng-init="init()">
 

public/views/add.html

@@ -2,7 +2,6 @@
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Add wallet' | translate}}</ion-nav-title>
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 

public/views/addressbook.add.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
     <ion-nav-title>
       <span translate>Add entry</span>

public/views/addressbook.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
     <ion-nav-title>
       <span translate>Addressbook</span>

public/views/addressbook.view.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
     <ion-nav-title>
       <span translate>Addressbook</span>

public/views/amazon.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
     <ion-nav-title>Amazon.com Gift Cards</ion-nav-title>
   </ion-nav-bar>

public/views/amount.html

@@ -1,7 +1,6 @@
 <ion-view id="view-amount">
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 

public/views/buyAmazon.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
     <ion-nav-title>Buy</ion-nav-title>
   </ion-nav-bar>
@@ -45,6 +44,7 @@
                    max="500"
                    ng-model="fiat"
                    ng-pattern="/^[0-9]+(\.[0-9]{1,2})?$/"
+                   step="0.01"
                    autocomplete="off" ignore-mouse-wheel required>
             <a class="postfix">USD</a>
           </label>

public/views/buyGlidera.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
     <ion-nav-title>Buy</ion-nav-title>
   </ion-nav-bar>

public/views/buyandsell.html

@@ -1,10 +1,7 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
-    <ion-nav-buttons side="primary">
+    <ion-nav-back-button>
-      <button class="button back-button" ui-sref="tabs.home">
+    </ion-nav-back-button>
-        <i class="icon ion-ios-arrow-thin-left"></i>
-      </button>
-    </ion-nav-buttons>
     <ion-nav-title translate>Buy and sell</ion-nav-title>
   </ion-nav-bar>
   <ion-content>

public/views/confirm.html

@@ -1,7 +1,6 @@
 <ion-view id="view-confirm" ng-controller="confirmController" ng-init="init()">
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 

public/views/copayers.html

@@ -2,7 +2,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 

public/views/export.html

@@ -2,7 +2,6 @@
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Export wallet' | translate}}</ion-nav-title>
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 

public/views/glidera.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
     <ion-nav-title>Glidera</ion-nav-title>
   </ion-nav-bar>

public/views/glideraUri.html

@@ -1,10 +1,7 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
-    <ion-nav-buttons side="primary">
+    <ion-nav-back-button>
-      <button class="button back-button" ui-sref="tabs.home">
+    </ion-nav-back-button>
-        <i class="icon ion-ios-arrow-thin-left"></i>
-      </button>
-    </ion-nav-buttons>
     <ion-nav-title>Glidera</ion-nav-title>
   </ion-nav-bar>
 

public/views/import.html

@@ -2,7 +2,6 @@
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Import Wallet' | translate}}</ion-nav-title>
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 

public/views/join.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
     <ion-nav-title>{{'Join shared wallet' | translate}}</ion-nav-title>
   </ion-nav-bar>

public/views/paperWallet.html

@@ -2,7 +2,6 @@
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Sweep paper wallet' | translate}}</ion-nav-title>
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 

public/views/preferences.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesController" ng-init="init()">

public/views/preferencesAbout.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesAbout">

public/views/preferencesAdvanced.html

@@ -2,7 +2,6 @@
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Advanced Preferences' | translate}}</ion-nav-title>
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesAdvancedController">

public/views/preferencesAlias.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesAliasController" >

public/views/preferencesAltCurrency.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesAltCurrencyController" ng-init="init()" >

public/views/preferencesBitpayCard.html

@@ -1,10 +1,7 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
-    <ion-nav-buttons side="primary">
+    <ion-nav-back-button>
-      <button class="button back-button" ui-sref="bitpayCard.main">
+    </ion-nav-back-button>
-        <i class="icon ion-ios-arrow-thin-left"></i>
-      </button>
-    </ion-nav-buttons>
     <ion-nav-title>Preferences</ion-nav-title>
   </ion-nav-bar>
 

public/views/preferencesBwsUrl.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesBwsUrlController">

public/views/preferencesColor.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesColorController" >

public/views/preferencesDeleteWallet.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesDeleteWalletController" >

public/views/preferencesDeleteWords.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesDeleteWordsController" >

public/views/preferencesEmail.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesEmailController" >

public/views/preferencesFee.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 

public/views/preferencesGlidera.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
     <ion-nav-title>Preferences</ion-nav-title>
   </ion-nav-bar>

public/views/preferencesHistory.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesHistory" ng-init="csvHistory()">

public/views/preferencesInformation.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content   ng-controller="preferencesInformation"  ng-init="init()">

public/views/preferencesLanguage.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesLanguageController" ng-init="init()" >

public/views/preferencesLogs.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesLogs" ng-init="init()">

public/views/preferencesUnit.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesUnitController" ng-init="init()" >

public/views/proposals.html

@@ -1,12 +1,11 @@
 
 <ion-view>
   <ion-nav-bar class="bar-royal">
-    <ion-nav-title>Pending Proposals</ion-nav-title>
+    <ion-nav-title>
-    <ion-nav-buttons side="primary">
+      {{'Pending Proposals'|translate}}
-      <button class="button back-button" ui-sref="tabs.home">
+    </ion-nav-title>
-        <i class="icon ion-ios-arrow-thin-left"></i>
+    <ion-nav-back-button>
-      </button>
+    </ion-nav-back-button>
-    </ion-nav-buttons>
   </ion-nav-bar>
   <ion-content class="padding" ng-controller="proposalsController" ng-init="init()">
 

public/views/sellGlidera.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
     <ion-nav-title>Sell</ion-nav-title>
   </ion-nav-bar>

public/views/starting.html

@@ -1,3 +0,0 @@
-<h1> Starting... </h1>
-
-Splash screen me...

public/views/tab-create-personal.html

@@ -2,7 +2,6 @@
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Create Personal Wallet' | translate}}</ion-nav-title>
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 

public/views/tab-create-shared.html

@@ -2,7 +2,6 @@
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Create Shared Wallet' | translate}}</ion-nav-title>
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 

public/views/termsOfUse.html

@@ -1,7 +1,6 @@
 <ion-view>
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 

public/views/translators.html

@@ -2,7 +2,6 @@
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Translators' | translate}}</ion-nav-title>
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="translatorsController">

public/views/walletDetails.html

@@ -2,7 +2,6 @@
   <ion-nav-bar ng-style="{'background-color': walletDetailsColor}">
     <ion-nav-title>{{walletDetailsName}}</ion-nav-title>
     <ion-nav-back-button>
-      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
     <ion-nav-buttons side="secondary">
       <button class="button back-button" ng-click="startSearch(); openSearchModal()">

src/js/controllers/buyAmazon.js

@@ -28,9 +28,9 @@ angular.module('copayApp.controllers').controller('buyAmazonController',
     };
 
     this.confirm = function() {
-      var title = gettextCatalog.getString('Confirm Amazon.com Gift Card purchase for ${{amount}} USD', {amount: $scope.fiat});
+      var message = gettextCatalog.getString('Amazon.com Gift Card purchase for ${{amount}} USD', {amount: $scope.fiat});
       var ok = gettextCatalog.getString('Buy');
-      popupService.showConfirm(title, null, ok, null, function(res) {
+      popupService.showConfirm(null, message, ok, null, function(res) {
         if (res) self.createTx();
       });
     };

src/js/routes.js

@@ -30,7 +30,7 @@ angular.module('copayApp').config(function(historicLogProvider, $provide, $logPr
     $ionicConfigProvider.navBar.positionSecondaryButtons('right');
 
     // NAV BACK-BUTTON TEXT/ICON
-    $ionicConfigProvider.backButton.icon('ion-arrow-left-c').text('');
+    $ionicConfigProvider.backButton.icon('icon ion-ios-arrow-thin-left').text('');
     $ionicConfigProvider.backButton.previousTitleText(false);
 
     $logProvider.debugEnabled(true);
@@ -106,7 +106,11 @@ angular.module('copayApp').config(function(historicLogProvider, $provide, $logPr
 
     .state('starting', {
       url: '/starting',
-      templateUrl: 'views/starting.html'
+      template: '<ion-view id="starting"><ion-content>{{starting}}</ion-content></ion-view>',
+      controller: function($scope, $log, gettextCatalog) {
+        $log.info('Starting...');
+        $scope.starting = gettextCatalog.getString('Starting...');
+      }
     })
 
     /*

src/js/services/logHeader.js

@@ -1,7 +1,7 @@
 'use strict';
 angular.module('copayApp.services')
-  .factory('logHeader', function($log, platformInfo) {
+  .factory('logHeader', function($window, $log, platformInfo) {
-    $log.info('Starting Copay v' + window.version + ' #' + window.commitHash);
+    $log.info($window.appConfig.nameCase + ' v' + window.version + ' #' + window.commitHash);
     $log.info('Client: '+ JSON.stringify(platformInfo) );
     return {};
   });

src/js/services/popupService.js

@@ -1,6 +1,6 @@
 'use strict';
 
-angular.module('copayApp.services').service('popupService', function($log, $ionicPopup, platformInfo) {
+angular.module('copayApp.services').service('popupService', function($log, $ionicPopup, platformInfo, gettextCatalog) {
 
   var isCordova = platformInfo.isCordova;
 
@@ -10,7 +10,7 @@ angular.module('copayApp.services').service('popupService', function($log, $ioni
     if (!cb) cb = function() {};
     $ionicPopup.alert({
       title: title,
-      template: message,
+      subTitle: message,
       okType: 'button-clear button-positive'
     }).then(cb);
   };
@@ -18,7 +18,7 @@ angular.module('copayApp.services').service('popupService', function($log, $ioni
   var _ionicConfirm = function(title, message, okText, cancelText, cb) {
     $ionicPopup.confirm({
       title: title,
-      template: message,
+      subTitle: message,
       cancelText: cancelText,
       cancelType: 'button-clear button-positive',
       okText: okText,
@@ -53,6 +53,8 @@ angular.module('copayApp.services').service('popupService', function($log, $ioni
       if (buttonIndex == 1) return cb(true);
       else return cb(false);
     }
+    okText = okText || gettextCatalog.getString('OK');
+    cancelText = cancelText || gettextCatalog.getString('Cancel');
     navigator.notification.confirm(message, onConfirm, title, [okText, cancelText]);
   };
 
@@ -67,8 +69,8 @@ angular.module('copayApp.services').service('popupService', function($log, $ioni
   /**
    * Show a simple alert popup
    *
-   * @param {String} Title
+   * @param {String} Title (optional)
-   * @param {String} Message (optional)
+   * @param {String} Message
    * @param {Callback} Function (optional)
    */
 
@@ -85,10 +87,10 @@ angular.module('copayApp.services').service('popupService', function($log, $ioni
   /**
    * Show a simple confirm popup
    *
-   * @param {String} Title
+   * @param {String} Title (optional)
    * @param {String} Message
-   * @param {String} okText
+   * @param {String} okText (optional)
-   * @param {String} cancelText
+   * @param {String} cancelText (optional)
    * @param {Callback} Function
    * @returns {Callback} OK: true, Cancel: false
    */
@@ -105,7 +107,7 @@ angular.module('copayApp.services').service('popupService', function($log, $ioni
   /**
    * Show a simple prompt popup
    *
-   * @param {String} Title
+   * @param {String} Title (optional)
    * @param {String} Message
    * @param {Object} Object{ inputType, inputPlaceholder, defaultText } (optional)
    * @param {Callback} Function

src/sass/ionic.scss

@@ -5,6 +5,9 @@ $royal: #1e3186;
 $soft-blue: rgb(100,124,232);
 $base-background-color: #f5f5f5;
 
+/* Ionic Workaround */
+
+ion-nav-bar.hide { display: block !important; }
 
 
 @import "../../bower_components/ionic/scss/ionic";

src/sass/main.scss

@@ -955,6 +955,30 @@ input[type=number] {
   }
 }
 
+/* Starting */
+
+#starting {
+  background: rgba(30, 49, 134, 1);
+  background: -moz-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
+  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30, 49, 134, 1)), color-stop(100%, rgba(17, 27, 73, 1)));
+  background: -webkit-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
+  background: -o-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
+  background: -ms-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
+  background: linear-gradient(to bottom, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
+  color: #fff;
+  height: 100%;
+  .scroll-content {
+    display: table !important;
+    width: 100% !important;
+    height: 100% !important;
+  }
+  .scroll {
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;
+  }
+}
+
 @import "ionic";
 @import "common";
 @import "forms";