rename te bad filter to be a generic component

Author: GuustMetz

…ponents/Filters/QcFlagTypesFilter/bad.js …ters/common/filters/radioButtonFilter.jslib/public/components/Filters/QcFlagTypesFilter/bad.js renamed to lib/public/components/Filters/common/filters/radioButtonFilter.js lib/public/components/Filters/QcFlagTypesFilter/bad.js renamed to lib/public/components/Filters/common/filters/radioButtonFilter.js

@@ -11,16 +11,18 @@
  * or submit itself to any jurisdiction.
  */
 
-import { radioButton } from '../../common/form/inputs/radioButton.js';
+import { radioButton } from '../../../common/form/inputs/radioButton.js';
 import { h } from '/js/src/index.js';
 
 /**
- * Radiobutton filter for the qcFlag 'bad' filter
- * @param {SelectionModel} selectionModel the a selectionmodel
+ * Radiobutton filter component
+ *
+ * @param {RadioSelectionModel} selectionModel the a selectionmodel
+ * @param {string} filterName the name of the filter
  * @return {vnode} A number of radiobuttons corresponding with the selection options
  */
-const badFilterRadioButtons = (selectionModel) => {
-    const name = 'badFilterRadio';
+const radioButtonFilter = (selectionModel, filterName) => {
+    const name = `${filterName}FilterRadio`;
     return h(
         '.form-group-header.flex-row.w-100',
         selectionModel.options.map((option) => {
@@ -33,4 +35,4 @@ const badFilterRadioButtons = (selectionModel) => {
     );
 };
 
-export default badFilterRadioButtons;
+export default radioButtonFilter;

lib/public/views/QcFlagTypes/ActiveColumns/qcFlagTypesActiveColumns.js

@@ -15,7 +15,7 @@ import { h } from '/js/src/index.js';
 import { formatTimestamp } from '../../../utilities/formatting/formatTimestamp.js';
 import { textFilter } from '../../../components/Filters/common/filters/textFilter.js';
 import { qcFlagTypeColoredBadge } from '../../../components/qcFlags/qcFlagTypeColoredBadge.js';
-import badFilterRadioButtons from '../../../components/Filters/QcFlagTypesFilter/bad.js';
+import radioButtonFilter from '../../../components/Filters/common/filters/radioButtonFilter.js';
 
 /**
  * List of active columns for a QC Flag Types table
@@ -54,7 +54,7 @@ export const qcFlagTypesActiveColumns = {
         name: 'Bad',
         visible: true,
         sortable: true,
-        filter: ({ filteringModel }) => badFilterRadioButtons(filteringModel.get('bad')),
+        filter: ({ filteringModel }) => radioButtonFilter(filteringModel.get('bad'), 'bad'),
         classes: 'f6 w-5',
         format: (bad) => bad ? h('.danger', 'Yes') : h('.success', 'No'),
     },