@schneideress/dashboardframework 0.0.38 → 0.0.40
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 +47 -28
- 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 +3 -3
- package/esm2015/lib/ra-widget-container/ra.widget.container.component.js +30 -22
- package/esm2015/lib/ra.gridster.config.js +2 -2
- package/esm5/lib/ra-dashboard-area/ra.dashboard.area.js +3 -3
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +45 -26
- package/esm5/lib/ra.gridster.config.js +2 -2
- package/fesm2015/schneideress-dashboardframework.js +32 -24
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +47 -28
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/lib/ra-widget-container/ra.widget.container.component.d.ts +3 -2
- package/package.json +1 -1
- package/schneideress-dashboardframework.metadata.json +1 -1
|
@@ -616,7 +616,7 @@ if (false) {
|
|
|
616
616
|
/** @type {?} */
|
|
617
617
|
var GridsterConfigDefaultSettings = {
|
|
618
618
|
gridType: GridType.ScrollVertical,
|
|
619
|
-
compactType: CompactType.
|
|
619
|
+
compactType: CompactType.None,
|
|
620
620
|
margin: 0,
|
|
621
621
|
outerMargin: true,
|
|
622
622
|
outerMarginTop: null,
|
|
@@ -685,8 +685,8 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
685
685
|
this.widgetList = Array();
|
|
686
686
|
this.gridheight = 300;
|
|
687
687
|
this.isWidgetLoaded = false;
|
|
688
|
-
this.widgetHeight =
|
|
689
|
-
this.widgetWidth =
|
|
688
|
+
this.widgetHeight = 50;
|
|
689
|
+
this.widgetWidth = 60;
|
|
690
690
|
}
|
|
691
691
|
/**
|
|
692
692
|
* @return {?}
|
|
@@ -1249,6 +1249,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1249
1249
|
this.isWidgetLoaded = false;
|
|
1250
1250
|
this.isIEOrEdge = /msie\s|trident\/|edge\//i.test(window.navigator.userAgent);
|
|
1251
1251
|
this.lockClass = "unlocked";
|
|
1252
|
+
this.lockStatus = "unlock";
|
|
1252
1253
|
this.widgetDeleted = new EventEmitter();
|
|
1253
1254
|
}
|
|
1254
1255
|
/**
|
|
@@ -1440,7 +1441,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1440
1441
|
widgetConfigFilter.widgetInfo = (/** @type {?} */ ({}));
|
|
1441
1442
|
widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
|
|
1442
1443
|
widgetContainer.widgetElement.loadContent(widgetConfigFilter);
|
|
1443
|
-
return [4 /*yield*/, widgetContainer.
|
|
1444
|
+
return [4 /*yield*/, widgetContainer.setLock(widgetConfigFilter.config)];
|
|
1444
1445
|
case 1:
|
|
1445
1446
|
_a.sent();
|
|
1446
1447
|
return [2 /*return*/];
|
|
@@ -1466,50 +1467,66 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1466
1467
|
* @return {?}
|
|
1467
1468
|
*/
|
|
1468
1469
|
function (widgetInfo) {
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1470
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
1471
|
+
var widgetContainerContext, widgetConfigFilter;
|
|
1472
|
+
return __generator(this, function (_a) {
|
|
1473
|
+
switch (_a.label) {
|
|
1474
|
+
case 0:
|
|
1475
|
+
widgetContainerContext = this;
|
|
1476
|
+
widgetConfigFilter = (/** @type {?} */ ({
|
|
1477
|
+
config: widgetInfo.widgetConfigInfo.config,
|
|
1478
|
+
globalFilter: this.globalFilter,
|
|
1479
|
+
appConfig: this.appConfig,
|
|
1480
|
+
widgetInfo: widgetInfo
|
|
1481
|
+
}));
|
|
1482
|
+
if (!widgetContainerContext.isWidgetLoaded) return [3 /*break*/, 2];
|
|
1483
|
+
widgetContainerContext.widgetElement.loadContent(widgetConfigFilter);
|
|
1484
|
+
return [4 /*yield*/, this.setLock(widgetConfigFilter.config)];
|
|
1485
|
+
case 1:
|
|
1486
|
+
_a.sent();
|
|
1487
|
+
_a.label = 2;
|
|
1488
|
+
case 2: return [2 /*return*/];
|
|
1489
|
+
}
|
|
1490
|
+
});
|
|
1491
|
+
});
|
|
1482
1492
|
};
|
|
1483
1493
|
/**
|
|
1484
1494
|
* @private
|
|
1495
|
+
* @param {?} config
|
|
1485
1496
|
* @return {?}
|
|
1486
1497
|
*/
|
|
1487
|
-
RAWidgetContainer.prototype.
|
|
1498
|
+
RAWidgetContainer.prototype.setLock = /**
|
|
1488
1499
|
* @private
|
|
1500
|
+
* @param {?} config
|
|
1489
1501
|
* @return {?}
|
|
1490
1502
|
*/
|
|
1491
|
-
function () {
|
|
1503
|
+
function (config) {
|
|
1492
1504
|
return __awaiter(this, void 0, void 0, function () {
|
|
1493
|
-
var
|
|
1494
|
-
return __generator(this, function (
|
|
1495
|
-
switch (
|
|
1496
|
-
case 0:
|
|
1505
|
+
var _a;
|
|
1506
|
+
return __generator(this, function (_b) {
|
|
1507
|
+
switch (_b.label) {
|
|
1508
|
+
case 0:
|
|
1509
|
+
_a = this;
|
|
1510
|
+
return [4 /*yield*/, this.widgetElement.loadLockStatus(config)];
|
|
1497
1511
|
case 1:
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
switch (lockstatus) {
|
|
1512
|
+
_a.lockStatus = _b.sent();
|
|
1513
|
+
if (this.lockStatus) {
|
|
1514
|
+
switch (this.lockStatus) {
|
|
1502
1515
|
case "lock": {
|
|
1503
1516
|
this.lockClass = "fa fa-lock locked";
|
|
1517
|
+
break;
|
|
1504
1518
|
}
|
|
1505
1519
|
case "unlock": {
|
|
1506
1520
|
this.lockClass = "unlocked";
|
|
1521
|
+
break;
|
|
1507
1522
|
}
|
|
1508
1523
|
case "partiallock": {
|
|
1509
1524
|
this.lockClass = "fa fa-lock partiallocked";
|
|
1525
|
+
break;
|
|
1510
1526
|
}
|
|
1511
1527
|
default: {
|
|
1512
1528
|
this.lockClass = "unlocked";
|
|
1529
|
+
break;
|
|
1513
1530
|
}
|
|
1514
1531
|
}
|
|
1515
1532
|
}
|
|
@@ -1521,7 +1538,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1521
1538
|
RAWidgetContainer.decorators = [
|
|
1522
1539
|
{ type: Component, args: [{
|
|
1523
1540
|
selector: 'ra-widget-container',
|
|
1524
|
-
template: "<div class=\"wc-wrapper\">\r\n <div class=\"wcheader\">\r\n <div class=\"col-md-12 wc-mover\">\r\n <div style=\"display:flex\">\r\n <div class=\"col-md-11 float-left widget-move\" style=\"width:96%;\">{{data.widgetInfo.widgetTitle}}\r\n </div>\r\n <div class=\"col-md-1\">\r\n <div class=\"float-right\" style=\"display: flex
|
|
1541
|
+
template: "<div class=\"wc-wrapper\">\r\n <div class=\"wcheader\">\r\n <div class=\"col-md-12 wc-mover\">\r\n <div style=\"display:flex\">\r\n <div class=\"col-md-11 float-left widget-move\" style=\"width:96%;\">{{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\" [style.height.px]=\"widgetHeight\">\r\n <perfect-scrollbar [scrollIndicators]=\"true\">\r\n <div #ctlWidget></div>\r\n </perfect-scrollbar>\r\n </div>\r\n</div>",
|
|
1525
1542
|
styles: [".wcheader{width:100%;height:26px;background:#fff;color:#3dcd58;padding:7px 7px 0 6px;font-family:\"Arial Rounded MT\";border-bottom:1px solid;border-color:#fff;font-size:16px}.wc-mover{cursor:all-scroll}.wcBody{padding:8px}.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:1;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}"]
|
|
1526
1543
|
}] }
|
|
1527
1544
|
];
|
|
@@ -1572,6 +1589,8 @@ if (false) {
|
|
|
1572
1589
|
/** @type {?} */
|
|
1573
1590
|
RAWidgetContainer.prototype.lockClass;
|
|
1574
1591
|
/** @type {?} */
|
|
1592
|
+
RAWidgetContainer.prototype.lockStatus;
|
|
1593
|
+
/** @type {?} */
|
|
1575
1594
|
RAWidgetContainer.prototype.ctlWidget;
|
|
1576
1595
|
/** @type {?} */
|
|
1577
1596
|
RAWidgetContainer.prototype.widgetInstanceId;
|