dattatable 2.9.48 → 2.9.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/dashboard/tiles.d.ts +3 -0
- package/build/dashboard/tiles.js +8 -1
- package/dist/dattatable.js +457 -457
- package/dist/dattatable.min.js +1 -1
- package/docs/assets/search.js +1 -1
- package/docs/classes/Accordion.html +2 -2
- package/docs/classes/AuditLog.html +2 -2
- package/docs/classes/CanvasForm.html +2 -2
- package/docs/classes/Comments.html +2 -2
- package/docs/classes/Dashboard.html +4 -4
- package/docs/classes/DataTable.html +3 -3
- package/docs/classes/Documents.html +6 -6
- package/docs/classes/FilterSlideout.html +2 -2
- package/docs/classes/Footer.html +2 -2
- package/docs/classes/Header.html +2 -2
- package/docs/classes/InstallationRequired.html +2 -2
- package/docs/classes/ItemForm.html +4 -4
- package/docs/classes/List.html +4 -4
- package/docs/classes/ListSecurity.html +2 -2
- package/docs/classes/LoadingDialog.html +2 -2
- package/docs/classes/Modal.html +2 -2
- package/docs/classes/Navigation.html +3 -3
- package/docs/classes/Tiles.html +2 -2
- package/docs/classes/Timeout.html +2 -2
- package/docs/enums/ActionButtonTypes.html +2 -2
- package/docs/functions/formatBytes.html +1 -1
- package/docs/functions/formatDateValue.html +1 -1
- package/docs/functions/formatTimeValue.html +1 -1
- package/docs/functions/getContextInfo.html +1 -1
- package/docs/functions/getFileExt.html +1 -1
- package/docs/functions/waitForTheme.html +1 -1
- package/docs/interfaces/IAccordion.html +2 -2
- package/docs/interfaces/IAccordionProps.html +2 -2
- package/docs/interfaces/IAuditLogItem.html +2 -2
- package/docs/interfaces/IAuditLogItemCreation.html +2 -2
- package/docs/interfaces/IAuditLogProps.html +2 -2
- package/docs/interfaces/IAuditLogViewProps.html +2 -2
- package/docs/interfaces/ICommentsItem.html +2 -2
- package/docs/interfaces/IDashboardProps.html +2 -2
- package/docs/interfaces/IDataTable.html +2 -2
- package/docs/interfaces/IDataTableProps.html +2 -2
- package/docs/interfaces/IDocumentsProps.html +2 -2
- package/docs/interfaces/IFilterItem.html +2 -2
- package/docs/interfaces/IFilterProps.html +2 -2
- package/docs/interfaces/IFooterProps.html +2 -2
- package/docs/interfaces/IHeaderProps.html +2 -2
- package/docs/interfaces/IInstallProps.html +2 -2
- package/docs/interfaces/IItemFormCreateProps.html +2 -2
- package/docs/interfaces/IItemFormEditProps.html +2 -2
- package/docs/interfaces/IItemFormTab.html +2 -2
- package/docs/interfaces/IItemFormTabInfo.html +2 -2
- package/docs/interfaces/IItemFormViewProps.html +2 -2
- package/docs/interfaces/IListProps.html +2 -2
- package/docs/interfaces/IListSecurity.html +2 -2
- package/docs/interfaces/IListSecurityItem.html +2 -2
- package/docs/interfaces/IShowDialogProps.html +2 -2
- package/docs/interfaces/ITiles.html +2 -2
- package/docs/interfaces/ITilesProps.html +5 -2
- package/docs/variables/DattaTable.html +1 -1
- package/docs/variables/ListSecurityDefaultGroups.html +1 -1
- package/package.json +54 -54
- package/pnpm-lock.yaml +7 -7
|
@@ -7,7 +7,10 @@ export interface ITilesProps {
|
|
|
7
7
|
el: HTMLElement;
|
|
8
8
|
filterField?: string;
|
|
9
9
|
items: any[];
|
|
10
|
+
onBodyRender?: (el?: HTMLElement, item?: any) => void;
|
|
10
11
|
onCardRender?: (el?: HTMLElement, item?: any) => void;
|
|
12
|
+
onSubTitleRender?: (el?: HTMLElement, item?: any) => void;
|
|
13
|
+
onTitleRender?: (el?: HTMLElement, item?: any) => void;
|
|
11
14
|
paginationLimit?: number;
|
|
12
15
|
subTitleField?: string;
|
|
13
16
|
titleField?: string;
|
package/build/dashboard/tiles.js
CHANGED
|
@@ -40,6 +40,7 @@ var Tiles = /** @class */ (function () {
|
|
|
40
40
|
};
|
|
41
41
|
// Renders the tiles
|
|
42
42
|
Tiles.prototype.renderTiles = function () {
|
|
43
|
+
var _this = this;
|
|
43
44
|
// Parse the items
|
|
44
45
|
var cards = [];
|
|
45
46
|
for (var i = 0; i < this._props.items.length; i++) {
|
|
@@ -67,7 +68,13 @@ var Tiles = /** @class */ (function () {
|
|
|
67
68
|
data: filters,
|
|
68
69
|
subTitle: item[this._props.subTitleField] || "",
|
|
69
70
|
title: item[this._props.titleField || "Title"] || "",
|
|
70
|
-
onRender:
|
|
71
|
+
onRender: function (el) {
|
|
72
|
+
// Call the events
|
|
73
|
+
_this._props.onBodyRender ? _this._props.onBodyRender(el.querySelector(".card-text")) : null;
|
|
74
|
+
_this._props.onCardRender ? _this._props.onCardRender(el.querySelector(".card-body")) : null;
|
|
75
|
+
_this._props.onSubTitleRender ? _this._props.onSubTitleRender(el.querySelector(".card-subtitle")) : null;
|
|
76
|
+
_this._props.onTitleRender ? _this._props.onTitleRender(el.querySelector(".card-title")) : null;
|
|
77
|
+
}
|
|
71
78
|
}]
|
|
72
79
|
});
|
|
73
80
|
}
|