Create availableBalance directive for Send screen

..so it can be decorated by addon.

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>

public/views/walletHome.html

@@ -299,21 +299,7 @@
              translate> Send All
           </a>
 
-          <div>
+          <available-balance></available-balance>
-            <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>
         </h4>
       </div>
       <div class="row m20t">

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'
+    }
   });