[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:
Denys Vuika
2018-04-25 17:45:14 +01:00
committed by Eugenio Romano
parent b7fc44d576
commit 3a51c27f66
24 changed files with 493 additions and 323 deletions

View File

@@ -0,0 +1,8 @@
<mat-slider
[value]="value"
[min]="min"
[max]="max"
[step]="step"
[thumbLabel]="thumbLabel"
(change)="onChangedHandler($event)">
</mat-slider>

View File

@@ -0,0 +1,5 @@
.adf-search-slider {
.mat-slider {
width: 100%;
}
}

View File

@@ -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();
});
});

View File

@@ -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();
}
}
}