\n {children}\n
);\n }\n\n}\n\nBubble.propTypes = {\n containerSelector: React.PropTypes.string,\n backgroundColor: React.PropTypes.string,\n onComplete: React.PropTypes.func,\n onStart: React.PropTypes.func,\n className: React.PropTypes.string,\n children: React.PropTypes.node\n};\n\nexport default Bubble;","import React from 'react';\nimport classNames from 'classnames';\n\nimport Input from './Input';\nimport Button from './Button';\n\nclass TableActions extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n active: false\n };\n this.timeoutID = null;\n this.toggleActive = this.toggleActive.bind(this);\n this.handleBlur = this.handleBlur.bind(this);\n }\n\n componentWillUnmount() {\n if (this.timeoutID) {\n clearTimeout(this.timeoutID);\n }\n }\n\n toggleActive() {\n this.setState({active:!this.state.active});\n }\n\n handleBlur() {\n // Delay execution for other elements to catch 'click' event\n this.timeoutID = setTimeout(() => {\n this.setState({active:false});\n },100);\n }\n\n render() {\n let {className, children, ...props} = this.props;\n let classes = {\n 'table-actions': true,\n active: this.state.active\n };\n\n return (\n {children}\n
\n \n {children}\n
\n }\n \n \n {children}\n
\n
\n );\n }\n}\n\nexport default Page;","import React, { Component, PropTypes } from 'react';\nimport classNames from 'classnames';\nimport {TransitionMotion, spring, presets} from 'react-motion';\n\nimport Col from './Col';\n\nclass PageMain extends Component {\n\n static propTypes = {\n className: React.PropTypes.string,\n title: React.PropTypes.node,\n children: React.PropTypes.node,\n sideNav: React.PropTypes.bool,\n full: React.PropTypes.bool\n };\n\n getStartValue() {\n return {\n card: {\n marginTop: spring(-20, [200,30]),\n opacity: spring(0, [200,30])\n }\n };\n }\n\n getEndValue() {\n return {\n card: {\n marginTop: spring(-60, [200,30]),\n opacity: spring(1, [200,30])\n }\n };\n }\n\n render() {\n let classes = {};\n\n let {className, children, title, sideNav, full, ...props} = this.props;\n\n let colClasses = {\n 'offset-m3': !sideNav && !full\n };\n\n let colM = full ? 12 : 9;\n\n return (\n \n \n {configs => {\n const { ...style } = configs.card;\n return ( \n \n
\n );\n }\n}\n\nexport default PageMain;","import React, { Component, PropTypes } from 'react';\nimport classNames from 'classnames';\nimport {TransitionMotion, spring, presets} from 'react-motion';\n\nimport Col from './Col';\n\n\nclass PageLeft extends Component {\n\n static propTypes = {\n className: React.PropTypes.string,\n children: React.PropTypes.node\n };\n\n\n getStartValue() {\n return {\n sideBar: {\n opacity: spring(0, [100,40])\n }\n };\n }\n\n getEndValue() {\n return {\n sideBar: {\n opacity: spring(1, [100,40])\n }\n };\n }\n\n render() {\n let classes = {};\n\n let {className, children, ...props} = this.props;\n\n return (\n \n
);\n }\n }\n {title}
\n \n {children}\n
\n \n \n {configs =>\n \n\n\n \n
\n );\n }\n}\n\nexport default PageLeft;","import 'stylesheets/components/navigation.scss';\nimport 'stylesheets/global.scss';\n\nimport React, {Component} from 'react';\nimport { Link, IndexLink } from 'react-router';\nimport PureRenderMixin from 'react-addons-pure-render-mixin';\nimport { connect } from 'react-redux';\nimport $ from 'jquery';\nimport { FormattedMessage } from 'react-intl';\nimport {isAllowed} from 'modules/profile/selectors';\nimport { store } from 'app/store';\nimport * as actionCreators from 'modules/profile/actions';\nimport { Icon } from 'routes/app/components';\n\n\nexport class Navigation extends Component {\n\n static propTypes = {\n profile: React.PropTypes.object.isRequired,\n isAllowed: React.PropTypes.func.isRequired/*,\n fetchProfile: React.PropTypes.func.isRequired*/\n };\n\n componentDidMount() {\n //$(this.refs.settings).dropdown();\n\n //this.props.fetchProfile();\n $(this.refs.sideMenuTrigger).sideNav({\n closeOnClick: true\n });\n\n $('header .collapsible').collapsible({\n accordion: true\n });\n }\n\n settingsLink(text=\n {children}\n
\n }\n \n \n menu\n \n
\n - \n
- \n
\n \n {profile.companyName}\n \n\n \n \n\n {(isAllowed(91100) || isAllowed(91130)) &&\n - \n \n \n }\n\n {isAllowed(91900) &&\n
- \n
- \n
- \n \n \n {profile.requestingCompany}\n {profile.fullName}\n \n \n \n\n
- \n {isAllowed(91010) && this.settingsLink(
)}\n {this.logoutLink()}\n \n
\n\n\n - \n \n \n {profile.requestingCompany}\n {profile.fullName}\n \n \n
\n version: v.{version}\n last build: {lastBuild}\n
\n );\n }\n}\nexport default TechInfo;\n","import Footer from './Footer';\nexport default Footer;\n","import React, {Component,PropTypes} from 'react';\nimport intl from 'react-intl';\n\nimport TechInfo from './TechInfo';\nimport Input from '../Input';\n\n\nimport './footer.scss';\n\nclass Footer extends Component {\n\n static propTypes = {\n currentLocale: PropTypes.string,\n onLocaleChange: PropTypes.func\n };\n\n render() {\n\n return (\n \n );\n\n }\n}\nexport default Footer;","import './style.scss';\n\nimport React, {PropTypes} from 'react';\nimport $ from 'jquery';\n\nlet lastMessages = null;\n\nconst FlashMessage = ({messages, formatMessage}) => {\n if (messages !== lastMessages) {\n lastMessages = messages;\n messages.forEach((msg) => {\n let flash = formatMessage({id: msg.messageIds[0] }, msg.params);\n if (msg.titleId) {\n let title = formatMessage({id: msg.titleId});\n flash = $(`${title}${flash}
`);\n }\n // eslint-disable-next-line no-undef\n Materialize.toast(flash, msg.ttl, msg.theme);\n });\n }\n return flashmsg
;\n};\n\nFlashMessage.propTypes = {\n messages: PropTypes.object.isRequired,\n formatMessage: PropTypes.func.isRequired\n};\n\nexport default FlashMessage;\n","\nexport const isRequestingData = (state, resource) => {\n if (resource) return isRequestingResource(state, resource);\n let req = state.getIn(['session', 'requesting']);\n if (!req) return false;\n return req.count() > 0;\n};\n\nexport const isRequestingResource = (state, resource) => (!!state.getIn(['session', 'requesting', resource]));\n\nexport const getFlashMessage = state => state.getIn(['session','flashMessage']);","import 'stylesheets/base.scss';\n\nimport React, {Component, PropTypes} from 'react';\nimport {connect} from 'react-redux';\nimport {intlShape, injectIntl} from 'react-intl';\n\nimport PureRenderComponent from 'app/lib/PureRenderComponent';\nimport {NavigationContainer} from './Navigation';\nimport Footer from '../components/Footer';\nimport ProgressBar from '../components/ProgressBar';\nimport FlashMessage from '../components/FlashMessage/FlashMessage';\nimport {settings} from 'app/globals';\nimport {setPreferredLanguage} from 'modules/profile/actions';\nimport {isRequestingData, getFlashMessage} from 'modules/app/selectors';\nimport {getLocale} from 'modules/profile/selectors';\nimport {isAuthenticated, getJWT} from 'modules/auth/selectors';\n\nclass App extends PureRenderComponent {\n\n static propTypes = {\n children: PropTypes.element,\n isAuthenticated: PropTypes.bool,\n locale: PropTypes.oneOf(settings.supportedLocales),\n isRequesting: PropTypes.bool,\n flashMessage: PropTypes.object,\n intl: intlShape.isRequired,\n token: PropTypes.string\n };\n\n static childContextTypes = {\n token: PropTypes.string\n };\n\n getChildContext = () => {\n return {\n token: this.props.token\n };\n };\n\n localeChangedHandler = (e) => {\n this.props.setPreferredLanguage(e.target.value);\n };\n\n render() {\n let {isAuthenticated, locale, children, isRequesting, flashMessage, intl:{formatMessage}, ...props} = this.props;\n\n if (!isAuthenticated) {\n return (\n \n {flashMessage && flashMessage.size > 0 &&\n }\n {isRequesting &&
\n );\n } else {\n return (\n \n {flashMessage && flashMessage.size > 0 &&\n }\n {isRequesting && {children} \n
\n );\n }\n\n\n }\n\n}\n\nfunction mapStateToProps(state) {\n return {\n isAuthenticated: isAuthenticated(state),\n locale: getLocale(state),\n isRequesting: isRequestingData(state),\n flashMessage: getFlashMessage(state),\n token: getJWT(state)\n };\n}\n\nexport const AppContainer = connect(mapStateToProps, {setPreferredLanguage})(injectIntl(App));\n\nexport default App;\n","import action from './action';\nimport {createActionType, createRequestTypes} from './actionTypes';\n\nexport const requestActionsFor = (resourceName) => {\n if (resourceName == null) throw new Error('requestActionsFor: Expected resourceName');\n resourceName = resourceName.toUpperCase();\n\n const actionTypes = createRequestTypes(resourceName);\n\n let actionCreators = {\n success : (payload) => action(actionTypes.SUCCESS)(payload),\n error : (payload) => action(actionTypes.ERROR)(payload)\n };\n\n return {\n request : (payload) => action(actionTypes.REQUEST)({request: resourceName, actions:{...actionCreators}, ...payload}),\n ...actionCreators\n };\n};\n\nexport const simpleActionFor = (actionType, resourceName) => {\n if (actionType == null) throw new Error('simpleActionFor: Expected resourceName');\n\n return (payload) => action(actionType || createActionType(resourceName))(payload);\n};\n","\nexport const getReports = state => state.get('reports').toJS();","import Widget from './Widget';\n\nexport default Widget;\n","import React, {PropTypes} from 'react';\nimport {Card} from 'routes/app/components';\nimport {FormattedMessage} from 'react-intl';\nimport './style.scss';\n\nconst Widget = ({children, title, onRefresh}) => {\n const actions = [\n {e.preventDefault(); onRefresh();}}>- -legend\\\"><% for (let i=0; i
- \\\"><%if(datasets[i].label){%><%=datasets[i].label%><%}%> <%}%>
\n {spinners}\n
\n );\n }\n}\n\nPreloader.propTypes = {\n /**\n * The scale of the circle\n * @default 'medium'\n */\n size: React.PropTypes.oneOf(['big', 'small', 'medium']),\n /**\n * Whether to spin\n * @default true\n */\n active: React.PropTypes.bool,\n /**\n * The color of the circle, if not flashing\n * @default 'blue'\n */\n color: React.PropTypes.oneOf(['blue', 'red', 'yellow', 'green']),\n /**\n * Wheter to circle four different colors\n * @default false\n */\n flashing: React.PropTypes.bool,\n /**\n * \n */\n className: React.PropTypes.string\n};\n\nPreloader.defaultProps = {\n active: true,\n flashing: false,\n color: 'blue'\n};\n\nexport default Preloader;","import React, {PropTypes, Component} from 'react';\nimport {FormattedMessage} from 'react-intl';\nimport moment from 'moment';\nimport _ from 'lodash';\nimport {serverDateFormat} from 'app/lib/format';\nimport Widget from '../../Widget';\nimport {colorsRGB} from 'app/globals';\nimport LineBarChart from 'app/lib/charts/LineBar';\nimport Preloader from 'routes/app/components/Preloader';\nimport './style.scss';\n\n/*const chartData = {\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\n datasets: [\n {\n label: \"My First dataset\",\n type: \"bar\",\n fillColor: \"rgba(220,220,220,0.2)\",\n strokeColor: \"rgba(220,220,220,1)\",\n pointColor: \"rgba(220,220,220,1)\",\n pointStrokeColor: \"#fff\",\n pointHighlightFill: \"#fff\",\n pointHighlightStroke: \"rgba(220,220,220,1)\",\n data: [65, 59, 80, 81, 56, 55, 40]\n },\n {\n label: \"My Second dataset\",\n type: \"line\",\n fillColor: \"rgba(151,187,205,0.2)\",\n strokeColor: \"rgba(151,187,205,1)\",\n pointColor: \"rgba(151,187,205,1)\",\n pointStrokeColor: \"#fff\",\n pointHighlightFill: \"#fff\",\n pointHighlightStroke: \"rgba(151,187,205,1)\",\n data: [28, 48, 40, 19, 86, 27, 90]\n }\n ]\n };*/\nconst chartOptions = {\n showScale: true,\n scaleShowLabels: false,\n showTooltips: false,\n responsive: true,\n maintainAspectRatio: false\n};\n\nconst rawDataToChartData = (raw) => {\n const data = {labels: [], datasets: []};\n\n if (_.isEmpty(raw)) {\n return data;\n }\n\n const dayStart = raw.startHour;\n const dayEnd = dayStart + raw.histCount.length;\n\n for (let i = dayStart; i < dayEnd; i++) {\n data.labels.push(i);\n }\n\n data.datasets.push({\n label: 'History count',\n type: 'bar',\n fillColor: 'rgba(220,220,220,0.2)',\n strokeColor: 'rgba(220,220,220,1)',\n pointColor: 'rgba(220,220,220,1)',\n pointStrokeColor: '#fff',\n pointHighlightFill: '#fff',\n pointHighlightStroke: 'rgba(220,220,220,1)',\n data: raw.histCount\n });\n\n data.datasets.push({\n label: 'Actual count',\n type: 'line',\n fillColor: 'transparent',\n strokeColor: `rgba(${colorsRGB.secondary.r},${colorsRGB.secondary.g},${colorsRGB.secondary.b},1)`,\n pointColor: 'transparent',\n pointStrokeColor: 'transparent',\n data: new Array(raw.histCount.length).fill(raw.actualCount)\n });\n\n return data;\n};\n\nclass ActualTrucks extends Component {\n\n static propTypes = {\n rawData: PropTypes.object.isRequired,\n intl: PropTypes.object,\n fetch: PropTypes.func.isRequired,\n values: PropTypes.shape({\n dom: PropTypes.string\n })\n };\n \n componentWillMount() {\n this.fetchData();\n }\n\n componentWillReceiveProps(nextProps) {\n if (this.props.values.dom !== nextProps.values.dom) {\n this.fetchData(nextProps.values.dom);\n }\n }\n\n fetchData = (dom) => {\n dom = dom || this.props.values.dom;\n this.props.fetch({dom, date: moment().format(serverDateFormat)});\n };\n\n render() {\n const {rawData, intl:{formatMessage}} = this.props;\n\n return (\n \n \n
\n }\n \n );\n }\n\n}\n\nexport default ActualTrucks;","import ActualTrucks from './ActualTrucks';\n\nexport default ActualTrucks;\n","import React, {PropTypes, Component} from 'react';\nimport {FormattedMessage} from 'react-intl';\nimport moment from 'moment';\nimport _ from 'lodash';\nimport {Bar as BarChart} from 'react-chartjs'; //stacked bar? @see https://github.com/Regaddi/Chart.StackedBar.js/blob/master/src/Chart.StackedBar.js\nimport {colorsRGB} from 'app/globals';\nimport {serverToDisplayTimeSlot, serverDateFormat, displayDateFormat, displayToServerDate} from 'app/lib/format';\nimport Widget from '../../Widget';\nimport Preloader from 'routes/app/components/Preloader';\nimport Input from 'routes/app/components/Input';\nimport Col from 'routes/app/components/Col';\nimport Row from 'routes/app/components/Row';\nimport '../style.scss';\n\nconst chartOptions = {\n showScale: true,\n scaleShowLabels: false,\n showTooltips: false,\n responsive: true,\n maintainAspectRatio: false\n};\n\nconst rawDataToChartData = (raw) => {\n\n const data = {labels: [], datasets: []};\n\n if (_.isEmpty(raw)) {\n return data;\n }\n\n let dataSet1 = {\n label: 'Max. registrations',\n fillColor: 'rgba(220,220,220,0.2)',\n strokeColor: 'rgba(220,220,220,1)',\n pointColor: 'rgba(220,220,220,1)',\n pointStrokeColor: '#fff',\n pointHighlightFill: '#fff',\n pointHighlightStroke: 'rgba(220,220,220,1)',\n data: []\n };\n let dataSet2 = {\n label: 'Actual registrations',\n fillColor: `rgba(${colorsRGB.secondary.r},${colorsRGB.secondary.g},${colorsRGB.secondary.b},0.2)`,\n strokeColor: `rgba(${colorsRGB.secondary.r},${colorsRGB.secondary.g},${colorsRGB.secondary.b},1)`,\n pointColor: `rgba(${colorsRGB.secondary.r},${colorsRGB.secondary.g},${colorsRGB.secondary.b},1)`,\n pointStrokeColor: '#fff',\n pointHighlightFill: '#fff',\n pointHighlightStroke: 'rgba(151,187,205,1)',\n data: []\n };\n\n for (let timeSlot of raw) {\n data.labels.push(serverToDisplayTimeSlot(timeSlot.begin, timeSlot.end));\n dataSet1.data.push(timeSlot.maxReg);\n dataSet2.data.push(timeSlot.actualReg);\n }\n\n data.datasets = [dataSet1, dataSet2];\n\n return data;\n};\n\nclass ActualOccupancy extends Component {\n\n static propTypes = {\n rawData: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,\n intl: PropTypes.object,\n fetch: PropTypes.func.isRequired,\n dateField: PropTypes.object,\n values: PropTypes.shape({\n dom: PropTypes.string,\n date: PropTypes.string\n })\n };\n\n componentWillMount() {\n this.fetchData();\n }\n\n componentWillReceiveProps(nextProps) {\n if (this.props.values.dom !== nextProps.values.dom || this.props.values.date !== nextProps.values.date) {\n this.fetchData(nextProps.values.dom, nextProps.values.date);\n }\n }\n\n fetchData = (dom, date) => {\n dom = dom || this.props.values.dom;\n date = date || this.props.values.date;\n this.props.fetch({dom, date: displayToServerDate(date)});\n };\n\n render() {\n const {rawData, intl:{formatMessage}, dateField} = this.props;\n\n return (\n \n
\n \n
\n }\n \n );\n }\n\n}\n\nexport default ActualOccupancy;","import ActualOccupancy from './ActualOccupancy';\n\nexport default ActualOccupancy;\n","import React, {PropTypes, Component} from 'react';\nimport {FormattedMessage} from 'react-intl';\nimport moment from 'moment';\nimport _ from 'lodash';\nimport {Line as LineChart} from 'react-chartjs'; //stacked bar? @see https://github.com/Regaddi/Chart.StackedBar.js/blob/master/src/Chart.StackedBar.js\nimport {serverToDisplayTimeSlot, serverToDisplayTime} from 'app/lib/format';\nimport Widget from '../../Widget';\nimport Preloader from 'routes/app/components/Preloader';\nimport Input from 'routes/app/components/Input';\nimport Col from 'routes/app/components/Col';\nimport Row from 'routes/app/components/Row';\nimport {colorsRGB} from 'app/globals';\n\nconst chartOptions = {\n showScale: true,\n scaleShowLabels: false,\n showTooltips: false,\n responsive: true,\n maintainAspectRatio: false\n};\n\nconst rawDataToChartData = ({values, maxRefMinutes}) => {\n\n\n const data = {labels: [], datasets: []};\n\n if (_.isEmpty(values)) {\n return data;\n }\n\n // values = [{\"begin\":\"060000\",\"end\":\"100000\",\"avgLeadTime\":120},{\"begin\":\"100000\",\"end\":\"120000\",\"avgLeadTime\":40},{\"begin\":\"120000\",\"end\":\"150000\",\"avgLeadTime\":120},{\"begin\":\"150000\",\"end\":\"213000\",\"avgLeadTime\":90}];\n\n // Dummy dataset, to always keep values between 0 and maxRefMinutes\n let dataSet0 = {\n fillColor: 'transparent',\n pointColor: 'transparent',\n strokeColor: 'transparent',\n data: [0,maxRefMinutes]\n };\n\n let dataSet1 = {\n label: 'Max. registrations',\n fillColor: `rgba(${colorsRGB.secondary.r},${colorsRGB.secondary.g},${colorsRGB.secondary.b},0.2)`,\n strokeColor: `rgba(${colorsRGB.secondary.r},${colorsRGB.secondary.g},${colorsRGB.secondary.b},1)`,\n pointColor: `rgba(${colorsRGB.secondary.r},${colorsRGB.secondary.g},${colorsRGB.secondary.b},1)`,\n pointStrokeColor: '#fff',\n pointHighlightFill: '#fff',\n pointHighlightStroke: 'rgba(151,187,205,1)',\n data: []\n };\n\n if (values.length > 1) {\n for (let timeSlot of values) {\n data.labels.push(serverToDisplayTimeSlot(timeSlot.begin, timeSlot.end));\n dataSet1.data.push(timeSlot.avgLeadTime);\n }\n } else if (values.length === 1) {\n data.labels.push(serverToDisplayTime(values[0].begin));\n data.labels.push(serverToDisplayTime(values[0].end));\n dataSet1.data.push(values[0].avgLeadTime);\n dataSet1.data.push(values[0].avgLeadTime);\n }\n\n data.datasets = [dataSet0, dataSet1];\n\n return data;\n};\n\nclass AverageLeadTime extends Component {\n\n static propTypes = {\n rawData: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,\n intl: PropTypes.object,\n fetch: PropTypes.func.isRequired,\n dayOfWeekField: PropTypes.object,\n values: PropTypes.shape({\n dom: PropTypes.string,\n dayOfWeek: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n })\n };\n\n componentWillMount() {\n this.fetchData();\n }\n\n componentWillReceiveProps(nextProps) {\n if (this.props.values.dom !== nextProps.values.dom || this.props.values.dayOfWeek !== nextProps.values.dayOfWeek) {\n this.fetchData(nextProps.values.dom, nextProps.values.dayOfWeek);\n }\n }\n\n fetchData = (dom, dayOfWeek) => {\n dom = dom || this.props.values.dom;\n dayOfWeek = dayOfWeek || this.props.values.dayOfWeek;\n this.props.fetch({dom, dayOfWeek});\n };\n\n render() {\n const {rawData, intl:{formatMessage}, dayOfWeekField} = this.props;\n\n return (\n - \n
\n \n
\n }\n \n );\n }\n\n}\n\nexport default AverageLeadTime;","import AverageLeadTime from './AverageLeadTime';\n\nexport default AverageLeadTime;\n","import React, {PropTypes} from 'react';\nimport d3 from 'd3';\nimport './style.scss';\n\n// const percentColors = [\n// { pct: 0.0, color: { r: 0x00, g: 0xff, b: 0 } },\n// { pct: 0.5, color: { r: 0xff, g: 0xff, b: 0 } },\n// { pct: 1.0, color: { r: 0xff, g: 0x00, b: 0 } }\n// ];\n\nconst percentColors = [\n { pct: 0.0, color: { r: 0x43, g: 0xcc, b: 0x83 } },\n { pct: 0.5, color: { r: 0xf8, g: 0xfa, b: 71 } },\n { pct: 1.0, color: { r: 0xef, g: 0x53, b: 50 } }\n];\n\nconst getColorForPercentage = function(pct) {\n let i;\n for (i = 1; i < percentColors.length - 1; i++) {\n if (pct < percentColors[i].pct) {\n break;\n }\n }\n let lower = percentColors[i - 1];\n let upper = percentColors[i];\n let range = upper.pct - lower.pct;\n let rangePct = (pct - lower.pct) / range;\n let pctLower = 1 - rangePct;\n let pctUpper = rangePct;\n let color = {\n r: Math.floor(lower.color.r * pctLower + upper.color.r * pctUpper),\n g: Math.floor(lower.color.g * pctLower + upper.color.g * pctUpper),\n b: Math.floor(lower.color.b * pctLower + upper.color.b * pctUpper)\n };\n return 'rgb(' + [color.r, color.g, color.b].join(',') + ')';\n // or output as hex if preferred\n};\n\n//http://codepen.io/boars/pen/kzFvj\nclass Gauge extends React.Component {\n\n static propTypes = {\n percent: PropTypes.number,\n numSections: PropTypes.number\n };\n\n static defaultProps = {\n numSections: 5\n };\n\n componentDidMount() {\n this.draw();\n }\n\n shouldComponentUpdate(nextProps) {\n return nextProps.percent !== this.props.percent || nextProps.numSections !== this.props.numSections;\n }\n\n componentDidUpdate() {\n d3.select(this.refs.gauge).html('');\n this.draw();\n }\n\n draw = () => {\n let Needle, arc, arcEndRad, arcStartRad, barWidth, chart, chartInset, degToRad,\n el, endPadRad, height, margin, needle, padRad, percToDeg, percToRad,\n radius, sectionIndx, sectionPerc, startPadRad, svg, totalPercent, width, _i;\n\n const {percent, numSections} = this.props;\n barWidth = 20;\n sectionPerc = 1 / numSections / 2;\n padRad = 0.05;\n chartInset = 0;\n totalPercent = .75;\n\n el = d3.select(/*'#chartguage'*/this.refs.gauge);\n\n margin = {\n top: 120,\n right: 0,\n bottom: 0,\n left: 0\n };\n\n\n width = 300;\n height = 150;\n //width = el[0][0].offsetWidth + margin.left;\n //height = el[0][0].offsetWidth + margin.top;\n //radius = Math.min(width, height) / 2;\n radius = 100;\n\n percToDeg = function (perc) {\n return perc * 360;\n };\n\n percToRad = function (perc) {\n return degToRad(percToDeg(perc));\n };\n\n degToRad = function (deg) {\n return deg * Math.PI / 180;\n };\n\n svg = el.append('svg').attr('width', width + margin.left + margin.right).attr('height', height);\n\n chart = svg.append('g').attr('transform', \"translate(\" + ((width / 2) + margin.left) + \", \" + margin.top + \")\");\n\n for (sectionIndx = _i = 1; 1 <= numSections ? _i <= numSections : _i >= numSections; sectionIndx = 1 <= numSections ? ++_i : --_i) {\n arcStartRad = percToRad(totalPercent);\n arcEndRad = arcStartRad + percToRad(sectionPerc);\n totalPercent += sectionPerc;\n startPadRad = sectionIndx === 0 ? 0 : padRad / 2;\n endPadRad = sectionIndx === numSections ? 0 : padRad / 2;\n arc = d3.svg.arc().outerRadius(radius - chartInset).innerRadius(radius - chartInset - barWidth).startAngle(arcStartRad + startPadRad).endAngle(arcEndRad - endPadRad);\n chart.append('path').attr('class', \"arc chart-color\" + sectionIndx).attr('d', arc).attr('fill',getColorForPercentage((sectionIndx - 1)/(numSections - 1)));\n }\n\n Needle = (function () {\n function Needle(len, radius) {\n this.len = len;\n this.radius = radius;\n }\n\n Needle.prototype.drawOn = function (el, perc) {\n el.append('circle').attr('class', 'needle-center').attr('cx', 0).attr('cy', 0).attr('r', this.radius);\n return el.append('path').attr('class', 'needle').attr('d', this.mkCmd(perc));\n };\n\n Needle.prototype.animateOn = function (el, perc) {\n let self;\n self = this;\n return el.transition().delay(500).ease('bounce').duration(2000).selectAll('.needle').tween('progress', function () {\n return function (percentOfPercent) {\n let progress;\n progress = percentOfPercent * perc;\n return d3.select(this).attr('d', self.mkCmd(progress));\n };\n });\n };\n\n Needle.prototype.mkCmd = function (perc) {\n let centerX, centerY, leftX, leftY, rightX, rightY, thetaRad, topX, topY;\n thetaRad = percToRad(perc / 2);\n centerX = 0;\n centerY = 0;\n topX = centerX - this.len * Math.cos(thetaRad);\n topY = centerY - this.len * Math.sin(thetaRad);\n leftX = centerX - this.radius * Math.cos(thetaRad - Math.PI / 2);\n leftY = centerY - this.radius * Math.sin(thetaRad - Math.PI / 2);\n rightX = centerX - this.radius * Math.cos(thetaRad + Math.PI / 2);\n rightY = centerY - this.radius * Math.sin(thetaRad + Math.PI / 2);\n return \"M \" + leftX + \" \" + leftY + \" L \" + topX + \" \" + topY + \" L \" + rightX + \" \" + rightY;\n };\n\n return Needle;\n\n })();\n\n needle = new Needle(90, 8);\n\n needle.drawOn(chart, 0);\n\n needle.animateOn(chart, percent);\n };\n\n render() {\n return ;\n }\n}\n\nexport default Gauge;","import ActualLeadTime from './ActualLeadTime';\n\nexport default ActualLeadTime;\n","import React, {PropTypes, Component} from 'react';\nimport {FormattedMessage} from 'react-intl';\nimport moment from 'moment';\nimport {displayDateFormat} from 'app/lib/format';\nimport Widget from '../../Widget';\nimport Preloader from 'routes/app/components/Preloader';\nimport Gauge from './Gauge';\n\nconst rawDataToChartData = (raw) => {\n let config = {percent: 0, numSections: 5};\n\n if (raw) {\n config.percent = raw.actualLeadTime / 100;\n config.numSections = raw.refValues.length + 1;\n }\n\n return config;\n};\n\nclass ActualLeadTime extends Component {\n\n static propTypes = {\n rawData: PropTypes.object.isRequired,\n intl: PropTypes.object,\n fetch: PropTypes.func.isRequired,\n values: PropTypes.shape({\n dom: PropTypes.string\n })\n };\n\n componentWillMount() {\n this.fetchData();\n }\n\n componentWillReceiveProps(nextProps) {\n if (this.props.values.dom !== nextProps.values.dom) {\n this.fetchData(nextProps.values.dom);\n }\n }\n\n fetchData = (dom) => {\n dom = dom || this.props.values.dom;\n this.props.fetch({dom});\n };\n\n render() {\n const {rawData, intl:{formatMessage}} = this.props;\n\n return (\n \n \n \n
\n
\n );\n};\n\nPivot.propTypes = {\n data: PropTypes.shape({\n type: PropTypes.number,\n timeLabel: PropTypes.string,\n labels: PropTypes.array,\n data: PropTypes.array,\n totals: PropTypes.array,\n grandTotal: PropTypes.number\n })\n};\n\nexport default Pivot;","import RailStatusIn from './RailStatusIn';\n\nexport default RailStatusIn;\n","import React, {PropTypes} from 'react';\nimport {FormattedMessage} from 'react-intl';\nimport Preloader from 'routes/app/components/Preloader';\nimport Widget from '../../Widget';\nimport Pivot from '../Pivot';\n\nclass RailStatusIn extends React.Component {\n static propTypes = {\n rawData: PropTypes.object.isRequired,\n fetch: PropTypes.func.isRequired,\n values: PropTypes.shape({\n dom: PropTypes.string\n })\n };\n\n componentWillMount() {\n this.fetchData();\n }\n\n fetchData = (dom) => {\n dom = dom || this.props.values.dom;\n this.props.fetch({dom});\n };\n\n render() {\n const {rawData} = this.props;\n return (\n | {timeLabel} | \n {map(data, (entry, c) => (\n\n {entry.date && serverToDisplayDate(entry.date)} \n {entry.time && serverToDisplayTime(entry.time)} \n | \n ))}\n |
| \n {map(data, (entry, c) => (\n | \n {entry.name} \n | \n ))}\n |
| {label} | \n {map(data, (entry, i) => (\n\n {entry.values[index]}\n | \n ))}\n{totals[index]} | \n
| {entry.total} | \n ))}\n{grandTotal} | \n
Dashboard
\n {!isAuthenticated &&\n\n \n
\n \n
\n
}\n\n {/*\n \n
\n );\n }\n\n return (\n \n \n
\n
\n );\n }\n\n}\n\nconst mapStateToProps = (state) => ({\n companyName: state.getIn(['profile', 'companyName']),\n isAuthenticating: state.get('auth').isAuthenticating,\n isAuthenticated: state.get('auth').isAuthenticated,\n errorCode: state.get('auth').errorId,\n enableDashboard: profileSelectors.getTerminals(state).length > 0\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n login: bindActionCreators(login, dispatch),\n logout: bindActionCreators(logout, dispatch)\n }\n});\n\nexport const LoginContainer = reduxForm({\n form: 'login',\n fields: ['username', 'password'],\n validate,\n getFormState: (state, reduxMountPoint) => state.get(reduxMountPoint).toJS()\n}, mapStateToProps, mapDispatchToProps)(Login);\n","import React, {Component} from 'react';\nimport { logout } from 'modules/auth/actions';\nimport { store } from 'app/store';\n\nexport class Logout extends Component {\n\n componentWillMount() {\n store.dispatch(logout());\n }\n\n componentWillUnmount() {\n window.location.reload(false);\n }\n\n render() {\n return \n
\n {this.props.companyName}
\nFast Gate
\n \n\n \n \n \n
\n }\n \n Logging out...
;\n }\n\n}\n","import 'stylesheets/components/licensePlates.scss';\nimport 'stylesheets/components/page.scss';\nimport 'stylesheets/global.scss';\n\nimport React, {PropTypes} from 'react';\nimport { reduxForm, getValues } from 'redux-form';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\n\nimport PureRenderComponent from 'app/lib/PureRenderComponent';\nimport history from 'app/lib/history';\nimport { store } from 'app/store';\nimport * as actionCreators from 'modules/profile/actions';\nimport { Select, Input, Row, Col, Toast } from 'routes/app/components';\n\nconst formName = 'licenseplates';\n\nexport const fields = ['licensePlate'];\n\nexport class LicensePlates extends PureRenderComponent {\n\n static propTypes = {\n fields: PropTypes.object.isRequired,\n handleSubmit: PropTypes.func.isRequired,\n submitting: PropTypes.bool.isRequired,\n setPreferredLicensePlate: PropTypes.func.isRequired,\n licensePlate: PropTypes.string,\n licensePlates: PropTypes.array\n };\n\n get formData() {\n return getValues(store.getState().get('form').get(formName).toJS());\n }\n\n constructor(props) {\n super(props);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n getLicensePlates() {\n return ['None'].concat(this.props.licensePlates);\n }\n\n handleSubmit() {\n this.props.setPreferredLicensePlate(this.formData.licensePlate);\n }\n\n render() {\n\n const {fields: {licensePlate}, handleSubmit, submitting} = this.props;\n\n return (\n Settings
\n- \n
- \n \n
- \n License plate {this.rightArrow()}\n \n
\n {children}\n
\n );\n};\n\nButtonGroup.propTypes = {\n children: PropTypes.node\n};\n\nexport default ButtonGroup;","import React, {PropTypes} from 'react';\nimport ClassNames from 'classnames';\nimport './style.scss';\n\nconst Chip = ({status}) => (\n status ? {status}
{_node = r;}}>\n
\n );\n};\n\nTimeSlot.propTypes = {\n timeSlot: PropTypes.object.isRequired,\n onSelect: PropTypes.func.isRequired,\n day: PropTypes.string\n};\n\nexport default TimeSlot;\n","import './style.scss';\nimport React, {PropTypes} from 'react';\nimport _ from 'lodash';\n\nimport {serverToDisplayDate} from 'app/lib/format';\n\nimport TimeSlot from './TimeSlot';\n\n\nconst Day = ({day, data, begin, end, onChange, onDateChange, ...other}) => {\n\n const displayDay = serverToDisplayDate(day);\n\n const selectHandler = (timeSlot) => {\n onChange(timeSlot);\n onDateChange(displayDay);\n };\n\n return (\n {ts.begin} - {ts.end} {ts.hist > 0 && ts.curr > 0 &&
\n \n
\n );\n};\n\nDay.propTypes = {\n day: PropTypes.string.isRequired,\n data: PropTypes.array.isRequired,\n begin: PropTypes.oneOfType([PropTypes.string,PropTypes.number]).isRequired,\n end: PropTypes.oneOfType([PropTypes.string,PropTypes.number]).isRequired,\n onChange: PropTypes.func.isRequired,\n onDateChange: PropTypes.func.isRequired\n};\n\nexport default Day;\n","import './style.scss';\nimport React, {PropTypes} from 'react';\nimport Modal from 'routes/app/components/Modal';\nimport _ from 'lodash';\n\nimport Day from './Day';\n\nconst TimeSlotModal = ({data, config, translateFn, onOpen, ...props}) => {\n let hasData = Object.keys(data).length !== 0;\n\n return (\n {displayDay}
\n {_.map(data, (timeSlot, index) => (\n \n {!hasData && translateFn({id:'timeslotpicker.modal.selectdate'})}\n {hasData && _.map(data, (day, key) => (\n
\n \n );\n};\n\nTimeSlotModal.propTypes = {\n translateFn: PropTypes.func.isRequired,\n onOpen: PropTypes.func.isRequired,\n data: PropTypes.object,\n config: PropTypes.object\n};\n\nexport default TimeSlotModal;\n","import React from 'react';\n\nimport Input from 'routes/app/components/Input';\nimport TimeSlotModal from './TimeSlotModal';\n\nimport 'stylesheets/components/timeslotpicker.scss';\n\n\nclass TimeSlotPicker extends React.Component {\n\n static propTypes = {\n translateFn: React.PropTypes.func.isRequired,\n onChange: React.PropTypes.func.isRequired,\n onDateChange: React.PropTypes.func.isRequired,\n data: React.PropTypes.object.isRequired,\n config: React.PropTypes.object.isRequired\n };\n\n render() {\n let {...props} = this.props;\n\n return (\n - \n
- \n
\n\n \n \n \n - \n
\n \n
\n\n \n \n \n {!units.length &&\n \n }\n {units.map((unit, index) =>\n\n \n )}\n \n{unit.inOut.value && \n} {unit.reference.value} \n{unit.ctNumber.value} \n{unit.status.value} \n{unit.empty.value && \n} \n \neditUnit(unit.trac.value)}\n onComplete={showUnit}>\n \n \n{formatMessage({id:'unit.remove.confirm'})}
\n \n\n \n
\n \n \n
);\n\n return (\n \n \n \n
\n {hzd.value ? \n\n \n \n \n \n \n\n {/* //TODO: find out why this doesn't work\n \n\n \n\n */}\n\n \n \n \n \n \n \n \n \n
: null}\n
\n }\n \n \n \n \n );\n};\n\nGoodsDetailModal.propTypes = {\n children: PropTypes.node,\n onClickAgree: PropTypes.func,\n onClickDisagree: PropTypes.func,\n fields: PropTypes.object,\n packUnity: React.PropTypes.array,\n showHazardous: React.PropTypes.bool,\n translate: PropTypes.func\n};\n\nexport default GoodsDetailModal;","import React, {PropTypes} from 'react';\nimport {FormattedMessage} from 'react-intl';\n\nimport {defaultUnitFieldValues} from 'app/businessRules';\nimport setFormData from 'app/lib/setFormData';\nimport resetForm from 'app/lib/resetForm';\nimport Table from 'routes/app/components/Table';\nimport Button from 'routes/app/components/Button';\nimport Icon from 'routes/app/components/Icon';\nimport Modal from 'routes/app/components/Modal';\nimport TableActions from 'routes/app/components/TableActions';\nimport GoodsDetailModal from './GoodsDetailModal';\n\n\nconst GoodsTable = ({goods, goodForm, activeGood, addGood, removeGood, saveGood, packUnity, hazardous, translate}) => {\n\n const openForm = () => goodForm.open.onChange(true);\n const closeForm = () => goodForm.open.onChange(false);\n\n return (\n - \n
- \n
\n\n {/**/}\n \n - \n
\n \n
\n\n \n \n \n {goods.length === 0 &&\n\n \n }\n {goods.length > 0 && goods.map((good, index) =>\n /*index < goods.length - 1 &&*/\n\n \n )}\n \n{good.desc} \n{good.nettoWeight} \n{good.hzd ? \n: } {good.id} \n\n\n \n{translate({id: 'unit.goods.remove.confirm'})}
\n \n\n \n
\n {buttonText && !file ?\n \n :\n \n }\n \n {file && file.preview ?\n 
\n :\n file &&\n {file.name}}\n
\n );\n }\n}\n\nexport default FileInput;\n","import React, {PropTypes} from 'react';\nimport _ from 'lodash';\nimport {uploadFile} from 'app/lib/ajax';\nimport FileInput from './FileInput';\nimport Button from '../Button';\nimport Preloader from '../Preloader';\n\n\nclass FileUpload extends React.Component {\n\n static propTypes = {\n buttonText: PropTypes.string,\n uploadText: PropTypes.node,\n cancelText: PropTypes.node,\n uploadUrl: PropTypes.string.isRequired,\n onFileUploadSuccess: PropTypes.func,\n onFileUploadFail: PropTypes.func,\n errorMessage: PropTypes.node\n };\n\n static defaultProps = {\n uploadText: 'Upload',\n cancelText: 'Cancel' \n };\n\n state = {\n file: null,\n pending: false,\n message: null\n };\n\n fileInputChangedHandler = (file) => {\n this.setState({file, pending:false, message: null});\n };\n\n uploadDocument = () => {\n const {onFileUploadSuccess, onFileUploadFail, uploadUrl} = this.props;\n let data = new FormData();\n data.append('file', this.state.file);\n\n this.setState({\n pending: true\n });\n\n uploadFile(uploadUrl, data)\n .then((response) => {\n if (response.status > 299) {\n this.setState({pending: false});\n throw Error(response.statusText);\n }\n response.file = this.state.file;\n this.setState({\n pending: false,\n file: null\n });\n return response;\n })\n .then(onFileUploadSuccess || _.noop)\n .catch((err) => {\n this.setState({pending: false, message: this.props.errorMessage});\n if (onFileUploadFail) {\n onFileUploadFail(err);\n }\n });\n };\n\n clearFile = () => {\n this.setState({file:null});\n };\n\n render() {\n return (\n \n
\n );\n } \n}\n\nexport default FileUpload;","import React, {PropTypes} from 'react';\nimport _ from 'lodash';\nimport {FileUpload} from 'routes/app/components/FileInput';\nimport Row from 'routes/app/components/Row';\nimport Col from 'routes/app/components/Col';\nimport Button from 'routes/app/components/Button';\nimport Table from 'routes/app/components/Table';\nimport {apiRoutes} from 'app/globals';\nimport * as api from 'app/lib/ajax';\n\nimport './style.scss';\n\n\nclass Attachments extends React.Component {\n static propTypes = {\n documentId: PropTypes.string.isRequired,\n attachments: PropTypes.array\n };\n\n static defaultProps = {\n attachments: []\n };\n\n constructor(props) {\n super(props);\n this.state ={\n uploaded: props.attachments\n };\n }\n\n fileUploadSuccessHandler = (response) => {\n response.json().then((data) => {\n this.setState({\n uploaded: this.state.uploaded.concat([{id: data.id, filename: response.file.name}])\n });\n });\n };\n\n deleteFile = (fileId) => {\n api.del(apiRoutes.DELETE_FILE({id:fileId}))();\n let uploaded = _.filter(this.state.uploaded, file => file.id !== fileId);\n this.setState({\n uploaded\n });\n };\n\n render() {\n return (\n \n \n {' '}\n \n
)}\n {this.state.file && this.state.message && {this.state.message}
}\n \n {this.state.uploaded && this.state.uploaded.length > 0 &&\n \n \n {this.state.uploaded.map((file, index) => (\n
\n }\n\n \n
\n
\n );\n }\n}\n\nexport default Attachments;","import Attachments from './Attachments';\n\nexport default Attachments;\n","import React, {PropTypes} from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { showDocField } from 'app/businessRules';\n\nimport Modal from 'routes/app/components/Modal';\nimport Button from 'routes/app/components/Button';\nimport Input from 'routes/app/components/Input';\nimport Select from 'routes/app/components/Select';\nimport Row from 'routes/app/components/Row';\nimport Col from 'routes/app/components/Col';\nimport Attachments from './Attachments';\n\nimport './style.scss';\n\nconst DocsDetailModal = ({translate, attachments, children, docTypes, onClickAgree, onClickDisagree, fields:{\n type, number, regPlace, regDate, id}}) => {\n\n const AgreeEl = (| {file.filename} | \n\n \n | \n
\n \n \n
);\n\n return (\n - \n
- \n
\n\n {/**/}\n \n - \n
\n \n
\n\n \n \n \n {docs.length === 0 &&\n\n \n }\n {docs.length > 0 && docs.map((doc, index) =>\n /*index < docs.length - 1 &&*/\n\n \n )}\n \n{doc.type} \n{doc.number} \n\n\n \n{translate({id:'unit.docs.remove.confirm'})}
\n \n\n \n
\n {_.map(reasons, (reason, index) => (\n
\n);\n\nUnitReasons.propTypes = {\n reasons: PropTypes.array\n};\n\nexport default UnitReasons;","import React, {PropTypes} from 'react';\nimport classNames from 'classnames';\nimport { FormattedMessage, injectIntl } from 'react-intl';\nimport _ from 'lodash';\n\nimport PureRenderComponent from 'app/lib/PureRenderComponent';\nimport * as businessRules from 'app/businessRules';\nimport * as VERIFY_STATUS from 'modules/visits/constants/unitVerificationStatus';\n\nimport ButtonGroup from 'routes/app/components/ButtonGroup';\nimport Input from 'routes/app/components/Input';\nimport Select from 'routes/app/components/Select';\nimport Button from 'routes/app/components/Button';\nimport Preloader from 'routes/app/components/Preloader';\nimport Row from 'routes/app/components/Row';\nimport Col from 'routes/app/components/Col';\nimport CardPanel from 'routes/app/components/CardPanel';\nimport GoodsTable from './GoodsTable';\nimport DocsTable from './DocsTable';\nimport UnitReasons from '../VisitOverview/Visit/UnitReasons/UnitReasons';\n\n\nclass UnitForm extends PureRenderComponent {\n\n static propTypes = {\n trac: PropTypes.object,\n dim: PropTypes.object,\n inOut: PropTypes.object,\n netto: PropTypes.object,\n rid: PropTypes.object,\n empty: PropTypes.object,\n reference: PropTypes.object,\n pos: PropTypes.object,\n unitKind: PropTypes.object,\n ctNumber: PropTypes.object,\n\n visitDate: PropTypes.string,\n vtrac: PropTypes.string,\n visitLicensePlate: PropTypes.string,\n packUnity: PropTypes.array,\n docTypes: PropTypes.array,\n unitKinds: PropTypes.array,\n className: PropTypes.string,\n onCancel: PropTypes.func,//.isRequired,\n onSubmit: PropTypes.func,//.isRequired,\n verifyUnit: PropTypes.func,\n unitVerification: PropTypes.object,\n ISO: PropTypes.object,\n goods: PropTypes.array,\n docs: PropTypes.array,\n saveGood: PropTypes.func,\n getDocs: PropTypes.func,\n deleteGood: PropTypes.func.isRequired,\n intl: PropTypes.object,//.isRequired\n skipGoodsDocsEntry: PropTypes.bool.isRequired\n };\n\n getDimensions = () => {\n let dims = _.clone(this.props.unitVerification.dims);\n if (this.props.dim.value && !_.find(dims, {desc:this.props.dim.value})) {\n dims.push({desc:this.props.dim.value});\n }\n return dims;\n };\n\n render() {\n\n let {className, onCancel, onSubmit,\n ISO, goods, good,\n docs, doc,\n visitDate, visitLicensePlate, unitKinds,\n packUnity,\n docTypes,\n saveGood,\n deleteGood,\n saveDoc,\n deleteDoc,\n getDocs,\n vtrac,\n ...props} = this.props;\n\n let {trac, dim, inOut, netto, rid, empty, reference, pos, unitKind, ctNumber, verifyUnit, unitVerification, reasons, skipGoodsDocsEntry} = this.props;\n\n let {formatMessage} = this.props.intl;\n\n let classes = {};\n\n if (!inOut) {\n return \n \n {reason.message}\n
\n ))}\n ...
;\n }\n\n return (\n\n \n \n \n \n {reasons.value && reasons.value.length ?\n \n \n : null\n }\n
\n\n
\n\n \n }\n {...inOut} value=\"I\" checked={inOut.value === 'I'} />\n\n }\n {...inOut} value=\"O\" checked={inOut.value === 'O'} />\n
\n \n }\n {...empty} value=\"0\" checked={empty.value === \"0\"} />\n\n }\n {...empty} value=\"1\" checked={empty.value === \"1\"} />\n
\n \n } {...reference} />\n\n {businessRules.showUnitField(this.props, 'unitKind') &&\n }\n options={unitKinds} optionValue=\"code\" optionLabel=\"desc\"\n {...unitKind} />\n }\n\n } {...ctNumber} />\n\n {businessRules.showUnitField(this.props, 'rid') &&\n
\n\n \n \n {businessRules.showVerifyButton(this.props) ?\n \n }\n\n {unitVerification.status === VERIFY_STATUS.VERIFYING ?\n \n
\n\n \n\n {/*businessRules.showUnitField(this.props, 'ISO') && businessRules.unitKindHasISO(unitKind.value) &&\n } {...ISO} />\n */}\n\n\n {businessRules.showUnitField(this.props, 'netto', unitVerification) &&\n } {...netto} />\n }\n\n\n {businessRules.showUnitField(this.props, 'dim', unitVerification) &&\n }\n options={this.getDimensions()} optionValue=\"desc\" optionLabel=\"desc\"\n {...dim} />\n }\n\n {businessRules.showUnitField(this.props, 'pos', unitVerification) &&\n
\n\n {!skipGoodsDocsEntry && businessRules.showUnitField(this.props, 'goodsOverview') &&\n {\n goods.addField();\n }}\n removeGood={(id) => deleteGood(trac.value, id)}\n translate={formatMessage}\n saveGood={()=>{saveGood(trac.value);}} />\n }\n\n {!skipGoodsDocsEntry && businessRules.showUnitField(this.props, 'docsOverview') &&\n deleteDoc(trac.value, id)}\n translate={formatMessage}\n getDocs={()=>{getDocs({trac:trac.value});}}\n saveDoc={()=>{saveDoc(trac.value);}} />\n }\n\n\n \n {businessRules.showSaveUnitButton(this.props, unitVerification) &&\n \n \n {' '}\n \n {' '}\n }\n \n \n\n
\n );\n }\n\n}\n\nexport default injectIntl(UnitForm);\n","import './style.scss';\nimport React, {PropTypes} from 'react';\nimport {FormattedMessage} from 'react-intl';\nimport ClassNames from 'classnames';\nimport $ from 'jquery';\nimport _ from 'lodash';\nimport {Link} from 'react-router';\n\nimport {displayDateFormat} from 'app/lib/format';\nimport ButtonGroup from 'routes/app/components/ButtonGroup';\nimport {Header, Page, PageMain} from 'routes/app/components';\nimport {Row, Col} from 'routes/app/components';\nimport {Button, Select, Input, FreeTextSelect, Toast, Modal} from 'routes/app/components';\nimport {Chip} from '../VisitOverview/Visit/VisitStatus';\nimport {TimeSlotPicker} from '../TimeSlotPicker';\nimport UnitsTable from './UnitsTable';\nimport UnitForm from '../UnitForm/UnitForm';\n\nconst VisitForm = ({\n getDocs, activeUnit, formatMessage, isEdit, isSubmitting, isLoading, unitVerification, chassisTypes,\n fields:{status, licensePlate, canSubmit, units, slotEta, dom, timeslot, transId, chassisPlate, chassisType, trac, ownerTransId},\n addUnit, saveUnit, removeUnit, editUnit, dateChanged, onTimeSlotDateChange, saveDraft, submitVisit, verifyUnit, onOpenUnitForm, onCloseUnitForm, saveGood, deleteGood,\n saveDoc, deleteDoc, onOpenTimeSlot,\n packUnity, docTypes, unitKinds, terminals, timeSlots, timeSlotConfig, transCompList, licensePlates, goods, docs, skipGoodsDocsEntry\n}) => {\n\n let _unitWrapper;\n const mainTitle = isEdit ? - \n {visitDate &&
- : {visitDate} }\n {vtrac &&
- : {vtrac} }\n {visitLicensePlate &&
- : {visitLicensePlate} }\n
\n } type=\"checkbox\" className=\"filled-in\" {...rid} />\n
\n }\n\n \n
\n }\n\n\n\n {/*\n \n \n \n \n \n \n \n */}\n\n {trac.value}
\n {formatMessage({id: 'visit.form.submit.confirm'})}
\n : \n }\n\n \n\n\n \n
\n
\n \n \n arrow_back\n \n {isEditUnit ?\n {activeUnit.trac.value} :\n }\n
\n \n
\n );\n};\n\nVisitHeader.propTypes = {\n trac: PropTypes.string,\n visit: PropTypes.string,\n slotEta: PropTypes.string,\n slotFrom: PropTypes.string,\n slotTo: PropTypes.string,\n status: PropTypes.string,\n licensePlate: PropTypes.string\n};\n\nexport default VisitHeader;\n","import React from 'react';\n\nconst ImportIcon = () => (\n \n);\n\nexport default ImportIcon;","import React from 'react';\n\nconst ExportIcon = () => (\n \n);\n\n\nexport default ExportIcon;","import React, { PropTypes } from 'react';\nimport { FormattedMessage, injectIntl, intlShape } from 'react-intl';\nimport _ from 'lodash';\nimport {apiRoutes} from 'app/globals';\nimport PureRenderComponent from 'app/lib/PureRenderComponent';\nimport { CollapsibleItem, Col, Row } from 'routes/app/components';\nimport { ImportIcon, ExportIcon } from 'routes/app/components/SvgIcon';\nimport Modal from 'routes/app/components/Modal';\nimport Button from 'routes/app/components/Button';\nimport Table from 'routes/app/components/Table';\nimport Icon from 'routes/app/components/Icon';\nimport UnitReasons from '../UnitReasons/UnitReasons';\n\nimport './style.scss';\n\nclass Unit extends PureRenderComponent {\n\n static propTypes = {\n index: PropTypes.number,\n unit: PropTypes.object,\n getGoods: PropTypes.func,\n intl: intlShape\n };\n\n renderUnitHeader(unit) {\n return (\n {visit}
\n \n {slotEta ? serverToDisplayDate(slotEta) :
\n \n {slotFrom ? `${serverToDisplayTime(slotFrom)} - ${serverToDisplayTime(slotTo)}` : {licensePlate}
\n \n {unit.status.trim().toLowerCase() === 'rejected' &&\n error_outline \n }\n \n {unit.inOut === 'O' ?\n
\n );\n }\n\n renderUnitBody(unit) {\n const {formatMessage} = this.props.intl;\n\n return (\n \n \n
\n {unit.goods &&
\n );\n }\n\n render() {\n\n let {unit, index, getGoods, getDocs, ...props} = this.props;\n\n return (\n \n {unit.netto &&
: null}\n\n \n : \n
}\n\n {unit.docs && unit.docs.length > 0 && - \n {unit.goods.map((good, i) => (\n
- \n
\n
\n \n {good.hzd &&{formatMessage({id:'good.label.description'})} {good.desc} {formatMessage({id:'good.label.netWeight'})} {good.nettoWeight} kg {formatMessage({id:'good.label.packagingID'})} {good.packagingId} {formatMessage({id:'good.label.packagingCount'})} {good.packagingCount} {formatMessage({id:'good.label.numPackIdUnit'})} {good.packagingUnity} {formatMessage({id:'good.label.colliID'})} {good.colliId} {formatMessage({id:'good.label.hazardous'})} {formatMessage({id:good.hzd ? 'label_yes' : 'label_no'})} {formatMessage({id:'good.label.rid'})} {good.hzdData.ridReg} {formatMessage({id:'good.label.id'})} {good.hzdData.ridId} {formatMessage({id:'good.label.unnr'})} {good.hzdData.unNr} {formatMessage({id:'good.label.cls'})} {good.hzdData.cls} {formatMessage({id:'good.label.packingGroup'})} {good.hzdData.packingGroup} {formatMessage({id:'good.label.limitedQuantities'})} {formatMessage({id:good.hzdData.lq ? 'label_yes' : 'label_no'})} {formatMessage({id:'good.label.maritime'})} {formatMessage({id:good.hzdData.maritime ? 'label_yes' : 'label_no'})} {formatMessage({id:'good.label.env'})} {formatMessage({id:good.hzdData.environment ? 'label_yes' : 'label_no'})} {formatMessage({id:'good.label.waste'})} {formatMessage({id:good.hzdData.waste ? 'label_yes' : 'label_no'})} } {good.desc} ({good.nettoWeight} kg)\n \n ))}\n
\n : \n
}\n\n - \n {unit.docs.map((doc, i) => (\n
- \n {doc.type}\n {doc.number ? , {doc.number} : null}\n {doc.regPlace ? , {doc.regPlace} : null}\n {doc.regDate ? , {doc.regDate} : null}\n {doc.attachments && doc.attachments.length > 0 &&
- \n {doc.attachments.map((file) => (\n
- {file.filename} \n ))}\n
\n ))}\n
No units specified.
;\n } else {\n return (\n \n \n
\n \n {units &&
\n
\n );\n }\n}\n\nexport default injectIntl(VisitBody);\n","import './style.scss';\n\nimport React, { PropTypes } from 'react';\n\nimport { CollapsibleItem } from 'routes/app/components';\nimport VisitHeader from './VisitHeader';\nimport VisitBody from './VisitBody';\n\nconst Visit = ({visit, onDelete, getUnits, ...other}) => (\n\n \n \n \n \n {removeVisit(trac);}}\n modal=\"close\">{formatMessage({id:'visit.remove.confirm.btnOK'})}\n }\n trigger={\n \n }>\n
\n \n }\n {formatMessage({id:'visit.remove.confirm'})}
\n \n\n \n \n
\n {expanded &&\n \n }\n
\n );\n};\n\nVisitFilterForm.propTypes = {\n onClickFilter: PropTypes.func.isRequired,\n expanded: PropTypes.bool.isRequired,\n fields: PropTypes.object.isRequired,\n licensePlates: PropTypes.array,\n transCompList: PropTypes.array,\n statuses: PropTypes.array,\n terminals: PropTypes.array,\n onSubmit: PropTypes.func.isRequired,\n resetForm: PropTypes.func.isRequired,\n formatMessage: PropTypes.func.isRequired,\n highlight: PropTypes.bool\n};\n\nexport default VisitFilterForm;","import 'stylesheets/components/licensePlates.scss';\nimport 'stylesheets/components/page.scss';\nimport 'stylesheets/global.scss';\n\nimport React, {PropTypes} from 'react';\nimport {reduxForm, getValues} from 'redux-form';\nimport {connect} from 'react-redux';\nimport {injectIntl,intlShape} from 'react-intl';\nimport _ from 'lodash';\n\nimport resetForm from 'app/lib/resetForm';\nimport {displayToServerDate} from 'app/lib/format';\nimport PureRenderComponent from 'app/lib/PureRenderComponent';\nimport {Select, Input, Button, Row, Col, Toast} from 'routes/app/components';\nimport VisitFilterForm from '../components/VisitFilterForm';\nimport {getPackagingUnity,getUnitKinds,getTerminals,getVisitIds,getOwnerTransporterId,\n getLicensePlates,getExecutingTransportCompanies, getDocTypes, getUnitStates} from 'modules/profile/selectors';\n\nclass VisitFilter extends PureRenderComponent {\n\n static propTypes = {\n fields: PropTypes.object.isRequired,\n getVisits: PropTypes.func.isRequired,\n licensePlate: PropTypes.string,\n licensePlates: PropTypes.array,\n transCompList: PropTypes.array,\n terminals: PropTypes.array,\n unitStates: PropTypes.array,\n handleSubmit: PropTypes.func.isRequired,\n intl: intlShape\n };\n\n constructor(props) {\n super(props);\n this.state = {\n filterExpanded: false\n };\n }\n\n buildSelectDataFrom(arr, val, label) {\n arr = arr || [];\n if (!val) {\n return [this.props.intl.formatMessage({id:'select.any'})].concat(arr);\n } else {\n return [{\n [val]: '',\n [label]: this.props.intl.formatMessage({id:'select.any'})\n }].concat(arr);\n }\n }\n\n toggleFilterExpanded = () => {\n this.setState({\n filterExpanded: !this.state.filterExpanded\n });\n };\n\n resetForm = () => {\n resetForm(this.props.fields);\n this.props.getVisits();\n };\n\n submitHandler = (data) => {\n if (data.from) {\n data.from = displayToServerDate(data.from);\n }\n if (data.to) {\n data.to = displayToServerDate(data.to);\n }\n this.props.getVisits({filters:_.omitBy(data, value => !value)});\n };\n\n render() {\n const {terminals, fields, licensePlates, unitStates, handleSubmit, transCompList, intl:{formatMessage}} = this.props;\n let highlight = false;\n if (!this.state.filterExpanded) {\n _.each(fields, (field) => {\n if (field.value) {\n highlight = true;\n }\n });\n }\n\n return (\n \n \n\n {visits.map(visit => (\n \n ))}\n\n \n
\n\n :\n\n \n
\n \n \n
\n \n \n
\n);\n\nexport default Upload;","import React, {PropTypes} from 'react';\n\nexport default function redirectTo(to) {\n\n if (!to) throw Error ('redirectTo: \"to\" parameter is required');\n\n class Redirect extends React.Component {\n\n static contextTypes = {\n router: PropTypes.object.isRequired\n };\n\n componentWillMount() {\n this.context.router.push(to);\n }\n\n render() {\n return Redirecting...
;\n }\n\n }\n\n return Redirect;\n\n}\n","import 'react-app-polyfill/ie11';\nimport 'react-app-polyfill/stable';\nimport './init';\nimport './app/lib/materialize';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n//import Perf from 'react-addons-perf';\n\nimport 'app/globals';\nimport RootComponent from 'routes/RootComponent';\nimport { createRoutes } from 'routes';\n\n\nReactDOM.render(\n