chore: add filteringmodel to QcFlagTypesOverviewModel

Author: GuustMetz

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

@@ -15,6 +15,7 @@ import { TextTokensFilterModel } from '../../../components/Filters/common/filter
 import { OverviewPageModel } from '../../../models/OverviewModel.js';
 import { SelectionModel } from '../../../components/common/selection/SelectionModel.js';
 import { buildUrl } from '/js/src/index.js';
+import { FilterModel } from '../../../components/Filters/common/FilterModel.js';
 
 /**
  * QcFlagTypesOverviewModel
@@ -26,13 +27,18 @@ export class QcFlagTypesOverviewModel extends OverviewPageModel {
     constructor() {
         super();
 
+        this._filteringModel = new FilterModel({});
+
         this._namesFilterModel = new TextTokensFilterModel();
         this._registerFilter(this._namesFilterModel);
         this._methodsFilterModel = new TextTokensFilterModel();
         this._registerFilter(this._methodsFilterModel);
         this._isBadFilterModel =
             new SelectionModel({ availableOptions: [{ label: 'Bad', value: true }, { label: 'Not Bad', value: false }] });
         this._registerFilter(this._isBadFilterModel);
+
+        this._filteringModel.observe(() => this._applyFilters());
+        this._filteringModel.visualChange$.bubbleTo(this);
     }
 
     /**
@@ -53,6 +59,15 @@ export class QcFlagTypesOverviewModel extends OverviewPageModel {
         return buildUrl('/api/qcFlagTypes', params);
     }
 
+    /**
+     * Return the model managing all filters
+     *
+     * @return {FilteringModel} the filtering model
+     */
+    get filteringModel() {
+        return this._filteringModel;
+    }
+
     /**
      * Get names filter model
      *