From 9e1a90adc85830eb71e09760111cc4a4fd756ecd Mon Sep 17 00:00:00 2001 From: Denys Vuika Date: Fri, 30 Aug 2019 16:31:11 +0100 Subject: [PATCH] [ADF-4854] sticky header for task list (#5036) * sticky header for task list * fix html * add docs * update code docs --- .../components/process-list-cloud.component.md | 1 + .../components/task-list-cloud.component.md | 1 + .../task/task-list/components/task-list-cloud.component.html | 1 + .../task/task-list/components/task-list-cloud.component.ts | 4 ++++ 4 files changed, 7 insertions(+) diff --git a/docs/process-services-cloud/components/process-list-cloud.component.md b/docs/process-services-cloud/components/process-list-cloud.component.md index 1f7ad0b23c..2ac4f2b4d4 100644 --- a/docs/process-services-cloud/components/process-list-cloud.component.md +++ b/docs/process-services-cloud/components/process-list-cloud.component.md @@ -67,6 +67,7 @@ when the process list is empty: | selectionMode | `string` | "single" | Row selection mode. Can be "none", "single" or "multiple". For multiple mode, you can use Cmd (macOS) or Ctrl (Win) modifier key to toggle selection for multiple rows. | | sorting | [`ProcessListCloudSortingModel`](../../../lib/process-services-cloud/src/lib/process/process-list/models/process-list-sorting.model.ts)`[]` | | Array of objects specifying the sort order and direction for the list. The sort parameters are for BE sorting. | | status | `string` | "" | Filter the processes to display only the ones with this status. | +| stickyHeader | `boolean` | false | Toggles the sticky header mode. | ### Events diff --git a/docs/process-services-cloud/components/task-list-cloud.component.md b/docs/process-services-cloud/components/task-list-cloud.component.md index b4e716855e..04c754085b 100644 --- a/docs/process-services-cloud/components/task-list-cloud.component.md +++ b/docs/process-services-cloud/components/task-list-cloud.component.md @@ -70,6 +70,7 @@ when the task list is empty: | sorting | [`TaskListCloudSortingModel`](../../../lib/process-services-cloud/src/lib/task/task-list/models/task-list-sorting.model.ts)`[]` | | Specifies how the table should be sorted. The parameters are for BE sorting. | | standAlone | `boolean` | false | Filter the tasks. Display only the tasks that belong to a process in case is false or tasks that doesn't belong to a process in case of true. | | status | `string` | "" | Filter the tasks. Display only tasks with status equal to the supplied value. | +| stickyHeader | `boolean` | false | Toggles the sticky header mode. | ### Events diff --git a/lib/process-services-cloud/src/lib/task/task-list/components/task-list-cloud.component.html b/lib/process-services-cloud/src/lib/task/task-list/components/task-list-cloud.component.html index 1b70a863b6..fb54636ad0 100644 --- a/lib/process-services-cloud/src/lib/task/task-list/components/task-list-cloud.component.html +++ b/lib/process-services-cloud/src/lib/task/task-list/components/task-list-cloud.component.html @@ -6,6 +6,7 @@ [loading]="isLoading" [multiselect]="multiselect" [selectionMode]="selectionMode" + [stickyHeader]="stickyHeader" (row-select)="onRowSelect($event)" (row-unselect)="onRowUnselect($event)" (rowClick)="onRowClick($event)" diff --git a/lib/process-services-cloud/src/lib/task/task-list/components/task-list-cloud.component.ts b/lib/process-services-cloud/src/lib/task/task-list/components/task-list-cloud.component.ts index 92acdd26dc..5080dd93c9 100644 --- a/lib/process-services-cloud/src/lib/task/task-list/components/task-list-cloud.component.ts +++ b/lib/process-services-cloud/src/lib/task/task-list/components/task-list-cloud.component.ts @@ -117,6 +117,10 @@ export class TaskListCloudComponent extends DataTableSchema implements OnChanges @Input() multiselect: boolean = false; + /** Toggles the sticky header mode. */ + @Input() + stickyHeader: boolean = false; + /** * Specifies how the table should be sorted. The parameters are for BE sorting. */