[ADF-524] Datatable loading state (#1958)

* loading state datatable

* modify readme after review
This commit is contained in:
Eugenio Romano
2017-06-14 20:18:52 +01:00
parent d11d18a1c1
commit 49d3784893
2 changed files with 12 additions and 11 deletions

View File

@@ -220,6 +220,7 @@ You can add a template that will be showed when there are no result in your data
[data]="data" [data]="data"
[actions]="contentActions" [actions]="contentActions"
[multiselect]="multiselect" [multiselect]="multiselect"
[loading]=isLoading()"
(showRowContextMenu)="onShowRowContextMenu($event)" (showRowContextMenu)="onShowRowContextMenu($event)"
(showRowActionsMenu)="onShowRowActionsMenu($event)" (showRowActionsMenu)="onShowRowActionsMenu($event)"
(executeRowAction)="onExecuteRowAction($event)" (executeRowAction)="onExecuteRowAction($event)"

View File

@@ -62,7 +62,7 @@ describe('DocumentList', () => {
], ],
providers: [ providers: [
DocumentListService, DocumentListService,
{ provide: NgZone, useValue: zone } {provide: NgZone, useValue: zone}
] ]
}).compileComponents(); }).compileComponents();
})); }));
@@ -237,7 +237,7 @@ describe('DocumentList', () => {
documentMenu documentMenu
]; ];
let nodeFile = { entry: { isFile: true, name: 'xyz', allowableOperations: ['create', 'update'] } }; let nodeFile = {entry: {isFile: true, name: 'xyz', allowableOperations: ['create', 'update']}};
let actions = documentList.getNodeActions(nodeFile); let actions = documentList.getNodeActions(nodeFile);
expect(actions.length).toBe(1); expect(actions.length).toBe(1);
@@ -258,7 +258,7 @@ describe('DocumentList', () => {
documentMenu documentMenu
]; ];
let nodeFile = { entry: { isFolder: true, name: 'xyz', allowableOperations: ['create', 'update'] } }; let nodeFile = {entry: {isFolder: true, name: 'xyz', allowableOperations: ['create', 'update']}};
let actions = documentList.getNodeActions(nodeFile); let actions = documentList.getNodeActions(nodeFile);
expect(actions.length).toBe(1); expect(actions.length).toBe(1);
@@ -279,7 +279,7 @@ describe('DocumentList', () => {
documentMenu documentMenu
]; ];
let nodeFile = { entry: { isFile: true, name: 'xyz', allowableOperations: ['create', 'update'] } }; let nodeFile = {entry: {isFile: true, name: 'xyz', allowableOperations: ['create', 'update']}};
let actions = documentList.getNodeActions(nodeFile); let actions = documentList.getNodeActions(nodeFile);
expect(actions.length).toBe(1); expect(actions.length).toBe(1);
@@ -299,7 +299,7 @@ describe('DocumentList', () => {
documentMenu documentMenu
]; ];
let nodeFile = { entry: { isFolder: true, name: 'xyz', allowableOperations: ['create', 'update'] } }; let nodeFile = {entry: {isFolder: true, name: 'xyz', allowableOperations: ['create', 'update']}};
let actions = documentList.getNodeActions(nodeFile); let actions = documentList.getNodeActions(nodeFile);
expect(actions.length).toBe(1); expect(actions.length).toBe(1);
@@ -319,7 +319,7 @@ describe('DocumentList', () => {
documentMenu documentMenu
]; ];
let nodeFile = { entry: { isFile: true, name: 'xyz', allowableOperations: ['create', 'update', 'delete'] } }; let nodeFile = {entry: {isFile: true, name: 'xyz', allowableOperations: ['create', 'update', 'delete']}};
let actions = documentList.getNodeActions(nodeFile); let actions = documentList.getNodeActions(nodeFile);
expect(actions.length).toBe(1); expect(actions.length).toBe(1);
@@ -339,7 +339,7 @@ describe('DocumentList', () => {
documentMenu documentMenu
]; ];
let nodeFile = { entry: { isFolder: true, name: 'xyz', allowableOperations: ['create', 'update', 'delete'] } }; let nodeFile = {entry: {isFolder: true, name: 'xyz', allowableOperations: ['create', 'update', 'delete']}};
let actions = documentList.getNodeActions(nodeFile); let actions = documentList.getNodeActions(nodeFile);
expect(actions.length).toBe(1); expect(actions.length).toBe(1);
@@ -358,7 +358,7 @@ describe('DocumentList', () => {
documentMenu documentMenu
]; ];
let nodeFile = { entry: { isFile: true, name: 'xyz', allowableOperations: null } }; let nodeFile = {entry: {isFile: true, name: 'xyz', allowableOperations: null}};
let actions = documentList.getNodeActions(nodeFile); let actions = documentList.getNodeActions(nodeFile);
expect(actions.length).toBe(1); expect(actions.length).toBe(1);
@@ -377,7 +377,7 @@ describe('DocumentList', () => {
documentMenu documentMenu
]; ];
let nodeFile = { entry: { isFolder: true, name: 'xyz', allowableOperations: null } }; let nodeFile = {entry: {isFolder: true, name: 'xyz', allowableOperations: null}};
let actions = documentList.getNodeActions(nodeFile); let actions = documentList.getNodeActions(nodeFile);
expect(actions.length).toBe(1); expect(actions.length).toBe(1);
@@ -681,7 +681,7 @@ describe('DocumentList', () => {
}); });
documentList.currentFolderId = 'wrong-id'; documentList.currentFolderId = 'wrong-id';
documentList.ngOnChanges({ currentFolderId: new SimpleChange(null, documentList.currentFolderId, true) }); documentList.ngOnChanges({currentFolderId: new SimpleChange(null, documentList.currentFolderId, true)});
}); });
it('should require dataTable to check empty template', () => { it('should require dataTable to check empty template', () => {
@@ -773,7 +773,7 @@ describe('DocumentList', () => {
it('should load folder by ID on init', () => { it('should load folder by ID on init', () => {
documentList.currentFolderId = '1d26e465-dea3-42f3-b415-faa8364b9692'; documentList.currentFolderId = '1d26e465-dea3-42f3-b415-faa8364b9692';
spyOn(documentList, 'loadFolderNodesByFolderNodeId').and.returnValue(Promise.resolve()); spyOn(documentList, 'loadFolderNodesByFolderNodeId').and.returnValue(Promise.resolve());
documentList.ngOnChanges({ folderNode: new SimpleChange(null, documentList.currentFolderId, true) }); documentList.ngOnChanges({folderNode: new SimpleChange(null, documentList.currentFolderId, true)});
expect(documentList.loadFolderNodesByFolderNodeId).toHaveBeenCalled(); expect(documentList.loadFolderNodesByFolderNodeId).toHaveBeenCalled();
}); });