From 7e38a074caac21040f3e8ce94622824abff70fe4 Mon Sep 17 00:00:00 2001
From: Gustavo Cortez <cmgustavo83@gmail.com>
Date: Thu, 22 May 2014 17:42:56 -0300
Subject: [PATCH] Fixes #399 : Limit addresses list

---
 index.html    | 16 ++++++++++++----
 js/filters.js | 42 +++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 53 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index b8d679f51..429c53104 100644
--- a/index.html
+++ b/index.html
@@ -324,12 +324,14 @@
         <div ng-show='$root.wallet.publicKeyRing.isComplete()'>
           <div class="row">
             <div class="large-9 medium-12 columns" ng-if="addresses[0]">
-              <div class="large-8 medium-8 columns">
-                <a class="panel radius db" ng-repeat="addr in addresses" 
+              <div class="large-8 medium-8 columns" ng-init="showAll=0">
+                <a class="panel radius db" ng-repeat="addr in addresses | limitAddress:showAll" 
                   ng-click="selectAddress(addr)" 
                   ng-class="{selected : addr.address == selectedAddr.address}">
-                  <span>{{addr.address}}</span>
-                  <span ng-if="addr.isChange">(change)</span>
+                  
+                  <span>{{addr.address}}</span> 
+                  <small ng-if="addr.isChange">change</small>
+
                   <span class="right">
                     <span ng-if="addrWithFund == addr.address">
                       <span ng-if="$root.updatingBalance">
@@ -345,7 +347,13 @@
                       <i class="fi-bitcoin"></i>
                     </span>
                   </span>
+
                 </a>
+
+                <button class="button small secondary radius" ng-click="showAll=!showAll" ng-show="(addresses|withoutFunds) > 1"> 
+                  <span ng-if="!showAll">Show all</span>
+                  <span ng-if="showAll">Show less</span>
+                </button>
               </div>
               <div class="large-4 medium-4 columns line-dashed-v text-center" ng-show="selectedAddr">
                 <qrcode size="160" data="{{selectedAddr.address}}"></qrcode>
diff --git a/js/filters.js b/js/filters.js
index 5c685f61c..258d22610 100644
--- a/js/filters.js
+++ b/js/filters.js
@@ -24,4 +24,44 @@ angular.module('copay.filters', [])
     return function(elements) {
       return elements.filter(Boolean);
     };
-  });
+  })
+  .filter('limitAddress', function() {
+    return function(elements, showAll) {
+      var addrs = [];
+      if (elements.length > 0) {
+        if (showAll) {
+          return elements;
+        }
+        if (elements.length == 1) {
+          return elements;
+        }
+        else {
+          for (var i=0;i<elements.length;i++) {
+            if (!elements[i].isChange && (!elements[i].balance || elements[i].balance == 0)) {
+              addrs.push(elements[i]);
+              break;
+            }
+          }
+          
+          for (var i=0;i<elements.length;i++) {
+            if (elements[i].balance && elements[i].balance > 0) {
+              addrs.push(elements[i]);
+            }
+          }
+          return addrs; 
+        }
+      }
+    };
+  })
+  .filter('withoutFunds', function() {
+    return function(elements) {
+      var len = 0;
+      for (var i=0;i<elements.length;i++) {
+        if (!elements[i].balance || elements[i].balance == 0) {
+          len++;
+        }
+      }
+      return len;
+    };
+  })
+;