[ADF-2322] Card view datatable and documentlist (#2968)

* move table in style

* Enable the cardview mode

* add button in demo shell to change view
add missing translation terms toolbar

* missing comma

* add example in demo shell

* style loading and images

* border card container

* document list tests

* test check class and input

* test fix

* fix test process services

* more documentation

* rirpristinate base pacakge integgration

* remove test color

lib/core/datatable/components/datatable/datatable.component.ts

@@ -53,6 +53,10 @@ export class DataTableComponent implements AfterContentInit, OnChanges, DoCheck
     @Input()
     data: DataTableAdapter;
 
+    /* Enable the cardview mode */
+    @Input()
+    cardview: boolean = false;
+
     /* The rows that the datatable will show */
     @Input()
     rows: any[] = [];
@@ -483,6 +487,16 @@ export class DataTableComponent implements AfterContentInit, OnChanges, DoCheck
         return `${row.cssClass} ${this.rowStyleClass}`;
     }
 
+    getFilename(row: DataRow): string {
+        return row.getValue('name');
+    }
+
+    getSortingKey(): string {
+        if (this.data.getSorting()) {
+            return this.data.getSorting().key;
+        }
+    }
+
     private selectRow(row: DataRow, value: boolean) {
         if (row) {
             row.isSelected = value;