inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

ACS-7402: search components [ci:force]

Browse Source
This commit is contained in:
Denys Vuika
2024-07-25 15:18:04 -04:00
parent 6ca737a752
commit 499b6936b8
2 changed files with 23 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.ts
View File

@@ -16,13 +16,17 @@
*/
import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { MatCheckboxChange } from '@angular/material/checkbox';
import { MatCheckboxChange, MatCheckboxModule } from '@angular/material/checkbox';
import { SearchWidget } from '../../models/search-widget.interface';
import { SearchWidgetSettings } from '../../models/search-widget-settings.interface';
import { SearchQueryBuilderService } from '../../services/search-query-builder.service';
import { SearchFilterList } from '../../models/search-filter-list.model';
import { TranslationService } from '@alfresco/adf-core';
import { Subject } from 'rxjs';
import { CommonModule } from '@angular/common';
import { TranslateModule } from '@ngx-translate/core';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
export interface SearchListOption {
name: string;
@@ -32,13 +36,14 @@ export interface SearchListOption {
@Component({
selector: 'adf-search-check-list',
standalone: true,
imports: [CommonModule, MatCheckboxModule, TranslateModule, MatButtonModule, MatIconModule],
templateUrl: './search-check-list.component.html',
styleUrls: ['./search-check-list.component.scss'],
encapsulation: ViewEncapsulation.None,
host: { class: 'adf-search-check-list' }
})
export class SearchCheckListComponent implements SearchWidget, OnInit {
id: string;
settings?: SearchWidgetSettings;
context?: SearchQueryBuilderService;
@@ -101,7 +106,7 @@ export class SearchCheckListComponent implements SearchWidget, OnInit {
updateDisplayValue(): void {
const displayValue = this.options.items
.filter((option) => option.checked)
.map(({name}) => this.translationService.instant(name))
.map(({ name }) => this.translationService.instant(name))
.join(', ');
this.displayValue$.next(displayValue);
}
@@ -125,15 +130,12 @@ export class SearchCheckListComponent implements SearchWidget, OnInit {
}
setValue(value: any) {
this.options.items.filter((item) => value.includes(item.value))
.map((item) => item.checked = true);
this.options.items.filter((item) => value.includes(item.value)).map((item) => (item.checked = true));
this.submitValues();
}
private getCheckedValues() {
return this.options.items
.filter((option) => option.checked)
.map((option) => option.value);
return this.options.items.filter((option) => option.checked).map((option) => option.value);
}
submitValues() {

16
lib/content-services/src/lib/search/search.module.ts
View File

@@ -57,8 +57,19 @@ import { SearchFacetChipTabbedComponent } from './components/search-filter-chips
import { SearchFacetTabbedContentComponent } from './components/search-filter-chips/search-facet-chip-tabbed/search-facet-tabbed-content.component';
import { SearchInputComponent } from './components/search-input';
export const CONTENT_SEARCH_DIRECTIVES = [SearchCheckListComponent] as const;
@NgModule({
imports: [CommonModule, FormsModule, ReactiveFormsModule, MaterialModule, CoreModule, SearchTextModule, SearchInputComponent],
imports: [
...CONTENT_SEARCH_DIRECTIVES,
CommonModule,
FormsModule,
ReactiveFormsModule,
MaterialModule,
CoreModule,
SearchTextModule,
SearchInputComponent
],
declarations: [
SearchComponent,
SearchControlComponent,
@@ -74,7 +85,6 @@ import { SearchInputComponent } from './components/search-input';
SearchSliderComponent,
SearchNumberRangeComponent,
SearchPanelComponent,
SearchCheckListComponent,
SearchDatetimeRangeComponent,
SearchSortingPickerComponent,
SearchFilterContainerComponent,
@@ -109,7 +119,7 @@ import { SearchInputComponent } from './components/search-input';
SearchSliderComponent,
SearchNumberRangeComponent,
SearchPanelComponent,
SearchCheckListComponent,
...CONTENT_SEARCH_DIRECTIVES,
SearchDatetimeRangeComponent,
SearchSortingPickerComponent,
SearchFilterContainerComponent,