From 32405cee24634c470b3d2ce91391cd01a3a04902 Mon Sep 17 00:00:00 2001
From: Kosta Korenkov <7r0ggy@gmail.com>
Date: Thu, 3 Sep 2015 13:27:18 +0300
Subject: [PATCH 1/2] Simplify available balance panel html

---
 public/views/walletHome.html | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/public/views/walletHome.html b/public/views/walletHome.html
index 5bb883278..e7a4d7dd6 100644
--- a/public/views/walletHome.html
+++ b/public/views/walletHome.html
@@ -299,16 +299,8 @@
              translate> Send All
           </a>
 
-          <div  ng-show="!index.lockedBalanceSat && index.availableBalanceStr">
-            <div class="size-10">
-              <span class="db text-bold">
-                <span translate>Available Balance</span>:
-                {{index.availableBalanceStr }}
-              </span>
-            </div>
-          </div>
-          <div  ng-show="index.lockedBalanceSat">
-            <div class="left">
+          <div>
+            <div class="left" ng-show="index.lockedBalanceSat">
               <i class="fi-info size-24 m10r"></i>
             </div>
             <div class="size-10">
@@ -316,7 +308,7 @@
                 <span translate>Available Balance</span>:
                 {{index.availableBalanceStr }}
               </span>
-              <span class="text-gray" >
+              <span class="text-gray" ng-show="index.lockedBalanceSat">
                 {{index.lockedBalanceStr}}
                 <span translate>locked by pending payments</span>
               </span>

From ea03b87a7e0c88d1b16b3d527e9fe9de372055f5 Mon Sep 17 00:00:00 2001
From: Kosta Korenkov <7r0ggy@gmail.com>
Date: Thu, 3 Sep 2015 14:44:50 +0300
Subject: [PATCH 2/2] Create availableBalance directive for Send screen

..so it can be decorated by addon.
---
 public/views/includes/available-balance.html | 15 +++++++++++++++
 public/views/walletHome.html                 | 16 +---------------
 src/js/directives/directives.js              |  7 +++++++
 3 files changed, 23 insertions(+), 15 deletions(-)
 create mode 100644 public/views/includes/available-balance.html

diff --git a/public/views/includes/available-balance.html b/public/views/includes/available-balance.html
new file mode 100644
index 000000000..465edf2df
--- /dev/null
+++ b/public/views/includes/available-balance.html
@@ -0,0 +1,15 @@
+<div>
+    <div class="left" ng-show="index.lockedBalanceSat">
+        <i class="fi-info size-24 m10r"></i>
+    </div>
+    <div class="size-10">
+              <span class="db text-bold">
+                <span translate>Available Balance</span>:
+                {{index.availableBalanceStr }}
+              </span>
+              <span class="text-gray" ng-show="index.lockedBalanceSat">
+                {{index.lockedBalanceStr}}
+                <span translate>locked by pending payments</span>
+              </span>
+    </div>
+</div>
diff --git a/public/views/walletHome.html b/public/views/walletHome.html
index e7a4d7dd6..b5898cc3a 100644
--- a/public/views/walletHome.html
+++ b/public/views/walletHome.html
@@ -299,21 +299,7 @@
              translate> Send All
           </a>
 
-          <div>
-            <div class="left" ng-show="index.lockedBalanceSat">
-              <i class="fi-info size-24 m10r"></i>
-            </div>
-            <div class="size-10">
-              <span class="db text-bold">
-                <span translate>Available Balance</span>:
-                {{index.availableBalanceStr }}
-              </span>
-              <span class="text-gray" ng-show="index.lockedBalanceSat">
-                {{index.lockedBalanceStr}}
-                <span translate>locked by pending payments</span>
-              </span>
-            </div>
-          </div>
+          <available-balance></available-balance>
         </h4>
       </div>
       <div class="row m20t">
diff --git a/src/js/directives/directives.js b/src/js/directives/directives.js
index 2816a7509..cc4064db9 100644
--- a/src/js/directives/directives.js
+++ b/src/js/directives/directives.js
@@ -316,4 +316,11 @@ angular.module('copayApp.directives')
       replace: true,
       template: '<img ng-src="{{ logo_url }}" alt="Copay">'
     }
+  })
+  .directive('availableBalance', function() {
+    return {
+      restrict: 'E',
+      replace: true,
+      templateUrl: 'views/includes/available-balance.html'
+    }
   });