dattatable 2.9.63 → 2.9.65

package/build/dashboard/index.d.ts

@@ -86,6 +86,8 @@ export interface IDashboardProps {
         onSubTitleRendered?: (el?: HTMLElement, item?: any) => void;
         onTitleRendered?: (el?: HTMLElement, item?: any) => void;
         paginationLimit?: number;
+        showFooter?: boolean;
+        showHeader?: boolean;
         subTitleField?: string;
         titleField?: string;
     };

package/build/dashboard/tiles.d.ts

@@ -35,6 +35,7 @@ export declare class Tiles implements ITiles {
     constructor(props: ITilesProps);
     filter(value: string): void;
     private render;
+    private generateCard;
     private renderTiles;
     private updateTiles;
     search(value: string): void;

package/build/dashboard/tiles.js

@@ -37,60 +37,73 @@ var Tiles = /** @class */ (function () {
         // Update the tiles
         this.updateTiles();
     };
+    // Generate the card properties
+    Tiles.prototype.generateCard = function (item) {
+        var _this = this;
+        var itemClassNames = [];
+        // Get the filters
+        var filters = item[this._props.filterField] || [];
+        filters = filters["results"] || [filters];
+        // See if the filter field is specified
+        if (this._props.filterField) {
+            // Parse the selected filters
+            for (var j = 0; j < filters.length; j++) {
+                var filter = filters[j].toLowerCase().replace(/ /g, '-');
+                // Add the filter as a class name
+                if (filter) {
+                    itemClassNames.push(filter);
+                }
+            }
+        }
+        // Set the card props
+        var cardProps = {
+            className: itemClassNames.join(" "),
+            onRender: this._props.onCardRendered,
+            body: [{
+                    content: (this._props.bodyField ? item[this._props.bodyField || "Description"] : null) || "",
+                    data: item,
+                    subTitle: item[this._props.subTitleField] || "",
+                    title: item[this._props.titleField || "Title"] || "",
+                    onRender: function (el, card) {
+                        var item = card.data;
+                        // Call the events
+                        _this._props.onTitleRendered ? _this._props.onTitleRendered(el.querySelector(".card-title"), item) : null;
+                        _this._props.onSubTitleRendered ? _this._props.onSubTitleRendered(el.querySelector(".card-subtitle"), item) : null;
+                        _this._props.onBodyRendered ? _this._props.onBodyRendered(el, item) : null;
+                    }
+                }]
+        };
+        // See if we are showing the header
+        var showHeader = typeof (this._props.showHeader) === "boolean" ? this._props.showHeader : true;
+        if (showHeader) {
+            cardProps.header = {
+                onRender: function (el) {
+                    _this._props.onHeaderRendered ? _this._props.onHeaderRendered(el, item) : null;
+                }
+            };
+        }
+        // See if we are showing the footer
+        var showFooter = typeof (this._props.showFooter) === "boolean" ? this._props.showFooter : true;
+        if (showFooter) {
+            cardProps.footer = {
+                onRender: function (el) {
+                    _this._props.onFooterRendered ? _this._props.onFooterRendered(el, item) : null;
+                }
+            };
+        }
+        // Call the event
+        this._props.onCardRendering ? this._props.onCardRendering(cardProps) : null;
+        // Return the card properties
+        return cardProps;
+    };
     // Renders the tiles
     Tiles.prototype.renderTiles = function () {
-        var _this = this;
         // Parse the items
         var cards = [];
         for (var i = 0; i < this._props.items.length; i++) {
             var item = this._props.items[i];
-            var itemClassNames = [];
-            // Get the filters
-            var filters = item[this._props.filterField] || [];
-            filters = filters["results"] || [filters];
-            // See if the filter field is specified
-            if (this._props.filterField) {
-                // Parse the selected filters
-                for (var j = 0; j < filters.length; j++) {
-                    var filter = filters[j].toLowerCase().replace(/ /g, '-');
-                    // Add the filter as a class name
-                    if (filter) {
-                        itemClassNames.push(filter);
-                    }
-                }
-            }
-            // Set the card props
-            var cardProps = {
-                className: itemClassNames.join(" "),
-                onRender: this._props.onCardRendered,
-                body: [{
-                        content: (this._props.bodyField ? item[this._props.bodyField || "Description"] : null) || "",
-                        data: item,
-                        subTitle: item[this._props.subTitleField] || "",
-                        title: item[this._props.titleField || "Title"] || "",
-                        onRender: function (el, card) {
-                            var item = card.data;
-                            // Call the events
-                            _this._props.onTitleRendered ? _this._props.onTitleRendered(el.querySelector(".card-title"), item) : null;
-                            _this._props.onSubTitleRendered ? _this._props.onSubTitleRendered(el.querySelector(".card-subtitle"), item) : null;
-                            _this._props.onBodyRendered ? _this._props.onBodyRendered(el, item) : null;
-                        }
-                    }]
-            };
-            // See if we are showing the header
-            var showHeader = typeof (this._props.showHeader) === "boolean" ? this._props.showHeader : true;
-            if (showHeader) {
-                cardProps.header = { onRender: this._props.onHeaderRendered };
-            }
-            // See if we are showing the footer
-            var showFooter = typeof (this._props.showFooter) === "boolean" ? this._props.showFooter : true;
-            if (showFooter) {
-                cardProps.footer = { onRender: this._props.onFooterRendered };
-            }
-            // Call the event
-            this._props.onCardRendering ? this._props.onCardRendering(cardProps) : null;
             // Add an tile
-            cards.push(cardProps);
+            cards.push(this.generateCard(item));
         }
         // Render the tiles
         this._tiles = gd_sprest_bs_1.Components.CardGroup({