From 6485ad71b42b027bc74e40060ee587888bc5eff7 Mon Sep 17 00:00:00 2001
From: Maurizio Vitale <maurizio.vitale@alfresco.com>
Date: Wed, 22 Apr 2020 13:34:51 +0100
Subject: [PATCH] [ACA-3170]Task/Process Add the sticky header feature (#5630)

* Add the sticky header feature

* Add html
---
 docs/process-services/components/process-list.component.md    | 1 +
 docs/process-services/components/task-list.component.md       | 1 +
 .../lib/process-list/components/process-list.component.html   | 1 +
 .../src/lib/process-list/components/process-list.component.ts | 4 ++++
 .../src/lib/task-list/components/task-list.component.html     | 1 +
 .../src/lib/task-list/components/task-list.component.ts       | 4 ++++
 6 files changed, 12 insertions(+)

diff --git a/docs/process-services/components/process-list.component.md b/docs/process-services/components/process-list.component.md
index 6fe5700df9..7f7906acf1 100644
--- a/docs/process-services/components/process-list.component.md
+++ b/docs/process-services/components/process-list.component.md
@@ -65,6 +65,7 @@ when the process list is empty:
 | sort | `string` |  | Defines the sort ordering of the list. Possible values are `created-desc`, `created-asc`, `ended-desc`, `ended-asc`. |
 | state | `string` |  | Defines the state of the processes. Possible values are `running`, `completed` and `all` |
 | showContextMenu | `boolean` | false | Toggles custom context menu for the component. |
+| stickyHeader | `boolean` | false | Toggles the sticky header mode. |
 
 ### Events
 
diff --git a/docs/process-services/components/task-list.component.md b/docs/process-services/components/task-list.component.md
index 15ec26bf81..0bb39c6b00 100644
--- a/docs/process-services/components/task-list.component.md
+++ b/docs/process-services/components/task-list.component.md
@@ -74,6 +74,7 @@ when the task list is empty:
 | state | `string` |  | Current state of the process. Possible values are: `completed`, `active`. |
 | taskId | `string` |  | The id of a task |
 | showContextMenu | `boolean` | false | Toggles custom context menu for the component. |
+| stickyHeader | `boolean` | false | Toggles the sticky header mode. |
 
 ### Events
 
diff --git a/lib/process-services/src/lib/process-list/components/process-list.component.html b/lib/process-services/src/lib/process-list/components/process-list.component.html
index 4469bec092..f2a284d885 100644
--- a/lib/process-services/src/lib/process-list/components/process-list.component.html
+++ b/lib/process-services/src/lib/process-list/components/process-list.component.html
@@ -4,6 +4,7 @@
     [columns]="columns"
     [sorting]="sorting"
     [loading]="isLoading"
+    [stickyHeader]="stickyHeader"
     [selectionMode]="selectionMode"
     [multiselect]="multiselect"
     [resolverFn]="resolverFn"
diff --git a/lib/process-services/src/lib/process-list/components/process-list.component.ts b/lib/process-services/src/lib/process-list/components/process-list.component.ts
index 5cd9a1a8ca..d523cba3dd 100644
--- a/lib/process-services/src/lib/process-list/components/process-list.component.ts
+++ b/lib/process-services/src/lib/process-list/components/process-list.component.ts
@@ -111,6 +111,10 @@ export class ProcessInstanceListComponent extends DataTableSchema implements OnC
     @Input()
     selectFirstRow: boolean = true;
 
+    /** Toggles the sticky header mode. */
+    @Input()
+    stickyHeader: boolean = false;
+
     /** Toggles custom context menu for the component. */
     @Input()
     showContextMenu: boolean = false;
diff --git a/lib/process-services/src/lib/task-list/components/task-list.component.html b/lib/process-services/src/lib/task-list/components/task-list.component.html
index 4264ea60e3..00d795e76d 100644
--- a/lib/process-services/src/lib/task-list/components/task-list.component.html
+++ b/lib/process-services/src/lib/task-list/components/task-list.component.html
@@ -6,6 +6,7 @@
             [columns]="columns"
             [sorting]="sorting"
             [loading]="isLoading"
+            [stickyHeader]="stickyHeader"
             [multiselect]="multiselect"
             [selectionMode]="selectionMode"
             [contextMenu]="showContextMenu"
diff --git a/lib/process-services/src/lib/task-list/components/task-list.component.ts b/lib/process-services/src/lib/task-list/components/task-list.component.ts
index ed851203d7..f6b6467552 100644
--- a/lib/process-services/src/lib/task-list/components/task-list.component.ts
+++ b/lib/process-services/src/lib/task-list/components/task-list.component.ts
@@ -127,6 +127,10 @@ export class TaskListComponent extends DataTableSchema implements OnChanges, Aft
     @Input()
     showContextMenu: boolean = false;
 
+    /** Toggles the sticky header mode. */
+    @Input()
+    stickyHeader: boolean = false;
+
     /** Emitted before the context menu is displayed for a row. */
     @Output()
     showRowContextMenu = new EventEmitter<DataCellEvent>();