/
WidgetLoadingComponent.jsx
113 lines (93 loc) · 3.49 KB
/
WidgetLoadingComponent.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
/*
* Copyright (c) 2017, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
*
* WSO2 Inc. licenses this file to you under the Apache License,
* Version 2.0 (the "License"); you may not use this file except
* in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*
*/
import GoldenLayout from 'golden-layout';
let dashboardLayout = new GoldenLayout();
let registeredWidgetsCount = 0;
let widgets = new Map();
let widgetCount = 0;
let finishedRegisteringCallback;
function registerWidget(widgetId, widgetObj) {
if (!widgets.get(widgetId)) {
widgets.set(widgetId, widgetObj);
dashboardLayout.registerComponent(widgetId, widgets.get(widgetId));
registeredWidgetsCount++;
if (registeredWidgetsCount === widgetCount) {
finishedRegisteringCallback ? finishedRegisteringCallback(true) : "";
global.dashboard.universalWidgetList.map(universalWidget => {
if (widgets.get("UniversalGadget")) {
dashboardLayout.registerComponent(universalWidget, widgets.get("UniversalGadget"));
}
});
dashboardLayout.init();
}
}
}
function getWidget(widgetId) {
return widgets.get(widgetId);
}
class WidgetLoadingComponent {
createGoldenLayoutInstance(config, container, onModified) {
dashboardLayout = new GoldenLayout(config, container);
// TODO identify an event which invokes when a component gets manipulated
return dashboardLayout;
}
setRegisteredWidgetsCount(registeredWidgets) {
registeredWidgetsCount = registeredWidgets;
}
setWidgetsMap(widgetsMap) {
widgets = widgetsMap;
}
setWidgetCount(widgetsCount) {
widgetCount = widgetsCount;
}
loadWidget(widgetID) {
let head = document.getElementsByTagName('head')[0];
let script = document.createElement('script');
//TODO Need to get the app context properly when the server is ready
let appContext = window.contextPath;
let baseURL = window.location.origin;
script.type = 'text/javascript';
script.src = baseURL + appContext + "/public/extensions/widgets/" + widgetID + "/" + widgetID + ".js";
head.appendChild(script);
}
createDragSource(widget, newItemConfig) {
return dashboardLayout.createDragSource(widget, newItemConfig);
}
setfinishedRegisteringCallback(callback) {
finishedRegisteringCallback = callback;
}
callFinishedRegisteringCallback() {
finishedRegisteringCallback ? finishedRegisteringCallback(true, true) : "";
}
initializeDashboard() {
dashboardLayout.init();
}
getWidgetMap() {
return widgets;
}
registerComponent(name,object){
dashboardLayout.registerComponent(name,object);
}
}
let widgetLoadingComponent = new WidgetLoadingComponent();
global.dashboard = {};
global.dashboard.registerWidget = registerWidget;
global.dashboard.getWidget = getWidget;
global.dashboard.pubsubMap = new Map();
export {registeredWidgetsCount, widgets, widgetCount, widgetLoadingComponent, dashboardLayout};