Merge pull request #5288 from cmgustavo/bug/wording-01

Bug/wording 01

src/js/controllers/import.js

@@ -363,4 +363,8 @@ angular.module('copayApp.controllers').controller('importController',
       }, 10);
     };
 
+    $scope.$on("$ionicView.beforeEnter", function(event, data) {
+      $scope.init();
+    });
+
   });

src/sass/views/tab-settings.scss

@@ -8,6 +8,14 @@
     color: $dark-gray;
     border-color: rgba(221, 221, 221, 0.3);
   }
+  .has-comment {
+    border-bottom: 0 none;
+  }
+  .comment {
+    padding: 15px;
+    background-color: #fff;
+    color: $mid-gray;
+  }
   &-explanation, &-button-group {
     padding: 0 1rem;
     margin: 1rem 0;

www/views/join.html

@@ -82,27 +82,29 @@
                    ng-model="privateKey">
           </label>
 
-          <ion-toggle ng-model="encrypt" toggle-class="toggle-positive" ng-change="resizeView()" ng-show="join.seedSourceId == 'new' || join.seedSourceId == 'set'">
-            <span translate>Encrypt with a Password</span>
+          <ion-toggle class="has-comment" ng-model="encrypt" toggle-class="toggle-positive" ng-change="resizeView()" ng-show="join.seedSourceId == 'new' || join.seedSourceId == 'set'">
+            <span class="toggle-label" translate>Add a password</span>
           </ion-toggle>
+          <div class="comment">
+            <span ng-show="join.seedSourceId == 'new'" translate>Add an optional password to secure the recovery phrase</span>
+            <span ng-show="join.seedSourceId == 'set'" translate>The recovery phrase could require a password to be imported</span>
+          </div>
 
-          <label class="item item-input item-stacked-label" ng-show="join.seedSourceId == 'new' && encrypt">
-            <span class="input-label" translate>Add a Password</span>
-            <input type="password"
-            placeholder="{{'Add an optional password to secure the recovery phrase'|translate}}"
-            autocapitalize="off"
-            name="createPassphrase"
-            ng-model="createPassphrase">
-          </label>
+          <div class="item item-input" ng-show="encrypt">
+            <input ng-show="join.seedSourceId == 'new'" 
+                   placeholder="{{'Password'|translate}}"
+                   type="password"
+                   autocapitalize="off"
+                   name="createPassphrase"
+                   ng-model="createPassphrase">
 
-          <label class="item item-input item-stacked-label" ng-show="join.seedSourceId == 'set' && encrypt">
-            <span class="input-label" translate>Add a Password</span>
-            <input type="password"
-                   placeholder="{{'The recovery phrase could require a password to be imported'|translate}}"
+            <input ng-show="join.seedSourceId == 'set'" 
+                   placeholder="{{'Password'|translate}}"
+                   type="password"
                    autocapitalize="off"
                    name="passphrase"
                    ng-model="passphrase">
-          </label>
+          </div>
 
           <div class="text-center box-notification error" ng-show="(join.seedSourceId =='new' || join.seedSourceId =='set') && encrypt">
             <strong translate>This password cannot be recovered. If the password is lost, there is no way you could recover your funds.</strong>

www/views/tab-create-personal.html

@@ -51,25 +51,27 @@
             ng-model="formData.privateKey">
           </label>
 
-          <ion-toggle ng-model="encrypt" toggle-class="toggle-positive" ng-change="resizeView()" ng-show="seedSource.id == 'new' || seedSource.id == 'set'">
-            <span translate>Encrypt with a Password</span>
+          <ion-toggle class="has-comment" ng-model="encrypt" toggle-class="toggle-positive" ng-change="resizeView()" ng-show="seedSource.id == 'new' || seedSource.id == 'set'">
+            <span class="toggle-label" translate>Add a password</span> 
           </ion-toggle>
+          <div class="comment">
+            <span ng-show="seedSource.id == 'new'" translate>Add an optional password to secure the recovery phrase</span>
+            <span ng-show="seedSource.id == 'set'" translate>The recovery phrase could require a password to be imported</span>
+          </div>
 
-          <label class="item item-input item-stacked-label" ng-show="seedSource.id == 'new' && encrypt">
-            <span class="input-label" translate>Add a Password</span>
-            <input type="password"
-            placeholder="{{'Add an optional password to secure the recovery phrase'|translate}}"
-            autocapitalize="off"
-            ng-model="formData.createPassphrase">
-          </label>
+          <div class="item item-input" ng-show="encrypt">
+            <input ng-show="seedSource.id == 'new'" 
+                   placeholder="{{'Password'|translate}}"
+                   type="password"
+                   autocapitalize="off"
+                   ng-model="formData.createPassphrase">
 
-          <label class="item item-input item-stacked-label" ng-show="seedSource.id == 'set' && encrypt">
-            <span class="input-label" translate>Add a Password</span>
-            <input type="password"
-            placeholder="{{'The recovery phrase could require a password to be imported'|translate}}"
-            autocapitalize="off"
-            ng-model="formData.passphrase">
-          </label>
+            <input ng-show="seedSource.id == 'set'" 
+                   placeholder="{{'Password'|translate}}"
+                   type="password"
+                   autocapitalize="off"
+                   ng-model="formData.passphrase">
+          </div>
 
           <div class="text-center box-notification error" ng-show="(seedSource.id =='new' || seedSource.id =='set') && encrypt">
             <strong translate>This password cannot be recovered. If the password is lost, there is no way you could recover your funds.</strong>

www/views/tab-create-shared.html

@@ -81,25 +81,27 @@
             ng-model="formData.privateKey">
           </label>
 
-          <ion-toggle ng-model="encrypt" toggle-class="toggle-positive" ng-change="resizeView()" ng-show="seedSource.id == 'new' || seedSource.id == 'set'">
-            <span translate>Encrypt with a Password</span>
+          <ion-toggle class="has-comment" ng-model="encrypt" toggle-class="toggle-positive" ng-change="resizeView()" ng-show="seedSource.id == 'new' || seedSource.id == 'set'">
+            <span class="toggle-label" translate>Add a password</span> 
           </ion-toggle>
+          <div class="comment">
+            <span ng-show="seedSource.id == 'new'" translate>Add an optional password to secure the recovery phrase</span>
+            <span ng-show="seedSource.id == 'set'" translate>The recovery phrase could require a password to be imported</span>
+          </div>
 
-          <label class="item item-input item-stacked-label" ng-show="seedSource.id == 'new' && encrypt">
-            <span class="input-label" translate>Add a Password</span>
-            <input type="password"
-            placeholder="{{'Add an optional password to secure the recovery phrase'|translate}}"
-            autocapitalize="off"
-            ng-model="formData.createPassphrase">
-          </label>
+          <div class="item item-input" ng-show="encrypt">
+            <input ng-show="seedSource.id == 'new'" 
+                   placeholder="{{'Password'|translate}}"
+                   type="password"
+                   autocapitalize="off"
+                   ng-model="formData.createPassphrase">
 
-          <label class="item item-input item-stacked-label" ng-show="seedSource.id == 'set' && encrypt">
-            <span class="input-label" translate>Add a Password</span>
-            <input type="password"
-            placeholder="{{'The recovery phrase could require a password to be imported'|translate}}"
-            autocapitalize="off"
-            ng-model="formData.passphrase">
-          </label>
+            <input ng-show="seedSource.id == 'set'" 
+                   placeholder="{{'Password'|translate}}"
+                   type="password"
+                   autocapitalize="off"
+                   ng-model="formData.passphrase">
+          </div>
 
           <div class="text-center box-notification error" ng-show="(seedSource.id =='new' || seedSource.id =='set') && encrypt">
             <strong translate>This password cannot be recovered. If the password is lost, there is no way you could recover your funds.</strong>