mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-31 17:38:48 +00:00
[ADF-2189] new search facets (#3230)
* slider facet * number range facet * unit tests * remove fdescribe * remove old demo-only content * remove old tests * Support "include" and "field" values with app config * exclude deprecated demo content from export checks
This commit is contained in:
committed by
Eugenio Romano
parent
b7fc44d576
commit
3a51c27f66
@@ -0,0 +1,8 @@
|
||||
<mat-slider
|
||||
[value]="value"
|
||||
[min]="min"
|
||||
[max]="max"
|
||||
[step]="step"
|
||||
[thumbLabel]="thumbLabel"
|
||||
(change)="onChangedHandler($event)">
|
||||
</mat-slider>
|
@@ -0,0 +1,5 @@
|
||||
.adf-search-slider {
|
||||
.mat-slider {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
@@ -0,0 +1,73 @@
|
||||
/*!
|
||||
* @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 { MatSliderChange } from '@angular/material';
|
||||
import { SearchSliderComponent } from './search-slider.component';
|
||||
|
||||
describe('SearchSliderComponent', () => {
|
||||
|
||||
let component: SearchSliderComponent;
|
||||
|
||||
beforeEach(() => {
|
||||
component = new SearchSliderComponent();
|
||||
});
|
||||
|
||||
it('should setup slider from settings', () => {
|
||||
const settings: any = {
|
||||
min: 10,
|
||||
max: 100,
|
||||
step: 2,
|
||||
thumbLabel: true
|
||||
};
|
||||
|
||||
component.settings = settings;
|
||||
component.ngOnInit();
|
||||
|
||||
expect(component.min).toEqual(settings.min);
|
||||
expect(component.max).toEqual(settings.max);
|
||||
expect(component.step).toEqual(settings.step);
|
||||
expect(component.thumbLabel).toEqual(settings.thumbLabel);
|
||||
});
|
||||
|
||||
it('should update value on slider change', () => {
|
||||
component.onChangedHandler(<MatSliderChange> { value: 10 });
|
||||
expect(component.value).toEqual(10);
|
||||
|
||||
component.onChangedHandler(<MatSliderChange> { value: 20 });
|
||||
expect(component.value).toEqual(20);
|
||||
});
|
||||
|
||||
it('should update its query part on slider change', () => {
|
||||
const context: any = {
|
||||
queryFragments: {},
|
||||
update() {}
|
||||
};
|
||||
|
||||
spyOn(context, 'update').and.stub();
|
||||
|
||||
component.context = context;
|
||||
component.id = 'contentSize';
|
||||
component.settings = { field: 'cm:content.size' };
|
||||
|
||||
component.onChangedHandler(<MatSliderChange> { value: 10 });
|
||||
|
||||
const expectedQuery = 'cm:content.size:[0 TO 10]';
|
||||
expect(context.queryFragments[component.id]).toEqual(expectedQuery);
|
||||
expect(context.update).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
});
|
@@ -0,0 +1,69 @@
|
||||
/*!
|
||||
* @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 } from '@angular/core';
|
||||
import { SearchWidget } from '../../search-widget.interface';
|
||||
import { SearchWidgetSettings } from '../../search-widget-settings.interface';
|
||||
import { SearchQueryBuilderService } from '../../search-query-builder.service';
|
||||
import { MatSliderChange } from '@angular/material';
|
||||
|
||||
@Component({
|
||||
selector: 'adf-search-slider',
|
||||
templateUrl: './search-slider.component.html',
|
||||
styleUrls: ['./search-slider.component.scss'],
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
host: { class: 'adf-search-slider' }
|
||||
})
|
||||
export class SearchSliderComponent implements SearchWidget, OnInit {
|
||||
|
||||
id: string;
|
||||
settings: SearchWidgetSettings;
|
||||
context: SearchQueryBuilderService;
|
||||
step: number;
|
||||
min: number;
|
||||
max: number;
|
||||
thumbLabel = false;
|
||||
value: number;
|
||||
|
||||
ngOnInit() {
|
||||
if (this.settings) {
|
||||
if (this.settings.hasOwnProperty('min')) {
|
||||
this.min = this.settings['min'];
|
||||
}
|
||||
|
||||
if (this.settings.hasOwnProperty('max')) {
|
||||
this.max = this.settings['max'];
|
||||
}
|
||||
|
||||
if (this.settings.hasOwnProperty('step')) {
|
||||
this.step = this.settings['step'];
|
||||
}
|
||||
|
||||
this.thumbLabel = this.settings['thumbLabel'] ? true : false;
|
||||
}
|
||||
}
|
||||
|
||||
onChangedHandler(event: MatSliderChange) {
|
||||
this.value = event.value;
|
||||
|
||||
if (this.id && this.context && this.settings && this.settings.field) {
|
||||
this.context.queryFragments[this.id] = `${this.settings.field}:[0 TO ${this.value}]`;
|
||||
this.context.update();
|
||||
}
|
||||
}
|
||||
|
||||
}
|
Reference in New Issue
Block a user