@schneideress/dashboardframework 0.0.37 → 0.0.39
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 +48 -29
- 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 +3 -3
- 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 +3 -3
- package/fesm2015/schneideress-dashboardframework.js +33 -25
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +48 -29
- 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
|
@@ -806,7 +806,7 @@
|
|
|
806
806
|
/** @type {?} */
|
|
807
807
|
var GridsterConfigDefaultSettings = {
|
|
808
808
|
gridType: GridType.ScrollVertical,
|
|
809
|
-
compactType: CompactType.
|
|
809
|
+
compactType: CompactType.None,
|
|
810
810
|
margin: 0,
|
|
811
811
|
outerMargin: true,
|
|
812
812
|
outerMarginTop: null,
|
|
@@ -842,7 +842,7 @@
|
|
|
842
842
|
ignoreMarginInRow: true,
|
|
843
843
|
draggable: {
|
|
844
844
|
enabled: true,
|
|
845
|
-
dragHandleClass: '
|
|
845
|
+
dragHandleClass: 'widget-move',
|
|
846
846
|
ignoreContent: true
|
|
847
847
|
},
|
|
848
848
|
resizable: {
|
|
@@ -875,8 +875,8 @@
|
|
|
875
875
|
this.widgetList = Array();
|
|
876
876
|
this.gridheight = 300;
|
|
877
877
|
this.isWidgetLoaded = false;
|
|
878
|
-
this.widgetHeight =
|
|
879
|
-
this.widgetWidth =
|
|
878
|
+
this.widgetHeight = 50;
|
|
879
|
+
this.widgetWidth = 60;
|
|
880
880
|
}
|
|
881
881
|
/**
|
|
882
882
|
* @return {?}
|
|
@@ -1439,6 +1439,7 @@
|
|
|
1439
1439
|
this.isWidgetLoaded = false;
|
|
1440
1440
|
this.isIEOrEdge = /msie\s|trident\/|edge\//i.test(window.navigator.userAgent);
|
|
1441
1441
|
this.lockClass = "unlocked";
|
|
1442
|
+
this.lockStatus = "unlock";
|
|
1442
1443
|
this.widgetDeleted = new core.EventEmitter();
|
|
1443
1444
|
}
|
|
1444
1445
|
/**
|
|
@@ -1630,7 +1631,7 @@
|
|
|
1630
1631
|
widgetConfigFilter.widgetInfo = (/** @type {?} */ ({}));
|
|
1631
1632
|
widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
|
|
1632
1633
|
widgetContainer.widgetElement.loadContent(widgetConfigFilter);
|
|
1633
|
-
return [4 /*yield*/, widgetContainer.
|
|
1634
|
+
return [4 /*yield*/, widgetContainer.setLock(widgetConfigFilter.config)];
|
|
1634
1635
|
case 1:
|
|
1635
1636
|
_a.sent();
|
|
1636
1637
|
return [2 /*return*/];
|
|
@@ -1656,50 +1657,66 @@
|
|
|
1656
1657
|
* @return {?}
|
|
1657
1658
|
*/
|
|
1658
1659
|
function (widgetInfo) {
|
|
1659
|
-
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1660
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
1661
|
+
var widgetContainerContext, widgetConfigFilter;
|
|
1662
|
+
return __generator(this, function (_a) {
|
|
1663
|
+
switch (_a.label) {
|
|
1664
|
+
case 0:
|
|
1665
|
+
widgetContainerContext = this;
|
|
1666
|
+
widgetConfigFilter = (/** @type {?} */ ({
|
|
1667
|
+
config: widgetInfo.widgetConfigInfo.config,
|
|
1668
|
+
globalFilter: this.globalFilter,
|
|
1669
|
+
appConfig: this.appConfig,
|
|
1670
|
+
widgetInfo: widgetInfo
|
|
1671
|
+
}));
|
|
1672
|
+
if (!widgetContainerContext.isWidgetLoaded) return [3 /*break*/, 2];
|
|
1673
|
+
widgetContainerContext.widgetElement.loadContent(widgetConfigFilter);
|
|
1674
|
+
return [4 /*yield*/, this.setLock(widgetConfigFilter.config)];
|
|
1675
|
+
case 1:
|
|
1676
|
+
_a.sent();
|
|
1677
|
+
_a.label = 2;
|
|
1678
|
+
case 2: return [2 /*return*/];
|
|
1679
|
+
}
|
|
1680
|
+
});
|
|
1681
|
+
});
|
|
1672
1682
|
};
|
|
1673
1683
|
/**
|
|
1674
1684
|
* @private
|
|
1685
|
+
* @param {?} config
|
|
1675
1686
|
* @return {?}
|
|
1676
1687
|
*/
|
|
1677
|
-
RAWidgetContainer.prototype.
|
|
1688
|
+
RAWidgetContainer.prototype.setLock = /**
|
|
1678
1689
|
* @private
|
|
1690
|
+
* @param {?} config
|
|
1679
1691
|
* @return {?}
|
|
1680
1692
|
*/
|
|
1681
|
-
function () {
|
|
1693
|
+
function (config) {
|
|
1682
1694
|
return __awaiter(this, void 0, void 0, function () {
|
|
1683
|
-
var
|
|
1684
|
-
return __generator(this, function (
|
|
1685
|
-
switch (
|
|
1686
|
-
case 0:
|
|
1695
|
+
var _a;
|
|
1696
|
+
return __generator(this, function (_b) {
|
|
1697
|
+
switch (_b.label) {
|
|
1698
|
+
case 0:
|
|
1699
|
+
_a = this;
|
|
1700
|
+
return [4 /*yield*/, this.widgetElement.loadLockStatus(config)];
|
|
1687
1701
|
case 1:
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
switch (lockstatus) {
|
|
1702
|
+
_a.lockStatus = _b.sent();
|
|
1703
|
+
if (this.lockStatus) {
|
|
1704
|
+
switch (this.lockStatus) {
|
|
1692
1705
|
case "lock": {
|
|
1693
1706
|
this.lockClass = "fa fa-lock locked";
|
|
1707
|
+
break;
|
|
1694
1708
|
}
|
|
1695
1709
|
case "unlock": {
|
|
1696
1710
|
this.lockClass = "unlocked";
|
|
1711
|
+
break;
|
|
1697
1712
|
}
|
|
1698
1713
|
case "partiallock": {
|
|
1699
1714
|
this.lockClass = "fa fa-lock partiallocked";
|
|
1715
|
+
break;
|
|
1700
1716
|
}
|
|
1701
1717
|
default: {
|
|
1702
1718
|
this.lockClass = "unlocked";
|
|
1719
|
+
break;
|
|
1703
1720
|
}
|
|
1704
1721
|
}
|
|
1705
1722
|
}
|
|
@@ -1711,7 +1728,7 @@
|
|
|
1711
1728
|
RAWidgetContainer.decorators = [
|
|
1712
1729
|
{ type: core.Component, args: [{
|
|
1713
1730
|
selector: 'ra-widget-container',
|
|
1714
|
-
template: "<div class=\"wc-wrapper\">\r\n <div class=\"wcheader\">\r\n <div class=\"col-md-12 wc-mover\">\r\n <div
|
|
1731
|
+
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 class=\"wcBodyBorder\" #ctlWidget></div>\r\n </perfect-scrollbar>\r\n </div>\r\n</div>",
|
|
1715
1732
|
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}"]
|
|
1716
1733
|
}] }
|
|
1717
1734
|
];
|
|
@@ -1762,6 +1779,8 @@
|
|
|
1762
1779
|
/** @type {?} */
|
|
1763
1780
|
RAWidgetContainer.prototype.lockClass;
|
|
1764
1781
|
/** @type {?} */
|
|
1782
|
+
RAWidgetContainer.prototype.lockStatus;
|
|
1783
|
+
/** @type {?} */
|
|
1765
1784
|
RAWidgetContainer.prototype.ctlWidget;
|
|
1766
1785
|
/** @type {?} */
|
|
1767
1786
|
RAWidgetContainer.prototype.widgetInstanceId;
|