Vito 29d953e2d1
ACA-3426 - Search Headers for Document List (#5800)
* [ACA-3426] Move filter-menu inside search and renamed as search-header

* [ACA-3426] adf-search-header removed from document-list and implemented in app-files

* [ACA-3426] Allow custom header filters inside document-list

* [ACA-3426] Decouple search from the document-list

* [ACA-3409] NodePaging ouputed to the DL

* [ACA-3426] - fixed injection for service

* Dev baptiste aca 3430 (#5773)

* [ACA-3430] Add style to filter and hide action buttons from facet widgets

* [ACA-3430] Update eventEmitter created in the DL and create  unit tests for the search-header

Co-authored-by: BaptisteMahe <mahe.baptiste.19@gmail.com>

* [ACA-3426] - added parent for service

* [ACA-3426] - added parent for service - fixed method

* [ACA-3426] Revert update EventEmitter inside DL

* [ACA-3436] Use of the node input instead of nodeUpdate mehtod

* [ACA-3426] Add clear behaviour to search-header

* [ACA-3426] Remove useless update exposition

* [ACA-3426] Update filter button styles and padding inside the filter menu

* [ACA-3443] Propagate filters states through DL and datatable to avoid hiding the header

* [ACA-3426] Refactor showHeader logic and use it for the filters

* [ACA-3426] - fixed pagination for filter result

* [ACA-3426] - fixed messed files after rebase

* [ACA-3426] - added simplified config version

* [ACA-3426] - enabling created by filter

* [ACA-3426] Fix search-date-range apply method

* [ACA-3426] Fix loading style and default showHeaderMode

* [ACA-3426] Changed showHedaer default to always

* [ACA-3426] - stabilised the feature and added injection token

* [ACA-3426] Add unit test for showHeader new behaviour

* [ACA-3426] Add documentation to search-header

* [ACA-3426] - added parent filtering for special folders

* [ACA-3426] - added unit test for search header

* [ACA-3426] - fixed search fitler behavour

* [ACA-3426] - fixed search result inject service

* [ACA-3426] - fixed search result inject service for search sorting

* [ACA-3426] - fixed title for matching selector

* [ACA-3426] - fixed app config with missing search widget

* Update search-header.component.md

Co-authored-by: BaptisteMahe <mahe.baptiste.19@gmail.com>
Co-authored-by: Eugenio Romano <eromano@users.noreply.github.com>
2020-06-22 09:24:57 +01:00

3.3 KiB

Title, Added, Status, Last reviewed
Title Added Status Last reviewed
SearchHeader component v3.9.0 Active 2020-19-06

SearchHeader component

Displays a button opening a menu designed to filter a document list.

SearchHeader demo

Contents

Basic usage

app.component.html

<adf-document-list
    ...
    ...> 
    <adf-custom-header-filter-template>
        <ng-template let-col>
            <adf-search-header [col]="col"
                                [currentFolderNodeId]="currentFolderId"
                                [maxItems]="pagination?.maxItems"
                                [skipCount]="pagination?.skipCount"
                                (update)="onFilterUpdate($event)"
                                (clear)="onAllFilterCleared()">
            </adf-search-header>
        </ng-template>
    </adf-custom-header-filter-template>
</adf-document-list>

app.config.json

This component is designed to be used as transcluded inside the document list component. With the good configurations it will allow the user to filter the data displayed by that component.

Class members

Properties

Name Type Default value Description
col DataColumn The column the filter will be applied on.
currentFolderNodeId string The id of the current folder of the document list.
maxItems number Pagination parameter coming from the document list.
skipCount number An other pagination parameter coming from the document list.
widgetContainer SearchWidgetContainerComponent View of the child facet widget generated inside the menu. Used to control that widget through the apply and clear buttons.
isActive boolean A boolean telling if the current data displayed in the document list is affected by that filter.
category SearchCategory The category of the filter. It contains the information regarding the way the filter is filtering the data. This is get with the column information and the configuration of the search-header inside the config file
isFilterServiceActive boolean Boolean to check if the SearchHeaderQueryBuilderService is active

Events

Name Type Description
update EventEmitter<NodePaging> Emitted when the result of the filter is received from the API, should be passed to the node member of the document list.
clear EventEmitter<any> Emitted when the last of all the filters is cleared. This should be used to trigger a reload() of the document list with no node member.

See also