mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
3b7f3a5762
* [ADF] - saving in the url the filter values * Fixed filter status on refresh * Fixed filter status on refresh * [ACA-3506] - added url filtering save * [ACA-3506] - fixed spellcheck * improve log * more log * fix scripts * Added documentation for allowUpdateOnChange setting * Added default value in description for docs Co-authored-by: Vito Albano <vitoalbano@Vitos-MacBook-Pro.local> Co-authored-by: Eugenio Romano <eugenio.romano@alfresco.com>
111 lines
3.2 KiB
TypeScript
111 lines
3.2 KiB
TypeScript
/*!
|
|
* @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;
|
|
startValue: string;
|
|
isActive = false;
|
|
enableChangeUpdate = true;
|
|
|
|
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 (this.settings.allowUpdateOnChange !== undefined &&
|
|
this.settings.allowUpdateOnChange !== null) {
|
|
this.enableChangeUpdate = this.settings.allowUpdateOnChange;
|
|
}
|
|
|
|
if (match && match.length > 1) {
|
|
this.value = match[1];
|
|
}
|
|
|
|
if (this.startValue) {
|
|
this.setValue(this.startValue);
|
|
}
|
|
}
|
|
}
|
|
|
|
reset() {
|
|
this.isActive = false;
|
|
|
|
this.value = '';
|
|
this.updateQuery(null);
|
|
}
|
|
|
|
onChangedHandler(event) {
|
|
this.value = event.target.value;
|
|
this.isActive = !!this.value;
|
|
if (this.enableChangeUpdate) {
|
|
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}:'${this.getSearchPrefix()}${value}${this.getSearchSuffix()}'` : '';
|
|
this.context.update();
|
|
}
|
|
|
|
}
|
|
|
|
submitValues() {
|
|
this.updateQuery(this.value);
|
|
}
|
|
|
|
hasValidValue() {
|
|
return !!this.value;
|
|
}
|
|
|
|
getCurrentValue() {
|
|
return this.value;
|
|
}
|
|
|
|
setValue(value: string) {
|
|
this.value = value;
|
|
this.submitValues();
|
|
}
|
|
|
|
private getSearchPrefix(): string {
|
|
return this.settings.searchPrefix ? this.settings.searchPrefix : '';
|
|
}
|
|
|
|
private getSearchSuffix(): string {
|
|
return this.settings.searchSuffix ? this.settings.searchSuffix : '';
|
|
}
|
|
|
|
}
|