New packages org (#2639)

New packages org

lib/content-services/document-list/components/document-list.component.html

@@ -0,0 +1,85 @@
+<adf-datatable
+    [selectionMode]="selectionMode"
+    [data]="data"
+    [actions]="contentActions"
+    [actionsPosition]="contentActionsPosition"
+    [multiselect]="multiselect"
+    [allowDropFiles]="allowDropFiles"
+    [contextMenu]="contextMenuActions"
+    [rowStyle]="rowStyle"
+    [rowStyleClass]="rowStyleClass"
+    [loading]="loading"
+    [noPermission]="noPermission"
+    [showHeader]="!isEmpty()"
+    (showRowContextMenu)="onShowRowContextMenu($event)"
+    (showRowActionsMenu)="onShowRowActionsMenu($event)"
+    (executeRowAction)="onExecuteRowAction($event)"
+    (rowClick)="onNodeClick($event.value?.node)"
+    (rowDblClick)="onNodeDblClick($event.value?.node)"
+    (row-select)="onNodeSelect($event.detail)"
+    (row-unselect)="onNodeUnselect($event.detail)">
+
+    <div *ngIf="!isEmptyTemplateDefined()">
+        <no-content-template>
+            <ng-template>
+                <adf-empty-list>
+                    <div class="adf-empty-list_template adf-empty-folder">
+                        <div class="adf-empty-folder-this-space-is-empty">{{'ADF-DOCUMENT-LIST.EMPTY.HEADER' | translate}}</div>
+                        <div fxHide.lt-md="true" class="adf-empty-folder-drag-drop">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate }}</div>
+                        <div fxHide.lt-md="true" class="adf-empty-folder-any-files-here-to-add">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate }}</div>
+                        <img class="adf-empty-folder-image" [src]="emptyFolderImageUrl">
+                    </div>
+                    <!-- <div adf-empty-list-header class="adf-empty-list-header"> {{'ADF-DOCUMENT-LIST.EMPTY.HEADER' | translate}} </div> -->
+                </adf-empty-list>
+            </ng-template>
+        </no-content-template>
+    </div>
+
+    <div *ngIf="!isNoPermissionTemplateDefined()">
+        <no-permission-template>
+            <ng-template>
+                <div class="adf-no-permission__template">
+                    <mat-icon>ic_error</mat-icon>
+                    <p class="adf-no-permission__template--text">{{ 'ADF-DOCUMENT-LIST.NO_PERMISSION' | translate }}</p>
+                </div>
+            </ng-template>
+        </no-permission-template>
+    </div>
+
+    <div>
+        <loading-content-template>
+            <ng-template>
+                <div class="adf-document-list-loading-container">
+                    <mat-progress-spinner
+                        id="adf-document-list-loading"
+                        class="adf-document-list-loading-margin"
+                        [color]="'primary'"
+                        [mode]="'indeterminate'">
+                    </mat-progress-spinner>
+                </div>
+            </ng-template>
+        </loading-content-template>
+    </div>
+</adf-datatable>
+
+<ng-container *ngIf="isPaginationEnabled()">
+    <adf-pagination
+        *ngIf="isPaginationNeeded()"
+        class="adf-documentlist-pagination"
+        (changePageSize)="onChangePageSize($event)"
+        (changePageNumber)="onChangePageNumber($event)"
+        (nextPage)="onNextPage($event)"
+        (prevPage)="onPrevPage($event)"
+        [pagination]="pagination"
+        [supportedPageSizes]="supportedPageSizes">
+    </adf-pagination>
+
+    <adf-infinite-pagination
+        *ngIf="!isPaginationNeeded()"
+        [pagination]="pagination"
+        [pageSize]="pageSize"
+        [loading]="infiniteLoading"
+        (loadMore)="loadNextBatch($event)">
+            {{ 'ADF-DOCUMENT-LIST.LAYOUT.LOAD_MORE' | translate }}
+    </adf-infinite-pagination>
+</ng-container>