From f5b30a088c5fae5df21bd91d8af4cb967555a0c0 Mon Sep 17 00:00:00 2001
From: Yemel Jardi <angel.jardi@gmail.com>
Date: Mon, 21 Jul 2014 15:36:53 -0300
Subject: [PATCH] Logic of transaction summary at send view

---
 css/main.css    |  4 ++++
 views/send.html | 24 +++++++++++-------------
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/css/main.css b/css/main.css
index 7ff838b30..8c060911e 100644
--- a/css/main.css
+++ b/css/main.css
@@ -267,6 +267,10 @@ body, html{
   color: #7A8C9E;
 }
 
+.hidden {
+  visibility: hidden;
+}
+
 /* Turn Off Number Input Spinners */
 input[type=number]::-webkit-inner-spin-button, 
 input[type=number]::-webkit-outer-spin-button { 
diff --git a/views/send.html b/views/send.html
index 60778eb36..4182273ae 100644
--- a/views/send.html
+++ b/views/send.html
@@ -54,7 +54,7 @@
               Use all funds ({{getAvailableAmount()}} {{$root.unitName}})
             </a>
             <div for="amount">
-              <small class="is-valid" ng-show="!sendForm.amount.$invalid && !sendForm.amount.$pristine">Valid</small>
+              <small class="is-valid" ng-show="!sendForm.amount.$invalid">Valid</small>
               <small class="has-error" ng-show="sendForm.amount.$invalid && !sendForm.amount.$pristine && !notEnoughAmount">Not valid</small>
               <small ng-show="notEnoughAmount" class="has-error">Insufficient funds</small>
               <small class="icon-input" ng-show="!sendForm.amount.$invalid && amount"><i class="fi-check"></i></small>
@@ -78,21 +78,19 @@
 
       <div class="send-bar large-4 columns left">
         <h6>Send to</h6>
-        <p class="text-gray">address</p>
-        <div class="large-6 medium-6 columns m10t" ng-show="amount>0">
-          <h6>
-            Total amount for this transaction:
-          </h6>
-          <div class="totalAmount">
-            <b>{{amount + defaultFee |noFractionNumber}}</b> {{$root.unitName}}
-            <small>
-              {{ ((amount + defaultFee) * unitToBtc)|noFractionNumber:8}} BTC
-            </small>
-          </div>
+        <p class="text-gray" ng-class="{'hidden': sendForm.address.$invalid || !address}">
+          {{address}}&nbsp;
+        </p>
+        <h6>Total amount for this transaction:</h6>
+        <p class="text-gray" ng-class="{'hidden': sendForm.amount.$invalid || !amount > 0}">
+          <b>{{amount + defaultFee |noFractionNumber}}</b> {{$root.unitName}}
           <small>
+            {{ ((amount + defaultFee) * unitToBtc)|noFractionNumber:8}} BTC <br/>
             Including fee of {{defaultFee|noFractionNumber}} {{$root.unitName}}
           </small>
-        </div>
+        </p>
+        <h6>Note</h6>
+        <p ng-class="{'hidden': !commentText}">{{commentText}}&nbsp;</p>
         <div>
           <button type="submit" class="button secondary expand text-center m0" ng-disabled="sendForm.$invalid || loading" loading="Sending">
             Send