@schneideress/dashboardframework 0.0.50 → 0.0.52
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 +14 -14
- 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 +1 -1
- package/esm2015/lib/ra-widget-container/ra.widget.container.component.js +1 -1
- package/esm2015/lib/ra.gridster.config.js +13 -13
- package/esm5/lib/ra-dashboard-area/ra.dashboard.area.js +1 -1
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +1 -1
- package/esm5/lib/ra.gridster.config.js +13 -13
- package/fesm2015/schneideress-dashboardframework.js +14 -14
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +14 -14
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/package.json +1 -1
- package/schneideress-dashboardframework.metadata.json +1 -1
|
@@ -488,7 +488,7 @@
|
|
|
488
488
|
var GridsterConfigDefaultSettings = {
|
|
489
489
|
gridType: GridType.ScrollVertical,
|
|
490
490
|
compactType: CompactType.None,
|
|
491
|
-
margin:
|
|
491
|
+
margin: 20,
|
|
492
492
|
outerMargin: true,
|
|
493
493
|
outerMarginTop: 10,
|
|
494
494
|
outerMarginRight: 10,
|
|
@@ -496,20 +496,20 @@
|
|
|
496
496
|
outerMarginLeft: 10,
|
|
497
497
|
useTransformPositioning: true,
|
|
498
498
|
mobileBreakpoint: 640,
|
|
499
|
-
minCols:
|
|
500
|
-
maxCols:
|
|
501
|
-
minRows:
|
|
499
|
+
minCols: 5,
|
|
500
|
+
maxCols: 5,
|
|
501
|
+
minRows: 20,
|
|
502
502
|
maxRows: 2000,
|
|
503
|
-
maxItemCols:
|
|
503
|
+
maxItemCols: 5,
|
|
504
504
|
minItemCols: 1,
|
|
505
|
-
maxItemRows:
|
|
506
|
-
minItemRows:
|
|
505
|
+
maxItemRows: 100,
|
|
506
|
+
minItemRows: 6,
|
|
507
507
|
maxItemArea: 250000,
|
|
508
|
-
minItemArea:
|
|
509
|
-
defaultItemCols:
|
|
510
|
-
defaultItemRows:
|
|
511
|
-
fixedColWidth:
|
|
512
|
-
fixedRowHeight:
|
|
508
|
+
minItemArea: 6,
|
|
509
|
+
defaultItemCols: 1,
|
|
510
|
+
defaultItemRows: 1,
|
|
511
|
+
fixedColWidth: 105,
|
|
512
|
+
fixedRowHeight: 105,
|
|
513
513
|
keepFixedHeightInMobile: false,
|
|
514
514
|
keepFixedWidthInMobile: false,
|
|
515
515
|
scrollSensitivity: 10,
|
|
@@ -1019,7 +1019,7 @@
|
|
|
1019
1019
|
{ type: core.Component, args: [{
|
|
1020
1020
|
selector: 'ra-dashboard-area',
|
|
1021
1021
|
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",
|
|
1022
|
-
styles: ["gridster{width:inherit;resize:height;display:flex;background-color:#fcfcfc}
|
|
1022
|
+
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)}"]
|
|
1023
1023
|
}] }
|
|
1024
1024
|
];
|
|
1025
1025
|
/** @nocollapse */
|
|
@@ -1338,7 +1338,7 @@
|
|
|
1338
1338
|
{ type: core.Component, args: [{
|
|
1339
1339
|
selector: 'ra-widget-container',
|
|
1340
1340
|
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 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>",
|
|
1341
|
-
styles: [".wcheader{width:100%;height:
|
|
1341
|
+
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}"]
|
|
1342
1342
|
}] }
|
|
1343
1343
|
];
|
|
1344
1344
|
/** @nocollapse */
|