@schneideress/dashboardframework 0.0.51 → 0.0.53
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/bundles/schneideress-dashboardframework.umd.js +22 -18
- package/bundles/schneideress-dashboardframework.umd.js.map +1 -1
- package/bundles/schneideress-dashboardframework.umd.min.js +1 -1
- package/bundles/schneideress-dashboardframework.umd.min.js.map +1 -1
- package/esm2015/lib/ra-dashboard-area/ra.dashboard.area.js +6 -2
- package/esm2015/lib/ra-widget-container/ra.widget.container.component.js +1 -1
- package/esm2015/lib/ra.gridster.config.js +17 -17
- package/esm5/lib/ra-dashboard-area/ra.dashboard.area.js +6 -2
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +1 -1
- package/esm5/lib/ra.gridster.config.js +17 -17
- package/fesm2015/schneideress-dashboardframework.js +22 -18
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +22 -18
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/package.json +1 -1
- package/schneideress-dashboardframework.metadata.json +1 -1
|
@@ -617,28 +617,28 @@ if (false) {
|
|
|
617
617
|
var GridsterConfigDefaultSettings = {
|
|
618
618
|
gridType: GridType.ScrollVertical,
|
|
619
619
|
compactType: CompactType.None,
|
|
620
|
-
margin:
|
|
620
|
+
margin: 4,
|
|
621
621
|
outerMargin: true,
|
|
622
|
-
outerMarginTop:
|
|
623
|
-
outerMarginRight:
|
|
624
|
-
outerMarginBottom:
|
|
625
|
-
outerMarginLeft:
|
|
622
|
+
// outerMarginTop: 10,
|
|
623
|
+
// outerMarginRight: 10,
|
|
624
|
+
// outerMarginBottom: 30,
|
|
625
|
+
// outerMarginLeft: 10,
|
|
626
626
|
useTransformPositioning: true,
|
|
627
627
|
mobileBreakpoint: 640,
|
|
628
628
|
minCols: 100,
|
|
629
629
|
maxCols: 100,
|
|
630
|
-
minRows:
|
|
630
|
+
minRows: 20,
|
|
631
631
|
maxRows: 2000,
|
|
632
|
-
maxItemCols:
|
|
633
|
-
minItemCols:
|
|
634
|
-
maxItemRows:
|
|
635
|
-
minItemRows:
|
|
636
|
-
maxItemArea:
|
|
637
|
-
minItemArea:
|
|
638
|
-
defaultItemCols:
|
|
639
|
-
defaultItemRows:
|
|
640
|
-
fixedColWidth:
|
|
641
|
-
fixedRowHeight:
|
|
632
|
+
maxItemCols: 100,
|
|
633
|
+
minItemCols: 20,
|
|
634
|
+
maxItemRows: 100,
|
|
635
|
+
minItemRows: 20,
|
|
636
|
+
maxItemArea: 250000,
|
|
637
|
+
minItemArea: 400,
|
|
638
|
+
defaultItemCols: 20,
|
|
639
|
+
defaultItemRows: 20,
|
|
640
|
+
// fixedColWidth: 105,
|
|
641
|
+
// fixedRowHeight: 105,
|
|
642
642
|
keepFixedHeightInMobile: false,
|
|
643
643
|
keepFixedWidthInMobile: false,
|
|
644
644
|
scrollSensitivity: 10,
|
|
@@ -985,6 +985,10 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
985
985
|
if (!isalertDisabled) {
|
|
986
986
|
this.notifier.notify('success', " " + this.translateService.translate('Widget') + " [" + widget[0].widgetInfo.widgetTitle + "] " + this.translateService.translate('DeletedSuccesfully') + " ");
|
|
987
987
|
}
|
|
988
|
+
this.options.compactType = 'compactLeft&Up';
|
|
989
|
+
this.options.api.optionsChanged();
|
|
990
|
+
this.options.compactType = 'none';
|
|
991
|
+
this.options.api.optionsChanged();
|
|
988
992
|
}
|
|
989
993
|
};
|
|
990
994
|
/**To add widget instance to the database with the next available position and to make changes in
|
|
@@ -1148,7 +1152,7 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
1148
1152
|
{ type: Component, args: [{
|
|
1149
1153
|
selector: 'ra-dashboard-area',
|
|
1150
1154
|
template: "<div #gridWrapper class=\"wrap gridster\" [style.height.px]=\"gridheight\">\r\n<!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n <gridster [options]=\"options\" style=\"height:100%;\">\r\n <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\" (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\"\r\n [global-filter]=\"globalFilter\" [widget-width]=\"item.cols\" [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\"></ra-widget-container>\r\n </gridster-item>\r\n </gridster>\r\n <notifier-container></notifier-container>\r\n</div>\r\n\r\n",
|
|
1151
|
-
styles: ["gridster{width:inherit;resize:height;display:flex
|
|
1155
|
+
styles: ["gridster{width:inherit;resize:height;display:flex;background-color:#fcfcfc}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;box-shadow:0 1px 10px rgba(0,0,0,.05)}gridster-item :hover{box-shadow:0 1px 10px rgba(0,0,0,.15)}"]
|
|
1152
1156
|
}] }
|
|
1153
1157
|
];
|
|
1154
1158
|
/** @nocollapse */
|
|
@@ -1579,7 +1583,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1579
1583
|
{ type: Component, args: [{
|
|
1580
1584
|
selector: 'ra-widget-container',
|
|
1581
1585
|
template: "<div class=\"wc-wrapper\">\r\n <div class=\"wcheader\">\r\n <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;\">\r\n <div style=\"display:flex\">\r\n <div class=\"col-md-11 float-left widget-move\" style=\"width:96%;padding-left: 0px;\">{{data.widgetInfo.widgetTitle}}\r\n </div>\r\n <div class=\"col-md-1\" style=\"cursor:default;\">\r\n <div class=\"float-right\" style=\"display: flex;\">\r\n <div *ngIf=\"isDownloadIconVisible\"> <i class=\"far fa-download\" (click)=\"downloadClicked\"></i></div>\r\n <div class=\"pr-3\"><i [ngClass]=\"lockClass\"\r\n [attr.title]=\"lockStatus=='lock' ? 'Locked' : 'Partially Locked'\"></i></div>\r\n <div class=\"dropdown\">\r\n <div class=\"dropbtn gearIcon\"> <i class=\"fal fa-cog\"></i></div>\r\n <div class=\"dropdown-content widget-config-item\">\r\n <a (click)=\"editWidget()\">\r\n <i class=\"fal fa-edit\"></i>\r\n <span>{{'Edit'|translate}}</span>\r\n </a>\r\n <a (click)=\"copyWidget()\">\r\n <i class=\"fal fa-copy\"></i>\r\n <span>{{'Copy'|translate}}</span>\r\n </a>\r\n <a (click)=\"moveWidget()\">\r\n <i class=\"fal fa-arrows-alt\"></i>\r\n <span>{{'Move'|translate}}</span>\r\n </a>\r\n <hr class=\"hr\">\r\n <a (click)=\"deleteWidget()\">\r\n <i class=\"fal fa-times\" style=\"padding-left: 3px;\"></i>\r\n <span>{{'Delete'|translate}}</span>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"wcBody\" >\r\n <perfect-scrollbar [scrollIndicators]=\"true\">\r\n <div #ctlWidget></div>\r\n </perfect-scrollbar>\r\n </div>\r\n</div>",
|
|
1582
|
-
styles: [".wcheader{width:100%;height:
|
|
1586
|
+
styles: [".wcheader{width:100%;height:46px;background:#fff;color:#3dcd58;font-family:\"Arial Rounded MT\";font-size:16px;position:absolute;left:0;top:0;padding:15px 0 0}.wc-wrapper{height:100%;position:relative;margin:auto 15px}.wc-mover{cursor:all-scroll}.wcBody{width:100%;position:absolute;top:46px;left:0;bottom:0}.wcBodyBorder{border:1px dashed #e6e2e2}.sp_icon{float:left;margin:0 15% 0 0}.dropbtn{cursor:pointer;color:#42b4e6}.dropdown{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative}.dropdown hr{margin:0!important}.dropdown-content{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:2;font-size:12px;font-family:\"Arial Rounded MT\"}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.wc-wrapper:hover .dropdown{visibility:visible;opacity:1}.dropdown:hover .dropbtn{color:#2b7797}.gearIcon{color:#42b4e6}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0)}}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.locked{color:#42b4e6}.partiallocked{color:#a0d9f2}.unlocked{display:none}"]
|
|
1583
1587
|
}] }
|
|
1584
1588
|
];
|
|
1585
1589
|
/** @nocollapse */
|