\r\n {this.props.commandBar}\r\n
: null}\r\n {this.props.title !== undefined || this.props.category !== undefined ? (\r\n {this.props.title}
\r\n{this.props.category}
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n{this.props.legend}
\r\n ) : null}\r\n {this.props.stats !== undefined ? : null}\r\n {this.props.stats !== undefined ? (\r\n
{this.props.stats}
\r\n ) : null}\r\n \r\n ) : null}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Card;\r\n","import React, { Component } from \"react\";\r\nimport Card from '../Card/Card';\r\nimport { Row, Col } from 'react-bootstrap';\r\n\r\nclass LoadingIcon extends Component {\r\n\r\n render() {\r\n\r\n return (\r\n this.props.fullScreen ? Ett fel inträffade} />\r\n : this.props.isLoading ?
{this.props.text ? this.props.text : null}} />\r\n : this.props.success}\r\n
\r\n\t\t\t\t{\" \"}\r\n\t\t\t\t{this.props.icon !== undefined ? (\r\n\t\t\t\t\tthis.props.icon\r\n\t\t\t\t) : (\r\n\t\t\t\t\t\r\n\t\t\t\t)}{\" \"}\r\n\t\t\t\t{this.props.title}{\" \"}\r\n\t\t\t\t{this.state.isLoading ? (\r\n\t\t\t\t\t
\r\n\t\t) : (\r\n\t\t\t\r\n\t\t\t\t{this.props.icon !== undefined ? (\r\n\t\t\t\t\tthis.props.icon\r\n\t\t\t\t) : (\r\n\t\t\t\t\t\r\n\t\t\t\t)}{\" \"}\r\n\t\t\t\t{this.props.title}{\" \"}\r\n\t\t\t\t{this.state.isLoading ? (\r\n\t\t\t\t\t
\r\n\t\t) : (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tnoCaret\r\n\t\t\t\t\t\tid=\"basic-nav-dropdown-3\"\r\n\t\t\t\t\t\tbsClass=\"dropdown-with-icons dropdown\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default StatsCard;\r\n","import React, { Component} from \"react\";\r\nimport moment from 'moment';\r\n\r\nclass Date extends Component {\r\n\r\n\r\n render() {\r\n\r\n return ({this.props.withTime \r\n ? moment(this.props.value).format('YYYY-MM-DD HH:mm') \r\n : this.props.withTimeSeconds ? moment(this.props.value).format('YYYY-MM-DD HH:mm:ss') \r\n : moment(this.props.value).format('YYYY-MM-DD') });\r\n }\r\n\r\n}\r\nexport default Date;\r\n","import { Component } from \"react\";\r\n\r\nclass MobileDesktop extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n width: window.innerWidth,\r\n };\r\n }\r\n\r\n componentWillMount() {\r\n window.addEventListener('resize', this.handleWindowSizeChange);\r\n }\r\n // make sure to remove the listener\r\n // when the component is not mounted anymore\r\n componentWillUnmount() {\r\n window.removeEventListener('resize', this.handleWindowSizeChange);\r\n }\r\n handleWindowSizeChange = () => {\r\n this.setState({ width: window.innerWidth });\r\n };\r\n\r\n render() {\r\n const { width } = this.state;\r\n const isMobile = width < 992;\r\n\r\n return (\r\n isMobile && this.props.mobileView != null \r\n ? this.props.mobileView \r\n : this.props.desktopView != null \r\n ? this.props.desktopView \r\n : null\r\n );\r\n }\r\n}\r\n\r\nexport default MobileDesktop;","import React, { Component} from \"react\";\r\nimport StatsCard from 'components/Card/StatsCard.jsx';\r\nimport Card from 'components/Card/Card';\r\n\r\nimport Button from 'components/CustomButtons/CustomButton.jsx';\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\nimport { connect } from \"react-redux\";\r\nimport { fetchAktuelltBplUppdrag, sendAcceptSchema } from \"./actions\";\r\nimport Date from \"components/formatting/Date\";\r\nimport MobileDesktop from \"components/utils/MobileDesktop\";\r\n\r\nclass AktuelltUppdrag extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.handleAcceptUppdrag = this.handleAcceptUppdrag.bind(this);\r\n }\r\n \r\n componentDidMount() {\r\n this.props.fetchAktuelltBplUppdrag(); \r\n }\r\n\r\n handleAcceptUppdrag() {\r\n if (this.props.aktuelltUppdrag != null){\r\n\r\n this.props.sendAcceptSchema(this.props.aktuelltUppdrag.passStartSchemapostId, this.props.aktuelltUppdrag.bekraftad);\r\n\r\n }\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.bigIcon}\r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.statsText}
\r\n {this.props.statsValue}\r\n\r\n
\r\n
\r\n \r\n
\r\n {this.props.statsIconText}\r\n
\r\n Aktuellt uppdrag
\r\n{this.props.aktuelltUppdrag != null ? this.props.aktuelltUppdrag.beskrivning : \"-\"}
\r\n\r\n { this.props.aktuelltUppdrag != null ? \r\n : null}\r\n
\r\n \r\n } \r\n\r\n stats={| Datum | \r\nStart | \r\nSlut | \r\nBeskrivning | \r\nTjänst | \r\nFordon | \r\nStartplats | \r\nSlutplats | \r\nNotering | \r\n
|---|---|---|---|---|---|---|---|---|
| \r\n | \r\n \r\n \r\n | \r\n\r\n \r\n | \r\n\r\n {subrow.beskrivning}\r\n | \r\n\r\n {subrow.tjanst}\r\n | \r\n\r\n {subrow.fordonStr}\r\n | \r\n\r\n {subrow.startplats}\r\n | \r\n\r\n {subrow.slutplats}\r\n | \r\n\r\n {subrow.anmarkning}\r\n | \r\n
| Datum | \r\nStart | \r\nAvg.tid | \r\nSlut | \r\nBeskrivning | \r\nFordon | \r\nNotering | \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 {row.beskrivning}\r\n | \r\n\r\n {row.fordonStr}\r\n | \r\n\r\n {row.anmarkning}\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
Datum
\r\n Start
\r\n \r\n Slut
\r\n \r\n Fordon
\r\n {row.fordonStr}\r\n Tjänst
\r\n {row.tjanst}\r\n Beskrivning
\r\n {row.beskrivning}\r\n Startplats
\r\n {row.startplats}\r\n Slutplats
\r\n {row.slutplats}\r\n Notering
\r\n {row.anmarkning}\r\n \r\n \r\n { this.props.uppdrag.length > 0 ? \r\n this.props.uppdrag.map((row, key) => {\r\n return (row.uppdrag.map((subrow, key) => {\r\n return (\r\n (!this.props.showFramAter && subrow.ejFramAterkorning) || this.props.showFramAter ? \r\n this.renderCard(subrow,key)\r\n : null\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 render() {\r\n \r\n return (this.renderList());\r\n }\r\n}\r\n\r\n export default UppdragCards;","import React, { Component} from \"react\";\r\nimport {Col, Row} from 'react-bootstrap';\r\nimport Time from 'components/formatting/Time';\r\nimport 'assets/css/detailcard.css';\r\nimport DateC from 'components/formatting/Date';\r\n\r\nclass HuvudUppdragCards extends Component{\r\n\r\n renderCard(row, key) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
Datum
\r\n Start
\r\n \r\n Slut
\r\n \r\n Avg.tid
\r\n \r\n Fordon
\r\n {row.fordonStr}\r\n Beskrivning
\r\n {row.beskrivning}\r\n Notering
\r\n {row.anmarkning}\r\n \r\n { this.props.uppdrag.length > 0 ? \r\n this.props.uppdrag.map((row, key) => {\r\n return (\r\n this.renderCard(row, key) \r\n ) }) : null}\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n \r\n return (this.renderList());\r\n }\r\n}\r\nexport default HuvudUppdragCards;","import React from 'react';\r\nimport UppdragTable from \"./UppdragTable\";\r\nimport HuvudUppdragTable from './HuvudUppdragTable';\r\nimport Card from 'components/Card/Card.jsx';\r\nimport { connect } from \"react-redux\";\r\nimport { fetchBplUppdrag } from \"./actions\";\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\nimport Date from \"components/formatting/Date\";\r\nimport Button from \"components/CustomButtons/CustomButton\";\r\nimport {ButtonGroup} from \"react-bootstrap\";\r\nimport BplExternalLink from \"components/utils/BplExternalLink\";\r\nimport MobileDesktop from \"components/utils/MobileDesktop\";\r\nimport UppdragCards from \"./UppdragCards\";\r\nimport HuvudUppdragCards from \"./HuvudUppdragCards\";\r\nimport {\r\n FormGroup\r\n } from \"react-bootstrap\";\r\n import { LinkContainer } from \"react-router-bootstrap\";\r\n\r\nimport Datetime from 'react-datetime';\r\nimport { getClaimSingle} from \"system/security\";\r\nimport moment from 'moment';\r\nimport 'moment/locale/sv';\r\n\r\nmoment().locale('sv');\r\n\r\nclass BplMinaUppdrag extends React.Component {\r\n constructor(props)\r\n {\r\n super(props);\r\n \r\n\r\n this.state = {\r\n showDetails: false,\r\n showFramAter: true,\r\n uppdragDate: new Date()\r\n }\r\n this.handleDetailsCheckbox = this.handleDetailsCheckbox.bind(this);\r\n this.handleFramAterCheckbox = this.handleFramAterCheckbox.bind(this);\r\n this.handleUppdragDateChange = this.handleUppdragDateChange.bind(this);\r\n }\r\n componentDidMount() {\r\n this.props.fetchBplUppdrag(moment(this.state.uppdragDate).toISOString());\r\n }\r\n handleDetailsCheckbox(){\r\n // console.log(this);\r\n \r\n this.setState(prevState => ({\r\n showDetails: !prevState.showDetails\r\n }));\r\n }\r\n handleFramAterCheckbox() {\r\n this.setState(prevState => ({\r\n showFramAter: !prevState.showFramAter\r\n }));\r\n }\r\n handleUppdragDateChange(date) {\r\n this.setState({\r\n uppdragDate: date\r\n }, () => {\r\n this.props.fetchBplUppdrag(moment(this.state.uppdragDate).toISOString());\r\n });\r\n }\r\n render(){ \r\n const linkKororder = \"client/utskrift/specifikation.aspx?personalid=\"\r\n .concat(getClaimSingle(\"BplUserId\", this.props.userprofile))\r\n .concat(\"&datum=\")\r\n .concat(moment(this.state.uppdragDate).format('YYYY-MM-DD')); \r\n return ( \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 content={\r\n this.state.showDetails ? \r\n
\r\n\r\n {this.state.showDetails ?
\r\n }\r\n stats={\r\n
\r\n\r\n {this.state.showDetails ?
{this.props.tidrapport != null ? Period till
{this.props.tidrapport != null ? this.props.tidrapport.status : \"-\"}
\r\n\r\n { this.props.tidrapport != null ? \r\n : null}\r\n\r\n
\r\n\r\n \r\n }\r\n stats={\r\n
;\r\n } \r\n}\r\nexport default NewsItemCompact;","import { connect } from \"react-redux\";\r\nimport { getRegionNewsCompact,getKoncernNewsCompact } from \"./actions\";\r\nimport NewsItemCompact from \"./NewsItemCompact\";\r\nimport { getClaimSingle } from \"system/security\";\r\n\r\nimport React from 'react';\r\nimport Card from 'components/Card/Card';\r\n\r\nclass StartNewsListView extends React.Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n regionTitle: 'Region'\r\n }\r\n }\r\n \r\n componentDidMount(){\r\n this.props.getRegionNewsCompact(0);\r\n this.props.getKoncernNewsCompact(0);\r\n\r\n const intraCompanyArea = getClaimSingle(\"IntraCompanyArea\", this.props.userprofile);\r\n if (intraCompanyArea !== undefined && intraCompanyArea !== '')\r\n {\r\n this.setState({\r\n regionTitle: intraCompanyArea\r\n }); \r\n }\r\n\r\n }\r\n \r\n render() {\r\n\r\n return {this.props.item.title}
\r\n \r\n\r\n
\r\n \r\n { this.props.type === \"koncern\" \r\n ?
\r\n Läs mer..
\r\n : this.props.type === \"region\" ?Läs mer..
\r\n : null}\r\n \r\n\r\n Publicerad {publishedString} av {this.props.item.authorName}\r\n
\r\n \r\n
\r\n \r\n \r\n { this.props.isLoadingRegion ? Laddar nyheter..: null}\r\n { this.props.region ? this.props.region.items\r\n .filter((item, index) => index < 5)\r\n .map((item,key) => {\r\n return
\r\n } />\r\n \r\n \r\n { this.props.isLoadingKoncern ? Laddar nyheter..: null}\r\n { this.props.koncern ? this.props.koncern.items\r\n .filter((item, index) => index < 5)\r\n .map((item,key) => {\r\n return
\r\n } />\r\n \r\n \r\n \r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n userprofile: state.userprofile.userprofile,\r\n\r\n region: state.news.regionCompact,\r\n isLoadingRegion: state.news.isLoadingRegionCompact,\r\n loadingRegionFailed: state.news.loadingRegionCompactFailed,\r\n\r\n koncern: state.news.koncernCompact,\r\n isLoadingKoncern: state.news.isLoadingKoncernCompact,\r\n loadingKoncernFailed: state.news.loadingKoncernCompactFailed\r\n };\r\n }\r\nexport default connect(mapStateToProps, { getRegionNewsCompact, getKoncernNewsCompact })(StartNewsListView);","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read http://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit http://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See http://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import React from \"react\";\r\nimport { appConfig } from \"config/appConfig\";\r\n\r\nclass DebugInfo extends React.Component {\r\n render() {\r\n if (!appConfig.showDebug)\r\n return null;\r\n\r\n return {this.props.content}
;\r\n }\r\n}\r\n\r\nexport default DebugInfo;\r\n","import React from 'react';\r\nimport axios from \"axios\";\r\nimport Button from \"components/CustomButtons/CustomButton.jsx\";\r\nimport Card from \"components/Card/Card\";\r\nimport * as serviceWorker from 'serviceWorker';\r\nimport DebugInfo from \"components/DebugInfo\";\r\n\r\nclass BuildNumber extends React.Component{\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n fileVersion: undefined,\r\n processVersion: process.env.REACT_APP_BUILD_DATE,\r\n isLoading: false,\r\n hasServiceWorker: false\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n if ('serviceWorker' in navigator) {\r\n\r\n navigator.serviceWorker.getRegistration().then((reg) => {\r\n\r\n if (reg){\r\n this.setState({\r\n hasServiceWorker: true\r\n })\r\n }\r\n })\r\n }\r\n\r\n axios.get('/version.txt')\r\n .then((response) => {\r\n console.log(response);\r\n this.setState({\r\n fileVersion: response.data\r\n });\r\n }).catch(() => {\r\n this.setState({\r\n fileVersion: undefined\r\n })\r\n }); \r\n\r\n }\r\n\r\n handleNewAppClick() {\r\n if ('serviceWorker' in navigator) {\r\n\r\n navigator.serviceWorker.getRegistration().then((reg) => {\r\n if (reg)\r\n {\r\n reg.update().then(() => {\r\n\r\n this.setState({\r\n isLoading: true\r\n }, () => {\r\n\r\n window.localStorage.clear(); \r\n serviceWorker.unregister();\r\n \r\n setTimeout(() => {\r\n window.location.reload(true);\r\n }, 2000)\r\n })\r\n });\r\n \r\n } else {\r\n console.log('no service worker registered');\r\n }\r\n });\r\n }\r\n }\r\n \r\n render() {\r\n\r\n return \r\n
\r\n } />\r\n \r\n \r\n { this.state.hasServiceWorker && this.state.fileVersion && this.state.processVersion && this.state.processVersion !== this.state.fileVersion.toString() \r\n ? serviceWorker: {this.state.hasServiceWorker ? 'true' : 'false' }
\r\nfileVersion: {this.state.fileVersion}
\r\nprocessVersion: {this.state.processVersion}
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n { this.state.isLoading ? Hämtar ny version..
: null}\r\n \r\n \r\n } /> : null }\r\n }\r\n}\r\nexport default BuildNumber;\r\n","import React, { Component } from \"react\";\r\nimport { Grid, Row, Col } from \"react-bootstrap\";\r\nimport { connect } from \"react-redux\";\r\nimport AktuelltUpddrag from \"../BplMinaUppdrag/AktuelltUppdrag\";\r\nimport BplMinaUppdrag from \"../BplMinaUppdrag/BplMinaUppdrag\";\r\nimport BplGodkannaTid from \"../BplGodkannaTid/BplGodkannaTId\";\r\nimport Card from \"components/Card/Card.jsx\";\r\nimport Nyheter from \"../Nyheter/StartNewsListView\";\r\nimport MedarbetarundersokningButton from \"components/utils/MedarbetarundersokningButton\";\r\nimport KrishanteringButton from \"components/utils/KrishanteringButton\";\r\nimport MobileDesktop from \"components/utils/MobileDesktop\";\r\nimport BuildNumber from \"dashboard/Main/BuildNumber\";\r\nimport { getClaimSingle } from \"system/security\";\r\n\r\nclass Start extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tshowNews: false,\r\n\t\t\tshowTimereport: false,\r\n\t\t\tshowMinaUppdrag: false,\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tconst blackListEnabledClaim = getClaimSingle(\r\n\t\t\t\"BlacklistEnabled\",\r\n\t\t\tthis.props.userprofile\r\n\t\t);\r\n\t\tconst blackListEnabled = blackListEnabledClaim !== \"\";\r\n\t\tconsole.log(\"blacklist enabled\", blackListEnabled);\r\n\r\n\t\tconst showMinaUppdrag =\r\n\t\t\tblackListEnabled &&\r\n\t\t\tgetClaimSingle(\"MinaUppdragEnabled\", this.props.userprofile);\r\n\t\tconst showTimereport =\r\n\t\t\tblackListEnabled &&\r\n\t\t\tgetClaimSingle(\"LinkTimereportEnabled\", this.props.userprofile);\r\n\t\tconst showNews =\r\n\t\t\tblackListEnabled && getClaimSingle(\"NewsEnabled\", this.props.userprofile);\r\n\r\n\t\tif (showNews || !blackListEnabled) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tshowNews: true,\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tif (showTimereport || !blackListEnabled) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tshowTimereport: true,\r\n\t\t\t});\r\n\t\t}\r\n\t\tif (showMinaUppdrag || !blackListEnabled) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tshowMinaUppdrag: true,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n \r\n
\r\n
\r\n\r\n );\r\n }\r\n}\r\n\r\n \r\n export default BplMinaUppdragPage;","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport Card from 'components/Card/Card.jsx';\r\nimport LoadingIcon from 'components/utils/LoadingIcon';\r\n\r\nclass FordonsFelList extends React.Component {\r\n render(){ \r\n return (\r\n \r\n
\r\n \r\n } />\r\n })}\r\n\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n vehicleFaults: state.fordonskontroll.vehicleFaults,\r\n isLoadingVehicleFaults: state.fordonskontroll.isLoadingVehicleFaults,\r\n loadingVehicleFaultsFailed: state.fordonskontroll.loadingVehicleFaultsFailed\r\n };\r\n }\r\n \r\n export default connect(mapStateToProps)(FordonsFelList);","import React from 'react';\r\nimport Button from 'components/CustomButtons/CustomButton.jsx';\r\nimport { connect } from \"react-redux\";\r\nimport { getVehicleCategories, getVehicleFaults } from \"./actions\";\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\nimport axios from \"axios\";\r\nimport { infraConfig } from \"config/infraConfig\";\r\nimport { getAxiosConfig } from \"system/axiosConfig\";\r\n\r\nimport {\r\n FormGroup,\r\n FormControl,\r\n ControlLabel\r\n } from \"react-bootstrap\";\r\n\r\nclass NyttFordonsFelForm extends React.Component {\r\n \r\n constructor(props)\r\n {\r\n super(props);\r\n\r\n this.state = {\r\n category: '',\r\n categoryError: null,\r\n categoryValid: false,\r\n reportText: '',\r\n reportTextError: null,\r\n reportTextValid: false,\r\n addVehicleFaultResult: null,\r\n isLoadingAddVehicleFault: false\r\n }\r\n }\r\n componentDidMount(){\r\n this.props.getVehicleCategories();\r\n\r\n }\r\n \r\n handleCategoryChange(event) {\r\n this.setState({\r\n category: event.target.value\r\n }, () => {\r\n this.validateCategory();\r\n });\r\n \r\n }\r\n\r\n validateCategory() {\r\n this.state.category === '' \r\n ? this.setState({\r\n categoryError: (\r\n \r\n Du måste välja en kategori.\r\n \r\n ),\r\n categoryValid: false,\r\n })\r\n : this.setState({ categoryError: null, categoryValid: true });\r\n }\r\n\r\n handleReportTextChange(event) {\r\n //console.log('text changed', event);\r\n this.setState({\r\n reportText: event.target.value\r\n }, () => {\r\n this.validateReportText();\r\n });\r\n\r\n \r\n }\r\n\r\n validateReportText() {\r\n this.state.reportText.length < 1\r\n ? this.setState({\r\n reportTextError: (\r\n \r\n Felrapporten får inte vara tom.\r\n \r\n ),\r\n reportTextValid: false\r\n })\r\n : this.setState({ reportTextError: null, reportTextValid: true});\r\n }\r\n\r\n handleSaveSubmit() {\r\n if (this.state.isLoadingAddVehicleFault) // dubbelklick\r\n return false;\r\n \r\n this.validateCategory();\r\n this.validateReportText();\r\n\r\n var fault = {\r\n faultCategoryNumber : this.state.category,\r\n vehicleNumber: this.props.selectedVehicleId,\r\n text: this.state.reportText,\r\n };\r\n \r\n //console.log('SAVE Nytt fordonskontroll', fault);\r\n\r\n if (this.state.categoryValid && this.state.reportTextValid)\r\n this.addVehicleFault(fault);\r\n }\r\n\r\n addVehicleFault(vehicleFault) {\r\n \r\n this.setState({\r\n isLoadingAddVehicleFault: true,\r\n addVehicleFaultResult: null\r\n }, () => {\r\n\r\n axios.post(infraConfig.apiEndpoint.concat('/api/fordonskontroll/addfault'), vehicleFault, getAxiosConfig(this.props.user))\r\n .then((dataResult) => {\r\n //console.log('after send success', dataResult);\r\n \r\n document.getElementById(\"fordonfel-form\").reset();\r\n\r\n this.props.getVehicleFaults(this.props.selectedVehicleId);\r\n if (dataResult.data.result) {\r\n this.setState({\r\n addVehicleFaultResult: true,\r\n isLoadingAddVehicleFault: false,\r\n category: '',\r\n reportText: ''\r\n });\r\n } else {\r\n this.setState({\r\n addVehicleFaultResult: false,\r\n isLoadingAddVehicleFault: false,\r\n });\r\n }\r\n \r\n\r\n })\r\n .catch((error) => { \r\n console.log('ERROR');\r\n });\r\n });\r\n\r\n\r\n \r\n }\r\n \r\n\r\n render(){ \r\n return (\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user,\r\n vehicleCategories: state.fordonskontroll.vehicleCategories,\r\n isLoadingVehicleCategories: state.fordonskontroll.isLoadingvehicleCategories,\r\n loadingVehicleCategoriesFailed: state.fordonskontroll.loadingVehicleCategoriesFailed,\r\n };\r\n }\r\n \r\nexport default connect(mapStateToProps, { getVehicleCategories, getVehicleFaults })(NyttFordonsFelForm);","import React from 'react';\r\nimport Autosuggest from 'react-autosuggest';\r\nimport {\r\n FormGroup,\r\n ControlLabel\r\n } from \"react-bootstrap\";\r\n\r\nimport 'assets/css/react-autosuggest.css';\r\n\r\nclass SelectVehicleForm extends React.Component {\r\n constructor(props)\r\n {\r\n super(props);\r\n\r\n this.state = {\r\n vehicleError: null,\r\n suggestions: [],\r\n value: ''\r\n }\r\n }\r\n\r\n getSuggestionValue = suggestion => suggestion.name;\r\n\r\n renderSuggestion = suggestion => (\r\n {item.timestamp} {item.faultCategoryName}
\r\n{item.text}
\r\n\r\n {suggestion.name}\r\n
\r\n );\r\n\r\n getSuggestions = value => {\r\n const inputValue = value.trim().toLowerCase();\r\n \r\n return this.props.vehicles.filter(item =>\r\n item.name.toLowerCase().includes(inputValue)\r\n );\r\n\r\n };\r\n\r\n componentDidMount() {\r\n console.log(this.props.vehicles);\r\n this.setState({\r\n suggestions: this.props.vehicles\r\n })\r\n }\r\n\r\n onSuggestionsFetchRequested = ({ value }) => {\r\n this.setState({\r\n suggestions: this.getSuggestions(value)\r\n });\r\n };\r\n\r\n onSuggestionsClearRequested = () => {\r\n console.log('clear requested');\r\n // const vehicle = this.props.vehicles.filter(item => item.name === this.state.value)[0];\r\n\r\n // this.props.handleSelectVehicle(vehicle ? vehicle.number : '');\r\n\r\n this.setState({\r\n suggestions: []\r\n });\r\n };\r\n\r\n onSuggestionSelected = (event, {suggestion, suggestionValue}) => {\r\n console.log('suggestion selected', event, suggestion, suggestionValue);\r\n\r\n const vehicle = this.props.vehicles.filter(item => item.name === suggestionValue)[0];\r\n console.log(vehicle);\r\n this.props.handleSelectVehicle(vehicle ? vehicle.number : '');\r\n\r\n }\r\n\r\n onChange = (event, { newValue }) => {\r\n // console.log(newValue);\r\n\r\n this.setState({\r\n value: newValue\r\n });\r\n };\r\n\r\n onBlur = (event) => {\r\n console.log('on blur', event);\r\n const vehicle = this.props.vehicles.filter(item => item.name === this.state.value)[0];\r\n console.log(vehicle);\r\n this.props.handleSelectVehicle(vehicle ? vehicle.number : '');\r\n }\r\n \r\n shouldRenderSuggestions(value) {\r\n return true;\r\n }\r\n render() {\r\n\r\n const { value, suggestions } = this.state;\r\n // Autosuggest will pass through all these props to the input.\r\n const inputProps = {\r\n placeholder: 'Sök fordon',\r\n value,\r\n onChange: this.onChange,\r\n onBlur: this.onBlur,\r\n className: this.state.vehicleError !== null ? 'form-control error' : 'form-control' \r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n Fordon: *\r\n \r\n \r\n
);\r\n }\r\n}\r\n\r\nexport default SelectVehicleForm;","import React from 'react';\r\nimport {Grid, Col, Row } from \"react-bootstrap\";\r\nimport FordonsFelList from \"./FordonsFelList\";\r\nimport NyttFordonsFelForm from \"./NyttFordonsFelForm\";\r\nimport SelectVehicleForm from \"./SelectVehicleForm\";\r\nimport Card from 'components/Card/Card.jsx';\r\nimport { connect } from \"react-redux\";\r\nimport { getVehicles, getVehicleCategories,getVehicleFaults } from \"./actions\";\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\n\r\nclass Fordonskontroll extends React.Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n selectedVehicleId : ''\r\n }\r\n this.handleSelectVehicle = this.handleSelectVehicle.bind(this);\r\n }\r\n componentDidMount() {\r\n this.props.getVehicles();\r\n }\r\n\r\n handleSelectVehicle(vehicleReg) {\r\n console.log('byta fordon', vehicleReg);\r\n\r\n if (vehicleReg !== this.state.selectedVehicleId){\r\n \r\n this.setState({\r\n selectedVehicleId: vehicleReg === \"\" ? '' : vehicleReg\r\n });\r\n this.props.getVehicleFaults(vehicleReg);\r\n }\r\n }\r\n\r\n render(){ \r\n return (\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 {this.state.showMore ? this.renderDetaljer(this.props.item) : |
} \r\n
Skapad
\r\n Status
\r\n {this.props.item.status}\r\n Rubrik
\r\n {this.props.item.rubrik}\r\n Bolag
\r\n {this.props.item.bolag}\r\n Avvikelsedatum
\r\n Skapad Av
\r\n {this.props.item.skapadAv}\r\n Ansvarig
\r\n {this.props.item.incidentAnsvarig}\r\n Åtgärd
\r\n {this.props.item.atgard}\r\n Plats
\r\n {this.props.item.plats}\r\n Registreringsnummer
\r\n {item.forsakring.registreringsNummer}\r\n Internummer
\r\n {item.forsakring.internnummer}\r\n Skadeplatskategori
\r\n {item.forsakring.skadeplatskategori.map((row,key) => {\r\n return {row}\r\n })}\r\n
Polis inkopplad
\r\n {item.forsakring.polis ? \"Ja\" : \"Nej\"}\r\n Räddningstjänst inkopplad
\r\n {item.forsakring.raddningstjanst ? \"Ja\" : \"Nej\"}\r\n Skador på fordon
\r\n {item.forsakring.skadaPaFordon ? \"Ja\" : \"Nej\"}\r\n Försäkringskategori
\r\n {item.forsakring.forsakringsKategori}\r\n Kategorispecificering
\r\n {item.forsakring.kategoriSpecificering}\r\n Anlitades ersattningsfordon
\r\n {item.forsakring.ersattningsfordon ? \"Ja\" : \"Nej\"}\r\n Beskrivning synliga skador
\r\n {item.forsakring.synligaSkador}\r\n Personskada, kontaktuppgifter
\r\n {item.forsakring.personskadekontaktuppgifter}\r\n Personskada, kontaktuppgifter motpart
\r\n {item.forsakring.motpartskontaktuppgifter}\r\n Kategori
\r\n {item.hallplatsInfo.hallplatskategori}\r\n Händelsebeskrivning
\r\n {item.hallplatsInfo.handelseBeskrivning}\r\n Personskador
\r\n {item.arbetsMiljo.personskador ? \"Ja\" : \"Nej\"}\r\n Arbetsmoment
\r\n {item.arbetsMiljo.arbetsmoment.map((row,key) => {\r\n return {row}\r\n })}\r\n
Vad hände
\r\n {item.arbetsMiljo.vadHande.map((row,key) => {\r\n return {row}\r\n })}\r\n
Var något tillfälligt annorlunda på platsen
\r\n {item.arbetsMiljo.varNagot.map((row,key) => {\r\n return {row}\r\n })}\r\n
Förhållanden som var som de brukar men kan ha påverkat händelsen
\r\n {item.arbetsMiljo.forhallanden.map((row,key) => {\r\n return {row}\r\n })}\r\n
Förslag till åtgärder så att liknande händelser undviks i framtiden
\r\n {item.arbetsMiljo.forslag.map((row,key) => {\r\n return {row}\r\n })}\r\n
Händelsebeskrivning
\r\n {item.hotOchVald.handelseBeskrivning}\r\n Personskador information
\r\n {item.hotOchVald.externaPersonskadorInfo}\r\n \r\n \r\n \r\n
\r\n \r\n this.handleClose()}>\r\n \r\n Åtgärd \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n this.handleDetaljerClose()}>\r\n \r\n Detaljer \r\n \r\n {this.state.detaljerItem ? \r\n \r\n \r\n \r\n : null }\r\n \r\n \r\n \r\n \r\n
)\r\n }\r\n renderDetaljer(item) {\r\n switch (item.typ) {\r\n case \"Fordonsskada\":\r\n return | Rubrik | \r\nBolag | \r\nSkapad | \r\nAvvikelsedatum | \r\nStatus | \r\nSkapad Av | \r\nAnsvarig | \r\n\r\n |
|---|---|---|---|---|---|---|---|
| \r\n {row.rubrik}\r\n | \r\n\r\n {row.bolag}\r\n | \r\n\r\n | \r\n \r\n | \r\n \r\n {row.status}\r\n | \r\n\r\n {row.skapadAv}\r\n | \r\n\r\n {row.incidentAnsvarig}\r\n | \r\n{row.atgard !== null && row.atgard.length > 0 \r\n ? \r\n : }\r\n \r\n \r\n | \r\n
{this.state.atgardText}
\r\n{this.state.detaljerItem.plats}
\r\n { this.renderDetaljer(this.state.detaljerItem) }\r\n\r\n \r\n
;\r\n case \"Trafikinformation\":\r\n return {item.fordonsskada.fordon}
\r\n \r\n{item.fordonsskada.skadeplatskategori.map((row,key) => {\r\n return {row}
\r\n })}
{item.fordonsskada.polis ? \"Ja\" : \"Nej\"}
\r\n \r\n{item.fordonsskada.raddningstjanst ? \"Ja\" : \"Nej\"}
\r\n \r\n{item.fordonsskada.skadaPaFordon ? \"Ja\" : \"Nej\"}
\r\n \r\n{item.fordonsskada.forsakringsKategori}
\r\n \r\n{item.fordonsskada.handelseBeskrivning}
\r\n \r\n{item.fordonsskada.kategoriSpecificering}
\r\n \r\n{item.fordonsskada.ersattningsfordon ? \"Ja\" : \"Nej\"}
\r\n \r\n{item.fordonsskada.synligaSkador}
\r\n \r\n{item.fordonsskada.personskadekontaktuppgifter}
\r\n \r\n{item.fordonsskada.motpartskontaktuppgifter}
\r\n \r\n{item.fordonsskada.blodprov ? \"Ja\" : \"Nej\"}
\r\n \r\n{item.fordonsskada.antalPassagerare}
\r\n \r\n{item.fordonsskada.vittnen}
\r\n \r\n{item.fordonsskada.matarstallning}
\r\n\r\n\r\n \r\n
;\r\n case \"Arbetsmiljöfrågor\":\r\n return {item.trafikinformation.hallplatskategori}
\r\n \r\n{item.trafikinformation.handelseBeskrivning}
\r\n\r\n \r\n
;\r\n case \"Hot och våld\":\r\n return {item.arbetsMiljo.personskador ? \"Ja\" : \"Nej\"}
\r\n\r\n \r\n{item.arbetsMiljo.arbetsmoment.map((row,key) => {\r\n return {row}
\r\n })}
{item.arbetsMiljo.vadHande.map((row,key) => {\r\n return {row}
\r\n })}
{item.arbetsMiljo.varNagot.map((row,key) => {\r\n return {row}
\r\n })}
{item.arbetsMiljo.forhallanden.map((row,key) => {\r\n return {row}
\r\n })}
{item.arbetsMiljo.forslag.map((row,key) => {\r\n return {row}
\r\n })}
\r\n \r\n
\r\n \r\n default: \r\n return null;\r\n }\r\n }\r\n \r\n}\r\n\r\nexport default IncidentList;","import React, { Component} from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { fetchIncidentRapporter } from \"./actions\";\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\n\r\nimport { LinkContainer } from \"react-router-bootstrap\";\r\n\r\nimport IncidentCardList from \"./IncidentCardList\";\r\nimport IncidentList from \"./IncidentList\";\r\nimport Card from 'components/Card/Card.jsx';\r\nimport MobileDesktop from 'components/utils/MobileDesktop';\r\nimport {\r\n Row,\r\n Col,\r\n } from \"react-bootstrap\";\r\n import Button from \"components/CustomButtons/CustomButton\";\r\n \r\nclass Incidentrapporter extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = { showNewForm: false};\r\n }\r\n \r\n componentDidMount()\r\n {\r\n this.props.fetchIncidentRapporter();\r\n }\r\n\r\n render() {\r\n return ({item.hotOchVald.handelseBeskrivning}
\r\n \r\n{ item.hotOchVald.externaPersonskadorInfo }
\r\n\r\n \r\n \r\n
}\r\n content={\r\n {suggestion.name}\r\n
\r\n );\r\n\r\n getSuggestions = value => {\r\n const inputValue = value.trim().toLowerCase();\r\n \r\n return this.props.vehicles.filter(item =>\r\n item.name.toLowerCase().includes(inputValue)\r\n );\r\n\r\n };\r\n\r\n componentDidMount() {\r\n console.log(this.props.vehicles);\r\n this.setState({\r\n suggestions: this.props.vehicles\r\n })\r\n }\r\n\r\n onSuggestionsFetchRequested = ({ value }) => {\r\n this.setState({\r\n suggestions: this.getSuggestions(value)\r\n });\r\n };\r\n\r\n onSuggestionsClearRequested = () => {\r\n console.log('clear requested');\r\n // const vehicle = this.props.vehicles.filter(item => item.name === this.state.value)[0];\r\n\r\n // this.props.handleSelectVehicle(vehicle ? vehicle.number : '');\r\n\r\n this.setState({\r\n suggestions: []\r\n });\r\n };\r\n\r\n onSuggestionSelected = (event, {suggestion, suggestionValue}) => {\r\n console.log('suggestion selected', event, suggestion, suggestionValue);\r\n\r\n // const vehicle = this.props.vehicles.filter(item => item.name === suggestionValue)[0];\r\n // console.log(vehicle);\r\n this.props.handleSelectVehicle(suggestionValue);\r\n\r\n }\r\n\r\n onChange = (event, { newValue }) => {\r\n // console.log(newValue);\r\n\r\n this.setState({\r\n value: newValue\r\n });\r\n };\r\n\r\n onBlur = (event) => {\r\n console.log('on blur', event);\r\n // const vehicle = this.props.vehicles.filter(item => item.name === this.state.value)[0];\r\n // console.log(vehicle);\r\n this.props.handleSelectVehicle(this.state.value);\r\n }\r\n \r\n shouldRenderSuggestions(value) {\r\n return true;\r\n }\r\n render() {\r\n\r\n const { value, suggestions } = this.state;\r\n // Autosuggest will pass through all these props to the input.\r\n const inputProps = {\r\n placeholder: 'Sök fordon',\r\n value,\r\n onChange: this.onChange,\r\n onBlur: this.onBlur,\r\n className: this.props.vehicleError !== null ? 'form-control error' : 'form-control' \r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n Fordon: { this.props.requiredLabel ? * : null }\r\n \r\n \r\n
);\r\n }\r\n}\r\n\r\nexport default SelectVehicleForm;","\r\nimport React, { Component} from \"react\";\r\nimport Button from \"components/CustomButtons/CustomButton\";\r\n\r\nclass SavingButton extends Component {\r\nconstructor(props){\r\n super(props);\r\n this.handleClick = this.handleClick.bind(this);\r\n}\r\n // status\r\n // 0 = oklickad\r\n // 1 = in progress\r\n // 2 = success\r\n // 3 = fel\r\n\r\n\r\nhandleClick() {\r\n if (this.props.status !== 1)\r\n this.props.onClick();\r\n}\r\n render() {\r\nreturn (\r\n \r\n
)\r\n }\r\n}\r\n\r\nexport default SavingButton;\r\n","import React, { Component } from \"react\";\r\n\r\nclass CustomCheckbox extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n is_checked: props.isChecked ? true : false\r\n };\r\n this.handleClick = this.handleClick.bind(this);\r\n }\r\n handleClick() {\r\n this.setState({ is_checked: !this.state.is_checked });\r\n }\r\n\r\n render() {\r\n const { isChecked, number, label, inline, ...rest } = this.props;\r\n const classes =\r\n inline !== undefined ? \"checkbox checkbox-inline\" : \"checkbox\";\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default CustomCheckbox;\r\n","// formuläret från startsidan (genvägen) det förenklade\r\nimport { connect } from \"react-redux\";\r\nimport axios from \"axios\";\r\nimport { infraConfig } from \"config/infraConfig\";\r\nimport { getAxiosConfig } from \"system/axiosConfig\";\r\nimport Switch from \"react-bootstrap-switch\";\r\nimport SelectVehicleForm from \"./SelectVehicleForm\";\r\n\r\nimport SavingButton from \"components/CustomButtons/SavingButton.jsx\"\r\nimport Datetime from \"react-datetime\";\r\nimport React, { Component} from \"react\";\r\nimport {\r\n Row,\r\n Col,\r\n FormGroup,\r\n FormControl,\r\n ControlLabel\r\n } from \"react-bootstrap\";\r\n import Checkbox from \"components/CustomCheckbox/CustomCheckbox.jsx\";\r\n \r\n import moment from 'moment';\r\n import 'moment/locale/sv';\r\n \r\n\r\nclass FormArbetsmiljo extends Component {\r\n constructor(props){\r\n super(props);\r\n \r\n moment().locale('sv');\r\n this.state = this.getInititalState();\r\n\r\n this.handleFormSave = this.handleFormSave.bind(this);\r\n this.handleSelectVehicle = this.handleSelectVehicle.bind(this);\r\n\r\n this.datumIsValid = true;\r\n this.platsIsValid = true;\r\n this.fordonIsValid = true;\r\n\r\n }\r\n\r\n getInititalState = () => {\r\n const initialState = {\r\n datumError: null,\r\n datum: moment(new Date()),\r\n plats: '',\r\n platsError: null,\r\n fordon: '',\r\n fordonError: null,\r\n personskador: false,\r\n arbetsmoment: [],\r\n arbetsmoment_eget: '',\r\n vadHande: [],\r\n vadHande_eget: '',\r\n varNagot: [],\r\n varNagot_eget: '',\r\n forhallanden: [],\r\n forhallanden_eget: '',\r\n forslag: [],\r\n forslag_eget: '',\r\n savingStatus: 0,\r\n file: null,\r\n attachmentNames: []\r\n\r\n }\r\n return initialState;\r\n }\r\n\r\n validatePlats() {\r\n if (this.state.plats.length > 0) {\r\n this.platsIsValid = true;\r\n this.setState({ \r\n platsError: null\r\n });\r\n } else {\r\n this.platsIsValid = false;\r\n this.setState({ \r\n platsError: 'Plats måste anges'\r\n });\r\n \r\n } \r\n }\r\n\r\n validateDatum() {\r\n\r\n var parsed = moment(this.state.datum, 'YYYY-MM-DD', true);\r\n\r\n if (parsed.isValid()) {\r\n this.datumIsValid = true;\r\n this.setState({ \r\n datumError: null\r\n });\r\n }\r\n else {\r\n this.datumIsValid = false;\r\n this.setState({ \r\n datumError: 'Datum har fel format'\r\n });\r\n\r\n }\r\n }\r\n validateFordon() {\r\n \r\n console.log('validate fordon', this.state.fordon);\r\n\r\n var vehicleExists = this.checkIfVehicleExists(this.state.fordon);\r\n\r\n if (vehicleExists)\r\n {\r\n this.fordonIsValid = true; \r\n this.setState({\r\n fordonError: null\r\n });\r\n } else {\r\n this.fordonIsValid = false;\r\n this.setState({\r\n fordonError: 'Ett giltigt fordon måste väljas från listan'\r\n });\r\n }\r\n\r\n \r\n }\r\n\r\n handleSelectVehicle(vehicleName) {\r\n console.log('byta fordon', vehicleName);\r\n\r\n if (vehicleName !== this.state.fordon) {\r\n \r\n this.setState({\r\n fordon: vehicleName\r\n }, () => { this.validateFordon(); });\r\n }\r\n }\r\n handleDatumChange(date) { \r\n\r\n this.setState({ \r\n datum: date\r\n }, () => {this.validateDatum();});\r\n\r\n }\r\n\r\n handlePlatsChange(event) { \r\n this.setState({ \r\n plats: event.target.value\r\n }, () => {this.validatePlats();});\r\n\r\n }\r\n\r\n handlePersonskadorChange(el, value){ \r\n this.setState({\r\n personskador: value\r\n }); \r\n } \r\n\r\n handleArbetsmomentEgetChange(event) {\r\n this.setState({\r\n arbetsmoment_eget: event.target.value\r\n })\r\n }\r\n\r\n handleVadHandeEgetChange(event) {\r\n this.setState({\r\n vadHande_eget: event.target.value\r\n })\r\n }\r\n\r\n handleVarNagotEgetChange(event) {\r\n this.setState({\r\n varNagot_eget: event.target.value\r\n })\r\n }\r\n handleForhallandenEgetChange(event) {\r\n this.setState({\r\n forhallanden_eget: event.target.value\r\n })\r\n }\r\n handleForslagEgetChange(event) {\r\n this.setState({\r\n forslag_eget: event.target.value\r\n })\r\n }\r\n\r\n handleArbetsmomentChange(event, rowItem) {\r\n //console.log(event.target.checked, rowItem);\r\n\r\n var newArbetsmoment = this.state.arbetsmoment;\r\n\r\n if (event.target.checked) {\r\n newArbetsmoment.push(rowItem);\r\n } else {\r\n newArbetsmoment = newArbetsmoment.filter((item) => item.id !== rowItem.id);\r\n }\r\n\r\n this.setState({\r\n arbetsmoment: newArbetsmoment\r\n });\r\n }\r\n handleVadHandeChange(event, rowItem) {\r\n //console.log(event.target.checked, rowItem);\r\n\r\n var newVadHande = this.state.vadHande;\r\n\r\n if (event.target.checked) {\r\n newVadHande.push(rowItem);\r\n } else {\r\n newVadHande = newVadHande.filter((item) => item.id !== rowItem.id);\r\n }\r\n\r\n this.setState({\r\n vadHande: newVadHande\r\n });\r\n }\r\n handleVarNagotChange(event, rowItem) {\r\n //console.log(event.target.checked, rowItem);\r\n\r\n var newVarNagot = this.state.varNagot;\r\n\r\n if (event.target.checked) {\r\n newVarNagot.push(rowItem);\r\n } else {\r\n newVarNagot = newVarNagot.filter((item) => item.id !== rowItem.id);\r\n }\r\n\r\n this.setState({\r\n varNagot: newVarNagot\r\n });\r\n\r\n }\r\n handleForhallandenChange(event, rowItem) {\r\n //console.log(event.target.checked, rowItem);\r\n\r\n var newForhallanden = this.state.forhallanden;\r\n\r\n if (event.target.checked) {\r\n newForhallanden.push(rowItem);\r\n } else {\r\n newForhallanden = newForhallanden.filter((item) => item.id !== rowItem.id);\r\n }\r\n\r\n this.setState({\r\n forhallanden: newForhallanden\r\n });\r\n\r\n }\r\n handleForslagChange(event, rowItem) {\r\n //console.log(event.target.checked, rowItem);\r\n\r\n var newForslag = this.state.forslag;\r\n\r\n if (event.target.checked) {\r\n newForslag.push(rowItem);\r\n } else {\r\n newForslag = newForslag.filter((item) => item.id !== rowItem.id);\r\n }\r\n\r\n this.setState({\r\n forslag: newForslag\r\n });\r\n }\r\n\r\n checkIfVehicleExists(name){\r\n if(name == undefined || name == \"\"){\r\n return \"Inget Fordon\";\r\n }\r\n else{\r\n var item = this.props.vehicles.filter((item) => { return item.name === name })[0]; \r\n return item !== undefined;\r\n }\r\n }\r\n\r\n handleFormSave() { \r\n\r\n this.validateDatum();\r\n this.validatePlats();\r\n this.validateFordon();\r\n\r\n if (this.datumIsValid\r\n && this.platsIsValid \r\n && this.fordonIsValid)\r\n {\r\n var saveData = {\r\n Datum: this.state.datum.format(),\r\n Plats: this.state.plats,\r\n Fordon: this.state.fordon,\r\n Personskador: this.state.personskador,\r\n Arbetsmoment: this.state.arbetsmoment,\r\n VadHande: this.state.vadHande,\r\n VarNagot: this.state.varNagot,\r\n Forhallanden: this.state.forhallanden,\r\n Forslag: this.state.forslag,\r\n AttachmentUploadBlobNames: this.state.attachmentNames\r\n };\r\n if (this.state.vadHande_eget !== '')\r\n saveData.VadHande.push({\r\n id: 'vadHande_eget', \r\n label: this.state.vadHande_eget,\r\n order: 1000,\r\n value: this.state.vadHande_eget\r\n });\r\n if (this.state.varNagot_eget !== '')\r\n saveData.VarNagot.push({\r\n id: 'varNagot_eget',\r\n label: this.state.varNagot_eget,\r\n order: 1000,\r\n value: this.state.varNagot_eget\r\n });\r\n if (this.state.forhallanden_eget !== '')\r\n saveData.Forhallanden.push({\r\n id: 'forhallanden_eget',\r\n label: this.state.forhallanden_eget,\r\n order: 1000,\r\n value: this.state.forhallanden_eget\r\n });\r\n if (this.state.forslag_eget !== '')\r\n saveData.Forslag.push({\r\n id: 'forslag_eget',\r\n label: this.state.forslag_eget,\r\n order: 1000,\r\n value: this.state.forslag_eget,\r\n });\r\n if (this.state.arbetsmoment_eget !== '')\r\n saveData.Arbetsmoment.push({\r\n id: 'arbetsmoment_eget',\r\n label: this.state.arbetsmoment_eget,\r\n order: 1000,\r\n value: this.state.arbetsmoment_eget,\r\n });\r\n \r\n //console.log('to save', saveData);\r\n this.addIncident(saveData);\r\n\r\n } else {\r\n // console.log('spara validera icke', saveData);\r\n }\r\n\r\n \r\n }\r\n\r\n addIncident(incident) {\r\n this.setState({\r\n savingStatus: 1\r\n }, () => {\r\n \r\n axios.post(infraConfig.apiEndpoint.concat('/api/incident/addarbetsmiljo'), incident, getAxiosConfig(this.props.user))\r\n .then((dataResult) => {\r\n // console.log('after send success', dataResult);\r\n \r\n this.setState({\r\n savingStatus: 2\r\n });\r\n \r\n this.resetForm();\r\n\r\n })\r\n .catch((error) => { \r\n this.setState({\r\n savingStatus: 3\r\n });\r\n console.log('ERROR');\r\n });\r\n });\r\n\r\n }\r\n\r\n onFileUploadChange(e) {\r\n e.preventDefault();\r\n\r\n this.setState({file:e.target.files[0]})\r\n }\r\n \r\n onAddImageClick(e) { \r\n this.fileUpload(this.state.file);\r\n }\r\n onRemoveImageItem(name) {\r\n this.setState({\r\n attachmentNames: this.state.attachmentNames.filter(item => item.name !== name)\r\n });\r\n }\r\n fileUpload(file) {\r\n var axiosConfig = getAxiosConfig(this.props.user);\r\n axiosConfig.headers[\"Content-Type\"] = \"multipart/form-data\";\r\n \r\n const formData = new FormData();\r\n formData.append('file',file)\r\n \r\n axios.post(infraConfig.apiEndpoint.concat('/api/incident/uploadimage'), formData, axiosConfig)\r\n .then((dataResult) => {\r\n \r\n if (dataResult.data.result !== false)\r\n {\r\n this.setState(prevState => {\r\n const attachmentNames = prevState.attachmentNames.concat(dataResult.data.result);\r\n return {\r\n attachmentNames,\r\n file: null\r\n }\r\n }, () => {\r\n //console.log(this.state);\r\n });\r\n \r\n }\r\n \r\n })\r\n .catch((error) => { \r\n //console.log('ERROR', error);\r\n });\r\n \r\n }\r\n triggerInputFile = () => this.fileInput.click()\r\n\r\n resetForm() {\r\n var savingStatus = this.state.savingStatus;\r\n this.setState(this.getInititalState(), () => {\r\n this.setState({ savingStatus: savingStatus});\r\n });\r\n \r\n document.getElementById(\"create-incident\").reset();\r\n }\r\n \r\n render() {\r\n return ( { this.props.formOptions != null ?
)\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user\r\n };\r\n }\r\n \r\n\r\nexport default connect(mapStateToProps)(FormArbetsmiljo);\r\n","// formuläret från startsidan (genvägen) det förenklade\r\nimport { connect } from \"react-redux\";\r\nimport axios from \"axios\";\r\nimport { infraConfig } from \"config/infraConfig\";\r\nimport { getAxiosConfig } from \"system/axiosConfig\";\r\nimport Switch from \"react-bootstrap-switch\";\r\nimport SelectVehicleForm from \"./SelectVehicleForm\";\r\n\r\nimport SavingButton from \"components/CustomButtons/SavingButton.jsx\"\r\nimport Datetime from \"react-datetime\";\r\nimport React, { Component} from \"react\";\r\nimport {\r\n Col,\r\n Row,\r\n FormGroup,\r\n FormControl,\r\n ControlLabel\r\n } from \"react-bootstrap\";\r\n import moment from 'moment';\r\n import 'moment/locale/sv';\r\n \r\n\r\nclass FormHotOchVald extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n \r\n moment().locale('sv');\r\n this.state = this.getInititalState();\r\n\r\n this.handleFormSave = this.handleFormSave.bind(this);\r\n this.handleSelectVehicle = this.handleSelectVehicle.bind(this);\r\n\r\n this.datumIsValid = true;\r\n this.platsIsValid = true;\r\n this.handelseBeskrivningIsValid = true;\r\n this.fordonIsValid = true;\r\n\r\n }\r\n\r\n getInititalState = () => {\r\n const initialState = {\r\n datumError: null,\r\n handelseBeskrivningError: null,\r\n datum: moment(new Date()),\r\n plats: '',\r\n platsError: null,\r\n handelseBeskrivning : '',\r\n fordon: '',\r\n fordonError: null,\r\n externaPersonskador: false,\r\n externaPersonskadorInfo: '',\r\n savingStatus: 0,\r\n file: null,\r\n attachmentNames: []\r\n }\r\n return initialState;\r\n\r\n }\r\n validatePlats() {\r\n if (this.state.plats.length > 0) {\r\n this.platsIsValid = true;\r\n this.setState({ \r\n platsError: null\r\n });\r\n } else {\r\n this.platsIsValid = false;\r\n this.setState({ \r\n platsError: 'Plats måste anges'\r\n });\r\n\r\n } \r\n }\r\n\r\n validateDatum() {\r\n\r\n var parsed = moment(this.state.datum, 'YYYY-MM-DD', true);\r\n\r\n if (parsed.isValid()) {\r\n this.datumIsValid = true;\r\n this.setState({ \r\n datumError: null\r\n });\r\n }\r\n else {\r\n this.datumIsValid = false;\r\n this.setState({ \r\n datumError: 'Datum har fel format'\r\n });\r\n\r\n }\r\n }\r\n\r\nvalidateHandelseBeskrivning() {\r\n if (this.state.handelseBeskrivning.length > 0) {\r\n this.handelseBeskrivningIsValid = true;\r\n this.setState({ \r\n handelseBeskrivningError: null\r\n });\r\n\r\n } else {\r\n this.handelseBeskrivningIsValid = false;\r\n this.setState({ \r\n handelseBeskrivningError: 'Händelsebeskrivning måste anges'\r\n });\r\n\r\n } \r\n}\r\nvalidateFordon() {\r\n \r\n console.log('validate fordon', this.state.fordon);\r\n\r\n var vehicleExists = this.checkIfVehicleExists(this.state.fordon);\r\n\r\n if (vehicleExists)\r\n {\r\n this.fordonIsValid = true; \r\n this.setState({\r\n fordonError: null\r\n });\r\n } else {\r\n this.fordonIsValid = false;\r\n this.setState({\r\n fordonError: 'Ett giltigt fordon måste väljas från listan'\r\n });\r\n }\r\n\r\n \r\n}\r\n\r\nhandleSelectVehicle(vehicleName) {\r\n console.log('byta fordon', vehicleName);\r\n\r\n if (vehicleName !== this.state.fordon) {\r\n \r\n this.setState({\r\n fordon: vehicleName\r\n }, () => { this.validateFordon(); });\r\n }\r\n}\r\n\r\nhandleDatumChange(date) { \r\n\r\n this.setState({ \r\n datum: date\r\n }, () => {this.validateDatum();});\r\n\r\n}\r\n\r\nhandlePlatsChange(event) { \r\n this.setState({ \r\n plats: event.target.value\r\n }, () => {this.validatePlats();});\r\n\r\n}\r\n\r\nhandleExternaPersonskadorChange(el, value){ \r\n this.setState({\r\n externaPersonskador: value\r\n }); \r\n} \r\nhandleExternaPersonskadorInfoChange(event){\r\n this.setState({externaPersonskadorInfo: event.target.value});\r\n}\r\nhandleHandelseBeskrivningChange(event){\r\n this.setState({handelseBeskrivning: event.target.value}, () => { this.validateHandelseBeskrivning()});\r\n}\r\n\r\ncheckIfVehicleExists(name){\r\n var item = this.props.vehicles.filter((item) => { return item.name === name })[0]; \r\n return item !== undefined;\r\n}\r\n\r\n handleFormSave() {\r\n \r\n this.validateHandelseBeskrivning();\r\n this.validateDatum();\r\n this.validatePlats();\r\n this.validateFordon();\r\n if (this.datumIsValid\r\n && this.fordonIsValid\r\n && this.platsIsValid\r\n && this.handelseBeskrivningIsValid)\r\n {\r\n var saveData = {\r\n Datum: this.state.datum.format(),\r\n Plats: this.state.plats,\r\n Fordon: this.state.fordon,\r\n HandelseBeskrivning: this.state.handelseBeskrivning,\r\n ExternaPersonskadorInfo: this.state.externaPersonskadorInfo,\r\n AttachmentUploadBlobNames: this.state.attachmentNames\r\n\r\n };\r\n \r\n //console.log('to save', saveData);\r\n this.addIncident(saveData);\r\n\r\n } else {\r\n // console.log('spara validera icke', saveData);\r\n }\r\n\r\n \r\n}\r\n\r\n addIncident(incident) {\r\n this.setState({\r\n savingStatus: 1\r\n }, () => {\r\n\r\n axios.post(infraConfig.apiEndpoint.concat('/api/incident/addhotochvald'), incident, getAxiosConfig(this.props.user))\r\n .then((dataResult) => {\r\n // console.log('after send success', dataResult);\r\n \r\n this.setState({\r\n savingStatus: 2\r\n });\r\n \r\n this.resetForm();\r\n\r\n })\r\n .catch((error) => { \r\n this.setState({\r\n savingStatus: 3\r\n });\r\n console.log('ERROR');\r\n });\r\n });\r\n\r\n }\r\n\r\n onFileUploadChange(e) {\r\n e.preventDefault();\r\n\r\n this.setState({file:e.target.files[0]})\r\n }\r\n \r\n onAddImageClick(e) { \r\n this.fileUpload(this.state.file);\r\n }\r\n onRemoveImageItem(name) {\r\n this.setState({\r\n attachmentNames: this.state.attachmentNames.filter(item => item.name !== name)\r\n });\r\n }\r\n fileUpload(file) {\r\n var axiosConfig = getAxiosConfig(this.props.user);\r\n axiosConfig.headers[\"Content-Type\"] = \"multipart/form-data\";\r\n\r\n const formData = new FormData();\r\n formData.append('file',file)\r\n\r\n axios.post(infraConfig.apiEndpoint.concat('/api/incident/uploadimage'), formData, axiosConfig)\r\n .then((dataResult) => {\r\n\r\n if (dataResult.data.result !== false)\r\n {\r\n this.setState(prevState => {\r\n const attachmentNames = prevState.attachmentNames.concat(dataResult.data.result);\r\n return {\r\n attachmentNames,\r\n file: null\r\n }\r\n }, () => {\r\n // console.log(this.state);\r\n });\r\n \r\n }\r\n \r\n })\r\n .catch((error) => { \r\n console.log('ERROR', error);\r\n });\r\n \r\n }\r\n triggerInputFile = () => this.fileInput.click()\r\n\r\n resetForm() {\r\n var savingStatus = this.state.savingStatus;\r\n this.setState(this.getInititalState(), () => {\r\n this.setState({ savingStatus: savingStatus});\r\n });\r\n\r\n \r\n document.getElementById(\"create-incident\").reset();\r\n }\r\n \r\n\r\nrender() {\r\n return (\r\n \r\n \r\n
: null } \r\n
\r\n \r\n \r\n \r\n Foton
\r\n \r\n this.fileInput = fileInput} onChange={event => this.onFileUploadChange(event)} type=\"file\" className=\"hidden\" />\r\n
\r\n { this.state.attachmentNames.map((item, key) => {\r\n return \r\n \r\n \r\n
\r\n {decodeURI(item.shortName).replace('+',' ')}
\r\n })}\r\n { this.props.formOptions != null ?
\r\n )\r\n }\r\n\r\n \r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user, \r\n };\r\n }\r\n \r\nexport default connect(mapStateToProps)(FormHotOchVald);\r\n","// formuläret från startsidan (genvägen) det förenklade\r\nimport { connect } from \"react-redux\";\r\nimport axios from \"axios\";\r\nimport { infraConfig } from \"config/infraConfig\";\r\nimport { getAxiosConfig } from \"system/axiosConfig\";\r\n\r\nimport SavingButton from \"components/CustomButtons/SavingButton.jsx\"\r\nimport Datetime from \"react-datetime\";\r\nimport React, { Component} from \"react\";\r\nimport {\r\n FormGroup,\r\n FormControl,\r\n ControlLabel\r\n } from \"react-bootstrap\";\r\n import moment from 'moment';\r\n import 'moment/locale/sv';\r\n \r\n\r\nclass FormTrafikinformation extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n \r\n moment().locale('sv');\r\n\r\n this.state = this.getInititalState();\r\n\r\n this.handleFormSave = this.handleFormSave.bind(this);\r\n\r\n this.hallplatskategoriIsValid = true;\r\n this.datumIsValid = true;\r\n this.platsIsValid = true;\r\n this.handelseBeskrivningIsValid = true;\r\n \r\n\r\n }\r\n\r\n getInititalState = () => {\r\n const initialState = {\r\n hallplatskategori: undefined,\r\n hallplatskategoriError: null, \r\n datumError: null,\r\n handelseBeskrivningError: null,\r\n datum: moment(new Date()),\r\n plats: '',\r\n platsError: null,\r\n handelseBeskrivning : '',\r\n savingStatus: 0,\r\n file: null,\r\n attachmentNames: []\r\n }\r\n return initialState;\r\n\r\n }\r\n \r\n validatePlats() {\r\n if (this.state.plats.length > 0) {\r\n this.platsIsValid = true;\r\n this.setState({ \r\n platsError: null\r\n });\r\n } else {\r\n this.platsIsValid = false;\r\n this.setState({ \r\n platsError: 'Plats måste anges'\r\n });\r\n\r\n } \r\n }\r\n\r\n validateHallplatskategori() {\r\n\r\n if (this.state.hallplatskategori !== '' && this.state.hallplatskategori !== undefined){\r\n this.hallplatskategoriIsValid = true;\r\n this.setState({ \r\n hallplatskategoriError: null\r\n });\r\n }\r\n else {\r\n this.hallplatskategoriIsValid = false;\r\n this.setState({ \r\n hallplatskategoriError: 'Rubrik måste väljas'\r\n });\r\n }\r\n}\r\nvalidateDatum() {\r\n\r\n var parsed = moment(this.state.datum, 'YYYY-MM-DD', true);\r\n\r\n if (parsed.isValid()) {\r\n this.datumIsValid = true;\r\n this.setState({ \r\n datumError: null\r\n });\r\n }\r\n else {\r\n this.datumIsValid = false;\r\n this.setState({ \r\n datumError: 'Datum har fel format'\r\n });\r\n\r\n }\r\n}\r\n\r\nvalidateHandelseBeskrivning() {\r\n if (this.state.handelseBeskrivning.length > 0) {\r\n this.handelseBeskrivningIsValid = true;\r\n this.setState({ \r\n handelseBeskrivningError: null\r\n });\r\n\r\n } else {\r\n this.handelseBeskrivningIsValid = false;\r\n this.setState({ \r\n handelseBeskrivningError: 'Händelsebeskrivning måste anges'\r\n });\r\n\r\n } \r\n}\r\n\r\nhandleHallplatskategoriChange(event) { \r\n this.setState({ \r\n hallplatskategori: event.target.value\r\n }, () => {this.validateHallplatskategori();});\r\n\r\n}\r\n\r\nhandleDatumChange(date) { \r\n\r\n this.setState({ \r\n datum: date\r\n }, () => {this.validateDatum();});\r\n\r\n}\r\n\r\nhandlePlatsChange(event) { \r\n this.setState({ \r\n plats: event.target.value\r\n }, () => {this.validatePlats();});\r\n\r\n}\r\n\r\nhandleHandelseBeskrivningChange(event){\r\n this.setState({handelseBeskrivning: event.target.value}, () => { this.validateHandelseBeskrivning()});\r\n}\r\n\r\n handleFormSave() {\r\n \r\n this.validateHandelseBeskrivning();\r\n this.validateHallplatskategori();\r\n this.validateDatum();\r\n this.validatePlats();\r\n\r\n if (this.hallplatskategoriIsValid \r\n && this.datumIsValid\r\n && this.platsIsValid\r\n && this.handelseBeskrivningIsValid)\r\n {\r\n var saveData = {\r\n Hallplatskategori: this.state.hallplatskategori,\r\n Datum: this.state.datum.format(),\r\n Plats: this.state.plats,\r\n HandelseBeskrivning: this.state.handelseBeskrivning,\r\n AttachmentUploadBlobNames: this.state.attachmentNames\r\n };\r\n \r\n //console.log('to save', saveData);\r\n this.addIncident(saveData);\r\n\r\n } else {\r\n //console.log('spara validera icke', saveData);\r\n }\r\n\r\n \r\n}\r\n\r\n addIncident(incident) {\r\n this.setState({\r\n savingStatus: 1\r\n }, () => {\r\n\r\n axios.post(infraConfig.apiEndpoint.concat('/api/incident/addtrafikinformation'), incident, getAxiosConfig(this.props.user))\r\n .then((dataResult) => {\r\n // console.log('after send success', dataResult);\r\n \r\n this.setState({\r\n savingStatus: 2\r\n });\r\n \r\n this.resetForm();\r\n\r\n })\r\n .catch((error) => { \r\n this.setState({\r\n savingStatus: 3\r\n });\r\n console.log('ERROR');\r\n });\r\n });\r\n\r\n }\r\n onFileUploadChange(e) {\r\n e.preventDefault();\r\n\r\n this.setState({file:e.target.files[0]})\r\n }\r\n \r\n onAddImageClick(e) { \r\n this.fileUpload(this.state.file);\r\n }\r\n onRemoveImageItem(name) {\r\n this.setState({\r\n attachmentNames: this.state.attachmentNames.filter(item => item.name !== name)\r\n });\r\n }\r\n fileUpload(file) {\r\n var axiosConfig = getAxiosConfig(this.props.user);\r\n axiosConfig.headers[\"Content-Type\"] = \"multipart/form-data\";\r\n\r\n const formData = new FormData();\r\n formData.append('file',file)\r\n\r\n axios.post(infraConfig.apiEndpoint.concat('/api/incident/uploadimage'), formData, axiosConfig)\r\n .then((dataResult) => {\r\n\r\n if (dataResult.data.result !== false)\r\n {\r\n this.setState(prevState => {\r\n const attachmentNames = prevState.attachmentNames.concat(dataResult.data.result);\r\n return {\r\n attachmentNames,\r\n file: null\r\n }\r\n }, () => {\r\n // console.log(this.state);\r\n });\r\n \r\n }\r\n \r\n })\r\n .catch((error) => { \r\n // console.log('ERROR', error);\r\n });\r\n \r\n }\r\n triggerInputFile = () => this.fileInput.click()\r\n resetForm() {\r\n var savingStatus = this.state.savingStatus;\r\n this.setState(this.getInititalState(), () => {\r\n this.setState({ savingStatus: savingStatus});\r\n });\r\n\r\n \r\n document.getElementById(\"create-incident\").reset();\r\n }\r\n\r\n \r\n\r\nrender() {\r\n return (\r\n \r\n\r\n \r\n
: null } \r\n
\r\n\r\n\r\n \r\n Foton
\r\n \r\n this.fileInput = fileInput} onChange={event => this.onFileUploadChange(event)} type=\"file\" className=\"hidden\" />\r\n
\r\n { this.state.attachmentNames.map((item, key) => {\r\n return \r\n \r\n \r\n
\r\n {decodeURI(item.shortName).replace('+',' ')}
\r\n })}\r\n { this.props.formOptions != null ?
\r\n )\r\n }\r\n \r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user,\r\n };\r\n }\r\n \r\nexport default connect(mapStateToProps)(FormTrafikinformation);\r\n","// formuläret från startsidan (genvägen) det förenklade\r\nimport { connect } from \"react-redux\";\r\nimport axios from \"axios\";\r\nimport { infraConfig } from \"config/infraConfig\";\r\nimport { getAxiosConfig } from \"system/axiosConfig\";\r\nimport Switch from \"react-bootstrap-switch\";\r\nimport SelectVehicleForm from \"./SelectVehicleForm\";\r\n\r\nimport SavingButton from \"components/CustomButtons/SavingButton.jsx\";\r\nimport Datetime from \"react-datetime\";\r\nimport React, { Component } from \"react\";\r\nimport { FormGroup, Col, Row, FormControl, ControlLabel } from \"react-bootstrap\";\r\nimport Checkbox from \"components/CustomCheckbox/CustomCheckbox.jsx\";\r\nimport moment from \"moment\";\r\nimport \"moment/locale/sv\";\r\n\r\nclass FormFordonsskada extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tmoment().locale(\"sv\");\r\n\r\n\t\tthis.state = this.getInititalState();\r\n\r\n\t\tthis.handleFormSave = this.handleFormSave.bind(this);\r\n\t\tthis.handleSelectVehicle = this.handleSelectVehicle.bind(this);\r\n\r\n\t\tthis.datumIsValid = true;\r\n\t\tthis.tidIsValid = true;\r\n\t\tthis.platsIsValid = true;\r\n\t\tthis.forsakringskategoriIsValid = true;\r\n\t\tthis.handelseBeskrivningIsValid = true;\r\n\t\tthis.skadeplatskategoriIsValid = true;\r\n\t\tthis.antalPassagerareIsvalid = true;\r\n\t\tthis.matarstallningIsValid = true;\r\n\t\tthis.fordonIsValid = true;\r\n\t\tthis.vagensBreddIsvalid = true;\r\n\t\tthis.estimatedDistanceRightHandSideOfRoadIsvalid = true;\r\n\r\n\t\tthis.kategorispecOptions = [\r\n\t\t\t\"Singelolycka\",\r\n\t\t\t\"Vilt eller djurolycka\",\r\n\t\t\t\"Parkeringsskada\",\r\n\t\t\t\"Kollision\",\r\n\t\t\t\"Smitningsolycka\",\r\n\t\t\t\"Motor eller elektronik\",\r\n\t\t\t\"Glasskada\",\r\n\t\t\t\"Skadegörelse\",\r\n\t\t\t\"Annat\",\r\n\t\t];\r\n\t}\r\n\r\n\tgetInititalState = () => {\r\n\t\tconst initialState = {\r\n\t\t\tdatumError: null,\r\n\t\t\tforsakringskategoriError: null,\r\n\t\t\thandelseBeskrivningError: null,\r\n\t\t\tdatum: \"\",\r\n\t\t\ttid: \"\",\r\n\t\t\ttidError: null,\r\n\t\t\tplats: \"\",\r\n\t\t\tplatsError: null,\r\n\t\t\tskadeplatskategori: [],\r\n\t\t\tskadeplatskategoriError: null,\r\n\t\t\thandelseBeskrivning: \"\",\r\n\t\t\tfordon: \"\",\r\n\t\t\tfordonError: null,\r\n\t\t\tpolis: false,\r\n\t\t\traddningstjanst: false,\r\n\t\t\tskadapafordon: false,\r\n\t\t\tblodprov: false,\r\n\t\t\tforsakringskategori: \"\",\r\n\t\t\tkategorispecificering: \"\",\r\n\t\t\tersattningsfordon: false,\r\n\t\t\tsynligaskadorbool: false,\r\n\t\t\tsynligaskador: \"\",\r\n\t\t\tpersonskadabool: false,\r\n\t\t\tpersonskada: \"\",\r\n\t\t\tvittnen: \"\",\r\n\t\t\tmatarstallning: \"\",\r\n\t\t\tmatarstallningError: null,\r\n\t\t\tantalpassagerare: undefined,\r\n\t\t\tantalpassagerareError: null,\r\n\t\t\tmotpartkontaktuppgifter: \"\",\r\n\t\t\tmotpartkontaktuppgifterRegnr: \"\",\r\n\t\t\tkategori: \"\",\r\n\t\t\tsavingStatus: 0,\r\n\t\t\tfile: null,\r\n\t\t\tattachmentNames: [],\r\n\t\t\tvagensBredd: \"\",\r\n\t\t\tvagensBreddError: null,\r\n\t\t\testimatedDistanceRightHandSideOfRoad: \"\",\r\n\t\t\testimatedDistanceRightHandSideOfRoadError: null,\r\n\t\t};\r\n\t\treturn initialState;\r\n\t};\r\n\r\n\tvalidatePlats() {\r\n\t\tif (this.state.plats.length > 0) {\r\n\t\t\tthis.platsIsValid = true;\r\n\t\t\tthis.setState({\r\n\t\t\t\tplatsError: null,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.platsIsValid = false;\r\n\t\t\tthis.setState({\r\n\t\t\t\tplatsError: \"Plats måste anges\",\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tvalidateDatum() {\r\n\t\tvar parsed = moment(this.state.datum, \"YYYY-MM-DD\", true);\r\n\r\n\t\tif (parsed.isValid() && this.state.datum !== undefined && this.state.datum !== \"\") {\r\n\t\t\tthis.datumIsValid = true;\r\n\t\t\tthis.setState({\r\n\t\t\t\tdatumError: null,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.datumIsValid = false;\r\n\t\t\tthis.setState({\r\n\t\t\t\tdatumError: \"Datum har fel format\",\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tvalidateTid() {\r\n\t\tvar parsed = moment(this.state.tid, \"HH:mm\", true);\r\n\r\n\t\tif (parsed.isValid() && this.state.tid !== undefined && this.state.tid !== \"\") {\r\n\t\t\tthis.tidIsValid = true;\r\n\t\t\tthis.setState({\r\n\t\t\t\ttidError: null,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.tidIsValid = false;\r\n\t\t\tthis.setState({\r\n\t\t\t\ttidError: \"Tid har fel format\",\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tvalidateForsakringskategori() {\r\n\t\tif (this.state.forsakringskategori !== \"\" && this.state.forsakringskategori !== undefined) {\r\n\t\t\tthis.forsakringskategoriIsValid = true;\r\n\t\t\tthis.setState({\r\n\t\t\t\tforsakringskategoriError: null,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.forsakringskategoriIsValid = false;\r\n\t\t\tthis.setState({\r\n\t\t\t\tforsakringskategoriError: \"Försäkringskategori måste väljas\",\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tvalidateHandelseBeskrivning() {\r\n\t\tif (this.state.handelseBeskrivning.length > 0) {\r\n\t\t\tthis.handelseBeskrivningIsValid = true;\r\n\t\t\tthis.setState({\r\n\t\t\t\thandelseBeskrivningError: null,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.handelseBeskrivningIsValid = false;\r\n\t\t\tthis.setState({\r\n\t\t\t\thandelseBeskrivningError: \"Händelsebeskrivning måste anges\",\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tvalidateSkadeplatskategori() {\r\n\t\tif (this.state.skadeplatskategori.length > 0) {\r\n\t\t\tthis.skadeplatskategoriIsValid = true;\r\n\t\t\tthis.setState({\r\n\t\t\t\tskadeplatskategoriError: null,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.skadeplatskategoriIsValid = false;\r\n\t\t\tthis.setState({\r\n\t\t\t\tskadeplatskategoriError: \"Skadeplatskategori måste anges\",\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tvalidateAntalPassagerare() {\r\n\t\tif (\r\n\t\t\t!isNaN(this.state.antalpassagerare) ||\r\n\t\t\tthis.state.antalpassagerare === \"\" ||\r\n\t\t\tthis.state.antalpassagerare === undefined ||\r\n\t\t\tthis.state.antalpassagerare === null\r\n\t\t) {\r\n\t\t\tthis.antalPassagerareIsvalid = true;\r\n\t\t\tthis.setState({\r\n\t\t\t\tantalpassagerareError: null,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.antalPassagerareIsvalid = false;\r\n\t\t\tthis.setState({\r\n\t\t\t\tantalpassagerareError: \"Antal passagerare innehåller inte en giltig siffra\",\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tvalidateVagensBredd() {\r\n\t\tif (!isNaN(this.state.vagensBredd) || this.state.vagensBredd === \"\" || this.state.vagensBredd === undefined || this.state.vagensBredd === null) {\r\n\t\t\tthis.vagensBreddIsvalid = true;\r\n\t\t\tthis.setState({\r\n\t\t\t\tvagensBreddError: null,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.vagensBreddIsvalid = false;\r\n\t\t\tthis.setState({\r\n\t\t\t\tvagensBreddError: \"Vägens ungefärliga bredd innehåller inte en giltig siffra\",\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tvalidateEstimatedDistanceRightHandSideOfRoad() {\r\n\t\tif (\r\n\t\t\t!isNaN(this.state.estimatedDistanceRightHandSideOfRoad) ||\r\n\t\t\tthis.state.estimatedDistanceRightHandSideOfRoad === \"\" ||\r\n\t\t\tthis.state.estimatedDistanceRightHandSideOfRoad === undefined ||\r\n\t\t\tthis.state.estimatedDistanceRightHandSideOfRoad === null\r\n\t\t) {\r\n\t\t\tthis.estimatedDistanceRightHandSideOfRoadIsvalid = true;\r\n\t\t\tthis.setState({\r\n\t\t\t\testimatedDistanceRightHandSideOfRoadError: null,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.estimatedDistanceRightHandSideOfRoadIsvalid = false;\r\n\t\t\tthis.setState({\r\n\t\t\t\testimatedDistanceRightHandSideOfRoadError: \"Ungefärligt avstånd till vägens högerkant innehåller inte en giltig siffra\",\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tvalidateMatarstallning() {\r\n\t\tif (\r\n\t\t\t!isNaN(this.state.matarstallning) ||\r\n\t\t\tthis.state.matarstallning === \"\" ||\r\n\t\t\tthis.state.matarstallning === undefined ||\r\n\t\t\tthis.state.matarstallning === null\r\n\t\t) {\r\n\t\t\tthis.matarstallningIsValid = true;\r\n\t\t\tthis.setState({\r\n\t\t\t\tmatarstallningError: null,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.matarstallningIsValid = false;\r\n\t\t\tthis.setState({\r\n\t\t\t\tmatarstallningError: \"Mätarställning innehåller inte en giltig siffra\",\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tvalidateFordon() {\r\n\t\tconsole.log(\"validate fordon\", this.state.fordon);\r\n\t\tif (!this.props.disableFK) {\r\n\t\t\tvar vehicleExists = this.checkIfVehicleExists(this.state.fordon);\r\n\r\n\t\t\tif (vehicleExists) {\r\n\t\t\t\tthis.fordonIsValid = true;\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tfordonError: null,\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.fordonIsValid = false;\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tfordonError: \"Ett giltigt fordon måste väljas från listan\",\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tif (this.state.fordon === null || this.state.fordon === \"\" || this.state.fordon === undefined) {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tfordonError: \"Ange för vilket fordon skadan gäller\",\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.fordonIsValid = true;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\thandleSelectVehicle(vehicleName) {\r\n\t\tconsole.log(\"byta fordon\", vehicleName);\r\n\r\n\t\tif (vehicleName !== this.state.fordon) {\r\n\t\t\tthis.setState(\r\n\t\t\t\t{\r\n\t\t\t\t\tfordon: vehicleName,\r\n\t\t\t\t},\r\n\t\t\t\t() => {\r\n\t\t\t\t\tthis.validateFordon();\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\thandleFordonChange = (e) => {\r\n\t\tthis.setState({\r\n\t\t\tfordon: e.target.value,\r\n\t\t\tfordonError: null,\r\n\t\t});\r\n\t};\r\n\r\n\thandleDatumChange(date) {\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tdatum: date,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tthis.validateDatum();\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\thandleTidChange(date) {\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\ttid: date,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tthis.validateTid();\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\thandlePlatsChange(event) {\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tplats: event.target.value,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tthis.validatePlats();\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\thandleHandelseBeskrivningChange(event) {\r\n\t\tthis.setState({ handelseBeskrivning: event.target.value }, () => {\r\n\t\t\tthis.validateHandelseBeskrivning();\r\n\t\t});\r\n\t}\r\n\thandleSkadeplatskategoriChange(event, rowItem) {\r\n\t\tvar newSkadeplatskategori = this.state.skadeplatskategori;\r\n\r\n\t\tif (event.target.checked) {\r\n\t\t\tnewSkadeplatskategori.push(rowItem);\r\n\t\t} else {\r\n\t\t\tnewSkadeplatskategori = newSkadeplatskategori.filter((item) => item.id !== rowItem.id);\r\n\t\t}\r\n\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tskadeplatskategori: newSkadeplatskategori,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tthis.validateSkadeplatskategori();\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\thandlePolisChange(el, value) {\r\n\t\tthis.setState({\r\n\t\t\tpolis: value,\r\n\t\t});\r\n\t}\r\n\thandleRaddningstjanstChange(el, value) {\r\n\t\tthis.setState({\r\n\t\t\traddningstjanst: value,\r\n\t\t});\r\n\t}\r\n\thandleSkadaPaFordonChange(el, value) {\r\n\t\tthis.setState({\r\n\t\t\tskadapafordon: value,\r\n\t\t});\r\n\t}\r\n\thandleBlodProvChange(el, value) {\r\n\t\tthis.setState({\r\n\t\t\tblodprov: value,\r\n\t\t});\r\n\t}\r\n\thandleErsattningsfordonChange(el, value) {\r\n\t\tthis.setState({\r\n\t\t\tersattningsfordon: value,\r\n\t\t});\r\n\t}\r\n\thandleForsakringskategoriChange(event) {\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tforsakringskategori: event.target.value,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tthis.validateForsakringskategori();\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\thandleSynligaSkadorBoolChange(el, value) {\r\n\t\tthis.setState({\r\n\t\t\tsynligaskadorbool: value,\r\n\t\t});\r\n\t}\r\n\thandleSynligaSkadorChange(event) {\r\n\t\tthis.setState({\r\n\t\t\tsynligaskador: event.target.value,\r\n\t\t});\r\n\t}\r\n\thandlePersonSkadaBoolChange(el, value) {\r\n\t\tthis.setState({\r\n\t\t\tpersonskadabool: value,\r\n\t\t});\r\n\t}\r\n\thandlePersonSkadaChange(event) {\r\n\t\tthis.setState({\r\n\t\t\tpersonskada: event.target.value,\r\n\t\t});\r\n\t}\r\n\thandleVittnenChange(event) {\r\n\t\tthis.setState({\r\n\t\t\tvittnen: event.target.value,\r\n\t\t});\r\n\t}\r\n\thandleAntalPassagerareChange(event) {\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tantalpassagerare: event.target.value,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tthis.validateAntalPassagerare();\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\thandleVagensBreddChange(event) {\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tvagensBredd: event.target.value,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tthis.validateVagensBredd();\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\thandleEstimatedDistanceRightHandSideOfRoadChange(event) {\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\testimatedDistanceRightHandSideOfRoad: event.target.value,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tthis.validateEstimatedDistanceRightHandSideOfRoad();\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\thandleMatarstallningChange(event) {\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tmatarstallning: event.target.value,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tthis.validateMatarstallning();\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\thandleMotpartskontaktuppgifterChange(event) {\r\n\t\tthis.setState({\r\n\t\t\tmotpartkontaktuppgifter: event.target.value,\r\n\t\t});\r\n\t}\r\n\thandleMotpartskontaktuppgifterRegnrChange(event) {\r\n\t\tthis.setState({\r\n\t\t\tmotpartkontaktuppgifterRegnr: event.target.value,\r\n\t\t});\r\n\t}\r\n\thandleKategorispecificeringChange(event) {\r\n\t\tthis.setState({\r\n\t\t\tkategorispecificering: event.target.value,\r\n\t\t});\r\n\t}\r\n\tgetForsakringsKategoriName(id) {\r\n\t\treturn this.props.formOptions.forsakringskategori.filter((item) => {\r\n\t\t\treturn item.id === id;\r\n\t\t})[0].value;\r\n\t}\r\n\r\n\tcheckIfVehicleExists(name) {\r\n\t\tvar item = this.props.vehicles.filter((item) => {\r\n\t\t\treturn item.name === name;\r\n\t\t})[0];\r\n\t\treturn item !== undefined;\r\n\t}\r\n\r\n\tmergeContactUppgift = (regnr, text) => {\r\n\t\tlet result = \"\";\r\n\r\n\t\tif (regnr.length > 0) {\r\n\t\t\tresult += \"Registreringsnummer: \" + regnr + \", \";\r\n\t\t}\r\n\r\n\t\tresult = result + text;\r\n\r\n\t\treturn result;\r\n\t};\r\n\r\n\thandleFormSave() {\r\n\t\tthis.validateDatum();\r\n\t\tthis.validateTid();\r\n\t\tthis.validatePlats();\r\n\t\tthis.validateHandelseBeskrivning();\r\n\t\tthis.validateForsakringskategori();\r\n\t\tthis.validateSkadeplatskategori();\r\n\t\tthis.validateAntalPassagerare();\r\n\t\tthis.validateMatarstallning();\r\n\t\tthis.validateFordon();\r\n\t\tthis.validateVagensBredd();\r\n\t\tthis.validateEstimatedDistanceRightHandSideOfRoad();\r\n\r\n\t\tif (\r\n\t\t\tthis.datumIsValid &&\r\n\t\t\tthis.tidIsValid &&\r\n\t\t\tthis.fordonIsValid &&\r\n\t\t\tthis.platsIsValid &&\r\n\t\t\tthis.skadeplatskategoriIsValid &&\r\n\t\t\tthis.handelseBeskrivningIsValid &&\r\n\t\t\tthis.forsakringskategoriIsValid &&\r\n\t\t\tthis.antalPassagerareIsvalid &&\r\n\t\t\tthis.matarstallningIsValid &&\r\n\t\t\tthis.vagensBreddIsvalid &&\r\n\t\t\tthis.estimatedDistanceRightHandSideOfRoadIsvalid\r\n\t\t) {\r\n\t\t\tvar saveData = {\r\n\t\t\t\tDatum: this.state.datum.format(\"YYYY-MM-DD\") + this.state.tid.format(\" HH:mm\"),\r\n\t\t\t\tPlats: this.state.plats,\r\n\t\t\t\tHandelseBeskrivning: this.state.handelseBeskrivning,\r\n\t\t\t\tFordon: this.state.fordon,\r\n\t\t\t\tSkadeplatskategori: this.state.skadeplatskategori,\r\n\t\t\t\tPolis: this.state.polis,\r\n\t\t\t\tBlodprov: this.state.blodprov,\r\n\t\t\t\tVittnen: this.state.vittnen,\r\n\t\t\t\tMatarstallning: this.state.matarstallning,\r\n\t\t\t\tAntalPassagerare: this.state.antalpassagerare,\r\n\t\t\t\tRaddningstjanst: this.state.raddningstjanst,\r\n\t\t\t\tSkadaPaFordon: this.state.skadapafordon,\r\n\t\t\t\tForsakringsKategori: this.getForsakringsKategoriName(this.state.forsakringskategori),\r\n\t\t\t\tKategoriSpecificering: this.state.kategorispecificering,\r\n\t\t\t\tErsattningsfordon: this.state.ersattningsfordon,\r\n\t\t\t\tSynligaSkador: this.state.synligaskador,\r\n\t\t\t\tPersonskadekontaktuppgifter: this.state.personskada,\r\n\t\t\t\tMotpartskontaktuppgifter: this.mergeContactUppgift(this.state.motpartkontaktuppgifterRegnr, this.state.motpartkontaktuppgifter),\r\n\t\t\t\tAttachmentUploadBlobNames: this.state.attachmentNames,\r\n\t\t\t\tVagensBredd: this.state.vagensBredd,\r\n\t\t\t\tAvstandTillVagensSida: this.state.estimatedDistanceRightHandSideOfRoad,\r\n\t\t\t};\r\n\r\n\t\t\tconsole.log(\"to save\", saveData);\r\n\r\n\t\t\tthis.addIncident(saveData);\r\n\t\t} else {\r\n\t\t\t// console.log('spara validera icke', saveData);\r\n\t\t}\r\n\t}\r\n\r\n\taddIncident(incident) {\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tsavingStatus: 1,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\taxios\r\n\t\t\t\t\t.post(infraConfig.apiEndpoint.concat(\"/api/incident/addfordonsskada\"), incident, getAxiosConfig(this.props.user))\r\n\t\t\t\t\t.then((dataResult) => {\r\n\t\t\t\t\t\tconsole.log(\"after send success\", dataResult);\r\n\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tsavingStatus: 2,\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tthis.resetForm();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tsavingStatus: 3,\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tconsole.log(\"ERROR\");\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\tonFileUploadChange(e) {\r\n\t\te.preventDefault();\r\n\r\n\t\tthis.setState({ file: e.target.files[0] });\r\n\t}\r\n\r\n\tonAddImageClick(e) {\r\n\t\tthis.fileUpload(this.state.file);\r\n\t}\r\n\tonRemoveImageItem(name) {\r\n\t\tthis.setState({\r\n\t\t\tattachmentNames: this.state.attachmentNames.filter((item) => item.name !== name),\r\n\t\t});\r\n\t}\r\n\tfileUpload(file) {\r\n\t\tvar axiosConfig = getAxiosConfig(this.props.user);\r\n\t\taxiosConfig.headers[\"Content-Type\"] = \"multipart/form-data\";\r\n\r\n\t\tconst formData = new FormData();\r\n\t\tformData.append(\"file\", file);\r\n\r\n\t\taxios\r\n\t\t\t.post(infraConfig.apiEndpoint.concat(\"/api/incident/uploadimage\"), formData, axiosConfig)\r\n\t\t\t.then((dataResult) => {\r\n\t\t\t\tif (dataResult.data.result !== false) {\r\n\t\t\t\t\tthis.setState(\r\n\t\t\t\t\t\t(prevState) => {\r\n\t\t\t\t\t\t\tconst attachmentNames = prevState.attachmentNames.concat(dataResult.data.result);\r\n\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\tattachmentNames,\r\n\t\t\t\t\t\t\t\tfile: null,\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t() => {\r\n\t\t\t\t\t\t\t//console.log(this.state);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\t// console.log('ERROR', error);\r\n\t\t\t});\r\n\t}\r\n\ttriggerInputFile = () => this.fileInput.click();\r\n\tresetForm() {\r\n\t\tvar savingStatus = this.state.savingStatus;\r\n\t\tthis.setState(this.getInititalState(), () => {\r\n\t\t\tthis.setState({ savingStatus: savingStatus });\r\n\t\t});\r\n\r\n\t\tdocument.getElementById(\"create-incident\").reset();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n \r\n
: null } \r\n
\r\n \r\n \r\n Foton
\r\n \r\n this.fileInput = fileInput} onChange={event => this.onFileUploadChange(event)} type=\"file\" className=\"hidden\" />\r\n
\r\n { this.state.attachmentNames.map((item, key) => {\r\n return \r\n \r\n \r\n
\r\n {decodeURI(item.shortName).replace('+',' ')}
\r\n })}\r\n \r\n\t\t\t\t{\" \"}\r\n\t\t\t\t{this.props.formOptions != null ? (\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n\treturn {\r\n\t\tuser: state.oidc.user,\r\n\t};\r\n}\r\n\r\nexport default connect(mapStateToProps)(FormFordonsskada);\r\n","// formuläret från startsidan (genvägen) det förenklade\r\nimport { connect } from \"react-redux\";\r\nimport { fetchFormOptions } from \"./actions\";\r\nimport { getVehicles } from \"../Fordonskontroll/actions\";\r\n\r\nimport React, { Component} from \"react\";\r\nimport FormArbetsmiljo from \"./FormArbetsmiljo\";\r\nimport FormHotOchVald from \"./FormHotOchVald\";\r\nimport FormTrafikinformation from \"./FormTrafikinformation\";\r\nimport FormFordonsskada from \"./FormFordonsskada\";\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\nimport Button from \"components/CustomButtons/CustomButton\";\r\nimport Card from 'components/Card/Card.jsx';\r\nimport {\r\n Row,\r\n Col,\r\n } from \"react-bootstrap\";\r\n import {\r\n FormGroup,\r\n } from \"react-bootstrap\";\r\n import { appConfig } from \"config/appConfig\";\r\n\r\nclass FormH extends Component {\r\nconstructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n addNewMode: 0\r\n }\r\n}\r\n\r\ncomponentDidMount(){\r\n this.props.fetchFormOptions();\r\n if(!appConfig.disableFK) {\r\n this.props.getVehicles();\r\n }\r\n}\r\n\r\n\r\nswitchAddNewForm(mode) {\r\n switch (mode) {\r\n case 1:\r\n return \r\n\t\t\t\t\t\t
\r\n\t\t\t\t) : null}{\" \"}\r\n\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\tFoton
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t (this.fileInput = fileInput)} onChange={(event) => this.onFileUploadChange(event)} type=\"file\" className=\"hidden\" />\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{this.state.attachmentNames.map((item, key) => {\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t\t\t{decodeURI(item.shortName).replace(\"+\", \" \")}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t| Period | \r\nUtbetalningsdag | \r\n\r\n |
|---|---|---|
| {item.salaryPeriodName} | \r\n{item.salaryPeriodPaymentDate} | \r\n
\r\n \r\n : null\r\n } />\r\n } />\r\n \r\n
\r\n
);\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user,\r\n lonebesked: state.kontek.lonebesked,\r\n isLoadinglonebesked: state.kontek.isLoadinglonebesked,\r\n loadinglonebeskedFailed: state.kontek.loadinglonebeskedFailed,\r\n };\r\n }\r\nexport default connect(mapStateToProps, { getLonespec })(KontekOnlineLonebesked);\r\n","import React from \"react\";\r\nimport {\r\n FormGroup,\r\n ControlLabel,\r\n FormControl,\r\n HelpBlock,\r\n InputGroup\r\n} from \"react-bootstrap\";\r\n\r\nconst FormElement = ({\r\n name,\r\n label,\r\n placeholder,\r\n values,\r\n errors,\r\n touched,\r\n handleChange,\r\n handleBlur,\r\n readOnly,\r\n addonBefore\r\n}) => {\r\n const wrapInputGroup = () => {\r\n if (addonBefore) {\r\n return (\r\n \r\n {\r\n this.handleSubmitForm(values, setSubmitting, setStatus);\r\n }}\r\n >\r\n {({\r\n values,\r\n errors,\r\n touched,\r\n handleChange,\r\n handleBlur,\r\n handleSubmit,\r\n isSubmitting,\r\n isValid,\r\n status\r\n }) => (\r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport axios from \"axios\";\r\nimport { infraConfig } from \"config/infraConfig\";\r\nimport { getAxiosConfig } from \"system/axiosConfig\";\r\nimport { Button, Alert } from \"react-bootstrap\";\r\nimport UserPersonalDetailsForm from \"./UserPersonalDetailsForm\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\n\r\nexport default class UserPersonalDetails extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n userDetails: {\r\n firstName: \"\",\r\n lastName: \"\",\r\n email: \"\",\r\n address: \"\",\r\n zipCode: \"\",\r\n city: \"\",\r\n phoneNumber: \"\",\r\n relativeName: \"\",\r\n relativeRelation: \"\",\r\n relativePhone: \"\"\r\n },\r\n userDetailsLoaded: false,\r\n userDetailsLoadError: \"\",\r\n editIsActive: false,\r\n successfulUpdate: false\r\n };\r\n }\r\n\r\n loadUserDetails = () => {\r\n const user = this.props.user;\r\n axios\r\n .get(\r\n infraConfig.apiEndpoint.concat(\"/api/user/profile/details\"),\r\n getAxiosConfig(user)\r\n )\r\n .then(dataresult => {\r\n let userDetails = {\r\n firstName: dataresult.data.result.firstName,\r\n lastName: dataresult.data.result.lastName,\r\n email: dataresult.data.result.email,\r\n address: dataresult.data.result.address,\r\n zipCode: dataresult.data.result.zipCode,\r\n city: dataresult.data.result.city,\r\n phoneNumber: dataresult.data.result.phoneNumber,\r\n relativeName: dataresult.data.result.relativeName,\r\n relativeRelation: dataresult.data.result.relativeRelation,\r\n relativePhone: dataresult.data.result.relativePhone\r\n };\r\n this.setState({\r\n userDetails: userDetails,\r\n userDetailsLoaded: true\r\n });\r\n })\r\n .catch(error => {\r\n if (\r\n error &&\r\n error.response &&\r\n error.response.data &&\r\n error.response.data.errorMessage\r\n ) {\r\n this.setState({\r\n userDetailsLoadError: error.response.data.errorMessage\r\n });\r\n } else {\r\n this.setState({\r\n userDetailsLoadError:\r\n \"Ett oväntat fel uppstod vid laddning av användaruppgifter.\"\r\n });\r\n window.scrollTo({\r\n top: 0,\r\n behaviour: 'smooth'\r\n });\r\n }\r\n });\r\n };\r\n\r\n componentDidMount() {\r\n this.loadUserDetails();\r\n }\r\n\r\n render() {\r\n return (\r\n Ett fel uppstod
\r\n{this.state.userDetailsLoadError}
\r\n\r\n
Dina uppgifter är uppdaterade
\r\n- \r\n {arrayOrString.map((row, key) => {\r\n return (\r\n
- \r\n {row}\r\n \r\n );\r\n })}\r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user,\r\n userprofile: state.userprofile.userprofile\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(UserInfo);\r\n","import React from 'react';\r\nimport { downloadFile } from \"system/util\";\r\n\r\nclass AttachmentListItem extends React.Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n isDownloading: false\r\n }\r\n }\r\n\r\n renderIcon(extension) {\r\n\r\n return extension === \"pdf\" \r\n ? \r\n : extension === \"docx\" ? \r\n : \r\n }\r\n downloadAttachment(url) {\r\n \r\n console.log(url);\r\n downloadFile(url);\r\n\r\n // visa att vi försöker ladda ner\r\n this.setState({\r\n isDownloading: true\r\n\r\n }, () => {\r\n\r\n setTimeout(() => {\r\n this.setState({\r\n isDownloading: false\r\n });\r\n \r\n },3000);\r\n })\r\n\r\n }\r\n render() {\r\n return this.state.isDownloading \r\n ? \r\n
\r\n \r\n
\r\n {this.props.item.authorName}
\r\n\r\n \r\n
\r\n { this.state.isSaving \r\n ? Sparar..\r\n : {this.state.bodyText.length} / {maxLength}
\r\n\r\n \r\n {this.state.commentError}\r\n\r\n \r\n \r\n \r\n
\r\n }\r\n { this.state.savingFailed ? Ett fel inträffade när kommentaren skulle sparas : null}\r\n\r\n {this.props.item.authorName}
\r\n{this.state.bodyText}
\r\n{moment(this.props.item.createdDate).format(\"LLL\")}
\r\n {this.props.item.canEdit && !this.state.showDelete ? \r\n\r\n \r\n \r\n
: null }\r\n { this.state.showDelete ? \r\n
: null }\r\n \r\n Radera inlägget?
\r\n { this.state.isDeleting \r\n ?Raderar..
\r\n :\r\n \r\n \r\n
\r\n }\r\n \r\n {\r\n this.setState(prevState => ({\r\n collapsed: !prevState.collapsed\r\n }), () => {\r\n if (!this.state.collapsed) {\r\n //this.loadComments();\r\n }\r\n });\r\n\r\n\r\n }}>Kommentarer ({this.state.loadingComments \r\n ? \r\n : this.state.loadingCommentsFailed ? \r\n : this.state.comments.length}) {this.state.collapsed ? : }
\r\n\r\n { !this.state.collapsed ?- \r\n\r\n { this.state.loadingCommentsFailed ?
- Kommentarer kunde inte läsas in för tillfället. : null }\r\n\r\n { !this.state.loadingCommentsFailed && this.state.comments.map((comment, key) => {\r\n return
- \r\n \r\n\r\n \r\n { this.state.addingCommentFailed ? Ett fel inträffade när kommentaren skulle sparas : null}\r\n{this.state.newCommentBodyText.length} / {String(MAX_COMMENT_LENGTH)}\r\n \r\n {this.state.commentError}\r\n \r\n : null }\r\n \r\n\r\n
\r\n
;\r\n } \r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user\r\n };\r\n }\r\nexport default connect(mapStateToProps)(NewsItem);\r\n","import { connect } from \"react-redux\";\r\nimport { getRegionNews } from \"./actions\";\r\nimport NewsItem from \"./NewsItem\";\r\nimport { getClaimSingle } from \"system/security\";\r\nimport Button from \"components/CustomButtons/CustomButton\";\r\nimport React from 'react';\r\nimport Card from 'components/Card/Card';\r\n\r\nclass RegionNewsListView extends React.Component {\r\n constructor(props){\r\n super(props);\r\n \r\n this.state = {\r\n regionTitle: 'Region',\r\n page: 0,\r\n pages: [],\r\n totalRecords: 0\r\n }\r\n }\r\n \r\n componentDidMount() {\r\n\r\n this.props.getRegionNews(this.state.page);\r\n\r\n const intraCompanyArea = getClaimSingle(\"IntraCompanyArea\", this.props.userprofile);\r\n if (intraCompanyArea !== undefined && intraCompanyArea !== '')\r\n {\r\n this.setState({\r\n regionTitle: intraCompanyArea\r\n }); \r\n }\r\n\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n\r\n \r\n if (nextProps.region && nextProps.region.totalRecords !== prevState.totalRecords)\r\n {\r\n console.log('derived state', nextProps, prevState);\r\n\r\n var pages = [];\r\n for (var i = 0; i < Math.ceil(nextProps.region.totalRecords / 5); i++){\r\n pages.push(i);\r\n }\r\n return { \r\n totalRecords: nextProps.region.totalRecords,\r\n pages: pages,\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n scrollToTop = () => {\r\n window.scrollTo({\r\n top: 0\r\n });\r\n }\r\n \r\n render() {\r\n\r\n return {this.props.item.title}
\r\n \r\n { this.props.item.newsAttachments.length > 0 ? \r\n\r\n
\r\n : null}\r\n - \r\n
- Bifogade filer \r\n { this.props.item.newsAttachments.map((attachment, key) => {\r\n return
\r\n Publicerad {publishedString} av {this.props.item.authorName}\r\n
\r\n \r\n
\r\n \r\n { this.props.isLoadingRegion ? Laddar nyheter..: null }\r\n { this.props.region && !this.props.isLoadingRegion\r\n ? this.props.region.items.map((item,key) => {\r\n return
\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n userprofile: state.userprofile.userprofile,\r\n region: state.news.region,\r\n isLoadingRegion: state.news.isLoadingRegion,\r\n loadingRegionFailed: state.news.loadingRegionFailed,\r\n\r\n };\r\n }\r\nexport default connect(mapStateToProps, { getRegionNews })(RegionNewsListView);","import { connect } from \"react-redux\";\r\nimport { getKoncernNews } from \"./actions\";\r\nimport NewsItem from \"./NewsItem\";\r\nimport Button from \"components/CustomButtons/CustomButton\";\r\nimport React from 'react';\r\nimport Card from 'components/Card/Card';\r\n\r\nclass KoncernNewsListView extends React.Component {\r\n constructor(props){\r\n super(props);\r\n \r\n this.state = {\r\n page: 0,\r\n pages: [],\r\n totalRecords: 0\r\n }\r\n }\r\n \r\n componentDidMount() {\r\n\r\n this.props.getKoncernNews(this.state.page);\r\n\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n\r\n \r\n if (nextProps.koncern && nextProps.koncern.totalRecords !== prevState.totalRecords)\r\n {\r\n console.log('derived state', nextProps, prevState);\r\n\r\n var pages = [];\r\n for (var i = 0; i < Math.ceil(nextProps.koncern.totalRecords / 5); i++){\r\n pages.push(i);\r\n }\r\n return { \r\n totalRecords: nextProps.koncern.totalRecords,\r\n pages: pages,\r\n }\r\n }\r\n return null;\r\n }\r\n scrollToTop = () => {\r\n window.scrollTo({\r\n top: 0\r\n });\r\n }\r\n \r\n render() {\r\n\r\n return \r\n { this.state.pages.map((item, key) => {\r\n const buttonClass = item === this.state.page ? \"primary\" : \"default\";\r\n\r\n return \r\n })\r\n } \r\n
\r\n { this.props.isLoadingKoncern ? Laddar nyheter..: null }\r\n { this.props.koncern && !this.props.isLoadingKoncern\r\n ? this.props.koncern.items.map((item,key) => {\r\n return
\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n userprofile: state.userprofile.userprofile,\r\n koncern: state.news.koncern,\r\n isLoadingKoncern: state.news.isLoadingKoncern,\r\n loadingKoncernFailed: state.news.loadingKoncernFailed,\r\n\r\n };\r\n }\r\nexport default connect(mapStateToProps, { getKoncernNews })(KoncernNewsListView);","import { connect } from \"react-redux\";\r\nimport NewsItem from \"./NewsItem\";\r\nimport React from 'react';\r\nimport Card from 'components/Card/Card';\r\n\r\nimport axios from \"axios\";\r\nimport { infraConfig } from \"config/infraConfig\";\r\nimport { getAxiosConfig } from \"system/axiosConfig\";\r\n\r\nclass RegionNewsShowFull extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n this.state = {\r\n news: undefined,\r\n loading: false,\r\n loadingFailed: false\r\n }\r\n }\r\n\r\n componentDidMount() { \r\n\r\n this.setState({\r\n loading: true,\r\n loadingFailed: false,\r\n }, () => {\r\n axios.get(infraConfig.apiEndpoint.concat('/api/nyheter/getregion/').concat(this.props.params.newsId), getAxiosConfig(this.props.user))\r\n .then((dataResult) => {\r\n console.log(dataResult);\r\n \r\n this.setState({\r\n news: dataResult.data.result,\r\n loading: false,\r\n loadingFailed: false\r\n })\r\n })\r\n .catch((error) => { \r\n this.setState({\r\n loading: false,\r\n loadingFailed: true\r\n })\r\n });\r\n \r\n });\r\n\r\n }\r\n render() {\r\n\r\n return \r\n { this.state.pages.map((item, key) => {\r\n const buttonClass = item === this.state.page ? \"primary\" : \"default\";\r\n\r\n return \r\n })\r\n } \r\n
\r\n
\r\n \r\n }\r\n}\r\n\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user, \r\n };\r\n }\r\n \r\nexport default connect(mapStateToProps)(RegionNewsShowFull);\r\n","import { connect } from \"react-redux\";\r\nimport NewsItem from \"./NewsItem\";\r\nimport React from 'react';\r\nimport Card from 'components/Card/Card';\r\n\r\nimport axios from \"axios\";\r\nimport { infraConfig } from \"config/infraConfig\";\r\nimport { getAxiosConfig } from \"system/axiosConfig\";\r\n\r\nclass KoncernNewsShowFull extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n this.state = {\r\n news: undefined,\r\n loading: false,\r\n loadingFailed: false\r\n }\r\n }\r\n\r\n componentDidMount() { \r\n\r\n this.setState({\r\n loading: true,\r\n loadingFailed: false,\r\n }, () => {\r\n axios.get(infraConfig.apiEndpoint.concat('/api/nyheter/getkoncern/').concat(this.props.params.newsId), getAxiosConfig(this.props.user))\r\n .then((dataResult) => {\r\n console.log(dataResult);\r\n \r\n this.setState({\r\n news: dataResult.data.result,\r\n loading: false,\r\n loadingFailed: false\r\n })\r\n })\r\n .catch((error) => { \r\n this.setState({\r\n loading: false,\r\n loadingFailed: true\r\n })\r\n });\r\n \r\n });\r\n\r\n }\r\n render() {\r\n\r\n return \r\n
\r\n \r\n \r\n { this.state.loadingFailed ?
\r\n } />\r\n Ett fel inträffade
: null}\r\n { this.state.loading ?Laddar nyhet..
: null}\r\n { this.state.news ?\r\n
\r\n \r\n }\r\n}\r\n\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user, \r\n };\r\n }\r\n \r\nexport default connect(mapStateToProps)(KoncernNewsShowFull);\r\n","import React from 'react';\r\nimport { getIntyg, downloadIntyg } from \"./actions\";\r\nimport { connect } from \"react-redux\";\r\nimport Button from 'components/CustomButtons/CustomButton.jsx';\r\nclass ShowIntyg extends React.Component {\r\n handleSaveSubmit(test) {\r\n this.props.downloadIntyg(test);\r\n }\r\n render(){\r\n return (\r\n \r\n
\r\n \r\n \r\n { this.state.loadingFailed ?
\r\n } />\r\n Ett fel inträffade
: null}\r\n { this.state.loading ?Laddar nyhet..
: null}\r\n { this.state.news ?{item.linkFilename} |
\r\n \r\n \r\n \r\n Utbildningsort *\r\n \r\n {this.setState({utbildningsort: event.target.value});this.setState({ortError: ''});}}\r\n />\r\n {this.state.ortError}\r\n \r\n \r\n \r\n Datum för utbildningstillfälle *\r\n \r\n \r\n \r\n \r\n Jag tycker kursinnehållet var bra *\r\n \r\n
\r\n {this.setState({val1: event.target.value, val1Error: ''}); this.val1IsValid = true;}} inline name=\"Val1\">Håller inte alls med
\r\n {this.setState({val1: event.target.value, val1Error: ''}); this.val1IsValid = true;}} inline name=\"Val1\">Håller inte med
\r\n {this.setState({val1: event.target.value, val1Error: ''}); this.val1IsValid = true;}} inline name=\"Val1\">Neutral
\r\n {this.setState({val1: event.target.value, val1Error: ''}); this.val1IsValid = true;}} inline name=\"Val1\">Håller med
\r\n {this.setState({val1: event.target.value, val1Error: ''}); this.val1IsValid = true;}} inline name=\"Val1\">Håller helt med
\r\n {this.state.val1Error}\r\n \r\n \r\n \r\n Jag fick tillfälle att bidra/delta med mina egna synpunkter och erfarenheter *\r\n \r\n
\r\n {this.setState({val2: event.target.value, val2Error: ''});this.val2IsValid = true;}} inline name=\"Val2\">Håller inte alls med
\r\n {this.setState({val2: event.target.value, val2Error: ''});this.val2IsValid = true;}} inline name=\"Val2\">Håller inte med
\r\n {this.setState({val2: event.target.value, val2Error: ''});this.val2IsValid = true;}} inline name=\"Val2\">Neutral
\r\n {this.setState({val2: event.target.value, val2Error: ''});this.val2IsValid = true;}} inline name=\"Val2\">Håller med
\r\n {this.setState({val2: event.target.value, val2Error: ''});this.val2IsValid = true;}} inline name=\"Val2\">Håller helt med
\r\n {this.state.val2Error}\r\n \r\n \r\n \r\n Jag är nöjd med min egen insats under dagen *\r\n \r\n
\r\n {this.setState({val3: event.target.value, val3Error: ''});this.val3IsValid = true;}} inline name=\"Val3\">Håller inte alls med
\r\n {this.setState({val3: event.target.value, val3Error: ''});this.val3IsValid = true;}} inline name=\"Val3\">Håller inte med
\r\n {this.setState({val3: event.target.value, val3Error: ''});this.val3IsValid = true;}} inline name=\"Val3\">Neutral
\r\n {this.setState({val3: event.target.value, val3Error: ''});this.val3IsValid = true;}} inline name=\"Val3\">Håller med
\r\n {this.setState({val3: event.target.value, val3Error: ''});this.val3IsValid = true;}} inline name=\"Val3\">Håller helt med
\r\n {this.state.val3Error}\r\n \r\n \r\n \r\n Jag tycker att utbildningsledaren förmedlade innehållet på ett bra sätt *\r\n \r\n
\r\n {this.setState({val4: event.target.value, val4Error: ''});this.val4IsValid = true;}} inline name=\"Val4\">Håller inte alls med
\r\n {this.setState({val4: event.target.value, val4Error: ''});this.val4IsValid = true;}} inline name=\"Val4\">Håller inte med
\r\n {this.setState({val4: event.target.value, val4Error: ''});this.val4IsValid = true;}} inline name=\"Val4\">Neutral
\r\n {this.setState({val4: event.target.value, val4Error: ''});this.val4IsValid = true;}} inline name=\"Val4\">Håller med
\r\n {this.setState({val4: event.target.value, val4Error: ''});this.val4IsValid = true;}} inline name=\"Val4\">Håller helt med
\r\n {this.state.val4Error}\r\n \r\n \r\n \r\n Informationen inför dagarna var bra (kallelse/inbjudan med program) *\r\n \r\n
\r\n {this.setState({val5: event.target.value, val5Error: ''});this.val5IsValid = true;}} inline name=\"Val5\">Håller inte alls med
\r\n {this.setState({val5: event.target.value, val5Error: ''});this.val5IsValid = true;}} inline name=\"Val5\">Håller inte med
\r\n {this.setState({val5: event.target.value, val5Error: ''});this.val5IsValid = true;}} inline name=\"Val5\">Neutral
\r\n {this.setState({val5: event.target.value, val5Error: ''});this.val5IsValid = true;}} inline name=\"Val5\">Håller med
\r\n {this.setState({val5: event.target.value, val5Error: ''});this.val5IsValid = true;}} inline name=\"Val5\">Håller helt med
\r\n {this.state.val5Error}\r\n \r\n \r\n \r\n Jag känner mig mer rustad för mitt vardagliga arbete efter utbildningsdagen *\r\n \r\n
\r\n {this.setState({val6: event.target.value, val6Error: ''});this.val6IsValid = true;}} inline name=\"Val6\">Håller inte alls med
\r\n {this.setState({val6: event.target.value, val6Error: ''});this.val6IsValid = true;}} inline name=\"Val6\">Håller inte med
\r\n {this.setState({val6: event.target.value, val6Error: ''});this.val6IsValid = true;}} inline name=\"Val6\">Neutral
\r\n {this.setState({val6: event.target.value, val6Error: ''});this.val6IsValid = true;}} inline name=\"Val6\">Håller med
\r\n {this.setState({val6: event.target.value, val6Error: ''});this.val6IsValid = true;}} inline name=\"Val6\">Håller helt med
\r\n {this.state.val6Error}\r\n \r\n \r\n \r\n Jag tyckte att lokalen var bra och väl anpassad för den här typen av aktivitet *\r\n \r\n
\r\n {this.setState({val7: event.target.value, val7Error: ''});this.val7IsValid = true;}} inline name=\"Val7\">Håller inte alls med
\r\n {this.setState({val7: event.target.value, val7Error: ''});this.val7IsValid = true;}} inline name=\"Val7\">Håller inte med
\r\n {this.setState({val7: event.target.value, val7Error: ''});this.val7IsValid = true;}} inline name=\"Val7\">Neutral
\r\n {this.setState({val7: event.target.value, val7Error: ''});this.val7IsValid = true;}} inline name=\"Val7\">Håller med
\r\n {this.setState({val7: event.target.value, val7Error: ''});this.val7IsValid = true;}} inline name=\"Val7\">Håller helt med
\r\n {this.state.val7Error}\r\n \r\n \r\n \r\n Jag tyckte att maten var bra *\r\n \r\n
\r\n {this.setState({val8: event.target.value, val8Error: ''});this.val8IsValid = true;}} inline name=\"Val8\">Håller inte alls med
\r\n {this.setState({val8: event.target.value, val8Error: ''});this.val8IsValid = true;}} inline name=\"Val8\">Håller inte med
\r\n {this.setState({val8: event.target.value, val8Error: ''});this.val8IsValid = true;}} inline name=\"Val8\">Neutral
\r\n {this.setState({val8: event.target.value, val8Error: ''});this.val8IsValid = true;}} inline name=\"Val8\">Håller helt med
\r\n {this.setState({val8: event.target.value, val8Error: ''});this.val8IsValid = true;}} inline name=\"Val8\">Håller med
\r\n {this.state.val8Error}\r\n \r\n\r\n \r\n Om du har svarat \"Håller inte med/Håller inte alls med\" på någon av frågorna, är du välkommen att lämna dina synpunkter så vi kan förbättra vårt arbete\r\n \r\n {this.setState({synpunkter: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n\r\n \r\n Övrigt om dagen som helhet som jag gärna vill framföra\r\n \r\n {this.setState({ovrigt: event.target.value});}}\r\n name=\"ovrigtText\"\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\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user,\r\n };\r\n }\r\n\r\nexport default connect(mapStateToProps, { getUtvardering})(Utvardering);\r\n","import React from 'react';\r\nimport {Grid, Col, Row } from \"react-bootstrap\";\r\nimport Card from 'components/Card/Card.jsx';\r\nimport { getIntyg, getUtvardering } from \"./actions\";\r\nimport { connect } from \"react-redux\";\r\nimport ShowIntyg from \"./Showintyg\";\r\nimport Utvardering from \"./Utvardering\";\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\nclass Intyg extends React.Component {\r\n componentDidMount() {\r\nthis.props.getIntyg();\r\nthis.props.getUtvardering();\r\n }\r\n render(){\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.val1Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.val2Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.val3Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.val4Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.val5Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.val6Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.val7Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.val8Error}\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\nfunction mapStateToProps(state) {\r\n return {\r\n intyg: state.intyg.intyg,\r\n isLoadingintyg: state.intyg.isLoadingintyg,\r\n loadingintygFailed: state.intyg.loadingintygFailed,\r\n\r\n utvardering: state.utvardering.utvardering,\r\n isLoadingutvardering: state.utvardering.isLoadingutvardering,\r\n loadingutvarderingFailed: state.utvardering.loadingutvarderingFailed,\r\n\r\n\r\n };\r\n }\r\nexport default connect(mapStateToProps, { getIntyg, getUtvardering })(Intyg, Utvardering);\r\n","// formuläret från startsidan (genvägen) det förenklade\r\nimport { connect } from \"react-redux\";\r\nimport { fetchBolag } from \"system/actions/sharepointCommon.js\";\r\nimport { fetchForslag } from \"./actions\";\r\n\r\nimport axios from \"axios\";\r\nimport { infraConfig } from \"config/infraConfig\";\r\nimport { getAxiosConfig } from \"system/axiosConfig\";\r\n\r\nimport Button from \"components/CustomButtons/CustomButton.jsx\";\r\nimport React, { Component} from \"react\";\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\nimport {\r\n FormGroup,\r\n FormControl,\r\n ControlLabel\r\n } from \"react-bootstrap\";\r\n import moment from 'moment';\r\n import 'moment/locale/sv';\r\n \r\n\r\nclass ForslagForm extends Component {\r\n constructor(props){\r\n super(props);\r\n \r\n moment().locale('sv');\r\n this.state = this.getInititalState();\r\n\r\n \r\n this.handleFormSave = this.handleFormSave.bind(this);\r\n }\r\n getInititalState = () => {\r\n const initialState = {\r\n rubrik: '',\r\n rubrikIsValid: false,\r\n rubrikError: null,\r\n bolag: undefined,\r\n bolagError: null,\r\n bolagIsValid: false,\r\n beskrivning: '',\r\n beskrivningIsValid: false,\r\n beskrivningError: null,\r\n isLoadingAddForslag: false,\r\n addForslagResult: null\r\n\r\n }\r\n return initialState;\r\n }\r\n validateRubrik() {\r\n if (this.state.rubrik.length > 0)\r\n this.setState({ \r\n rubrikError: null,\r\n rubrikIsValid: true,\r\n });\r\n else \r\n this.setState({ \r\n rubrikError: 'Rubrik måste anges', \r\n rubrikIsValid: false,\r\n });\r\n }\r\n\r\n validateBolag() {\r\n console.log(this.state.bolag);\r\n if (this.state.bolag !== '' && this.state.bolag !== undefined)\r\n this.setState({ \r\n bolagError: null,\r\n bolagIsValid: true,\r\n });\r\n else \r\n this.setState({ \r\n bolagError: 'Bolag måste väljas', \r\n bolagIsValid: false,\r\n });\r\n }\r\n\r\n validateBeskrivning() {\r\n if (this.state.beskrivning.length > 0)\r\n this.setState({ \r\n beskrivningError: null,\r\n beskrivningIsValid: true,\r\n });\r\n else \r\n this.setState({ \r\n beskrivningError: 'Beskrivning måste anges', \r\n beskrivningIsValid: false,\r\n });\r\n }\r\n\r\n handleRubrikChange(event) { \r\n\r\n this.setState({\r\n rubrik: event.target.value\r\n }, () => {this.validateRubrik();});\r\n\r\n \r\n }\r\n\r\n handleBeskrivningChange(event) { \r\n\r\n this.setState({\r\n beskrivning: event.target.value\r\n }, () => {this.validateBeskrivning();});\r\n\r\n \r\n }\r\n\r\n handleBolagChange(event) { \r\n this.setState({ \r\n bolag: event.target.value\r\n }, () => {this.validateBolag();});\r\n\r\n }\r\n \r\n handleFormSave() {\r\n if (this.state.isLoadingAddForslag) // dubbelklick\r\n return false;\r\n\r\n\r\n this.validateRubrik();\r\n this.validateBolag();\r\n this.validateBeskrivning();\r\n\r\n if (this.state.rubrikIsValid\r\n && this.state.bolagIsValid\r\n && this.state.beskrivningIsValid)\r\n {\r\n var saveData = {\r\n Rubrik: this.state.rubrik,\r\n Bolag: this.state.bolag,\r\n Beskrivning: this.state.beskrivning\r\n };\r\n \r\n //console.log('to save', saveData);\r\n this.addForslag(saveData);\r\n\r\n } else {\r\n // console.log('spara validera icke', saveData);\r\n }\r\n\r\n \r\n }\r\n\r\n addForslag(forslag) {\r\n \r\n this.setState({\r\n isLoadingAddForslag: true,\r\n addForslagResult: null\r\n }, () => {\r\n\r\n axios.post(infraConfig.apiEndpoint.concat('/api/forslag/'), forslag, getAxiosConfig(this.props.user))\r\n .then((dataResult) => {\r\n // console.log('after send success', dataResult);\r\n \r\n this.resetForm();\r\n this.props.fetchForslag();\r\n\r\n })\r\n .catch((error) => { \r\n console.log('ERROR');\r\n });\r\n });\r\n\r\n\r\n }\r\n\r\n resetForm() {\r\n this.setState(this.getInititalState(), () => {\r\n this.setState({addForslagResult: true});\r\n });\r\n document.getElementById(\"create-forslag\").reset();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.fetchBolag();\r\n }\r\n loadingIcon() {\r\n if (this.props.isLoadingBolag ) {\r\n return ( Laddar formulär..
)\r\n } else {\r\n return (\r\n {this.props.loadingBolagFailed ?
)\r\n }\r\n }\r\n renderForm() {\r\n return (\r\n Kunde inte ladda formuläret.
: \r\n {this.renderForm()}
\r\n } { this.props.bolag.length > 0 ?
\r\n \r\n : null }
\r\n )\r\n }\r\n render() {\r\n return (this.loadingIcon())\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user,\r\n bolag: state.sharepoint.bolag,\r\n bolagTimestamp: state.sharepoint.bolagTimestamp,\r\n isLoadingBolag: state.sharepoint.isLoadingBolag,\r\n loadingBolagFailed: state.sharepoint.loadingBolagFailed,\r\n \r\n };\r\n }\r\n \r\n\r\nexport default connect(mapStateToProps, { fetchBolag, fetchForslag })(ForslagForm);\r\n","\r\nimport React, { Component} from \"react\";\r\nimport {Grid, Row, Col} from \"react-bootstrap\";\r\nimport Date from \"components/formatting/Date\";\r\nimport 'assets/css/detailcard.css';\r\n\r\nclass ForslagCard extends Component {\r\n\r\n componentDidMount() {\r\n }\r\n render() {\r\n return (\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
Datum
\r\n Status
\r\n {this.props.item.status}\r\n Skapad av
\r\n {this.props.item.skapadAv}\r\n Beskrivning
\r\n {this.props.item.beskrivning}\r\n Kommentarer
\r\n {this.props.item.kommentarer}\r\n Åtgärder
\r\n {this.props.item.atgarder}\r\n \r\n \r\n \r\n
\r\n \r\n this.handleClose()}>\r\n \r\n {this.state.atgardTitle} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
)\r\n }\r\n}\r\n\r\nexport default ForslagList;","import { connect } from \"react-redux\";\r\nimport { fetchForslag } from \"./actions\";\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\nimport Card from 'components/Card/Card.jsx';\r\nimport MobileDesktop from 'components/utils/MobileDesktop';\r\n\r\nimport ForslagForm from \"./ForslagForm\";\r\nimport ForslagCardList from \"./ForslagCardList\";\r\nimport ForslagList from \"./ForslagList\";\r\n\r\nimport React, { Component} from \"react\";\r\nimport {\r\n Grid,\r\n Row,\r\n Col,\r\n } from \"react-bootstrap\";\r\n import Button from \"components/CustomButtons/CustomButton\";\r\n \r\nclass Forslagslada extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = { showNewForm: false};\r\n }\r\n componentDidMount()\r\n {\r\n this.props.fetchForslag();\r\n }\r\n handleShowNewForm() {\r\n this.setState(prevState => ({\r\n showNewForm: !prevState.showNewForm\r\n }));\r\n\r\n }\r\n\r\n render() {\r\n return (| Rubrik | \r\nDatum | \r\nBeskrivning | \r\nSkapad Av | \r\nKommentarer | \r\nÅtgärder | \r\n
|---|---|---|---|---|---|
| \r\n {row.rubrik}\r\n | \r\n\r\n | \r\n {row.beskrivning} | \r\n{row.skapadAv} | \r\n{row.kommentarer !== null && row.kommentarer.length > 0 ? : null} | \r\n{row.atgarder !== null && row.atgarder.length > 0 ? : null} | \r\n
{this.state.atgardText}
\r\n\r\n
)\r\n } \r\n}\r\n\r\nexport default Busschaufforer;\r\n","import React from 'react';\r\n\r\nclass KommunikationsSamordnare extends React.Component {\r\n\r\n render() {\r\n return(Du råkar ut för olycka med personskador
\r\nLarma SOS 112 (hellre en gång för mycket än för lite)
\r\n\r\n Vart har olyckan skett
\r\n Vägnummer
\r\n Ort/plats
\r\n Vad har skett
\r\n Finns personskador
\r\n Finns risk att skadorna kan förvärras (brand explosion kläm)\r\n
Säkra platsen
\r\nSätt ut varningstriangel så att andra trafikanter ej förvärrar olyckan
\r\n\r\nVid behov inled akut räddningsarbete (ABC)
\r\nKolla om sjukvårdspersonal finns bland resenärerna
\r\n\r\nMeddela trafikledningen
\r\nTrafikledningen ombesörjer att Du får den hjälp som du behöver samt tillkallar ev reservfordon/förare mm
\r\n\r\nGe besked till resenärerna om vad som händer
\r\nAlla resenärer sitter kvar i bussen och vill få lägesinformation
\r\n\r\nPrata inte med tidningar, TV mm utan hänvisa till företagets trafikledning
\r\nSäg gärna att Ni inte orkar svara på frågor just nu, ett svar som brukar accepteras i ett krisläge.
\r\n\r\nOm skadan är lindrig och du ej är i behov av akut hjälp (inga passagerare), eller vid incident/tillbud
\r\nMeddela trafikledningen
\r\nRedogör för händelsen, ev förseningar, bussbyten m.m.
\r\n Dokumentera olycksplatsen ev skador med din mobilkamera\r\n
\r\n
)\r\n } \r\n}\r\n\r\nexport default KommunikationsSamordnare;\r\n","import React from 'react';\r\n\r\nclass Trafikledare extends React.Component {\r\n\r\n render() {\r\n return(1.\tProducera och distribuera information (se rutiner för kriskommunikation)
\r\n2.\tSäkerställ att intern och extern information samordnas/synkas
\r\n3.\tSäkerställ att krisgruppen beslutar om vem som informerar arbetsmiljöverket, Länsstyrelse, Kommunens ledning och övriga intressenter såsom Länstrafikbolag, Kollektivtrafikmyndigheter m.fl.
\r\n4.\tSe till att Intranätet uppdateras ofta och regelbundet
\r\n5.\tSe till att växeln får tillgång till all information som skickas ut
\r\n6.\tOmvärldsbevaka via alla kanaler och förse krisledaren med information
\r\n7.\tUtvärdera informationsbehovet utifrån varje situation och rekommendera insatser
\r\n8.\tVid behov/om nödvändigt, anordna pressträff:
\r\n- \r\n
- Se till att endast journalister deltar \r\n
- Undvik att hålla träffen i egna lokaler om möjligt (ingen logotyp i lokalen) \r\n
- Ta eventuellt in andra aktörer som medverkande, t ex räddningstjänst eller länsstyrelse \r\n
- Se till att pressmeddelande eller annan dokumentation kan delas ut till deltagarna \r\n
9.\tSveriges Radios trafik- och samhällsinformation, tel 020-999 444, kan snabbt informera om händelser som behöver komma till allmänhetens kännedom
\r\n10.\tVid större bussolycka meddela Sveriges Bussföretag om det inträffade samt vilka åtgärder som vidtagits. Fråga gärna om råd om fortsatt hantering av media. Det bistår i arbetet vid stora kriser och katastrofer
\r\n\r\n
)\r\n } \r\n}\r\n\r\nexport default Trafikledare;\r\n","import React from 'react';\r\n\r\nclass Krisledare extends React.Component {\r\n\r\n render() {\r\n return(1.\tKontrollera om larm har gått till räddningstjänsten
\r\n2.\tOavsett vad som har hänt är det viktigt att trafikledningen i första hand utgår från att föraren inte bör köra vidare. Även om t ex skolan i gärna vill att vi ska köra eleverna fram till skolan där deras krisgrupp tar vid så måste vi vara 100 % säkra på att den förare som ska fullfölja körningen är kapabel till detta och att det utifrån situation är lämpligt
\r\n3.\tVid trafikolycka/incident stäm av med myndighetsperson på plats om fordonet får flyttas, samt om det behöver vara tillgängligt på depå eller verkstad för ex teknisk undersökning i efterhand. Säkerställ alltid att polis gett klartecken till att fordonet får tas i trafik innan så görs
\r\n4.\tBe föraren att återigen kontrollera med resenärerna om det är någon som känner sig skadad på något sätt? Undvik bedömningsfrågor utan ställ i möjligaste mån frågor som besvaras med ”ja” eller ”nej”. Föraren kan vara skärrad eller chockad och därför göra oriktiga bedömningar
\r\n5.\tVilken information ska föraren ge till de resenärer som är kvar på platsen? Här är det viktigt att försöka gå ut med ett rakt besked t ex ”en ambulans är på väg för att ta hand om de skadade. Sitt lugnt kvar så kommer det att komma en ny buss och förare som kör er vidare”. Be sedan resenärer som vill något övrigt att kontakta bolaget senare
\r\n6.\tSkicka ut personal till platsen för ta hand om föraren och representera företaget gentemot passagerare och eventuell räddningspersonal
\r\n7.\tInformera krisgruppen. Vid en katastrof (se definition sid 3) ska bolags-vd/krisledaren även kalla samtliga ägare i Björks & Byberg till krismötet. I andra fall gör vd normalt bedömningen om händelsen är av den karaktären att ägarna behöver kallas, eller om det är tillräckligt att de informeras i efterhand. Vd eller dennes ställföreträdare är operativt ansvarig för händelser inom sitt område. Information till krisgruppen utförs via sms till samtliga gruppmedlemmar + aktuell trafikledning. Därefter ringer trafikledaren upp vd eller dennes ställföreträdare och meddelar:
\r\n- \r\n
- Vad som har hänt \r\n
- Plats för det inträffade \r\n
- Antal inblandade \r\n
- Vilka konsekvenser händelsen kan få \r\n
OBS! Tänk på att aldrig använda jourtelefonen vid telefonmöten mm. Den måste vara öppen för inkommande samtal.
\r\n\r\nFöretagets utsände på olycksplatsen (punkt 6 ovan)
\r\nDenne person fungerar som trafikledningens förlängda arm ute på platsen för händelsen. Så snart krisgruppen är aktiverad rapporterar personen direkt till krisledaren. Den utsände sköter allt av praktisk och lokal karaktär i samråd med berörda myndigheter på plats. Krisledaren tar alla större beslut samt hanterar media.
\r\nArbetsuppgifter företagets utsände:
\r\n- \r\n
- Bistå polis, räddningsledare och andra inblandade på plats \r\n
- Ombesörj eventuell hemtransport eller transport till samlingsplats för icke skadade, efter avstämning med polis och läkare på olycksplatsen \r\n
- Säkra tillsammans med räddningsledning att inblandade i olycka som sänds hem inte blir lämnade helt ensamma \r\n
- Se till att bagage och tillhörigheter blir omhändertagna efter att ha stämt av med polis och förvara bagaget på stöldsäker plats \r\n
- Stäm av med polis gällande den tekniska utrustningen ombord, får färdskrivardata kopieras, kan biljettmaskin plockas ur osv \r\n
- Ta fram namn på passagerarna, stäm av med polis \r\n
\r\n
)\r\n } \r\n}\r\n\r\nexport default Krisledare;\r\n","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport Busschaufforer from \"./CheckLists/Busschaufforer\";\r\nimport KommunikationSamordnare from \"./CheckLists/KommunikationSamordnare\";\r\nimport Trafikledare from \"./CheckLists/Trafikledare\";\r\nimport Krisledare from \"./CheckLists/Krisledare\";\r\nimport { getClaimArray } from \"system/security\";\r\n\r\nclass CheckList extends React.Component {\r\n \r\n renderChecklist(positions){\r\n \r\n\r\n // positions kan vara endera sträng eller sträng[]\r\n // update 20191214 positions hämtas nu som en array så vi kan TODO refactora denna kod att alltid kolla efter en array\r\n\r\n /* \r\n Om en person har flera befattningar så gäller denna rangordning (alltså om en person är både VD och bussförare så ska till exempel bara krisledarechecklistan visas):\r\n Krisledare -> Kommunikationssamordnare -> Trafikledare -> Busschaufförer.\r\n\r\n Krisledare:\r\n - VD\r\n - Regionchef\r\n Kommunikation:\r\n - Samordnare PR- och marknadskommunikation\r\n - HR-chef\r\n Trafikledare\r\n - Områdeschef\r\n - Trafikledare\r\n - Driftledare\r\n Busschauför:\r\n - Bussförare\r\n\r\n // ytterligare bussförare\r\n Fordonstekniker\r\n Verkstadsansvarig\r\n Ekonom\r\n Ekonomiassistent\r\n Fastighetsansvarig\r\n Extern\r\n Förstemekaniker\r\n Löneadministratör\r\n Lönespecialist\r\n */\r\n\r\n // console.log('is array', Array.isArray(positions));\r\n\r\n if (Array.isArray(positions)) {\r\n if ((positions.indexOf(\"VD\") > -1) || (positions.indexOf(\"Regionchef\") > -1)) {\r\n return 1.\tStäm av händelsen med trafikledaren och gå igenom checklista för trafikledare för att ta reda på vad som har hänt är vilka åtgärder som är gjorda hittills. Låt därefter trafikledaren lösa det praktiska med ersättningsfordon, ny förare eller liknande (beroende på händelse)
\r\n2.\tSammankalla krisgruppen så snart som möjligt för en första avstämning på telefon, om detta inte redan är gjort av trafik-/driftledare eller jour. Kallelse skickas ut på sms med text:
\r\n- \r\n
- Kallelse till krisgruppsmöte \r\n
- klockslag för mötet \r\n
- telefonnummer och möteskod \r\n
3.\tFörsta mötet: Börja med att strukturera upp vad som inträffat och se till att hela gruppen har en enhetlig bild av situationen
\r\nFördela följande roller och arbetsuppgifter (en person kan tilldelas flera roller);
\r\n- \r\n
- Krisledare och biträdande krisledare \r\n
- Presstalesperson (normalt krisledaren) \r\n
- Kommunikationssamordnare (se rutiner för kriskommunikation) \r\n
- Inhämta information om föraren (ålder, arbetsmängd dagarna före händelsen, ev sjukdomshistorik m.m. som kan vara relevant) \r\n
- Inhämta information om fordonet (däck, alkolås, service, rapporterade fel m.m. som kan vara relevant) \r\n
- Sekreterare för mötet (för protokoll över rollfördelning, beslut m.m.) \r\n
4.\tSe till att trafikledningen/växel öppnas/bemannas (om det är utanför kontorstid) och informera om vem som är företagets talesperson (namn och kontaktuppgifter)
\r\n5.\tSäkerställ att kundkontakter hanteras, prioriteras och sköts korrekt, oavsett om det är via telefon, e-post eller sociala medier
\r\n6.\tSäkerställ att medarbetare, uppdragsgivare och media informeras enligt bifogade kriskommunikationsrutiner
\r\n7.\tSkaffa kommunikationsvägar in till räddningstjänst, polis, sjukhus m.m.
\r\n8.\tBestäm vem som tar hand om praktiska kontakter (fack, arbetsmiljöverket, försäkringsbolag, kunder, skola)
\r\n9.\tBestäm vilka som ska besöka eventuella skadade på sjukhus
\r\n10.\tVid medarbetares dödfall, följ separat checklista
\r\n11.\tKalla vid behov till informationsmöte på arbetsplatsen samma dag. Se till att de medarbetare som vill ha hjälp och stöd får den hjälp de behöver.
\r\n12.\tÅtersamla krisgruppen en gång i timmen, oftare vid behov, under den akuta fasen
\r\n13.\tUtvärdera kontinuerligt att arbetet fungerar tillfredsställande. Klarar varje ansvarig av sina områden eller behöver man hjälp i denna situation?
\r\n14.\tUndersök om medarbetare måste avlösas under dagen för att få möjlighet till samtal. Gäller såväl trafikledning som medlemmar i krisgruppen. Säg ifrån om du själv behöver en paus och delegera arbetet till din biträdande krisledare
\r\n15.\tTag tidigt kontakt med övriga som berörts av olyckan och boka eventuella möten
\r\n16.\tNär den akuta fasen är över är det viktigt att prioritera efterarbetet. Se sidan 5 i Krishanteringsplanen.
\r\n{this.renderChecklist(getClaimArray(\"IntraPosition\", this.props.userprofile))}
\r\n );\r\n }\r\n}\r\n\r\n\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n userprofile: state.userprofile.userprofile,\r\n user: state.oidc.user\r\n };\r\n }\r\n \r\n export default connect(mapStateToProps)(CheckList);","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { fetchDocumentsByCompanyArea,downloadDocumentFileByCompanyArea } from \"./actions\";\r\nimport Button from 'components/CustomButtons/CustomButton.jsx';\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\n\r\nclass DocumentList extends React.Component {\r\n\r\n constructor(props){\r\n super(props);\r\n\r\n this.handleDownloadFile.bind(this);\r\n }\r\n componentDidMount() {\r\n this.props.fetchDocumentsByCompanyArea();\r\n }\r\n\r\n handleDownloadFile(filename) {\r\n this.props.downloadDocumentFileByCompanyArea(filename);\r\n }\r\n\r\n render(){ \r\n return (Kontaktinformation närmsta chef
\r\n{this.props.bossInfo.firstname} {this.props.bossInfo.lastname}
\r\n{this.props.bossInfo.telephoneNumber}
\r\n{this.props.bossInfo.mobileNumber}
\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\nfunction mapStateToProps(state) {\r\n return {\r\n bossInfo: state.krishantering.bossInfo,\r\n bossInfoTimestamp: state.krishantering.bossInfoTimestamp,\r\n isLoadingBossInfo: state.krishantering.isLoadingBossInfo,\r\n loadingBossInfoFailed: state.krishantering.loadingBossInfoFailed\r\n };\r\n }\r\n \r\n export default connect(mapStateToProps, { fetchBossInfo })(BossInfo);","import React from 'react';\r\nimport { Grid, Row, Col} from 'react-bootstrap';\r\nimport Card from 'components/Card/Card.jsx';\r\nimport CheckList from './CheckList';\r\nimport DocumentList from './DocumentList';\r\nimport BossInfo from './BossInfo';\r\n\r\nclass Krishantering extends React.Component {\r\n render(){ \r\n return (\r\n \r\n \r\n
\r\n\r\n \r\n Jag har den utrustning jag behöver för att utföra mitt arbete *\r\n \r\n
\r\n {this.setState({arbetsmiljo1: event.target.value, arbetsmiljo1Error: ''}); this.arbetsmiljo1IsValid = true;}} inline name=\"arbetsmiljo1\">4) Håller helt med
\r\n {this.setState({arbetsmiljo1: event.target.value, arbetsmiljo1Error: ''}); this.arbetsmiljo1IsValid = true;}} inline name=\"arbetsmiljo1\">3) Håller med till viss del
\r\n {this.setState({arbetsmiljo1: event.target.value, arbetsmiljo1Error: ''}); this.arbetsmiljo1IsValid = true;}} inline name=\"arbetsmiljo1\">2) Håller inte med
\r\n {this.setState({arbetsmiljo1: event.target.value, arbetsmiljo1Error: ''}); this.arbetsmiljo1IsValid = true;}} inline name=\"arbetsmiljo1\">1) Håller inte alls med
\r\n {this.state.arbetsmiljo1Error}\r\n \r\n
\r\n\r\n \r\n Jag känner mig trygg på min arbetsplats *\r\n \r\n
\r\n {this.setState({arbetsmiljo4: event.target.value, arbetsmiljo4Error: ''}); this.arbetsmiljo4IsValid = true;}} inline name=\"arbetsmiljo4\">4) Håller helt med
\r\n {this.setState({arbetsmiljo4: event.target.value, arbetsmiljo4Error: ''}); this.arbetsmiljo4IsValid = true;}} inline name=\"arbetsmiljo4\">3) Håller med till viss del
\r\n {this.setState({arbetsmiljo4: event.target.value, arbetsmiljo4Error: ''}); this.arbetsmiljo4IsValid = true;}} inline name=\"arbetsmiljo4\">2) Håller inte med
\r\n {this.setState({arbetsmiljo4: event.target.value, arbetsmiljo4Error: ''}); this.arbetsmiljo4IsValid = true;}} inline name=\"arbetsmiljo4\">1) Håller inte alls med
\r\n {this.state.arbetsmiljo4Error}\r\n \r\n
\r\n\r\n \r\n På min arbetsplats bedrivs ett förebyggande arbete för att förhindra olycksfall och ohälsa *\r\n \r\n
\r\n {this.setState({arbetsmiljo5: event.target.value, arbetsmiljo5Error: ''}); this.arbetsmiljo5IsValid = true;}} inline name=\"arbetsmiljo5\">4) Håller helt med
\r\n {this.setState({arbetsmiljo5: event.target.value, arbetsmiljo5Error: ''}); this.arbetsmiljo5IsValid = true;}} inline name=\"arbetsmiljo5\">3) Håller med till viss del
\r\n {this.setState({arbetsmiljo5: event.target.value, arbetsmiljo5Error: ''}); this.arbetsmiljo5IsValid = true;}} inline name=\"arbetsmiljo5\">2) Håller inte med
\r\n {this.setState({arbetsmiljo5: event.target.value, arbetsmiljo5Error: ''}); this.arbetsmiljo5IsValid = true;}} inline name=\"arbetsmiljo5\">1) Håller inte alls med
\r\n {this.state.arbetsmiljo5Error}\r\n \r\n
\r\n\r\n \r\n Det hålls ordning och reda i personalutrymmen och allmänna utrymmen *\r\n \r\n
\r\n {this.setState({arbetsmiljo6: event.target.value, arbetsmiljo6Error: ''}); this.arbetsmiljo6IsValid = true;}} inline name=\"arbetsmiljo6\">4) Håller helt med
\r\n {this.setState({arbetsmiljo6: event.target.value, arbetsmiljo6Error: ''}); this.arbetsmiljo6IsValid = true;}} inline name=\"arbetsmiljo6\">3) Håller med till viss del
\r\n {this.setState({arbetsmiljo6: event.target.value, arbetsmiljo6Error: ''}); this.arbetsmiljo6IsValid = true;}} inline name=\"arbetsmiljo6\">2) Håller inte med
\r\n {this.setState({arbetsmiljo6: event.target.value, arbetsmiljo6Error: ''}); this.arbetsmiljo6IsValid = true;}} inline name=\"arbetsmiljo6\">1) Håller inte alls med
\r\n {this.state.arbetsmiljo6Error}\r\n \r\n
\r\n\r\n \r\n Totalt sett är jag nöjd med arbetsmiljön på min arbetsplats *\r\n \r\n
\r\n {this.setState({arbetsmiljo7: event.target.value, arbetsmiljo7Error: ''}); this.arbetsmiljo7IsValid = true;}} inline name=\"arbetsmiljo7\">4) Håller helt med
\r\n {this.setState({arbetsmiljo7: event.target.value, arbetsmiljo7Error: ''}); this.arbetsmiljo7IsValid = true;}} inline name=\"arbetsmiljo7\">3) Håller med till viss del
\r\n {this.setState({arbetsmiljo7: event.target.value, arbetsmiljo7Error: ''}); this.arbetsmiljo7IsValid = true;}} inline name=\"arbetsmiljo7\">2) Håller inte med
\r\n {this.setState({arbetsmiljo7: event.target.value, arbetsmiljo7Error: ''}); this.arbetsmiljo7IsValid = true;}} inline name=\"arbetsmiljo7\">1) Håller inte alls med
\r\n {this.state.arbetsmiljo7Error}\r\n \r\n
\r\n\r\n \r\n Jag upplever att arbetsmiljön på min arbetsplats har förbättrats en del under det senaste året *\r\n \r\n
\r\n {this.setState({arbetsmiljo8: event.target.value, arbetsmiljo8Error: ''}); this.arbetsmiljo8IsValid = true;}} inline name=\"arbetsmiljo8\">JA
\r\n {this.setState({arbetsmiljo8: event.target.value, arbetsmiljo8Error: ''}); this.arbetsmiljo8IsValid = true;}} inline name=\"arbetsmiljo8\">NEJ
\r\n {this.setState({arbetsmiljo8: event.target.value, arbetsmiljo8Error: ''}); this.arbetsmiljo8IsValid = true;}} inline name=\"arbetsmiljo8\">OFÖRÄNDRAT
\r\n {this.setState({arbetsmiljo8: event.target.value, arbetsmiljo8Error: ''}); this.arbetsmiljo8IsValid = true;}} inline name=\"arbetsmiljo8\">VET EJ
\r\n {this.state.arbetsmiljo8Error}\r\n \r\n
\r\n\r\n \r\n Förslag på åtgärder hur arbetsmiljön på min arbetsplats kan förbättras:\r\n \r\n {this.setState({arbetsmiljo9: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n
\r\n\r\n \r\n Jag känner förtroende för mina arbetskamrater *\r\n \r\n
\r\n {this.setState({arbetstriv3: event.target.value, arbetstriv3Error: ''}); this.arbetstriv3IsValid = true;}} inline name=\"arbetstriv3\">4) Håller helt med
\r\n {this.setState({arbetstriv3: event.target.value, arbetstriv3Error: ''}); this.arbetstriv3IsValid = true;}} inline name=\"arbetstriv3\">3) Håller med till viss del
\r\n {this.setState({arbetstriv3: event.target.value, arbetstriv3Error: ''}); this.arbetstriv3IsValid = true;}} inline name=\"arbetstriv3\">2) Håller inte med
\r\n {this.setState({arbetstriv3: event.target.value, arbetstriv3Error: ''}); this.arbetstriv3IsValid = true;}} inline name=\"arbetstriv3\">1) Håller inte alls med
\r\n {this.state.arbetstriv3Error}\r\n \r\n
\r\n\r\n \r\n När jag berättar om mitt jobb för min familj/mina vänner är jag oftast positiv *\r\n \r\n
\r\n {this.setState({arbetstriv4: event.target.value, arbetstriv4Error: ''}); this.arbetstriv4IsValid = true;}} inline name=\"arbetstriv4\">4) Håller helt med
\r\n {this.setState({arbetstriv4: event.target.value, arbetstriv4Error: ''}); this.arbetstriv4IsValid = true;}} inline name=\"arbetstriv4\">3) Håller med till viss del
\r\n {this.setState({arbetstriv4: event.target.value, arbetstriv4Error: ''}); this.arbetstriv4IsValid = true;}} inline name=\"arbetstriv4\">2) Håller inte med
\r\n {this.setState({arbetstriv4: event.target.value, arbetstriv4Error: ''}); this.arbetstriv4IsValid = true;}} inline name=\"arbetstriv4\">1) Håller inte alls med
\r\n {this.state.arbetstriv4Error}\r\n \r\n
\r\n\r\n \r\n Totalt sett trivs jag bra på arbetsplatsen och med mina arbetskamrater *\r\n \r\n
\r\n {this.setState({arbetstriv5: event.target.value, arbetstriv5Error: ''}); this.arbetstriv5IsValid = true;}} inline name=\"arbetstriv5\">4) Håller helt med
\r\n {this.setState({arbetstriv5: event.target.value, arbetstriv5Error: ''}); this.arbetstriv5IsValid = true;}} inline name=\"arbetstriv5\">3) Håller med till viss del
\r\n {this.setState({arbetstriv5: event.target.value, arbetstriv5Error: ''}); this.arbetstriv5IsValid = true;}} inline name=\"arbetstriv5\">2) Håller inte med
\r\n {this.setState({arbetstriv5: event.target.value, arbetstriv5Error: ''}); this.arbetstriv5IsValid = true;}} inline name=\"arbetstriv5\">1) Håller inte alls med
\r\n {this.state.arbetstriv5Error}\r\n \r\n
\r\n\r\n \r\n Jag upplever att trivseln på arbetsplatsen totalt sett har blivit bättre under det senaste året *\r\n \r\n
\r\n {this.setState({arbetstriv6: event.target.value, arbetstriv6Error: ''}); this.arbetstriv6IsValid = true;}} inline name=\"arbetstriv6\">JA
\r\n {this.setState({arbetstriv6: event.target.value, arbetstriv6Error: ''}); this.arbetstriv6IsValid = true;}} inline name=\"arbetstriv6\">NEJ
\r\n {this.setState({arbetstriv6: event.target.value, arbetstriv6Error: ''}); this.arbetstriv6IsValid = true;}} inline name=\"arbetstriv6\">OFÖRÄNDRAT
\r\n {this.setState({arbetstriv6: event.target.value, arbetstriv6Error: ''}); this.arbetstriv6IsValid = true;}} inline name=\"arbetstriv6\">VET EJ
\r\n {this.state.arbetstriv6Error}\r\n \r\n
\r\n\r\n \r\n Förslag på åtgärder för hur trivseln kollegor emellan kan förbättras på arbetsplatsen:\r\n \r\n {this.setState({arbetstriv7: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n
\r\n\r\n \r\n Jag är i stora drag nöjd med min närmsta chef *\r\n \r\n
\r\n {this.setState({ledarskapet4: event.target.value, ledarskapet4Error: ''}); this.ledarskapet4IsValid = true;}} inline name=\"ledarskapet4\">4) Håller helt med
\r\n {this.setState({ledarskapet4: event.target.value, ledarskapet4Error: ''}); this.ledarskapet4IsValid = true;}} inline name=\"ledarskapet4\">3) Håller med till viss del
\r\n {this.setState({ledarskapet4: event.target.value, ledarskapet4Error: ''}); this.ledarskapet4IsValid = true;}} inline name=\"ledarskapet4\">2) Håller inte med
\r\n {this.setState({ledarskapet4: event.target.value, ledarskapet4Error: ''}); this.ledarskapet4IsValid = true;}} inline name=\"ledarskapet4\">1) Håller inte alls med
\r\n {this.state.ledarskapet4Error}\r\n \r\n
\r\n\r\n \r\n Jag har förtroende för företagets VD *\r\n \r\n
\r\n {this.setState({ledarskapet5: event.target.value, ledarskapet5Error: ''}); this.ledarskapet5IsValid = true;}} inline name=\"ledarskapet5\">4) Håller helt med
\r\n {this.setState({ledarskapet5: event.target.value, ledarskapet5Error: ''}); this.ledarskapet5IsValid = true;}} inline name=\"ledarskapet5\">3) Håller med till viss del
\r\n {this.setState({ledarskapet5: event.target.value, ledarskapet5Error: ''}); this.ledarskapet5IsValid = true;}} inline name=\"ledarskapet5\">2) Håller inte med
\r\n {this.setState({ledarskapet5: event.target.value, ledarskapet5Error: ''}); this.ledarskapet5IsValid = true;}} inline name=\"ledarskapet5\">1) Håller inte alls med
\r\n {this.state.ledarskapet5Error}\r\n \r\n
\r\n\r\n \r\n Jag tycker att ledarskapet i mitt företag är bra totalt sett *\r\n \r\n
\r\n {this.setState({ledarskapet6: event.target.value, ledarskapet6Error: ''}); this.ledarskapet6IsValid = true;}} inline name=\"ledarskapet6\">4) Håller helt med
\r\n {this.setState({ledarskapet6: event.target.value, ledarskapet6Error: ''}); this.ledarskapet6IsValid = true;}} inline name=\"ledarskapet6\">3) Håller med till viss del
\r\n {this.setState({ledarskapet6: event.target.value, ledarskapet6Error: ''}); this.ledarskapet6IsValid = true;}} inline name=\"ledarskapet6\">2) Håller inte med
\r\n {this.setState({ledarskapet6: event.target.value, ledarskapet6Error: ''}); this.ledarskapet6IsValid = true;}} inline name=\"ledarskapet6\">1) Håller inte alls med
\r\n {this.state.ledarskapet6Error}\r\n \r\n
\r\n\r\n \r\n Jag upplever att ledarskapet i företaget har förbättrats under det senaste året *\r\n \r\n
\r\n {this.setState({ledarskapet7: event.target.value, ledarskapet7Error: ''}); this.ledarskapet7IsValid = true;}} inline name=\"ledarskapet7\">JA
\r\n {this.setState({ledarskapet7: event.target.value, ledarskapet7Error: ''}); this.ledarskapet7IsValid = true;}} inline name=\"ledarskapet7\">NEJ
\r\n {this.setState({ledarskapet7: event.target.value, ledarskapet7Error: ''}); this.ledarskapet7IsValid = true;}} inline name=\"ledarskapet7\">OFÖRÄNDRAT
\r\n {this.setState({ledarskapet7: event.target.value, ledarskapet7Error: ''}); this.ledarskapet7IsValid = true;}} inline name=\"ledarskapet7\">VET EJ
\r\n {this.state.ledarskapet7Error}\r\n \r\n
\r\n\r\n \r\n Förslag på hur ledarskapet kan förbättras:\r\n \r\n {this.setState({ledarskapet8: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n
\r\n\r\n \r\n Jag har god kännedom om vilka arbetsuppgifter jag förväntas göra *\r\n \r\n
\r\n {this.setState({arbetsuppgifter1: event.target.value, arbetsuppgifter1Error: ''}); this.arbetsuppgifter1IsValid = true;}} inline name=\"arbetsuppgifter1\">4) Håller helt med
\r\n {this.setState({arbetsuppgifter1: event.target.value, arbetsuppgifter1Error: ''}); this.arbetsuppgifter1IsValid = true;}} inline name=\"arbetsuppgifter1\">3) Håller med till viss del
\r\n {this.setState({arbetsuppgifter1: event.target.value, arbetsuppgifter1Error: ''}); this.arbetsuppgifter1IsValid = true;}} inline name=\"arbetsuppgifter1\">2) Håller inte med
\r\n {this.setState({arbetsuppgifter1: event.target.value, arbetsuppgifter1Error: ''}); this.arbetsuppgifter1IsValid = true;}} inline name=\"arbetsuppgifter1\">1) Håller inte alls med
\r\n {this.state.arbetsuppgifter1Error}\r\n \r\n
\r\n\r\n \r\n Jag känner ansvar för mitt arbetsområde och mina arbetsuppgifter *\r\n \r\n
\r\n {this.setState({arbetsuppgifter4: event.target.value, arbetsuppgifter4Error: ''}); this.arbetsuppgifter4IsValid = true;}} inline name=\"arbetsuppgifter4\">4) Håller helt med
\r\n {this.setState({arbetsuppgifter4: event.target.value, arbetsuppgifter4Error: ''}); this.arbetsuppgifter4IsValid = true;}} inline name=\"arbetsuppgifter4\">3) Håller med till viss del
\r\n {this.setState({arbetsuppgifter4: event.target.value, arbetsuppgifter4Error: ''}); this.arbetsuppgifter4IsValid = true;}} inline name=\"arbetsuppgifter4\">2) Håller inte med
\r\n {this.setState({arbetsuppgifter4: event.target.value, arbetsuppgifter4Error: ''}); this.arbetsuppgifter4IsValid = true;}} inline name=\"arbetsuppgifter4\">1) Håller inte alls med
\r\n {this.state.arbetsuppgifter4Error}\r\n \r\n
\r\n\r\n \r\n Totalt sett trivs jag bra med mina arbetsuppgifter *\r\n \r\n
\r\n {this.setState({arbetsuppgifter5: event.target.value, arbetsuppgifter5Error: ''}); this.arbetsuppgifter5IsValid = true;}} inline name=\"arbetsuppgifter5\">4) Håller helt med
\r\n {this.setState({arbetsuppgifter5: event.target.value, arbetsuppgifter5Error: ''}); this.arbetsuppgifter5IsValid = true;}} inline name=\"arbetsuppgifter5\">3) Håller med till viss del
\r\n {this.setState({arbetsuppgifter5: event.target.value, arbetsuppgifter5Error: ''}); this.arbetsuppgifter5IsValid = true;}} inline name=\"arbetsuppgifter5\">2) Håller inte med
\r\n {this.setState({arbetsuppgifter5: event.target.value, arbetsuppgifter5Error: ''}); this.arbetsuppgifter5IsValid = true;}} inline name=\"arbetsuppgifter5\">1) Håller inte alls med
\r\n {this.state.arbetsuppgifter5Error}\r\n \r\n
\r\n\r\n \r\n Förslag på åtgärder för hur mina arbetsuppgifter kan förbättras:\r\n \r\n {this.setState({arbetsuppgifter6: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n
\r\n\r\n \r\n Jag tycker att Min Sida innehåller relevant information *\r\n \r\n
\r\n {this.setState({information6: event.target.value, information6Error: ''}); this.information6IsValid = true;}} inline name=\"information6\">4) Håller helt med
\r\n {this.setState({information6: event.target.value, information6Error: ''}); this.information6IsValid = true;}} inline name=\"information6\">3) Håller med till viss del
\r\n {this.setState({information6: event.target.value, information6Error: ''}); this.information6IsValid = true;}} inline name=\"information6\">2) Håller inte med
\r\n {this.setState({information6: event.target.value, information6Error: ''}); this.information6IsValid = true;}} inline name=\"information6\">1) Håller inte alls med
\r\n {this.state.information6Error}\r\n \r\n
\r\n\r\n \r\n Jag tycker att våra arbetsplatsträffar (APT) är givande *\r\n \r\n
\r\n {this.setState({information7: event.target.value, information7Error: ''}); this.information7IsValid = true;}} inline name=\"information7\">4) Håller helt med
\r\n {this.setState({information7: event.target.value, information7Error: ''}); this.information7IsValid = true;}} inline name=\"information7\">3) Håller med till viss del
\r\n {this.setState({information7: event.target.value, information7Error: ''}); this.information7IsValid = true;}} inline name=\"information7\">2) Håller inte med
\r\n {this.setState({information7: event.target.value, information7Error: ''}); this.information7IsValid = true;}} inline name=\"information7\">1) Håller inte alls med
\r\n {this.state.information7Error}\r\n \r\n
\r\n\r\n \r\n Jag kan i generella drag redogöra för företagets övergripande mål och vision *\r\n \r\n
\r\n {this.setState({information3: event.target.value, information3Error: ''}); this.information3IsValid = true;}} inline name=\"information3\">4) Håller helt med
\r\n {this.setState({information3: event.target.value, information3Error: ''}); this.information3IsValid = true;}} inline name=\"information3\">3) Håller med till viss del
\r\n {this.setState({information3: event.target.value, information3Error: ''}); this.information3IsValid = true;}} inline name=\"information3\">2) Håller inte med
\r\n {this.setState({information3: event.target.value, information3Error: ''}); this.information3IsValid = true;}} inline name=\"information3\">1) Håller inte alls med
\r\n {this.state.information3Error}\r\n \r\n
\r\n\r\n \r\n Jag tycker att informationen inom företaget har blivit bättre totalt sett under det senaste året *\r\n \r\n
\r\n {this.setState({information4: event.target.value, information4Error: ''}); this.information4IsValid = true;}} inline name=\"information4\">JA
\r\n {this.setState({information4: event.target.value, information4Error: ''}); this.information4IsValid = true;}} inline name=\"information4\">NEJ
\r\n {this.setState({information4: event.target.value, information4Error: ''}); this.information4IsValid = true;}} inline name=\"information4\">OFÖRÄNDRAT
\r\n {this.setState({information4: event.target.value, information4Error: ''}); this.information4IsValid = true;}} inline name=\"information4\">VET EJ
\r\n {this.state.information4Error}\r\n \r\n
\r\n\r\n \r\n Förslag på åtgärder för hur informationen kan förbättras:\r\n \r\n {this.setState({information5: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n
\r\n\r\n \r\n Jag känner till våra kommersiella resor (tex programresor, konsert, teater, shopping, spa och kryssningar) och kan översikligt berätta om dem för kunder, vänner och bekanta *\r\n \r\n
\r\n {this.setState({kunder1: event.target.value, kunder1Error: ''}); this.kunder1IsValid = true;}} inline name=\"kunder1\">4) Håller helt med
\r\n {this.setState({kunder1: event.target.value, kunder1Error: ''}); this.kunder1IsValid = true;}} inline name=\"kunder1\">3) Håller med till viss del
\r\n {this.setState({kunder1: event.target.value, kunder1Error: ''}); this.kunder1IsValid = true;}} inline name=\"kunder1\">2) Håller inte med
\r\n {this.setState({kunder1: event.target.value, kunder1Error: ''}); this.kunder1IsValid = true;}} inline name=\"kunder1\">1) Håller inte alls med
\r\n {this.state.kunder1Error}\r\n \r\n
\r\n\r\n \r\n Jag känner till våra kunders önskemål och förväntningar *\r\n \r\n
\r\n {this.setState({kunder2: event.target.value, kunder2Error: ''}); this.kunder2IsValid = true;}} inline name=\"kunder2\">4) Håller helt med
\r\n {this.setState({kunder2: event.target.value, kunder2Error: ''}); this.kunder2IsValid = true;}} inline name=\"kunder2\">3) Håller med till viss del
\r\n {this.setState({kunder2: event.target.value, kunder2Error: ''}); this.kunder2IsValid = true;}} inline name=\"kunder2\">2) Håller inte med
\r\n {this.setState({kunder2: event.target.value, kunder2Error: ''}); this.kunder2IsValid = true;}} inline name=\"kunder2\">1) Håller inte alls med
\r\n {this.state.kunder2Error}\r\n \r\n
\r\n\r\n \r\n Inom företaget gör vi allt för att överträffa kundernas behov så snabbt och effektivt som möjligt *\r\n \r\n
\r\n {this.setState({kunder3: event.target.value, kunder3Error: ''}); this.kunder3IsValid = true;}} inline name=\"kunder3\">4) Håller helt med
\r\n {this.setState({kunder3: event.target.value, kunder3Error: ''}); this.kunder3IsValid = true;}} inline name=\"kunder3\">3) Håller med till viss del
\r\n {this.setState({kunder3: event.target.value, kunder3Error: ''}); this.kunder3IsValid = true;}} inline name=\"kunder3\">2) Håller inte med
\r\n {this.setState({kunder3: event.target.value, kunder3Error: ''}); this.kunder3IsValid = true;}} inline name=\"kunder3\">1) Håller inte alls med
\r\n {this.state.kunder3Error}\r\n \r\n
\r\n\r\n \r\n Jag rekommenderar våra produkter/tjänster till mina vänner och bekanta *\r\n \r\n
\r\n {this.setState({kunder4: event.target.value, kunder4Error: ''}); this.kunder4IsValid = true;}} inline name=\"kunder4\">4) Håller helt med
\r\n {this.setState({kunder4: event.target.value, kunder4Error: ''}); this.kunder4IsValid = true;}} inline name=\"kunder4\">3) Håller med till viss del
\r\n {this.setState({kunder4: event.target.value, kunder4Error: ''}); this.kunder4IsValid = true;}} inline name=\"kunder4\">2) Håller inte med
\r\n {this.setState({kunder4: event.target.value, kunder4Error: ''}); this.kunder4IsValid = true;}} inline name=\"kunder4\">1) Håller inte alls med
\r\n {this.state.kunder4Error}\r\n \r\n
\r\n\r\n \r\n Förslag på åtgärder för hur kännedomen om företagets kunder, produkter och tjänster kan förbättras:\r\n \r\n {this.setState({kunder5: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n
\r\n\r\n \r\n Jag är stolt över att arbeta i företaget *\r\n \r\n
\r\n {this.setState({foretaget1: event.target.value, foretaget1Error: ''}); this.foretaget1IsValid = true;}} inline name=\"foretaget1\">4) Håller helt med
\r\n {this.setState({foretaget1: event.target.value, foretaget1Error: ''}); this.foretaget1IsValid = true;}} inline name=\"foretaget1\">3) Håller med till viss del
\r\n {this.setState({foretaget1: event.target.value, foretaget1Error: ''}); this.foretaget1IsValid = true;}} inline name=\"foretaget1\">2) Håller inte med
\r\n {this.setState({foretaget1: event.target.value, foretaget1Error: ''}); this.foretaget1IsValid = true;}} inline name=\"foretaget1\">1) Håller inte alls med
\r\n {this.state.foretaget1Error}\r\n \r\n
\r\n\r\n \r\n Jag skulle rekommendera mitt företag som en bra arbetsgivare till mina vänner och bekanta *\r\n \r\n
\r\n {this.setState({foretaget2: event.target.value, foretaget2Error: ''}); this.foretaget2IsValid = true;}} inline name=\"foretaget2\">4) Håller helt med
\r\n {this.setState({foretaget2: event.target.value, foretaget2Error: ''}); this.foretaget2IsValid = true;}} inline name=\"foretaget2\">3) Håller med till viss del
\r\n {this.setState({foretaget2: event.target.value, foretaget2Error: ''}); this.foretaget2IsValid = true;}} inline name=\"foretaget2\">2) Håller inte med
\r\n {this.setState({foretaget2: event.target.value, foretaget2Error: ''}); this.foretaget2IsValid = true;}} inline name=\"foretaget2\">1) Håller inte alls med
\r\n {this.state.foretaget2Error}\r\n \r\n
\r\n\r\n \r\n Vilka är dina förväntningar på ditt företag för framtiden?\r\n \r\n {this.setState({foretaget3: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n
\r\n\r\n \r\n Har du någonting annat som du vill framföra till företagsledningen?\r\n \r\n {this.setState({foretaget4: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n{/*
*/}\r\n{/**/}\r\n{/* */}\r\n{/* I november 2019 lanserade vi en ny funktion i Min Sida för inrapportering av fordonsskador och möjligheten att följa sina egna och trafikområdets försäkringsärenden och kostnader månadsvis. Inför detta åkte företagsledningen tillsammans med försäkringsbolaget Trygg Hansa runt på depåerna för att informera om försäkringen, den nya digitala skaderapporten, vår nya förebyggande rutin med skadesamtal och coachning samt den depåtävling som skulle genomföras under 6 månader som en kickstart på projektet. Nu vill vi veta hur du har upplevt det första året med digital skaderapportering och uppföljning via Min Sida. Dela gärna med dig om du har tankar och önskemål kring hur vi kan jobba vidare för att minska frekvensen skador och hålla den fortsatt låg.*/}\r\n{/* */}\r\n{/* {this.setState({utvecklingsprojekt1: event.target.value});}}*/}\r\n{/* name=\"extraText\"*/}\r\n{/* />*/}\r\n{/* */}\r\n{/*
*/}\r\n{/**/}\r\n{/* */}\r\n{/* I början på 2020 smög vi igång med ännu en nyhet i Min Sida, nämligen möjligheten för bussförare att följa sin drivmedelsförbrukning. Nu planerar vi för att ta projektet Sparsam körning till nästa nivå. Vi tar gärna dina tankar och tips kring hur vi kan göra det på bästa sätt för att minska vår miljöpåverkan och våra drivmedelskostnader.*/}\r\n{/* */}\r\n{/* {this.setState({utvecklingsprojekt2: event.target.value});}}*/}\r\n{/* name=\"extraText\"*/}\r\n{/* />*/}\r\n{/* */}\r\n{/* */}\r\n{/* */}\r\n{/* Vill du framföra något annat till företagsledningen eller förtydliga/kommentera något till dina svar på de 5 ovanstående frågorna?*/}\r\n{/* */}\r\n{/* {this.setState({kortfri1: event.target.value});}}*/}\r\n{/* name=\"extraText\"*/}\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\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user,\r\n };\r\n }\r\n\r\nexport default connect(mapStateToProps, { getUndersokning})(Tjansteman);\r\n","// formuläret från startsidan (genvägen) det förenklade\r\nimport { connect } from \"react-redux\";\r\nimport axios from \"axios\";\r\nimport { getUndersokning } from \"./actions\";\r\nimport { infraConfig } from \"config/infraConfig\";\r\nimport { getAxiosConfig } from \"system/axiosConfig\";\r\nimport SavingButton from \"components/CustomButtons/SavingButton.jsx\"\r\nimport Datetime from \"react-datetime\";\r\nimport React, { Component} from \"react\";\r\nimport {\r\n FormGroup,\r\n FormControl,\r\n ControlLabel,\r\n Radio,\r\n } from \"react-bootstrap\";\r\n\r\n import moment from 'moment';\r\n import 'moment/locale/sv';\r\n\r\n\r\nclass Tjansteman extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n\r\n moment().locale('sv');\r\n\r\n this.state = { validated: false };\r\n this.state = this.getInititalState();\r\n\r\n this.handleFormSave = this.handleFormSave.bind(this);\r\n this.arbetsmiljo1IsValid = false;\r\n this.arbetsmiljo2IsValid = false;\r\n this.arbetsmiljo3IsValid = false;\r\n this.arbetsmiljo4IsValid = false;\r\n this.arbetsmiljo5IsValid = false;\r\n this.arbetsmiljo6IsValid = false;\r\n this.arbetsmiljo7IsValid = false;\r\n this.arbetsmiljo8IsValid = false;\r\n this.arbetsmiljo9IsValid = false;\r\n this.arbetstriv1IsValid = false;\r\n this.arbetstriv2IsValid = false;\r\n this.arbetstriv3IsValid = false;\r\n this.arbetstriv4IsValid = false;\r\n this.arbetstriv5IsValid= false;\r\n this.arbetstriv6IsValid = false;\r\n this.arbetstriv7IsValid = false;\r\n this.ledarskapet1IsValid = false;\r\n this.ledarskapet2IsValid = false;\r\n this.ledarskapet3IsValid = false;\r\n this.ledarskapet4IsValid= false;\r\n this.ledarskapet5IsValid = false;\r\n this.ledarskapet6IsValid = false;\r\n this.ledarskapet7IsValid = false;\r\n this.ledarskapet8IsValid = false;\r\n this.arbetsuppgifter1IsValid = false;\r\n this.arbetsuppgifter2IsValid = false;\r\n this.arbetsuppgifter3IsValid = false;\r\n this.arbetsuppgifter4IsValid = false;\r\n this.arbetsuppgifter5IsValid= false;\r\n this.arbetsuppgifter6IsValid = false;\r\n this.kompetensutv1IsValid = false;\r\n this.kompetensutv2IsValid = false;\r\n this.kompetensutv3IsValid = false;\r\n this.kompetensutv4IsValid = false;\r\n this.kompetensutv5IsValid = false;\r\n this.information1IsValid = false;\r\n this.information2IsValid = false;\r\n this.information3IsValid = false;\r\n this.information4IsValid = false;\r\n this.information5IsValid = false;\r\n this.kunder1IsValid = false;\r\n this.kunder2IsValid = false;\r\n this.kunder3IsValid = false;\r\n this.kunder4IsValid = false;\r\n this.kunder5IsValid = false;\r\n this.foretaget1IsValid= false;\r\n this.foretaget2IsValid= false;\r\n this.foretaget3IsValid = false;\r\n this.foretaget4IsValid = false;\r\n this.buttonerror= \"\";\r\n }\r\n handleFormSave() {\r\n if(!this.arbetsmiljo1IsValid){this.setState({arbetsmiljo1Error: 'Måste anges'});}\r\n if(!this.arbetsmiljo2IsValid){this.setState({arbetsmiljo2Error: 'Måste anges'});}\r\n if(!this.arbetsmiljo3IsValid){this.setState({arbetsmiljo3Error: 'Måste anges'});}\r\n if(!this.arbetsmiljo4IsValid){this.setState({arbetsmiljo4Error: 'Måste anges'});}\r\n if(!this.arbetsmiljo5IsValid){this.setState({arbetsmiljo5Error: 'Måste anges'});}\r\n if(!this.arbetsmiljo6IsValid){this.setState({arbetsmiljo6Error: 'Måste anges'});}\r\n if(!this.arbetsmiljo7IsValid){this.setState({arbetsmiljo7Error: 'Måste anges'});}\r\n if(!this.arbetsmiljo8IsValid){this.setState({arbetsmiljo8Error: 'Måste anges'});}\r\n if(!this.arbetstriv1IsValid){this.setState({arbetstriv1Error: 'Måste anges'});}\r\n if(!this.arbetstriv2IsValid){this.setState({arbetstriv2Error: 'Måste anges'});}\r\n if(!this.arbetstriv3IsValid){this.setState({arbetstriv3Error: 'Måste anges'});}\r\n if(!this.arbetstriv4IsValid){this.setState({arbetstriv4Error: 'Måste anges'});}\r\n if(!this.arbetstriv5IsValid){this.setState({arbetstriv5Error: 'Måste anges'});}\r\n if(!this.arbetstriv6IsValid){this.setState({arbetstriv6Error: 'Måste anges'});}\r\n if(!this.ledarskapet1IsValid){this.setState({ledarskapet1Error: 'Måste anges'});}\r\n if(!this.ledarskapet2IsValid){this.setState({ledarskapet2Error: 'Måste anges'});}\r\n if(!this.ledarskapet3IsValid){this.setState({ledarskapet3Error: 'Måste anges'});}\r\n if(!this.ledarskapet4IsValid){this.setState({ledarskapet4Error: 'Måste anges'});}\r\n if(!this.ledarskapet5IsValid){this.setState({ledarskapet5Error: 'Måste anges'});}\r\n if(!this.ledarskapet6IsValid){this.setState({ledarskapet6Error: 'Måste anges'});}\r\n if(!this.ledarskapet7IsValid){this.setState({ledarskapet7Error: 'Måste anges'});}\r\n if(!this.arbetsuppgifter1IsValid){this.setState({arbetsuppgifter1Error: 'Måste anges'});}\r\n if(!this.arbetsuppgifter2IsValid){this.setState({arbetsuppgifter2Error: 'Måste anges'});}\r\n if(!this.arbetsuppgifter3IsValid){this.setState({arbetsuppgifter3Error: 'Måste anges'});}\r\n if(!this.arbetsuppgifter4IsValid){this.setState({arbetsuppgifter4Error: 'Måste anges'});}\r\n if(!this.arbetsuppgifter5IsValid){this.setState({arbetsuppgifter5Error: 'Måste anges'});}\r\n if(!this.kompetensutv1IsValid){this.setState({kompetensutv1Error: 'Måste anges'});}\r\n if(!this.kompetensutv1IsValid){this.setState({kompetensutv2Error: 'Måste anges'});}\r\n if(!this.kompetensutv1IsValid){this.setState({kompetensutv3Error: 'Måste anges'});}\r\n if(!this.kompetensutv1IsValid){this.setState({kompetensutv4Error: 'Måste anges'});}\r\n if(!this.information1IsValid){this.setState({information1Error: 'Måste anges'});}\r\n if(!this.information2IsValid){this.setState({information2Error: 'Måste anges'});}\r\n if(!this.information3IsValid){this.setState({information3Error: 'Måste anges'});}\r\n if(!this.information4IsValid){this.setState({information4Error: 'Måste anges'});}\r\n if(!this.kunder1IsValid){this.setState({kunder1Error: 'Måste anges'});}\r\n if(!this.kunder2IsValid){this.setState({kunder2Error: 'Måste anges'});}\r\n if(!this.kunder3IsValid){this.setState({kunder3Error: 'Måste anges'});}\r\n if(!this.kunder4IsValid){this.setState({kunder4Error: 'Måste anges'});}\r\n if(!this.foretaget1IsValid){this.setState({foretaget1Error: 'Måste anges'});}\r\n if(!this.foretaget2IsValid){this.setState({foretaget2Error: 'Måste anges'});}\r\n\r\n if (this.arbetsmiljo1IsValid\r\n && this.arbetsmiljo2IsValid\r\n && this.arbetsmiljo3IsValid\r\n && this.arbetsmiljo4IsValid\r\n && this.arbetsmiljo5IsValid\r\n && this.arbetsmiljo6IsValid\r\n && this.arbetsmiljo7IsValid\r\n && this.arbetsmiljo8IsValid\r\n && this.arbetsmiljo1IsValid\r\n && this.arbetsmiljo1IsValid\r\n\r\n && this.arbetstriv1IsValid\r\n && this.arbetstriv2IsValid\r\n && this.arbetstriv3IsValid\r\n && this.arbetstriv4IsValid\r\n && this.arbetstriv5IsValid\r\n && this.arbetstriv6IsValid\r\n\r\n && this.ledarskapet1IsValid\r\n && this.ledarskapet2IsValid\r\n && this.ledarskapet3IsValid\r\n && this.ledarskapet4IsValid\r\n && this.ledarskapet5IsValid\r\n && this.ledarskapet6IsValid\r\n && this.ledarskapet7IsValid\r\n\r\n && this.arbetsuppgifter1IsValid\r\n && this.arbetsuppgifter2IsValid\r\n && this.arbetsuppgifter3IsValid\r\n && this.arbetsuppgifter4IsValid\r\n && this.arbetsuppgifter5IsValid\r\n\r\n && this.kompetensutv1IsValid\r\n && this.kompetensutv2IsValid\r\n && this.kompetensutv3IsValid\r\n && this.kompetensutv4IsValid\r\n\r\n && this.information1IsValid\r\n && this.information2IsValid\r\n && this.information3IsValid\r\n && this.information4IsValid\r\n\r\n && this.kunder1IsValid\r\n && this.kunder2IsValid\r\n && this.kunder3IsValid\r\n && this.kunder4IsValid\r\n\r\n && this.foretaget1IsValid\r\n && this.foretaget2IsValid\r\n )\r\n {\r\n var saveData = {\r\n arbetsmiljo1: this.state.arbetsmiljo1,\r\n arbetsmiljo2: this.state.arbetsmiljo2,\r\n arbetsmiljo3: this.state.arbetsmiljo3,\r\n arbetsmiljo4: this.state.arbetsmiljo4,\r\n arbetsmiljo5: this.state.arbetsmiljo5,\r\n arbetsmiljo6: this.state.arbetsmiljo6,\r\n arbetsmiljo7: this.state.arbetsmiljo7,\r\n arbetsmiljo8: this.state.arbetsmiljo8,\r\n arbetsmiljo9: this.state.arbetsmiljo9,\r\n\r\n arbetstriv1: this.state.arbetstriv1,\r\n arbetstriv2: this.state.arbetstriv2,\r\n arbetstriv3: this.state.arbetstriv3,\r\n arbetstriv4: this.state.arbetstriv4,\r\n arbetstriv5: this.state.arbetstriv5,\r\n arbetstriv6: this.state.arbetstriv6,\r\n arbetstriv7: this.state.arbetstriv7,\r\n\r\n ledarskapet1: this.state.ledarskapet1,\r\n ledarskapet2: this.state.ledarskapet2,\r\n ledarskapet3: this.state.ledarskapet3,\r\n ledarskapet4: this.state.ledarskapet4,\r\n ledarskapet5: this.state.ledarskapet5,\r\n ledarskapet6: this.state.ledarskapet6,\r\n ledarskapet7: this.state.ledarskapet7,\r\n ledarskapet8: this.state.ledarskapet8,\r\n\r\n arbetsuppgifter1: this.state.arbetsuppgifter1,\r\n arbetsuppgifter2: this.state.arbetsuppgifter2,\r\n arbetsuppgifter3: this.state.arbetsuppgifter3,\r\n arbetsuppgifter4: this.state.arbetsuppgifter4,\r\n arbetsuppgifter5: this.state.arbetsuppgifter5,\r\n arbetsuppgifter6: this.state.arbetsuppgifter6,\r\n\r\n kompetensutv1: this.state.kompetensutv1,\r\n kompetensutv2: this.state.kompetensutv2,\r\n kompetensutv3: this.state.kompetensutv3,\r\n kompetensutv4: this.state.kompetensutv4,\r\n kompetensutv5: this.state.kompetensutv5,\r\n\r\n information1: this.state.information1,\r\n information2: this.state.information2,\r\n information3: this.state.information3,\r\n information4: this.state.information4,\r\n information5: this.state.information5,\r\n\r\n kunder1: this.state.kunder1,\r\n kunder2: this.state.kunder2,\r\n kunder3: this.state.kunder3,\r\n kunder4: this.state.kunder4,\r\n kunder5: this.state.kunder5,\r\n\r\n foretaget1: this.state.foretaget1,\r\n foretaget2: this.state.foretaget2,\r\n foretaget3: this.state.foretaget3,\r\n foretaget4: this.state.foretaget4,\r\n\r\n utvecklingsprojekt1: this.state.utvecklingsprojekt1,\r\n utvecklingsprojekt2: this.state.utvecklingsprojekt2,\r\n\r\n kortfri1: this.state.kortfri1\r\n\r\n };\r\n console.log(saveData);\r\n this.addUtvardering(saveData);\r\n }\r\n else{\r\n this.setState({buttonerror: 'Alla fält har inte fyllts i'});\r\nconsole.log(\"Error\")\r\n }\r\n\r\n}\r\naddUtvardering(saveData) {\r\n this.setState({buttonerror: ''});\r\n console.log(\"Send!\")\r\n this.setState({\r\n savingStatus: 1\r\n }, () => {\r\n\r\n axios.post(infraConfig.apiEndpoint.concat('/api/undersokning/send'), saveData, getAxiosConfig(this.props.user))\r\n .then((dataResult) => {\r\n console.log('after send success', dataResult.data.result);\r\n this.setState({buttonmessage: dataResult.data.result})\r\n if(dataResult.data.result == \"Du har redan skickat in ett svar.\"){\r\n this.setState({buttonerror2: \"Du har redan skickat in ett svar.\"});\r\n this.setState({\r\n savingStatus: 3\r\n });\r\n\r\n }\r\n else{\r\n this.setState({\r\n savingStatus: 2\r\n });\r\n }\r\n this.resetForm();\r\n })\r\n .catch((error) => {\r\n this.setState({buttonerror2: \"Ett fel inträffade\"});\r\n this.setState({\r\n savingStatus: 3\r\n });\r\n console.log('ERROR');\r\n });\r\n });\r\n\r\n}\r\nresetForm() {\r\n var savingStatus = this.state.savingStatus;\r\n this.setState(this.getInititalState(), () => {\r\n this.setState({ savingStatus: savingStatus});\r\n });\r\n\r\n\r\n document.getElementById(\"create-Tjansteman\").reset();\r\n}\r\n getInititalState = () => {\r\n const initialState = {\r\n datumError: null,\r\n val1Error: null,\r\n arbetsmiljo1IsValid: '' ,\r\n\r\n savingStatus: 0\r\n }\r\n return initialState;\r\n }\r\n\r\nrender() {\r\n return (\r\n\r\nEngagerade och motiverade medarbetare är helt avgörande för företagets framgång. Vi strävar därför efter att skapa en bra arbetsmiljö där medarbetare trivs och känner sig delaktiga. Vi genomför vartannat år en större medarbetarundersökning med syfte att ta reda på hur våra medarbetare uppfattar sin arbetssituation och Byberg & Nordin / Docksta Buss & Truck som arbetsgivare, och nu är det dags igen. Undersökningen kommer att pågå till och med den 30 september. Målet med undersökningen är att den ska resultera i förslag på utvecklingsområden och hjälpa företaget att prioritera förbättringsinsatser framåt. Använd gärna fritextrutorna för att förtydliga och vidareutveckla dina svar på kryssfrågorna.
\r\nTack för din medverkan!
\r\nTomas Byberg, ägare/vd Byberg & Nordin
\r\nArbetsmiljö
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsmiljo1Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsmiljo4Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsmiljo5Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsmiljo6Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsmiljo7Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsmiljo8Error}\r\n
\r\n
Arbetskamrater och trivsel
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetstriv3Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetstriv4Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetstriv5Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetstriv6Error}\r\n
\r\n
Ledarskapet
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.ledarskapet4Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.ledarskapet5Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.ledarskapet6Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.ledarskapet7Error}\r\n
\r\n
Arbetsuppgifter
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsuppgifter1Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsuppgifter4Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsuppgifter5Error}\r\n
\r\n
Information
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.information6Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.information7Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.information3Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.information4Error}\r\n
\r\n
Kunder
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.kunder1Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.kunder2Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.kunder3Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.kunder4Error}\r\n
\r\n
Företaget
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.foretaget1Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.foretaget2Error}\r\n
\r\n
\r\n
Utvecklingsprojekt
*/}\r\n{/*Under det senaste året har vi genomfört två större utvecklingsprojekt – skadeförebyggande arbete tillsammans med Trygg Hansa samt Sparsam körning - och vi vill gärna veta mer om hur du har upplevt dem hittills och hur du skulle önska att vi arbetar vidare med dem.
*/}\r\n{/**/}\r\n{/*
*/}\r\n{/*
\r\n
\r\n\r\n
\r\n\r\n \r\n Jag har den utrustning jag behöver för att utföra mitt arbete *\r\n \r\n
\r\n {this.setState({arbetsmiljo1: event.target.value, arbetsmiljo1Error: ''}); this.arbetsmiljo1IsValid = true;}} inline name=\"arbetsmiljo1\">4) Håller helt med
\r\n {this.setState({arbetsmiljo1: event.target.value, arbetsmiljo1Error: ''}); this.arbetsmiljo1IsValid = true;}} inline name=\"arbetsmiljo1\">3) Håller med till viss del
\r\n {this.setState({arbetsmiljo1: event.target.value, arbetsmiljo1Error: ''}); this.arbetsmiljo1IsValid = true;}} inline name=\"arbetsmiljo1\">2) Håller inte med
\r\n {this.setState({arbetsmiljo1: event.target.value, arbetsmiljo1Error: ''}); this.arbetsmiljo1IsValid = true;}} inline name=\"arbetsmiljo1\">1) Håller inte alls med
\r\n {this.state.arbetsmiljo1Error}\r\n \r\n
\r\n\r\n \r\n Jag känner att jag kan påverka arbetsmiljön på min arbetsplats *\r\n \r\n
\r\n {this.setState({arbetsmiljo2: event.target.value, arbetsmiljo2Error: ''}); this.arbetsmiljo2IsValid = true;}} inline name=\"arbetsmiljo2\">4) Håller helt med
\r\n {this.setState({arbetsmiljo2: event.target.value, arbetsmiljo2Error: ''}); this.arbetsmiljo2IsValid = true;}} inline name=\"arbetsmiljo2\">3) Håller med till viss del
\r\n {this.setState({arbetsmiljo2: event.target.value, arbetsmiljo2Error: ''}); this.arbetsmiljo2IsValid = true;}} inline name=\"arbetsmiljo2\">2) Håller inte med
\r\n {this.setState({arbetsmiljo2: event.target.value, arbetsmiljo2Error: ''}); this.arbetsmiljo2IsValid = true;}} inline name=\"arbetsmiljo2\">1) Håller inte alls med
\r\n {this.state.arbetsmiljo2Error}\r\n \r\n
\r\n\r\n \r\n Jag tycker att jag kan påverka mina arbetstider i tillräcklig utsträckning *\r\n \r\n
\r\n {this.setState({arbetsmiljo3: event.target.value, arbetsmiljo3Error: ''}); this.arbetsmiljo3IsValid = true;}} inline name=\"arbetsmiljo3\">4) Håller helt med
\r\n {this.setState({arbetsmiljo3: event.target.value, arbetsmiljo3Error: ''}); this.arbetsmiljo3IsValid = true;}} inline name=\"arbetsmiljo3\">3) Håller med till viss del
\r\n {this.setState({arbetsmiljo3: event.target.value, arbetsmiljo3Error: ''}); this.arbetsmiljo3IsValid = true;}} inline name=\"arbetsmiljo3\">2) Håller inte med
\r\n {this.setState({arbetsmiljo3: event.target.value, arbetsmiljo3Error: ''}); this.arbetsmiljo3IsValid = true;}} inline name=\"arbetsmiljo3\">1) Håller inte alls med
\r\n {this.state.arbetsmiljo3Error}\r\n \r\n
\r\n\r\n \r\n Jag känner mig trygg på min arbetsplats *\r\n \r\n
\r\n {this.setState({arbetsmiljo4: event.target.value, arbetsmiljo4Error: ''}); this.arbetsmiljo4IsValid = true;}} inline name=\"arbetsmiljo4\">4) Håller helt med
\r\n {this.setState({arbetsmiljo4: event.target.value, arbetsmiljo4Error: ''}); this.arbetsmiljo4IsValid = true;}} inline name=\"arbetsmiljo4\">3) Håller med till viss del
\r\n {this.setState({arbetsmiljo4: event.target.value, arbetsmiljo4Error: ''}); this.arbetsmiljo4IsValid = true;}} inline name=\"arbetsmiljo4\">2) Håller inte med
\r\n {this.setState({arbetsmiljo4: event.target.value, arbetsmiljo4Error: ''}); this.arbetsmiljo4IsValid = true;}} inline name=\"arbetsmiljo4\">1) Håller inte alls med
\r\n {this.state.arbetsmiljo4Error}\r\n \r\n
\r\n\r\n \r\n På min arbetsplats bedrivs ett förebyggande arbete för att förhindra olycksfall och ohälsa *\r\n \r\n
\r\n {this.setState({arbetsmiljo5: event.target.value, arbetsmiljo5Error: ''}); this.arbetsmiljo5IsValid = true;}} inline name=\"arbetsmiljo5\">4) Håller helt med
\r\n {this.setState({arbetsmiljo5: event.target.value, arbetsmiljo5Error: ''}); this.arbetsmiljo5IsValid = true;}} inline name=\"arbetsmiljo5\">3) Håller med till viss del
\r\n {this.setState({arbetsmiljo5: event.target.value, arbetsmiljo5Error: ''}); this.arbetsmiljo5IsValid = true;}} inline name=\"arbetsmiljo5\">2) Håller inte med
\r\n {this.setState({arbetsmiljo5: event.target.value, arbetsmiljo5Error: ''}); this.arbetsmiljo5IsValid = true;}} inline name=\"arbetsmiljo5\">1) Håller inte alls med
\r\n {this.state.arbetsmiljo5Error}\r\n \r\n
\r\n\r\n \r\n Det hålls ordning och reda i personalutrymmen och allmänna utrymmen *\r\n \r\n
\r\n {this.setState({arbetsmiljo6: event.target.value, arbetsmiljo6Error: ''}); this.arbetsmiljo6IsValid = true;}} inline name=\"arbetsmiljo6\">4) Håller helt med
\r\n {this.setState({arbetsmiljo6: event.target.value, arbetsmiljo6Error: ''}); this.arbetsmiljo6IsValid = true;}} inline name=\"arbetsmiljo6\">3) Håller med till viss del
\r\n {this.setState({arbetsmiljo6: event.target.value, arbetsmiljo6Error: ''}); this.arbetsmiljo6IsValid = true;}} inline name=\"arbetsmiljo6\">2) Håller inte med
\r\n {this.setState({arbetsmiljo6: event.target.value, arbetsmiljo6Error: ''}); this.arbetsmiljo6IsValid = true;}} inline name=\"arbetsmiljo6\">1) Håller inte alls med
\r\n {this.state.arbetsmiljo6Error}\r\n \r\n
\r\n\r\n \r\n Totalt sett är jag nöjd med arbetsmiljön på min arbetsplats *\r\n \r\n
\r\n {this.setState({arbetsmiljo7: event.target.value, arbetsmiljo7Error: ''}); this.arbetsmiljo7IsValid = true;}} inline name=\"arbetsmiljo7\">4) Håller helt med
\r\n {this.setState({arbetsmiljo7: event.target.value, arbetsmiljo7Error: ''}); this.arbetsmiljo7IsValid = true;}} inline name=\"arbetsmiljo7\">3) Håller med till viss del
\r\n {this.setState({arbetsmiljo7: event.target.value, arbetsmiljo7Error: ''}); this.arbetsmiljo7IsValid = true;}} inline name=\"arbetsmiljo7\">2) Håller inte med
\r\n {this.setState({arbetsmiljo7: event.target.value, arbetsmiljo7Error: ''}); this.arbetsmiljo7IsValid = true;}} inline name=\"arbetsmiljo7\">1) Håller inte alls med
\r\n {this.state.arbetsmiljo7Error}\r\n \r\n
\r\n\r\n \r\n Jag upplever att arbetsmiljön på min arbetsplats har förbättrats en del under det senaste året *\r\n \r\n
\r\n {this.setState({arbetsmiljo8: event.target.value, arbetsmiljo8Error: ''}); this.arbetsmiljo8IsValid = true;}} inline name=\"arbetsmiljo8\">JA
\r\n {this.setState({arbetsmiljo8: event.target.value, arbetsmiljo8Error: ''}); this.arbetsmiljo8IsValid = true;}} inline name=\"arbetsmiljo8\">NEJ
\r\n {this.setState({arbetsmiljo8: event.target.value, arbetsmiljo8Error: ''}); this.arbetsmiljo8IsValid = true;}} inline name=\"arbetsmiljo8\">OFÖRÄNDRAT
\r\n {this.setState({arbetsmiljo8: event.target.value, arbetsmiljo8Error: ''}); this.arbetsmiljo8IsValid = true;}} inline name=\"arbetsmiljo8\">VET EJ
\r\n {this.state.arbetsmiljo8Error}\r\n \r\n
\r\n\r\n \r\n Förslag på åtgärder hur arbetsmiljön på min arbetsplats kan förbättras:\r\n \r\n {this.setState({arbetsmiljo9: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n
\r\n\r\n \r\n På min arbetsplats har vi ett gott samarbete *\r\n \r\n
\r\n {this.setState({arbetstriv1: event.target.value, arbetstriv1Error: ''}); this.arbetstriv1IsValid = true;}} inline name=\"arbetstriv1\">4) Håller helt med
\r\n {this.setState({arbetstriv1: event.target.value, arbetstriv1Error: ''}); this.arbetstriv1IsValid = true;}} inline name=\"arbetstriv1\">3) Håller med till viss del
\r\n {this.setState({arbetstriv1: event.target.value, arbetstriv1Error: ''}); this.arbetstriv1IsValid = true;}} inline name=\"arbetstriv1\">2) Håller inte med
\r\n {this.setState({arbetstriv1: event.target.value, arbetstriv1Error: ''}); this.arbetstriv1IsValid = true;}} inline name=\"arbetstriv1\">1) Håller inte alls med
\r\n {this.state.arbetstriv1Error}\r\n \r\n
\r\n\r\n \r\n I min grupp diskuterar vi regelbundet vad vi kan förbättra *\r\n \r\n
\r\n {this.setState({arbetstriv2: event.target.value, arbetstriv2Error: ''}); this.arbetstriv2IsValid = true;}} inline name=\"arbetstriv2\">4) Håller helt med
\r\n {this.setState({arbetstriv2: event.target.value, arbetstriv2Error: ''}); this.arbetstriv2IsValid = true;}} inline name=\"arbetstriv2\">3) Håller med till viss del
\r\n {this.setState({arbetstriv2: event.target.value, arbetstriv2Error: ''}); this.arbetstriv2IsValid = true;}} inline name=\"arbetstriv2\">2) Håller inte med
\r\n {this.setState({arbetstriv2: event.target.value, arbetstriv2Error: ''}); this.arbetstriv2IsValid = true;}} inline name=\"arbetstriv2\">1) Håller inte alls med
\r\n {this.state.arbetstriv2Error}\r\n \r\n
\r\n\r\n \r\n Jag känner förtroende för mina arbetskamrater *\r\n \r\n
\r\n {this.setState({arbetstriv3: event.target.value, arbetstriv3Error: ''}); this.arbetstriv3IsValid = true;}} inline name=\"arbetstriv3\">4) Håller helt med
\r\n {this.setState({arbetstriv3: event.target.value, arbetstriv3Error: ''}); this.arbetstriv3IsValid = true;}} inline name=\"arbetstriv3\">3) Håller med till viss del
\r\n {this.setState({arbetstriv3: event.target.value, arbetstriv3Error: ''}); this.arbetstriv3IsValid = true;}} inline name=\"arbetstriv3\">2) Håller inte med
\r\n {this.setState({arbetstriv3: event.target.value, arbetstriv3Error: ''}); this.arbetstriv3IsValid = true;}} inline name=\"arbetstriv3\">1) Håller inte alls med
\r\n {this.state.arbetstriv3Error}\r\n \r\n
\r\n\r\n \r\n När jag berättar om mitt jobb för min familj/mina vänner är jag oftast positiv *\r\n \r\n
\r\n {this.setState({arbetstriv4: event.target.value, arbetstriv4Error: ''}); this.arbetstriv4IsValid = true;}} inline name=\"arbetstriv4\">4) Håller helt med
\r\n {this.setState({arbetstriv4: event.target.value, arbetstriv4Error: ''}); this.arbetstriv4IsValid = true;}} inline name=\"arbetstriv4\">3) Håller med till viss del
\r\n {this.setState({arbetstriv4: event.target.value, arbetstriv4Error: ''}); this.arbetstriv4IsValid = true;}} inline name=\"arbetstriv4\">2) Håller inte med
\r\n {this.setState({arbetstriv4: event.target.value, arbetstriv4Error: ''}); this.arbetstriv4IsValid = true;}} inline name=\"arbetstriv4\">1) Håller inte alls med
\r\n {this.state.arbetstriv4Error}\r\n \r\n
\r\n\r\n \r\n Totalt sett trivs jag bra på arbetsplatsen och med mina arbetskamrater *\r\n \r\n
\r\n {this.setState({arbetstriv5: event.target.value, arbetstriv5Error: ''}); this.arbetstriv5IsValid = true;}} inline name=\"arbetstriv5\">4) Håller helt med
\r\n {this.setState({arbetstriv5: event.target.value, arbetstriv5Error: ''}); this.arbetstriv5IsValid = true;}} inline name=\"arbetstriv5\">3) Håller med till viss del
\r\n {this.setState({arbetstriv5: event.target.value, arbetstriv5Error: ''}); this.arbetstriv5IsValid = true;}} inline name=\"arbetstriv5\">2) Håller inte med
\r\n {this.setState({arbetstriv5: event.target.value, arbetstriv5Error: ''}); this.arbetstriv5IsValid = true;}} inline name=\"arbetstriv5\">1) Håller inte alls med
\r\n {this.state.arbetstriv5Error}\r\n \r\n
\r\n\r\n \r\n Jag upplever att trivseln på arbetsplatsen totalt sett har blivit bättre under det senaste året *\r\n \r\n
\r\n {this.setState({arbetstriv6: event.target.value, arbetstriv6Error: ''}); this.arbetstriv6IsValid = true;}} inline name=\"arbetstriv6\">JA
\r\n {this.setState({arbetstriv6: event.target.value, arbetstriv6Error: ''}); this.arbetstriv6IsValid = true;}} inline name=\"arbetstriv6\">NEJ
\r\n {this.setState({arbetstriv6: event.target.value, arbetstriv6Error: ''}); this.arbetstriv6IsValid = true;}} inline name=\"arbetstriv6\">OFÖRÄNDRAT
\r\n {this.setState({arbetstriv6: event.target.value, arbetstriv6Error: ''}); this.arbetstriv6IsValid = true;}} inline name=\"arbetstriv6\">VET EJ
\r\n {this.state.arbetstriv6Error}\r\n \r\n
\r\n\r\n \r\n Förslag på åtgärder för hur trivseln kollegor emellan kan förbättras på arbetsplatsen:\r\n \r\n {this.setState({arbetstriv7: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n
\r\n\r\n \r\n Min närmsta chef ger mig feedback på mina prestationer *\r\n \r\n
\r\n {this.setState({ledarskapet1: event.target.value, ledarskapet1Error: ''}); this.ledarskapet1IsValid = true;}} inline name=\"ledarskapet1\">4) Håller helt med
\r\n {this.setState({ledarskapet1: event.target.value, ledarskapet1Error: ''}); this.ledarskapet1IsValid = true;}} inline name=\"ledarskapet1\">3) Håller med till viss del
\r\n {this.setState({ledarskapet1: event.target.value, ledarskapet1Error: ''}); this.ledarskapet1IsValid = true;}} inline name=\"ledarskapet1\">2) Håller inte med
\r\n {this.setState({ledarskapet1: event.target.value, ledarskapet1Error: ''}); this.ledarskapet1IsValid = true;}} inline name=\"ledarskapet1\">1) Håller inte alls med
\r\n {this.state.ledarskapet1Error}\r\n \r\n
\r\n\r\n \r\n Min närmsta chef har rimliga krav på min arbetsinsats *\r\n \r\n
\r\n {this.setState({ledarskapet2: event.target.value, ledarskapet2Error: ''}); this.ledarskapet2IsValid = true;}} inline name=\"ledarskapet2\">4) Håller helt med
\r\n {this.setState({ledarskapet2: event.target.value, ledarskapet2Error: ''}); this.ledarskapet2IsValid = true;}} inline name=\"ledarskapet2\">3) Håller med till viss del
\r\n {this.setState({ledarskapet2: event.target.value, ledarskapet2Error: ''}); this.ledarskapet2IsValid = true;}} inline name=\"ledarskapet2\">2) Håller inte med
\r\n {this.setState({ledarskapet2: event.target.value, ledarskapet2Error: ''}); this.ledarskapet2IsValid = true;}} inline name=\"ledarskapet2\">1) Håller inte alls med
\r\n {this.state.ledarskapet2Error}\r\n \r\n
\r\n\r\n \r\n Jag känner mig uppmuntrad att komma med nya idréer och förslag till förbättringar *\r\n \r\n
\r\n {this.setState({ledarskapet3: event.target.value, ledarskapet3Error: ''}); this.ledarskapet3IsValid = true;}} inline name=\"ledarskapet3\">4) Håller helt med
\r\n {this.setState({ledarskapet3: event.target.value, ledarskapet3Error: ''}); this.ledarskapet3IsValid = true;}} inline name=\"ledarskapet3\">3) Håller med till viss del
\r\n {this.setState({ledarskapet3: event.target.value, ledarskapet3Error: ''}); this.ledarskapet3IsValid = true;}} inline name=\"ledarskapet3\">2) Håller inte med
\r\n {this.setState({ledarskapet3: event.target.value, ledarskapet3Error: ''}); this.ledarskapet3IsValid = true;}} inline name=\"ledarskapet3\">1) Håller inte alls med
\r\n {this.state.ledarskapet3Error}\r\n \r\n
\r\n\r\n \r\n Jag är i stora drag nöjd med min närmsta chef *\r\n \r\n
\r\n {this.setState({ledarskapet4: event.target.value, ledarskapet4Error: ''}); this.ledarskapet4IsValid = true;}} inline name=\"ledarskapet4\">4) Håller helt med
\r\n {this.setState({ledarskapet4: event.target.value, ledarskapet4Error: ''}); this.ledarskapet4IsValid = true;}} inline name=\"ledarskapet4\">3) Håller med till viss del
\r\n {this.setState({ledarskapet4: event.target.value, ledarskapet4Error: ''}); this.ledarskapet4IsValid = true;}} inline name=\"ledarskapet4\">2) Håller inte med
\r\n {this.setState({ledarskapet4: event.target.value, ledarskapet4Error: ''}); this.ledarskapet4IsValid = true;}} inline name=\"ledarskapet4\">1) Håller inte alls med
\r\n {this.state.ledarskapet4Error}\r\n \r\n
\r\n\r\n \r\n Jag har förtroende för företagets VD *\r\n \r\n
\r\n {this.setState({ledarskapet5: event.target.value, ledarskapet5Error: ''}); this.ledarskapet5IsValid = true;}} inline name=\"ledarskapet5\">4) Håller helt med
\r\n {this.setState({ledarskapet5: event.target.value, ledarskapet5Error: ''}); this.ledarskapet5IsValid = true;}} inline name=\"ledarskapet5\">3) Håller med till viss del
\r\n {this.setState({ledarskapet5: event.target.value, ledarskapet5Error: ''}); this.ledarskapet5IsValid = true;}} inline name=\"ledarskapet5\">2) Håller inte med
\r\n {this.setState({ledarskapet5: event.target.value, ledarskapet5Error: ''}); this.ledarskapet5IsValid = true;}} inline name=\"ledarskapet5\">1) Håller inte alls med
\r\n {this.state.ledarskapet5Error}\r\n \r\n
\r\n\r\n \r\n Jag tycker att ledarskapet i mitt företag är bra totalt sett *\r\n \r\n
\r\n {this.setState({ledarskapet6: event.target.value, ledarskapet6Error: ''}); this.ledarskapet6IsValid = true;}} inline name=\"ledarskapet6\">4) Håller helt med
\r\n {this.setState({ledarskapet6: event.target.value, ledarskapet6Error: ''}); this.ledarskapet6IsValid = true;}} inline name=\"ledarskapet6\">3) Håller med till viss del
\r\n {this.setState({ledarskapet6: event.target.value, ledarskapet6Error: ''}); this.ledarskapet6IsValid = true;}} inline name=\"ledarskapet6\">2) Håller inte med
\r\n {this.setState({ledarskapet6: event.target.value, ledarskapet6Error: ''}); this.ledarskapet6IsValid = true;}} inline name=\"ledarskapet6\">1) Håller inte alls med
\r\n {this.state.ledarskapet6Error}\r\n \r\n
\r\n\r\n \r\n Jag upplever att ledarskapet i företaget har förbättrats under det senaste året *\r\n \r\n
\r\n {this.setState({ledarskapet7: event.target.value, ledarskapet7Error: ''}); this.ledarskapet7IsValid = true;}} inline name=\"ledarskapet7\">JA
\r\n {this.setState({ledarskapet7: event.target.value, ledarskapet7Error: ''}); this.ledarskapet7IsValid = true;}} inline name=\"ledarskapet7\">NEJ
\r\n {this.setState({ledarskapet7: event.target.value, ledarskapet7Error: ''}); this.ledarskapet7IsValid = true;}} inline name=\"ledarskapet7\">OFÖRÄNDRAT
\r\n {this.setState({ledarskapet7: event.target.value, ledarskapet7Error: ''}); this.ledarskapet7IsValid = true;}} inline name=\"ledarskapet7\">VET EJ
\r\n {this.state.ledarskapet7Error}\r\n \r\n
\r\n\r\n \r\n Förslag på hur ledarskapet kan förbättras:\r\n \r\n {this.setState({ledarskapet8: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n
\r\n\r\n \r\n Jag har god kännedom om vilka arbetsuppgifter jag förväntas göra *\r\n \r\n
\r\n {this.setState({arbetsuppgifter1: event.target.value, arbetsuppgifter1Error: ''}); this.arbetsuppgifter1IsValid = true;}} inline name=\"arbetsuppgifter1\">4) Håller helt med
\r\n {this.setState({arbetsuppgifter1: event.target.value, arbetsuppgifter1Error: ''}); this.arbetsuppgifter1IsValid = true;}} inline name=\"arbetsuppgifter1\">3) Håller med till viss del
\r\n {this.setState({arbetsuppgifter1: event.target.value, arbetsuppgifter1Error: ''}); this.arbetsuppgifter1IsValid = true;}} inline name=\"arbetsuppgifter1\">2) Håller inte med
\r\n {this.setState({arbetsuppgifter1: event.target.value, arbetsuppgifter1Error: ''}); this.arbetsuppgifter1IsValid = true;}} inline name=\"arbetsuppgifter1\">1) Håller inte alls med
\r\n {this.state.arbetsuppgifter1Error}\r\n \r\n
\r\n\r\n \r\n I mitt arbete får jag användning för mina kunskaper och färdigheter *\r\n \r\n
\r\n {this.setState({arbetsuppgifter2: event.target.value, arbetsuppgifter2Error: ''}); this.arbetsuppgifter2IsValid = true;}} inline name=\"arbetsuppgifter2\">4) Håller helt med
\r\n {this.setState({arbetsuppgifter2: event.target.value, arbetsuppgifter2Error: ''}); this.arbetsuppgifter2IsValid = true;}} inline name=\"arbetsuppgifter2\">3) Håller med till viss del
\r\n {this.setState({arbetsuppgifter2: event.target.value, arbetsuppgifter2Error: ''}); this.arbetsuppgifter2IsValid = true;}} inline name=\"arbetsuppgifter2\">2) Håller inte med
\r\n {this.setState({arbetsuppgifter2: event.target.value, arbetsuppgifter2Error: ''}); this.arbetsuppgifter2IsValid = true;}} inline name=\"arbetsuppgifter2\">1) Håller inte alls med
\r\n {this.state.arbetsuppgifter2Error}\r\n \r\n
\r\n\r\n \r\n Jag har klart för mig hur jag ska prioritera under perioder när det är mycket att göra *\r\n \r\n
\r\n {this.setState({arbetsuppgifter3: event.target.value, arbetsuppgifter3Error: ''}); this.arbetsuppgifter3IsValid = true;}} inline name=\"arbetsuppgifter3\">4) Håller helt med
\r\n {this.setState({arbetsuppgifter3: event.target.value, arbetsuppgifter3Error: ''}); this.arbetsuppgifter3IsValid = true;}} inline name=\"arbetsuppgifter3\">3) Håller med till viss del
\r\n {this.setState({arbetsuppgifter3: event.target.value, arbetsuppgifter3Error: ''}); this.arbetsuppgifter3IsValid = true;}} inline name=\"arbetsuppgifter3\">2) Håller inte med
\r\n {this.setState({arbetsuppgifter3: event.target.value, arbetsuppgifter3Error: ''}); this.arbetsuppgifter3IsValid = true;}} inline name=\"arbetsuppgifter3\">1) Håller inte alls med
\r\n {this.state.arbetsuppgifter3Error}\r\n \r\n
\r\n\r\n \r\n Jag känner ansvar för mitt arbetsområde och mina arbetsuppgifter *\r\n \r\n
\r\n {this.setState({arbetsuppgifter4: event.target.value, arbetsuppgifter4Error: ''}); this.arbetsuppgifter4IsValid = true;}} inline name=\"arbetsuppgifter4\">4) Håller helt med
\r\n {this.setState({arbetsuppgifter4: event.target.value, arbetsuppgifter4Error: ''}); this.arbetsuppgifter4IsValid = true;}} inline name=\"arbetsuppgifter4\">3) Håller med till viss del
\r\n {this.setState({arbetsuppgifter4: event.target.value, arbetsuppgifter4Error: ''}); this.arbetsuppgifter4IsValid = true;}} inline name=\"arbetsuppgifter4\">2) Håller inte med
\r\n {this.setState({arbetsuppgifter4: event.target.value, arbetsuppgifter4Error: ''}); this.arbetsuppgifter4IsValid = true;}} inline name=\"arbetsuppgifter4\">1) Håller inte alls med
\r\n {this.state.arbetsuppgifter4Error}\r\n \r\n
\r\n\r\n \r\n Totalt sett trivs jag bra med mina arbetsuppgifter *\r\n \r\n
\r\n {this.setState({arbetsuppgifter5: event.target.value, arbetsuppgifter5Error: ''}); this.arbetsuppgifter5IsValid = true;}} inline name=\"arbetsuppgifter5\">4) Håller helt med
\r\n {this.setState({arbetsuppgifter5: event.target.value, arbetsuppgifter5Error: ''}); this.arbetsuppgifter5IsValid = true;}} inline name=\"arbetsuppgifter5\">3) Håller med till viss del
\r\n {this.setState({arbetsuppgifter5: event.target.value, arbetsuppgifter5Error: ''}); this.arbetsuppgifter5IsValid = true;}} inline name=\"arbetsuppgifter5\">2) Håller inte med
\r\n {this.setState({arbetsuppgifter5: event.target.value, arbetsuppgifter5Error: ''}); this.arbetsuppgifter5IsValid = true;}} inline name=\"arbetsuppgifter5\">1) Håller inte alls med
\r\n {this.state.arbetsuppgifter5Error}\r\n \r\n
\r\n\r\n \r\n Förslag på åtgärder för hur mina arbetsuppgifter kan förbättras:\r\n \r\n {this.setState({arbetsuppgifter6: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n
\r\n\r\n \r\n Med den kompetens jag har idag kan jag utföra mitt arbete på ett bra sätt *\r\n \r\n
\r\n {this.setState({kompetensutv1: event.target.value, kompetensutv1Error: ''}); this.kompetensutv1IsValid = true;}} inline name=\"kompetensutv1\">4) Håller helt med
\r\n {this.setState({kompetensutv1: event.target.value, kompetensutv1Error: ''}); this.kompetensutv1IsValid = true;}} inline name=\"kompetensutv1\">3) Håller med till viss del
\r\n {this.setState({kompetensutv1: event.target.value, kompetensutv1Error: ''}); this.kompetensutv1IsValid = true;}} inline name=\"kompetensutv1\">2) Håller inte med
\r\n {this.setState({kompetensutv1: event.target.value, kompetensutv1Error: ''}); this.kompetensutv1IsValid = true;}} inline name=\"kompetensutv1\">1) Håller inte alls med
\r\n {this.state.kompetensutv1Error}\r\n \r\n
\r\n\r\n \r\n Jag håller mig uppdaterad inom mitt yrkesområde (t.ex. via nätverksträffar, internet, facktidskrifter) *\r\n \r\n
\r\n {this.setState({kompetensutv2: event.target.value, kompetensutv2Error: ''}); this.kompetensutv2IsValid = true;}} inline name=\"kompetensutv2\">4) Håller helt med
\r\n {this.setState({kompetensutv2: event.target.value, kompetensutv2Error: ''}); this.kompetensutv2IsValid = true;}} inline name=\"kompetensutv2\">3) Håller med till viss del
\r\n {this.setState({kompetensutv2: event.target.value, kompetensutv2Error: ''}); this.kompetensutv2IsValid = true;}} inline name=\"kompetensutv2\">2) Håller inte med
\r\n {this.setState({kompetensutv2: event.target.value, kompetensutv2Error: ''}); this.kompetensutv2IsValid = true;}} inline name=\"kompetensutv2\">1) Håller inte alls med
\r\n {this.state.kompetensutv2Error}\r\n \r\n
\r\n\r\n \r\n Ju bättre jag presterar desto större blir mina möjligheter till utveckling (nya arbetsuppgifter, större ansvar) *\r\n \r\n
\r\n {this.setState({kompetensutv3: event.target.value, kompetensutv3Error: ''}); this.kompetensutv3IsValid = true;}} inline name=\"kompetensutv3\">4) Håller helt med
\r\n {this.setState({kompetensutv3: event.target.value, kompetensutv3Error: ''}); this.kompetensutv3IsValid = true;}} inline name=\"kompetensutv3\">3) Håller med till viss del
\r\n {this.setState({kompetensutv3: event.target.value, kompetensutv3Error: ''}); this.kompetensutv3IsValid = true;}} inline name=\"kompetensutv3\">2) Håller inte med
\r\n {this.setState({kompetensutv3: event.target.value, kompetensutv3Error: ''}); this.kompetensutv3IsValid = true;}} inline name=\"kompetensutv3\">1) Håller inte alls med
\r\n {this.state.kompetensutv3Error}\r\n \r\n
\r\n\r\n \r\n Jag tycker att kompetensutvecklingen totalt sett är bra *\r\n \r\n
\r\n {this.setState({kompetensutv4: event.target.value, kompetensutv4Error: ''}); this.kompetensutv4IsValid = true;}} inline name=\"kompetensutv4\">4) Håller helt med
\r\n {this.setState({kompetensutv4: event.target.value, kompetensutv4Error: ''}); this.kompetensutv4IsValid = true;}} inline name=\"kompetensutv4\">3) Håller med till viss del
\r\n {this.setState({kompetensutv4: event.target.value, kompetensutv4Error: ''}); this.kompetensutv4IsValid = true;}} inline name=\"kompetensutv4\">2) Håller inte med
\r\n {this.setState({kompetensutv4: event.target.value, kompetensutv4Error: ''}); this.kompetensutv4IsValid = true;}} inline name=\"kompetensutv4\">1) Håller inte alls med
\r\n {this.state.kompetensutv4Error}\r\n \r\n
\r\n\r\n \r\n Förslag på åtgärder för hur kompetensutvecklingen kan förbättras:\r\n \r\n {this.setState({kompetensutv5: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n
\r\n\r\n \r\n Jag tycker att Min Sida (och tjänstemannawebben för de som har tillgång) innehåller relevant information *\r\n \r\n
\r\n {this.setState({information1: event.target.value, information1Error: ''}); this.information1IsValid = true;}} inline name=\"information1\">4) Håller helt med
\r\n {this.setState({information1: event.target.value, information1Error: ''}); this.information1IsValid = true;}} inline name=\"information1\">3) Håller med till viss del
\r\n {this.setState({information1: event.target.value, information1Error: ''}); this.information1IsValid = true;}} inline name=\"information1\">2) Håller inte med
\r\n {this.setState({information1: event.target.value, information1Error: ''}); this.information1IsValid = true;}} inline name=\"information1\">1) Håller inte alls med
\r\n {this.state.information1Error}\r\n \r\n
\r\n\r\n \r\n Jag tycker att våra avdelnings-/gruppmöten är givande *\r\n \r\n
\r\n {this.setState({information2: event.target.value, information2Error: ''}); this.information2IsValid = true;}} inline name=\"information2\">4) Håller helt med
\r\n {this.setState({information2: event.target.value, information2Error: ''}); this.information2IsValid = true;}} inline name=\"information2\">3) Håller med till viss del
\r\n {this.setState({information2: event.target.value, information2Error: ''}); this.information2IsValid = true;}} inline name=\"information2\">2) Håller inte med
\r\n {this.setState({information2: event.target.value, information2Error: ''}); this.information2IsValid = true;}} inline name=\"information2\">1) Håller inte alls med
\r\n {this.state.information2Error}\r\n \r\n
\r\n\r\n \r\n Jag kan i generella drag redogöra för företagets övergripande mål och vision *\r\n \r\n
\r\n {this.setState({information3: event.target.value, information3Error: ''}); this.information3IsValid = true;}} inline name=\"information3\">4) Håller helt med
\r\n {this.setState({information3: event.target.value, information3Error: ''}); this.information3IsValid = true;}} inline name=\"information3\">3) Håller med till viss del
\r\n {this.setState({information3: event.target.value, information3Error: ''}); this.information3IsValid = true;}} inline name=\"information3\">2) Håller inte med
\r\n {this.setState({information3: event.target.value, information3Error: ''}); this.information3IsValid = true;}} inline name=\"information3\">1) Håller inte alls med
\r\n {this.state.information3Error}\r\n \r\n
\r\n\r\n \r\n Jag tycker att informationen inom företaget har blivit bättre totalt sett under det senaste året *\r\n \r\n
\r\n {this.setState({information4: event.target.value, information4Error: ''}); this.information4IsValid = true;}} inline name=\"information4\">JA
\r\n {this.setState({information4: event.target.value, information4Error: ''}); this.information4IsValid = true;}} inline name=\"information4\">NEJ
\r\n {this.setState({information4: event.target.value, information4Error: ''}); this.information4IsValid = true;}} inline name=\"information4\">OFÖRÄNDRAT
\r\n {this.setState({information4: event.target.value, information4Error: ''}); this.information4IsValid = true;}} inline name=\"information4\">VET EJ
\r\n {this.state.information4Error}\r\n \r\n
\r\n\r\n \r\n Förslag på åtgärder för hur informationen kan förbättras:\r\n \r\n {this.setState({information5: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n
\r\n\r\n \r\n Jag känner till våra kommersiella resor (tex programresor, konsert, teater, shopping, spa och kryssningar) och kan översikligt berätta om dem för kunder, vänner och bekanta *\r\n \r\n
\r\n {this.setState({kunder1: event.target.value, kunder1Error: ''}); this.kunder1IsValid = true;}} inline name=\"kunder1\">4) Håller helt med
\r\n {this.setState({kunder1: event.target.value, kunder1Error: ''}); this.kunder1IsValid = true;}} inline name=\"kunder1\">3) Håller med till viss del
\r\n {this.setState({kunder1: event.target.value, kunder1Error: ''}); this.kunder1IsValid = true;}} inline name=\"kunder1\">2) Håller inte med
\r\n {this.setState({kunder1: event.target.value, kunder1Error: ''}); this.kunder1IsValid = true;}} inline name=\"kunder1\">1) Håller inte alls med
\r\n {this.state.kunder1Error}\r\n \r\n
\r\n\r\n \r\n Jag känner till våra kunders önskemål och förväntningar *\r\n \r\n
\r\n {this.setState({kunder2: event.target.value, kunder2Error: ''}); this.kunder2IsValid = true;}} inline name=\"kunder2\">4) Håller helt med
\r\n {this.setState({kunder2: event.target.value, kunder2Error: ''}); this.kunder2IsValid = true;}} inline name=\"kunder2\">3) Håller med till viss del
\r\n {this.setState({kunder2: event.target.value, kunder2Error: ''}); this.kunder2IsValid = true;}} inline name=\"kunder2\">2) Håller inte med
\r\n {this.setState({kunder2: event.target.value, kunder2Error: ''}); this.kunder2IsValid = true;}} inline name=\"kunder2\">1) Håller inte alls med
\r\n {this.state.kunder2Error}\r\n \r\n
\r\n\r\n \r\n Inom företaget gör vi allt för att överträffa kundernas behov så snabbt och effektivt som möjligt *\r\n \r\n
\r\n {this.setState({kunder3: event.target.value, kunder3Error: ''}); this.kunder3IsValid = true;}} inline name=\"kunder3\">4) Håller helt med
\r\n {this.setState({kunder3: event.target.value, kunder3Error: ''}); this.kunder3IsValid = true;}} inline name=\"kunder3\">3) Håller med till viss del
\r\n {this.setState({kunder3: event.target.value, kunder3Error: ''}); this.kunder3IsValid = true;}} inline name=\"kunder3\">2) Håller inte med
\r\n {this.setState({kunder3: event.target.value, kunder3Error: ''}); this.kunder3IsValid = true;}} inline name=\"kunder3\">1) Håller inte alls med
\r\n {this.state.kunder3Error}\r\n \r\n
\r\n\r\n \r\n Jag rekommenderar våra kommersiella resor till mina vänner och bekanta *\r\n \r\n
\r\n {this.setState({kunder4: event.target.value, kunder4Error: ''}); this.kunder4IsValid = true;}} inline name=\"kunder4\">4) Håller helt med
\r\n {this.setState({kunder4: event.target.value, kunder4Error: ''}); this.kunder4IsValid = true;}} inline name=\"kunder4\">3) Håller med till viss del
\r\n {this.setState({kunder4: event.target.value, kunder4Error: ''}); this.kunder4IsValid = true;}} inline name=\"kunder4\">2) Håller inte med
\r\n {this.setState({kunder4: event.target.value, kunder4Error: ''}); this.kunder4IsValid = true;}} inline name=\"kunder4\">1) Håller inte alls med
\r\n {this.state.kunder4Error}\r\n \r\n
\r\n\r\n \r\n Förslag på åtgärder för hur kännedomen internt om våra kommersiella resor kan förbättras:\r\n \r\n {this.setState({kunder5: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n
\r\n\r\n \r\n Jag är stolt över att arbeta i företaget *\r\n \r\n
\r\n {this.setState({foretaget1: event.target.value, foretaget1Error: ''}); this.foretaget1IsValid = true;}} inline name=\"foretaget1\">4) Håller helt med
\r\n {this.setState({foretaget1: event.target.value, foretaget1Error: ''}); this.foretaget1IsValid = true;}} inline name=\"foretaget1\">3) Håller med till viss del
\r\n {this.setState({foretaget1: event.target.value, foretaget1Error: ''}); this.foretaget1IsValid = true;}} inline name=\"foretaget1\">2) Håller inte med
\r\n {this.setState({foretaget1: event.target.value, foretaget1Error: ''}); this.foretaget1IsValid = true;}} inline name=\"foretaget1\">1) Håller inte alls med
\r\n {this.state.foretaget1Error}\r\n \r\n
\r\n\r\n \r\n Jag skulle rekommendera mitt företag som en bra arbetsgivare till mina vänner och bekanta *\r\n \r\n
\r\n {this.setState({foretaget2: event.target.value, foretaget2Error: ''}); this.foretaget2IsValid = true;}} inline name=\"foretaget2\">4) Håller helt med
\r\n {this.setState({foretaget2: event.target.value, foretaget2Error: ''}); this.foretaget2IsValid = true;}} inline name=\"foretaget2\">3) Håller med till viss del
\r\n {this.setState({foretaget2: event.target.value, foretaget2Error: ''}); this.foretaget2IsValid = true;}} inline name=\"foretaget2\">2) Håller inte med
\r\n {this.setState({foretaget2: event.target.value, foretaget2Error: ''}); this.foretaget2IsValid = true;}} inline name=\"foretaget2\">1) Håller inte alls med
\r\n {this.state.foretaget2Error}\r\n \r\n
\r\n\r\n \r\n Vilka är dina förväntningar på ditt företag för framtiden?\r\n \r\n {this.setState({foretaget3: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n
\r\n\r\n \r\n Har du någonting annat som du vill framföra till företagsledningen?\r\n \r\n {this.setState({foretaget4: event.target.value});}}\r\n name=\"extraText\"\r\n />\r\n \r\n{/*
*/}\r\n{/**/}\r\n{/* */}\r\n{/* I november 2019 lanserade vi en ny funktion i Min Sida för inrapportering av fordonsskador och möjligheten att följa sina egna och trafikområdets försäkringsärenden och kostnader månadsvis. Inför detta åkte företagsledningen tillsammans med försäkringsbolaget Trygg Hansa runt på depåerna för att informera om försäkringen, den nya digitala skaderapporten, vår nya förebyggande rutin med skadesamtal och coachning samt den depåtävling som skulle genomföras under 6 månader som en kickstart på projektet. Nu vill vi veta hur du har upplevt det första året med digital skaderapportering och uppföljning via Min Sida. Dela gärna med dig om du har tankar och önskemål kring hur vi kan jobba vidare för att minska frekvensen skador och hålla den fortsatt låg. */}\r\n{/* */}\r\n{/* {this.setState({utvecklingsprojekt1: event.target.value});}}*/}\r\n{/* name=\"extraText\"*/}\r\n{/* />*/}\r\n{/* */}\r\n{/*
*/}\r\n{/**/}\r\n{/* */}\r\n{/* I början på 2020 smög vi igång med ännu en nyhet i Min Sida, nämligen möjligheten för bussförare att följa sin drivmedelsförbrukning. Nu planerar vi för att ta projektet Sparsam körning till nästa nivå. Vi tar gärna dina tankar och tips kring hur vi kan göra det på bästa sätt för att minska vår miljöpåverkan och våra drivmedelskostnader.*/}\r\n{/* */}\r\n{/* {this.setState({utvecklingsprojekt2: event.target.value});}}*/}\r\n{/* name=\"extraText\"*/}\r\n{/* />*/}\r\n{/* */}\r\n{/* */}\r\n{/* */}\r\n{/* Vill du framföra något annat till företagsledningen eller förtydliga/kommentera något till dina svar på de 5 ovanstående frågorna?*/}\r\n{/* */}\r\n{/* {this.setState({kortfri1: event.target.value});}}*/}\r\n{/* name=\"extraText\"*/}\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\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user,\r\n };\r\n }\r\n\r\nexport default connect(mapStateToProps, { getUndersokning})(Tjansteman);\r\n","import React from 'react';\r\nimport {Grid, Col, Row } from \"react-bootstrap\";\r\nimport Card from 'components/Card/Card.jsx';\r\nimport { getUndersokning } from \"./actions\";\r\nimport { connect } from \"react-redux\";\r\nimport Forare from \"./forare\";\r\nimport Tjansteman from \"./tjansteman\";\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\nclass Medarbetarundersokning extends React.Component {\r\n componentDidMount() {\r\n this.props.getUndersokning();\r\n }\r\n render(){\r\n return (\r\n Engagerade och motiverade medarbetare är helt avgörande för företagets framgång. Vi strävar därför efter att skapa en bra arbetsmiljö där medarbetare trivs och känner sig delaktiga. Vi genomför vartannat år en större medarbetarundersökning med syfte att ta reda på hur våra medarbetare uppfattar sin arbetssituation och Byberg & Nordin / Docksta Buss & Truck som arbetsgivare, och nu är det dags igen. Undersökningen kommer att pågå till och med den 30 september. Målet med undersökningen är att den ska resultera i förslag på utvecklingsområden och hjälpa företaget att prioritera förbättringsinsatser framåt. Använd gärna fritextrutorna för att förtydliga och vidareutveckla dina svar på kryssfrågorna.
\r\nTack för din medverkan!
\r\nTomas Byberg, ägare/vd Byberg & Nordin
\r\nArbetsmiljö
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsmiljo1Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsmiljo2Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsmiljo3Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsmiljo4Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsmiljo5Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsmiljo6Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsmiljo7Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsmiljo8Error}\r\n
\r\n
Arbetskamrater och trivsel
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetstriv1Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetstriv2Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetstriv3Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetstriv4Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetstriv5Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetstriv6Error}\r\n
\r\n
Ledarskapet
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.ledarskapet1Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.ledarskapet2Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.ledarskapet3Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.ledarskapet4Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.ledarskapet5Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.ledarskapet6Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.ledarskapet7Error}\r\n
\r\n
Arbetsuppgifter
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsuppgifter1Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsuppgifter2Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsuppgifter3Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsuppgifter4Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.arbetsuppgifter5Error}\r\n
\r\n
Kompetensutveckling
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.kompetensutv1Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.kompetensutv2Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.kompetensutv3Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.kompetensutv4Error}\r\n
\r\n
Information
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.information1Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.information2Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.information3Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.information4Error}\r\n
\r\n
Kunder
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.kunder1Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.kunder2Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.kunder3Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.kunder4Error}\r\n
\r\n
Företaget
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.foretaget1Error}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.foretaget2Error}\r\n
\r\n
\r\n
Utvecklingsprojekt
*/}\r\n{/*Under det senaste året har vi genomfört två större utvecklingsprojekt – skadeförebyggande arbete tillsammans med Trygg Hansa samt Sparsam körning - och vi vill gärna veta mer om hur du har upplevt dem hittills och hur du skulle önska att vi arbetar vidare med dem.
*/}\r\n{/**/}\r\n{/*
*/}\r\n{/*
\r\n
\r\n
);\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n undersokning: state.undersokning.undersokning,\r\n isLoadingundersokning: state.undersokning.isLoadingundersokning,\r\n loadingundersokningFailed: state.undersokning.loadingundersokningFailed,\r\n };\r\n }\r\nexport default connect(mapStateToProps, {getUndersokning })(Medarbetarundersokning);\r\n","import React, { Component} from \"react\";\r\n\r\nclass Percentage extends Component {\r\n\r\n render() {\r\n\r\n var percentageValue = this.props.value * 100;\r\n\r\n if (this.props.maxDecimals !== undefined) \r\n {\r\n // parseFloat för vi vill ha 1, 1.01, 1.1 osv inte 1.00, 1.01, 1.10 \r\n percentageValue = parseFloat(percentageValue.toFixed(this.props.maxDecimals));\r\n }\r\n\r\n return ({percentageValue} %);\r\n }\r\n\r\n}\r\nexport default Percentage;\r\n","import React from 'react';\r\n\r\nexport default function LeafPercentageIcon(props) {\r\n\r\n // props.value är 1 för 100%\r\n const icon = props.value < 0.95 \r\n ? \r\n : props.value >= 0.95 && props.value <= 1.05\r\n ? \r\n : props.value > 1.05\r\n ? : null\r\n\r\n return icon;\r\n}","import React from 'react';\r\n\r\nexport default function Number(props){\r\n\r\n const decimals = props.decimals ? props.decimals : 0;\r\n\r\n const value = props.value \r\n ? parseFloat(props.value.toFixed(decimals)) \r\n : props.nullChar ? props.nullChar : null;\r\n\r\n return {value}\r\n}","import { connect } from \"react-redux\";\r\nimport { fetchEcodrivingOverview, fetchEcodrivingDetail} from \"./actions\";\r\nimport Percentage from \"components/formatting/Percentage\";\r\nimport LeafPercentageIcon from './LeafPercentageIcon';\r\n\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\nimport Card from 'components/Card/Card.jsx';\r\nimport StatsCard from \"components/Card/StatsCard.jsx\";\r\nimport Datetime from 'react-datetime';\r\nimport NumberFormat from 'components/formatting/Number';\r\nimport 'assets/css/detailcard.css';\r\n\r\nimport {\r\n FormGroup\r\n} from \"react-bootstrap\";\r\n\r\nimport React, { Component} from \"react\";\r\nimport {\r\n Row,\r\n Col,\r\n Well\r\n } from \"react-bootstrap\";\r\nimport moment from 'moment';\r\nimport 'moment/locale/sv';\r\n\r\nclass EcoDriving extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n moment().locale('sv');\r\n\r\n this.state = {\r\n detailsDate: new Date()\r\n };\r\n }\r\n componentDidMount()\r\n {\r\n this.props.fetchEcodrivingDetail(moment(this.state.detailsDate).toISOString());\r\n this.props.fetchEcodrivingOverview();\r\n }\r\n\r\n render() {\r\n return (\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 Välkommen!
\r\nHär ser du en presentation på hur din bränsleförbrukning är jämfört med dina kollegor. Du jämförs på varje tur du kör och kan se resultaten i procent (%) per dag, per vecka och per månad.
\r\n- \r\n
- Över 100% = Du förbrukar mer än dina kollegor \r\n
- 100% = Snittet bland kollegorna \r\n
- Under 100% = Du förbrukar mindre än dina kollegor \r\n
Du kan välja ett specifikt datum och se hur varje tur gick den dagen.
\r\n- \r\n
- Rött löv = Du förbrukar mer än dina kollegor \r\n
- Orange löv = Du kör som snittet \r\n
- Grönt löv = Du förbrukar mindre än dina kollegor \r\n
\r\n
\r\n \r\n
\r\n Dagens Turer
\r\n\r\n \r\n {\r\n this.setState({\r\n detailsDate: newDate\r\n }, () => {\r\n this.props.fetchEcodrivingDetail(moment(this.state.detailsDate).toISOString());\r\n });\r\n }}\r\n value={this.state.detailsDate}\r\n className=\"datetime-width\"\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Tur | \r\nBuss | \r\nJämförelseindex | \r\nDistans (km) | \r\nMedeltemperatur (C) | \r\nSnittförbrukning (l/mil) | \r\n
|---|---|---|---|---|---|
| {prop.turbeskrivning} | \r\n{prop.fordonRegistreringsnummer} | \r\n
\r\n { this.props.detailLoading ? \r\n
\r\n
\r\n }) : null}\r\n \r\n
\r\n \r\n \r\n
\r\n Tur
\r\n {prop.turbeskrivning}\r\n \r\n \r\n
\r\n Fordon
\r\n {prop.fordonRegistreringsnummer}\r\n \r\n
\r\n \r\n
\r\n Jämförelseindex
\r\n \r\n
\r\n Distans (km)
\r\n \r\n
\r\n \r\n
\r\n Medeltemperatur (C)
\r\n \r\n
\r\n Snittförbrukning (l/mil)
\r\n \r\n \r\n \r\n \r\n
\r\n }\r\n />\r\n
\r\n \r\n \r\n \r\n this.handleYearChange(event)}\r\n />\r\n\r\n \r\n \r\n this.handleMonthChange(event)}\r\n >\r\n {this.months.map((item, key) => {\r\n return \r\n })}\r\n \r\n {this.state.monthError}\r\n \r\n
\r\n }\r\n content={\r\n | Datum | \r\nDag | \r\nStarttid | \r\nSluttid | \r\nBeskrivning | \r\n
|---|---|---|---|---|
| Laddar schema.. | ||||
| \r\n | \r\n \r\n {item.starttidDayName}\r\n | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n\r\n {item.beskrivning}\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 }) : 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\nfunction mapStateToProps(state) {\r\n return {\r\n schema: state.bpluppdrag.schema,\r\n schemaTimestamp: state.bpluppdrag.schemaTimestamp,\r\n isLoadingSchema: state.bpluppdrag.isLoadingSchema,\r\n loadingSchemaFailed: state.bpluppdrag.loadingSchemaFailed\r\n };\r\n }\r\n \r\n export default connect(mapStateToProps, { fetchSchema })(Schema);","import React, { Component} from \"react\";\r\n\r\nclass Currency extends Component {\r\n\r\n\r\n render() {\r\n return ({this.props.value} kr);\r\n }\r\n\r\n}\r\nexport default Currency;\r\n","import React, { Component} from \"react\";\r\nimport Card from \"components/Card/Card\";\r\nimport DateC from 'components/formatting/Date';\r\nimport Currency from 'components/formatting/Currency';\r\nimport LoadingIcon from 'components/utils/LoadingIcon';\r\n\r\nclass IncidentListTable extends Component {\r\n render() {\r\n return \r\n \r\n this.handleYearChange(event)}\r\n />\r\n\r\n \r\n \r\n this.handleMonthChange(event)}\r\n >\r\n {this.months.map((item, key) => {\r\n return \r\n })}\r\n \r\n {this.state.monthError}\r\n \r\n
\r\n { this.props.isLoadingSchema \r\n ? Laddar schema..
: null }\r\n { !this.props.isLoadingSchema\r\n ? this.props.schema.map((item, key) => {\r\n returnDatum
\r\n Dag
\r\n {item.starttidDayName}\r\n Starttid
\r\n \r\n Sluttid
\r\n \r\n Beskrivning
\r\n {item.beskrivning}\r\n \r\n { this.props.rows.resultList.map((item, key) => {\r\n return (\r\n
\r\n : null\r\n }\r\n \r\n \r\n \r\n } />;\r\n }\r\n}\r\nexport default IncidentListCards;","import React, { Component} from \"react\";\r\nimport Card from \"components/Card/StatsCard\";\r\n\r\nclass SummaCard extends Component {\r\n render() {\r\n return \r\n \r\n
\r\n
\r\n )\r\n })}\r\n {item.rubrik}
\r\n \r\n{item.fordonsskada.forsakringsKategori}
\r\n \r\n{item.fordonsskada.handelseBeskrivning}
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n Summa:
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ColViewSwitch;","import React, { Component} from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport IncidentListTable from \"./IncidentListTable\";\r\nimport IncidentListCards from \"./IncidentListCards\";\r\nimport SummaCard from \"./SummaCard\";\r\nimport { fetchForsakringUppfoljning } from '../actions';\r\nimport Currency from 'components/formatting/Currency';\r\nimport LoadingIcon from 'components/utils/LoadingIcon';\r\nimport ColViewSwitch from 'components/utils/ColViewSwitch';\r\n\r\nimport { Col, Row, FormGroup,\r\n FormControl,\r\n} from 'react-bootstrap';\r\n\r\nclass ForsakringUppfoljning extends Component {\r\n constructor(props)\r\n {\r\n super(props);\r\n this.state = {\r\n yearError: null,\r\n year: new Date().getFullYear(),\r\n month: new Date().getMonth() + 1,\r\n monthError: null,\r\n }\r\n this.yearIsValid = true;\r\n }\r\n maxYear = new Date().getFullYear() + 5\r\n minYear = new Date().getFullYear() - 5\r\n\r\n componentDidMount() {\r\n this.props.fetchForsakringUppfoljning(this.state.year, this.state.month);\r\n }\r\n\r\n validateYear() {\r\n if (this.state.year >= this.minYear && this.state.year <= this.maxYear)\r\n {\r\n this.yearIsValid = true;\r\n this.setState({\r\n yearError: null\r\n });\r\n } \r\n else \r\n {\r\n this.yearIsValid = false;\r\n this.setState({\r\n yearError: 'Felaktigt årtal'\r\n });\r\n }\r\n \r\n }\r\n\r\n handleYearChange(event) {\r\n\r\n this.setState({\r\n year: event.target.value\r\n }, () => {\r\n this.validateYear();\r\n\r\n if (this.yearIsValid) {\r\n this.props.fetchForsakringUppfoljning(this.state.year, this.state.month);\r\n }\r\n\r\n });\r\n }\r\n\r\n handleMonthChange(event) {\r\n this.setState({\r\n month: event.target.value\r\n }, () => {\r\n if (this.yearIsValid) {\r\n this.props.fetchForsakringUppfoljning(this.state.year, this.state.month);\r\n }\r\n });\r\n }\r\n months = [\r\n { id: 1, name: 'Januari'},\r\n { id: 2, name: 'Februari'},\r\n { id: 3, name: 'Mars'},\r\n { id: 4, name: 'April'},\r\n { id: 5, name: 'Maj'},\r\n { id: 6, name: 'Juni'},\r\n { id: 7, name: 'Juli'},\r\n { id: 8, name: 'Augusti'},\r\n { id: 9, name: 'September'},\r\n { id: 10, name: 'Oktober'},\r\n { id: 11, name: 'November'},\r\n { id: 12, name: 'December'},\r\n ]\r\n renderSummaCard1() {\r\n return ({this.props.lg}
\r\n {this.props.md}
\r\n {this.props.sm}
\r\n {this.props.xs}
\r\n \r\n \r\n this.handleYearChange(event)}\r\n />\r\n\r\n \r\n \r\n this.handleMonthChange(event)}\r\n >\r\n {this.months.map((item, key) => {\r\n return \r\n })}\r\n \r\n {this.state.monthError}\r\n \r\n
\r\n );\r\n }\r\n renderSmall() {\r\n return (\r\n
;\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user,\r\n forsakringUppfoljning: state.incident.forsakringUppfoljning,\r\n isLoadingForsakringUppfoljning: state.incident.isLoadingForsakringUppfoljning,\r\n loadingForsakringUppfoljningFailed: state.incident.loadingForsakringUppfoljningFailed,\r\n };\r\n }\r\nexport default connect(mapStateToProps, { fetchForsakringUppfoljning })(ForsakringUppfoljning);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport Card from \"components/Card/Card.jsx\";\r\nimport CustomButton from \"components/CustomButtons/CustomButton.jsx\";\r\nimport {appConfig} from \"config/appConfig\";\r\nimport * as serviceWorker from 'serviceWorker';\r\n\r\nclass Reset extends React.Component {\r\n \r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showResetButton: true\r\n }\r\n }\r\n\r\n onResetClick = () => {\r\n \r\n window.localStorage.clear(); \r\n serviceWorker.unregister();\r\n this.setState({\r\n showResetButton: false\r\n })\r\n console.log('rensat');\r\n }\r\n\r\n render() {\r\n\r\n return ( \r\n Återställ appen genom att klicka på knappen. Då rensas appens cache och appens servicejobb avinstalleras.
\r\n { this.state.showResetButton ?Appen är nu återställd. Klicka här för att använda {appConfig.title} på nytt
}\r\n \r\n } />) \r\n }\r\n}\r\n\r\nexport default connect()(Reset);","import React from \"react\";\r\n// import Card from \"components/Card/Card.jsx\";\r\nimport Reset from \"components/Support/Reset\";\r\n// import Debuginfo from \"components/Support/Debuginfo\";\r\n\r\nclass DashboardHelp extends React.Component {\r\n \r\n render() {\r\n return (\r\n\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\nexport default DashboardHelp;","import React from 'react';\r\nimport \"assets/css/krishantering.css\";\r\n\r\nclass Busschaufforer extends React.Component {\r\n/*\r\nI anslutning till checklistan för busschaufförer (enbart de som har befattning bussförare) skall även kontaktperson visas. Kontaktperson är närmsta chef (och det finns i personalregistret). Även telefonnummer till kontaktpersonen skall visas och det måste hämtas från personalregistret (så detta måste nog bli en slagning till, men lösning är valfri bara det hämtas på något sätt).\r\n\r\n*/\r\n render() {\r\n return( \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\nexport default Busschaufforer;\r\n","import React from 'react';\r\n\r\nclass KommunikationsSamordnare extends React.Component {\r\n\r\n render() {\r\n return(Du råkar ut för olycka med personskador
\r\nLarma SOS 112 (hellre en gång för mycket än för lite)
\r\n\r\n Vart har olyckan skett
\r\n Vägnummer
\r\n Ort/plats
\r\n Vad har skett
\r\n Finns personskador
\r\n Finns risk att skadorna kan förvärras (brand explosion kläm)\r\n
Säkra platsen
\r\nSätt ut varningstriangel så att andra trafikanter ej förvärrar olyckan
\r\n\r\nVid behov inled akut räddningsarbete (ABC)
\r\nKolla om sjukvårdspersonal finns bland resenärerna
\r\n\r\nMeddela trafikledningen
\r\nTrafikledningen ombesörjer att Du får den hjälp som du behöver samt tillkallar ev reservfordon/förare mm
\r\n\r\nGe besked till resenärerna om vad som händer
\r\nAlla resenärer sitter kvar i bussen och vill få lägesinformation
\r\n\r\nPrata inte med tidningar, TV mm utan hänvisa till företagets trafikledning
\r\nSäg gärna att Ni inte orkar svara på frågor just nu, ett svar som brukar accepteras i ett krisläge.
\r\n\r\nOm skadan är lindrig och du ej är i behov av akut hjälp (inga passagerare), eller vid incident/tillbud
\r\nMeddela trafikledningen
\r\nRedogör för händelsen, ev förseningar, bussbyten m.m.
\r\n Dokumentera olycksplatsen ev skador med din mobilkamera\r\n
\r\n
)\r\n } \r\n}\r\n\r\nexport default KommunikationsSamordnare;\r\n","import React from 'react';\r\n\r\nclass Trafikledare extends React.Component {\r\n\r\n render() {\r\n return(1.\tProducera och distribuera information (se rutiner för kriskommunikation)
\r\n2.\tSäkerställ att intern och extern information samordnas/synkas
\r\n3.\tSäkerställ att krisgruppen beslutar om vem som informerar arbetsmiljöverket, Länsstyrelse, Kommunens ledning och övriga intressenter såsom Länstrafikbolag, Kollektivtrafikmyndigheter m.fl.
\r\n4.\tSe till att Intranätet uppdateras ofta och regelbundet
\r\n5.\tSe till att växeln får tillgång till all information som skickas ut
\r\n6.\tOmvärldsbevaka via alla kanaler och förse krisledaren med information
\r\n7.\tUtvärdera informationsbehovet utifrån varje situation och rekommendera insatser
\r\n8.\tVid behov/om nödvändigt, anordna pressträff:
\r\n- \r\n
- Se till att endast journalister deltar \r\n
- Undvik att hålla träffen i egna lokaler om möjligt (ingen logotyp i lokalen) \r\n
- Ta eventuellt in andra aktörer som medverkande, t ex räddningstjänst eller länsstyrelse \r\n
- Se till att pressmeddelande eller annan dokumentation kan delas ut till deltagarna \r\n
9.\tSveriges Radios trafik- och samhällsinformation, tel 020-999 444, kan snabbt informera om händelser som behöver komma till allmänhetens kännedom
\r\n10.\tVid större bussolycka meddela Sveriges Bussföretag om det inträffade samt vilka åtgärder som vidtagits. Fråga gärna om råd om fortsatt hantering av media. Det bistår i arbetet vid stora kriser och katastrofer
\r\n\r\n
)\r\n } \r\n}\r\n\r\nexport default Trafikledare;\r\n","import React from 'react';\r\n\r\nclass Krisledare extends React.Component {\r\n\r\n render() {\r\n return(1.\tKontrollera om larm har gått till räddningstjänsten
\r\n2.\tOavsett vad som har hänt är det viktigt att trafikledningen i första hand utgår från att föraren inte bör köra vidare. Även om t ex skolan i gärna vill att vi ska köra eleverna fram till skolan där deras krisgrupp tar vid så måste vi vara 100 % säkra på att den förare som ska fullfölja körningen är kapabel till detta och att det utifrån situation är lämpligt
\r\n3.\tVid trafikolycka/incident stäm av med myndighetsperson på plats om fordonet får flyttas, samt om det behöver vara tillgängligt på depå eller verkstad för ex teknisk undersökning i efterhand. Säkerställ alltid att polis gett klartecken till att fordonet får tas i trafik innan så görs
\r\n4.\tBe föraren att återigen kontrollera med resenärerna om det är någon som känner sig skadad på något sätt? Undvik bedömningsfrågor utan ställ i möjligaste mån frågor som besvaras med ”ja” eller ”nej”. Föraren kan vara skärrad eller chockad och därför göra oriktiga bedömningar
\r\n5.\tVilken information ska föraren ge till de resenärer som är kvar på platsen? Här är det viktigt att försöka gå ut med ett rakt besked t ex ”en ambulans är på väg för att ta hand om de skadade. Sitt lugnt kvar så kommer det att komma en ny buss och förare som kör er vidare”. Be sedan resenärer som vill något övrigt att kontakta bolaget senare
\r\n6.\tSkicka ut personal till platsen för ta hand om föraren och representera företaget gentemot passagerare och eventuell räddningspersonal
\r\n7.\tInformera krisgruppen. Vid en katastrof (se definition sid 3) ska bolags-vd/krisledaren även kalla samtliga ägare i Björks & Byberg till krismötet. I andra fall gör vd normalt bedömningen om händelsen är av den karaktären att ägarna behöver kallas, eller om det är tillräckligt att de informeras i efterhand. Vd eller dennes ställföreträdare är operativt ansvarig för händelser inom sitt område. Information till krisgruppen utförs via sms till samtliga gruppmedlemmar + aktuell trafikledning. Därefter ringer trafikledaren upp vd eller dennes ställföreträdare och meddelar:
\r\n- \r\n
- Vad som har hänt \r\n
- Plats för det inträffade \r\n
- Antal inblandade \r\n
- Vilka konsekvenser händelsen kan få \r\n
OBS! Tänk på att aldrig använda jourtelefonen vid telefonmöten mm. Den måste vara öppen för inkommande samtal.
\r\n\r\nFöretagets utsände på olycksplatsen (punkt 6 ovan)
\r\nDenne person fungerar som trafikledningens förlängda arm ute på platsen för händelsen. Så snart krisgruppen är aktiverad rapporterar personen direkt till krisledaren. Den utsände sköter allt av praktisk och lokal karaktär i samråd med berörda myndigheter på plats. Krisledaren tar alla större beslut samt hanterar media.
\r\nArbetsuppgifter företagets utsände:
\r\n- \r\n
- Bistå polis, räddningsledare och andra inblandade på plats \r\n
- Ombesörj eventuell hemtransport eller transport till samlingsplats för icke skadade, efter avstämning med polis och läkare på olycksplatsen \r\n
- Säkra tillsammans med räddningsledning att inblandade i olycka som sänds hem inte blir lämnade helt ensamma \r\n
- Se till att bagage och tillhörigheter blir omhändertagna efter att ha stämt av med polis och förvara bagaget på stöldsäker plats \r\n
- Stäm av med polis gällande den tekniska utrustningen ombord, får färdskrivardata kopieras, kan biljettmaskin plockas ur osv \r\n
- Ta fram namn på passagerarna, stäm av med polis \r\n
\r\n
)\r\n } \r\n}\r\n\r\nexport default Krisledare;\r\n","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport Busschaufforer from \"./CheckLists/Busschaufforer\";\r\nimport KommunikationSamordnare from \"./CheckLists/KommunikationSamordnare\";\r\nimport Trafikledare from \"./CheckLists/Trafikledare\";\r\nimport Krisledare from \"./CheckLists/Krisledare\";\r\nimport { getClaimArray } from \"system/security\";\r\n\r\nclass CheckList extends React.Component {\r\n \r\n renderChecklist(positions){\r\n \r\n\r\n // positions kan vara endera sträng eller sträng[]\r\n // update 20191214 positions hämtas nu som en array så vi kan TODO refactora denna kod att alltid kolla efter en array\r\n\r\n /* \r\n Om en person har flera befattningar så gäller denna rangordning (alltså om en person är både VD och bussförare så ska till exempel bara krisledarechecklistan visas):\r\n Krisledare -> Kommunikationssamordnare -> Trafikledare -> Busschaufförer.\r\n\r\n Krisledare:\r\n - VD\r\n - Regionchef\r\n Kommunikation:\r\n - Samordnare PR- och marknadskommunikation\r\n - HR-chef\r\n Trafikledare\r\n - Områdeschef\r\n - Trafikledare\r\n - Driftledare\r\n Busschauför:\r\n - Bussförare\r\n\r\n // ytterligare bussförare\r\n Fordonstekniker\r\n Verkstadsansvarig\r\n Ekonom\r\n Ekonomiassistent\r\n Fastighetsansvarig\r\n Extern\r\n Förstemekaniker\r\n Löneadministratör\r\n Lönespecialist\r\n */\r\n\r\n // console.log('is array', Array.isArray(positions));\r\n\r\n if (Array.isArray(positions)) {\r\n if ((positions.indexOf(\"VD\") > -1) || (positions.indexOf(\"Regionchef\") > -1)) {\r\n return 1.\tStäm av händelsen med trafikledaren och gå igenom checklista för trafikledare för att ta reda på vad som har hänt är vilka åtgärder som är gjorda hittills. Låt därefter trafikledaren lösa det praktiska med ersättningsfordon, ny förare eller liknande (beroende på händelse)
\r\n2.\tSammankalla krisgruppen så snart som möjligt för en första avstämning på telefon, om detta inte redan är gjort av trafik-/driftledare eller jour. Kallelse skickas ut på sms med text:
\r\n- \r\n
- Kallelse till krisgruppsmöte \r\n
- klockslag för mötet \r\n
- telefonnummer och möteskod \r\n
3.\tFörsta mötet: Börja med att strukturera upp vad som inträffat och se till att hela gruppen har en enhetlig bild av situationen
\r\nFördela följande roller och arbetsuppgifter (en person kan tilldelas flera roller);
\r\n- \r\n
- Krisledare och biträdande krisledare \r\n
- Presstalesperson (normalt krisledaren) \r\n
- Kommunikationssamordnare (se rutiner för kriskommunikation) \r\n
- Inhämta information om föraren (ålder, arbetsmängd dagarna före händelsen, ev sjukdomshistorik m.m. som kan vara relevant) \r\n
- Inhämta information om fordonet (däck, alkolås, service, rapporterade fel m.m. som kan vara relevant) \r\n
- Sekreterare för mötet (för protokoll över rollfördelning, beslut m.m.) \r\n
4.\tSe till att trafikledningen/växel öppnas/bemannas (om det är utanför kontorstid) och informera om vem som är företagets talesperson (namn och kontaktuppgifter)
\r\n5.\tSäkerställ att kundkontakter hanteras, prioriteras och sköts korrekt, oavsett om det är via telefon, e-post eller sociala medier
\r\n6.\tSäkerställ att medarbetare, uppdragsgivare och media informeras enligt bifogade kriskommunikationsrutiner
\r\n7.\tSkaffa kommunikationsvägar in till räddningstjänst, polis, sjukhus m.m.
\r\n8.\tBestäm vem som tar hand om praktiska kontakter (fack, arbetsmiljöverket, försäkringsbolag, kunder, skola)
\r\n9.\tBestäm vilka som ska besöka eventuella skadade på sjukhus
\r\n10.\tVid medarbetares dödfall, följ separat checklista
\r\n11.\tKalla vid behov till informationsmöte på arbetsplatsen samma dag. Se till att de medarbetare som vill ha hjälp och stöd får den hjälp de behöver.
\r\n12.\tÅtersamla krisgruppen en gång i timmen, oftare vid behov, under den akuta fasen
\r\n13.\tUtvärdera kontinuerligt att arbetet fungerar tillfredsställande. Klarar varje ansvarig av sina områden eller behöver man hjälp i denna situation?
\r\n14.\tUndersök om medarbetare måste avlösas under dagen för att få möjlighet till samtal. Gäller såväl trafikledning som medlemmar i krisgruppen. Säg ifrån om du själv behöver en paus och delegera arbetet till din biträdande krisledare
\r\n15.\tTag tidigt kontakt med övriga som berörts av olyckan och boka eventuella möten
\r\n16.\tNär den akuta fasen är över är det viktigt att prioritera efterarbetet. Se sidan 5 i Krishanteringsplanen.
\r\n{this.renderChecklist(getClaimArray(\"IntraPosition\", this.props.userprofile))}
\r\n );\r\n }\r\n}\r\n\r\n\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n userprofile: state.userprofile.userprofile,\r\n user: state.oidc.user\r\n };\r\n }\r\n \r\n export default connect(mapStateToProps)(CheckList);","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { fetchDocumentsByCompanyArea,downloadDocumentFileByCompanyArea } from \"./actions\";\r\nimport Button from 'components/CustomButtons/CustomButton.jsx';\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\n\r\nclass DocumentList extends React.Component {\r\n\r\n constructor(props){\r\n super(props);\r\n\r\n this.handleDownloadFile.bind(this);\r\n }\r\n componentDidMount() {\r\n this.props.fetchDocumentsByCompanyArea();\r\n }\r\n\r\n handleDownloadFile(filename) {\r\n this.props.downloadDocumentFileByCompanyArea(filename);\r\n }\r\n\r\n render(){ \r\n return (Kontaktuppgifter i händelse av kris (t.ex. trafikolycka)
\r\nTrafikledningen är bemannad dygnet runt. Dagtid vardag av personal lokalt på depån. Övrig tid av våra ”nattugglor”.
\r\n
\r\n Trafikområde Timrå: 010-722 03 19
\r\n Trafikområde Kramfors: 010-722 03 39
\r\n Trafikområde Örnsköldsvik: 010-722 03 59
\r\n Trafikområde Härnösand: 010-722 03 69
\r\n Trafikområde Sollefteå: 010-722 03 79
\r\n Trafikområde Umeå: 010-722 03 89
\r\n Trafikområde Ljungandalen: 010-722 03 92
\r\n Taxi Ö-vik/Höga Kusten: 010-722 03 99
\r\n Taxi Kramfors: 010-722 03 98
\r\n
)\r\n } \r\n}\r\n\r\nexport default Forare;\r\n","import React from 'react';\r\n\r\nclass Trafikledare extends React.Component {\r\n\r\n render() {\r\n return(Du råkar ut för olycka med personskador/passagerare/förare
\r\nLarma trafikledare eller DLC/ BC. Får du inte svar ring alltid 112.
\r\n\r\n Vart har olyckan skett
\r\n Vägnummer
\r\n Ort/plats
\r\n Vad har skett
\r\n Finns personskador
\r\n Finns risk att skadorna kan förvärras (brand explosion kläm)
\r\n Patrullnummer polis på plats.\r\n
Säkra platsen
\r\nSätt ut varningstriangel så att andra trafikanter ej förvärrar olyckan
\r\n\r\nVid behov inled akut räddningsarbete (L-ABC)
\r\nKolla om sjukvårdspersonal finns bland resenärerna
\r\n\r\nGe besked till resenärerna om vad som händer
\r\nAlla resenärer sitter kvar i bussen och vill få lägesinformation
\r\n\r\nPrata inte med tidningar, TV mm utan hänvisa till Västanhede Trafiks VD alt SamBus VD
\r\nSäg gärna att Ni inte orkar svara på frågor just nu, ett svar som brukar accepteras i ett krisläge.
\r\n\r\nOm skadan är ringa och du ej är i behov av akut hjälp (inga passagerare), eller vid incident/tillbud
\r\nMeddela trafikledningen alternativt DLC/BC
\r\n Kontakta din närmaste Arbetsledare
Strukturera upp händelsen
\r\n Ev. förseningar, bussbyten\r\n
Dokumentera olycksplatsen ev skador med din mobilkamera\r\n
\r\n
)\r\n } \r\n}\r\n\r\nexport default Trafikledare;\r\n","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport Forare from \"./CheckLists/Forare\";\r\nimport Trafikledare from \"./CheckLists/Trafikledare\";\r\nimport { getClaimArray } from \"system/security\";\r\n\r\nclass CheckList extends React.Component {\r\n \r\n renderChecklist(positions){\r\n \r\n // console.log('is array', Array.isArray(positions));\r\n\r\n if (Array.isArray(positions)) {\r\n if ((positions.indexOf(\"Bussförare Linjetrafik\") > -1) \r\n || (positions.indexOf(\"Bussförare Beställning\") > -1)\r\n || (positions.indexOf(\"Taxi- Sjukbilsförare\") > -1)) \r\n {\r\n return Kontrollera att räddningstjänst är larmad
\r\nTa fram ev ersättnings förare/fordon
\r\nStäm av med myndighetsperson på plats om fordon får flyttas. Säkerställ att polis gett klartecken till att fordon får tas i trafik.
\r\n- \r\n
- Fordon ska vara tillgängligt för teknisk kontroll? \r\n
- Fordon får fraktas till verkstad \r\n
Be föraren åter kontrollera om någon är skadad. (Undvik bedömningsfrågor, endast Ja eller Nej frågor)
\r\n- Är föraren skadad, chockad kan bedömning bli osäker
Ge stöd åt föraren om vilken information den ska delge passagerare, ex att ambulans är på väg. Sitt lugnt kvar så kommer ny buss.
\r\n- Passagerare som vill något annat kontakta bolaget senare
Skicka ut personal till platsen för att ta hand om förare och representera bolaget.
\r\nFöretagets utsände
\r\nDenne person fungerar som trafikledningens förlängda arm ute på plats för händelsen. Så snart krisgruppen är aktiverad rapporterar denne direkt till krisgruppen. Den utsände sköter allt av praktisk och lokal karaktär i samråd med berörda myndigheter på plats. Krisgruppen tar alla större beslut samt hanterar media.
\r\nUppgifter för utsänd
\r\n- \r\n
- Bistå polis, räddningsledare och andra inblandade. \r\n
- Ombesörja ev hemtransport eller transport till samlingsplats för icke skadade, efter avstämning med polis, läkare el dyl. \r\n
- Säkra tillsammans med räddningsledning att inblandade i olycka som sänds hem inte blir lämnade ensam. \r\n
- Se till att bagage och tillhörigheter blir omhändertagna efter att ha stämt av med polis och förvara bagaget på stöldsäker plats. \r\n
- Stäm av med polis ang teknisk utrustning. \r\n
- Ta fram namn på passagerarna, stäm av med polis. \r\n
{this.renderChecklist(getClaimArray(\"IntraPosition\", this.props.userprofile))}
\r\n );\r\n }\r\n}\r\n\r\n\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user,\r\n userprofile: state.userprofile.userprofile\r\n };\r\n }\r\n \r\n export default connect(mapStateToProps)(CheckList);","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { fetchDocumentsByCompanyPosition,downloadDocumentFileByCompanyPosition } from \"./actions\";\r\nimport Button from 'components/CustomButtons/CustomButton.jsx';\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\n\r\nclass DocumentList extends React.Component {\r\n\r\n constructor(props){\r\n super(props);\r\n\r\n this.handleDownloadFile.bind(this);\r\n }\r\n componentDidMount() {\r\n this.props.fetchDocumentsByCompanyPosition();\r\n }\r\n\r\n handleDownloadFile(filename) {\r\n this.props.downloadDocumentFileByCompanyPosition(filename);\r\n }\r\n\r\n render(){ \r\n return (Kontaktinformation närmsta chef
\r\n{this.props.bossInfo.firstname} {this.props.bossInfo.lastname}
\r\n{this.props.bossInfo.telephoneNumber}
\r\n{this.props.bossInfo.mobileNumber}
\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\nfunction mapStateToProps(state) {\r\n return {\r\n bossInfo: state.krishantering.bossInfo,\r\n bossInfoTimestamp: state.krishantering.bossInfoTimestamp,\r\n isLoadingBossInfo: state.krishantering.isLoadingBossInfo,\r\n loadingBossInfoFailed: state.krishantering.loadingBossInfoFailed\r\n };\r\n }\r\n \r\n export default connect(mapStateToProps, { fetchBossInfo })(BossInfo);","import React from 'react';\r\nimport { Grid, Row, Col} from 'react-bootstrap';\r\nimport Card from 'components/Card/Card.jsx';\r\nimport CheckList from './CheckList';\r\nimport DocumentList from './DocumentList';\r\nimport BossInfo from './BossInfo';\r\n\r\nclass KrishanteringVH extends React.Component {\r\n render(){ \r\n return ({this.props.icon !== undefined ? this.props.icon : } {this.props.title } { this.state.isLoading ?
\r\n : {this.props.icon !== undefined ? this.props.icon : } {this.props.title } { this.state.isLoading ?
\r\n : \r\n\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tnoCaret\r\n\t\t\t\t\t\tid=\"basic-nav-dropdown-3\"\r\n\t\t\t\t\t\tbsClass=\"dropdown-with-icons dropdown\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tnoCaret\r\n\t\t\t\t\t\tid=\"basic-nav-dropdown-3\"\r\n\t\t\t\t\t\tbsClass=\"dropdown-with-icons dropdown\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tnoCaret\r\n\t\t\t\t\t\tid=\"basic-nav-dropdown-3\"\r\n\t\t\t\t\t\tbsClass=\"dropdown-with-icons dropdown\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tnoCaret\r\n\t\t\t\t\t\tid=\"basic-nav-dropdown-3\"\r\n\t\t\t\t\t\tbsClass=\"dropdown-with-icons dropdown\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tnoCaret\r\n\t\t\t\t\t\tid=\"basic-nav-dropdown-3\"\r\n\t\t\t\t\t\tbsClass=\"dropdown-with-icons dropdown\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\r\n \r\n \r\n
\r\n\r\n {this.state.redirectFailed ? :
\r\n } />\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user,\r\n logoutInProgress: state.authhelper.logoutInProgress\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(LoginPage);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Grid, Col, Row } from \"react-bootstrap\";\r\nimport SimpleStandaloneHeader from \"components/utils/SimpleStandaloneHeader\";\r\nimport Reset from \"components/Support/Reset\"\r\n// import Debuginfo from \"components/Support/Debuginfo\";\r\n\r\nclass HelpPage extends React.Component {\r\n \r\n render() {\r\n // just redirect to '/' in both cases\r\n return (\r\n \r\n
Ett fel inträffade.
\r\n \r\n\r\n {this.state.showRedirectText ?
\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\nexport default connect()(HelpPage);","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { getConfigurationDescription } from './actions';\r\n\r\nclass ConfigDescription extends React.Component {\r\n\r\n componentDidMount() {\r\n this.props.getConfigurationDescription();\r\n }\r\n\r\n render() {\r\n return (\r\n api config: {this.props.configDescription}
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n configDescription: state.diagnostics.configDescription\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, { getConfigurationDescription })(ConfigDescription);\r\n\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport Card from \"components/Card/Card.jsx\";\r\nimport {Grid, Col,Row } from \"react-bootstrap\";\r\nimport {appConfig} from \"config/appConfig\";\r\nimport ConfigDescription from './ConfigDescription';\r\nimport SimpleStandaloneHeader from \"components/utils/SimpleStandaloneHeader\";\r\n\r\n\r\nclass Diagnostics extends React.Component {\r\n \r\n componentDidMount() {\r\n \r\n \r\n}\r\n\r\n render() {\r\n\r\n return ( \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\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(Diagnostics);\r\n\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { CallbackComponent } from \"redux-oidc\";\r\nimport { push } from \"react-router-redux\";\r\nimport userManager from \"../system/userManager\";\r\n\r\nclass CallbackPage extends React.Component {\r\n render() {\r\n // just redirect to '/' in both cases\r\n return (\r\n \r\n
Diagnostik
\r\nclient config: {appConfig.name}
\r\n { this.props.user ? Redirecting...
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect()(CallbackPage);","import { connect } from \"react-redux\";\r\nimport React, { Component } from \"react\";\r\nimport { Collapse } from \"react-bootstrap\";\r\nimport { Link } from \"react-router\";\r\n// this is used to create scrollbars on windows devices like the ones from apple devices\r\nimport PerfectScrollbar from \"react-perfect-scrollbar\";\r\nimport 'react-perfect-scrollbar/dist/css/styles.css';\r\nimport { checkDashboardAccess } from \"system/security\";\r\n\r\nimport { appConfig } from \"config/appConfig\";\r\n\r\n\r\nconst bgImage = { backgroundImage: \"url(\" + appConfig.sideBarBg + \")\" };\r\n\r\n\r\nclass Sidebar extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n openAvatar: false, \r\n isWindows: navigator.platform.indexOf(\"Win\") > -1 ? true : false,\r\n width: window.innerWidth\r\n };\r\n // this.handleLinkClick = this.handleLinkClick.bind(this);\r\n }\r\n // verifies if routeName is the one active (in browser input)\r\n activeRoute(routeName) {\r\n return this.props.location.pathname.indexOf(routeName) > -1 ? \"active\" : \"\";\r\n }\r\n // if the windows width changes CSS has to make some changes\r\n // this functions tell react what width is the window\r\n updateDimensions() {\r\n this.setState({ width: window.innerWidth });\r\n }\r\n componentDidMount() {\r\n this.updateDimensions();\r\n // add event listener for windows resize\r\n window.addEventListener(\"resize\", this.updateDimensions.bind(this));\r\n\r\n\r\n }\r\n\r\n handleLinkClick(path) {\r\n document.documentElement.classList.toggle(\"nav-open\");\r\n // if (this.props.history !== undefined) this.props.history.push(path);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(Sidebar);","import React, { Component } from \"react\";\r\nimport { Navbar } from \"react-bootstrap\";\r\nimport MediaQuery from 'react-responsive';\r\n\r\n// links that appear in navbar - they are separated from this component (navbar) so that we can redner them on responsive in sidebar as well\r\n\r\n// import HeaderLinks from \"./HeaderLinks.jsx\";\r\n\r\n// we import here the routes for dashboard pages (links that appear in sidebar) to set navbar's name\r\n\r\nimport { appConfig } from \"config/appConfig\";\r\n\r\nclass Header extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleMinimizeSidebar = this.handleMinimizeSidebar.bind(this);\r\n this.mobileSidebarToggle = this.mobileSidebarToggle.bind(this);\r\n }\r\n makeBrand() {\r\n var name;\r\n appConfig.dashboard.map((prop, key) => {\r\n if (prop.collapse) {\r\n prop.childRoutes.map((prop, key) => {\r\n if (prop.path === this.props.location.pathname) {\r\n name = prop.name;\r\n }\r\n return null;\r\n });\r\n } else {\r\n if (prop.redirect) {\r\n if (prop.path === this.props.location.pathname) {\r\n name = prop.name;\r\n }\r\n } else {\r\n if (prop.path === this.props.location.pathname) {\r\n name = prop.name;\r\n }\r\n }\r\n }\r\n return null;\r\n });\r\n return name;\r\n }\r\n // function that makes the sidebar from normal to mini and vice-versa\r\n handleMinimizeSidebar() {\r\n document.body.classList.toggle(\"sidebar-mini\");\r\n }\r\n // function for responsive that hides/shows the sidebar\r\n mobileSidebarToggle(e) {\r\n document.documentElement.classList.toggle(\"nav-open\");\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n \r\n {appConfig.title}\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n \r\n this.handleLinkClick(prop.path)}\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 {/* If we are on responsive, we want both links from navbar and sidebar\r\n to appear in sidebar, so we render here HeaderLinks */}\r\n {this.state.width <= 992 ?
- \r\n {e.preventDefault(); this.setState(st);}}>\r\n \r\n
\r\n {prop.name}\r\n
\r\n \r\n\r\n - \r\n {prop.childRoutes.map((prop, key) => {\r\n if (prop.hideFromMenu !== undefined && prop.hideFromMenu === true){\r\n return true;\r\n }\r\n \r\n return (\r\n
\r\n );\r\n })}\r\n
{prop.name}
\r\n \r\n\r\n \r\n
\r\n Build: {process.env.REACT_APP_BUILD_DATE}
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n Sidan kan inte visas.
\r\nDetta kan bero på att din användare inte har behörighet att visa sidan.
\r\n } />\r\n );\r\n }\r\n}\r\n\r\nexport default NoAccess;","import React, { Component } from \"react\";\r\nimport Sidebar from './Sidebar/Sidebar.jsx';\r\nimport Header from './Header/Header.jsx';\r\nimport Footer from './Footer/Footer.jsx';\r\nimport NoAccess from \"./NoAccess.jsx\"\r\nimport { checkDashboardRouteAccess } from \"system/security\";\r\n\r\n// import PerfectScrollbar from \"react-perfect-scrollbar\";\r\n// import 'react-perfect-scrollbar/dist/css/styles.css';\r\n\r\nclass Main extends Component {\r\n componentDidMount() {\r\n this.setState({ _notificationSystem: this.refs.notificationSystem });\r\n }\r\n\r\n componentWillMount() {\r\n\r\n if (document.documentElement.className.indexOf(\"nav-open\") !== -1) {\r\n document.documentElement.classList.toggle(\"nav-open\");\r\n }\r\n }\r\n\r\n render() {\r\n \r\n const childrenWithExtraProp = React.Children.map(this.props.children, child => {\r\n return React.cloneElement(child, {\r\n router: this.props.router,\r\n onUpdateSize: () => { this._scrollBarRef.updateScroll()}\r\n });\r\n });\r\n // console.log('main props', this.props);\r\n\r\n return ( \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default Main;\r\n\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport Main from './Main.jsx';\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\nimport {Grid, Col, Row } from \"react-bootstrap\";\r\nimport Card from \"components/Card/Card.jsx\";\r\n\r\nimport { getUserProfile } from \"system/userprofile/actions\";\r\nimport SimpleStandaloneHeader from \"../../components/utils/SimpleStandaloneHeader.jsx\";\r\nimport Button from \"components/CustomButtons/CustomButton\";\r\n\r\nclass UserProfileHC extends Component {\r\n \r\n componentWillMount() {\r\n this.props.getUserProfile();\r\n\r\n }\r\n\r\n render() {\r\n \r\n \r\n return (\r\n this.props.userprofile ? \r\n \r\n : \r\n {/* { this._scrollBarRef = ref; }} > */}\r\n\r\n */}\r\n
\r\n \r\n { \r\n !checkDashboardRouteAccess(this.props.routes, this.props.userprofile) ?
\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\nfunction mapStateToProps(state) {\r\n return {\r\n userprofile: state.userprofile.userprofile,\r\n userprofileIsLoading: state.userprofile.userprofileIsLoading,\r\n userprofileLoadingFailed: state.userprofile.userprofileLoadingFailed,\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, { getUserProfile })(UserProfileHC);\r\n\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport LoginPage from \"../account/loginPage\";\r\nimport LoadingIcon from \"components/utils/LoadingIcon\";\r\n\r\nimport UserProfileHC from \"./Main/UserProfileHC.jsx\";\r\n \r\nclass Dashboard extends Component {\r\n \r\n render() {\r\n\r\n return (\r\n this.props.isLoadingUser ? \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\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user,\r\n logoutInProgress: state.authhelper.logoutInProgress\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, { logoutFinished })(LoggedOutPage);","import React, { Component } from 'react';\r\nimport { Router, browserHistory } from 'react-router';\r\nimport store from 'system/store';\r\nimport { syncHistoryWithStore } from 'react-router-redux';\r\n\r\nimport App from 'app';\r\nimport LoginPage from 'account/loginPage';\r\nimport HelpPage from 'account/helpPage';\r\nimport Diagnostics from 'diagnostics';\r\n\r\nimport MyCallbackPage from 'account/callback';\r\nimport { appConfig } from 'config/appConfig';\r\nimport Dashboard from 'dashboard/dashboard';\r\nimport LoggedOutPage from 'account/loggedoutPage';\r\nimport ReactAI from 'react-appinsights';\r\n\r\nconst history = syncHistoryWithStore(browserHistory, store); \r\n\r\nReactAI.init({instrumentationKey:appConfig.instrumentationKey}, browserHistory);\r\n\r\nconst routes = {\r\n path:\"/\",\r\n component: App,\r\n indexRoute: {\r\n onEnter: (nextState, replace) => replace('/dashboard/start')\r\n },\r\n childRoutes: [\r\n {\r\n path:\"/dashboard\",\r\n indexRoute: {\r\n onEnter: (nextState, replace) => replace('/dashboard/start')\r\n },\r\n component: Dashboard,\r\n childRoutes: appConfig.dashboard\r\n },\r\n {\r\n path:\"/callback\",\r\n component: MyCallbackPage\r\n },\r\n {\r\n path:\"/reset\",\r\n component: HelpPage\r\n },\r\n {\r\n path:\"/help\",\r\n component: HelpPage\r\n },\r\n {\r\n path:\"/diagnostics\",\r\n component: Diagnostics\r\n },\r\n {\r\n path:\"/login\",\r\n component: LoginPage\r\n },\r\n {\r\n path:\"/loggedout\",\r\n component: LoggedOutPage\r\n }\r\n \r\n ] \r\n}\r\n\r\nclass Routes extends Component {\r\n \r\n render() {\r\n return (\r\n \r\n
\r\n
Du är nu utloggad. Klicka här för att använda {appConfig.title} igen.
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
,\r\n document.getElementById(\"root\")\r\n );\r\n}\r\n\r\n\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: http://bit.ly/CRA-PWA\r\nserviceWorker.register();\r\n"],"sourceRoot":""}