mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-31 17:38:48 +00:00
[ADF-524] Datatable loading state (#1958)
* loading state datatable * modify readme after review
This commit is contained in:
@@ -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)"
|
||||||
|
@@ -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();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user