From 63a4ffa7ec68a840a8b41b2f83afa6afcc13a393 Mon Sep 17 00:00:00 2001
From: Nabil Adouani <nabil.adouani@gmail.com>
Date: Wed, 21 Oct 2020 11:37:19 +0200
Subject: [PATCH] #1579 WIP: Use the filtered similarities to build the
 pagination component

---
 .../app/scripts/components/alert/AlertSimilarCaseListCmp.js | 1 +
 .../views/components/alert/similar-case-list.component.html | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/app/scripts/components/alert/AlertSimilarCaseListCmp.js b/frontend/app/scripts/components/alert/AlertSimilarCaseListCmp.js
index 12805b6df4..44a501fea4 100644
--- a/frontend/app/scripts/components/alert/AlertSimilarCaseListCmp.js
+++ b/frontend/app/scripts/components/alert/AlertSimilarCaseListCmp.js
@@ -20,6 +20,7 @@
 
                 self.sortField = '-sCreatedAt';
                 self.matches = [];
+                self.filteredCases = [];
 
                 self.pagination = {
                     pageSize: 10,
diff --git a/frontend/app/views/components/alert/similar-case-list.component.html b/frontend/app/views/components/alert/similar-case-list.component.html
index 0bad641daf..013d8d73b8 100644
--- a/frontend/app/views/components/alert/similar-case-list.component.html
+++ b/frontend/app/views/components/alert/similar-case-list.component.html
@@ -21,9 +21,9 @@
 
         <div class="col-md-12" ng-show="$cmp.list.total > 0">
             <!-- Client side pagination -->
-            <div class="text-center" ng-show="$cmp.list.allValues.length > $cmp.pagination.pageSize">
+            <div class="text-center" ng-show="$cmp.filteredCases.length > $cmp.pagination.pageSize">
                 <ul uib-pagination class="pagination-sm" boundary-links="true"  max-size="5" rotate="false"
-                    total-items="$cmp.list.allValues.length"
+                    total-items="$cmp.filteredCases.length"
                     items-per-page="$cmp.pagination.pageSize"
                     ng-model="$cmp.pagination.currentPage"></ul>
             </div>
@@ -103,7 +103,7 @@
             </div>
 
             <!-- Table data -->
-            <div class="case-collection" ng-repeat="item in filteredLinks = ($cmp.list.allValues | filter:$cmp.similarityFilters | filter:$cmp.greaterThan('fObservables') | filter:$cmp.greaterThan('fIocs') | orderBy:$cmp.sortField | limitTo:$cmp.pagination.pageSize:($cmp.pagination.currentPage-1)*$cmp.pagination.pageSize)">
+            <div class="case-collection" ng-repeat="item in ($cmp.filteredCases = ($cmp.list.allValues | filter:$cmp.similarityFilters | filter:$cmp.greaterThan('fObservables') | filter:$cmp.greaterThan('fIocs')) | orderBy:$cmp.sortField | limitTo:$cmp.pagination.pageSize:($cmp.pagination.currentPage-1)*$cmp.pagination.pageSize)">
                 <div class="case-item" >
                     <!-- case tlp -->
                     <div class="case-tlp bg-tlp-{{item.case.tlp}} clickable" ng-click="$cmp.addFilterValue('tlp', item.case.tlp)"></div>