From 15911d1b315b9ade46c6a26950716749d235318c Mon Sep 17 00:00:00 2001
From: Hongwei <hongwei@tesobe.com>
Date: Fri, 17 Jan 2025 19:34:16 +0800
Subject: [PATCH] refactor/added the Pagination for Consumers page

---
 .../consumers/includes/filter_pagination.html        | 12 ++++++++++++
 apimanager/consumers/templates/consumers/index.html  |  7 +++++++
 apimanager/consumers/views.py                        |  6 +++++-
 3 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 apimanager/consumers/templates/consumers/includes/filter_pagination.html

diff --git a/apimanager/consumers/templates/consumers/includes/filter_pagination.html b/apimanager/consumers/templates/consumers/includes/filter_pagination.html
new file mode 100644
index 0000000..7736ca1
--- /dev/null
+++ b/apimanager/consumers/templates/consumers/includes/filter_pagination.html
@@ -0,0 +1,12 @@
+{% load i18n %}
+<form class="form-inline" method="get">
+    <div class="form-group">
+        <label for="offset">{% trans "Offset" %}:</label>
+        <input type="number" class="form-control" name="offset" id="offset" placeholder="0" value="{{ offset }}">
+    </div>
+    <div class="form-group">
+        <label for="limit">{% trans "Limit" %}:</label>
+        <input type="number" class="form-control" name="limit" id="limit" placeholder="50" value="{{ limit }}">
+    </div>
+    <input type="submit" class="btn btn-default" value ='{% trans "Refresh" %} ' onclick="javascript: form.action='';"></input>
+</form>
\ No newline at end of file
diff --git a/apimanager/consumers/templates/consumers/index.html b/apimanager/consumers/templates/consumers/index.html
index 20bb14b..8f31a45 100644
--- a/apimanager/consumers/templates/consumers/index.html
+++ b/apimanager/consumers/templates/consumers/index.html
@@ -44,6 +44,13 @@
 		</div>
 	</div>
 
+    <div class="row">
+        <div class="col-xs-12">
+            <h4>{% trans "Pagination" %}</h4>
+            {% include "consumers/includes/filter_pagination.html" %}
+        </div>
+    </div>
+
 	<h4>{% trans "Statistics" %}</h4>
 	<ul id="statistics">
 		<li>{% trans "Total number of consumers" %}: {{ statistics.consumers_num }} </li>
diff --git a/apimanager/consumers/views.py b/apimanager/consumers/views.py
index 6b53914..9e43f7e 100644
--- a/apimanager/consumers/views.py
+++ b/apimanager/consumers/views.py
@@ -69,7 +69,9 @@ class IndexView(LoginRequiredMixin, TemplateView):
         sorted_consumers=[]
         api = API(self.request.session.get('obp'))
         try:
-            urlpath = '/management/consumers'
+            limit = self.request.GET.get('limit', 50)
+            offset = self.request.GET.get('offset', 0)
+            urlpath = '/management/consumers?limit={}&offset={}'.format(limit, offset)
             consumers = api.get(urlpath)
             if 'code' in consumers and consumers['code'] >= 400:
                 messages.error(self.request, consumers['message'])
@@ -86,6 +88,8 @@ class IndexView(LoginRequiredMixin, TemplateView):
 
                 context.update({
                     'consumers': sorted_consumers,
+                    'limit': limit,
+                    'offset': offset,
                     'statistics': self.compile_statistics(consumers),
                 })
         except APIError as err: