[ADF-1805] rebased documentlist pagination removal (#2668)

* [ADF-1805] rebased documentlist pagination removal

* [ADF-1805] fixed some wrong changes]

demo-shell/src/app/components/files/files.component.html

@@ -115,6 +115,9 @@
             </adf-toolbar>
             <adf-document-list
                 #documentList
+                [maxItems]="currentMaxItems"
+                [skipCount]="currentSkipCount"
+                [enableInfiniteScrolling]="infiniteScrolling"
                 [permissionsStyle]="permissionsStyle"
                 [currentFolderId]="currentFolderId"
                 [contextMenuActions]="true"
@@ -251,6 +254,24 @@
                     </content-action>
                 </content-actions>
             </adf-document-list>
+            <adf-pagination
+                *ngIf="!infiniteScrolling"
+                class="adf-documentlist-pagination"
+                [pagination]="pagination"
+                [supportedPageSizes]="supportedPages"
+                (changePageSize)="onChangePageSize($event)"
+                (changePageNumber)="onChangePageNumber($event)"
+                (nextPage)="onNextPage($event)"
+                (prevPage)="onPrevPage($event)">
+            </adf-pagination>
+            <adf-infinite-pagination
+                *ngIf="infiniteScrolling"
+                [pagination]="pagination"
+                [loading]="documentList.infiniteLoading"
+                [pageSize]="currentMaxItems"
+                (loadMore)="loadNextBatch($event)">
+                {{ 'ADF-DOCUMENT-LIST.LAYOUT.LOAD_MORE' | translate }}
+            </adf-infinite-pagination>
         </adf-upload-drag-area>
         <adf-info-drawer-layout *ngIf="showVersions" class="adf-manage-versions-sidebar" fxFlex="0 0 auto">
             <div info-drawer-content>
@@ -330,6 +351,12 @@
             </mat-slide-toggle>
         </section>
 
+        <section>
+            <mat-slide-toggle [color]="'primary'" [(ngModel)]="infiniteScrolling">
+                {{'DOCUMENT_LIST.ENABLE_INFINITE_SCROLL' | translate}}
+            </mat-slide-toggle>
+        </section>
+
         <h5>Upload</h5>
         <section *ngIf="acceptedFilesTypeShow">
             <mat-form-field>