[ADF-2128] facet container component (#3094)

* (wip) facet container * shaping out the API * code lint fixes * radiobox facet example * fields selector facet * search limits support * scope locations facet example * move custom search to 'search.query' config * use facet fields and queries from the config file * use facet filters * use facet buckets in query * preserve expanded/checked states * code cleanup and binding fixes * fix apis after rebase * extract query builder into separate class * code improvements * full chip list (merge facet fields with queries) * placeholder for range requests * move search infrastructure to ADF core * cleanup code * auto-search on init * move search components to the content services * selected facets chip list * split into separate components at ADF level * move the rest of the implementation to ADF * facet builder fixes and tests * translation support for category names * docs placeholders * update language level * unit tests and packaging updates * fix after rebase * remove fdescribe * some docs on search settings * rename components as per review * simplify chip list as per review * turn query builder into service * improve search service, integrate old search results * fix node selector integration * move service to the top module * update tests * remove fdescribe * update tests * test fixes * test fixes * test updates * fix tests * code and test fixes * remove fit * fix tests * fix tests * remove obsolete test * increase bundle threshold * update docs to reflect PR changes * fix docs
2025-07-24 17:32:15 +00:00 · 2018-03-29 11:34:09 +01:00
parent d6f51c22aa
commit ed48994e67
59 changed files with 2328 additions and 183 deletions
--- a/lib/content-services/search/components/search-fields/search-fields.component.html
+++ b/lib/content-services/search/components/search-fields/search-fields.component.html
@@ -0,0 +1,6 @@
+<mat-checkbox
+    *ngFor="let option of settings.options"
+    [checked]="option.checked"
+    (change)="changeHandler($event, option)">
+    {{ option.name }}
+</mat-checkbox>
--- a/lib/content-services/search/components/search-fields/search-fields.component.scss
+++ b/lib/content-services/search/components/search-fields/search-fields.component.scss
@@ -0,0 +1,8 @@
+.adf-search-fields {
+    display: flex;
+    flex-direction: column;
+
+    .mat-checkbox {
+        margin: 5px;
+    }
+}
--- a/lib/content-services/search/components/search-fields/search-fields.component.ts
+++ b/lib/content-services/search/components/search-fields/search-fields.component.ts
@@ -0,0 +1,70 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, ViewEncapsulation, OnInit, Input } from '@angular/core';
+import { MatCheckboxChange } from '@angular/material';
+
+import { SearchWidget } from '../../search-widget.interface';
+import { SearchWidgetSettings } from '../../search-widget-settings.interface';
+import { SearchQueryBuilderService } from '../../search-query-builder.service';
+
+@Component({
+    selector: 'adf-search-fields',
+    templateUrl: './search-fields.component.html',
+    styleUrls: ['./search-fields.component.scss'],
+    encapsulation: ViewEncapsulation.None,
+    host: { class: 'adf-search-fields' }
+})
+export class SearchFieldsComponent implements SearchWidget, OnInit {
+
+    @Input()
+    value: string;
+
+    id: string;
+    settings: SearchWidgetSettings;
+    context: SearchQueryBuilderService;
+
+    ngOnInit() {
+        const defaultOptions = (this.settings.options || [])
+            .filter(opt => opt.default)
+            .map(opt => {
+                opt.checked = true;
+                return opt;
+            });
+
+        if (defaultOptions.length > 0) {
+            this.flush(defaultOptions);
+        }
+    }
+
+    changeHandler(event: MatCheckboxChange, option: any) {
+        option.checked = event.checked;
+        this.flush(this.settings.options);
+    }
+
+    flush(opts: any[] = []) {
+        const checkedValues = opts
+            .filter(v => v.checked)
+            .map(v => v.fields)
+            .reduce((prev, curr) => {
+                return prev.concat(curr);
+            }, []);
+
+        this.context.fields[this.id] = checkedValues;
+        this.context.update();
+    }
+}