@agilemotion/oui-react-js 1.2.6 → 1.2.8
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/dist/ApplicationContext.js +244 -250
- package/dist/BasicApp.js +53 -97
- package/dist/BasicAppHome.js +86 -122
- package/dist/DynamicJS.js +65 -88
- package/dist/RestUtils.js +284 -315
- package/dist/TypedValue.js +15 -18
- package/dist/Utils.js +224 -262
- package/dist/assets/jss/components/authNavbarStyle.js +162 -164
- package/dist/assets/jss/components/buttonStyle.js +1 -1
- package/dist/assets/jss/components/cardAvatarStyle.js +1 -1
- package/dist/assets/jss/components/cardBodyStyle.js +1 -1
- package/dist/assets/jss/components/cardFooterStyle.js +1 -1
- package/dist/assets/jss/components/cardHeaderStyle.js +1 -1
- package/dist/assets/jss/components/cardIconStyle.js +1 -1
- package/dist/assets/jss/components/cardStyle.js +1 -1
- package/dist/assets/jss/components/cardTextStyle.js +1 -1
- package/dist/assets/jss/components/customDropdownStyle.js +192 -194
- package/dist/assets/jss/components/customInputStyle.js +1 -1
- package/dist/assets/jss/components/dropdownStyle.js +107 -109
- package/dist/assets/jss/components/footerStyle.js +1 -1
- package/dist/assets/jss/components/headerLinksStyle.js +95 -97
- package/dist/assets/jss/components/headerStyle.js +60 -62
- package/dist/assets/jss/components/navbarLinksStyle.js +137 -139
- package/dist/assets/jss/components/navbarStyle.js +71 -73
- package/dist/assets/jss/components/sidebarStyle.js +453 -455
- package/dist/assets/jss/components/typographyStyle.js +1 -1
- package/dist/assets/jss/rootStyle.js +57 -57
- package/dist/assets/jss/views/layoutStyle.js +42 -44
- package/dist/assets/jss/views/loginBasicStyle.js +1 -1
- package/dist/assets/jss/views/loginStyle.js +87 -89
- package/dist/components/AlertBar.js +21 -23
- package/dist/components/AlertItem.js +23 -25
- package/dist/components/AlertTemplate.js +29 -30
- package/dist/components/Button.js +35 -37
- package/dist/components/ConfirmationDialog.js +3 -3
- package/dist/components/DataGrid.js +250 -276
- package/dist/components/DataGridColumn.js +34 -36
- package/dist/components/DataGridFilter.js +92 -94
- package/dist/components/DataGridHeading.js +32 -38
- package/dist/components/DocumentViewer.js +12 -11
- package/dist/components/Graph.js +34 -50
- package/dist/components/GraphNode.js +53 -56
- package/dist/components/HtmlPanel.js +6 -8
- package/dist/components/Icon.js +28 -58
- package/dist/components/LoadingIndicator.js +2 -2
- package/dist/components/PopupView.js +15 -17
- package/dist/components/RegularButton.js +20 -20
- package/dist/components/TabPage.js +23 -25
- package/dist/components/TabPanel.js +34 -34
- package/dist/components/TableCellContent.js +34 -34
- package/dist/components/TitleBar.js +16 -16
- package/dist/components/Toolbar.js +112 -118
- package/dist/components/Tooltip.js +35 -43
- package/dist/components/Tree.js +54 -60
- package/dist/components/card/Card.js +17 -17
- package/dist/components/card/CardAvatar.js +10 -10
- package/dist/components/card/CardBody.js +14 -14
- package/dist/components/card/CardFooter.js +13 -13
- package/dist/components/card/CardHeader.js +14 -14
- package/dist/components/card/CardIcon.js +7 -7
- package/dist/components/card/CardText.js +7 -7
- package/dist/components/customInput/CustomInput.js +17 -17
- package/dist/components/dashboard/BasicApp.js +25 -25
- package/dist/components/dashboard/BasicBusinessApp.js +116 -119
- package/dist/components/dashboard/components/Header.js +11 -11
- package/dist/components/dashboard/components/LeftDrawer.js +3 -3
- package/dist/components/dashboard/components/UserIdentity.js +2 -2
- package/dist/components/dashboard/components/blackDashboard/fixedPlugin/FixedPlugin.js +85 -127
- package/dist/components/dashboard/components/blackDashboard/sidebar/Sidebar.js +151 -191
- package/dist/components/footer/Footer.js +8 -8
- package/dist/components/footer/HomeFooter.js +34 -66
- package/dist/components/form/BaseField.js +78 -78
- package/dist/components/form/Checkbox.js +8 -10
- package/dist/components/form/DatePicker.js +15 -19
- package/dist/components/form/FieldSet.js +62 -88
- package/dist/components/form/Form.js +317 -318
- package/dist/components/form/GridField.js +81 -86
- package/dist/components/form/LabelField.js +10 -12
- package/dist/components/form/LookupField.js +40 -42
- package/dist/components/form/Section.js +37 -39
- package/dist/components/form/SelectItem.js +35 -39
- package/dist/components/form/TextField.js +18 -22
- package/dist/components/form/TimePicker.js +15 -19
- package/dist/components/form/TransferList.js +83 -91
- package/dist/components/form/UploadField.js +135 -145
- package/dist/components/grid/GridContainer.js +6 -6
- package/dist/components/grid/GridItem.js +6 -6
- package/dist/components/layout/CollapsiblePanel.js +18 -20
- package/dist/components/layout/Layout.js +70 -72
- package/dist/components/layout/View.js +134 -136
- package/dist/components/layout/ViewPort.js +56 -98
- package/dist/components/menu/CollapsibleMenu.js +26 -28
- package/dist/components/menu/MenuBars.js +53 -59
- package/dist/components/menu/MenuButton.js +70 -77
- package/dist/components/menu/MenuItem.js +15 -17
- package/dist/components/menu/MenuLink.js +9 -11
- package/dist/components/menu/PopupMenu.js +12 -16
- package/dist/components/navbars/AuthNavbar.js +12 -12
- package/dist/components/navbars/HomeNavbar.js +175 -222
- package/dist/components/navbars/NavbarLinks.js +45 -46
- package/dist/components/typography/Danger.js +3 -3
- package/dist/components/typography/Info.js +3 -3
- package/dist/components/typography/Link.js +3 -3
- package/dist/event/ActionHandlers.js +43 -57
- package/dist/event/Event.js +13 -16
- package/dist/event/EventListener.js +36 -39
- package/dist/event/EventType.js +1 -5
- package/dist/event/LoadDataActionHandler.js +8 -20
- package/dist/event/Observable.js +162 -198
- package/dist/event/RouteActionHandler.js +76 -88
- package/dist/event/ScriptActionHandler.js +8 -20
- package/dist/event/ServiceCallActionHandler.js +28 -40
- package/dist/event/SignalGraphActionHandler.js +7 -19
- package/dist/js/Addresses.js +15 -27
- package/dist/js/DynamicLib.js +11 -14
- package/dist/js/Validators.js +5 -6
- package/dist/redux/store/ConfigureStore.js +6 -6
- package/dist/redux/store/DashboardStore.js +83 -95
- package/dist/redux/store/History.js +1 -1
- package/dist/redux/store/SecurityStore.js +41 -45
- package/dist/security/TokenManager.js +30 -44
- package/dist/theme-default.js +1 -1
- package/dist/view/Dashboard.js +108 -114
- package/dist/view/Settings.js +2 -4
- package/dist/view/security/ChangePasswordBasic.js +96 -100
- package/dist/view/security/ForgotPassword.js +52 -56
- package/dist/view/security/ForgotPasswordBasic.js +48 -54
- package/dist/view/security/Login.js +58 -62
- package/dist/view/security/LoginBasic.js +50 -54
- package/dist/view/security/ResetPassword.js +58 -62
- package/dist/view/security/ResetPasswordBasic.js +89 -93
- package/dist/view/security/Security.js +12 -12
- package/package.json +1 -1
|
@@ -33,57 +33,29 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
33
33
|
|
|
34
34
|
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; }
|
|
35
35
|
|
|
36
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
37
|
-
|
|
38
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
39
|
-
|
|
40
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
41
|
-
|
|
42
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
43
|
-
|
|
44
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
45
|
-
|
|
46
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
47
|
-
|
|
48
|
-
function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
49
|
-
|
|
50
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
51
|
-
|
|
52
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
53
|
-
|
|
54
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
55
|
-
|
|
56
36
|
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; }
|
|
57
37
|
|
|
58
|
-
|
|
59
|
-
|
|
38
|
+
let ps;
|
|
39
|
+
const TAB = 8;
|
|
60
40
|
|
|
61
|
-
|
|
62
|
-
|
|
41
|
+
const propHandler = state => {
|
|
42
|
+
let activeRouteMenu = state.dashboard.activeRouteMenu;
|
|
63
43
|
return {
|
|
64
44
|
activeRouteMenu: activeRouteMenu
|
|
65
45
|
};
|
|
66
46
|
};
|
|
67
47
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
var _super = _createSuper(Sidebar);
|
|
72
|
-
|
|
73
|
-
function Sidebar(props) {
|
|
74
|
-
var _this;
|
|
75
|
-
|
|
76
|
-
_classCallCheck(this, Sidebar);
|
|
77
|
-
|
|
78
|
-
_this = _super.call(this, props);
|
|
48
|
+
class Sidebar extends _react.default.Component {
|
|
49
|
+
constructor(props) {
|
|
50
|
+
super(props);
|
|
79
51
|
|
|
80
|
-
_defineProperty(
|
|
81
|
-
|
|
82
|
-
routes.map(
|
|
52
|
+
_defineProperty(this, "getCollapseStates", routes => {
|
|
53
|
+
let initialState = {};
|
|
54
|
+
routes.map((prop, key) => {
|
|
83
55
|
if (prop.collapse) {
|
|
84
56
|
initialState = _objectSpread(_objectSpread({
|
|
85
|
-
[prop.state]:
|
|
86
|
-
},
|
|
57
|
+
[prop.state]: this.getCollapseInitialState(prop.views)
|
|
58
|
+
}, this.getCollapseStates(prop.views)), initialState);
|
|
87
59
|
}
|
|
88
60
|
|
|
89
61
|
return null;
|
|
@@ -91,20 +63,20 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
|
|
|
91
63
|
return initialState;
|
|
92
64
|
});
|
|
93
65
|
|
|
94
|
-
_defineProperty(
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
return routes.map(
|
|
66
|
+
_defineProperty(this, "createLinks", routes => {
|
|
67
|
+
const _this$props = this.props,
|
|
68
|
+
rtlActive = _this$props.rtlActive,
|
|
69
|
+
secondaryThemeColor = _this$props.secondaryThemeColor;
|
|
70
|
+
return routes.map((prop, key) => {
|
|
99
71
|
if (prop.redirect) {
|
|
100
72
|
return null;
|
|
101
73
|
}
|
|
102
74
|
|
|
103
75
|
if ((prop.collapse || prop.isParent) && prop.name !== 'Dashboard') {
|
|
104
76
|
var st = {};
|
|
105
|
-
st[prop["state"]] = !
|
|
77
|
+
st[prop["state"]] = !this.state[prop.state];
|
|
106
78
|
return /*#__PURE__*/_react.default.createElement("li", {
|
|
107
|
-
className: prop.collapse ?
|
|
79
|
+
className: prop.collapse ? this.getCollapseInitialState(prop.views) ? "active" : null : null,
|
|
108
80
|
key: key
|
|
109
81
|
}, /*#__PURE__*/_react.default.createElement("a", {
|
|
110
82
|
href: "#pablo",
|
|
@@ -112,11 +84,10 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
|
|
|
112
84
|
style: {
|
|
113
85
|
marginLeft: (prop.level + 1) * TAB + 'px'
|
|
114
86
|
},
|
|
115
|
-
"aria-expanded":
|
|
116
|
-
onClick:
|
|
87
|
+
"aria-expanded": this.state[prop.state],
|
|
88
|
+
onClick: e => {
|
|
117
89
|
e.preventDefault();
|
|
118
|
-
|
|
119
|
-
_this.setState(st);
|
|
90
|
+
this.setState(st);
|
|
120
91
|
}
|
|
121
92
|
}, prop.icon !== undefined ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", {
|
|
122
93
|
className: prop.icon,
|
|
@@ -136,16 +107,16 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
|
|
|
136
107
|
}, " ", prop.name, " ", /*#__PURE__*/_react.default.createElement("b", {
|
|
137
108
|
className: "caret"
|
|
138
109
|
})), " "), " "), " ", prop.collapse ? /*#__PURE__*/_react.default.createElement(_reactstrap.Collapse, {
|
|
139
|
-
isOpen:
|
|
110
|
+
isOpen: this.state[prop.state]
|
|
140
111
|
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
141
112
|
className: "nav"
|
|
142
|
-
}, " ",
|
|
113
|
+
}, " ", this.createLinks(prop.views), " "), " ") : null);
|
|
143
114
|
}
|
|
144
115
|
|
|
145
116
|
return /*#__PURE__*/_react.default.createElement("li", {
|
|
146
117
|
className: "",
|
|
147
118
|
key: key,
|
|
148
|
-
style:
|
|
119
|
+
style: this.activeRoute(prop.name) ? {
|
|
149
120
|
backgroundColor: (0, _core.lighten)(secondaryThemeColor, .9),
|
|
150
121
|
borderRadius: '16px',
|
|
151
122
|
color: secondaryThemeColor,
|
|
@@ -155,171 +126,162 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
|
|
|
155
126
|
}, /*#__PURE__*/_react.default.createElement(_MenuLink.default, {
|
|
156
127
|
config: prop.item,
|
|
157
128
|
ref: /*#__PURE__*/_react.default.createRef(),
|
|
158
|
-
clickCallback: prop.name === 'Dashboard' ?
|
|
129
|
+
clickCallback: prop.name === 'Dashboard' ? this.props.dashboardLauncher : null,
|
|
159
130
|
viewId: "menuBar",
|
|
160
131
|
icon: prop.icon,
|
|
161
|
-
iconColor: prop.name === 'Dashboard' &&
|
|
132
|
+
iconColor: prop.name === 'Dashboard' && this.activeRoute(prop.name) ? secondaryThemeColor : null,
|
|
162
133
|
name: prop.name,
|
|
163
134
|
level: prop.level,
|
|
164
|
-
color:
|
|
135
|
+
color: this.activeRoute(prop.name) ? secondaryThemeColor : null
|
|
165
136
|
}), " ");
|
|
166
137
|
});
|
|
167
138
|
});
|
|
168
139
|
|
|
169
|
-
_defineProperty(
|
|
140
|
+
_defineProperty(this, "activeRoute", routeName => {
|
|
170
141
|
// return this.props.location.pathname.indexOf(routeName) > -1 ? "active" : "";
|
|
171
|
-
return
|
|
142
|
+
return this.props.activeRouteMenu === routeName;
|
|
172
143
|
});
|
|
173
144
|
|
|
174
|
-
|
|
145
|
+
this.state = this.getCollapseStates(props.routes);
|
|
175
146
|
|
|
176
147
|
_DashboardStore.actionCreators.setActiveRoute('Dashboard');
|
|
177
|
-
|
|
178
|
-
return _this;
|
|
179
148
|
} // this creates the intial state of this component based on the collapse routes
|
|
180
149
|
// that it gets through this.props.routes
|
|
181
150
|
|
|
182
151
|
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
} else if (window.location.href.indexOf(routes[i].path) !== -1) {
|
|
193
|
-
return true;
|
|
194
|
-
}
|
|
152
|
+
// this verifies if any of the collapses should be default opened on a rerender of this component
|
|
153
|
+
// for example, on the refresh of the page,
|
|
154
|
+
// while on the src/views/forms/RegularForms.js - route /admin/regular-forms
|
|
155
|
+
getCollapseInitialState(routes) {
|
|
156
|
+
for (let i = 0; i < routes.length; i++) {
|
|
157
|
+
if (routes[i].collapse && this.getCollapseInitialState(routes[i].views)) {
|
|
158
|
+
return true;
|
|
159
|
+
} else if (window.location.href.indexOf(routes[i].path) !== -1) {
|
|
160
|
+
return true;
|
|
195
161
|
}
|
|
162
|
+
}
|
|
196
163
|
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
});
|
|
209
|
-
}
|
|
164
|
+
return false;
|
|
165
|
+
} // this function creates the links and collapses that appear in the sidebar (left menu)
|
|
166
|
+
|
|
167
|
+
|
|
168
|
+
componentDidMount() {
|
|
169
|
+
// if you are using a Windows Machine, the scrollbars will have a Mac look
|
|
170
|
+
if (navigator.platform.indexOf("Win") > -1) {
|
|
171
|
+
ps = new _perfectScrollbar.default(this.refs.sidebar, {
|
|
172
|
+
suppressScrollX: true,
|
|
173
|
+
suppressScrollY: false
|
|
174
|
+
});
|
|
210
175
|
}
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
}
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
componentWillUnmount() {
|
|
179
|
+
// we need to destroy the false scrollbar when we navigate
|
|
180
|
+
// to a page that doesn't have this component rendered
|
|
181
|
+
if (navigator.platform.indexOf("Win") > -1) {
|
|
182
|
+
ps.destroy();
|
|
219
183
|
}
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
render() {
|
|
187
|
+
const _this$props2 = this.props,
|
|
224
188
|
activeColor = _this$props2.activeColor,
|
|
225
189
|
logo = _this$props2.logo;
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
235
|
-
className: "logo-img",
|
|
236
|
-
style: {
|
|
237
|
-
paddingTop: '16px',
|
|
238
|
-
paddingBottom: '8px'
|
|
239
|
-
}
|
|
240
|
-
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
241
|
-
src: logo.imgSrc,
|
|
242
|
-
alt: "react-logo"
|
|
243
|
-
})), " ");
|
|
244
|
-
logoText = /*#__PURE__*/_react.default.createElement("a", {
|
|
245
|
-
href: logo.outterLink,
|
|
246
|
-
className: "simple-text ",
|
|
247
|
-
onClick: this.props.closeSidebar
|
|
248
|
-
}, logo.text, " ");
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
252
|
-
className: "sidebar",
|
|
253
|
-
data: activeColor,
|
|
254
|
-
style: {
|
|
255
|
-
overflow: 'auto',
|
|
256
|
-
maxHeight: '100vh'
|
|
257
|
-
}
|
|
258
|
-
}, /*#__PURE__*/_react.default.createElement("table", {
|
|
259
|
-
style: {
|
|
260
|
-
height: "96%",
|
|
261
|
-
maxHeight: "100%",
|
|
262
|
-
width: "100%"
|
|
263
|
-
}
|
|
264
|
-
}, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
|
|
265
|
-
style: {
|
|
266
|
-
height: '10%'
|
|
267
|
-
}
|
|
268
|
-
}, " ", logoImg !== null ? /*#__PURE__*/_react.default.createElement("div", {
|
|
269
|
-
className: "logo",
|
|
270
|
-
style: {
|
|
271
|
-
display: 'flex',
|
|
272
|
-
justifyContent: 'center',
|
|
273
|
-
alignItems: 'center',
|
|
274
|
-
height: '100%'
|
|
275
|
-
}
|
|
276
|
-
}, " ", logoImg, " ") : null, " ")), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
|
|
277
|
-
style: {
|
|
278
|
-
height: '70%'
|
|
279
|
-
},
|
|
280
|
-
valign: "top"
|
|
281
|
-
}, /*#__PURE__*/_react.default.createElement(_reactstrap.Nav, {
|
|
282
|
-
style: {
|
|
283
|
-
margin: "8px",
|
|
284
|
-
padding: "16px"
|
|
285
|
-
}
|
|
286
|
-
}, this.createLinks(this.props.routes)))), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
|
|
287
|
-
style: {
|
|
288
|
-
height: '10%'
|
|
289
|
-
},
|
|
290
|
-
valign: "top"
|
|
291
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
292
|
-
className: "sidebar-app-logo",
|
|
293
|
-
style: {
|
|
294
|
-
justifyContent: 'center',
|
|
295
|
-
height: '92px'
|
|
296
|
-
}
|
|
190
|
+
let logoImg = null;
|
|
191
|
+
let logoText = null;
|
|
192
|
+
|
|
193
|
+
if (logo !== undefined) {
|
|
194
|
+
logoImg = /*#__PURE__*/_react.default.createElement("a", {
|
|
195
|
+
href: logo.outterLink,
|
|
196
|
+
className: "logo-normal",
|
|
197
|
+
onClick: this.props.closeSidebar
|
|
297
198
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
199
|
+
className: "logo-img",
|
|
298
200
|
style: {
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
alignItems: 'center'
|
|
201
|
+
paddingTop: '16px',
|
|
202
|
+
paddingBottom: '8px'
|
|
302
203
|
}
|
|
303
|
-
}, /*#__PURE__*/_react.default.createElement(_CardAvatar.default, {
|
|
304
|
-
plain: true
|
|
305
204
|
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
306
|
-
src:
|
|
307
|
-
alt: "
|
|
308
|
-
}))
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
}, "Copyrights \xA9 ", 1900 + new Date().getYear(), " ", " "))))));
|
|
205
|
+
src: logo.imgSrc,
|
|
206
|
+
alt: "react-logo"
|
|
207
|
+
})), " ");
|
|
208
|
+
logoText = /*#__PURE__*/_react.default.createElement("a", {
|
|
209
|
+
href: logo.outterLink,
|
|
210
|
+
className: "simple-text ",
|
|
211
|
+
onClick: this.props.closeSidebar
|
|
212
|
+
}, logo.text, " ");
|
|
315
213
|
}
|
|
316
|
-
}]);
|
|
317
214
|
|
|
318
|
-
|
|
319
|
-
|
|
215
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
216
|
+
className: "sidebar",
|
|
217
|
+
data: activeColor,
|
|
218
|
+
style: {
|
|
219
|
+
overflow: 'auto',
|
|
220
|
+
maxHeight: '100vh'
|
|
221
|
+
}
|
|
222
|
+
}, /*#__PURE__*/_react.default.createElement("table", {
|
|
223
|
+
style: {
|
|
224
|
+
height: "96%",
|
|
225
|
+
maxHeight: "100%",
|
|
226
|
+
width: "100%"
|
|
227
|
+
}
|
|
228
|
+
}, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
|
|
229
|
+
style: {
|
|
230
|
+
height: '10%'
|
|
231
|
+
}
|
|
232
|
+
}, " ", logoImg !== null ? /*#__PURE__*/_react.default.createElement("div", {
|
|
233
|
+
className: "logo",
|
|
234
|
+
style: {
|
|
235
|
+
display: 'flex',
|
|
236
|
+
justifyContent: 'center',
|
|
237
|
+
alignItems: 'center',
|
|
238
|
+
height: '100%'
|
|
239
|
+
}
|
|
240
|
+
}, " ", logoImg, " ") : null, " ")), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
|
|
241
|
+
style: {
|
|
242
|
+
height: '70%'
|
|
243
|
+
},
|
|
244
|
+
valign: "top"
|
|
245
|
+
}, /*#__PURE__*/_react.default.createElement(_reactstrap.Nav, {
|
|
246
|
+
style: {
|
|
247
|
+
margin: "8px",
|
|
248
|
+
padding: "16px"
|
|
249
|
+
}
|
|
250
|
+
}, this.createLinks(this.props.routes)))), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
|
|
251
|
+
style: {
|
|
252
|
+
height: '10%'
|
|
253
|
+
},
|
|
254
|
+
valign: "top"
|
|
255
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
256
|
+
className: "sidebar-app-logo",
|
|
257
|
+
style: {
|
|
258
|
+
justifyContent: 'center',
|
|
259
|
+
height: '92px'
|
|
260
|
+
}
|
|
261
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
262
|
+
style: {
|
|
263
|
+
display: 'flex',
|
|
264
|
+
justifyContent: 'center',
|
|
265
|
+
alignItems: 'center'
|
|
266
|
+
}
|
|
267
|
+
}, /*#__PURE__*/_react.default.createElement(_CardAvatar.default, {
|
|
268
|
+
plain: true
|
|
269
|
+
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
270
|
+
src: this.props.appLogoPath,
|
|
271
|
+
alt: "..."
|
|
272
|
+
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
273
|
+
style: {
|
|
274
|
+
display: 'flex',
|
|
275
|
+
justifyContent: 'center',
|
|
276
|
+
alignItems: 'center'
|
|
277
|
+
}
|
|
278
|
+
}, "Copyrights \xA9 ", 1900 + new Date().getYear(), " ", " ")))))));
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
}
|
|
320
282
|
|
|
321
283
|
Sidebar.propTypes = {
|
|
322
|
-
activeColor: _propTypes.default.oneOf(["primary", "blue", "green", "orange", "red", "
|
|
284
|
+
activeColor: _propTypes.default.oneOf(["primary", "blue", "green", "orange", "red", "agility"]),
|
|
323
285
|
secondaryThemeColor: _propTypes.default.string.isRequired,
|
|
324
286
|
rtlActive: _propTypes.default.bool,
|
|
325
287
|
routes: _propTypes.default.array.isRequired,
|
|
@@ -336,8 +298,6 @@ Sidebar.propTypes = {
|
|
|
336
298
|
closeSidebar: _propTypes.default.func
|
|
337
299
|
};
|
|
338
300
|
|
|
339
|
-
var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(propHandler,
|
|
340
|
-
return (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch);
|
|
341
|
-
})(Sidebar));
|
|
301
|
+
var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(propHandler, dispatch => (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch))(Sidebar));
|
|
342
302
|
|
|
343
303
|
exports.default = _default;
|
|
@@ -23,22 +23,22 @@ var _CardAvatar = _interopRequireDefault(require("../card/CardAvatar"));
|
|
|
23
23
|
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
const useStyles = (0, _styles.makeStyles)(_footerStyle.default);
|
|
27
27
|
|
|
28
28
|
function Footer(props) {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
const classes = useStyles();
|
|
30
|
+
const fluid = props.fluid,
|
|
31
|
+
white = props.white,
|
|
32
|
+
rtlActive = props.rtlActive;
|
|
33
|
+
let container = (0, _classnames.default)({
|
|
34
34
|
[classes.container]: !fluid,
|
|
35
35
|
[classes.containerFluid]: fluid,
|
|
36
36
|
[classes.whiteColor]: white
|
|
37
37
|
});
|
|
38
|
-
|
|
38
|
+
let anchor = classes.a + (0, _classnames.default)({
|
|
39
39
|
[" " + classes.whiteColor]: white
|
|
40
40
|
});
|
|
41
|
-
|
|
41
|
+
let block = (0, _classnames.default)({
|
|
42
42
|
[classes.block]: true,
|
|
43
43
|
[classes.whiteColor]: white
|
|
44
44
|
});
|
|
@@ -13,74 +13,42 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
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
|
-
|
|
16
|
+
/*eslint-disable*/
|
|
17
|
+
// used for making the prop types of this component
|
|
18
|
+
class HomeFooter extends _react.default.Component {
|
|
19
|
+
render() {
|
|
20
|
+
return /*#__PURE__*/_react.default.createElement("footer", {
|
|
21
|
+
className: "footer" + (this.props.default ? " footer-default" : "")
|
|
22
|
+
}, /*#__PURE__*/_react.default.createElement(_reactstrap.Container, {
|
|
23
|
+
fluid: this.props.fluid ? true : false
|
|
24
|
+
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
25
|
+
className: "nav"
|
|
26
|
+
}, /*#__PURE__*/_react.default.createElement("li", {
|
|
27
|
+
className: "nav-item"
|
|
28
|
+
}, /*#__PURE__*/_react.default.createElement("a", {
|
|
29
|
+
className: "nav-link",
|
|
30
|
+
href: "https://www.creative-tim.com"
|
|
31
|
+
}, "Creative Tim", " "), " "), " ", /*#__PURE__*/_react.default.createElement("li", {
|
|
32
|
+
className: "nav-item"
|
|
33
|
+
}, /*#__PURE__*/_react.default.createElement("a", {
|
|
34
|
+
className: "nav-link",
|
|
35
|
+
href: "https://www.creative-tim.com/presentation"
|
|
36
|
+
}, "About us", " "), " "), " ", /*#__PURE__*/_react.default.createElement("li", {
|
|
37
|
+
className: "nav-item"
|
|
38
|
+
}, /*#__PURE__*/_react.default.createElement("a", {
|
|
39
|
+
className: "nav-link",
|
|
40
|
+
href: "https://blog.creative-tim.com"
|
|
41
|
+
}, "Blog", " "), " "), " "), " ", /*#__PURE__*/_react.default.createElement("div", {
|
|
42
|
+
className: "copyright"
|
|
43
|
+
}, " ", "\xA9", new Date().getFullYear(), "made with ", /*#__PURE__*/_react.default.createElement("i", {
|
|
44
|
+
className: "tim-icons icon-heart-2"
|
|
45
|
+
}), " by", " ", /*#__PURE__*/_react.default.createElement("a", {
|
|
46
|
+
href: "https://www.creative-tim.com/",
|
|
47
|
+
target: "_blank"
|
|
48
|
+
}, "Creative Tim", " "), " ", "for a better web.", " "), " "), " ");
|
|
45
49
|
}
|
|
46
50
|
|
|
47
|
-
|
|
48
|
-
key: "render",
|
|
49
|
-
value: function render() {
|
|
50
|
-
return /*#__PURE__*/_react.default.createElement("footer", {
|
|
51
|
-
className: "footer" + (this.props.default ? " footer-default" : "")
|
|
52
|
-
}, /*#__PURE__*/_react.default.createElement(_reactstrap.Container, {
|
|
53
|
-
fluid: this.props.fluid ? true : false
|
|
54
|
-
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
55
|
-
className: "nav"
|
|
56
|
-
}, /*#__PURE__*/_react.default.createElement("li", {
|
|
57
|
-
className: "nav-item"
|
|
58
|
-
}, /*#__PURE__*/_react.default.createElement("a", {
|
|
59
|
-
className: "nav-link",
|
|
60
|
-
href: "https://www.creative-tim.com"
|
|
61
|
-
}, "Creative Tim", " "), " "), " ", /*#__PURE__*/_react.default.createElement("li", {
|
|
62
|
-
className: "nav-item"
|
|
63
|
-
}, /*#__PURE__*/_react.default.createElement("a", {
|
|
64
|
-
className: "nav-link",
|
|
65
|
-
href: "https://www.creative-tim.com/presentation"
|
|
66
|
-
}, "About us", " "), " "), " ", /*#__PURE__*/_react.default.createElement("li", {
|
|
67
|
-
className: "nav-item"
|
|
68
|
-
}, /*#__PURE__*/_react.default.createElement("a", {
|
|
69
|
-
className: "nav-link",
|
|
70
|
-
href: "https://blog.creative-tim.com"
|
|
71
|
-
}, "Blog", " "), " "), " "), " ", /*#__PURE__*/_react.default.createElement("div", {
|
|
72
|
-
className: "copyright"
|
|
73
|
-
}, " ", "\xA9", new Date().getFullYear(), "made with ", /*#__PURE__*/_react.default.createElement("i", {
|
|
74
|
-
className: "tim-icons icon-heart-2"
|
|
75
|
-
}), " by", " ", /*#__PURE__*/_react.default.createElement("a", {
|
|
76
|
-
href: "https://www.creative-tim.com/",
|
|
77
|
-
target: "_blank"
|
|
78
|
-
}, "Creative Tim", " "), " ", "for a better web.", " "), " "), " ");
|
|
79
|
-
}
|
|
80
|
-
}]);
|
|
81
|
-
|
|
82
|
-
return HomeFooter;
|
|
83
|
-
}(_react.default.Component);
|
|
51
|
+
}
|
|
84
52
|
|
|
85
53
|
HomeFooter.propTypes = {
|
|
86
54
|
default: _propTypes.default.bool,
|