From 67b28106154708b7d626c66fe161c3d3c7396585 Mon Sep 17 00:00:00 2001
From: vinny <vinny.inverso@gmail.com>
Date: Mon, 3 Jul 2023 13:43:31 -0400
Subject: [PATCH] HARMONY-1493: Let the user choose their own page size

---
 app/frontends/workflow-ui.ts                   | 4 ++--
 app/views/workflow-ui/job/index.mustache.html  | 5 ++++-
 app/views/workflow-ui/jobs/index.mustache.html | 5 ++++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/frontends/workflow-ui.ts b/app/frontends/workflow-ui.ts
index fa6b08723..5324d2a15 100644
--- a/app/frontends/workflow-ui.ts
+++ b/app/frontends/workflow-ui.ts
@@ -295,7 +295,7 @@ export async function getJob(
   try {
     const isAdmin = await isAdminUser(req);
     const job = await getJobIfAllowed(jobID, req.user, isAdmin, req.accessToken, true);
-    const { page, limit } = getPagingParams(req, 1000);
+    const { page, limit } = getPagingParams(req, 100);
     const requestQuery = keysToLowerCase(req.query);
     const fromDateTime = requestQuery.fromdatetime;
     const toDateTime = requestQuery.todatetime;
@@ -452,7 +452,7 @@ export async function getWorkItemsTable(
       res.status(204).json({ status: job.status });
       return;
     }
-    const { page, limit } = getPagingParams(req, env.defaultJobListPageSize);
+    const { page, limit } = getPagingParams(req, 100);
     const requestQuery = keysToLowerCase(req.query);
     const { tableQuery } = parseQuery(requestQuery, WorkItemStatus);
     const itemQuery = tableQueryToWorkItemQuery(tableQuery, jobID);
diff --git a/app/views/workflow-ui/job/index.mustache.html b/app/views/workflow-ui/job/index.mustache.html
index 5dd613605..7cc0357c8 100644
--- a/app/views/workflow-ui/job/index.mustache.html
+++ b/app/views/workflow-ui/job/index.mustache.html
@@ -60,7 +60,6 @@
                 <form id="work-items-query-form" action="./{{job.jobID}}" method="get" class="sticky-top pt-2">
                     <input type="hidden" name="jobID" value="{{job.jobID}}" />
                     <input type="hidden" name="page" value="{{page}}" />
-                    <input type="hidden" name="limit" value="{{limit}}" />
                     {{> workflow-ui/date-time-picker}}
                     <input name="tableFilter" class="form-control table-filter mb-2" placeholder="add a filter"
                         data-value="{{selectedFilters}}" data-is-admin-route="{{isAdminRoute}}">
@@ -70,6 +69,10 @@
                             negate statuses
                         </label>
                     </div>
+                    <div class="input-group mt-2">
+                      <span class="input-group-text">limit</span>
+                      <input name="limit" type="number" class="form-control" value="{{limit}}">
+                    </div>
                     <button type="submit" class="btn btn-primary btn-sm mt-3"><i class="bi bi-filter-circle"></i>
                         apply</button>
                 </form>
diff --git a/app/views/workflow-ui/jobs/index.mustache.html b/app/views/workflow-ui/jobs/index.mustache.html
index 884519d10..9cae521e6 100644
--- a/app/views/workflow-ui/jobs/index.mustache.html
+++ b/app/views/workflow-ui/jobs/index.mustache.html
@@ -46,7 +46,6 @@
             <div class="col-2">
                 <form id="jobs-query-form" action="./workflow-ui" method="get" class="sticky-top pt-2">
                     <input type="hidden" name="page" value="{{page}}" />
-                    <input type="hidden" name="limit" value="{{limit}}" />
                     {{> workflow-ui/date-time-picker}}
                     <input id="sort-granules" type="hidden" name="sortGranules" value="{{sortGranules}}" />
                     <input name="tableFilter" class="table-filter form-control mb-2" placeholder="add a filter"
@@ -72,6 +71,10 @@
                         </label>
                     </div>
                     {{/isAdminRoute}}
+                    <div class="input-group mt-2">
+                      <span class="input-group-text">limit</span>
+                      <input name="limit" type="number" class="form-control" value="{{limit}}">
+                    </div>
                     <button type="submit" class="btn btn-primary btn-sm mt-3"><i class="bi bi-filter-circle"></i> apply</button>
                 </form>
             </div>