implement authorfilter with ParsedInputFilterModel changes

Author: Guust

lib/public/components/Filters/LogsFilter/author/AuthorFilterModel.js

@@ -11,19 +11,31 @@
  * or submit itself to any jurisdiction.
  */
 
-import { FilterInputModel } from '../../common/filters/FilterInputModel.js';
+import { ParsedInputFilterModel } from '../../common/filters/ParsedInputFilterModel.js';
+
+/**
+ * Parse raw author input into a normalized array.
+ *
+ * @param {string} raw a raw, comma-seperated string
+ * @returns {string}
+ */
+const parseAuthors = (raw) => raw
+    .split(',')
+    .map((author) => author.trim())
+    .filter(Boolean)
+    .join(',');
 
 /**
  * Model to handle the state of the Author Filter
  */
-export class AuthorFilterModel extends FilterInputModel {
+export class AuthorFilterModel extends ParsedInputFilterModel {
     /**
      * Constructor
      *
      * @constructor
      */
     constructor() {
-        super();
+        super(parseAuthors);
     }
 
     /**
@@ -49,21 +61,7 @@ export class AuthorFilterModel extends FilterInputModel {
             this._raw += super.isEmpty ? '!Anonymous' : ', !Anonymous';
         }
 
-        this._value = this.valueFromRaw(this._raw);
-        this.notify();
-    }
-
-    /**
-     * Reset the filter to its default value and notify the observers.
-     *
-     * @return {void}
-     */
-    clear() {
-        if (this.isEmpty) {
-            return;
-        }
-
-        super.reset();
+        this._value = this._parse(this._raw);
         this.notify();
     }
 }

lib/public/components/Filters/LogsFilter/author/authorFilter.js

@@ -36,7 +36,7 @@ const authorFilterTextInput = (authorFilterModel) => h('input.w-40', {
  */
 const resetAuthorFilterButton = (authorFilterModel) => h(
     '.btn.btn-pill.f7',
-    { disabled: authorFilterModel.isEmpty, onclick: () => authorFilterModel.clear() },
+    { disabled: authorFilterModel.isEmpty, onclick: () => authorFilterModel.reset() },
     iconX(),
 );