feat(3200): incorporating selection to render number of historical bu…

…ilds in jobs list view (#1291) Co-authored-by: Ming-Hay <[email protected]>
screwdriver-cd · Dec 12, 2024 · 31c19e3 · 31c19e3
1 parent 725f299
commit 31c19e3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/app/components/pipeline/jobs/table/component.js b/app/components/pipeline/jobs/table/component.js
@@ -26,8 +26,14 @@ export default class PipelineJobsTableComponent extends Component {
     },
     {
       title: 'HISTORY',
+      propertyName: 'history',
       className: 'history-column',
-      component: 'historyCell'
+      component: 'historyCell',
+      filterFunction: async (_, filterVal) => {
+        await this.dataReloader.setNumBuilds(filterVal);
+      },
+      filterWithSelect: true,
+      predefinedFilterOptions: ['5', '10', '15', '20', '25', '30']
     },
     {
       title: 'DURATION',

diff --git a/app/components/pipeline/jobs/table/dataReloader.js b/app/components/pipeline/jobs/table/dataReloader.js
@@ -97,8 +97,12 @@ export default class DataReloader {
       });
   }
 
-  setNumBuilds(numBuilds) {
+  async setNumBuilds(numBuilds) {
+    if (this.numBuilds === numBuilds) {
+      return;
+    }
     this.numBuilds = numBuilds;
+    await this.fetchBuildsForJobs(this.jobIdsMatchingFilter);
   }
 
   start() {