From f114a629f31a3ca2d3809a440c090a704e01d086 Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Mon, 14 Sep 2020 12:12:39 -0700
Subject: [PATCH] stash the length separately

---
 src/views/network.html | 2 +-
 src/views/network.js   | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/views/network.html b/src/views/network.html
index b24a60444..5c6a0607d 100644
--- a/src/views/network.html
+++ b/src/views/network.html
@@ -134,7 +134,7 @@
         <span class="text-muted">Blocked IPs & Ranges</span>
       </div>
       <div class="col-xs-6 text-right">
-        <span>{{ blocklist.currentBlocklist.length }} IP(s) blocked <a href="" ng-click="blocklist.show()"><i class="fa fa-edit text-small"></i></a></span>
+        <span>{{ blocklist.currentBlocklistLength }} IP(s) blocked <a href="" ng-click="blocklist.show()"><i class="fa fa-edit text-small"></i></a></span>
       </div>
     </div>
   </div>
diff --git a/src/views/network.js b/src/views/network.js
index 20df8d518..882a22ea4 100644
--- a/src/views/network.js
+++ b/src/views/network.js
@@ -61,12 +61,14 @@ angular.module('Application').controller('NetworkController', ['$scope', '$locat
         error: {},
         blocklist: '',
         currentBlocklist: '',
+        currentBlocklistLength: 0,
 
         refresh: function () {
             Client.getBlocklist(function (error, result) {
                 if (error) return console.error(error);
 
                 $scope.blocklist.currentBlocklist = result;
+                $scope.blocklist.currentBlocklistLength = result.split('\n').filter(function (l) { return l.length !== 0 && l[0] !== '#'; }).length;
             });
         },