From 6c1bd522e6bb9d1ee5edcd623752077cf380683d Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Mon, 2 May 2016 11:36:20 -0700
Subject: [PATCH] add pagination

---
 webadmin/src/views/activity.html |  9 +++++++--
 webadmin/src/views/activity.js   | 21 ++++++++++++++++++++-
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/webadmin/src/views/activity.html b/webadmin/src/views/activity.html
index a53732d91..d0acb6b91 100644
--- a/webadmin/src/views/activity.html
+++ b/webadmin/src/views/activity.html
@@ -2,15 +2,20 @@
 <br/>
 
 <div class="row">
-    <div class="col-md-8 col-md-offset-2">
+    <div class="col-md-8 col-md-offset-1">
         <h1>Activity Log</h1>
     </div>
+
+    <div class="pagination col-md-offset-1">
+      <button class="btn btn-default btn-outline" ng-click="showPrevPage()" ng-disabled="busy || currentPage <= 1"><i class="fa fa-angle-double-left"></i> prev</button>
+      <button class="btn btn-default btn-outline" ng-click="showNextPage()" ng-disabled="busy || pageItems > eventLogs.length">next <i class="fa fa-angle-double-right"></i></button>
+  </div>
 </div>
 
 <br/>
 
 <div class="row">
-    <div class="col-md-8 col-md-offset-2">
+    <div class="col-md-10 col-md-offset-1">
         <div class="card card-block" style="max-width: 100%">
             <table class="table table-striped table-condensed table-hover">
               <thead>
diff --git a/webadmin/src/views/activity.js b/webadmin/src/views/activity.js
index 720d818fa..9cd99fcfe 100644
--- a/webadmin/src/views/activity.js
+++ b/webadmin/src/views/activity.js
@@ -5,8 +5,16 @@ angular.module('Application').controller('ActivityController', ['$scope', '$loca
 
     $scope.eventLogs = [ ];
 
+    $scope.currentPage = 1;
+    $scope.pageItems = 20;
+
+
     function fetchEventLogs() {
-        Client.getEventLogs(1, 20, function (error, eventLogs) {
+        $scope.busy = true;
+
+        Client.getEventLogs($scope.currentPage, $scope.pageItems, function (error, eventLogs) {
+            $scope.busy = false;
+
             if (error) return console.error(error);
 
             $scope.eventLogs = eventLogs;
@@ -17,4 +25,15 @@ angular.module('Application').controller('ActivityController', ['$scope', '$loca
         fetchEventLogs();
     });
 
+    $scope.showNextPage = function () {
+        $scope.currentPage++;
+        fetchEventLogs();
+    };
+
+    $scope.showPrevPage = function () {
+        if ($scope.currentPage > 1) $scope.currentPage--;
+        else $scope.currentPage = 1;
+
+        fetchEventLogs();
+    };
 }]);