@agilemotion/oui-react-js 1.3.8 → 1.3.9
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/README.TXT +1 -0
- package/dist/ApplicationContext.js +161 -284
- package/dist/BasicApp.js +1 -1
- package/dist/BasicAppHome.js +17 -4
- package/dist/BusinessPortalApp.js +1 -1
- package/dist/BusinessPortalAppHome.js +10 -39
- package/dist/DynamicJS.js +20 -52
- package/dist/RestUtils.js +83 -108
- package/dist/Utils.js +36 -30
- package/dist/assets/jss/components/authNavbarStyle.js +34 -35
- package/dist/assets/jss/components/cardHeaderStyle.js +12 -12
- package/dist/assets/jss/components/customDropdownStyle.js +26 -26
- package/dist/assets/jss/components/customInputStyle.js +2 -8
- package/dist/assets/jss/components/dropdownStyle.js +10 -15
- package/dist/assets/jss/components/footerStyle.js +12 -18
- package/dist/assets/jss/components/headerLinksStyle.js +7 -13
- package/dist/assets/jss/components/headerStyle.js +24 -25
- package/dist/assets/jss/components/navbarLinksStyle.js +7 -13
- package/dist/assets/jss/components/navbarStyle.js +24 -25
- package/dist/assets/jss/components/sidebarStyle.js +41 -43
- package/dist/assets/jss/components/typographyStyle.js +2 -8
- package/dist/assets/jss/rootStyle.js +32 -47
- package/dist/assets/jss/views/layoutStyle.js +6 -11
- package/dist/assets/jss/views/loginStyle.js +4 -10
- package/dist/assets/lotties/call-loading.json +1 -0
- package/dist/assets/lotties/calling-2.json +1 -0
- package/dist/assets/lotties/calling.json +1 -0
- package/dist/assets/lotties/calling2.json +1 -0
- package/dist/assets/lotties/chat.json +1 -0
- package/dist/assets/lotties/join.json +1 -0
- package/dist/assets/lotties/loading.json +1 -0
- package/dist/assets/lotties/msg2.json +1 -0
- package/dist/assets/lotties/recording.json +1 -0
- package/dist/assets/lotties/waiting.json +1 -0
- package/dist/assets/scss/black-dashboard-react/bootstrap/_card.scss +5 -5
- package/dist/assets/scss/black-dashboard-react/bootstrap/_carousel.scss +2 -2
- package/dist/assets/scss/black-dashboard-react/bootstrap/_custom-forms.scss +3 -3
- package/dist/assets/scss/black-dashboard-react/bootstrap/_functions.scss +1 -1
- package/dist/assets/scss/black-dashboard-react/bootstrap/_images.scss +1 -1
- package/dist/assets/scss/black-dashboard-react/bootstrap/_jumbotron.scss +1 -1
- package/dist/assets/scss/black-dashboard-react/bootstrap/_popover.scss +7 -5
- package/dist/assets/scss/black-dashboard-react/bootstrap/_tooltip.scss +4 -4
- package/dist/assets/scss/black-dashboard-react/bootstrap/_variables.scss +5 -5
- package/dist/assets/scss/black-dashboard-react/bootstrap/mixins/_grid-framework.scss +2 -2
- package/dist/assets/scss/black-dashboard-react/bootstrap/mixins/_grid.scss +11 -9
- package/dist/assets/scss/black-dashboard-react/bootstrap/utilities/_embed.scss +6 -4
- package/dist/assets/scss/black-dashboard-react/custom/_variables.scss +1 -1
- package/dist/components/AlertBar.js +39 -80
- package/dist/components/AlertItem.js +4 -26
- package/dist/components/Button.js +24 -36
- package/dist/components/Calendar.js +478 -0
- package/dist/components/Calender.css +244 -0
- package/dist/components/ConfirmationDialog.js +5 -29
- package/dist/components/DataGrid.js +169 -338
- package/dist/components/DataGridColumn.js +5 -28
- package/dist/components/DataGridFilter.js +46 -114
- package/dist/components/DataGridHeading.js +11 -19
- package/dist/components/Dialog.js +27 -121
- package/dist/components/DocumentViewer.js +8 -34
- package/dist/components/DocumentViewerComponent.js +2 -20
- package/dist/components/FileThumb.js +115 -0
- package/dist/components/Graph.js +25 -75
- package/dist/components/GraphNode.js +4 -21
- package/dist/components/HtmlPanel.js +59 -78
- package/dist/components/Icon.js +99 -1
- package/dist/components/LoadingIndicator.js +4 -4
- package/dist/components/LottieIcon.js +134 -0
- package/dist/components/PopupView.js +2 -20
- package/dist/components/RegularButton.js +15 -19
- package/dist/components/SignaturePanel.js +9 -40
- package/dist/components/SocketManager.js +170 -0
- package/dist/components/StepperTitleBar.js +30 -56
- package/dist/components/TabPage.js +6 -9
- package/dist/components/TabPanel.js +41 -98
- package/dist/components/TableCellContent.js +30 -38
- package/dist/components/TemplateDesigner.js +107 -151
- package/dist/components/TemplateItemEventHandler.js +33 -100
- package/dist/components/TemplateTable.js +6 -42
- package/dist/components/TitleBar.js +35 -52
- package/dist/components/Toolbar.js +33 -179
- package/dist/components/Tree.js +27 -64
- package/dist/components/card/Card.js +16 -20
- package/dist/components/card/CardAvatar.js +9 -13
- package/dist/components/card/CardBody.js +13 -17
- package/dist/components/card/CardFooter.js +12 -16
- package/dist/components/card/CardHeader.js +13 -17
- package/dist/components/card/CardIcon.js +6 -10
- package/dist/components/card/CardText.js +6 -10
- package/dist/components/customInput/CustomInput.js +12 -10
- package/dist/components/dashboard/BasicBusinessAppDashboard.js +79 -155
- package/dist/components/dashboard/BusinessPortalAppDashboard.js +30 -75
- package/dist/components/dashboard/components/Header.js +8 -25
- package/dist/components/dashboard/components/LeftDrawer.js +3 -1
- package/dist/components/dashboard/components/blackDashboard/fixedPlugin/FixedPlugin.js +1 -1
- package/dist/components/dashboard/components/blackDashboard/sidebar/Sidebar.js +138 -30
- package/dist/components/footer/Footer.js +6 -18
- package/dist/components/form/AddressSearch.js +32 -66
- package/dist/components/form/AutoComplete.js +160 -0
- package/dist/components/form/BaseField.js +66 -96
- package/dist/components/form/DatePicker.js +3 -21
- package/dist/components/form/FieldSet.js +158 -180
- package/dist/components/form/Form.css +1 -1
- package/dist/components/form/Form.js +137 -471
- package/dist/components/form/GridField.js +46 -146
- package/dist/components/form/IconField.js +35 -0
- package/dist/components/form/ImageEditor.js +19 -57
- package/dist/components/form/LookupField.js +8 -29
- package/dist/components/form/MultiFileUploadField.js +186 -0
- package/dist/components/form/RadioGroup.js +1 -16
- package/dist/components/form/Section.js +31 -92
- package/dist/components/form/SelectItem.js +14 -33
- package/dist/components/form/SignatureTemplateDesignerField.js +0 -1
- package/dist/components/form/Switch.js +53 -0
- package/dist/components/form/TextField.js +10 -17
- package/dist/components/form/TimePicker.js +7 -1
- package/dist/components/form/TransferList.css +2 -2
- package/dist/components/form/TransferList.js +67 -125
- package/dist/components/form/UploadField.js +27 -79
- package/dist/components/form/fieldset.css +8 -0
- package/dist/components/grid/GridContainer.js +5 -9
- package/dist/components/grid/GridItem.js +5 -9
- package/dist/components/layout/CollapsiblePanel.js +11 -33
- package/dist/components/layout/Layout.js +175 -290
- package/dist/components/layout/VC.css +17 -0
- package/dist/components/layout/View.css +17 -1
- package/dist/components/layout/View.js +77 -194
- package/dist/components/loader.css +1 -1
- package/dist/components/media/ClosablePanel.css +37 -0
- package/dist/components/media/ClosablePanel.js +53 -0
- package/dist/components/media/LobbyWaitingList.js +91 -0
- package/dist/components/media/MediaSoupHelper.js +223 -0
- package/dist/components/media/Recorder.js +235 -0
- package/dist/components/media/SideBarContent.css +54 -0
- package/dist/components/media/SideBarContent.js +46 -0
- package/dist/components/media/SocketRequest.js +20 -0
- package/dist/components/media/SocketResponse.js +16 -0
- package/dist/components/media/Timer.css +30 -0
- package/dist/components/media/Timer.js +88 -0
- package/dist/components/media/Toolbar.css +20 -0
- package/dist/components/media/Toolbar.js +470 -0
- package/dist/components/media/Tracks.js +39 -0
- package/dist/components/media/TrainingRoom.js +531 -0
- package/dist/components/media/Transports.js +35 -0
- package/dist/components/media/VCEventManager.js +74 -0
- package/dist/components/media/VCEventType.js +164 -0
- package/dist/components/media/VCParticipantList.css +72 -0
- package/dist/components/media/VCParticipantList.js +56 -0
- package/dist/components/media/VCParticipantListItem.css +73 -0
- package/dist/components/media/VCParticipantListItem.js +319 -0
- package/dist/components/media/VCRoom.css +42 -0
- package/dist/components/media/VCRoom.js +90 -0
- package/dist/components/media/VCRoomParticipant.css +25 -0
- package/dist/components/media/VCRoomParticipant.js +806 -0
- package/dist/components/media/VCRoomWorkspace.css +86 -0
- package/dist/components/media/VCRoomWorkspace.js +653 -0
- package/dist/components/media/Video.css +4 -0
- package/dist/components/media/Video.js +131 -0
- package/dist/components/media/chat/ChatRoom.js +926 -0
- package/dist/components/media/chat/ChatRoomItem.js +83 -0
- package/dist/components/media/chat/ChatRoomList.js +78 -0
- package/dist/components/media/chat/ChatRooms.scss +567 -0
- package/dist/components/menu/CollapsibleMenu.js +2 -19
- package/dist/components/menu/MenuBars.js +6 -33
- package/dist/components/menu/MenuButton.js +7 -35
- package/dist/components/menu/MenuItem.js +3 -20
- package/dist/components/menu/MenuLink.js +18 -12
- package/dist/components/navbars/AuthNavbar.js +5 -18
- package/dist/components/navbars/HomeNavbar.js +3 -5
- package/dist/components/navbars/PortalNavbar.js +4 -22
- package/dist/components/signatures/AgilitySignaturePanel.js +35 -101
- package/dist/components/signatures/AlertItem.js +3 -24
- package/dist/components/signatures/DocumentContainer.js +47 -134
- package/dist/components/signatures/ImageSignatureInput.js +8 -35
- package/dist/components/signatures/MenuButton.js +1 -16
- package/dist/components/signatures/Prompt.js +3 -24
- package/dist/components/signatures/ResponsiveTable.js +42 -83
- package/dist/components/signatures/SearchView.js +13 -50
- package/dist/components/signatures/SignatorySearch.js +83 -99
- package/dist/components/signatures/SignatorySearchForm.js +11 -17
- package/dist/components/signatures/SignatureInput.js +15 -44
- package/dist/components/signatures/SignatureInputProps.js +18 -60
- package/dist/components/signatures/SignatureTemplateDesigner.js +147 -235
- package/dist/components/signatures/Toolbar.js +7 -34
- package/dist/components/signatures/ViewUtils.js +2 -6
- package/dist/components/typography/Danger.js +3 -1
- package/dist/components/typography/Info.js +3 -1
- package/dist/components/typography/Link.js +6 -2
- package/dist/event/ActionHandlers.js +3 -3
- package/dist/event/EventType.js +7 -1
- package/dist/event/LoadDataActionHandler.js +1 -1
- package/dist/event/Observable.js +56 -168
- package/dist/event/RouteActionHandler.js +45 -11
- package/dist/event/ServiceCallActionHandler.js +34 -24
- package/dist/js/Addresses.js +10 -8
- package/dist/js/Media.js +157 -0
- package/dist/redux/store/ConfigureStore.js +3 -9
- package/dist/redux/store/DashboardStore.js +42 -94
- package/dist/redux/store/SecurityStore.js +15 -50
- package/dist/view/Dashboard.js +242 -163
- package/dist/view/security/ChangePasswordBasic.js +23 -76
- package/dist/view/security/ForgotPassword.js +9 -42
- package/dist/view/security/ForgotPasswordBasic.js +8 -41
- package/dist/view/security/Login.js +11 -47
- package/dist/view/security/LoginBasic.js +8 -41
- package/dist/view/security/LoginBusinessPortal.js +8 -41
- package/dist/view/security/ResetPassword.js +9 -47
- package/dist/view/security/ResetPasswordBasic.js +21 -71
- package/dist/view/security/Security.js +1 -0
- package/package.json +29 -13
- package/README.md +0 -1623
- package/dist/components/dashboard/BasicApp.js +0 -140
- package/dist/components/navbars/NavbarLinks.js +0 -212
- package/dist/components/signatures/OLD.js +0 -1138
|
@@ -29,79 +29,36 @@ var _DashboardStore = require("../../redux/store/DashboardStore");
|
|
|
29
29
|
|
|
30
30
|
var _ApplicationContext = _interopRequireDefault(require("../../ApplicationContext"));
|
|
31
31
|
|
|
32
|
+
var _SocketManager = _interopRequireDefault(require("../SocketManager"));
|
|
33
|
+
|
|
32
34
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
33
35
|
|
|
34
36
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
35
37
|
|
|
36
|
-
|
|
38
|
+
let ps;
|
|
37
39
|
|
|
38
|
-
|
|
40
|
+
const BasicBusinessAppDashboard = props => {
|
|
41
|
+
const [navDrawerOpen, setNavDrawerOpen] = _react.default.useState(true);
|
|
39
42
|
|
|
40
|
-
|
|
43
|
+
const [loading, setLoading] = _react.default.useState(true);
|
|
41
44
|
|
|
42
|
-
|
|
45
|
+
const [activeColor, setActiveColor] = _react.default.useState('blue');
|
|
43
46
|
|
|
44
|
-
|
|
47
|
+
const [secondaryThemeColor, setSecondaryThemeColor] = _react.default.useState('');
|
|
45
48
|
|
|
46
|
-
|
|
49
|
+
const [primaryThemeColor, setPrimaryThemeColor] = _react.default.useState('');
|
|
47
50
|
|
|
48
|
-
|
|
51
|
+
const [themeTextColor, setThemeTextColor] = _react.default.useState('');
|
|
49
52
|
|
|
50
|
-
const
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
const
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
setLoading = _React$useState4[1];
|
|
60
|
-
|
|
61
|
-
const _React$useState5 = _react.default.useState("blue"),
|
|
62
|
-
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
63
|
-
activeColor = _React$useState6[0],
|
|
64
|
-
setActiveColor = _React$useState6[1];
|
|
65
|
-
|
|
66
|
-
const _React$useState7 = _react.default.useState(""),
|
|
67
|
-
_React$useState8 = _slicedToArray(_React$useState7, 2),
|
|
68
|
-
secondaryThemeColor = _React$useState8[0],
|
|
69
|
-
setSecondaryThemeColor = _React$useState8[1];
|
|
70
|
-
|
|
71
|
-
const _React$useState9 = _react.default.useState(""),
|
|
72
|
-
_React$useState10 = _slicedToArray(_React$useState9, 2),
|
|
73
|
-
primaryThemeColor = _React$useState10[0],
|
|
74
|
-
setPrimaryThemeColor = _React$useState10[1];
|
|
75
|
-
|
|
76
|
-
const _React$useState11 = _react.default.useState(""),
|
|
77
|
-
_React$useState12 = _slicedToArray(_React$useState11, 2),
|
|
78
|
-
themeTextColor = _React$useState12[0],
|
|
79
|
-
setThemeTextColor = _React$useState12[1];
|
|
80
|
-
|
|
81
|
-
const _React$useState13 = _react.default.useState([]),
|
|
82
|
-
_React$useState14 = _slicedToArray(_React$useState13, 2),
|
|
83
|
-
routes = _React$useState14[0],
|
|
84
|
-
setRoutes = _React$useState14[1];
|
|
85
|
-
|
|
86
|
-
const _React$useState15 = _react.default.useState("data:image/png;base64," + props.logo),
|
|
87
|
-
_React$useState16 = _slicedToArray(_React$useState15, 2),
|
|
88
|
-
logo = _React$useState16[0],
|
|
89
|
-
setLogo = _React$useState16[1];
|
|
90
|
-
|
|
91
|
-
const _React$useState17 = _react.default.useState(document.documentElement.className.indexOf("nav-open") !== -1),
|
|
92
|
-
_React$useState18 = _slicedToArray(_React$useState17, 2),
|
|
93
|
-
sidebarOpened = _React$useState18[0],
|
|
94
|
-
setSidebarOpened = _React$useState18[1];
|
|
95
|
-
|
|
96
|
-
const _React$useState19 = _react.default.useState(true),
|
|
97
|
-
_React$useState20 = _slicedToArray(_React$useState19, 2),
|
|
98
|
-
sidebarMini = _React$useState20[0],
|
|
99
|
-
setSidebarMini = _React$useState20[1];
|
|
100
|
-
|
|
101
|
-
const _React$useState21 = _react.default.useState(0),
|
|
102
|
-
_React$useState22 = _slicedToArray(_React$useState21, 2),
|
|
103
|
-
opacity = _React$useState22[0],
|
|
104
|
-
setOpacity = _React$useState22[1];
|
|
53
|
+
const [routes, setRoutes] = _react.default.useState([]);
|
|
54
|
+
|
|
55
|
+
const [logo, setLogo] = _react.default.useState('data:image/png;base64,' + props.logo);
|
|
56
|
+
|
|
57
|
+
const [sidebarOpened, setSidebarOpened] = _react.default.useState(document.documentElement.className.indexOf('nav-open') !== -1);
|
|
58
|
+
|
|
59
|
+
const [sidebarMini, setSidebarMini] = _react.default.useState(true);
|
|
60
|
+
|
|
61
|
+
const [opacity, setOpacity] = _react.default.useState(0);
|
|
105
62
|
|
|
106
63
|
const dispatch = (0, _reactRedux.useDispatch)();
|
|
107
64
|
|
|
@@ -114,36 +71,43 @@ const BasicBusinessAppDashboard = props => {
|
|
|
114
71
|
};
|
|
115
72
|
|
|
116
73
|
_react.default.useEffect(() => {
|
|
117
|
-
if (navigator.platform.indexOf(
|
|
118
|
-
document.documentElement.classList.add(
|
|
119
|
-
document.documentElement.classList.remove(
|
|
120
|
-
let tables = document.querySelectorAll(
|
|
74
|
+
if (navigator.platform.indexOf('Win') > -1) {
|
|
75
|
+
document.documentElement.classList.add('perfect-scrollbar-on');
|
|
76
|
+
document.documentElement.classList.remove('perfect-scrollbar-off');
|
|
77
|
+
let tables = document.querySelectorAll('.table-responsive');
|
|
121
78
|
|
|
122
79
|
for (let i = 0; i < tables.length; i++) {
|
|
123
80
|
ps = new _perfectScrollbar.default(tables[i]);
|
|
124
81
|
}
|
|
125
82
|
}
|
|
126
83
|
|
|
127
|
-
window.addEventListener(
|
|
84
|
+
window.addEventListener('scroll', showNavbarButton);
|
|
128
85
|
});
|
|
129
86
|
|
|
130
87
|
_react.default.useEffect(() => {
|
|
131
88
|
if (props.width !== null && typeof props.width !== 'undefined') {
|
|
132
|
-
alert(props.width);
|
|
133
89
|
setNavDrawerOpen(props.width === _withWidth.LARGE);
|
|
134
90
|
}
|
|
135
91
|
}, [props.width]);
|
|
136
92
|
|
|
137
93
|
_react.default.useEffect(() => {
|
|
138
|
-
|
|
94
|
+
_SocketManager.default.init();
|
|
95
|
+
|
|
96
|
+
return () => {
|
|
97
|
+
_SocketManager.default.disconnect();
|
|
98
|
+
};
|
|
99
|
+
}, []);
|
|
139
100
|
|
|
140
|
-
|
|
101
|
+
_react.default.useEffect(() => {
|
|
102
|
+
document.body.classList.add('white-content');
|
|
103
|
+
|
|
104
|
+
if (navigator.platform.indexOf('Win') > -1) {//ps.destroy();
|
|
141
105
|
//document.documentElement.className.add("perfect-scrollbar-off");
|
|
142
106
|
//document.documentElement.classList.remove("perfect-scrollbar-on");
|
|
143
107
|
}
|
|
144
108
|
|
|
145
|
-
window.removeEventListener(
|
|
146
|
-
setActiveColor(
|
|
109
|
+
window.removeEventListener('scroll', showNavbarButton);
|
|
110
|
+
setActiveColor('agility');
|
|
147
111
|
setSecondaryThemeColor(props.settings.systemProfileDto.secondCorporateBrandColor);
|
|
148
112
|
setPrimaryThemeColor(props.settings.systemProfileDto.firstCorporateBrandColor);
|
|
149
113
|
setThemeTextColor(props.settings.systemProfileDto.themeTextColor);
|
|
@@ -194,9 +158,10 @@ const BasicBusinessAppDashboard = props => {
|
|
|
194
158
|
|
|
195
159
|
let newRoutes = [];
|
|
196
160
|
let newRoute = {};
|
|
197
|
-
newRoute.name =
|
|
198
|
-
newRoute.
|
|
199
|
-
newRoute.
|
|
161
|
+
newRoute.name = 'Dashboard';
|
|
162
|
+
newRoute.id = 'dashboard';
|
|
163
|
+
newRoute.icon = 'fa fa-pie-chart';
|
|
164
|
+
newRoute.layout = '/admin';
|
|
200
165
|
newRoute.level = 0;
|
|
201
166
|
newRoute.isParent = true;
|
|
202
167
|
newRoutes.push(newRoute);
|
|
@@ -208,13 +173,13 @@ const BasicBusinessAppDashboard = props => {
|
|
|
208
173
|
let route = {};
|
|
209
174
|
route.name = module.label;
|
|
210
175
|
route.icon = module.icon;
|
|
211
|
-
route.
|
|
176
|
+
route.menu = module.menu;
|
|
177
|
+
route.layout = '/admin';
|
|
212
178
|
route.level = 0;
|
|
213
179
|
|
|
214
|
-
if (module.
|
|
180
|
+
if (module.menu) {
|
|
215
181
|
route.collapse = true;
|
|
216
|
-
route.state = module.name +
|
|
217
|
-
route.views = getViews(module.menuBar.menus, 1);
|
|
182
|
+
route.state = module.name + 'Collapse';
|
|
218
183
|
}
|
|
219
184
|
|
|
220
185
|
newRoutes.push(route);
|
|
@@ -223,14 +188,15 @@ const BasicBusinessAppDashboard = props => {
|
|
|
223
188
|
|
|
224
189
|
if (props.settings.settingsMenu) {
|
|
225
190
|
newRoute = {};
|
|
226
|
-
newRoute.name =
|
|
227
|
-
newRoute.icon =
|
|
228
|
-
newRoute.layout =
|
|
191
|
+
newRoute.name = 'Settings';
|
|
192
|
+
newRoute.icon = 'fa fa-cog';
|
|
193
|
+
newRoute.layout = '/admin';
|
|
229
194
|
newRoute.isParent = true;
|
|
230
195
|
newRoute.collapse = true;
|
|
231
196
|
newRoute.level = 0;
|
|
232
|
-
newRoute.
|
|
233
|
-
|
|
197
|
+
newRoute.menu = ''; // TODO : set menu value
|
|
198
|
+
|
|
199
|
+
newRoute.state = 'settingsMenuCollapse';
|
|
234
200
|
newRoutes.push(newRoute);
|
|
235
201
|
}
|
|
236
202
|
|
|
@@ -240,53 +206,8 @@ const BasicBusinessAppDashboard = props => {
|
|
|
240
206
|
}
|
|
241
207
|
}, [props.settings]);
|
|
242
208
|
|
|
243
|
-
const getViews = (menus, level) => {
|
|
244
|
-
let newViews = [];
|
|
245
|
-
|
|
246
|
-
for (let i = 0; i < menus.length; i++) {
|
|
247
|
-
let createView = {};
|
|
248
|
-
createView.name = menus[i].attributes.label;
|
|
249
|
-
createView.mini = "SS";
|
|
250
|
-
createView.layout = "/admin";
|
|
251
|
-
createView.level = level;
|
|
252
|
-
|
|
253
|
-
if (menus[i].items && menus[i].items.length > 0) {
|
|
254
|
-
createView.collapse = true;
|
|
255
|
-
createView.state = menus[i].id + "Collapse";
|
|
256
|
-
createView.views = getItems(menus[i].items, level + 1);
|
|
257
|
-
}
|
|
258
|
-
|
|
259
|
-
newViews.push(createView);
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
return newViews;
|
|
263
|
-
};
|
|
264
|
-
|
|
265
|
-
const getItems = (items, level) => {
|
|
266
|
-
let newItems = [];
|
|
267
|
-
|
|
268
|
-
for (let i = 0; i < items.length; i++) {
|
|
269
|
-
let createItem = {};
|
|
270
|
-
createItem.name = items[i].attributes.label;
|
|
271
|
-
createItem.mini = "SS";
|
|
272
|
-
createItem.layout = "/admin";
|
|
273
|
-
createItem.item = items[i];
|
|
274
|
-
createItem.level = level;
|
|
275
|
-
|
|
276
|
-
if (!_Utils.default.isNull(items[i].subMenu)) {
|
|
277
|
-
createItem.collapse = true;
|
|
278
|
-
createItem.state = items[i].id + "SubMenuCollapse";
|
|
279
|
-
createItem.views = getItems(items[i].subMenu.items, level + 1);
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
newItems.push(createItem);
|
|
283
|
-
}
|
|
284
|
-
|
|
285
|
-
return newItems;
|
|
286
|
-
};
|
|
287
|
-
|
|
288
209
|
const toggleSidebar = () => {
|
|
289
|
-
document.documentElement.classList.toggle(
|
|
210
|
+
document.documentElement.classList.toggle('nav-open');
|
|
290
211
|
setSidebarOpened(!sidebarOpened);
|
|
291
212
|
};
|
|
292
213
|
|
|
@@ -304,7 +225,7 @@ const BasicBusinessAppDashboard = props => {
|
|
|
304
225
|
return getRoutes(prop.views);
|
|
305
226
|
}
|
|
306
227
|
|
|
307
|
-
if (prop.layout ===
|
|
228
|
+
if (prop.layout === '/admin') {
|
|
308
229
|
return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
|
|
309
230
|
path: prop.layout + prop.path,
|
|
310
231
|
component: prop.component,
|
|
@@ -317,10 +238,10 @@ const BasicBusinessAppDashboard = props => {
|
|
|
317
238
|
};
|
|
318
239
|
|
|
319
240
|
const getActiveRoute = routes => {
|
|
320
|
-
let activeRoute =
|
|
241
|
+
let activeRoute = 'Dashboard';
|
|
321
242
|
|
|
322
243
|
for (let i = 0; i < routes.length; i++) {
|
|
323
|
-
if (routes[i].collapse) {
|
|
244
|
+
if (routes[i].collapse && routes[i].views) {
|
|
324
245
|
let collapseActiveRoute = getActiveRoute(routes[i].views);
|
|
325
246
|
|
|
326
247
|
if (collapseActiveRoute !== activeRoute) {
|
|
@@ -341,38 +262,38 @@ const BasicBusinessAppDashboard = props => {
|
|
|
341
262
|
};
|
|
342
263
|
|
|
343
264
|
const handleMiniClick = () => {
|
|
344
|
-
let notifyMessage =
|
|
265
|
+
let notifyMessage = 'Sidebar mini ';
|
|
345
266
|
|
|
346
|
-
if (document.body.classList.contains(
|
|
267
|
+
if (document.body.classList.contains('sidebar-mini')) {
|
|
347
268
|
setSidebarMini(false);
|
|
348
|
-
notifyMessage +=
|
|
269
|
+
notifyMessage += 'deactivated...';
|
|
349
270
|
} else {
|
|
350
271
|
setSidebarMini(true);
|
|
351
|
-
notifyMessage +=
|
|
272
|
+
notifyMessage += 'activated...';
|
|
352
273
|
}
|
|
353
274
|
|
|
354
275
|
let options = {};
|
|
355
276
|
options = {
|
|
356
|
-
place:
|
|
277
|
+
place: 'tr',
|
|
357
278
|
message: notifyMessage,
|
|
358
|
-
type:
|
|
359
|
-
icon:
|
|
279
|
+
type: 'primary',
|
|
280
|
+
icon: 'tim-icons icon-bell-55',
|
|
360
281
|
autoDismiss: 7
|
|
361
282
|
};
|
|
362
|
-
document.body.classList.toggle(
|
|
283
|
+
document.body.classList.toggle('sidebar-mini');
|
|
363
284
|
};
|
|
364
285
|
|
|
365
286
|
const closeSidebar = () => {
|
|
366
287
|
setSidebarOpened(false);
|
|
367
|
-
document.documentElement.classList.remove(
|
|
288
|
+
document.documentElement.classList.remove('nav-open');
|
|
368
289
|
};
|
|
369
290
|
|
|
370
|
-
function
|
|
291
|
+
function launchDashboard() {
|
|
371
292
|
_ApplicationContext.default.closeCurrentView(false);
|
|
372
293
|
|
|
373
|
-
_ApplicationContext.default.getViewPortHistory().push(
|
|
294
|
+
_ApplicationContext.default.getViewPortHistory().push('/switch');
|
|
374
295
|
|
|
375
|
-
_ApplicationContext.default.getViewPortHistory().push(
|
|
296
|
+
_ApplicationContext.default.getViewPortHistory().push('/view/dashboard');
|
|
376
297
|
}
|
|
377
298
|
|
|
378
299
|
return loading ? /*#__PURE__*/_react.default.createElement("div", null, "Loading...") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -393,23 +314,26 @@ const BasicBusinessAppDashboard = props => {
|
|
|
393
314
|
className: "tim-icons icon-align-center visible-on-sidebar-regular text-muted"
|
|
394
315
|
}), /*#__PURE__*/_react.default.createElement("i", {
|
|
395
316
|
className: "tim-icons icon-bullet-list-67 visible-on-sidebar-mini text-muted"
|
|
396
|
-
})),
|
|
317
|
+
})), ' '), ' ', /*#__PURE__*/_react.default.createElement(_Sidebar.default, _extends({}, props, {
|
|
397
318
|
routes: routes,
|
|
398
|
-
activeColor:
|
|
319
|
+
activeColor: 'agility',
|
|
399
320
|
secondaryThemeColor: secondaryThemeColor,
|
|
400
|
-
activeRouteMenu:
|
|
401
|
-
|
|
321
|
+
activeRouteMenu: {
|
|
322
|
+
id: 'dashboard',
|
|
323
|
+
name: 'Dashboard'
|
|
324
|
+
},
|
|
325
|
+
className: 'sidebar',
|
|
402
326
|
dashboardLauncher: () => {
|
|
403
|
-
|
|
327
|
+
launchDashboard();
|
|
404
328
|
},
|
|
405
329
|
appLogoPath: props.appLogoPath,
|
|
406
330
|
logo: {
|
|
407
|
-
outterLink:
|
|
408
|
-
text:
|
|
331
|
+
outterLink: '',
|
|
332
|
+
text: '',
|
|
409
333
|
imgSrc: logo
|
|
410
334
|
},
|
|
411
335
|
closeSidebar: closeSidebar
|
|
412
|
-
})),
|
|
336
|
+
})), ' ', /*#__PURE__*/_react.default.createElement("div", {
|
|
413
337
|
className: "main-panel",
|
|
414
338
|
data: activeColor
|
|
415
339
|
}, /*#__PURE__*/_react.default.createElement(_HomeNavbar.default, _extends({}, props, {
|
|
@@ -422,11 +346,11 @@ const BasicBusinessAppDashboard = props => {
|
|
|
422
346
|
settingsMenu: props.settings.settingsMenu,
|
|
423
347
|
toggleSidebar: toggleSidebar,
|
|
424
348
|
logoutCallBack: props.logoutCallBack
|
|
425
|
-
})),
|
|
349
|
+
})), ' ', /*#__PURE__*/_react.default.createElement("div", {
|
|
426
350
|
className: "content"
|
|
427
351
|
}, /*#__PURE__*/_react.default.createElement(_ViewPort.default, {
|
|
428
352
|
settings: props.settings
|
|
429
|
-
}))),
|
|
353
|
+
}))), ' '));
|
|
430
354
|
};
|
|
431
355
|
|
|
432
356
|
BasicBusinessAppDashboard.propTypes = {
|
|
@@ -21,42 +21,16 @@ var _Observable = _interopRequireDefault(require("../../event/Observable"));
|
|
|
21
21
|
|
|
22
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
27
|
-
|
|
28
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
29
|
-
|
|
30
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
31
|
-
|
|
32
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
24
|
+
let ps;
|
|
33
25
|
|
|
34
|
-
|
|
26
|
+
const BusinessPortalAppDashboard = /*#__PURE__*/_react.default.memo(props => {
|
|
27
|
+
const [loading, setLoading] = _react.default.useState(true);
|
|
35
28
|
|
|
36
|
-
|
|
29
|
+
const [routes, setRoutes] = _react.default.useState([]);
|
|
37
30
|
|
|
38
|
-
|
|
31
|
+
const [currentModuleMenu, setCurrentModuleMenu] = _react.default.useState(null);
|
|
39
32
|
|
|
40
|
-
const
|
|
41
|
-
const _React$useState = _react.default.useState(true),
|
|
42
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
43
|
-
loading = _React$useState2[0],
|
|
44
|
-
setLoading = _React$useState2[1];
|
|
45
|
-
|
|
46
|
-
const _React$useState3 = _react.default.useState([]),
|
|
47
|
-
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
48
|
-
routes = _React$useState4[0],
|
|
49
|
-
setRoutes = _React$useState4[1];
|
|
50
|
-
|
|
51
|
-
const _React$useState5 = _react.default.useState(null),
|
|
52
|
-
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
53
|
-
currentModuleMenu = _React$useState6[0],
|
|
54
|
-
setCurrentModuleMenu = _React$useState6[1];
|
|
55
|
-
|
|
56
|
-
const _React$useState7 = _react.default.useState("data:image/png;base64," + props.logo),
|
|
57
|
-
_React$useState8 = _slicedToArray(_React$useState7, 2),
|
|
58
|
-
logo = _React$useState8[0],
|
|
59
|
-
setLogo = _React$useState8[1];
|
|
33
|
+
const [logo, setLogo] = _react.default.useState("data:image/png;base64," + props.logo);
|
|
60
34
|
|
|
61
35
|
const getItems = (items, level) => {
|
|
62
36
|
let newItems = [];
|
|
@@ -113,57 +87,35 @@ const BusinessPortalAppDashboard = /*#__PURE__*/_react.default.memo(props => {
|
|
|
113
87
|
let newRoutes = [];
|
|
114
88
|
let currentMenu = null;
|
|
115
89
|
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
121
|
-
const menu = _step.value;
|
|
122
|
-
|
|
123
|
-
if (menu.id === currentModuleMenu) {
|
|
124
|
-
currentMenu = menu;
|
|
125
|
-
break;
|
|
126
|
-
}
|
|
90
|
+
for (const menu of props.settings.menu.menus) {
|
|
91
|
+
if (menu.id === currentModuleMenu) {
|
|
92
|
+
currentMenu = menu;
|
|
93
|
+
break;
|
|
127
94
|
}
|
|
128
|
-
} catch (err) {
|
|
129
|
-
_iterator.e(err);
|
|
130
|
-
} finally {
|
|
131
|
-
_iterator.f();
|
|
132
95
|
}
|
|
133
96
|
|
|
134
97
|
if (currentMenu != null) {
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
try {
|
|
139
|
-
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
140
|
-
const item = _step2.value;
|
|
98
|
+
for (const item of currentMenu.items) {
|
|
99
|
+
_Observable.default.clearComponentEventListeners(item.id);
|
|
141
100
|
|
|
142
|
-
|
|
101
|
+
let newRoute = {};
|
|
102
|
+
newRoute.name = item.attributes.label;
|
|
143
103
|
|
|
144
|
-
|
|
145
|
-
newRoute.
|
|
146
|
-
|
|
147
|
-
if (!_Utils.default.isNull(item.icon)) {
|
|
148
|
-
newRoute.icon = item.icon;
|
|
149
|
-
}
|
|
104
|
+
if (!_Utils.default.isNull(item.icon)) {
|
|
105
|
+
newRoute.icon = item.icon;
|
|
106
|
+
}
|
|
150
107
|
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
108
|
+
newRoute.layout = "/admin";
|
|
109
|
+
newRoute.level = 0;
|
|
110
|
+
newRoute.isParent = false;
|
|
111
|
+
newRoute.item = item;
|
|
112
|
+
newRoutes.push(newRoute);
|
|
156
113
|
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
}
|
|
114
|
+
if (!_Utils.default.isNull(item.items) && item.items.length > 0) {
|
|
115
|
+
newRoute.collapse = false;
|
|
116
|
+
newRoute.state = item.name + "Collapse";
|
|
117
|
+
newRoute.views = getViews(item.items, 0);
|
|
162
118
|
}
|
|
163
|
-
} catch (err) {
|
|
164
|
-
_iterator2.e(err);
|
|
165
|
-
} finally {
|
|
166
|
-
_iterator2.f();
|
|
167
119
|
}
|
|
168
120
|
}
|
|
169
121
|
|
|
@@ -222,7 +174,10 @@ const BusinessPortalAppDashboard = /*#__PURE__*/_react.default.memo(props => {
|
|
|
222
174
|
}, /*#__PURE__*/_react.default.createElement(_Workspace.default, {
|
|
223
175
|
routes: routes,
|
|
224
176
|
heading: "Welcome, " + props.settings.userFirstName,
|
|
225
|
-
activeRouteMenu:
|
|
177
|
+
activeRouteMenu: {
|
|
178
|
+
id: 'myWorkItems',
|
|
179
|
+
name: 'My Work Items'
|
|
180
|
+
},
|
|
226
181
|
secondaryColor: props.settings.secondaryColor
|
|
227
182
|
}))));
|
|
228
183
|
});
|
|
@@ -31,32 +31,13 @@ var _EventType = _interopRequireDefault(require("../../../event/EventType"));
|
|
|
31
31
|
|
|
32
32
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
33
33
|
|
|
34
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
35
|
-
|
|
36
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
37
|
-
|
|
38
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
39
|
-
|
|
40
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
41
|
-
|
|
42
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
43
|
-
|
|
44
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
45
|
-
|
|
46
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
47
|
-
|
|
48
|
-
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
49
|
-
|
|
50
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
51
|
-
|
|
52
34
|
const Header = props => {
|
|
53
|
-
const
|
|
54
|
-
|
|
35
|
+
const {
|
|
36
|
+
styles,
|
|
37
|
+
handleChangeRequestNavDrawer
|
|
38
|
+
} = props;
|
|
55
39
|
|
|
56
|
-
const
|
|
57
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
58
|
-
title = _React$useState2[0],
|
|
59
|
-
setTitle = _React$useState2[1];
|
|
40
|
+
const [title, setTitle] = _react.default.useState("");
|
|
60
41
|
|
|
61
42
|
const style = {
|
|
62
43
|
appBar: {
|
|
@@ -106,7 +87,9 @@ const Header = props => {
|
|
|
106
87
|
});
|
|
107
88
|
|
|
108
89
|
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_AppBar.default, {
|
|
109
|
-
style:
|
|
90
|
+
style: { ...styles,
|
|
91
|
+
...style.appBar
|
|
92
|
+
},
|
|
110
93
|
title: /*#__PURE__*/_react.default.createElement("div", null, title),
|
|
111
94
|
iconElementLeft: /*#__PURE__*/_react.default.createElement(_IconButton.default, {
|
|
112
95
|
style: style.menuButton,
|
|
@@ -32,7 +32,9 @@ var _Utils = _interopRequireDefault(require("../../../Utils"));
|
|
|
32
32
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
33
33
|
|
|
34
34
|
const LeftDrawer = props => {
|
|
35
|
-
let
|
|
35
|
+
let {
|
|
36
|
+
navDrawerOpen
|
|
37
|
+
} = props;
|
|
36
38
|
const styles = {
|
|
37
39
|
spacer: {
|
|
38
40
|
height: '2px'
|
|
@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
|
|
10
10
|
var _reactstrap = require("reactstrap");
|
|
11
11
|
|
|
12
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function
|
|
12
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
|
|
13
13
|
|
|
14
14
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
15
|
|