/*! * @license * Copyright 2019 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 { SearchWidget } from '../../search-widget.interface'; import { SearchWidgetSettings } from '../../search-widget-settings.interface'; import { SearchQueryBuilderService } from '../../search-query-builder.service'; @Component({ selector: 'adf-search-text', templateUrl: './search-text.component.html', styleUrls: ['./search-text.component.scss'], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-text' } }) export class SearchTextComponent implements SearchWidget, OnInit { /** The content of the text box. */ @Input() value = ''; id: string; settings: SearchWidgetSettings; context: SearchQueryBuilderService; ngOnInit() { if (this.context && this.settings && this.settings.pattern) { const pattern = new RegExp(this.settings.pattern, 'g'); const match = pattern.exec(this.context.queryFragments[this.id] || ''); if (match && match.length > 1) { this.value = match[1]; } } } reset() { this.value = ''; this.updateQuery(null); } onChangedHandler(event) { this.value = event.target.value; this.updateQuery(this.value); } private updateQuery(value: string) { if (this.context && this.settings && this.settings.field) { this.context.queryFragments[this.id] = value ? `${this.settings.field}:'${value}'` : ''; this.context.update(); } } }