feat: replace qcFlagType bad filter with radioButtonFilterModel

Author: GuustMetz

lib/public/components/Filters/common/RadioButtonFilterModel.js

@@ -0,0 +1,34 @@
+/**
+ * @license
+ * Copyright CERN and copyright holders of ALICE O2. This software is
+ * distributed under the terms of the GNU General Public License v3 (GPL
+ * Version 3), copied verbatim in the file "COPYING".
+ *
+ * See http://alice-o2.web.cern.ch/license for full licensing information.
+ *
+ * In applying this license CERN does not waive the privileges and immunities
+ * granted to it by virtue of its status as an Intergovernmental Organization
+ * or submit itself to any jurisdiction.
+ */
+
+import { SelectionModel } from '../../common/selection/SelectionModel.js';
+
+/**
+ * Model for managing a radiobutton view and state
+ */
+export class RadioButtonFilterModel extends SelectionModel {
+    /**
+     * Constructor
+     *
+     * @param {SelectionOption[]} [availableOptions] the list of possible operators
+     * @param {function} [setDefault] function that selects the default from the list of available options. Selects first entry by default
+     */
+    constructor(availableOptions, setDefault = (options) => [options[0]]) {
+        super({
+            availableOptions,
+            defaultSelection: setDefault(availableOptions),
+            multiple: false,
+            allowEmpty: false,
+        });
+    }
+}

lib/public/views/QcFlagTypes/Overview/QcFlagTypesOverviewModel.js

@@ -13,9 +13,9 @@
 
 import { TextTokensFilterModel } from '../../../components/Filters/common/filters/TextTokensFilterModel.js';
 import { OverviewPageModel } from '../../../models/OverviewModel.js';
-import { SelectionModel } from '../../../components/common/selection/SelectionModel.js';
 import { buildUrl } from '/js/src/index.js';
 import { FilteringModel } from '../../../components/Filters/common/FilteringModel.js';
+import { RadioButtonFilterModel } from '../../../components/Filters/common/RadioButtonFilterModel.js';
 
 /**
  * QcFlagTypesOverviewModel
@@ -30,12 +30,7 @@ export class QcFlagTypesOverviewModel extends OverviewPageModel {
         this._filteringModel = new FilteringModel({
             names: new TextTokensFilterModel(),
             methods: new TextTokensFilterModel(),
-            bad: new SelectionModel({
-                availableOptions: [{ label: 'Any' }, { label: 'Bad', value: true }, { label: 'Not Bad', value: false }],
-                defaultSelection: [{ label: 'Any' }],
-                allowEmpty: false,
-                multiple: false,
-            }),
+            bad: new RadioButtonFilterModel([{ label: 'Any' }, { label: 'Bad', value: true }, { label: 'Not Bad', value: false }]),
         });
 
         this._filteringModel.observe(() => {