#1062 add pagination to observable similar items

TheHive-Project · Aug 20, 2019 · d4f8fe4 · d4f8fe4
1 parent 0090706
commit d4f8fe4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/ui/app/scripts/controllers/case/CaseObservablesItemCtrl.js b/ui/app/scripts/controllers/case/CaseObservablesItemCtrl.js
@@ -23,6 +23,7 @@
             $scope.analysisEnabled = VersionSrv.hasCortex();
             $scope.cortexServers = $scope.analysisEnabled && appConfig.connectors.cortex.servers;
             $scope.protectDownloadsWith = appConfig.config.protectDownloadsWith;
+            $scope.similarArtifactsLimit = 10;
 
             $scope.editorOptions = {
                 lineNumbers: true,
@@ -125,6 +126,10 @@
                 }
             };
 
+            $scope.showMoreSimilar = function() {
+                $scope.similarArtifactsLimit = $scope.similarArtifactsLimit + 10;
+            };
+
             $scope.showReport = function (jobId) {
                 $scope.report = {};
 

diff --git a/ui/app/views/partials/observables/details/artifact-details-information.html b/ui/app/views/partials/observables/details/artifact-details-information.html
@@ -98,7 +98,7 @@ <h4 class="vpad10 text-primary">Links</h4>
                 </tr>
             </thead>
             <tbody>
-                <tr ng-repeat="a in similarArtifacts" style="cursor: pointer;" ng-click="openArtifact(a)" uib-tooltip="{{a.message}}" tooltip-popup-delay="500" tooltip-placement="bottom">
+                <tr ng-repeat="a in similarArtifacts | limitTo:similarArtifactsLimit" style="cursor: pointer;" ng-click="openArtifact(a)" uib-tooltip="{{a.message}}" tooltip-popup-delay="500" tooltip-placement="bottom">
                     <td align="center">
                         <span class="clickable fa"
                           ng-class="{true: 'fa-star', false: 'fa-star-o'}[a.ioc]"
@@ -116,5 +116,8 @@ <h4 class="vpad10 text-primary">Links</h4>
                 </tr>
             </tbody>
         </table>
+        <div class="mt-xxs text-center" ng-if="similarArtifactsLimit < similarArtifacts.length">
+            <a href ng-click="showMoreSimilar()"><i class="fa fa-angle-down"></i> Show more</a>
+        </div>
     </div>
 </div>