\n this.handleQuantityChange(event, cellInfo.index)}\n onKeyPress={event => {\n if (event.charCode === 13)\n this.handleQuantityChange(event, cellInfo.index);\n }}\n />\n
\n );\n }\n else {\n return (\n {unitOfMeasure}
\n \n
\n )\n }\n }\n\n renderButtonCell(cellInfo) {\n if (this.props.detailsList)\n return ();\n else\n return (\n \n );\n }\n\n renderMobileCell(cellInfo) {\n \n var line = this.state.items[cellInfo.index];\n var quantity = line.Quantity;\n var unitOfMeasure = line.SalesUnitDesc;\n\n const editableDetails = (\n {cellValue}{unitOfMeasure}
\n \n\n {\n this.props.displayAmounts ?\n ( this.setState({ errorMessage: null, warningMessage: null})} />\n );\n }\n\n async handleQuantityChange(event, _itemIndex) {\n \n var input = event.target;\n\n try {\n \n if (input.value < 0.0) {\n input.value = 0.0;\n }\n\n if (input.value === '0' || input.value === '') {\n\n var response = await this.removeItem(_itemIndex);\n\n if (!response) {\n input.value = SalesBasketManager.getItem(_itemIndex).Quantity;\n }\n\n return;\n }\n\n var quantity = input.value;\n\n if (SalesBasketManager.setItemQuantity(_itemIndex, quantity)) {\n this.setState({ items: SalesBasketManager.basketItems }, this.notifyBasketModified);\n }\n else {\n input.value = SalesBasketManager.getItem(_itemIndex).Quantity;\n }\n }\n\n catch (error) {\n Dialog.displayWarning(error.message);\n\n // Revert to original quantity\n if (input)\n input.value = SalesBasketManager.getItem(_itemIndex).Quantity;\n }\n }\n\n async removeItem(rowNumber) {\n\n var response = await Dialog.displayYesNoQuestion({\n title: SalesBasketManager.getItem(rowNumber).Description,\n message: i18n.t(\"Θέλετε να αφαιρέσετε το προϊόν από το καλάθι;\")\n });\n\n if (response === true) {\n this.setState({ items: [] }, () => {\n this.setState({ items: SalesBasketManager.removeItem(rowNumber) });\n this.notifyBasketModified();\n });\n }\n\n return response;\n //We need to clear the grid items and reset them in order for the grid input fields to refresh properly. \n // When setting the input defaultValue instead of the value property, the input does not refresh it's value correctly\n }\n\n notifyBasketModified() {\n if (this.props.onBasketModified)\n this.props.onBasketModified();\n }\n\n getDetailsData(_input) {\n let items = [];\n for (var i in _input) {\n\n if (!_input[i].LineItem)\n continue;\n \n items.push(_input[i]);\n items[i]['ItemCode'] = _input[i].LineItem['ItemCode'];\n items[i]['Description'] = _input[i].LineItem['Description'];\n items[i]['SalesUnitId'] = _input[i]['UnitId'];\n items[i]['SalesUnitDesc'] = _input[i].Unit['ShortDescription'];\n }\n return items;\n }\n}\n\nexport default SalesBasketList;\n","import { Link, withRouter, Redirect } from \"react-router-dom\";\nimport React, {Component} from 'react';\nimport SalesBasketList from '../components/SalesBasketList'\nimport PageHeader from \"../components/PageHeader\";\nimport { formatCurrency, formatDate, val } from '../util/HelpfulFunctions';\nimport i18n from \"../../i18n\";\nimport SessionManager from \"../util/SessionManager\";\nimport SalesBasketManager from \"../util/SalesBasketManager\";\nimport { EditableTile, SummaryTile } from \"../components/Tiles\";\nimport Configuration from \"../util/Configuration\";\nimport DataSource from \"../util/DataSource\";\nimport Dialog from \"../components/Dialog\";\nimport Spinner from \"../components/Spinner\";\nimport InfoText from \"../components/InfoText\";\nimport Metadata from \"../util/MetadataManager\";\n\nclass SalesBasket extends Component {\n \n constructor(props) {\n super(props);\n\n this.state = {\n transactionDate: this.getDateToday(),\n deliveryDateRequested: SalesBasketManager.getNextDeliveryDate(),\n comment: SalesBasketManager.basket.Comment,\n AEGDistributionRouteId: SalesBasketManager.basket.AEGDistributionRouteId,\n grossValue: SalesBasketManager.calcTotalGrossValue(),\n orderHeader: this.props && this.props.orderHeader,\n dummyForReloadPage: false,\n errorMessage: null,\n warningMessage: null,\n submitted: false,\n isBusy: true\n };\n\n SalesBasketManager.basket.DeliveryDate = this.state.deliveryDateRequested;\n this.basketModified = this.basketModified.bind(this);\n this.submitOrder = this.submitOrder.bind(this);\n this.renderSideContent = this.renderSideContent.bind(this);\n this.copyOrderToBasket = this.copyOrderToBasket.bind(this);\n this.renderThankYou = this.renderThankYou.bind(this);\n }\n\n componentDidMount() {\n this.initialize();\n }\n\n componentDidUpdate() {\n if (!SalesBasketManager.basketIsEmpty) {\n SalesBasketManager.setBasketProperty(\"DeliveryDate\", this.state.deliveryDateRequested);\n SalesBasketManager.setBasketProperty(\"Comment\", this.state.comment);\n SalesBasketManager.setBasketProperty(\"AEGDistributionRouteId\", this.state.AEGDistributionRouteId);\n }\n }\n\n render() {\n\n if (this.state.redirect) {\n return( this.setState({errorMessage: null, warningMessage: null, infoMessage: null, refresh: refresh })} />\n );\n }\n\n componentDidMount() {\n this.getData();\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (this.props.match.params.status !== prevProps.match.params.status) {\n this.getData();\n }\n }\n\n async getData() {\n\n // avoid reentry\n if (this.state.isBusy)\n return;\n\n this.setState({ isBusy: true });\n\n try {\n\n if (!this.state.metadata) {\n var metadata = await Metadata.getEntity(\"User\");\n this.setState({ metadata: metadata });\n }\n\n var filter = null;\n if (this.props.match.params.status) {\n if (this.props.match.params.status === \"active\") {\n filter = \"IsActive eq true\";\n }\n else if (this.props.match.params.status === \"inactive\") {\n filter = \"IsActive eq false\";\n }\n else if (this.props.match.params.status === \"all\") {\n filter = \"\";\n }\n }\n\n //this.setState({ caption: getCaption(this.props, this.state) });\n\n var userData = await DataSource.query('User', {orderby: 'UserName', filter: filter});\n this.setState({ userData: userData});\n }\n catch (error) {\n console.log(error);\n this.setState({\n errorMessage: error.response ? error.response.data.Message : this.errorNotResponseMessage,\n userData: []\n });\n }\n finally {\n this.setState({isBusy: false});\n }\n }\n\n\n isUserAdmin() {\n var adminRole = JSON.parse(localStorage.getItem('userData'));\n\n if (adminRole && adminRole.hasOwnProperty('userRole') && adminRole.userRole === \"admin\") {\n return true;\n }\n }\n\n async changeUserStatus(_user, _newStatus) {\n try {\n\n var title;\n var message;\n\n if (_newStatus) {\n title = i18n.t(\"Ενεργοποίηση λογαριασμού\");\n message = i18n.t(\"Ο λογαριασμός του χρήστη είναι ανενεργός. Θέλετε σίγουρα να τον ενεργοποιήσετε;\");\n }\n else {\n title = i18n.t(\"Απενεργοποίηση λογαριασμού\");\n message = i18n.t(\"Θέλετε σίγουρα να απενεργοποιήσετε τον λογαριασμό;\");\n }\n \n var response = await Dialog.displayYesNoQuestion({ title: title, message: message});\n\n if (response) {\n _user.IsActive = _newStatus;\n var response = await DataSource.persist(\"User\", _user);\n \n await this.getData();\n }\n }\n catch (error) {\n this.setState({\n errorMessage: error.response ? error.response.data.Message : this.errorNoResponseMessage, infoMessage: null\n });\n }\n }\n\n}\n\nfunction getCaption(props, state) {\n var caption = state.caption;\n\n if (props.match.params.status) {\n if (props.match.params.status === \"active\") {\n caption = i18n.t(\"Ενεργοί χρήστες\");\n }\n else if (props.match.params.status === \"inactive\") {\n caption = i18n.t(\"Ανενεργοί χρήστες\");\n }\n else if (props.match.params.status === \"all\") {\n caption = i18n.t(\"Χρήστες Portal\");\n }\n }\n else if (props.match.path && props.match.path === \"/adminUsers/all\") {\n caption = caption = i18n.t(\"Χρήστες Portal\");\n }\n\n return caption;\n}\n\n\nexport default withRouter(UserManagement);","import React, { Component, Suspense, lazy } from 'react';\nimport { Switch, Route, Redirect } from 'react-router-dom';\nimport OrderDetails from './pages/OrderDetails';\nimport ProductInfo from './pages/ProductInfo';\nimport UserManagement from './pages/UserManagement';\n\nimport Spinner from '../app/components/Spinner';\n\nimport SessionManager from './util/SessionManager';\n\n\n// WARNING!!! IIS seems to have a problem with lazy loading components and composite paths\n// For example the path ./pages/OrderDetails/:orderid will not work on IIS when the the \n// corresponding component is lazy loaded.\n\nconst Dashboard = lazy(() => import('./pages/Dashboard'));\nconst Login = lazy(() => import('./pages/Login'))\nconst AEGCustFinancial = lazy(() => import('./pages/AEGCustFinancial'));\nconst CustomerDrafts = lazy(() => import('./pages/CustomerDrafts'))\nconst CustomerOpenTransactions = lazy(() => import('./pages/CustomerOpenTransactions'))\nconst SalesOrdersBrowser = lazy(() => import('./pages/SalesOrdersBrowser'));\nconst ProductCatalog = lazy(() => import('./pages/ProductCatalog'));\nconst SalesBasket = lazy(() => import('./pages/SalesBasket'));\nconst FAQ = lazy(() => import('./pages/FAQ'));\nconst ContactForm = lazy(() => import('./pages/AEGContactForm'));\nconst AccountManagement = lazy(() => import('./pages/AccountManagement'));\n\nclass AppRoutes extends Component {\n \n render() {\n\n // Make sure a non logged in user is allways directed to the login page\n if (!SessionManager.isUserLoggedIn) {\n return (\n \n \n\n \n )\n }\n \n return (\n \n \n\n \n )\n }\n\n getAdminRoutes() {\n if (!SessionManager.isUserAdmin)\n return;\n \n return (\n \n \n \n )\n }\n}\n\nexport default AppRoutes;","import React, { Component } from 'react';\nimport { Redirect, withRouter } from 'react-router-dom';\nimport { Dropdown } from 'react-bootstrap';\nimport { Trans } from 'react-i18next';\nimport {getBaseUrl, val} from '../util/HelpfulFunctions';\nimport SessionManager from '../util/SessionManager';\n\n\nconst defaultProfileImg = getBaseUrl() + \"/assets/user-profile.svg\";\n\nclass UserAccountMenu extends Component {\n\n constructor(props) {\n super(props);\n\n if (props) {\n this.state = {\n loginRoute: val(props.loginRoute, \"/login\"),\n logoffRoute: val(props.logoffRoute, \"/\"),\n profilePicture: val(props.profilePicture, defaultProfileImg)\n };\n }\n\n }\n\n render() {\n\n const logoffMenu = (\n \n \n );\n\n\n const logonMenu = (\n \n \n );\n\n\n var userDescr = SessionManager.userDescription();\n\n return (\n this.navigateTo(\"/accountManagement\")}>\n \n )\n }\n\n logout() {\n SessionManager.logout();\n return ( \n \n );\n } \n else {\n return(\n \n \n );\n }\n }\n\n logout() {\n SessionManager.logout();\n return ( \n \n )\n};\n\nexport default SettingsPanel\n","import React, { Component } from 'react';\nimport { Trans } from 'react-i18next';\n\nclass Footer extends Component {\n render () {\n return (\n \n );\n }\n}\n\nexport default Footer;","import React, { useRef } from 'react'\nimport IdleTimer from 'react-idle-timer'\nimport { Logout } from '../util/HelpfulFunctions';\n\nfunction IdleTimerComponent() {\n const idleTimerRef = useRef(null) \n const timeOut = 1 * 60 * 60 * 1000 // 1 hours\n\n const onIdle = () => {\n if(localStorage.hasOwnProperty('lastActiveTime')){\n let newDate = new Date().getTime();\n let oldDate = Date.parse(localStorage.getItem('lastActiveTime'));\n\n if(newDate - oldDate > timeOut - 1000){\n Logout();\n }\n }\n }\n\n const onAction = (event) => {\n if(event.type === 'mousedown'){\n if(localStorage.hasOwnProperty('lastActiveTime')){\n if(((new Date()) - localStorage.getItem('lastActiveTime')) > timeOut - 1000){\n Logout();\n }else{\n localStorage.setItem('lastActiveTime', new Date());\n }\n }\n }\n }\n\n // hour min sec milsec\n return(\n \n \n , document.getElementById('root'));\n\nserviceWorker.unregister();\n","import React, { Component } from 'react'\n\nexport class Spinner extends Component {\n render() {\n return (\n {\n if (onChange)\n onChange({ value: value })\n }} />\n );\n }\n else {\n return (
\n
)\n : null\n }\n\n {formatUnitPrice(line.UnitPrice)} / {line.SalesUnitId}
\n {formatCurrency(line.GrossValue)}
)\n \n this.handleQuantityChange(event, cellInfo.index)}\n onKeyPress={event => {\n if (event.charCode === 13)\n this.handleQuantityChange(event, cellInfo.index);\n }} />\n
\n );\n\n const readOnlyDetails = (\n {unitOfMeasure}
\n this.removeItem(cellInfo.index)} />\n
\n \n\n
\n \n );\n\n return (\n \n
\n\n {\n this.props.displayAmounts ?\n ({quantity} {unitOfMeasure}
\n \n
)\n : null\n } \n {formatCurrency(line.GrossValue)}
\n \n
\n \n );\n }\n\n handleChange(event, _itemIndex) {\n this.state.items[_itemIndex].Quantity = event.target.value;\n this.notifyBasketModified();\n }\n\n renderMessage() {\n return (\n \n
\n {this.props.detailsList? readOnlyDetails : editableDetails}\n \n {line.Description} ({line.ItemId})
\n \n {this.renderHeader()}\n {this.renderMessage()}\n {this.renderContent()}\n
\n );\n }\n\n renderHeader() {\n return (\n \n\n
\n );\n }\n\n renderActionsCell(cellInfo) {\n\n var className = '';\n var user = null;\n var command = null;\n var title;\n\n if (this.state.userData.length > 0) {\n user = this.state.userData[cellInfo.index];\n }\n\n className = cellInfo.column.className ? cellInfo.column.className : \"\";\n className += \"mx-auto cmd-btn-outline-icon-normal\";\n\n if (user.IsActive) {\n className = \"cmd-btn-outline-icon-danger mdi mdi-lock\";\n command = () => this.changeUserStatus(user, false);\n title = i18n.t(\"Απενεργοποίση λογαριασμού\");\n }\n else {\n className = \"cmd-btn-outline-icon-normal mdi mdi-lock-open\";\n command = () => this.changeUserStatus(user, true);\n title = i18n.t(\"Ενεργοποίηση λογαριασμού\");\n }\n\n return (\n */}\n
\n );\n }\n\n renderOrderDetails() {\n \n var formatter = Intl.DateTimeFormat(this.language, { day: \"numeric\", month: \"numeric\", year: \"numeric\" });\n\n return (\n \n\n {\n this.displayAmounts() ?\n ( this.setState({ deliveryDateRequested: event.value }) : null} />\n \n this.setState({AEGDistributionRouteId: sender.value})} />\n\n\n this.setState({comment: event.target.value})} />\n\n
\n\n {/* \n
*/}\n \n \n
\n );\n }\n\n getSelectedDistributionRouteDescr() {\n if (this.props.orderHeader.AEGDistributionRouteId && this.state.distributionRoutes) {\n var selectedRoute = this.state.distributionRoutes.find(r => r.DistributionRouteId === this.props.orderHeader.AEGDistributionRouteId);\n }\n if (selectedRoute) {\n return selectedRoute.Description;\n }\n return null;\n }\n\n renderEmptyBasket() {\n\n if(localStorage.hasOwnProperty('basket'))\n localStorage.removeItem('basket');\n\n if (this.state.emptyBasket) {\n return;\n }\n else {\n this.setState({emptyBasket: true})\n return (\n \n \n
\n\n \n \n
\n );\n }\n\n renderMessage() {\n var message, title, type, refresh;\n\n if (this.state.errorMessage) {\n title = i18n.t(\"Σφάλμα\");\n message = this.state.errorMessage;\n type = \"error\";\n refresh = false;\n }\n else if (this.state.warningMessage) {\n title = i18n.t(\"Προσοχή!\");\n message = this.state.warningMessage;\n type = \"warning\";\n refresh = false;\n }\n else if (this.state.infoMessage){\n message = this.state.infoMessage;\n type = \"info\";\n refresh = true;\n }\n\n return (\n \n \n
\n \n Αποσύνδεση \n
\n \n \n
\n \n Σύνδεση \n
\n \n \n \n \n 
\n \n\n \n\n {this.renderAccountInfoMenu()}\n\n \n\n {SessionManager.isUserLoggedIn ? logoffMenu : logonMenu}\n\n \n\n \n
\n );\n }\n\n renderAccountInfoMenu() {\n if (SessionManager.isUserAdmin)\n return ();\n\n return (\n {userDescr}
\n {userDescr.length > 17 ? userDescr.substring(0, 17) + \"\\u2026\" : userDescr}
\n \n \n \n
\n \n Στοιχεία λογαριασμού \n
\n \n \n
\n \n Αποσύνδεση \n
\n \n \n
\n \n Σύνδεση \n
\n - \n
- \n \n \n
Σύνοψη \n \n \n\n - \n this.toggleMenuState('custInfoMenuOpen')} data-toggle=\"collapse\">\n \n\n
Πληροφόρηση \n \n\n \n- \n
-
Αξιόγραφα \n -
Ανοιχτές κινήσεις \n -
Οι παραγγελίες μου \n
\n\n -
- \n this.toggleMenuState('salesOrdersMenuOpen')} data-toggle=\"collapse\">\n \n\n
Παραγγελίες \n \n\n \n- \n
-
Οι παραγγελίες μου \n -
Κατάλογος \n -
Καλάθι αγορών \n
\n\n -
- \n this.toggleMenuState('miscMenuOpen')} data-toggle=\"collapse\">\n \n\n
Χρήσιμα links \n \n\n \n- \n {/*
-
Βοήθεια */}\n -
Βοήθεια \n -
Επικοινωνία \n -
AEGEAN Website \n
\n -
- \n
- \n this.toggleMenuState('adminMenuOpen')} data-toggle=\"collapse\">\n \n\n
Διαχείριση \n \n\n \n- \n
-
Χρήστες Portal \n -
Ενεργοί χρήστες \n -
Ανενεργοί χρήστες \n
\n -
\n {/*
\n )\n }\n}\nconst ListItem = (props) => {\n \n return (\n */}\n
\n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n Todo List
\n \n \n
\n - \n {this.state.todos.map((todo, index) =>{\n return
- \n {this.state.todosRtl.map((todoRtl, index) =>{\n return
\n
\n \n \n Feb 11 2018\n
\n \n
\n \n \n Feb 7 2018\n
\n \n
\n \n See All \n
\n - \n
- \n \n\n\n 19
\nThomas Douglas
\nAvailable min \n \n - \n \n\n\n\n\n
\nCatherine
\nAway 4\n 23min \n \n - \n \n\n\n 14 min\n
\nDaniel Russell
\nAvailable \n - \n \n\n\n 2
\nJames Richardson Away
\nmin \n \n - \n \n\n\n 5
\nMadeline Kennedy
\nAvailable min \n \n - \n \n\n\n 47
\nSarah Graves
\nAvailable min \n \n
\n \n
\n \n \n
\n );\n}\nexport default IdleTimerComponent","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport './App.scss';\nimport AppRoutes from './AppRoutes';\nimport Navbar from './components/Navbar';\nimport Sidebar from './components/Sidebar';\nimport SettingsPanel from './components/SettingsPanel';\nimport Footer from './components/Footer';\nimport IdleTimerComponent from './util/IdleTimerComponent';\nimport { withTranslation } from \"react-i18next\";\n\nclass App extends Component {\n \n state = {}\n\n componentDidMount() {\n this.onRouteChanged();\n }\n\n render () {\n\n let navbarComponent = !this.state.isFullPageLayout ? \n
\n );\n \n }\n\n componentDidUpdate(prevProps) {\n if (this.props.location !== prevProps.location) {\n this.onRouteChanged();\n }\n }\n\n onRouteChanged() {\n \n console.log(\"ROUTE CHANGED\");\n \n const { i18n } = this.props;\n const body = document.querySelector('body');\n \n if(this.props.location.pathname === '/layout/RtlLayout') {\n body.classList.add('rtl');\n i18n.changeLanguage('ar');\n }\n else {\n body.classList.remove('rtl')\n i18n.changeLanguage('en');\n }\n \n window.scrollTo(0, 0);\n \n const fullPageLayoutRoutes = ['/login', '/user-pages/login-1', '/user-pages/login-2', '/user-pages/register-1', '/user-pages/register-2', '/user-pages/lockscreen', '/error-pages/error-404', '/error-pages/error-500', '/general-pages/landing-page'];\n \n for ( let i = 0; i < fullPageLayoutRoutes.length; i++ ) {\n if (this.props.location.pathname === fullPageLayoutRoutes[i]) {\n this.setState({\n isFullPageLayout: true\n })\n document.querySelector('.page-body-wrapper').classList.add('full-page-wrapper');\n break;\n } else {\n this.setState({\n isFullPageLayout: false\n })\n document.querySelector('.page-body-wrapper').classList.remove('full-page-wrapper');\n }\n }\n }\n\n}\n\nexport default withTranslation()(withRouter(App));\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport App from './app/App';\nimport \"./i18n\";\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n \n { sidebarComponent }\n
\n \n
\n \n
\n { footerComponent }\n \n \n
\n )\n }\n}\n\nexport default Spinner\n","import React, {Component} from 'react';\nimport Select from 'react-select';\n\nclass Picker extends Component {\n\n static getDerivedStateFromProps(nextProps, prevState) {\n \n var lookupOptions = loadLookupOptions(nextProps.itemsSource, nextProps.displayMember, nextProps.valueMember);\n var selectedOption = null;\n\n if (lookupOptions) \n selectedOption = lookupOptions.find(o => o.id === nextProps.selectedValue);\n\n var newState = {lookupOptions: lookupOptions, selectedOption: selectedOption};\n \n return newState;\n }\n\n render() {\n\n return (\n \n )\n }\n}\n\nfunction loadLookupOptions(_items, _displayMember, _valueMember) {\n var options = [];\n\n if (_items && _displayMember && _valueMember)\n {\n for (var ix in _items) {\n options.push({id: _items[ix][_valueMember], value: _items[ix][_valueMember], label: _items[ix][_displayMember]});\n }\n }\n\n return options;\n}\n\n\nexport default Picker;","import React, {Component} from 'react';\nimport DatePicker from \"react-datepicker\";\nimport {formatDate} from '../util/HelpfulFunctions';\nimport Picker from './Editors/Picker';\n\nexport function SummaryTile({title, value, subValue1, subTitle1, subValue2, subTitle2, size, textSize, color, colorSub, justify}) {\n\n if (!size) size = 4;\n if (!color) color = \"primary3\"\n if (!colorSub) colorSub = \"primary4\";\n if (!justify) justify = \"start\";\n \n if (!textSize) \n textSize = 3;\n else\n {\n textSize = 6 - textSize;\n if (textSize < 1)\n textSize = 1;\n }\n\n var subTextSize = textSize + 2;\n if (subTextSize > 7)\n subTextSize = 7;\n\n\n return (\n \n
\n );\n\n function renderSubValues() {\n if (subValue1 || subValue2) {\n return (\n \n
\n \n
*/}\n {renderSubValues()}\n
\n {title}
\n {/**/}\n {renderSubValues()}\n
{value}
\n \n {subValue1 ? (\n
\n
\n );\n }\n }\n}\n\n\nexport function EditableTile({title, value, type, size, textSize, color, justify, className, onChange, itemsSource, displayMember, valueMember}) {\n\n if (!size) size = 4;\n if (!color) color = \"primary3\"\n if (!justify) justify = \"end\";\n\n if (!textSize) \n textSize = 3;\n else\n {\n textSize = 5 - textSize;\n if (textSize < 1)\n textSize = 1;\n }\n \n // var style = onChange? {cursor: \"pointer\"} : null;\n\n return (\n \n
\n ) : null}\n\n {subValue2 ? (\n {subTitle1}
\n {subValue1}
\n \n
\n ) : null}\n\n {subTitle2}
\n {subValue2}
\n \n
\n
\n );\n}\n\n\nfunction Editor({value, type, justify, onChange, color, itemsSource, displayMember, valueMember, textSize}) {\n\n if (type === \"string\")\n return ();\n else if (type === \"number\")\n return ();\n else if (type === \"date\") {\n \n if (onChange) {\n return (\n \n
\n \n {/* */}\n
*/}\n
\n {title}
\n {/**/}\n
{formatDate(value)}
);\n }\n }\n else if (type === \"memo\") {\n if (onChange) {\n return (\n