feat: replace epn's filter component with the common radioButton componnent

Author: GuustMetz

lib/public/views/Runs/ActiveColumns/runsActiveColumns.js

@@ -14,9 +14,6 @@
 import { CopyToClipboardComponent, h } from '/js/src/index.js';
 import { runNumbersFilter } from '../../../components/Filters/RunsFilter/runNumbersFilter.js';
 import { displayRunEorReasonsOverview } from '../format/displayRunEorReasonOverview.js';
-import ddflpFilter from '../../../components/Filters/RunsFilter/ddflp.js';
-import dcsFilter from '../../../components/Filters/RunsFilter/dcs.js';
-import epnFilter from '../../../components/Filters/RunsFilter/epn.js';
 import { formatTimestamp } from '../../../utilities/formatting/formatTimestamp.js';
 import { displayRunDuration } from '../format/displayRunDuration.js';
 import { frontLink } from '../../../components/common/navigation/frontLink.js';
@@ -552,7 +549,7 @@ export const runsActiveColumns = {
         classes: 'w-2 f6 w-wrapped',
         format: (boolean) => boolean ? 'On' : 'Off',
         exportFormat: (boolean) => boolean ? 'On' : 'Off',
-        filter: epnFilter,
+        filter: ({ filteringModel }) => radioButtonFilter(filteringModel.get('epn'), 'epn'),
     },
     epnTopology: {
         name: 'EPN Topology',

lib/public/views/Runs/Overview/RunsOverviewModel.js

@@ -93,6 +93,7 @@ export class RunsOverviewModel extends OverviewPageModel {
             inelasticInteractionRateAtEnd: new NumericalComparisonFilterModel(),
             ddflp: new RadioButtonFilterModel([{ label: 'ANY' }, { label: 'ON', value: true }, { label: 'OFF', value: false }]),
             dcs: new RadioButtonFilterModel([{ label: 'ANY' }, { label: 'ON', value: true }, { label: 'OFF', value: false }]),
+            epn: new RadioButtonFilterModel([{ label: 'ANY' }, { label: 'ON', value: true }, { label: 'OFF', value: false }]),
         });
 
         this._filteringModel.observe(() => this._applyFilters(true));
@@ -150,10 +151,6 @@ export class RunsOverviewModel extends OverviewPageModel {
 
         this._triggerValuesFilters = new Set();
 
-        this.dcsFilter = '';
-
-        this.epnFilter = '';
-
         if (fetch) {
             this._applyFilters(true);
         }
@@ -164,10 +161,7 @@ export class RunsOverviewModel extends OverviewPageModel {
      * @return {Boolean} If any filter is active
      */
     isAnyFilterActive() {
-        return this._filteringModel.isAnyFilterActive()
-               || this._triggerValuesFilters.size !== 0
-               || this.dcsFilter !== ''
-               || this.epnFilter !== '';
+        return this._filteringModel.isAnyFilterActive() || this._triggerValuesFilters.size !== 0;
     }
 
     /**
@@ -197,33 +191,6 @@ export class RunsOverviewModel extends OverviewPageModel {
         this._applyFilters();
     }
 
-    /**
-     * Returns the boolean of epn
-     * @return {Boolean} if epn is on
-     */
-    getEpnFilterOperation() {
-        return this.epnFilter;
-    }
-
-    /**
-     * Sets the boolean of the filter if no new inputs were detected for 200 milliseconds
-     * @param {boolean} operation if the epn is on
-     * @return {undefined}
-     */
-    setEpnFilterOperation(operation) {
-        this.epnFilter = operation;
-        this._applyFilters();
-    }
-
-    /**
-     * Unchecks the epn checkbox and fetches all the runs.
-     * @return {undefined}
-     */
-    removeEpn() {
-        this.epnFilter = '';
-        this._applyFilters();
-    }
-
     /**
      * Returns the list of URL params corresponding to the currently applied filter
      *
@@ -235,11 +202,8 @@ export class RunsOverviewModel extends OverviewPageModel {
         return {
             ...this._triggerValuesFilters.size !== 0 && {
                 'filter[triggerValues]': Array.from(this._triggerValuesFilters).join(),
-            },
-            ...(this.epnFilter === true || this.epnFilter === false) && {
-                'filter[epn]': this.epnFilter,
-            },
-        };
+            }
+        }
     }
 
     /**