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 @@
+
+
+
+
+
+
+ Available Balance:
+ {{index.availableBalanceStr }}
+
+
+ {{index.lockedBalanceStr}}
+ locked by pending payments
+
+
+
diff --git a/public/views/walletHome.html b/public/views/walletHome.html
index 5bb883278..b5898cc3a 100644
--- a/public/views/walletHome.html
+++ b/public/views/walletHome.html
@@ -299,29 +299,7 @@
translate> Send All
-
-
-
- Available Balance:
- {{index.availableBalanceStr }}
-
-
-
-
-
-
-
-
-
- Available Balance:
- {{index.availableBalanceStr }}
-
-
- {{index.lockedBalanceStr}}
- locked by pending payments
-
-
-
+
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: '
![Copay]()
'
}
+ })
+ .directive('availableBalance', function() {
+ return {
+ restrict: 'E',
+ replace: true,
+ templateUrl: 'views/includes/available-balance.html'
+ }
});