[ADF-3432 ]Added size and page control to task list demo (#3674)

* [ADF-3432] Added size and page control to task listdemo

* [ADF-3432] Removed console log

* [ADF-3432] Errors catched on TaskList component when a bad query is made

* [ADF-3432] It reloads task list content when form is reset

* [ADF-3432] Fixed missing whitespace lint error

* remove unused dependency

demo-shell/src/app/components/task-list-demo/task-list-demo.component.html

@@ -7,9 +7,6 @@
                 matInput
                 class="form-control"
                 [formControl]="taskAppId">
-                <mat-error *ngIf="taskAppId.hasError('required')">
-                    {{ 'TASK_LIST_DEMO.ERROR_MESSAGE.APP_ID_REQUIRED_ERROR' | translate }}
-                </mat-error>
                 <mat-error *ngIf="taskAppId.hasError('pattern')">
                     {{ 'TASK_LIST_DEMO.ERROR_MESSAGE.APP_ID_TYPE_ERROR' | translate }}
                 </mat-error>
@@ -61,6 +58,22 @@
             <mat-hint>E.g. 12345</mat-hint>
         </mat-form-field>
 
+        <mat-form-field>
+            <mat-label>Items per page</mat-label>
+            <input
+            matInput
+            class="form-control"
+            [formControl]="taskSize">
+        </mat-form-field>
+
+        <mat-form-field>
+            <mat-label>Page</mat-label>
+            <input 
+            matInput 
+            class="form-control"
+            [formControl]="taskPage">
+        </mat-form-field>
+
         <mat-form-field>
                 <mat-label>Process Instance</mat-label>
                 <mat-select 
@@ -113,8 +126,9 @@
         [state]="state"
         [sort]="sort"
         [start]="start"
+        [page]="page"
+        [size]="size"
         [includeProcessInstance]="includeProcessInstance"
-        (error)="onError($event)"
         #taskList>
         <data-columns>
                 <data-column key="id" title="Id"></data-column>