\n {\"Einschätzung abschließen?\"}\n \n \n Möchten Sie die Einschätzung beenden? Sie haben noch {this.props.openItems} Item(s) nicht eingeschätzt.\n \n \n \n \n \n \n \n );\n }\n}","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport { Typography } from \"@material-ui/core\";\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport FormControl from '@material-ui/core/FormControl';\nimport Button from '@material-ui/core/Button';\nimport ButtonGroup from '@material-ui/core/ButtonGroup';\nimport Divider from '@material-ui/core/Divider';\nimport SkipItemDialog from './SkipItemDialog';\nimport MainscaleInterimResultDialog from './MainscaleInterimResultDialog';\nimport FinishAssessmentDialog from './FinishAssessmentDialog';\n\nconst useStyles = (theme) => ({\n divider: {\n margin: theme.spacing(2),\n }\n\n});\n\nclass MainscaleItem extends React.Component {\n constructor(props) {\n super(props);\n this.props = props;\n\n this.state = {\n itemValue: props.item.itemValue,\n openSkipDialog: false,\n openInterimResultDialog: false,\n openFinishAssessmentDialog: false\n };\n\n this.handleItemValueChange = this.handleItemValueChange.bind(this);\n this.handleNext = this.handleNext.bind(this);\n this.handleSkipDialogClose = this.handleSkipDialogClose.bind(this);\n this.handleItemSkip = this.handleItemSkip.bind(this);\n this.handleInterimResultClose = this.handleInterimResultClose.bind(this);\n this.showInterimResult = this.showInterimResult.bind(this);\n this.handleFinishButtonClick = this.handleFinishButtonClick.bind(this);\n this.handleFinishDialogClose = this.handleFinishDialogClose.bind(this);\n }\n\n handleItemValueChange(event) {\n var value = event.target.value;\n this.props.handleItemValueChange(value);\n this.setState({ itemValue: value });\n }\n\n handleNext() {\n if (this.state.itemValue) {\n this.props.handleNext();\n } else {\n this.setState({ openSkipDialog: true });\n }\n }\n\n handleItemSkip() {\n this.props.handleSkippedItem(this.props.item);\n this.props.handleNext();\n }\n\n handleSkipDialogClose() {\n this.setState({ openSkipDialog: false });\n }\n handleInterimResultClose() {\n this.setState({ openInterimResultDialog: false });\n }\n\n showInterimResult() {\n this.setState({ openInterimResultDialog: true });\n }\n\n handleFinishButtonClick() {\n this.setState({ openFinishAssessmentDialog: true });\n }\n\n handleFinishDialogClose() {\n this.setState({ openFinishAssessmentDialog: false });\n }\n\n calculateOpenItems() {\n var items = this.props.items;\n var openItemCount = 0;\n\n items.forEach(element => {\n if (element.itemValue === null) {\n openItemCount++;\n }\n });\n\n\n return openItemCount;\n }\n\n render() {\n const itemIdentifier = this.props.item.itemCategory.categoryAbbrv + \"-\" + this.props.item.itemCategory.itemCategoryId;\n const { classes } = this.props;\n const workflowButtons = (\n \n \n \n {/* */}\n \n
);\n\n return (\n \n \n \n \n \n \n {this.props.item.itemCategory.categoryAbbrv}-{this.props.item.itemCategory.itemCategoryId}\n \n \n\n \n \n Kommentar: {this.props.item.itemComment}\n \n \n \n \n } label=\"1 - stimmt meistens\" />\n } label=\"2a - Stimmt manchmal - In guten Situationen/bei guter emotionaler Verfassung\" />\n } label=\"2b - Stimmt manchmal - In neutralen Situationen/bei neutraler emotionaler Verfassung\" />\n } label=\"2c - Stimmt manchmal - In schlechten Situationen/bei schlechter emotionaler Verfassung\" />\n } label=\"3 - Stimmt nie - Das Merkmal trifft so nie auf/ist nie zu beobachten\" />\n \n \n \n \n {this.props.workflow && workflowButtons}\n \n \n );\n }\n}\n\nexport default withStyles(useStyles)(MainscaleItem);","import React from 'react';\nimport 'date-fns';\nimport deLocale from \"date-fns/locale/de\";\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport DateFnsUtils from '@date-io/date-fns';\nimport { MuiPickersUtilsProvider, KeyboardDatePicker } from \"@material-ui/pickers\";\nimport TextField from '@material-ui/core/TextField';\n\n\n\nexport default class PersonFormCard extends React.Component {\n constructor(props) {\n super(props);\n this.props = props;\n this.state = {\n 'patient-birthday': new Date('1990-01-01T00:00:00'),\n password_error_text: \"lalala\"\n };\n this.state['patient-firstname'] = \"\";\n this.state['patient-lastname'] = \"\";\n this.state['assessor-firstname'] = \"\";\n this.state['assessor-lastname'] = \"\";\n this.state['patient-firstname-error'] = { error: false, text: \"\" };\n this.state['patient-lastname-error'] = { error: false, text: \"\" };\n this.state['assessor-firstname-error'] = { error: false, text: \"\" };\n this.state['assessor-lastname-error'] = { error: false, text: \"\" };\n }\n\n render() {\n\n const _handleDateChange = (date) => {\n this.setState({ 'patient-birthday': date });\n };\n\n const _handleTextFieldChange = (e) => {\n this.setState({\n [e.target.id]: e.target.value\n });\n }\n\n const _handleSubmit = () => {\n var error = false;\n var newState = {};\n\n if (this.state['patient-firstname'].length === 0) {\n error = true;\n newState['patient-firstname-error'] = { error: true, text: \"Bitte geben Sie einen Vornamen ein.\" };\n } else {\n newState['patient-firstname-error'] = { error: false, text: \"\" };\n }\n if (this.state['patient-lastname'].length === 0) {\n error = true;\n newState['patient-lastname-error'] = { error: true, text: \"Bitte geben Sie einen Nachnamen ein.\" };\n } else {\n newState['patient-lastname-error'] = { error: false, text: \"\" };\n }\n if (this.state['assessor-firstname'].length === 0) {\n error = true;\n newState['assessor-firstname-error'] = { error: true, text: \"Bitte geben Sie einen Vornamen ein.\" };\n } else {\n newState['assessor-firstname-error'] = { error: false, text: \"\" };\n }\n if (this.state['assessor-lastname'].length === 0) {\n error = true;\n newState['assessor-lastname-error'] = { error: true, text: \"Bitte geben Sie einen Nachnamen ein.\" };\n } else {\n newState['assessor-lastname-error'] = { error: false, text: \"\" };\n }\n this.setState(newState);\n\n if (!error) {\n this.props.onSubmit({\n patient: {\n firstname: this.state['patient-firstname'],\n lastname: this.state['patient-lastname'],\n birthday: this.state['patient-birthday']\n },\n assessor: {\n firstname: this.state['assessor-firstname'],\n lastname: this.state['assessor-lastname']\n },\n assessment: {\n date: new Date(),\n }\n })\n }\n };\n\n return (\n \n \n \n Stammdaten\n \n \n Klient/in\n \n \n \n \n \n _handleDateChange(date)}\n />\n \n \n \n \n Einschätzer/in\n \n \n \n \n \n \n \n \n \n \n\n );\n }\n}","import React from 'react';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport { Typography } from \"@material-ui/core\";\n\nexport default class PersonCard extends React.Component {\n constructor(props) {\n super(props);\n this.props = props;\n }\n\n\n\n render() {\n\n return (\n \n \n \n {this.props.patient.firstname} {this.props.patient.lastname} (geboren am {this.props.patient.birthday.toLocaleDateString(\"de-DE\")})\n \n \n eingeschätzt von {this.props.assessor.firstname} {this.props.assessor.lastname}\n \n \n \n );\n }\n}","import React from 'react';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport MainscaleCanvasReact from './MainscaleCanvasReact';\n\nexport default class MainscaleCanvasCard extends React.Component {\n constructor(props) {\n super(props);\n this.props = props;\n }\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}","import React from 'react';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport DevelopmentTasksCanvasReact from './DevelopmentTasksCanvasReact';\n\nexport default class DevelopmentTasksCanvasCard extends React.Component {\n constructor(props) {\n super(props);\n this.props = props;\n }\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}","import { jsPDF } from \"jspdf\";\nimport 'jspdf-autotable';\nimport { createCanvas } from 'canvas';\nimport MainscaleCanvas from '../views/MainscaleCanvas';\nimport DevelopmentTasksCanvas from \"../views/DevelopmentTasksCanvas\";\nimport pdfMake from 'pdfmake/build/pdfmake';\nimport pdfFonts from 'pdfmake/build/vfs_fonts';\n\n\nexport default class MainscalePdfExporter {\n constructor(items, questionaireType, patient, assessor, productId) {\n //just create a canvas, width and height will be calculated later\n this.items = items;\n this.questionaireType = questionaireType;\n this.patient = patient;\n this.assessor = assessor;\n this.productId = productId;\n\n let tableItems = this.getItemsInTableFormat();\n\n this.docDefinition = {\n pageSize: 'A4',\n pageOrientation: 'landscape',\n header: this.addHeaders(),\n footer: function(currentPage, pageCount) {\n return {text: 'Seite ' + currentPage.toString() + '/' + pageCount, alignment: 'center'};\n },\n content: [\n {\n table: {\n headerRows: 3,\n dontBreakRows: true,\n body: [\n [{}, {}, {}, {}, {text: 'Wert', style: 'tableHeader', colSpan: 5, alignment: 'center'}, {}, {}, {}, {}],\n [{}, {}, {}, {}, {text: '1', style: 'tableHeader', rowSpan: 1}, {text: '2', style: 'tableHeader', colSpan: 3, alignment: 'center'},{}, {}, {text: '3', style: 'tableHeader', rowSpan: 1}],\n [{text: 'Dim.', style: 'tableHeader', rowSpan: 1}, {text: 'Typ', style: 'tableHeader', rowSpan: 1}, {text: 'Text', style: 'tableHeader', rowSpan: 1}, {text: 'Kommentar', style: 'tableHeader', rowSpan: 1}, {}, {text: 'a', style: 'tableHeader'}, {text: 'b', style: 'tableHeader'}, {text: 'c', style: 'tableHeader'}, {}],\n ...tableItems,\n ]\n },\n layout: {\n fillColor: function (rowIndex, node, columnIndex) {\n if (rowIndex <= 2) {\n return '#2980ba';\n } else {\n return (rowIndex % 2 === 0) ? null : '#f5f5f5';\n }\n },\n hLineWidth: function (i, node, columnIndex) {\n return (i === 2 && columnIndex === 4) ? 0 : 1;\n },\n hLineColor: function (i, node, columnIndex) {\n\n if (i === 2 && (columnIndex === 4 || columnIndex === 8)) {\n return '#2980ba';\n }\n if (i >= 3 || i === 0 || (columnIndex >= 4 && i <= 3)) {\n return '#c7c7c7';\n } else {\n return '#2980ba';\n }\n },\n vLineWidth: function (i, node) { return 1; },\n vLineColor: function (i, node) { return '#c7c7c7'; },\n },\n },\n {\n image: this.addMainscaleCanvasToPdf(),\n fit: [742, 495],\n pageBreak: 'before',\n pageOrientation: 'landscape'\n }\n ],\n defaultStyle: {\n color: '#505050',\n },\n styles: {\n tableHeader: {\n bold: true,\n fontSize: 12,\n color: 'white',\n },\n pageHeader: {\n fontSize: 10,\n margin: [25, 25, 25, 25],\n width: '*'\n }\n },\n };\n if (this.productId !== 2) {\n this.docDefinition.content.push(\n {\n image: this.addDevelopmentTasksCanvasToPdf(),\n fit: [395, 642],\n pageBreak: 'before',\n pageOrientation: 'portrait'\n }\n );\n }\n }\n\n getItemsInTableFormat() {\n let itemList = [];\n\n this.items.forEach(element => {\n\n let text = {text: this.getEmphasizedTextAsArray(element.itemText)};\n let comment = {text: this.getEmphasizedTextAsArray(element.itemComment)};\n\n let item = [element.itemCategory.categoryAbbrv + \"-\" + element.itemCategory.itemCategoryId, element.itemType, text, comment];\n\n if (element.itemValue === \"1\") {\n item.push(\"x\");\n } else {\n item.push(\"\");\n }\n\n if (element.itemValue === \"2a\") {\n item.push(\"x\");\n } else {\n item.push(\"\");\n }\n\n if (element.itemValue === \"2b\") {\n item.push(\"x\");\n } else {\n item.push(\"\");\n }\n\n if (element.itemValue === \"2c\") {\n item.push(\"x\");\n } else {\n item.push(\"\");\n }\n\n if (element.itemValue === \"3\") {\n item.push(\"x\");\n } else {\n item.push(\"\");\n }\n\n //only filled elements should be added\n if (element.itemValue !== null) {\n itemList.push(item);\n }\n });\n\n return itemList;\n }\n\n createPdf() {\n //this.pdf.save(this.patient.firstname + \"_\" + this.patient.lastname + \"_\" + this.patient.birthday.toLocaleDateString(\"de-DE\") + \"_Hauptskala.pdf\");\n let scaleName = this.productId === 2 ? \"_Erweiterungsskala\" : (this.productId === 1 || this.productId === 4) ? \"_Grundskala\" : \"_Grund_und_Erweiterungsskala\";\n pdfMake.vfs = pdfFonts.pdfMake.vfs;\n pdfMake.createPdf(this.docDefinition).download(this.patient.firstname + \"_\" + this.patient.lastname + \"_\" + this.patient.birthday.toLocaleDateString(\"de-DE\") + scaleName + \".pdf\");\n\n }\n\n addMainscaleCanvasToPdf() {\n const canvas = createCanvas(0, 0);\n const mainscaleCanvas = new MainscaleCanvas(canvas, this.items, this.questionaireType, true);\n\n canvas.width = mainscaleCanvas.calculateCanvasWidth();\n canvas.height = mainscaleCanvas.calculateCanvasHeight();\n\n mainscaleCanvas.draw();\n\n let imgData = canvas.toDataURL(\"image/jpeg\", 1.0);\n\n return imgData;\n }\n\n addDevelopmentTasksCanvasToPdf() {\n const canvas = createCanvas(0, 0);\n const developmentTasksCanvas = new DevelopmentTasksCanvas(canvas, this.items, true);\n\n canvas.width = developmentTasksCanvas.calculateCanvasWidth();\n canvas.height = developmentTasksCanvas.calculateCanvasHeight();\n\n developmentTasksCanvas.draw();\n\n let imgData = canvas.toDataURL(\"image/jpeg\", 1.0);\n\n return imgData;\n }\n\n addHeaders() {\n return { columns: [\n {text: 'Klient/in: ' + this.patient.firstname + ' ' + this.patient.lastname + ', geb. ' + this.patient.birthday.toLocaleDateString(\"de-DE\"),alignment: 'left', style: 'pageHeader'},\n {text: 'Datum: ' + new Date().toLocaleDateString(\"de-DE\"), alignment: 'center', style: 'pageHeader'},\n {text: 'Einschätzer/in: ' + this.assessor.firstname + ' ' + this.assessor.lastname, alignment: 'right', style: 'pageHeader'}\n ]\n };\n }\n\n getEmphasizedTextAsArray(text) {\n\n if (text.indexOf('') === -1) {\n return text;\n }\n\n let isEmphasized = text.indexOf('') === 0;\n\n let arrText = [];\n let emphasizedParts = text.split(/<\\/?em>/);\n\n\n for (let i = 0; i < emphasizedParts.length; i++) {\n if (isEmphasized) {\n if (i === 0) {\n i++;\n }\n arrText.push({text: emphasizedParts[i], decoration: 'underline'});\n isEmphasized = false;\n } else {\n arrText.push({text: emphasizedParts[i]});\n isEmphasized = true;\n }\n\n }\n\n return arrText;\n }\n}\n\n\n\n","import React from 'react';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport FormHelperText from '@material-ui/core/FormHelperText';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormGroup from '@material-ui/core/FormGroup';\nimport FormControl from '@material-ui/core/FormControl';\nimport Button from '@material-ui/core/Button';\nimport Box from '@material-ui/core/Box'\nimport { Typography } from \"@material-ui/core\";\n\nconst categories = [\n {\n id: 1,\n categoryAbbrv: \"Em\",\n categoryLabel: \"Emotionale Entwicklung\"\n },\n {\n id: 2,\n categoryAbbrv: \"So\",\n categoryLabel: \"Soziale Entwicklung\"\n },\n {\n id: 3,\n categoryAbbrv: \"DE\",\n categoryLabel: \"Denkentwicklung\"\n },\n {\n id: 4,\n categoryAbbrv: \"SpP\",\n categoryLabel: \"expr. Sprachentwicklung\"\n },\n {\n id: 5,\n categoryAbbrv: \"SpV\",\n categoryLabel: \"rezep. Sprachentwicklung\"\n },\n {\n id: 6,\n categoryAbbrv: \"W\",\n categoryLabel: \"Wahrnehmung\"\n },\n {\n id: 7,\n categoryAbbrv: \"RZÖ\",\n categoryLabel: \"Raum, Zeit und Öffentlichkeit\"\n },\n {\n id: 8,\n categoryAbbrv: \"LP-EH\",\n categoryLabel: \"Lebenspraxis - Ernährung und Haushalt\"\n },\n {\n id: 9,\n categoryAbbrv: \"LP-K\",\n categoryLabel: \"Lebenspraxis - Körperpflege und Kleidung\"\n },\n {\n id: 10,\n categoryAbbrv: \"GM\",\n categoryLabel: \"Grobmotorik\"\n },\n {\n id: 11,\n categoryAbbrv: \"HM\",\n categoryLabel: \"Handmotorik\"\n },\n {\n id: 12,\n categoryAbbrv: \"Sp\",\n categoryLabel: \"Spiel\"\n },\n {\n id: 13,\n categoryAbbrv: \"BA\",\n categoryLabel: \"Bildhafter Ausdruck\"\n }\n ];\n\nlet boughtCategories = [];\n\nexport default class MainscaleChooseCategoryCard extends React.Component {\n constructor(props) {\n super(props);\n this.props = props;\n\n\n if (this.props.productId === 1 || this.props.productId === 4) {\n boughtCategories = categories.slice(0, 5);\n } else if (this.props.productId === 2) {\n boughtCategories = categories.slice(5);\n } else if (this.props.productId === 5 || this.props.productId === 6) {\n boughtCategories = categories;\n }\n\n this.state = {\n chosenCategories: boughtCategories.map((cat) => cat.id),\n error: false\n };\n\n this.handleCategoryChange = this.handleCategoryChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n handleCategoryChange(event) {\n var currentCats = this.state.chosenCategories;\n var id = parseInt(event.target.id);\n\n if (event.target.checked) {\n if (!currentCats.includes(id)) {\n currentCats.push(id);\n this.setState({ chosenCategories: currentCats });\n }\n } else {\n if (currentCats.includes(id)) {\n var index = currentCats.indexOf(id);\n currentCats.splice(index, 1);\n\n this.setState({ chosenCategories: currentCats });\n }\n }\n }\n\n getCurrentValue(cat) {\n if (this.state.chosenCategories.includes(cat)) {\n return true;\n } else {\n return false;\n }\n }\n\n handleSubmit() {\n if (this.state.chosenCategories.length === 0) {\n this.setState({ error: true });\n } else {\n this.setState({ error: false });\n\n var submitCategories = [];\n\n this.state.chosenCategories.sort((a, b) => a - b);\n\n for (var i = 0; i < this.state.chosenCategories.length; i++) {\n submitCategories.push(categories[this.state.chosenCategories[i] - 1].categoryAbbrv);\n }\n\n\n this.props.onSubmit(submitCategories);\n }\n }\n\n render() {\n console.log(JSON.stringify(this.state));\n console.log(boughtCategories);\n console.log(this.state.chosenCategories);\n\n return (\n \n \n \n Dimensionen\n \n \n Wählen Sie die zu erfassenden Dimensionen aus:\n \n \n \n {boughtCategories.map((cat, i) =>\n }\n label={cat.categoryLabel} key={cat.id}\n />\n )}\n \n {this.state.error && Sie müssen mindestens eine Dimension auswählen!}\n \n \n HINWEIS: Sie können Ihre Auswahl später nicht mehr korrigieren!\n \n \n \n \n \n \n \n \n );\n }\n}","import React from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport MainscaleItem from './MainscaleItem';\n\nexport default class AssessSkippedItemDialog extends React.Component {\n constructor(props) {\n super(props);\n this.props = props;\n\n this.state = {\n itemValue: null,\n valueAvailable: false\n }\n\n this.handleItemValueChange = this.handleItemValueChange.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.handleItem = this.handleItem.bind(this);\n }\n\n handleItemValueChange(value) {\n this.setState({\n itemValue: value,\n valueAvailable: true\n });\n }\n\n handleClose() {\n this.setState({\n itemValue: null,\n valueAvailable: false\n });\n this.props.handleClose();\n }\n\n handleItem() {\n var item = this.props.item;\n item.itemValue = this.state.itemValue;\n console.log(item);\n this.props.handleSkippedItemValueChange(item);\n this.handleClose();\n }\n\n render() {\n return (\n \n {\"Übersprungenes Item erfassen\"}\n \n \n \n \n \n \n \n \n );\n }\n}","import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport { Avatar, ListItemAvatar } from '@material-ui/core';\nimport AssessSkippedItemDialog from './AssessSkippedItemDialog';\n\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n backgroundColor: theme.palette.background.paper,\n }\n}));\n\n\nexport default function SkippedItemsList(props) {\n const classes = useStyles();\n var items = props.items;\n\n const [item, setItem] = useState(items[0]);\n const [openDialog, setOpenDialog] = useState(false);\n\n const handleClose = () => {\n setOpenDialog(false);\n }\n\n const handleClick = (event, item) => {\n setItem(item);\n setOpenDialog(true);\n }\n\n return (\n \n
\n
\n {items.map((item) =>\n handleClick(event, item)} >\n \n {item.itemCategory.categoryAbbrv}\n \n \n \n )}\n
\n
\n \n \n \n {/* */}\n \n
);\n\n return (\n \n \n \n \n \n {itemIdentifier}\n \n \n {this.props.item.itemText}\n \n \n Kommentar: {this.props.item.itemComment}\n \n \n\n \n Häufigkeit, mit der das Verhalten auftritt:\n \n \n \n } label=\"1 - stimmt häufig/oft\" />\n } label=\"2 - stimmt manchmal/selten\" />\n } label=\"3 - Stimmt nie - Das Merkmal trifft so nie auf/ist nie zu beobachten\" />\n \n \n Situation, in der das Verhalten auftritt:\n \n \n } label=\"b - in durchschnittlichen Situationen / bei durchschnittlicher emotionaler Verfassung\" disabled={this.checkDisableSituation()} />\n } label=\"c - Stimmt nur in schwierigen Situationen / bei schlechter emotionaler Verfassung\" disabled={this.checkDisableSituation()} />\n \n\n \n Intensität, mit der das Verhalten auftritt:\n \n \n } label=\"+ - hoch\" disabled={this.checkDisableIntensity()} />\n } label=\"- - niedrig\" disabled={this.checkDisableIntensity()} />\n \n \n \n \n {this.props.workflow && workflowButtons}\n \n \n );\n }\n}\n\nexport default withStyles(useStyles)(SupplementscaleItem);","import Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport Axios from 'axios';\nimport React from 'react';\nimport { Redirect } from 'react-router';\nimport SupplementscalePdfExporter from '../exporter/SupplementscalePdfExporter';\nimport SupplementscaleCanvasCard from './SupplementscaleCanvasCard';\nimport PersonCard from './PersonCard';\nimport PersonFormCard from './PersonFormCard';\nimport SkippedItemsCard from './SkippedItemsCard';\nimport SupplementscaleItem from './SupplementscaleItem';\nimport QualitativeQuantitativeChoiceCard from './QualitativeQuantitativeChoiceCard';\n\nconst BACKEND_URL = process.env.REACT_APP_BACKEND_URL\n\n// const ITEMS_API_ENDPOINT = \"https://oia5jswo8i.execute-api.eu-central-1.amazonaws.com/dev/items\";\nconst ITEMS_API_ENDPOINT = BACKEND_URL + \"/items\";\n\nexport default class SupplementscaleWorkflow extends React.Component {\n constructor(props) {\n super(props);\n\n //this.initialize(true);\n\n\n\n let stateObj = {\n items: null,\n currentItem: null,\n supplementData: null,\n workflowStep: 1,\n skippedItems: [],\n maxItemIndex: 0,\n questionaireType: null\n };\n\n if (props.items) {\n stateObj.items = props.items;\n stateObj.currentItem = props.items[0];\n stateObj.supplementData = props.personData;\n stateObj.workflowStep = 2;\n }\n\n this.state = stateObj;\n\n this.handleBack = this.handleBack.bind(this);\n this.handleNext = this.handleNext.bind(this);\n this.handleFinish = this.handleFinish.bind(this);\n this.disableBack = this.disableBack.bind(this);\n this.disableNext = this.disableNext.bind(this);\n this.handlesupplementData = this.handlesupplementData.bind(this);\n this.handleItemValueChange = this.handleItemValueChange.bind(this);\n this.navigateToSkippedItemsList = this.navigateToSkippedItemsList.bind(this);\n this.handleSkippedItem = this.handleSkippedItem.bind(this);\n this.handleSkippedItemValueChange = this.handleSkippedItemValueChange.bind(this);\n this.backToItemWorkflow = this.backToItemWorkflow.bind(this);\n this.handlePdfDownload = this.handlePdfDownload.bind(this);\n this.handleQuestionaireTypeChange = this.handleQuestionaireTypeChange.bind(this);\n this.disableFinish = this.disableFinish.bind(this);\n\n if (props.setDownloadFn) {\n props.setDownloadFn(this.handlePdfDownload);\n }\n }\n\n componentDidMount() {\n if (this.state.workflowStep === 1) {\n const postData = {\n token: this.props.token,\n productId: 3\n }\n\n Axios.post(ITEMS_API_ENDPOINT, postData)\n .then((response) => {\n this.setState({\n items: response.data,\n currentItem: response.data[0]\n })\n })\n .catch((error) => {\n console.log(error);\n });\n }\n }\n\n handleBack() {\n var currentItemId = this.state.currentItem.itemId;\n var currentItemIndex = this.state.items.findIndex(\n (item) => {\n if (item.itemId === currentItemId) {\n return true;\n }\n return false;\n });\n this.setState({ currentItem: this.state.items[currentItemIndex - 1] });\n }\n\n\n handleNext() {\n var currentItemId = this.state.currentItem.itemId;\n var currentItemIndex = this.state.items.findIndex(\n (item) => {\n if (item.itemId === currentItemId) {\n return true;\n }\n return false;\n });\n\n var nextItemIndex = currentItemIndex + 1;\n\n this.setState({\n currentItem: this.state.items[nextItemIndex],\n maxItemIndex: nextItemIndex\n });\n }\n\n handleFinish() {\n this.setState({ workflowStep: 4 });\n }\n\n disableFinish() {\n console.log(\"Disable Finish!!!\");\n var currentItemId = this.state.currentItem.itemId;\n var currentItemIndex = this.state.items.findIndex(\n (item) => {\n if (item.itemId === currentItemId) {\n return true;\n }\n return false;\n });\n console.log(this.state.items.length);\n console.log(currentItemIndex);\n if (currentItemIndex === this.state.items.length - 1) {\n return false;\n } else {\n return true;\n }\n }\n\n disableBack() {\n var currentItemId = this.state.currentItem.itemId;\n var currentItemIndex = this.state.items.findIndex(\n (item) => {\n if (item.itemId === currentItemId) {\n return true;\n }\n return false;\n });\n\n if ((this.state.maxItemIndex - currentItemIndex) > 4) {\n return true;\n }\n if (currentItemIndex === 0) {\n return true;\n } else {\n return false;\n }\n }\n\n disableNext() {\n var currentItemId = this.state.currentItem.itemId;\n var currentItemIndex = this.state.items.findIndex(\n (item) => {\n if (item.itemId === currentItemId) {\n return true;\n }\n return false;\n });\n\n\n\n if (currentItemIndex < (this.state.items.length - 1)) {\n if (!this.state.items[currentItemIndex].itemValue.value) {\n return true;\n }\n\n if (this.state.questionaireType === \"1\") {\n if (this.state.items[currentItemIndex].itemValue.value === \"1\" || this.state.items[currentItemIndex].itemValue.value === \"2\") {\n if (this.state.items[currentItemIndex].itemValue.situation && this.state.items[currentItemIndex].itemValue.intensity) {\n return false;\n } else {\n return true;\n }\n }\n }\n\n if (this.state.questionaireType === \"2\") {\n if (this.state.items[currentItemIndex].itemValue.value === \"1\" || this.state.items[currentItemIndex].itemValue.value === \"2\") {\n if (this.state.items[currentItemIndex].itemValue.intensity) {\n return false;\n } else {\n return true;\n }\n }\n }\n\n return false;\n } else {\n return true;\n }\n }\n\n handlesupplementData(data) {\n this.setState({\n supplementData: data,\n workflowStep: 2\n });\n }\n\n navigateToSkippedItemsList() {\n this.setState({\n workflowStep: 99\n });\n }\n\n handleSkippedItem(item) {\n var skippedItems = this.state.skippedItems;\n skippedItems.push(item);\n this.setState({ skippedItems: skippedItems });\n }\n\n handleItemValueChange(value) {\n var items = this.state.items;\n var currentItemId = this.state.currentItem.itemId;\n var currentItemIndex = items.findIndex(\n (item) => {\n if (item.itemId === currentItemId) {\n return true;\n }\n return false;\n });\n\n items[currentItemIndex].itemValue = value;\n this.setState({ items: items });\n }\n\n handleSkippedItemValueChange(skippedItem) {\n var items = this.state.items;\n var skippedItemId = skippedItem.itemId;\n var itemIndex = items.findIndex(\n (item) => {\n if (item.itemId === skippedItemId) {\n return true;\n }\n return false;\n });\n\n\n items[itemIndex].itemValue = skippedItem.itemValue;\n\n var skippedItems = this.state.skippedItems;\n var skippedItemIndex = skippedItems.findIndex(\n (item) => {\n if (item.itemId === skippedItemId) {\n return true;\n }\n return false;\n });\n skippedItems.splice(skippedItemIndex, 1);\n\n this.setState({\n items: items,\n skippedItems: skippedItems\n });\n }\n\n backToItemWorkflow() {\n this.setState({ workflowStep: 3 });\n }\n\n showInterimResult() {\n console.log(\"Show Result!\");\n }\n\n handlePdfDownload() {\n const supplementscalePdfExporter = new SupplementscalePdfExporter(this.state.items, this.state.questionaireType, this.state.supplementData.patient, this.state.supplementData.assessor);\n supplementscalePdfExporter.createPdf();\n }\n\n handleQuestionaireTypeChange(value) {\n this.setState({\n questionaireType: value,\n workflowStep: 3\n });\n }\n\n render() {\n let query = this.props.location.search;\n\n //Skipping items cannot be accessed in the current version (this is intended!)\n if (this.state.workflowStep === 99) {\n return (\n \n \n \n \n \n \n \n \n );\n\n } else if (this.state.workflowStep === 4) {\n\n if (this.props.handleFinished) {\n this.props.handleFinished();\n }\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n );\n\n } else if (this.state.workflowStep === 3) {\n return (\n \n \n \n \n \n \n \n \n );\n } else if (this.state.workflowStep === 2) {\n return (\n \n \n \n )\n } else if (this.state.workflowStep === 1) {\n return (\n \n \n \n );\n }\n }\n}","import React from 'react';\nimport PersonFormCard from './PersonFormCard';\nimport PersonCard from './PersonCard';\nimport Box from '@material-ui/core/Box';\nimport MainscalePdfExporter from '../exporter/MainscalePdfExporter';\nimport SupplementscalePdfExporter from '../exporter/SupplementscalePdfExporter';\nimport Button from '@material-ui/core/Button';\nimport MainscaleWorkflow from './MainscaleWorkflow';\nimport SupplementscaleWorkflow from './SupplementscaleWorkflow';\nimport Axios from 'axios';\nimport MainscaleData from \"../data/MainscaleData\";\nimport SupplementscaleData from \"../data/SupplementscaleData\";\nimport SupplementscaleItem from \"./SupplementscaleItem\";\n\nconst BACKEND_URL = process.env.REACT_APP_BACKEND_URL\n\n// const ITEMS_API_ENDPOINT = \"https://oia5jswo8i.execute-api.eu-central-1.amazonaws.com/dev/items\";\nconst ITEMS_API_ENDPOINT = BACKEND_URL + \"/items\";\n\nexport default class MainSupplementeWorkflow extends React.Component {\n constructor(props) {\n super(props);\n\n\n let stateObj = {\n mainItems: null,\n supplementItems: null,\n personData: null,\n workflowStep: 1,\n unlockSupplementButton: false,\n unlockResultButton: false,\n downloadMainscalePdf: null,\n downloadSupplementscalePdf: null\n };\n\n this.state = stateObj;\n\n this.handleData = this.handleData.bind(this);\n this.handleFinishedMain = this.handleFinishedMain.bind(this);\n this.handleFinishedSupp = this.handleFinishedSupp.bind(this);\n this.navigateToSupplement = this.navigateToSupplement.bind(this);\n this.navigateToResult = this.navigateToResult.bind(this);\n this.setDownloadFnMain = this.setDownloadFnMain.bind(this);\n this.setDownloadFnSupp = this.setDownloadFnSupp.bind(this);\n }\n\n setDownloadFnMain(fn) {\n this.setState({\n downloadMainscalePdf: fn\n });\n }\n\n setDownloadFnSupp(fn) {\n this.setState({\n downloadSupplementscalePdf: fn\n });\n }\n\n handleData(data) {\n\n this.setState({\n personData: data,\n workflowStep: 2\n });\n\n };\n\n handleFinishedMain() {\n if (!this.state.unlockSupplementButton) {\n this.setState({\n unlockSupplementButton: true\n });\n }\n }\n\n navigateToSupplement() {\n this.setState({\n workflowStep: 3\n });\n }\n\n componentDidMount() {\n let productId = this.props.productId;\n if (this.state.workflowStep === 1) {\n const postData = {\n token: this.props.token,\n productId: productId\n }\n\n Axios({\n method: 'post',\n url: ITEMS_API_ENDPOINT,\n headers: {\n 'Content-Type': 'application/json',\n },\n data: postData\n }).then((response) => {\n /*\n this.setState({\n // mainItems: response.data.mainItems,\n // supplementItems: response.data.supplementItems\n });\n */\n }).catch((error) => {\n console.log(error);\n });\n\n let mItems = MainscaleData();\n let sItems = SupplementscaleData();\n\n this.setState({\n mainItems: mItems,\n supplementItems: sItems\n });\n }\n }\n\n handleFinishedSupp() {\n if (!this.state.unlockResultButton) {\n this.setState({\n unlockResultButton: true\n });\n }\n }\n\n navigateToResult() {\n this.setState({\n workflowStep: 4\n });\n }\n\n render() {\n\n if (this.state.workflowStep === 1) {\n\n return (\n \n \n \n );\n } else if (this.state.workflowStep === 2) {\n return (\n \n \n \n \n \n \n \n \n\n );\n } else if (this.state.workflowStep === 3) {\n return (\n \n \n \n \n \n \n \n \n );\n } else if (this.state.workflowStep === 4) {\n let scaleName = this.props.productId === 2 ? \"Erweiterungsskala\" : (this.productId === 1 || this.productId === 4) ? \"Grundskala\" : \"Grund- und Erweiterungsskala\";\n return (\n \n \n \n \n \n \n \n \n \n \n \n );\n }\n }\n}","export default function SupplementscaleData() {\n\treturn [\n\t\t{\n\t\t\titemId: 1,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 1 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [0, 1],\n\t\t\titemText: \"wirkt wie erstarrt oder „nicht da“ (z.B. \\\"leerer\\\" Blick) emotional reglos\",\n\t\t\titemComment: \"Zeichen für Desintegration, Traumafolgestörung, Autismus, Bindungsstörung, sozio-emotionale Deprivation\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 2,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 2 },\n\t\t\titemType: \"s\", itemAge: [0, 1],\n\t\t\titemText: \"befindet sich anscheinend unerreichbar in einer Eigenwelt (\\\"beamt sich weg\\\" durch Stereotypien, Selbstgespräche, starrt ins Leere)\",\n\t\t\titemComment: \"Zeichen für Desintegration, Traumafolgestörung, Autismus, sozio-emotionale Deprivation, Bindungsstörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 3,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 3 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [1, 6],\n\t\t\titemText: \"beansprucht seine Bezugsperson ständig und ”aufdringlich”, aber nicht aggressiv, für sich (z.B. dauerndes Quengeln / Reden / Fragen, stilles Hinterherlaufen, Suche nach Körperkontakt)\",\n\t\t\titemComment: \"Bedürfnis nach emotionaler Verbundenheit; Zeichen für Bindungstörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 4,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 4 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [1, 6],\n\t\t\titemText: \"entfaltet seine konstruktive Aktivität nur bei einer harmonischen Grundatmosphäre (z. B. aktive Beschäftigung allein oder mit Gleichrangigen, )\",\n\t\t\titemComment: \"Zeichen für Depression\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 5,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 5 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [1, 6],\n\t\t\titemText: \"ist über längere Zeit (mehr als 1 Tag) in nörgeliger, gereizter und / oder trauriger Grundstimmung (z. B. jammert, weint, lustlos, verweigert sich)\",\n\t\t\titemComment: \"Zeichen für Depression / Bindungsstörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 6,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 6 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [1, 6],\n\t\t\titemText: \"zeigt kein Interesse (z.B. an Gegenständen, Betätigungen), ist passiv, meldet keine Bedürfnisse an, wehrt sich nicht\",\n\t\t\titemComment: \"Zeichen für sozio-emotionale Deprivation, Depression, Selbstwertproblematik, Bindungsstörung, und / oder Traumafolgestörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 7,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 7 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [1, 6],\n\t\t\titemText: \"vermeidet Blickkontakt\",\n\t\t\titemComment: \"Angst vor Beziehungen; Zeichen für Autismus, sozio-emotionale Deprivation, Selbstwertproblematik und / oder Traumafolgestörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 8,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 8 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [1, 6],\n\t\t\titemText: \"zeigt steoreotype Körperbewegungen, ist dabei emotional erreichbar (z. B. Schaukeln, Hand- und Armbewegungen)\",\n\t\t\titemComment: \"eingefrorene primäre Kreisreaktion; Selbststimulation; Zeichen für Autismus und sozio-emotionale Deprivation\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 9,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 9 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [1, 6],\n\t\t\titemText: \"braucht einen Gegenstand oder einen Ort stereotyp als Mittel, sich in der eigenen Welt zu stabilisieren (z.B. Schlüssel, Zeitschrift, Sessel)\",\n\t\t\titemComment: \"Ersatzobjekt. Selbstschutz; Zeichen für Autismus / Traumafolgestörung / sozio-emotionale Deprivation / Bindungsstörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 10,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 10 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [1, 6],\n\t\t\titemText: \"handelt völlig impuls- oder affektgesteuert (z.B. Schlagen, Schreien, Essen, Trinken, kann nicht warten)\",\n\t\t\titemComment: \"Ichschwäche, fehlende Selbststeuerung; Zeichen für Autismus / Traumafolgestörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 11,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 11 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [1, 6],\n\t\t\titemText: \"ist in Spannungszuständen (z.B. Frustrationen, Verlassenheit, Kritik, Reizüberflutung, Freude) autoaggressiv, auch mit Kontrollverlust (z.B. Selbstschädigung oder Zerstörung von wichtigem Eigentum)\",\n\t\t\titemComment: \"Ichschwäche, fehlende Selbststeuerung; Angst; Zeichen für Desintegration, Bindungsstörung / Traumfolgestörung / Autismus / Selbstwertproblematik\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 12,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 12 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [6, 12],\n\t\t\titemText: \"genießt harmonische Situationen und zerstört sie dann\",\n\t\t\titemComment: \"Angstmotivierte Aggression; Zeichen für Bindungsstörung / Traumafolgestörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 13,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 13 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [6, 12],\n\t\t\titemText: \"hat länger anhaltende psychosomatische Symptome (Schlafstörungen, Verdauungsprobleme, Schmerzen ohne somatische Ursache)\",\n\t\t\titemComment: \"Zeichen für Bindungsstörung / Traumafolgestörung / Depression\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 14,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 14 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [6, 12],\n\t\t\titemText: \"ist von oralen Substanzen abhängig (z. B. Kaffee, Zigaretten, Alkohol)\",\n\t\t\titemComment: \"Suchtproblem, Ichschwäche\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 15,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 15 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [6, 12],\n\t\t\titemText: \"konzentriert sich, wenn er allein ist, max. 1-2 Min. auf eine Tätigkeit (z.B. lässt sich durch jeden Reiz ablenken oder träumt, beginnt mit Stereotypien)\",\n\t\t\titemComment: \"Wahrnehmungsstörung / Beziehungsproblematik, fehlende Impulskontrolle; Zeichen für Traumafolgestörung / Depression / sozio-emotionale Deprivation\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 16,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 16 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [12, 24],\n\t\t\titemText: \"befindet sich ständig in Unruhe / Anspannung (z.B. läuft ständig hin und her, ständig in Bewegung, chaotisch aktiv)\",\n\t\t\titemComment: \"Wahrnehmungsstörung / Beziehungsproblematik, fehlende Impulskontrolle; Zeichen für Autismus oder Traumafolgestörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 17,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 17 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [12, 24],\n\t\t\titemText: \"nähert sich distanzlos jedem,auch fremden Personen (z.B. spricht sie an, fasst sie an)\",\n\t\t\titemComment: \"Zeichen für Bindungsstörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 18,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 18 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [12, 24],\n\t\t\titemText: \"vermeidet es neue Dinge / Tätigkeiten auszuprobieren (z. B. zeigt keine Neugier, verweigert, zeigt Angst bei Aufforderungen)\",\n\t\t\titemComment: \"Zeichen für Selbstwertproblematik / Depression / Autismus / sozio-emotionale Deprivation\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 19,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 19 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [24, 36],\n\t\t\titemText: \"sucht ständig Aufmerksamkeit durch positives (z.B. helfen wollen) oder negatives Verhalten (z.B. stören, Unsinn machen, andere ärgern)\",\n\t\t\titemComment: \"Angst vor Verlassenheit, schwaches Selbstwertgefühl; Zeichen für Bindungsstörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 20,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 20 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [24, 36],\n\t\t\titemText: \"gerät bei jeglicher Kritik aus dem emotionalen Gleichgewicht (z.B. weint, zieht sich zurück, wird aggressiv)\",\n\t\t\titemComment: \"Angst vor Strafe und Liebesverlust; Zeichen für Depression / Selbstwertproblematik\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 21,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 21 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [24, 36],\n\t\t\titemText: \"setzt Fremd- oder Sachaggressionen (z.B. zerstört etwas, schlägt), als Durchsetzungsstrategie ein\",\n\t\t\titemComment: \"sozial inadäquates Autonomiestreben; Zeichen für Bindungsstörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 22,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 22 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [24, 36],\n\t\t\titemText: \"unterwirft sich nach überstandenem Konflikt völlig (z.B. kurzfristige Überanpassung, übermäßige Anhänglichkeit, Versprechen, es nie mehr zu tun, fragt: magst du mich noch?)\",\n\t\t\titemComment: \"Angst vor Strafe und Liebesverlust; Zeichen für Selbstwertproblematik / Depression\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 23,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 23 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [24, 36],\n\t\t\titemText: \"zeigt Angst (oft nicht nachvollziehbar) vor bestimmten Dingen oder Situationen (z. B. Maschinen, Tieren, beim Waschen, auf der Straße)\",\n\t\t\titemComment: \"Phobie; Zeichen für Traumafolgestörung / Autismus / Bindungsstörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 24,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 24 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [24, 36],\n\t\t\titemText: \"beharrt massiv auf denselben Abläufen, Ordnungen, Lösungsstrategien (z. B. wird aggressiv bei Veränderungen)\",\n\t\t\titemComment: \"Angst vor Strukturverlust; Zwang als Angstabwehr; Zeichen für Autismus / Traumafolgestörung / sozio-emotionale Deprivation\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 25,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 25 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [36, 48],\n\t\t\titemText: \"traut sich nichts zu (z.B. verweigert sich, zeigt Angst, \\\"kann ich nicht\\\") auch bei Aufgaben, die er eigentlich beherrscht\",\n\t\t\titemComment: \"Misserfolgsorientierung; Zeichen für Depression / Selbstwertproblematik\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 26,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 26 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [36, 48],\n\t\t\titemText: \"will immer alle Forderungen korrekt erfüllen (z. B. riskiert keine Fehler, ist übermäßig gehorsam, ist überangepasst)\",\n\t\t\titemComment: \"Angst vor Strafe und Liebesverlust. Zeichen für Depression / Selbstwertproblematik\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 27,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 27 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [36, 48],\n\t\t\titemText: \"geht in einer Gruppe unter (z.B. ist schüchtern, übermäßig zurückhaltend, beschäftigt sich allein)\",\n\t\t\titemComment: \"Ichschwäche, mangelnde Selbstbehauptung. Zeichen für sozio-emotionale Deprivation / Bindungsstörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 28,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 28 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [48, 60],\n\t\t\titemText: \"masturbiert exzessiv\",\n\t\t\titemComment: \"Zeichen für sozio-emotionale Deprivation\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 29,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 29 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [48, 60],\n\t\t\titemText: \"ist bei geringfügigen Verletzungen / Beschwerden extrem besorgt um seine körperliche Unversehrtheit / Gesundheit\",\n\t\t\titemComment: \"fehlendes Urvertrauen; Zeichen für Depression / Traumafolgestörung / Bindungsstörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 30,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 30 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [48, 60],\n\t\t\titemText: \"findet vielfältige Wege, sich den Anfordrungen der Realität zu entziehen (z. B. findet Ausreden, träumt, baut sich Luftschlösser, zeigt Suchtverhalten\",\n\t\t\titemComment: \"Zeichen für Selbstwertproblematik / Traumafolgestörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 31,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 31 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [60, 72],\n\t\t\titemText: \"beherrscht Andere durch gezielt eingesetztes drohendes, gewaltsames, schmeichelndes oder theatralisches Verhalten\",\n\t\t\titemComment: \"sozial inadäquate Selbstbehauptung, ärgermotivierte Aggression; Zeichen für Bindungssstörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 32,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 32 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [60, 72],\n\t\t\titemText: \"zeigt trotz ausreichender kognitiver Kompetenzen keinerlei Norm- und Wertbewusstsein (z.B. übertritt alle Gebote, die seinen Interessen entgegenstehen)\",\n\t\t\titemComment: \"überzogenes Größenselbst, fehlende Empathie; Zeichen für Bindungsstörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t},\n\t\t{\n\t\t\titemId: 33,\n\t\t\titemCategory: { categoryAbbrv: \"SeB\", itemCategoryId: 33 },\n\t\t\titemType: \"s\",\n\t\t\titemAge: [60, 72],\n\t\t\titemText: \"pflegt keine Kontakte zu Gleichrangigen, obwohl es vom kognitiven Entwicklungsniveau möglich wäre (z.B. ist Einzelgänger, hat keine Freunde)\",\n\t\t\titemComment: \"soziale Isolation; Zeichen für Autismus / Depression / Bindungsstörung\",\n\t\t\titemValue: { value: null, situation: null, intensity: null }\n\t\t}\n\t];\n}","import Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport React, { useState } from 'react';\nimport { Redirect } from 'react-router';\nimport { Link, Route } from 'react-router-dom';\nimport JWTPublicKey from '../../data/JWTPublicKey';\nimport AssessmentTypesGrid from '../AssessmentTypesGrid';\nimport MainscaleWorkflow from '../MainscaleWorkflow';\nimport SupplementscaleWorkflow from '../SupplementscaleWorkflow';\nimport MainSupplementeWorkflow from '../MainSupplementWorkflow';\n\nconst jwt = require('jsonwebtoken');\n\nconst JWT_PUBLIC_KEY = JWTPublicKey();\n\nconst errorDialog = () => {\n\n return (\n \n {\"Fehler\"}\n \n \n Leider ist ein Fehler aufgetreten. Bitte versuchen Sie sich erneut für die Nutzung von BEPKI zu registrieren.\n \n \n \n \n \n \n );\n}\n\nexport default function NewAssessmentRoutes(props) {\n\n const [token, setToken] = useState(false);\n\n if (props.location.search && props.location.search !== \"?new\" && !token) {\n let token = props.location.search.substr(1); //cut of the ? at the beginning\n\n\n if (token) {\n setToken(token);\n }\n }\n\n if (!token) {\n return ();\n } else {\n\n let tokenVerified = jwt.verify(token, JWT_PUBLIC_KEY, { algorithms: ['RS256'] });\n\n if (tokenVerified) {\n\n //if (true) {\n return (\n \n
(\n \n )} />\n (\n \n )} />\n (\n \n )} />\n (\n \n )} />\n (\n \n )} />\n (\n \n )} />\n (\n \n )} />\n \n
\n
\n \n \n BEPKI\n \n \n \n {/*
\n \n \n \n */}\n {maintenanceMode ? (\n \n\n \n\n \n Wartungsmodus\n \n \n Die Seite ist vorübergehend nicht erreichbar. Bitte haben Sie etwas geduld.\n \n\n \n ) : (\n \n\n \n\n\n \n \n \n\n )}\n