}/>;\r\n\r\nexport default CustomScrollbars;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport { onNavStyleChange, toggleCollapsedSideNav } from 'appRedux/actions/Settings';\r\nimport {\r\n NAV_STYLE_DRAWER,\r\n NAV_STYLE_FIXED,\r\n NAV_STYLE_MINI_SIDEBAR,\r\n NAV_STYLE_NO_HEADER_MINI_SIDEBAR,\r\n TAB_SIZE,\r\n THEME_TYPE_LITE\r\n} from '../../constants/ThemeSetting';\r\n\r\nclass SidebarLogo extends Component {\r\n render() {\r\n const { width, themeType, navCollapsed } = this.props;\r\n let { navStyle } = this.props;\r\n if (width < TAB_SIZE && navStyle === NAV_STYLE_FIXED) {\r\n navStyle = NAV_STYLE_DRAWER;\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Dashboard\r\n \r\n \r\n\r\n \r\n \r\n Team\r\n \r\n }\r\n >\r\n \r\n \r\n All Members\r\n \r\n \r\n \r\n \r\n Add Member\r\n \r\n \r\n \r\n \r\n Add Job\r\n \r\n \r\n \r\n \r\n All Jobs\r\n \r\n \r\n \r\n \r\n Manage Members\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Geofences\r\n \r\n \r\n\r\n \r\n \r\n \r\n Reports\r\n \r\n \r\n\r\n \r\n \r\n \r\n Alerts\r\n \r\n \r\n\r\n {this.props.user.role === \"SysAdmin\" && (\r\n \r\n \r\n \r\n )}\r\n\r\n \r\n\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nSidebarContent.propTypes = {}\r\nconst mapStateToProps = ({ settings, auth }) => {\r\n const { navStyle, themeType, locale, pathname } = settings\r\n const { user } = auth;\r\n return { navStyle, themeType, locale, pathname,user }\r\n}\r\nexport default connect(mapStateToProps)(SidebarContent)\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Drawer, Layout } from 'antd';\r\n\r\nimport SidebarContent from './SidebarContent';\r\nimport { toggleCollapsedSideNav, updateWindowWidth } from 'appRedux/actions/Settings';\r\nimport {\r\n NAV_STYLE_DRAWER,\r\n NAV_STYLE_FIXED,\r\n NAV_STYLE_MINI_SIDEBAR,\r\n NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR,\r\n NAV_STYLE_NO_HEADER_MINI_SIDEBAR,\r\n TAB_SIZE,\r\n THEME_TYPE_LITE\r\n} from '../../constants/ThemeSetting';\r\n\r\nconst { Sider } = Layout;\r\n\r\nexport class Sidebar extends Component {\r\n onToggleCollapsedNav = () => {\r\n this.props.toggleCollapsedSideNav(!this.props.navCollapsed);\r\n };\r\n\r\n componentDidMount() {\r\n window.addEventListener('resize', () => {\r\n this.props.updateWindowWidth(window.innerWidth);\r\n });\r\n }\r\n\r\n render() {\r\n const { themeType, navCollapsed, width, navStyle } = this.props;\r\n\r\n let drawerStyle = 'gx-collapsed-sidebar';\r\n\r\n if (navStyle === NAV_STYLE_FIXED) {\r\n drawerStyle = '';\r\n } else if (navStyle === NAV_STYLE_NO_HEADER_MINI_SIDEBAR) {\r\n drawerStyle = 'gx-mini-sidebar gx-mini-custom-sidebar';\r\n } else if (navStyle === NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR) {\r\n drawerStyle = 'gx-custom-sidebar';\r\n } else if (navStyle === NAV_STYLE_MINI_SIDEBAR) {\r\n drawerStyle = 'gx-mini-sidebar';\r\n } else if (navStyle === NAV_STYLE_DRAWER) {\r\n drawerStyle = 'gx-collapsed-sidebar';\r\n }\r\n if (\r\n (navStyle === NAV_STYLE_FIXED ||\r\n navStyle === NAV_STYLE_MINI_SIDEBAR ||\r\n navStyle === NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR) &&\r\n width < TAB_SIZE\r\n ) {\r\n drawerStyle = 'gx-collapsed-sidebar';\r\n }\r\n return this.props.location.pathname !== '/auth/login' ? (\r\n \r\n {navStyle === NAV_STYLE_FIXED || navStyle === NAV_STYLE_MINI_SIDEBAR ? (\r\n })
\r\n ) : themeType === THEME_TYPE_LITE ? (\r\n })
\r\n ) : (\r\n })
\r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n const { navStyle, themeType, width, navCollapsed } = settings;\r\n return { navStyle, themeType, width, navCollapsed };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n {\r\n onNavStyleChange,\r\n toggleCollapsedSideNav\r\n }\r\n)(SidebarLogo);\r\n","const Auxiliary = (props) => props.children;\r\n\r\nexport default Auxiliary;\r\n","import React, { Component } from 'react';\r\nimport { Avatar, Popover } from 'antd';\r\nimport { connect } from 'react-redux';\r\nimport { userSignOut, authOpenDialog } from 'appRedux/actions/Auth';\r\nimport { NAV_STYLE_MINI_SIDEBAR } from 'constants/ThemeSetting';\r\nimport logoImage from '../../assets/images/logo-square.png';\r\n\r\nclass UserProfile extends Component {\r\n signOut() {\r\n this.props.userSignOut({ history: this.props.history });\r\n }\r\n\r\n render() {\r\n const userMenuOptions = (\r\n \r\n {\r\n if (navStyle === NAV_STYLE_DRAWER) {\r\n this.props.toggleCollapsedSideNav(!navCollapsed);\r\n } else if (navStyle === NAV_STYLE_FIXED) {\r\n this.props.onNavStyleChange(NAV_STYLE_MINI_SIDEBAR);\r\n } else if (navStyle === NAV_STYLE_NO_HEADER_MINI_SIDEBAR) {\r\n this.props.toggleCollapsedSideNav(!navCollapsed);\r\n } else {\r\n this.props.onNavStyleChange(NAV_STYLE_FIXED);\r\n }\r\n }}\r\n />\r\n
\r\n ) : null}\r\n\r\n \r\n {navStyle === NAV_STYLE_NO_HEADER_MINI_SIDEBAR && width >= TAB_SIZE ? (\r\n \r\n ) : themeType === THEME_TYPE_LITE ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n - \r\n
- this.props.authOpenDialog('change')}>Change Password \r\n
- this.props.userSignOut()}>Sign Out \r\n
\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ auth, settings }) => {\r\n const { user } = auth;\r\n const { navStyle } = settings;\r\n return { user, navStyle };\r\n};\r\nexport default connect(\r\n mapStateToProps,\r\n { userSignOut, authOpenDialog }\r\n)(UserProfile);\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { Menu, Icon } from 'antd'\r\nimport { Link } from 'react-router-dom'\r\n\r\nimport CustomScrollbars from 'util/CustomScrollbars'\r\nimport SidebarLogo from './SidebarLogo'\r\nimport Auxiliary from 'util/Auxiliary'\r\nimport UserProfile from './UserProfile'\r\nimport AppsNavigation from './AppsNavigation'\r\nimport {\r\n NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR,\r\n NAV_STYLE_NO_HEADER_MINI_SIDEBAR,\r\n THEME_TYPE_LITE\r\n} from '../../constants/ThemeSetting'\r\n\r\nclass SidebarContent extends Component {\r\n getNoHeaderClass = (navStyle) => {\r\n if (\r\n navStyle === NAV_STYLE_NO_HEADER_MINI_SIDEBAR ||\r\n navStyle === NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR\r\n ) {\r\n return 'gx-no-header-notifications'\r\n }\r\n return ''\r\n }\r\n getNavStyleSubMenuClass = (navStyle) => {\r\n if (navStyle === NAV_STYLE_NO_HEADER_MINI_SIDEBAR) {\r\n return 'gx-no-header-submenu-popup'\r\n }\r\n return ''\r\n }\r\n\r\n render() {\r\n const { themeType, navStyle, pathname } = this.props\r\n const selectedKeys = pathname.substr(1)\r\n const defaultOpenKeys = selectedKeys.split('/')[1]\r\n const { SubMenu } = Menu\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n};\r\nexport default SearchBox;\r\n\r\nSearchBox.defaultProps = {\r\n styleName: \"\",\r\n value: \"\",\r\n};\r\n","import React, { Component } from 'react';\r\nimport { Avatar, Popover } from 'antd';\r\nimport { connect } from 'react-redux';\r\nimport { userSignOut } from 'appRedux/actions/Auth';\r\n\r\nclass UserInfo extends Component {\r\n signOut() {\r\n this.props.userSignOut({ history: this.props.history });\r\n }\r\n\r\n render() {\r\n const userMenuOptions = (\r\n \r\n \r\n \r\n
\r\n - \r\n {/*
- My Account */}\r\n
- this.props.userSignOut()}>Sign Out \r\n
\r\n
\r\n {title}
\r\n {time}\r\n\r\n
\r\n Notifications
\r\n \r\n- \r\n {notifications.map((notification, index) =>
\r\n \r\n {badge > 0 ? {badge} : null}\r\n
\r\n \r\n
\r\n \r\n
\r\n {name}
\r\n {time}\r\n{message}
\r\n Reply\r\n\r\n
\r\n Messages
\r\n \r\n- \r\n {notifications.map((notification, index) =>
- \r\n {languageData.map(language => (\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
- \r\n
- Login \r\n
- Signup \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n trigger=\"click\">\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n this.props.toggleCollapsedSideNav(!navCollapsed);\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n const { locale, navCollapsed } = settings;\r\n return { locale, navCollapsed };\r\n};\r\nexport default connect(mapStateToProps, { toggleCollapsedSideNav, switchLanguage })(HorizontalDefault);\r\n","import React, { Component } from 'react';\r\nimport { Button, Dropdown, Icon, Layout, Menu, message, Popover, Select } from 'antd';\r\nimport { connect } from 'react-redux';\r\nimport CustomScrollbars from 'util/CustomScrollbars';\r\n\r\nimport languageData from '../languageData';\r\nimport SearchBox from 'components/SearchBox';\r\nimport UserInfo from 'components/UserInfo';\r\nimport AppNotification from 'components/AppNotification';\r\nimport MailNotification from 'components/MailNotification';\r\nimport { Link } from 'react-router-dom';\r\nimport HorizontalNav from '../HorizontalNav';\r\nimport { switchLanguage, toggleCollapsedSideNav } from '../../../appRedux/actions/Settings';\r\nimport IntlMessages from '../../../util/IntlMessages';\r\n\r\nconst { Header } = Layout;\r\n\r\nconst Option = Select.Option;\r\nconst menu = (\r\n \r\n);\r\n\r\nfunction handleMenuClick(e) {\r\n message.info('Click on menu item.');\r\n}\r\n\r\nfunction handleChange(value) {\r\n console.log(`selected ${value}`);\r\n}\r\n\r\nclass HorizontalDark extends Component {\r\n state = {\r\n searchText: ''\r\n };\r\n\r\n languageMenu = () => (\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n \r\n \r\n \r\n
- \r\n \r\n \r\n \r\n \r\n
- \r\n \r\n \r\n \r\n \r\n
- \r\n {languageData.map(language => (\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
- \r\n
- Login \r\n
- Signup \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n trigger=\"click\">\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {\r\n this.props.toggleCollapsedSideNav(!navCollapsed);\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n const { locale, navCollapsed } = settings;\r\n return { locale, navCollapsed };\r\n};\r\nexport default connect(mapStateToProps, { toggleCollapsedSideNav, switchLanguage })(HorizontalDark);\r\n","import React, { Component } from 'react';\r\nimport { Button, Dropdown, Icon, Layout, Menu, message, Popover } from 'antd';\r\nimport { connect } from 'react-redux';\r\nimport CustomScrollbars from 'util/CustomScrollbars';\r\n\r\nimport languageData from '../languageData';\r\nimport SearchBox from 'components/SearchBox';\r\nimport UserInfo from 'components/UserInfo';\r\nimport AppNotification from 'components/AppNotification';\r\nimport MailNotification from 'components/MailNotification';\r\nimport HorizontalNav from '../HorizontalNav';\r\nimport { Link } from 'react-router-dom';\r\nimport { switchLanguage, toggleCollapsedSideNav } from '../../../appRedux/actions/Settings';\r\nimport IntlMessages from '../../../util/IntlMessages';\r\n\r\nconst { Header } = Layout;\r\n\r\nconst menu = (\r\n \r\n);\r\n\r\nfunction handleMenuClick(e) {\r\n message.info('Click on menu item.');\r\n}\r\n\r\nclass InsideHeader extends Component {\r\n state = {\r\n searchText: ''\r\n };\r\n\r\n languageMenu = () => (\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n \r\n \r\n \r\n
- \r\n \r\n \r\n \r\n \r\n
- \r\n \r\n \r\n \r\n \r\n
- \r\n {languageData.map(language => (\r\n
\r\n {/* \r\n
\r\n \r\n \r\n ) : null;\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings, routing }) => {\r\n const { locale, navCollapsed } = settings;\r\n const { location } = routing;\r\n return { locale, navCollapsed, location };\r\n};\r\nexport default connect(mapStateToProps, { toggleCollapsedSideNav, switchLanguage })(InsideHeader);\r\n","import React, { Component } from 'react';\r\nimport { Button, Dropdown, Icon, Layout, Menu, message, Popover, Select } from 'antd';\r\nimport { connect } from 'react-redux';\r\nimport CustomScrollbars from 'util/CustomScrollbars';\r\n\r\nimport languageData from '../languageData';\r\nimport SearchBox from 'components/SearchBox';\r\nimport UserInfo from 'components/UserInfo';\r\nimport AppNotification from 'components/AppNotification';\r\nimport MailNotification from 'components/MailNotification';\r\nimport { switchLanguage, toggleCollapsedSideNav } from '../../../appRedux/actions/Settings';\r\n\r\nimport { TAB_SIZE } from '../../../constants/ThemeSetting';\r\nimport HorizontalNav from '../HorizontalNav';\r\nimport { Link } from 'react-router-dom';\r\nimport IntlMessages from '../../../util/IntlMessages';\r\n\r\nconst { Header } = Layout;\r\n\r\nconst Option = Select.Option;\r\nconst menu = (\r\n \r\n);\r\n\r\nfunction handleMenuClick(e) {\r\n message.info('Click on menu item.');\r\n}\r\n\r\nfunction handleChange(value) {\r\n console.log(`selected ${value}`);\r\n}\r\n\r\nclass AboveHeader extends Component {\r\n state = {\r\n searchText: ''\r\n };\r\n\r\n languageMenu = () => (\r\n \r\n
*/}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
- \r\n
- Login \r\n
- Signup \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n }\r\n trigger=\"click\">\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {\r\n this.props.toggleCollapsedSideNav(!navCollapsed);\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n - \r\n {/*
- \r\n
\r\n \r\n \r\n
- \r\n {languageData.map(language => (\r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n const { locale, navCollapsed, width } = settings;\r\n return { locale, navCollapsed, width };\r\n};\r\nexport default connect(mapStateToProps, { toggleCollapsedSideNav, switchLanguage })(AboveHeader);\r\n","import React, { Component } from 'react';\r\nimport { Button, Dropdown, Icon, Layout, Menu, message, Popover, Select } from 'antd';\r\nimport { connect } from 'react-redux';\r\nimport CustomScrollbars from 'util/CustomScrollbars';\r\n\r\nimport languageData from '../languageData';\r\nimport SearchBox from 'components/SearchBox';\r\nimport UserInfo from 'components/UserInfo';\r\nimport AppNotification from 'components/AppNotification';\r\nimport MailNotification from 'components/MailNotification';\r\nimport { switchLanguage, toggleCollapsedSideNav } from '../../../appRedux/actions/Settings';\r\nimport HorizontalNav from '../HorizontalNav';\r\nimport { Link } from 'react-router-dom';\r\nimport IntlMessages from 'util/IntlMessages';\r\n\r\nconst { Header } = Layout;\r\n\r\nconst Option = Select.Option;\r\nconst menu = (\r\n \r\n);\r\n\r\nfunction handleMenuClick(e) {\r\n message.info('Click on menu item.');\r\n}\r\n\r\nfunction handleChange(value) {\r\n console.log(`selected ${value}`);\r\n}\r\n\r\nclass BelowHeader extends Component {\r\n state = {\r\n searchText: ''\r\n };\r\n\r\n languageMenu = () => (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n \r\n \r\n \r\n
- \r\n \r\n \r\n \r\n \r\n
- \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
- \r\n
- \r\n
\r\n \r\n - \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n trigger=\"click\">\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {\r\n if (width <= TAB_SIZE) {\r\n this.props.toggleCollapsedSideNav(!navCollapsed);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n
\r\n \r\n \r\n
- \r\n {languageData.map(language => (\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
- \r\n
- Login \r\n
- Signup \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n trigger=\"click\">\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {\r\n this.props.toggleCollapsedSideNav(!navCollapsed);\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n const { locale, navCollapsed } = settings;\r\n return { locale, navCollapsed };\r\n};\r\nexport default connect(mapStateToProps, { toggleCollapsedSideNav, switchLanguage })(BelowHeader);\r\n","import React, { Component } from 'react';\r\nimport { Layout, Popover } from 'antd';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport CustomScrollbars from 'util/CustomScrollbars';\r\nimport languageData from './languageData';\r\nimport { switchLanguage, toggleCollapsedSideNav } from '../../appRedux/actions/Settings';\r\nimport SearchBox from 'components/SearchBox';\r\nimport UserInfo from 'components/UserInfo';\r\nimport AppNotification from 'components/AppNotification';\r\nimport MailNotification from 'components/MailNotification';\r\nimport Auxiliary from 'util/Auxiliary';\r\n\r\nimport { NAV_STYLE_DRAWER, NAV_STYLE_FIXED, NAV_STYLE_MINI_SIDEBAR, TAB_SIZE } from '../../constants/ThemeSetting';\r\nimport { connect } from 'react-redux';\r\n\r\nconst { Header } = Layout;\r\n\r\nclass Topbar extends Component {\r\n state = {\r\n searchText: ''\r\n };\r\n\r\n languageMenu = () => (\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n \r\n \r\n \r\n
- \r\n \r\n \r\n \r\n \r\n
- \r\n \r\n \r\n \r\n \r\n
- \r\n {languageData.map(language => (\r\n
\r\n {\r\n this.props.toggleCollapsedSideNav(!navCollapsed);\r\n }}\r\n />\r\n
\r\n ) : null}\r\n \r\n \r\n \r\n\r\n - \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n \r\n
\r\n \r\n import('./dashboard'))} />\r\n import('./auth'))} />\r\n import('./assets'))} />\r\n import('./tasks'))} />\r\n import('./geofences'))} />\r\n import('./alerts'))} />\r\n import(\"./tenants\"))}/>\r\n import('./devices'))} />\r\n import('./reports'))} />\r\n import('./users'))} />\r\n \r\n
\r\n);\r\n\r\nexport default App;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { toggleCollapsedSideNav } from '../../../appRedux/actions/Settings';\r\nimport IntlMessages from 'util/IntlMessages';\r\n\r\nclass NoHeaderNotification extends Component {\r\n render() {\r\n const { navCollapsed } = this.props;\r\n return null;\r\n // \r\n //
\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n const { navCollapsed } = settings;\r\n return { navCollapsed };\r\n};\r\nexport default connect(mapStateToProps, { toggleCollapsedSideNav })(NoHeaderNotification);\r\n","import React, { Component } from \"react\";\r\nimport { Modal, Form, Input, Icon, Typography } from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n authCloseDialog,\r\n changePassword,\r\n forgotPassword,\r\n} from \"appRedux/actions/Auth\";\r\n\r\nconst { Text } = Typography;\r\nconst FormItem = Form.Item;\r\n\r\nclass PasswordForm extends Component {\r\n state = {\r\n confirmDirty: false,\r\n autoCompleteResult: [],\r\n passwordError: false,\r\n };\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n this.setState({ ...this.state, passwordError: false });\r\n if (!err) {\r\n if (values.password === values.confirmPassword) {\r\n if (this.props.dialogType === \"forgot\") {\r\n this.props.forgotPassword(values.password, values.resetCode);\r\n } else {\r\n this.props.changePassword(values.password, values.oldPassword);\r\n }\r\n } else {\r\n this.setState({ ...this.state, passwordError: true });\r\n }\r\n }\r\n });\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n\r\n const formItemLayout = {\r\n labelCol: {\r\n xs: { span: 24 },\r\n sm: { span: 8 },\r\n },\r\n wrapperCol: {\r\n xs: { span: 24 },\r\n sm: { span: 16 },\r\n },\r\n };\r\n\r\n return (\r\n \r\n // {\r\n // this.props.toggleCollapsedSideNav(!navCollapsed);\r\n // }}\r\n // />\r\n //
\r\n // \r\n //
\r\n // \r\n // \r\n //
\r\n // \r\n //
\r\n Password don't match! \r\n
\r\n ) : null}\r\n \r\n );\r\n }\r\n}\r\n\r\nconst RegistrationForm = Form.create()(PasswordForm);\r\n\r\nconst mapStateToProps = ({ auth }) => {\r\n const { dialogLoading, dialogVisible, dialogType } = auth;\r\n return { dialogLoading, dialogVisible, dialogType };\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n authCloseDialog,\r\n changePassword,\r\n forgotPassword,\r\n})(RegistrationForm);\r\n","import React, { Component } from 'react';\r\nimport { Layout } from 'antd';\r\n\r\nimport Sidebar from '../Sidebar/index';\r\nimport HorizontalDefault from '../Topbar/HorizontalDefault/index';\r\nimport HorizontalDark from '../Topbar/HorizontalDark/index';\r\nimport InsideHeader from '../Topbar/InsideHeader/index';\r\nimport AboveHeader from '../Topbar/AboveHeader/index';\r\nimport BelowHeader from '../Topbar/BelowHeader/index';\r\n\r\nimport Topbar from '../Topbar/index';\r\nimport { footerText } from 'util/config';\r\nimport App from 'routes/index';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n NAV_STYLE_ABOVE_HEADER,\r\n NAV_STYLE_BELOW_HEADER,\r\n NAV_STYLE_DARK_HORIZONTAL,\r\n NAV_STYLE_DEFAULT_HORIZONTAL,\r\n NAV_STYLE_DRAWER,\r\n NAV_STYLE_FIXED,\r\n NAV_STYLE_INSIDE_HEADER_HORIZONTAL,\r\n NAV_STYLE_MINI_SIDEBAR,\r\n NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR,\r\n NAV_STYLE_NO_HEADER_MINI_SIDEBAR,\r\n TAB_SIZE\r\n} from '../../constants/ThemeSetting';\r\nimport NoHeaderNotification from '../Topbar/NoHeaderNotification/index';\r\nimport { userSignInRefresh } from 'appRedux/actions/Auth';\r\nimport { init } from 'appRedux/actions/Settings';\r\nimport loginBgImage from '../../assets/images/login-bg.jpg';\r\nimport PasswordDialog from 'routes/auth/login/PasswordDialog';\r\n\r\nconst { Content, Footer } = Layout;\r\n\r\nexport class MainApp extends Component {\r\n componentDidMount() {\r\n this.props.init();\r\n if (this.props.refreshToken) {\r\n this.props.userSignInRefresh({ refreshToken: this.props.refreshToken });\r\n }\r\n }\r\n\r\n getContainerClass = navStyle => {\r\n switch (navStyle) {\r\n case NAV_STYLE_DARK_HORIZONTAL:\r\n return 'gx-container-wrap';\r\n case NAV_STYLE_DEFAULT_HORIZONTAL:\r\n return 'gx-container-wrap';\r\n case NAV_STYLE_INSIDE_HEADER_HORIZONTAL:\r\n return 'gx-container-wrap';\r\n case NAV_STYLE_BELOW_HEADER:\r\n return 'gx-container-wrap';\r\n case NAV_STYLE_ABOVE_HEADER:\r\n return 'gx-container-wrap';\r\n case NAV_STYLE_MINI_SIDEBAR:\r\n return 'gx-container-wrap';\r\n default:\r\n return '';\r\n }\r\n };\r\n getNavStyles = navStyle => {\r\n switch (navStyle) {\r\n case NAV_STYLE_DEFAULT_HORIZONTAL:\r\n return \r\n 
\r\n
;\r\nexport default CircularProgress;\r\n","import React, {Component} from \"react\";\r\nimport Nprogress from \"nprogress\";\r\nimport ReactPlaceholder from \"react-placeholder\";\r\nimport \"nprogress/nprogress.css\";\r\n\r\nimport \"react-placeholder/lib/reactPlaceholder.css\";\r\nimport CircularProgress from \"components/CircularProgress\";\r\n\r\nexport default function asyncComponent(importComponent) {\r\n class AsyncFunc extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n component: null\r\n };\r\n }\r\n\r\n componentWillMount() {\r\n Nprogress.start();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.mounted = false;\r\n }\r\n\r\n async componentDidMount() {\r\n this.mounted = true;\r\n const {default: Component} = await importComponent();\r\n Nprogress.done();\r\n if (this.mounted) {\r\n this.setState({\r\n component: