@schneideress/dashboardframework 0.0.257 → 0.0.259

package/fesm2015/schneideress-dashboardframework.js

@@ -198,7 +198,7 @@ var RAEventKey;
 const GridsterConfigDefaultSettings = {
     gridType: 'scrollVertical',
     compactType: 'none',
-    margin: 0,
+    margin: 10,
     outerMargin: true,
     outerMarginTop: 10,
     outerMarginRight: 0,
@@ -345,7 +345,7 @@ let RADashboardResponsiveService = class RADashboardResponsiveService {
             widget.settings = JSON.parse(widget.widgetSettings);
         }
         if (widget.templateSettings) {
-            widget.templateSettings = JSON.parse(widget.templateSettings);
+            widget.templateWidgetSettings = JSON.parse(widget.templateSettings);
         }
         let gridsterItem = {
             cols: this.getWidth(widget.width),
@@ -1510,11 +1510,11 @@ let RAWidgetContainer = class RAWidgetContainer {
         let html = '<div id="ra-db-widget-menu"' + 'style="' + style + '" class="download-content dropdown-content widget-config-item dropdown-click" style="z-index: 1002;">';
         let settings = '';
         if (this.isWidgetMgmnt) {
-            if (!this.data.widgetInfo.templateSettings.hideEdit)
+            if (!this.data.widgetInfo.templateWidgetSettings.hideEdit)
                 settings += this.getHtmlForButton('wcEditWidget', 'fal fa-edit', this.editText);
-            if (!this.data.widgetInfo.templateSettings.hideCopy)
+            if (!this.data.widgetInfo.templateWidgetSettings.hideCopy)
                 settings += this.getHtmlForButton('wcCopyWidget', 'fal fa-copy', this.copyText);
-            if (!this.data.widgetInfo.templateSettings.hideMove)
+            if (!this.data.widgetInfo.templateWidgetSettings.hideMove)
                 settings += this.getHtmlForButton('wcMoveWidget', 'fal fa-arrows-alt', this.moveText);
         }
         let customPageParams = false;
@@ -1524,14 +1524,14 @@ let RAWidgetContainer = class RAWidgetContainer {
                 customPageParams = true;
             }
         }
-        if (!this.data.widgetInfo.templateSettings.hideVisitPage && (this.detailPageUrl || customPageParams) && this.checkVisitLinkVisiblity()) {
+        if (!this.data.widgetInfo.templateWidgetSettings.hideVisitPage && (this.detailPageUrl || customPageParams) && this.checkVisitLinkVisiblity()) {
             settings += '<a style="max-height: 30px;align-items: center;align-content: center; display: flex;" id="wcVisitWidget">';
             settings += '<i style="padding-left: 4px;font-size: 27px !important;" class="fal fa-angle-right"></i> ';
             settings += '<span style="padding-left: 11px;margin-top: 2px;" style="padding-left: 6px;">';
             settings += this.translateService.translate('Common.visitpage');
             settings += '</span></a>';
         }
-        if (!this.data.widgetInfo.templateSettings.hideVisitPage && (this.detailPageUrl && this.checkVisitLinkVisiblity()) || this.isWidgetMgmnt) {
+        if (!this.data.widgetInfo.templateWidgetSettings.hideVisitPage && (this.detailPageUrl && this.checkVisitLinkVisiblity()) || this.isWidgetMgmnt) {
             html += '<div style="color: #9FA0A4;font-size: 12px;padding-top: 8px;padding-left: 12px;">';
             html += this.translateService.translate('Common.settings') + '</div>';
             html += settings;
@@ -1563,7 +1563,7 @@ let RAWidgetContainer = class RAWidgetContainer {
         if (this.isDownloadIconVisible && this.isWidgetMgmnt && this.showExcell) {
             html += this.getHr();
         }
-        if (this.isWidgetMgmnt && !this.data.widgetInfo.templateSettings.hideDelete) {
+        if (this.isWidgetMgmnt && !this.data.widgetInfo.templateWidgetSettings.hideDelete) {
             html += '<a id="wcWidgetDelete"><i class="fal fa-times" style="padding-left: 3px;color: red;"></i><span>';
             html += this.deleteText;
             html += '</span></a>';
@@ -2401,7 +2401,7 @@ let GridsterRenderer = class GridsterRenderer {
         else {
             const x = Math.round(this.gridster.curColWidth * item.x);
             const y = Math.round(this.gridster.curRowHeight * item.y);
-            const width = this.gridster.curColWidth * item.cols - this.gridster.$options.margin;
+            const width = this.gridster.curColWidth * item.cols - this.gridster.$options.margin - 5;
             const height = (this.gridster.curRowHeight * item.rows - this.gridster.$options.margin);
             // set the cell style
             this.setCellPosition(renderer, el, x, y);
@@ -4508,8 +4508,8 @@ let GridsterItemComponent = class GridsterItemComponent {
     updateItemSize() {
         const top = this.$item.y * this.gridster.curRowHeight;
         const left = this.$item.x * this.gridster.curColWidth;
-        const width = this.$item.cols * this.gridster.curColWidth - this.gridster.$options.margin;
-        const height = this.$item.rows * this.gridster.curRowHeight - this.gridster.$options.margin;
+        const width = this.$item.cols * this.gridster.curColWidth - this.gridster.$options.margin - 5;
+        const height = this.$item.rows * this.gridster.curRowHeight - this.gridster.$options.margin - 5;
         if (!this.init && width > 0 && height > 0) {
             this.init = true;
             if (this.item.initCallback) {