{option.icon}
: leftInfo;\n\n\t\t\t\tconst obj = {\n\t\t\t\t\tvalue: option.id,\n\t\t\t\t\tcolor: null,\n\t\t\t\t\tlabel: (\n\t\t\t\t\t\t{option.value}
\n\t\t\t\t\t\t\n\t\t\t\t\t),\n\t\t\t\t};\n\n\t\t\t\treturn obj;\n\t\t\t}\n\t\t});\n\n\t\tthis.setState({ options });\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (newProps) => {\n\t\tif (newProps.selectedValue !== this.props.selectedValue) {\n\t\t\tthis.setState({ value: newProps.selectedValue });\n\t\t}\n\n\t\tthis.setState({ disabled: newProps.disabled });\n\n\t\tthis.parseOptions();\n\t}\n\n\t_onChange = (option) => {\n\t\tthis.setState({ value: option.value }, () => {\n\t\t\tthis.props.onChange(this.props.item, option);\n\t\t});\n\t}\n\n\trender() {\n\t\tlet selectValue = null;\n\n\t\tif (this.state.options != null) {\n\t\t\tlet selected = this.state.options.find(option =>\n\t\t\t\toption.value == this.state.value\n\t\t\t);\n\t\t\tselectValue = selected;\n\t\t}\n\n\t\treturn (\n\t\t\t\" + title + \"
\",\n\t\t\t\tmimeType: \"text/html\",\n\t\t\t},\n\t\t],\n\t};\n\n\tif (blocks != null) {\n\t\tblocks.forEach(block => {\n\t\t\tif (block.type == 'Haldor.Blocks.Editor') {\n\t\t\t\tif (block.title != null && block.title != '') {\n\t\t\t\t\tdata.chunks.push({\n\t\t\t\t\t\tcontent: `${block.title}
`,\n\t\t\t\t\t\tmimeType: \"text/html\",\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tdata.chunks.push({\n\t\t\t\t\tcontent: getDescription(block.value),\n\t\t\t\t\tmimeType: \"text/html\",\n\t\t\t\t});\n\t\t\t}\n\t\t})\n\t}\n\n\treturn data;\n}\n\n/**\n * Capitalize string\n * @param {string} string\n * @returns {string} Capitalized string\n */\nexport const capitalize = (string) => {\n\tif (string == null) {\n\t\treturn '';\n\t}\n\n\treturn string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();\n}","import React from 'react';\nimport DataObject from './index.js';\n\nclass ColorScale extends DataObject {\n\n\tcolors = [\n\t\t'#f55d6e', // Not achieved\n\t\t'#1bd308', // Lowest\n\t\t'#1ede34',\n\t\t'#23de96',\n\t\t'#12d3ad',\n\t\t'#2bbbc1', // Middle\n\t\t'#179bbc',\n\t\t'#1e87b5',\n\t\t'#1e6fb5',\n\t\t'#0b5ca8', // Highest\n\t];\n\n\tget(addRed = true) {\n\t\tlet size = this.data;\n\t\tif (addRed) {\n\t\t\tsize = size - 1;\n\t\t}\n\n\t\tlet result = [];\n\n\t\tif (size == 1) {\n\t\t\tresult = [\n\t\t\t\tthis.colors[1],\n\t\t\t];\n\t\t}\n\n\t\tif (size == 2) {\n\t\t\tresult = [\n\t\t\t\tthis.colors[1],\n\t\t\t\tthis.colors[9],\n\t\t\t];\n\t\t}\n\n\t\tif (size == 3) {\n\t\t\tresult = [\n\t\t\t\tthis.colors[1],\n\t\t\t\tthis.colors[5],\n\t\t\t\tthis.colors[9],\n\t\t\t];\n\t\t}\n\n\t\tif (size == 4) {\n\t\t\tresult = [\n\t\t\t\tthis.colors[1],\n\t\t\t\tthis.colors[5],\n\t\t\t\tthis.colors[7],\n\t\t\t\tthis.colors[9],\n\t\t\t];\n\t\t}\n\n\t\tif (size == 5) {\n\t\t\tresult = [\n\t\t\t\tthis.colors[1],\n\t\t\t\tthis.colors[3],\n\t\t\t\tthis.colors[5],\n\t\t\t\tthis.colors[7],\n\t\t\t\tthis.colors[9],\n\t\t\t];\n\t\t}\n\n\t\tif (size == 6) {\n\t\t\tresult = [\n\t\t\t\tthis.colors[1],\n\t\t\t\tthis.colors[3],\n\t\t\t\tthis.colors[5],\n\t\t\t\tthis.colors[6],\n\t\t\t\tthis.colors[8],\n\t\t\t\tthis.colors[9],\n\t\t\t];\n\t\t}\n\n\t\tif (size == 7) {\n\t\t\tresult = [\n\t\t\t\tthis.colors[1],\n\t\t\t\tthis.colors[3],\n\t\t\t\tthis.colors[4],\n\t\t\t\tthis.colors[5],\n\t\t\t\tthis.colors[6],\n\t\t\t\tthis.colors[8],\n\t\t\t\tthis.colors[9],\n\t\t\t];\n\t\t}\n\n\t\tif (size == 8) {\n\t\t\tresult = [\n\t\t\t\tthis.colors[1],\n\t\t\t\tthis.colors[2],\n\t\t\t\tthis.colors[3],\n\t\t\t\tthis.colors[4],\n\t\t\t\tthis.colors[5],\n\t\t\t\tthis.colors[6],\n\t\t\t\tthis.colors[8],\n\t\t\t\tthis.colors[9],\n\t\t\t];\n\t\t}\n\n\t\tif (size == 9) {\n\t\t\tresult = [\n\t\t\t\tthis.colors[1],\n\t\t\t\tthis.colors[2],\n\t\t\t\tthis.colors[3],\n\t\t\t\tthis.colors[4],\n\t\t\t\tthis.colors[5],\n\t\t\t\tthis.colors[6],\n\t\t\t\tthis.colors[7],\n\t\t\t\tthis.colors[8],\n\t\t\t\tthis.colors[9],\n\t\t\t];\n\t\t}\n\n\t\tif (size > 9) {\n\t\t\tresult = [\n\t\t\t\tthis.colors[1],\n\t\t\t\tthis.colors[2],\n\t\t\t\tthis.colors[3],\n\t\t\t\tthis.colors[4],\n\t\t\t\tthis.colors[5],\n\t\t\t\tthis.colors[6],\n\t\t\t\tthis.colors[7],\n\t\t\t\tthis.colors[8],\n\t\t\t\tthis.colors[9],\n\t\t\t];\n\n\t\t\tlet needed = size - 9;\n\t\t\tfor (let i = 0; i < needed; i++) {\n\t\t\t\tresult.push(this.colors[9]);\n\t\t\t}\n\t\t}\n\n\t\tif (addRed) {\n\t\t\tresult.unshift(this.colors[0]);\n\t\t}\n\n\t\treturn result;\n\t}\n\n\tgetAll() {\n\t\treturn this.colors;\n\t}\n\n}\n\nexport default ColorScale;\n","import React from 'react';\nimport { useTranslate } from 'lib/translate';\nimport { Icon } from '@haldor/ui';\nimport ColorScale from '_class/ColorScale';\n\nconst AssessmentDetailField = (props) => {\n\tconst translate = useTranslate();\n\tconst { resource, row } = props;\n\n\t/**\n\t * @param {object} cell\n\t */\n\tconst onCellClick = (cell) => {\n\t\tlet value = [];\n\t\tif (props.input.value != null && props.input.value !== '') {\n\t\t\tvalue = props.input.value;\n\t\t}\n\n\t\tif (getIsCellSelected(cell)) {\n\t\t\tvalue = value.filter((value) =>\n\t\t\t\tvalue.cellId != cell.id && value.assessmentBlockPartRowId != row.id\n\t\t\t);\n\t\t} else {\n\t\t\tconst existing = getRowValue(row.id);\n\n\t\t\tvalue = value.filter((value) =>\n\t\t\t\tvalue.assessmentBlockPartRowId != row.id\n\t\t\t);\n\n\t\t\tvalue.push({\n\t\t\t\t...existing,\n\t\t\t\tcellId: cell.id,\n\t\t\t\tassessmentBlockPartRowId: row.id,\n\t\t\t});\n\t\t}\n\n\t\tprops.input.onChange(value);\n\t}\n\n\t/**\n\t * @param {number} rowId\n\t */\n\tconst getRowValue = (rowId) => {\n\t\tif (props.input.value == null || props.input.value == '') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn props.input.value.find((value) => value.assessmentBlockPartRowId == rowId);\n\t}\n\n\t/**\n\t * @param {object} cell\n\t */\n\tconst getIsCellSelected = (cell) => {\n\t\tif (props.input.value == null || props.input.value == '') {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet foundInValue = props.input.value.find((value) =>\n\t\t\tvalue.cellId == cell.id && value.assessmentBlockPartRowId == row.id\n\t\t)\n\n\t\treturn foundInValue != null;\n\t}\n\n\tconst getRowData = () => {\n\t\tif (row.referenceType == 'matrixRow') {\n\t\t\tlet foundRow = null;\n\t\t\tlet addNotAchieved = true;\n\t\t\tresource.value.details.forEach((_detail) => {\n\t\t\t\t_detail.matrix._ParagraphSet.forEach((_paragraph) => {\n\t\t\t\t\tconst matchingRow = _paragraph.rows.find((_row) => _row.id == row.referenceId);\n\n\t\t\t\t\tif (matchingRow != null) {\n\t\t\t\t\t\tif (_detail.matrix.disableNotAchieved) {\n\t\t\t\t\t\t\taddNotAchieved = false;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfoundRow = JSON.parse(JSON.stringify(matchingRow));\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t});\n\n\t\t\tif (foundRow != null && addNotAchieved) {\n\t\t\t\tif (foundRow?.cells.find(cell => cell.id == 'F') == null) {\n\t\t\t\t\tfoundRow?.cells.unshift({\n\t\t\t\t\t\ttext: translate('Not achieved'),\n\t\t\t\t\t\tid: 'F',\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn foundRow;\n\t\t}\n\n\t\tif (row.referenceType == 'assessmentGoalRow') {\n\t\t\tlet foundRow = resource?.value?.rows.find((_row) =>\n\t\t\t\t_row.id == row.referenceId\n\t\t\t);\n\n\t\t\tif (foundRow != null) {\n\t\t\t\tfoundRow.cells.sort((a, b) => a.index - b.index);\n\t\t\t}\n\n\t\t\treturn foundRow;\n\t\t}\n\t}\n\n\t/**\n\t * @param {object} rowData\n\t */\n\tconst getColors = (rowData) => {\n\t\tlet showRed = false;\n\n\t\tif (resource.referenceType == 'assessmentGoal') {\n\t\t\tshowRed = rowData.cells.find(cell => cell.type == 'NotAchievedTextField') != null;\n\t\t}\n\n\t\tif (resource.referenceType == 'matrix') {\n\t\t\tconst detail = resource.value.details.find((detail) => {\n\t\t\t\treturn detail.matrix._ParagraphSet.find((paragraph) => {\n\t\t\t\t\treturn paragraph.rows.find((row) => row.id == rowData.id)\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tif (detail != null && !detail.matrix.disableNotAchieved) {\n\t\t\t\tshowRed = true;\n\t\t\t}\n\t\t}\n\n\t\treturn new ColorScale(rowData.cells.length).get(showRed);\n\t}\n\n\tconst getRowParagraph = () => {\n\t\tif (row.referenceType == 'matrixRow') {\n\t\t\tlet foundParagraph = null;\n\t\t\tresource.value.details.forEach((_detail) => {\n\t\t\t\t_detail.matrix._ParagraphSet.forEach((_paragraph) => {\n\t\t\t\t\tconst matchingRow = _paragraph.rows.find((_row) => _row.id == row.referenceId);\n\n\t\t\t\t\tif (matchingRow != null) {\n\t\t\t\t\t\tfoundParagraph = _paragraph;\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t});\n\n\t\t\treturn foundParagraph;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * @param {object} cell\n\t * @param {number} index\n\t */\n\tconst renderCell = (cell, index) => {\n\t\tconst selected = getIsCellSelected(cell);\n\n\t\treturn{paragraph.title}
: null}\n\t\t\t{paragraph != null && paragraph.subtitle != null ? {paragraph.subtitle}
: null}\n\t\t\t\n\t\t\t\t{paragraph != null ?\n\t\t\t\t\t
\n\t\t\n\t);\n\n}\n\nexport default AssessmentDetailField;","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport Moment from 'moment';\n\nimport { getActiveLanguage } from '@haldor/ui';\n\nimport './time_picker.scss';\n\nclass TimePicker extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tMoment.locale(getActiveLanguage());\n\t}\n\n\tonMinutesFocus = () => {\n\t\tthis.refs['minute'].select();\n\t}\n\n\tonHourFocus = () => {\n\t\tthis.refs['hour'].select();\n\t}\n\n\tonInputChange = (event) => {\n\t\tconst timeString = event.target.value;\n\n\t\tconst split = timeString.split(':');\n\n\t\tif (split.length === 2 && this.props.time) {\n\t\t\tconst newTime = Moment(this.props.time).set('hour', split[0]).set('minute', split[1]);\n\t\t\tthis.props.onChange(newTime);\n\t\t}\n\t}\n\n\tonHourChange = (event) => {\n\t\tlet hours = event.target.value;\n\n\t\tif (parseInt(hours) < 0) {\n\t\t\thours = 0;\n\t\t}\n\n\t\tif (parseInt(hours) > 23) {\n\t\t\thours = 23;\n\t\t}\n\n\t\tif (hours.length > 1) {\n\t\t\tthis.refs['minute'].focus();\n\t\t}\n\n\t\tif (parseInt(hours) < 10) {\n\t\t\thours = '0' + hours;\n\t\t}\n\n\t\tconst newTime = Moment(this.props.time).set('hour', hours);\n\t\tthis.props.onChange(newTime);\n\t}\n\n\tonMinutesChange = (event) => {\n\t\tlet minutes = event.target.value;\n\n\t\tif (minutes.length == 3) {\n\t\t\tevent.target.select();\n\t\t}\n\n\t\tif (parseInt(minutes) < 0) {\n\t\t\tminutes = 0;\n\t\t}\n\n\t\tif (parseInt(minutes) > 59) {\n\t\t\tminutes = 59;\n\t\t}\n\n\t\tif (parseInt(minutes) < 10) {\n\t\t\tminutes = '0' + minutes;\n\t\t}\n\n\t\tconst newTime = Moment(this.props.time).set('minutes', minutes);\n\t\tthis.props.onChange(newTime);\n\t}\n\n\ttoggleAmPm = () => {\n\t\tlet newTime = null;\n\n\t\tif (Moment(this.props.time).format('A') == 'AM') {\n\t\t\tnewTime = Moment(this.props.time).add(12, 'hours');\n\t\t} else {\n\t\t\tnewTime = Moment(this.props.time).subtract(12, 'hours');\n\t\t}\n\n\t\tthis.props.onChange(newTime);\n\t}\n\n\trender() {\n\t\tconst format = this.props.twelve ? 'hh' : 'HH';\n\t\tconst hours = this.props.time ? Moment(this.props.time).format(format) : Moment().format(format);\n\t\tconst minutes = this.props.time ? Moment(this.props.time).format('mm') : Moment().format('mm');\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{paragraph.paragraphNr}.{data.sentenceNr}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\t\t{data.text != null ?\n\t\t\t\t\t\tdata.text\n\t\t\t\t\t\t: data.description}\n\t\t\t\t
\n\n\t\t\t\t 5 ? \"cells df overflow-protection\" : \"cells df\"}>\n\t\t\t\t\t{data.cells.map(renderCell)}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tlanguages: state.Languages.languages\n\t};\n}\n\nexport default connect(mapStateToProps, {})(TimePicker);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { translate } from '@haldor/ui';\n\nimport ReactQuill, { Quill } from 'react-quill-new';\nimport swal from 'sweetalert2';\n\nimport ImageCompress from 'quill-image-compress';\nQuill.register('modules/imageCompress', ImageCompress);\n\nimport QuillResizeImage from 'quill-resize-image';\nimport { QuillDeltaToHtmlConverter } from 'quill-delta-to-html';\nimport { editingStateInitializer } from '@mui/x-data-grid/internals';\nQuill.register(\"modules/resize\", QuillResizeImage);\n\nvar BaseImageFormat = Quill.import('formats/image');\nconst ImageFormatAttributesList = [\n\t'alt',\n\t'height',\n\t'width',\n\t'style'\n];\n\nclass ImageFormat extends BaseImageFormat {\n\tstatic formats(domNode) {\n\t\treturn ImageFormatAttributesList.reduce(function (formats, attribute) {\n\t\t\tif (domNode.hasAttribute(attribute)) {\n\t\t\t\tformats[attribute] = domNode.getAttribute(attribute);\n\t\t\t}\n\t\t\treturn formats;\n\t\t}, {});\n\t}\n\tformat(name, value) {\n\t\tif (ImageFormatAttributesList.indexOf(name) > -1) {\n\t\t\tif (value) {\n\t\t\t\tthis.domNode.setAttribute(name, value);\n\t\t\t} else {\n\t\t\t\tthis.domNode.removeAttribute(name);\n\t\t\t}\n\t\t} else {\n\t\t\tsuper.format(name, value);\n\t\t}\n\t}\n}\n\nQuill.register(ImageFormat, true);\n\nclass Editor extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tlet placeHolderText = '';\n\t\tif (this.props.placeholder) {\n\t\t\tplaceHolderText = this.props.placeholder;\n\t\t}\n\n\t\tthis.state = {\n\t\t\tplaceHolderText,\n\t\t\ttext: this.props.input ? this.props.input.value : this.props.value,\n\t\t};\n\n\t\tthis.modules = {\n\t\t\tresize: {\n\t\t\t\tlocale: {},\n\t\t\t},\n\t\t\timageCompress: {\n\t\t\t\tquality: 0.85, // defaults to 0.85\n\t\t\t\tmaxWidth: 800, // defaults to 800\n\t\t\t\tmaxHeight: 800, // defaults to 800\n\t\t\t\timageType: 'image/webp', // defaults to image/jpeg\n\t\t\t\tdebug: false, // defaults to false, set this to true if checking in console.log whats happening with image\n\t\t\t},\n\t\t\ttoolbar: {\n\t\t\t\tcontainer: [\n\t\t\t\t\t[{ header: [2, 3, false] }],\n\t\t\t\t\t['bold', 'italic', 'underline', 'strike', 'blockquote'],\n\t\t\t\t\t[\n\t\t\t\t\t\t{ 'color': ['#000000', '#ffffff', '#ffbe40', '#ff3149', '#86b100'] },\n\t\t\t\t\t\t{ 'background': ['#000000', '#ffffff', '#ffbe40', '#ff3149', '#86b100'] },\n\t\t\t\t\t],\n\t\t\t\t\t[{ list: 'ordered' }],\n\t\t\t\t\t['link', 'image', 'video', 'clean'],\n\t\t\t\t\t['formula'],\n\t\t\t\t],\n\t\t\t\thandlers: {\n\t\t\t\t\timage: this.imageHandler,\n\t\t\t\t\tlink: this.urlHandler,\n\t\t\t\t},\n\t\t\t},\n\t\t\tkeyboard: {\n bindings: {\n 'list autofill': {\n prefix: /^\\s*()$/\n }\n }\n },\n\t\t};\n\n\t\tthis.quill = null;\n\t}\n\n\t_setQuill = (element) => this.quill = element;\n\n\tdisableEvent = (e) => {\n\t\te.preventDefault();\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.disabled) {\n\t\t\tconst quill = this.quill.getEditor();\n\t\t\tquill.disable();\n\t\t}\n\n\t\tconst element = document.querySelector('.ql-toolbar');\n\t\tif (element) {\n\t\t\telement.addEventListener('mousedown', this.disableEvent);\n\t\t}\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tconst element = document.querySelector('.ql-toolbar');\n\t\tif (element) {\n\t\t\telement.removeEventListener('mousedown', this.disableEvent);\n\t\t}\n\n\t}\n\n\trender() {\n\t\tconst { meta } = this.props;\n\n\t\tconst formats = [\n\t\t\t'header',\n\t\t\t'bold', 'italic', 'underline', 'strike', 'blockquote', 'style',\n\t\t\t'list', /*'bullet',*/ 'color', 'background', /* 'indent', */\n\t\t\t'link', 'image', 'video',\n\t\t\t'formula',\n\t\t];\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t{this.props.label ?\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\n\t\t\t\t {\n\t\t\t\t\t\tlet newValue = editor.getHTML();\n\n\t\t\t\t\t\t// Seems like QuillDeltaToHtmlConverter double encodes the html, so decoding value\n\t\t\t\t\t\t// This cause some maxDepth issues with the editor and causes the page become white or unresponsive\n\t\t\t\t\t\t// newValue = this.decodeHtmlEntities(newValue);\n\t\t\t\t\t\tconst matches = newValue.match(//g);\n\n\t\t\t\t\t\tif (matches != null) {\n\t\t\t\t\t\t\tmatches.map(match => {\n\t\t\t\t\t\t\t\tlet result = match;\n\t\t\t\t\t\t\t\tresult = result.replace('
\n\t\t);\n\t}\n\tdecodeHtmlEntities = (text) => {\n\t\tconst textArea = document.createElement('textarea');\n\t\ttextArea.innerHTML = text;\n\t\treturn textArea.value;\n\t}\n\n\timageHandler = () => {\n\t\tconst quill = this.quill.getEditor();\n\t\tconst range = quill.getSelection();\n\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('embed-image'),\n\t\t\ttext: this.props.translate('enter-url'),\n\t\t\tinput: 'text',\n\t\t\tinputPlaceHolder: this.props.translate('enter-url'),\n\t\t\tconfirmButtonText: this.props.translate('embed'),\n\t\t\tfocusConfirm: false,\n\t\t})\n\t\t\t.then(result => {\n\t\t\t\tif (result.value != null || result.value != '') {\n\t\t\t\t\tquill.insertEmbed(range.index, 'image', result.value);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tvideoHandler = () => {\n\t\tconst quill = this.quill.getEditor();\n\t\tconst range = quill.getSelection();\n\n\t\t// We need to figure out how to generate an embed link for all types of videos\n\t\t// Its easy to do with youtube but unsure about vimeo etc.\n\t}\n\n\turlHandler = (promptRange) => {\n\t\tconst quill = this.quill.getEditor();\n\n\t\tif (promptRange) {\n\t\t\tswal.fire({\n\t\t\t\ttitle: this.props.translate('embed-content'),\n\t\t\t\ttext: this.props.translate('enter-url'),\n\t\t\t\tinput: 'text',\n\t\t\t\tconfirmButtonText: this.props.translate('embed'),\n\t\t\t\tfocusConfirm: false,\n\t\t\t})\n\t\t\t\t.then(result => {\n\t\t\t\t\tif (result.value != null && result.value != '') {\n\t\t\t\t\t\tlet url = result.value;\n\n\t\t\t\t\t\t// Add https if the url is missing a protocol\n\t\t\t\t\t\tif (url.indexOf('mailto:') == -1 &&\n\t\t\t\t\t\t\turl.indexOf('tel:') == -1 &&\n\t\t\t\t\t\t\turl.indexOf('ftp:') == -1) {\n\t\t\t\t\t\t\tif (!url.match(/^[a-zA-Z]+:\\/\\//)) {\n\t\t\t\t\t\t\t\turl = 'https://' + url;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tquill.format('link', url);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tquill.format('link', false);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t}\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t}\n}\n\nexport default connect(mapStateToProps)(Editor);","import React, { Component } from 'react';\n\nimport ReactQuill from 'react-quill-new';\nimport { QuillDeltaToHtmlConverter } from 'quill-delta-to-html';\n\nclass QuillEditor extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet placeHolderText = '';\n\t\tif (this.props.placeholder) {\n\t\t\tplaceHolderText = this.props.placeholder;\n\t\t}\n\n\t\tthis.state = {\n\t\t\tplaceHolderText,\n\t\t\ttext: this.props.text ? this.props.text : '',\n\t\t};\n\t}\n\n\thandleChange = (value) => {\n\t\tthis.setState({ text: value });\n\t\tthis.props.onChange(value);\n\t}\n\n\tUNSAFE_componentWillReceiveProps(nextProps) {\n\t\tif (this.state.text == '' && nextProps.text != '') {\n\t\t\tthis.setState({ text: nextProps.text });\n\t\t}\n\t}\n\n\trender() {\n\t\t// let modules = {\n\t\t// \ttoolbar: [\n\t\t// \t\t[{ 'header': [2, 3, false] }],\n\t\t// \t\t['bold', 'italic', 'underline','strike', 'blockquote'],\n\t\t// \t\t[{'list': 'ordered'}, {'list': 'bullet'}],\n\t\t// \t\t['link', 'video'],\n\t\t// \t\t['clean']\n\t\t// \t]\n\t\t// }\n\n\t\tconst modules = {\n\t\t\ttoolbar: {\n\t\t\t\tcontainer: [\n\t\t\t\t\t[{ header: [2, 3, false] }],\n\t\t\t\t\t['bold', 'italic', 'underline', 'strike', 'blockquote'],\n\t\t\t\t\t[{ list: 'ordered' }],\n\t\t\t\t\t['link', 'image', 'video'],\n\t\t\t\t\t['clean'],\n\t\t\t\t],\n\t\t\t\thandlers: {\n\t\t\t\t\timage: this.imageHandler,\n\t\t\t\t},\n\t\t\t},\n\t\t\tkeyboard: {\n bindings: {\n 'list autofill': {\n prefix: /^\\s*()$/\n }\n }\n },\n\t\t};\n\n\t\tconst formats = [\n\t\t\t'header',\n\t\t\t'bold', 'italic', 'underline', 'strike', 'blockquote',\n\t\t\t'list', /* 'bullet', 'indent', */\n\t\t\t'link', 'image', 'video',\n\t\t];\n\n\t\treturn (\n\t\t\t', ' ');\n\t\t\t\t\t\t\t\tresult = result.replace('
', '');\n\t\t\t\t\t\t\t\tresult = result.replace(' ', ' ');\n\t\t\t\t\t\t\t\tnewValue = newValue.replace(match, result);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (this.quill != null) {\n\t\t\t\t\t\t\tconst quill = this.quill.getEditor();\n\t\t\t\t\t\t\tconst imgs = quill.root.querySelectorAll(\"img\");\n\t\t\t\t\t\t\tif (imgs.length > 0) {\n\t\t\t\t\t\t\t\timgs.forEach((img) => {\n\t\t\t\t\t\t\t\t\t// always sets max-width of the image to 100% of the space\n\t\t\t\t\t\t\t\t\timg.style.maxWidth = \"100%\";\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (this.props.input != null) {\n\t\t\t\t\t\t\tthis.props.input.onChange(newValue);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (this.props.onChange != null) {\n\t\t\t\t\t\t\tthis.props.onChange(newValue);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonBlur={(range, source, quill) => {\n\t\t\t\t\t\tif (this.props.input) {\n\t\t\t\t\t\t\tthis.props.input.onBlur(quill.getHTML());\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (this.props.onBlur != null) {\n\t\t\t\t\t\t\tthis.props.onBlur(quill.getHTML());\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t{meta != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t{meta.touched && ((meta.error &&\n\t\t\t\t\t\t\t{meta.error}) || (meta.warning &&\n\t\t\t\t\t\t\t\t{meta.warning}))}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t{this.props.label ? : ''}\n\t\t\t\t
\n\t\t);\n\t}\n\tdecodeHtmlEntities = (text) => {\n\t\tconst textArea = document.createElement('textarea');\n\t\ttextArea.innerHTML = text;\n\t\treturn textArea.value;\n\t}\n\n\timageHandler = () => {\n\t\tconst quill = this.refs.quill.getEditor();\n\t\tconst range = quill.getSelection();\n\t\tconst value = prompt('Image URL');\n\t\tquill.insertEmbed(range.index, 'image', value);\n\t}\n}\n\nexport default QuillEditor;\n","import React, { useEffect, useRef } from 'react';\n\nconst FlexibleTextArea = (props) => {\n\tconst textField = useRef(null);\n\tconst maxHeight = props.maximumHeight ?? 109;\n\n\tconst _calculateSize = () => {\n\t\tif (textField?.current != null) {\n\t\t\t/**\n\t\t\t * @type {HTMLTextAreaElement} element\n\t\t\t */\n\t\t\tconst element = textField.current;\n\t\t\tif (props.autoGrow) {\n\t\t\t\telement.style.height = 'auto';\n\t\t\t\telement.style.height = element.scrollHeight + 2 + 'px';\n\t\t\t\telement.style.overflow = parseInt(element.style.height, 10) < maxHeight ? 'hidden' : 'auto';\n\t\t\t} else {\n\t\t\t\tlet rows = element.textContent.split('\\n').length - 1;\n\t\t\t\tif (rows < 0) {\n\t\t\t\t\trows = 0;\n\t\t\t\t}\n\t\t\t\telement.style.height = 63 + (23 * rows) + \"px\";\n\t\t\t}\n\t\t}\n\t}\n\n\tconst _onBlur = () => {\n\t\tif (textField?.current != null) {\n\t\t\tconst element = textField.current;\n\t\t\telement.classList.remove('focus');\n\t\t}\n\n\t\t_calculateSize();\n\n\t\t// Animation timing\n\t\tsetTimeout(() => _calculateSize(), 150);\n\t}\n\n\tconst _onFocus = () => {\n\t\tif (textField?.current != null) {\n\t\t\tconst element = textField.current;\n\t\t\telement.classList.add('focus');\n\t\t}\n\n\t\t_calculateSize();\n\n\t\t// Animation timing\n\t\tsetTimeout(() => _calculateSize(), 150);\n\t}\n\n\tuseEffect(() => {\n\t\t_calculateSize();\n\t}, [props.children]);\n\n\tlet elementProps = { ...props };\n\n\tdelete elementProps.style;\n\tdelete elementProps.children;\n\tdelete elementProps.input;\n\tdelete elementProps.meta;\n\tdelete elementProps.autoGrow;\n\tdelete elementProps.maximumHeight;\n\n\treturn (\n\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n}\n\nexport default Spinner;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport Spinner from '../../Elements/Spinner';\nimport { Icon } from '@haldor/ui';\nimport './Search.scss';\n\n\nclass Search extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet value = '';\n\t\tif (props.input != null && props.input.value != null) {\n\t\t\tvalue = props.input.value;\n\t\t}\n\n\t\tthis.state = {\n\t\t\tvalue,\n\t\t};\n\t\t\n\t\tthis.timeout = null;\n\t\tthis.autoSearchLimit = 200;\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.autofocus == true) {\n\t\t\tif (this.refs['input'] != null) {\n\t\t\t\tthis.refs['input'].focus();\n\t\t\t}\n\t\t}\n\t}\n\n\tisValid = () => {\n\t\tif (this.state.value.length > 0) {\n\t\t\tif (this.state.value.trim().length == 0) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\tthrottle = (func, immediate) => {\n\t\treturn (...args) => {\n\t\t\tvar later = function () {\n\t\t\t\tthis.timeout = null;\n\t\t\t\tif (!immediate) func.apply(this, args);\n\t\t\t};\n\n\t\t\tvar callNow = immediate && !this.timeout;\n\t\t\tclearTimeout(this.timeout);\n\t\t\tthis.timeout = setTimeout(later, this.autoSearchLimit);\n\t\t\tif (callNow) func.apply(this, args);\n\t\t};\n\t}\n\n\tonSubmit = () => {\n\t\tconst { input, onSubmit } = this.props;\n\t\tconst value = this.getValue();\n\n\t\tif (!this.props.allowEmpty && value.query == '') {\n\t\t\t// Dont submit empty strings\n\t\t\treturn false;\n\t\t}\n\n\t\tif (this.props.lengthLimit != null) {\n\t\t\tif (value.query.length < this.props.lengthLimit) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\tif (input != null && input.onSubmit != null) {\n\t\t\tinput.onSubmit(value);\n\t\t}\n\n\t\tif (onSubmit != null) {\n\t\t\tonSubmit(value);\n\t\t}\n\n\t\tif (this.props.clearOnSubmit) {\n\t\t\tthis.setState({ value: '' });\n\t\t}\n\t}\n\n\tgetValue = () => {\n\t\tlet type = 'search';\n\t\tlet query = this.state.value;\n\t\tlet modifier = null;\n\n\t\tif (this.state.value.charAt(0) == '@') {\n\t\t\ttype = 'picker';\n\t\t\tmodifier = '@';\n\t\t\tquery = this.state.value.substr(1);\n\t\t}\n\n\t\tif (this.state.value.charAt(0) == '#') {\n\t\t\ttype = 'picker';\n\t\t\tmodifier = '#';\n\t\t\tquery = this.state.value.substr(1);\n\t\t}\n\n\t\tif (this.state.value.charAt(0) == '!') {\n\t\t\ttype = 'picker';\n\t\t\tmodifier = '!';\n\t\t\tquery = this.state.value.substr(1);\n\t\t}\n\n\t\treturn {\n\t\t\ttype,\n\t\t\tmodifier,\n\t\t\tquery,\n\t\t};\n\t}\n\n\tonValueChange = (event) => {\n\t\tconst { input, onChange } = this.props;\n\n\t\tif (this.props.onChange) {\n\t\t\tthis.props.onChange(event.target.value)\n\t\t}\n\t\t\n\t\tthis.setState({ value: event.target.value }, () => {\n\t\t\tif (!this.isValid()) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (this.getValue().type == 'picker') {\n\t\t\t\tlet onSubmit = this.throttle(this.onSubmit);\n\t\t\t\tonSubmit();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (this.props.autoSearch) {\n\t\t\t\tlet onSubmit = this.throttle(this.onSubmit);\n\t\t\t\tonSubmit();\n\n\t\t\t\treturn;\n\t\t\t}\n\t\t});\n\n\t\tif (input != null && input.onChange != null) {\n\t\t\tinput.onChange(event.target.value);\n\t\t}\n\n\t\tif (onChange != null) {\n\t\t\tonChange(event.target.value);\n\t\t}\n\t}\n\n\tonKeyDown = (event) => {\n\t\tif (event.keyCode == 13) {\n\t\t\tevent.preventDefault();\n\t\t\tthis.onSubmit(this.state.value);\n\t\t}\n\t}\n\n\tonIconClick = () => {\n\t\tthis.refs['input'].focus();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nSearch.defaultProps = {\n\tautoSearch: false,\n\tallowEmpty: false,\n\tclearOnSubmit: false,\n\tlengthLimit: null,\n};\n\nSearch.propTypes = {\n\tautoSearch: PropTypes.bool,\n\tallowEmpty: PropTypes.bool,\n\tclearOnSubmit: PropTypes.bool,\n\tlengthLimit: PropTypes.number,\n};\n\nexport default Search;\n","export const FIELD_TEXT = 'FIELDS_INPUT_TEXT';\nexport const FIELD_TEXTAREA = 'FIELDS_INPUT_TEXTAREA';\nexport const FIELD_TITLE = 'FIELDS_ELEMENT_TITLE';\nexport const FIELD_DESCRIPTION = 'FIELDS_ELEMENT_DESCRIPTION';\n","import React from 'react';\nimport { Field as FormField } from 'react-final-form';\n\nimport {\n\tFIELD_DESCRIPTION,\n\tFIELD_TEXT,\n\tFIELD_TEXTAREA,\n\tFIELD_TITLE,\n} from 'constants/fields';\n\nimport { Editor } from 'UI/Inputs';\nimport { Icon } from '@haldor/ui';\n\nimport './Field.scss';\n\nconst Field = (props) => {\n\n\tconst getFieldProps = () => {\n\t\tswitch (props.type) {\n\t\t\tcase FIELD_TEXT:\n\t\t\t\treturn {\n\t\t\t\t\tcomponent: 'input',\n\t\t\t\t\ttype: 'text',\n\t\t\t\t\tname: props.name,\n\t\t\t\t\tplaceholder: props.placeholder,\n\t\t\t\t\tdisabled: props.disabled != null ? props.disabled : false,\n\t\t\t\t\tonBlur: props.onBlur != null ? props.onBlur : null\n\t\t\t\t};\n\n\t\t\tcase FIELD_TEXTAREA:\n\t\t\t\treturn {\n\t\t\t\t\tcomponent: Editor,\n\t\t\t\t\tname: props.name,\n\t\t\t\t\tplaceholder: props.placeholder,\n\t\t\t\t\tdisabled: props.disabled != null ? props.disabled : false,\n\t\t\t\t\tonBlur: props.onBlur != null ? props.onBlur : null\n\t\t\t\t};\n\n\t\t\tdefault:\n\t\t\t\treturn {};\n\t\t}\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t{this.props.loading ?\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t{this.props.children}\n\t\t\t\t
\n\t\t\t\n\t\t\t{props.type == FIELD_TITLE ?\n\t\t\t\t
\n\t);\n\n}\n\nexport default Field;\n","import React, { useState, useEffect } from 'react';\nimport { getCountryCallingCode } from 'libphonenumber-js';\nimport { Icon } from '@haldor/ui';\n\nimport './_phoneInput.scss';\n\nconst PhoneInput = ({ placeholder, disabled, input, meta, countryCode }) => {\n\tlet defaultValue = input?.value ?? '';\n\tif (defaultValue.length > 0) {\n\t\tdefaultValue = defaultValue.replace('+', '');\n\t}\n\n\tconst [value, setValue] = useState(defaultValue);\n\n\tuseEffect(() => {\n\t\tif (input != null && input.onChange != null) {\n\t\t\tinput.onChange(value);\n\t\t}\n\t}, [value])\n\n\tconst onInputFocus = () => {\n\t\tif (value == '') {\n\t\t\tif (countryCode != null) {\n\t\t\t\tsetValue(getCountryCallingCode(countryCode));\n\t\t\t} else {\n\t\t\t\tsetValue('46');\n\t\t\t}\n\t\t}\n\t}\n\n\tconst clearInput = () => {\n\t\tsetValue('');\n\t}\n\n\treturn \n\t\t\t\t\t{props.onLabelClick != null ?\n\t\t\t\t\t\t
\n\t\t\t\t: null}\n\n\t\t\t{props.type == FIELD_DESCRIPTION ?\n\t\t\t\t{props.value}
\n\t\t\t\t: null}\n\n\t\t\t{props.type == FIELD_TEXT || props.type == FIELD_TEXTAREA ?\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t: null}\n\t\t\n\t\t
\n\n}\n\nexport default PhoneInput;","/* Import inputs */\nimport TimePicker from './time_picker';\nimport Editor from './editor';\nimport QuillEditor from './QuillEditor';\nimport FlexibleTextArea from './FlexibleTextArea';\nimport Search from './Search/index';\nimport Field from './Field';\nimport PhoneInput from './Phone';\n\nexport {\n\tTimePicker,\n\tEditor,\n\tQuillEditor,\n\tFlexibleTextArea,\n\tSearch,\n\tField,\n\tPhoneInput,\n};\n","import React, { Component } from 'react';\n\nimport Plus from 'UI/IconsSrc/plus';\nimport Minus from 'UI/IconsSrc/minus';\n\nclass Expandable extends Component {\n\tstatic defaultProps = {\n\t\ttitle: 'Visa mer',\n\t\tchildren: '',\n\t\tcenterContent: false,\n\t\tignorePropsUpdate: false,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\topen: props.open || false,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillReceiveProps(nextProps) {\n\t\tif (nextProps && nextProps.open != null) {\n\t\t\tif (this.props.ignorePropsUpdate) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tif (nextProps.open != this.state.open) {\n\t\t\t\tthis.toggleOpen(nextProps.open);\n\t\t\t}\n\t\t}\n\t}\n\n\tonPress = (event) => {\n\t\tevent.preventDefault();\n\n\t\tif (this.props.onClick && typeof this.props.onClick == 'function') {\n\t\t\tthis.props.onClick(this.toggleOpen);\n\n\t\t\treturn true;\n\t\t}\n\n\t\tthis.toggleOpen();\n\t};\n\n\tonPlusPress = (event) => {\n\t\tevent.preventDefault();\n\n\t\tif (this.props.onPlus && typeof this.props.onPlus == 'function') {\n\t\t\tthis.props.onPlus(this.toggleOpen);\n\n\t\t\treturn true;\n\t\t} else {\n\t\t\tif (this.props.onClick && typeof this.props.onClick == 'function') {\n\t\t\t\tthis.onPress(event);\n\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tthis.toggleOpen();\n\t};\n\n\ttoggleOpen = (isOpen) => {\n\t\tif (typeof isOpen != 'undefined' && isOpen != null) {\n\t\t\tthis.setState({ open: isOpen });\n\t\t} else {\n\t\t\tthis.setState({ open: !this.state.open });\n\t\t}\n\n\t\tif (this.props.onChange && typeof this.props.onChange == 'function') {\n\t\t\tthis.props.onChange(isOpen ? isOpen : !this.state.open);\n\t\t}\n\t};\n\n\tgetContentClassNames = () => {\n\t\tlet className = 'expandable-content';\n\t\tconst { open } = this.state;\n\t\tconst { centerContent } = this.props;\n\t\tconst { whiteBackground } = this.props;\n\n\t\tif (open) {\n\t\t\tclassName += ' open';\n\t\t}\n\n\t\tif (centerContent) {\n\t\t\tclassName += ' centerContent';\n\t\t}\n\n\t\tif (whiteBackground) {\n\t\t\tclassName += ' expandable-white-bg';\n\t\t}\n\n\t\treturn className;\n\t};\n\n\tgetHeaderClassNames = () => {\n\t\tlet className = 'expandable-header';\n\t\tconst { open } = this.state;\n\t\tconst { color } = this.props;\n\n\t\tif (open) {\n\t\t\tclassName += ' open';\n\t\t}\n\n\t\tif (color) {\n\t\t\tclassName += ' has-color';\n\t\t}\n\n\t\treturn className;\n\t};\n\n\trender() {\n\t\tconst { children, title, color, html, headerStyles, contentStyles, contentStylesClosed } =\n\t\t\tthis.props;\n\n\t\tconst { open } = this.state;\n\t\tconst style = typeof color !== 'undefined' ? { borderLeftColor: color } : {};\n\n\t\treturn (\n\t\t\t\n\t\t\t+\n\t\t\t setValue(event.target.value)}\n\t\t\t\tonFocus={onInputFocus}\n\t\t\t/>\n\n\t\t\t{value != '' ?\n\t\t\t\t
\n\n\t\t{meta.touched && ((meta.error &&\n\t\t\t{meta.error}) || (meta.warning &&\n\t\t\t\t{meta.warning}))\n\t\t}\n\t\n\t\t\t\t\t
\n\t\t\t\t: null}\n\t\t\n\t\t\t\t\n\t\t\t\t\t\t{this.props.overrideOpen != null && this.props.overrideOpen && open\n\t\t\t\t\t\t\t? children\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t{this.props.overrideOpen == null ? children : null}\n\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\n\t\t);\n\t}\n}\n\nexport default Expandable;\n","import React, { Component } from 'react';\nimport api from 'lib/api';\nimport getEnvironment from 'lib/env';\nimport { getToken, http, loginRequest } from 'lib/msal';\n\nclass FileItem extends Component {\n\tstatic defaultProps = {\n\t\telement: 'img',\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.image = null;\n\t}\n\n\t_setImage = (element) => (this.image = element);\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.file != null) {\n\t\t\tif (this.image == null) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (this.props.file.type.indexOf('image') > -1) {\n\t\t\t\tif (!this.props.file.url) {\n\t\t\t\t\tapi.getFile(this.props.file.id).then((response) => {\n\t\t\t\t\t\tconst urlCreator = window.URL || window.webkitURL;\n\t\t\t\t\t\tconst imageSRC = urlCreator.createObjectURL(response.data);\n\t\t\t\t\t\tif (this?.props?.element == 'div') {\n\t\t\t\t\t\t\tif (this.image) {\n\t\t\t\t\t\t\t\tthis.image.style.backgroundImage = 'url(' + imageSRC + ')';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tthis.image.src = imageSRC;\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tif (this?.props?.element == 'div') {\n\t\t\t\t\t\tif (this.image) {\n\t\t\t\t\t\t\tthis.image.style.backgroundImage = 'url(' + this.props.file.url + ')';\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.image.src = this.props.file.url;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (!this.props.file.url) {\n\t\t\t\t\tlet request = loginRequest;\n\t\t\t\t\trequest.scopes = [...getEnvironment().scopes, ...request.scopes];\n\n\t\t\t\t\tgetToken(request).then((response) => {\n\t\t\t\t\t\tthis.image.href = `${http.defaults.baseURL}/fileItems/${this.props.file.id}?token=${response.accessToken}`;\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tthis.image.href = this.props.file.url;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\trender() {\n\t\tlet eProps = { ...this.props };\n\t\tdelete eProps.id;\n\t\tdelete eProps.element;\n\t\tdelete eProps.file;\n\n\t\tif (this.props.file == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (this.props.file.type == null || this.props.file.id == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (this.props.element == 'div') {\n\t\t\treturn ;\n\t\t}\n\n\t\tif (this.props.file.type.indexOf('image') == -1) {\n\t\t\treturn ;\n\t\t}\n\n\t\treturn \n\t\t\t\t\t{this.props.index ? {this.props.index} : null}\n\n\t\t\t\t\t\n\t\t\t\t\t\t{title}\n\t\t\t\t\t\n\n\t\t\t\t\t
\n\n\t\t\t\t{html != null ? (\n\t\t\t\t\t\n\t\t\t\t\t\t{open ?
\n\t\t\t\t\n\t\t\t\t{headerContent ?\n\t\t\t\t\t
\n\t\t)\n\t}\n\n\trender() {\n\t\tconst { link } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{headerContent}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{image != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t{time}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{content ?\n\t\t\t\t\t\n\t\t\t\t\t\t{content}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{footerContent ?\n\t\t\t\t\t\n\t\t\t\t\t\t{footerContent}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{children ?\n\t\t\t\t\tchildren\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t{ link != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t{this.renderContent()}\n\t\t\t\t\t\n\t\t\t\t\t:\n\t\t\t\t\tthis.renderContent()\n\t\t\t\t}\n\t\t\t
\n\t\t);\n\t}\n}\n\nexport const BlockWrapper = (props) => {\n\tlet columns = false;\n\n\tif (props.columns) {\n\t\tcolumns = props.columns;\n\t} else if (props.cols) {\n\t\tcolumns = props.cols;\n\t}\n\n\treturn (\n\t\t\n\t\t\t{ props.children ?\n\t\t\t\tprops.children\n\t\t\t\t: null}\n\t\t
\n\t);\n}\n\nexport const BlockHeader = (props) => {\n\treturn (\n\t\t\n\t\t\t{ props.children ?\n\t\t\t\t
\n\t);\n}\n\nexport const BlockContent = (props) => {\n\treturn (\n\t\t{props.children}
\n\t\t\t\t: null}\n\t\t\n\t\t\t{ props.children ?\n\t\t\t\tprops.children\n\t\t\t\t: null}\n\t\t
\n\t);\n}\n\nexport const BlockFooter = (props) => {\n\treturn (\n\t\t\n\t\t\t{ props.children ?\n\t\t\t\tprops.children\n\t\t\t\t: null}\n\t\t
\n\t);\n}\n\nexport const BlockTime = (props) => {\n\treturn (\n\t\t\n\t\t\t{ props.children ?\n\t\t\t\tprops.children\n\t\t\t\t: null}\n\t\t
\n\t);\n}\n\nexport default Block;\n","import React, { Component } from 'react';\n\nimport { Document } from '../Icons';\nimport { Checkbox } from '@haldor/ui';\n\nimport './Style.scss';\n\nclass FileList extends Component {\n\tonFolderClick = ( folder ) => {\n\t\tif ( this.props.onFolderClick ) {\n\t\t\tthis.props.onFolderClick( folder );\n\t\t}\n\t}\n\n\tonFileClick = ( file ) => {\n\t\tif ( this.props.onFileClick ) {\n\t\t\tthis.props.onFileClick( file );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { files, selectedFiles } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{ this.props.files.map( file => {\n\t\t\t\t\tif ( file.folder ) {\n\t\t\t\t\t\treturn
\n\t\t);\n\t}\n}\n\nexport default FileList;\n","import React, { Component } from 'react';\nimport Block, { BlockContent, BlockFooter } from 'UI/Elements/Block';\n\nimport './Style.scss';\n\nclass List extends Component {\n\trender() {\n\t\tconst { children, title, footerContent } = this.props;\n\n\t\treturn (\n\t\t\t { this.onFolderClick( file ) } }>\n\t\t\t\t\t\t\t{ file.name }\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst isSelected = this.props.selectedFiles.find( function( selF ) {\n\t\t\t\t\t\t\treturn selF.id == file.id;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tconst selected = isSelected != null;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t { e.preventDefault(); this.onFileClick(file); }}>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}) }\n\t\t\t\n\t\t\t\t\t\t\t\t\t{ file.name }\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t{ title ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t : null }\n\n\t\t\t\t\t{ children ? children : null }\n\n\t\t\t\t\t\n\t\t\t\t\t\t{ footerContent ? footerContent : null }\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nexport default List;\n","import React, { Component } from 'react';\n\nimport './DataList.scss';\n\nimport { Checkbox } from '@haldor/ui';\n\n// Need to work on naming for the component\nclass DataList extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet available = [];\n\t\tlet active = null;\n\t\tconst preferred = localStorage.getItem('haldor-datalist-mode');\n\n\t\tif (props.renderRow != null) {\n\t\t\tavailable.push('table');\n\t\t}\n\n\t\tif (props.renderCard != null) {\n\t\t\tavailable.push('card');\n\t\t}\n\n\t\tif (preferred != null && available.indexOf(preferred) > -1) {\n\t\t\tactive = preferred;\n\t\t} else {\n\t\t\tactive = available[0];\n\t\t}\n\t\t\n\n\t\tthis.state = {\n\t\t\tactive,\n\t\t\tcolumns: [],\n\t\t\tavailable,\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.updateColumns(this.props);\n\t\t\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tthis.updateColumns(nextProps);\n\t}\n\n\tupdateColumns = (props) => {\n\t\tif (props.data != null && props.data.length > 0) {\n\t\t\tlet columns = [];\n\n\t\t\tif (props.renderRow != null) {\n\t\t\t\tprops.data.forEach((item, index) => {\n\t\t\t\t\tconst row = props.renderRow(item, index);\n\n\t\t\t\t\tif (row != null && row.props.children != null) {\n\t\t\t\t\t\tlet children = [];\n\n\t\t\t\t\t\t// Make sure we keep the children var array\n\t\t\t\t\t\t// row.props.children can be both object and array\n\t\t\t\t\t\tif (Array.isArray(row.props.children)) {\n\t\t\t\t\t\t\tchildren = row.props.children;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tchildren = [row.props.children];\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tchildren.forEach(rowChild => {\n\t\t\t\t\t\t\tif (rowChild != null && rowChild.props != null && rowChild.props.title != null) {\n\t\t\t\t\t\t\t\tif (columns.indexOf(rowChild.props.title) == -1) {\n\t\t\t\t\t\t\t\t\tcolumns.push(rowChild.props.title);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.setState({ columns });\n\t\t}\n\t}\n\n\tonSelectType = (type) => {\n\t\tlocalStorage.setItem('haldor-datalist-mode', type);\n\t\tthis.setState({ active: type });\n\t}\n\n\trenderTable = () => {\n\t\treturn (\n\t\t\t{ title }
\n\t\t\t\t\t\t\n\t\t\t\t{this.state.columns.length > 0 ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n\trenderCards = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{this.state.columns.map((column, index) => (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{this.props.data.map((item, index) => {\n\t\t\t\t\treturn this.props.renderRow(item, index);\n\t\t\t\t})}\n\t\t\t\n\t\t\t\t\t\t\t\t{this.props.toggleAllEntries != null && index == 0 ?\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t))}\n\t\t\t\t\t\n\t\t\t\t{this.props.data.map((item, index) => {\n\t\t\t\t\treturn this.props.renderCard(item, index);\n\t\t\t\t})}\n\t\t\t
\n\t\t);\n\t}\n\n\trenderMain = () => {\n\t\tif (this.props.data.length == 0 && this.props.emptyData != null) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{this.props.emptyData()}\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{ this.state.active == 'table' ?\n\t\t\t\t\tthis.renderTable()\n\t\t\t\t\t: null}\n\n\t\t\t\t{ this.state.active == 'card' ?\n\t\t\t\t\tthis.renderCards()\n\t\t\t\t\t: null}\n\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\tif (this.props.data == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default DataList;\n","import { QrCodeScannerOutlined } from '@mui/icons-material';\nimport { Tooltip } from '@mui/material';\nimport React, { Component } from 'react';\n\nclass ColorLabel extends Component {\n\trender() {\n\t\tconst { color, tooltip, content } = this.props;\n\n\t\tlet dotProps = Object.assign({}, this.props);\n\t\tdelete dotProps.color;\n\t\tdelete dotProps.tooltip;\n\t\tdelete dotProps.content;\n\t\tdelete dotProps.children;\n\n\t\treturn \n\t\t\t\t\t{this.props.title ?\n\t\t\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t{this.renderMain()}\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{this.props.title}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t{this.props.actions != null ?\n\t\t\t\t\t\t\tthis.props.actions()\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{ /* this.state.available.length > 1 ? this.state.available.map(type => {\n\t\t\t\t\t\t\tlet className = 'button button-action';\n\t\t\t\t\t\t\tif (type == this.state.active) {\n\t\t\t\t\t\t\t\tclassName += ' active';\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn
\n\t\t\t\t { this.onSelectType(type) }}>\n\t\t\t\t\t\t\t\t{type == 'card' ?\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}) : null */ }\n\t\t\t\t\t\n\t\t\t\n\t\t\t\t \n\n\t\t\t\n\t\t\t\t{content ? content : tooltip}\n\t\t\t\n\t\t
\n\n\t}\n}\n\nexport default ColorLabel;\n","import React, { Component } from 'react';\n\nimport './Style.scss';\n\nclass ColorLabelContainer extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tcollapse: false,\n\t\t}\n\n\t\tthis.container = null;\n\t\tthis.contentWidth = null;\n\t}\n\n\tsetContainer = (element) => {\n\t\tthis.container = element;\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.calculateCollapse();\n\t\tthis.onResize();\n\n\t\twindow.addEventListener('resize', this.onResize);\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tlet prevChildren = [];\n\t\tlet currentChildren = [];\n\t\tif (prevProps != null && prevProps.children != null && typeof prevProps.children == 'object') {\n\t\t\tprevChildren = prevProps.children;\n\t\t}\n\t\tif (this.props != null && this.props.children != null && typeof this.props.children == 'object') {\n\t\t\tcurrentChildren = prevProps.children;\n\t\t}\n\n\t\tif (prevChildren.length != currentChildren.length) {\n\t\t\tthis.calculateCollapse();\n\t\t\tthis.onResize();\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\twindow.removeEventListener('resize', this.onResize);\n\t}\n\n\tonResize = () => {\n\t\tif (this.container == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst containerWidth = this.container.clientWidth;\n\n\t\tif (this.contentWidth == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (containerWidth < this.contentWidth) {\n\t\t\tif (this.state.collapse == false) {\n\t\t\t\tthis.setState({ collapse: true });\n\t\t\t}\n\t\t} else {\n\t\t\tif (this.state.collapse == true) {\n\t\t\t\tthis.setState({ collapse: false });\n\t\t\t}\n\t\t}\n\t}\n\n\tcalculateCollapse = () => {\n\t\t// Issue where the container is no longer rendered on screen but the calculateCollapse still runs\n\t\t// and refs['container'] == undefined\n\t\tif (this.container != null) {\n\t\t\tlet contentWidth = 0;\n\n\t\t\tconst dots = [... this.container.querySelectorAll('.dot')];\n\t\t\tdots.forEach(dot => {\n\t\t\t\tif (dots.length > 1) {\n\t\t\t\t\t// Add extra 10 px for margin\n\t\t\t\t\tcontentWidth = contentWidth + dot.clientWidth + 25;\n\t\t\t\t} else {\n\t\t\t\t\tcontentWidth = contentWidth + dot.clientWidth;\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis.contentWidth = contentWidth;\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { children } = this.props;\n\t\tconst { collapse } = this.state;\n\n\t\tconst props = Object.assign({}, this.props);\n\t\tdelete props.collapse;\n\t\tdelete props.inline;\n\t\tdelete props.test;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{ React.Children.map( children, child => {\n\t\t\t\t\t\tif ( ! child ) {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst childStyle = child.props.style ? { ...style.child, ...child.props.style } : style.child;\n\n\t\t\t\t\t\treturn React.cloneElement(child, { style: childStyle });\n\t\t\t\t\t}) }\n\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n}\n\nexport default ReactSwipe;\n","import React from 'react';\n\nimport './Skeleton.scss';\n\nconst Skeleton = (props) => {\n\treturn(\n\t\t\n\t);\n}\n\nexport default Skeleton;\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport { Arrow_Down } from 'UI/Icons';\nimport './Dropdown.scss';\n\n\nclass DropdownMenu extends Component {\n\n\t/* Setup */\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\topen: false,\n\t\t};\n\n\t\tthis.event = null;\n\t\tthis.id = 'dropdown-' + Math.floor(Math.random() * 100);\n\t}\n\n\t/* Component lifecycle methods */\n\tcomponentDidMount = () => {\n\t\tdocument.querySelector('body').addEventListener('click', this.onBodyClick);\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tdocument.querySelector('body').removeEventListener('click', this.onBodyClick);\n\t}\n\n\tonChange = () => {\n\t\t// Every time we update open\n\t\tif (this.props.onChange) {\n\t\t\tthis.props.onChange(this.state.open);\n\t\t}\n\t}\n\n\t/* User events */\n\tonClick = (event) => {\n\t\tthis.setState({ open: !this.state.open }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\tonBodyClick = (event) => {\n\t\tconst classList = event.target.classList;\n\t\tconst parentClassList = event.target.parentElement.classList;\n\n\t\tlet closest = event.target.closest('.dropdown');\n\t\tif (closest != null && closest.id != this.id) {\n\t\t\tthis.setState({ open: false }, () => {\n\t\t\t\tthis.onChange();\n\t\t\t});\n\t\t\treturn event;\n\t\t}\n\n\t\tif (closest != null && closest.id == this.id) {\n\t\t\treturn event;\n\t\t}\n\n\t\tif (classList.contains('dropdown') || classList.contains('drop-down') || classList.contains('drop-down-icon')) {\n\t\t\treturn event;\n\t\t}\n\n\t\tif (parentClassList.contains('dropdown') || parentClassList.contains('drop-down') || parentClassList.contains('drop-down-icon')) {\n\t\t\treturn event;\n\t\t}\n\n\t\tif (this.state.open) {\n\t\t\tthis.setState({ open: false }, () => {\n\t\t\t\tthis.onChange();\n\t\t\t});\n\t\t}\n\n\t\treturn event;\n\t}\n\n\tmenuContainerClick = (event) => {\n\t\tthis.setState({ open: !this.state.open }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\n\t/* Render methods */\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t{this.props.icon}\n\n\t\t\t\t\t\t{this.props.badge ?\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t{this.props.text != null ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.text}\n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.badge}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t{this.props.menuTitle}
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{this.props.children}\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n\n}\n\nexport const DropdownItem = (props) => {\n\tif (props.divider) {\n\t\treturn \n\t}\n\n\tif (props.target != null && props.target != '') {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{props.children}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t);\n}\n\nexport default DropdownMenu;\n","import React, { Component } from 'react';\nimport { Icon } from '@haldor/ui';\n\nimport './Collapsible.scss';\n\nclass Collapsible extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet open = false;\n\t\tif (props.open != null) {\n\t\t\topen = props.open;\n\t\t} else {\n\t\t\tif (props.defaultOpen != null) {\n\t\t\t\topen = props.defaultOpen;\n\t\t\t}\n\t\t}\n\t\t\n\t\tlet className = null;\n\t\tif (props.className != null) {\n\t\t\tclassName = props.className;\n\t\t}\n\n\t\tthis.state = {\n\t\t\topen,\n\t\t\tclassName,\n\t\t};\n\n\t\tthis.content = null;\n\t\tthis.container = null;\n\t\tthis.animationLength = 270;\n\t}\n\n\t_setContent = (element) => this.content = element;\n\t_setContainer = (element) => this.container = element;\n\n\t/* Lifecycle methods */\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tif (nextProps.open != null) {\n\t\t\tif (nextProps.open != this.state.open) {\n\t\t\t\tthis.toggle();\n\t\t\t}\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.open == true || this.props.defaultOpen == true) {\n\t\t\tthis.container.style.height = 'auto';\n\t\t\tthis.container.style.overflow = 'visible';\n\t\t}\n\t}\n\n\t/* Events */\n\ttoggle = (event) => {\n\t\tif (event != null) {\n\t\t\tevent.preventDefault();\n\t\t}\n\n\t\tthis.setState({ open: !this.state.open }, () => {\n\t\t\tif (this.state.open) {\n\t\t\t\tthis.container.style.height = this.content.clientHeight + 'px';\n\n\t\t\t\t// Animation timing: Fire after CSS transition is completed\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.container.style.height = 'auto';\n\t\t\t\t\tthis.container.style.overflow = 'visible';\n\t\t\t\t}, this.animationLength);\n\t\t\t} else {\n\t\t\t\tthis.container.style.height = this.content.clientHeight + 'px';\n\t\t\t\tthis.container.style.overflow = 'hidden';\n\n\t\t\t\t// Set height 0 to animate collapsing\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.container.style.height = '0px';\n\t\t\t\t}, 35);\n\t\t\t}\n\n\t\t\tif (this.props.onChange != null) {\n\t\t\t\tthis.props.onChange(this.state.open);\n\t\t\t}\n\t\t});\n\t}\n\n\t/* Render methods */\n\trender() {\n\t\tconst { open } = this.state;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{props.children}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t{this.props.trigger != null ?\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nexport default Collapsible;\n","import React, { Component } from 'react';\n\nimport './Person.scss';\n\nclass Person extends Component {\n\n\t/* Class setup */\n\tstatic defaultProps = {\n\t\tperson: {\n\t\t\tfirstName: '',\n\t\t\tlastName: '',\n\t\t\temail: '',\n\t\t\tid: '',\n\t\t},\n\t\tshowName: true,\n\t\tshowAvatar: true,\n\t\tsize: 'sm',\n\t\tshowEmail: false,\n\t};\n\n\t/* Utils */\n\tgetName = () => {\n\t\tvar name = '';\n\n\t\tif (this.props.person != null && this.props.person.firstName != null) {\n\t\t\tname = this.props.person.firstName;\n\t\t}\n\n\t\tif (this.props.person != null && this.props.person.lastName != null) {\n\t\t\tname = name.length > 0 ? name + ' ' + this.props.person.lastName : this.props.person.lastName;\n\t\t}\n\n\t\treturn name;\n\t}\n\n\tgetInitials = () => {\n\t\tvar name = this.getName();\n\n\t\tif (name != null && name.length > 0) {\n\t\t\tvar nameSplit = name.split(' ');\n\n\t\t\tif (nameSplit.length > 1)\n\t\t\t\treturn nameSplit[0].charAt(0).toUpperCase() + nameSplit[nameSplit.length - 1].charAt(0).toUpperCase();\n\n\t\t\tif (nameSplit.length == 1)\n\t\t\t\treturn nameSplit[0].charAt(0).toUpperCase();\n\t\t} else {\n\t\t\treturn '';\n\t\t}\n\t}\n\n\t/* Events */\n\t// Empty\n\n\t/* Render methods */\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{typeof this.props.trigger === 'function' ?\n\t\t\t\t\t\t\t\t\tthis.props.trigger(open)\n\t\t\t\t\t\t\t\t\t: this.props.trigger}\n\n\t\t\t\t\t\t\t\t{this.props.badge != null ?\n\t\t\t\t\t\t\t\t\t{this.props.badge}\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{this.props.children}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default Person;\n","import Spinner from './Elements/Spinner';\nimport Expandable from './Elements/Expandable';\nimport Block from './Elements/Block';\nimport FileList from './FileList/index';\nimport List from './Elements/List/index';\nimport DataList from './Elements/DataList';\nimport ColorLabel from './Elements/ColorLabel/ColorLabel';\nimport ColorLabelContainer from './Elements/ColorLabel/ColorLabelContainer';\nimport Swipe from './Elements/Swipe';\nimport Skeleton from './Elements/Skeleton';\nimport DropdownMenu, { DropdownItem } from './Elements/Dropdown';\nimport Collapsible from './Elements/Collapsible';\nimport Person from './Elements/Person';\n\nexport {\n\tSpinner,\n\tExpandable,\n\tBlock,\n\tFileList,\n\tList,\n\tDataList,\n\tColorLabel,\n\tColorLabelContainer,\n\tSwipe,\n\tSkeleton,\n\tDropdownMenu,\n\tDropdownItem,\n\tCollapsible,\n\tPerson,\n};\n","import React, { useMemo } from 'react';\nimport { useTranslate } from 'lib/translate';\nimport { capitalize } from 'helpers/content';\n\nimport { Editor } from \"UI/Inputs\";\nimport { Collapsible } from 'UI';\nimport { Icon } from '@haldor/ui';\nimport { ASSESSMENT_TYPES } from 'components/BlockAssessments/AssessmentTypes';\n\nconst AssessmentFeedbackField = (props) => {\n\tconst translate = useTranslate();\n\tconst { resource } = props;\n\n\tconst initialValue = useMemo(() => {\n\t\tif (props.meta != null && props.meta?.initial != null) {\n\t\t\treturn JSON.parse(JSON.stringify(props.meta?.initial));\n\t\t}\n\n\t\treturn null;\n\t}, []);\n\n\t/**\n\t * @param {number} index\n\t */\n\tconst _getFieldInitialValue = (index) => {\n\t\tif (initialValue == null || initialValue.length == 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn initialValue[index];\n\t}\n\n\t/**\n\t * @param {number} index\n\t * @param {string} text\n\t */\n\tconst _onValueTextChange = (index, text) => {\n\t\tlet value = [...props.input.value];\n\t\tvalue[index].text = text;\n\t\tprops.input.onChange(value);\n\t}\n\n\t/**\n\t * @param {string} permission\n\t */\n\tconst renderPermission = (permission, value) => {\n\t\tlet selected = false;\n\t\tif (!value.isPrivate && resource != null) {\n\t\t\tselected = resource.permissions?.find((element) =>\n\t\t\t\telement.target == permission && element.referenceType == 'ASSESSMENTFEEDBACK'\n\t\t\t) != null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t{this.props.children ?\n\t\t\t\t\t\n\t\t\t\t\t\t{this.getInitials()}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.getName()}\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t{this.props.showEmail && this.props.person.email ? this.props.person.email : \"\"}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.children}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t{selected ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n\t/**\n\t * @returns {array}\n\t */\n\tconst getValues = () => {\n\t\tconst { value } = props.input;\n\n\t\tif (resource == null) {\n\t\t\treturn [];\n\t\t}\n\n\t\tif (value == null || value == '') {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn value;\n\t}\n\n\t/**\n\t * @param {object} value\n\t * @param {number} index\n\t */\n\tconst getValueTrigger = (value, index) => {\n\t\treturn \n\t\t\t
\n\t}\n\n\n\tconst values = getValues();\n\n\tif (values.length == 0) {\n\t\treturn null;\n\t}\n\n\treturn \n\t\t\t\t{value.isPrivate ?\n\t\t\t\t\ttranslate('Personal note')\n\t\t\t\t\t: translate('Feedback')}\n\t\t\t
\n\n\t\t\t{props.assessmentType == ASSESSMENT_TYPES.TEACHER || props.assessmentType == null ?\n\t\t\t\t\n\t\t\t\t\t{renderPermission('STUDENT', value)}\n\t\t\t\t\t{renderPermission('GUARDIAN', value)}\n\t\t\t\t
\n\t\t\t\t: null}\n\t\t\n\t\t{values.map((value, index) => {\n\t\t\tif (resource.id != value.assessmentBlockPartId) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\treturn \n\t\t\t\t \n\t\t})}\n\t
\n\n}\n\nexport default AssessmentFeedbackField;","import React from 'react';\nimport { useTranslate } from 'lib/translate';\nimport { Form, Field, FormSpy } from 'react-final-form';\nimport { capitalize } from 'helpers/content';\nimport { ASSESSMENT_TYPES } from 'components/BlockAssessments/AssessmentTypes';\nimport SimpleSelect from 'components/Inputs/SimpleSelect';\nimport AssessmentDetailField from 'components/Inputs/AssessmentDetailField';\nimport AssessmentFeedbackField from 'components/Inputs/AssessmentFeedbackField';\nimport { Button, Checkbox, Expandable, Icon } from '@haldor/ui';\nimport { ColorLabel, ColorLabelContainer } from 'UI';\nimport api from 'lib/api';\n\nimport './_assessmentForm.scss';\n\nconst AssessmentForm = (props) => {\n\tconst translate = useTranslate();\n\tif (props.blocks == null) {\n\t\treturn null;\n\t}\n\n\tconst getInitialValues = () => {\n\t\tlet initialValues = {};\n\n\t\tif (props.initialValues != null) {\n\t\t\tinitialValues = JSON.parse(JSON.stringify(props.initialValues));\n\t\t}\n\n\t\tif (initialValues.assessmentFeedbacks == null) {\n\t\t\tinitialValues.assessmentFeedbacks = [];\n\t\t}\n\n\t\tprops.blocks.forEach((block) => {\n\t\t\tif (block == null || block.resources == null) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tblock.resources.forEach((resource) => {\n\t\t\t\tconst foundFeedback = initialValues.assessmentFeedbacks.find((value) =>\n\t\t\t\t\tvalue.assessmentBlockPartId == resource.id && value.isPrivate == false\n\t\t\t\t);\n\n\t\t\t\tconst foundNote = initialValues.assessmentFeedbacks.find((value) =>\n\t\t\t\t\tvalue.assessmentBlockPartId == resource.id && value.isPrivate == true\n\t\t\t\t);\n\n\t\t\t\tif (foundFeedback == null) {\n\t\t\t\t\tinitialValues.assessmentFeedbacks.push({\n\t\t\t\t\t\ttext: '',\n\t\t\t\t\t\tassessmentBlockPartId: resource.id,\n\t\t\t\t\t\tisPrivate: false,\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tif (foundNote == null && (props.assessmentType == ASSESSMENT_TYPES.TEACHER || props.assessmentType == null)) {\n\t\t\t\t\tinitialValues.assessmentFeedbacks.push({\n\t\t\t\t\t\ttext: '',\n\t\t\t\t\t\tassessmentBlockPartId: resource.id,\n\t\t\t\t\t\tisPrivate: true,\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\t// Private assessmentFeedbacks should be after non private\n\t\t\t\tinitialValues.assessmentFeedbacks.sort((a) => a.isPrivate ? 1 : -1);\n\t\t\t});\n\t\t});\n\n\t\treturn initialValues;\n\t}\n\n\tconst onSubmit = (values, form) => new Promise((resolve) => {\n\t\tvalues = JSON.parse(JSON.stringify(values));\n\t\tvalues.referenceId = props.referenceId;\n\t\tvalues.referenceType = props.referenceType;\n\t\tvalues.assessorType = props.assessmentType;\n\n\t\tif (values.assessmentFeedbacks != null) {\n\t\t\tvalues.assessmentFeedbacks = values.assessmentFeedbacks.filter((feedback) =>\n\t\t\t\tfeedback.text != ''\n\t\t\t);\n\t\t}\n\n\t\tif (props.onSubmit != null) {\n\t\t\tprops.onSubmit(values).then(() => {\n\t\t\t\tresolve(values);\n\t\t\t\tsetTimeout(form.reset, 0);\n\t\t\t\tform.restart();\n\t\t\t});\n\t\t} else {\n\t\t\tresolve(values);\n\t\t}\n\t});\n\n\tconst _getResourceTitle = (resource, courses) => {\n\t\tlet text = null;\n\n\t\tif (resource.referenceType == 'matrix') {\n\t\t\ttext = resource.value.year != null ? `${resource.value.title} ${resource.value.year}` : resource.value.title;\n\t\t}\n\n\t\tif (resource.referenceType == 'assessmentGoal') {\n\t\t\ttext = translate('Goal');\n\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t _onValueTextChange(index, text)}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t{text}\n\t\t\t\t\t{courses.length > 0 ?\n\t\t\t\t\t\tcourses.map(course => {\n\t\t\t\t\t\t\tlet title = course.value.year != null ? `${course.value.title} ${course.value.year}` : course.value.title;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t)\n\t\t\t\t\t\t: null}\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{text}\n\n\t\t\t\t{resource != null && resource.referenceType != 'assessmentonlyfeedback' && props.assessmentType == ASSESSMENT_TYPES.TEACHER &&
\n\t\t);\n\t}\n\n\tconst _getResourceColor = (resource) => {\n\t\tif (resource.referenceType == 'assessmentGoal') {\n\t\t\treturn '#0f78da';\n\t\t}\n\n\t\tif (resource.referenceType == 'matrix') {\n\t\t\treturn resource.value.colorCode;\n\t\t}\n\n\t\treturn '#ccc';\n\t}\n\n\t/**\n\t * @param {string} target\n\t * @param {array} permissions\n\t */\n\tconst renderPermission = (target, permissions) => {\n\t\tconst active = permissions.find((perm) =>\n\t\t\tperm.target == target && perm.referenceType == 'ASSESSMENTBLOCKPART'\n\t\t) != null;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{renderPermission('STUDENT', resource.permissions)}\n\t\t\t\t\t{renderPermission('GUARDIAN', resource.permissions)}\n\t\t\t\t
}\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tconst renderResource = (resource, index, form, courses = []) => {\n\t\tlet matrix;\n\n\t\tif (resource.referenceType == 'matrix') {\n\t\t\tmatrix = resource.value?.details?.find((detail) =>\n\t\t\t\tdetail.matrixID == resource.referenceId\n\t\t\t)?.matrix;\n\n\t\t\tif (matrix == null || matrix._ParagraphSet == null) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t {\n\t\t\t\t\t\tif (props.initialValues == null || props.initialValues.status != 'ASSESSMENT_PUBLISHED') {\n\t\t\t\t\t\t\tutils.changeValue(state, 'status', () => 'ASSESSMENT_COMPLETED');\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tsetStatusPublished: (args, state, utils) => {\n\t\t\t\t\t\tutils.changeValue(state, 'status', () => 'ASSESSMENT_PUBLISHED');\n\t\t\t\t\t},\n\t\t\t\t\tsetStatusStarted: (args, state, utils) => {\n\t\t\t\t\t\tutils.changeValue(state, 'status', () => 'ASSESSMENT_STARTED');\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\tkeepDirtyOnReinitialize\n\t\t\t\trender={({ handleSubmit, submitting, form }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t}}\n\t\t\t/>\n\t\t
\n\t);\n\n}\n\nAssessmentForm.defaultProps = {\n\tshowStudents: true,\n\tassessmentType: \"Teacher\",\n};\n\nexport default AssessmentForm;","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Spinner } from 'UI';\nimport { Icon, Button } from '@haldor/ui';\nimport './Styles.scss';\n\nclass WopiFrame extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tfullscreen: false,\n\t\t};\n\n\t\tthis.container = null;\n\t\tthis.trigger = null;\n\t\tthis.iframe = null;\n\t}\n\n\t_setContainer = (element) => this.container = element;\n\t_setTrigger = (element) => this.trigger = element;\n\t_setIframe = (element) => this.iframe = element;\n\n\tcomponentWillUnmount = () => {\n\t\twindow.removeEventListener('resize', this.calculateIframeHeight);\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.calculateIframeHeight();\n\n\t\twindow.addEventListener('resize', this.calculateIframeHeight);\n\t}\n\n\tcalculateIframeHeight = () => {\n\t\tif (this.state.fullscreen) {\n\t\t\tif (this.iframe != null) {\n\t\t\t\tconst triggerHeight = this.trigger.scrollHeight;\n\t\t\t\tthis.iframe.style.height = `calc(${window.innerHeight}px - ${triggerHeight}px)`;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t}\n\n\t\tif (this.iframe != null) {\n\t\t\tlet height = 0;\n\t\t\tconst body = document.querySelector('body');\n\t\t\tconst footer = body.querySelector('.site-footer');\n\t\t\tconst header = body.querySelector('.teams-header');\n\t\t\tconst desktopHeader = body.querySelector('.desktop-header-spacing');\n\n\t\t\theight = window.innerHeight;\n\n\t\t\tif (footer != null) {\n\t\t\t\theight = height - footer.scrollHeight\n\t\t\t}\n\n\t\t\tif (header != null) {\n\t\t\t\theight = height - header.scrollHeight;\n\t\t\t}\n\n\t\t\tif (desktopHeader != null) {\n\t\t\t\theight = height - desktopHeader.scrollHeight;\n\t\t\t}\n\n\t\t\tif (window.innerHeight < 800) {\n\t\t\t\theight = window.innerHeight;\n\t\t\t}\n\n\t\t\tif (window.innerHeight < 450) {\n\t\t\t\theight = 450;\n\t\t\t}\n\n\t\t\tthis.iframe.style.height = height + 'px';\n\t\t}\n\t}\n\n\tonFullscreenTrigger = async (event) => {\n\t\tevent.preventDefault();\n\n\t\tawait this.setState({ fullscreen: !this.state.fullscreen });\n\n\t\tthis.toggleFullscreen();\n\t}\n\n\ttoggleFullscreen = () => {\n\t\tconst body = document.body;\n\n\t\tif (this.state.fullscreen) {\n\t\t\tthis.container.style.position = 'fixed';\n\t\t\tthis.container.style.top = '0';\n\t\t\tthis.container.style.left = '0';\n\t\t\tthis.container.style.height = '100%';\n\t\t\tthis.container.style.width = '100%';\n\t\t\tthis.container.style.zIndex = '9999999999999999999';\n\t\t\tthis.container.style.background = 'white';\n\n\t\t\tif (this.iframe != null) {\n\t\t\t\tconst triggerHeight = this.trigger.scrollHeight;\n\t\t\t\tthis.iframe.style.height = `calc(${window.innerHeight}px - ${triggerHeight}px)`;\n\t\t\t}\n\n\t\t\tlet menu = body.querySelector('.c--sider');\n\t\t\tif (menu != null) {\n\t\t\t\tmenu.style.display = 'none';\n\t\t\t}\n\n\t\t\tlet header = body.querySelector('.desktop-header');\n\t\t\tif (header != null) {\n\t\t\t\theader.style.display = 'none';\n\t\t\t}\n\n\t\t\tbody.style.overflow = 'hidden';\n\t\t} else {\n\t\t\tlet menu = body.querySelector('.c--sider');\n\t\t\tif (menu != null) {\n\t\t\t\tmenu.style.display = 'block';\n\t\t\t}\n\n\t\t\tlet header = body.querySelector('.desktop-header');\n\t\t\tif (header != null) {\n\t\t\t\theader.style.display = 'flex';\n\t\t\t}\n\n\t\t\tthis.container.style = {};\n\t\t\tthis.calculateIframeHeight();\n\t\t\tbody.style.overflow = 'initial';\n\t\t}\n\t}\n\n\trender() {\n\t\tvar selectedFiles = this.props.folderFiles.filter(ss => { return ss.webUrlEditMode == this.props.activeFile || ss.webUrlViewMode === this.props.activeFile });\n\n\t\tif (selectedFiles && selectedFiles.length > 0) {\n\t\t\tvar webURL = selectedFiles[0].webUrl;\n\t\t}\n\n\t\tconst iframe = `\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tfolderFiles: state.assignments.folderFiles,\n\t};\n}\n\nexport default connect(mapStateToProps)(WopiFrame);\n","import { appInsights } from 'lib/appInsights';\n\nexport const trackNoGroups = (userId) => {\n\tvar localStorageSchool = localStorage.getItem(\"hal.school\" + userId);\n\tlet message = 'Groups is empty';\n\n\tlet properties = {\n\t\t'user': userId,\n\t\t'currentSchool': localStorageSchool,\n\t};\n\n\tappInsights.trackTrace({ message: message, severityLevel: 2 }, properties);\n}\n\nexport const trackImmersiveReaderError = (error, userId) => {\n\tvar localStorageSchool = localStorage.getItem(\"hal.school\" + userId);\n\tlet message = 'ImmersiveReaderError';\n\n\tlet properties = {\n\t\t'user': userId,\n\t\t'currentSchool': localStorageSchool,\n\t\t'error': error,\n\t}\n\n\tappInsights.trackTrace({ message: message, severityLevel: 2 }, properties);\n}\n","import React from 'react';\nimport { Flex, TooltipMenu, Icon } from '@haldor/ui';\nimport DateTime from '_class/DateTime';\n\nconst Message = (props) => {\n\tlet className = 'conversation message';\n\tlet timestampClass = 'timestamp';\n\n\tif (props.me) {\n\t\tclassName += ' me';\n\t\ttimestampClass += ' right';\n\t}\n\n\tif (!props.me) {\n\t\ttimestampClass += ' left';\n\t}\n\n\tif (props.narrow) {\n\t\tclassName += ' narrow';\n\t}\n\n\tif (props.multipleDown) {\n\t\tclassName += ' no-radius-bottom';\n\t}\n\n\tif (props.multipleUp) {\n\t\tclassName += ' no-radius-top';\n\t}\n\n\treturn (\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.state.fullscreen ?\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t{this.props.activeFile && this.props.activeFile.length > 2001 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t:\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate(\"We’re sorry but we can’t display the file in Haldor at the moment. But you can open it by clicking “Open file in workspace”.\")}\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{this.props.translate(\"When you’re ready to submit the file, just click “Submit” as usual.\")}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t}\n\t\t\t\t\n\t\t\n\t\t\t \n\n\t\t
\n\t);\n}\n\nexport default Message;\n","import { flagMessage } from 'actions/conversation';\nimport { getReaderParameters } from 'actions/user';\nimport { trackImmersiveReaderError } from 'helpers/insights';\nimport moment from 'moment';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport swal from 'sweetalert2';\nimport { Spinner } from 'UI';\nimport DateTime from '_class/DateTime';\nimport Message from './Partials/Message';\n\nconst ImmersiveReader = require('@microsoft/immersive-reader-sdk');\n\nclass ConversationMessages extends Component {\n\n\t/* Class setup */\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloadingMore: false,\n\t\t\tloading: true,\n\t\t};\n\n\t\tthis.container = null;\n\t\tthis.event = null;\n\t\tthis.scrollLimit = 35;\n\t\tthis.timeout = null;\n\n\t}\n\n\tsetContainer = (element) => {\n\t\tthis.container = element;\n\t}\n\n\t/* Lifecycle methods */\n\tcomponentWillUnmount = () => {\n\t\tthis.container.removeEventListener('scroll', this.onScroll);\n\t\tImmersiveReader.close();\n\t}\n\n\tcomponentDidMount = () => {\n\t\t// Get messages (page 1)\n\t\tconst { conversation } = this.props;\n\n\t\tif (this.container != null) {\n\t\t\tthis.container.scrollTop = this.container.scrollHeight;\n\t\t\tthis.container.addEventListener('scroll', this.onScroll);\n\t\t}\n\t}\n\n\tcomponentDidUpdate = (prevProps, prevState) => {\n\t\tif (prevState != this.state) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.container.scrollTop = this.container.scrollHeight;\n\t}\n\n\t/* Helper methods */\n\tthrottle = (func, immediate) => {\n\t\treturn (...args) => {\n\t\t\tvar later = function () {\n\t\t\t\tthis.timeout = null;\n\t\t\t\tif (!immediate) func.apply(this, args);\n\t\t\t};\n\n\t\t\tvar callNow = immediate && !this.timeout;\n\t\t\tclearTimeout(this.timeout);\n\t\t\tthis.timeout = setTimeout(later, this.scrollLimit);\n\t\t\tif (callNow) func.apply(this, args);\n\t\t};\n\t}\n\n\tloadMore = () => {\n\t\tlet onScrollComplete = this.throttle(() => {\n\t\t\tif (!this.state.loadingMore) {\n\t\t\t\tthis.setState({ loadingMore: true });\n\t\t\t\tconsole.log('load next page');\n\t\t\t}\n\t\t});\n\n\t\tonScrollComplete();\n\t}\n\n\tgetUserById = (id) => {\n\t\tif (this.props.conversation != null) {\n\t\t\tlet membership = this.props.conversation.memberships.find(membership => {\n\t\t\t\treturn membership.membershipID == id;\n\t\t\t});\n\n\t\t\tif (membership != null) {\n\t\t\t\treturn {\n\t\t\t\t\tid: membership.membershipID,\n\t\t\t\t\t...membership.user,\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\trunImmersiveReader = async (message) => {\n\t\tconst { user, translate } = this.props;\n\t\tconst localLanguage = localStorage.getItem('language');\n\n\t\tconst creator = this.getUserById(message.creator);\n\t\tlet name = '';\n\t\tconst time = new DateTime(message.created).getLongDateWithTime();\n\n\t\tif (message.senderId != null && message.senderType == 'SECTION') {\n\t\t\tconst owner_section = this.props.conversation.memberships.find(m => m.membershipID == message.senderId);\n\t\t\tif (owner_section != null) {\n\t\t\t\tname = owner_section.section?.title;\n\t\t\t}\n\t\t} else {\n\t\t\tname = creator.firstName + ' ' + creator.lastName;\n\t\t}\n\n\t\tconst data = {\n\t\t\ttitle: name,\n\t\t\tchunks: [\n\t\t\t\t{\n\t\t\t\t\tcontent: name + ', ' + time + '\n\t\t\t\t{props.flagged != null ?\n\t\t\t\t\t
\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t:\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{props.actions.map((action, index) => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t{props.sender != null ?\n\t\t\t\tprops.sender + ' • '\n\t\t\t\t: null}\n\n\t\t\t{props.user != null ?\n\t\t\t\tprops.user.firstName + ' ' + props.user.lastName + ' • '\n\t\t\t\t: null}\n\n\t\t\t{new DateTime(props.time).getTimeStampHours()}\n\t\t
\n\t',\n\t\t\t\t\tmimeType: 'text/html',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcontent: message.text,\n\t\t\t\t\tmimeType: 'text/html',\n\t\t\t\t},\n\t\t\t],\n\t\t};\n\n\t\tawait this.props.getReaderParameters();\n\t\tconst { reader } = this.props;\n\n\t\tif (reader == null) {\n\t\t\treturn;\n\t\t}\n\n\t\tImmersiveReader.launchAsync(reader.token, reader.subdomain, data, {\n\t\t\tuiLang: localLanguage, // Set immersive reader UI language to selected lang in Haldor Edu\n\t\t\tuiZIndex: 9147483,\n\t\t}).catch((error) => {\n\t\t\tconsole.error('error', error);\n\t\t\ttrackImmersiveReaderError(error, user.id);\n\t\t});\n\t}\n\n\t/* Events */\n\tgetMessages = () => {\n\n\t}\n\n\tonScroll = (event) => {\n\t\tif (this.container.scrollTop < 10) {\n\t\t\tthis.loadMore();\n\t\t}\n\t}\n\n\treportMessage = (message) => {\n\t\tconst { translate } = this.props;\n\n\t\tswal.fire({\n\t\t\ttitle: translate('Report message as inappropriate'),\n\t\t\ttext: translate('Why do you want to report this message?'),\n\t\t\tinput: 'text',\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: translate('Cancel'),\n\t\t\tconfirmButtonText: translate('Report message'),\n\t\t}).then(response => {\n\t\t\tif (response.value != null) {\n\t\t\t\tthis.props.flagMessage(message.id, response.value).then(() => {\n\t\t\t\t\tswal.fire({\n\t\t\t\t\t\ttitle: translate('The message has been reported'),\n\t\t\t\t\t\ttext: translate('The message will be hidden while waiting for an administrator to manage the report.'),\n\t\t\t\t\t\tshowCancelButton: false,\n\t\t\t\t\t\tconfirmButtonText: 'Okay',\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\t/* Render methods */\n\trenderMessage = (message, index) => {\n\t\tconst { user } = this.props;\n\t\tlet me = false;\n\t\tlet narrow = false;\n\t\tlet up = false;\n\t\tlet down = false;\n\t\tlet newMessage = false;\n\t\tlet actions = [];\n\t\tlet flagged = null;\n\n\t\tif (message.creator == user.id) {\n\t\t\tme = true;\n\n\t\t\tif (message.flagID != null) {\n\t\t\t\tflagged = this.props.translate('Message is reported as inappropriate.');\n\t\t\t}\n\t\t} else {\n\t\t\tif (message.flagID == null) {\n\t\t\t\tactions.push({\n\t\t\t\t\tlabel: this.props.translate('Report message'),\n\t\t\t\t\tonClick: () => this.reportMessage(message),\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tflagged = this.props.translate('Message is reported as inappropriate.');\n\t\t\t}\n\t\t}\n\n\t\tif (this.props.services.immersiveReaderConversations) {\n\t\t\tactions.push({\n\t\t\t\tlabel: this.props.translate('immersive-reader'),\n\t\t\t\tonClick: () => this.runImmersiveReader(message),\n\t\t\t});\n\t\t}\n\n\t\tif (moment(message.created) > moment(this.props.conversation.lastRead) && !me) {\n\t\t\tnewMessage = true;\n\t\t}\n\n\t\tlet lastMessage = this.props.conversation.messages[index - 1];\n\t\tif (lastMessage != null && lastMessage.creator == message.creator) {\n\t\t\tnarrow = true;\n\t\t\tup = true;\n\t\t}\n\n\t\tlet sender = '';\n\t\tlet creator = this.getUserById(message.creator);\n\t\tlet nextMessage = this.props.conversation.messages[index + 1];\n\t\tif (nextMessage != null) {\n\t\t\tif (nextMessage.creator == message.creator) {\n\t\t\t\tdown = true;\n\t\t\t}\n\t\t}\n\n\t\tif (message.senderId != null && message.senderType == 'SECTION') {\n\t\t\tconst owner_section = this.props.conversation.memberships.find(m => m.membershipID == message.senderId);\n\t\t\tif (owner_section != null) {\n\t\t\t\tsender = owner_section.section?.title;\n\t\t\t}\n\t\t} else {\n\t\t\tsender = creator.firstName + ' ' + creator.lastName;\n\t\t}\n\n\t\treturn
\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuser: state.user.currentUser,\n\t\tservices: state.Services.availableServices,\n\t\tmessages: state.Conversation.messages,\n\t\treader: state.user.reader,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tflagMessage,\n\tgetReaderParameters,\n})(ConversationMessages);\n","import React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport sniffer from 'sniffer';\nimport { Icon, translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, Form, reduxForm } from 'redux-form';\nimport { Spinner } from 'UI';\nimport { Flex, Button } from '@haldor/ui';\nimport { FlexibleTextArea } from 'UI/Inputs';\n\nclass MessageForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.input = null;\n\n\t\tthis.state = {\n\t\t\thideInput: false,\n\t\t}\n\t}\n\n\t/* Utils */\n\t_setInput = (element) => {\n\t\tthis.input = element;\n\t}\n\n\t/* Lifecycle methods */\n\tcomponentDidMount = () => {\n\t\tif (this.input != null && !sniffer.isDevice) {\n\t\t\tReactDOM.findDOMNode(this.input).focus();\n\t\t}\n\t}\n\n\t/* Events */\n\tsubmit = (values) => {\n\t\treturn new Promise(async (resolve, reject) => {\n\t\t\tawait this.setState({ hideInput: true });\n\n\t\t\tconst { conversation } = this.props;\n\t\t\tlet data = { ...values };\n\n\t\t\tdata.text = values.text + '';\n\n\t\t\tif (conversation != null) {\n\t\t\t\tdata.conversationID = conversation.id;\n\t\t\t}\n\n\t\t\tdata.parentId = null;\n\t\t\tdata.text = data.text.replace(/\\n/g, \"\n\t\t\t\t\t{this.props.conversation != null ?\n\t\t\t\t\t\tthis.props.conversation.messages.map(this.renderMessage)\n\t\t\t\t\t\t:\n\t\t\t\t\t\t
\n\t\t\t\");\n\n\t\t\tawait this.setState({ hideInput: false });\n\n\t\t\tif (this.props.onSubmit) {\n\t\t\t\tthis.props.onSubmit(data).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t\tthis.props.reset();\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.setState({ hideInput: false });\n\t\t\t\t\tresolve(1);\n\t\t\t\t\tthis.props.reset();\n\t\t\t\t}, 1000);\n\t\t\t}\n\t\t});\n\t}\n\n\trequired = (value) => {\n\t\tif (typeof (value) !== 'undefined' && value !== '') {\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('write-message');\n\t}\n\n\trender() {\n\t\tconst { handleSubmit, submitting, valid } = this.props;\n\t\tlet placeHolderText = this.props.translate('write-message');\n\t\tif (this.props.conversation != null) {\n\t\t\tif (this.props.conversation.status.toUpperCase() == \"ARCHIVED\") {\n\t\t\t\tplaceHolderText = this.props.translate('conversation-archived');\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps)(reduxForm({\n\tform: 'MessageForm',\n\tdestroyOnUnmount: true,\n})(MessageForm));\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport Modal from 'react-modal';\nimport { connect } from 'react-redux';\nimport swal from 'sweetalert2';\nimport { Close } from 'UI/Icons';\n\n\nconst customStyles = {\n\toverlay: {\n\t\tbackgroundColor: 'rgba(0, 0, 0, 0.35)',\n\t\tposition: 'fixed',\n\t\ttop: 0,\n\t\tleft: 0,\n\t\tright: 0,\n\t\tbottom: 0,\n\t\tzIndex: '2147483',\n\t},\n\n\tcontent: {\n\t\tbackgroundColor: 'transparent',\n\t\tborder: '0',\n\t\tposition: 'absolute',\n\t\ttop: '0',\n\t\tleft: '0',\n\t\tright: '0',\n\t\tpadding: '0',\n\t\tminHeight: '100%',\n\t\toverflow: 'auto',\n\t\tzIndex: '2147483',\n\t\tWebkitOverflowScrolling: 'touch',\n\t},\n};\n\nModal.setAppElement('#root')\n\nclass ModalObject extends Component {\n\tonModalClick = (e) => {\n\t\te.stopPropagation();\n\t};\n\n\tshouldClose = () => {\n\t\tif (this.props.isOpen && !this.props.overridePrompt) {\n\t\t\tswal.fire({\n\t\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\t\ttext: this.props.translate('close-form-prompt'),\n\t\t\t\tshowCancelButton: true,\n\t\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t\t}).then(result => {\n\t\t\t\tif (result.value != null) {\n\t\t\t\t\tif (this.props.onClose != null && typeof this.props.onClose == 'function') {\n\t\t\t\t\t\tthis.props.onClose();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tif (this.props.onClose != null && typeof this.props.onClose == 'function') {\n\t\t\t\tthis.props.onClose();\n\t\t\t}\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t}\n}\n\nexport default connect(mapStateToProps)(ModalObject);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { translate } from '@haldor/ui';\n\nimport {\n\tcreateConversation,\n\tgetConversation,\n\tgetConversationsByReference,\n\tsubmitMessage,\n} from 'actions/conversation';\n\nimport ConversationMessages from 'containers/Conversation/Display/ConversationMessages';\nimport MessageForm from 'containers/Conversation/Form/MessageForm';\nimport Modal from 'containers/Modals/Modal';\n\nimport { Spinner } from 'UI';\n\nclass Message extends Component {\n\n\t/* Class setup */\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\topen: '',\n\t\t};\n\t}\n\n\t/* Lifecycle methods */\n\tcomponentDidMount = () => {\n\t\t// Get conversations\n\t\tif (this.props.assignment != null) {\n\t\t\tconst { assignment } = this.props;\n\t\t\tthis.props.getConversationsByReference(assignment.id, 'ASSIGNMENT').then(() => {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t});\n\t\t}\n\n\t\tif (this.props.plan != null) {\n\t\t\tconst { plan } = this.props;\n\t\t\tthis.props.getConversationsByReference(plan.id, 'PLAN').then(() => {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t});\n\t\t}\n\n\t\tif (this.props.meetingInstance != null) {\n\t\t\tconst { meetingInstance } = this.props;\n\t\t\tthis.props.getConversationsByReference(meetingInstance.id, 'MEETING_INSTANCE').then(() => {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t});\n\t\t}\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tif (nextProps.activeUser == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (nextProps.activeUser != this.props.activeUser) {\n\t\t\tlet user = nextProps.activeUser;\n\n\t\t\tif (user.id == null) {\n\t\t\t\tuser.id = user.userId;\n\t\t\t}\n\n\t\t\tlet conversation = this.getConversationForUser(user);\n\n\t\t\tif (conversation != null && conversation.id != 0) {\n\t\t\t\tthis.setState({ loading: true });\n\t\t\t\tthis.props.getConversation(conversation.id).then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\t/* Helper methods */\n\tgetCreatorId = () => {\n\t\tlet creator = null;\n\n\t\tif (this.props.assignment != null) {\n\t\t\tif (this.props.assignment.id == parseInt(this.props.assignment.id, 10)) {\n\t\t\t\tcreator = this.props.assignment.creator;\n\t\t\t} else {\n\t\t\t\tcreator = this.props.assignment.createdBy.user.id;\n\t\t\t}\n\t\t}\n\n\t\tif (this.props.plan != null) {\n\t\t\tcreator = this.props.plan.creator;\n\t\t}\n\n\t\tif (this.props.meetingInstance != null) {\n\t\t\tcreator = this.props.meetingInstance.creator;\n\t\t}\n\n\t\treturn creator;\n\t}\n\n\tbuildReference = () => {\n\t\tlet references = [];\n\t\tlet reference = {};\n\n\t\tif (this.props.assignment != null) {\n\t\t\treference.referenceId = this.props.assignment.id;\n\t\t\treference.referenceType = 'ASSIGNMENT';\n\t\t}\n\n\t\tif (this.props.plan != null) {\n\t\t\treference.referenceId = this.props.plan.id;\n\t\t\treference.referenceType = 'PLAN';\n\t\t}\n\n\t\tif (this.props.meetingInstance != null) {\n\t\t\treference.referenceId = this.props.meetingInstance.id;\n\t\t\treference.referenceType = 'MEETING_INSTANCE';\n\t\t}\n\n\t\tif (this.props.studentId != null && this.props.activeUser.userType == \"GUARDIAN\") {\n\t\t\tlet studentReference = {};\n\t\t\tstudentReference.referenceId = this.props.studentId;\n\t\t\tstudentReference.referenceType = 'STUDENT';\n\t\t\treferences.push(studentReference);\n\t\t}\n\n\t\treferences.push(reference);\n\t\treturn references;\n\t}\n\n\tbuildMemberships = (user) => {\n\t\tlet memberships = [];\n\n\t\tmemberships.push({\n\t\t\tmembershipID: user.id,\n\t\t\tmembershipType: user.userType == \"GUARDIAN\" ? 'GUARDIAN' : 'USER',\n\t\t\tpermission: 'W',\n\t\t});\n\n\t\tmemberships.push({\n\t\t\tmembershipID: this.props.user.id,\n\t\t\tmembershipType: 'USER',\n\t\t\tpermission: 'O',\n\t\t\tuser: this.props.user,\n\t\t});\n\n\t\treturn memberships;\n\t}\n\n\tgetConversationForUser = (user) => {\n\t\tconst { conversations } = this.props;\n\n\t\tif (conversations != null) {\n\t\t\tlet found = conversations.find(conversation => {\n\t\t\t\tlet userType = 'USER'\n\t\t\t\tif (user.userType == \"GUARDIAN\") {\n\t\t\t\t\tuserType = 'GUARDIAN';\n\t\t\t\t}\n\t\t\t\tlet membership = conversation.memberships.find(member => {\n\t\t\t\t\treturn member.membershipType == userType && member.membershipID == user.id;\n\t\t\t\t});\n\n\t\t\t\treturn membership != null;\n\t\t\t});\n\n\t\t\treturn found;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tgetMembership = (conversation, userid) => {\n\t\tlet membership = conversation.memberships.find(member => {\n\t\t\treturn member.membershipType == 'USER' && member.membershipID == userid;\n\t\t});\n\n\t\tif (membership != null) {\n\t\t\treturn membership;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/* Events */\n\tonCreate = (values, student) => {\n\t\treturn new Promise(resolve => {\n\t\t\tvalues.creator = this.props.user.id;\n\t\t\tvalues.senderId = values.creator;\n\t\t\tvalues.senderType = 'USER';\n\t\t\tdelete values.conversationID;\n\n\t\t\tlet conversation = {\n\t\t\t\tmessages: [values],\n\t\t\t\tmemberships: this.buildMemberships(student),\n\t\t\t\trelationships: this.buildReference(),\n\t\t\t\ttitle: '',\n\t\t\t\tstatus: 'ACTIVE',\n\t\t\t};\n\n\t\t\tthis.props.createConversation(conversation)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.props.getConversation(this.props.new);\n\t\t\t\t\tthis.componentDidMount();\n\t\t\t\t\tresolve(1);\n\t\t\t\t});\n\t\t})\n\t}\n\n\tsubmitMessage = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tconst { user } = this.props;\n\n\t\t\tvalues.creator = user.id;\n\t\t\tvalues.senderId = values.creator;\n\t\t\tvalues.senderType = 'USER';\n\n\t\t\tthis.props.submitMessage(values).then(() => {\n\t\t\t\tthis.setState({});\n\t\t\t\tresolve(1);\n\t\t\t});\n\t\t});\n\t}\n\n\tonModalClose = () => {\n\t\tif (this.props.onClose) {\n\t\t\tthis.props.onClose();\n\t\t}\n\t}\n\n\t/* Render methods */\n\trenderConversation = () => {\n\t\tlet conversation = null;\n\t\tlet created = true;\n\t\tlet user = this.props.activeUser;\n\t\tlet trigger = this.props.activeUser.firstName + ' ' + this.props.activeUser.lastName;\n\t\tlet disabled = false;\n\n\t\tif (user.id == null) {\n\t\t\tuser.id = user.userId;\n\t\t}\n\n\t\tif (user != null) {\n\t\t\tconversation = this.getConversationForUser(user);\n\t\t\tif (conversation != null && conversation.status.toUpperCase() == 'ARCHIVED') {\n\t\t\t\tdisabled = true;\n\t\t\t}\n\t\t}\n\n\t\tif (conversation != null && conversation.status.toUpperCase() == 'ARCHIVED') {\n\t\t\tdisabled = true;\n\t\t}\n\n\t\tif (conversation == null) {\n\t\t\ttrigger = this.props.translate('send-a-message');\n\t\t\tcreated = false;\n\t\t\tconversation = { id: 0 };\n\t\t}\n\n\t\treturn \n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{this.props.onClose != null ?\n\t\t\t\t\t\t\t\t{this.props.title}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t{this.props.children}
\n\t\t\t\t\t\n\t\t\t{created ?\n\t\t\t\t this.onCreate(values, user)}\n\t\t\t\t/>\n\t\t\t}\n\t\t
\n\t}\n\n\trenderContent = () => {\n\t\tif (this.state.loading) {\n\t\t\treturn \n\t\t\t\t\t{this.renderContent()}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{displayAvatar ? getInitials() : \"\"}\n\t\t\t\t\t
\n\t\t\t\t\t\n\n\t\t\t\t\t\t{hasSameName && !dynamicStringWidth && email ?\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{email}\n\t\t\t\t\t\t\t\t{userName}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t: dynamicStringWidth && hasSameName ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{displayString}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t: showEmail && email && dynamicStringWidth ?\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{userName}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{displayString}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t: !hasSameName || !email && !dynamicStringWidth ?\n\t\t\t\t\t\t\t\t\t\t{userName}\n\n\t\t\t\t\t\t\t\t\t\t: \"\"}\n\n\t\t\t\t\t\t{showEmail && email && !dynamicStringWidth ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{email}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t: \"\"}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\trenderNoDocuments = () => {\n\t\treturn \n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t{this.renderStatus()}\n\t\t\t\n\t\t\t\t\t\t{this.toggleIcon(false)}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{student ?\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{conversation.unreadMessages}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t{this.toggleIcon(true)}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t{this.props.translate('no-files-found')}\n\t\t
;\n\t}\n\n\tgetParameterByName(name, url) {\n\t\tif (!url) url = window.location.href;\n\t\tname = name.replace(/[\\[\\]]/g, '\\\\$&');\n\t\tvar regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),\n\t\t\tresults = regex.exec(url);\n\t\tif (!results) return null;\n\t\tif (!results[2]) return '';\n\t\treturn decodeURIComponent(results[2].replace(/\\+/g, ' '));\n\t}\n\n\tonClickDocumentFunc = (file) => {\n\t\tlet notOfficeFile = file.webUrlViewMode === '';\n\t\tlet mp4File = notOfficeFile && /.mp4$/.test(file.webUrl);\n\t\tlet imageFile = notOfficeFile && /(.png|.jpg|.gif|.jpeg)$/.test(file.webUrl);\n\t\tlet m4aFile = notOfficeFile && /.m4a$/.test(file.webUrl);\n\t\tconst url = file.webUrlViewMode.replace('#', '?');\n\t\tconst token = jwtDecode(decodeURI(this.getParameterByName('access_token', url)));\n\n\t\tif (Moment.unix(token.exp).utc().isBefore(Moment())) {\n\t\t\tthis.setState({\n\t\t\t\tassignmentAttachementLoading: true,\n\t\t\t\tselectedDocument: '',\n\t\t\t\tselectedVideo: '',\n\t\t\t\tselectedImage: '',\n\t\t\t\tselectedAudio: '',\n\t\t\t});\n\n\t\t\tthis.props.assignment.tasks.forEach(t => t.selected = false);\n\n\t\t\tthis.props.getFolderFiles(this.props.assignmentId, this.props.taskId).then(() => {\n\t\t\t\tthis.setState({ assignmentAttachementLoading: false });\n\n\t\t\t\tlet newFile = this.props.folderFiles.find(newFile => {\n\t\t\t\t\treturn newFile.eTag == file.eTag;\n\t\t\t\t});\n\n\t\t\t\tif (newFile != null) {\n\t\t\t\t\tif (!notOfficeFile) {\n\t\t\t\t\t\tthis.selectedDocument(newFile.webUrlViewMode)\n\t\t\t\t\t} else if (mp4File) {\n\t\t\t\t\t\tthis.selectedVideo(newFile.webUrl)\n\t\t\t\t\t} else if (imageFile) {\n\t\t\t\t\t\tthis.selectedImage(newFile.webUrl)\n\t\t\t\t\t} else if (m4aFile) {\n\t\t\t\t\t\tthis.selectedAudio(newFile.webUrl)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tif (!notOfficeFile) {\n\t\t\t\tthis.selectedDocument(file.webUrlViewMode)\n\t\t\t} else if (mp4File) {\n\t\t\t\tthis.selectedVideo(file.webUrl)\n\t\t\t} else if (imageFile) {\n\t\t\t\tthis.selectedImage(file.webUrl)\n\t\t\t} else if (m4aFile) {\n\t\t\t\tthis.selectedAudio(file.webUrl)\n\t\t\t}\n\t\t}\n\t}\n\n\trenderWopiFrame = () => {\n\t\tconst { selectedDocument } = this.state;\n\n\t\tif (this.props.folderFiles.length <= 0) {\n\t\t\treturn \n\t\t\t\t{this.props.translate('No files to view.')}\n\t\t\t
;\n\t\t}\n\n\t\tif (sniffer.isDevice && this.inIframe()) {\n\t\t\treturn \n\t\t\t\t
\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate(\"We’re sorry but we can’t display the file in Haldor at the moment. But you can open it by clicking “Open file in workspace”.\")}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t{selectedDocument ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n\trenderMp4Frame = () => {\n\t\tconst { selectedVideo } = this.state;\n\n\t\tif (this.props.folderFiles.length <= 0) {\n\t\t\treturn \n\t\t\t\tNo files to play.\n\t\t\t
;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{selectedVideo ?\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('Your browser does not support the video tag.')}\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\t\t\t
\n\t\t);\n\t}\n\n\trenderM4aFrame = () => {\n\t\tconst { selectedAudio } = this.state;\n\n\t\tif (this.props.folderFiles.length <= 0) {\n\t\t\treturn \n\t\t\t\tNo files to play.\n\t\t\t
;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{selectedAudio ?\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\t\t\t
\n\t\t);\n\t}\n\n\trenderImageFrame = () => {\n\t\tconst { selectedImage } = this.state;\n\n\t\tif (this.props.folderFiles.length <= 0) {\n\t\t\treturn \n\t\t\t\t{this.props.translate('No images to view.')}\n\t\t\t
;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{selectedImage ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n\trenderView = () => {\n\t\tconst {\n\t\t\tselectedDocument,\n\t\t\tselectedVideo,\n\t\t\tselectedImage,\n\t\t\tselectedAudio\n\t\t} = this.state;\n\n\t\tif (selectedDocument) {\n\t\t\treturn this.renderWopiFrame();\n\t\t}\n\n\t\tif (selectedVideo) {\n\t\t\treturn this.renderMp4Frame();\n\t\t}\n\n\t\tif (selectedImage) {\n\t\t\treturn this.renderImageFrame();\n\t\t}\n\n\t\tif (selectedAudio) {\n\t\t\treturn this.renderM4aFrame();\n\t\t}\n\n\t\treturn null;\n\t}\n\n\trenderStatus = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t
\n\t\t)\n\t}\n\n\trender() {\n\t\tconst { assignmentAttachementLoading, activeTaskLoading, sidebarWide, sidebar, unsavedValues } = this.state;\n\t\tconst { IsTeacher, IsSubmitted, assignmentTask } = this.props;\n\n\t\tlet activeConversation = null;\n\t\tif (this.state.conversation) {\n\t\t\tactiveConversation = this.props.assignmentTask.students[0];\n\t\t}\n\n\t\tlet assessmentBlocks = null;\n\t\tlet assessment = null;\n\t\tlet seperatedAssessments = {\n\t\t\tpeerAssessments: [],\n\t\t\tteacherAssessments: [],\n\t\t\tselfAssessments: []\n\t\t}\n\n\t\tif (this.props.blocks != null) {\n\t\t\tassessmentBlocks = [...this.props.blocks].filter((block) =>\n\t\t\t\tblock.type == 'Haldor.Blocks.AssessmentBlock' && block.resources.length > 0\n\t\t\t);\n\t\t\tseperatedAssessments.peerAssessments = assessmentBlocks.filter((block) =>\n\t\t\t\tblock.assessmentType == ASSESSMENT_TYPES.PEER && block.resources.length > 0\n\t\t\t)?.sort((a, b) => a.title.localeCompare(b.title));\n\n\t\t\tseperatedAssessments.teacherAssessments = assessmentBlocks.filter((block) =>\n\t\t\t\t(block.assessmentType == ASSESSMENT_TYPES.TEACHER || block.assessmentType == null) && block.resources.length > 0\n\t\t\t).sort((a, b) => a.title.localeCompare(b.title));\n\n\t\t\tseperatedAssessments.selfAssessments = assessmentBlocks.filter((block) =>\n\t\t\t\tblock.assessmentType == ASSESSMENT_TYPES.SELF && block.resources.length > 0\n\t\t\t).sort((a, b) => a.title.localeCompare(b.title));\n\t\t}\n\n\t\tif (this.props.assessments != null) {\n\t\t\tassessment = this.props.assessments.find((assessment) =>\n\t\t\t\tassessment.referenceId == this.props.assignmentTask.id && assessment.assessorType == ASSESSMENT_TYPES.TEACHER\n\t\t\t);\n\t\t}\n\n\t\tif (this.state.assignmentLoading) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tlet selectedFile = this.props.folderFiles.find((file) => {\n\t\t\tlet notOfficeFile = file.webUrlViewMode === '';\n\t\t\tlet mp4File = notOfficeFile && /.mp4$/.test(file.webUrl);\n\t\t\tlet imageFile = notOfficeFile && /(.png|.jpg|.gif|.jpeg)$/.test(file.webUrl);\n\t\t\tlet m4aFile = notOfficeFile && /.m4a$/.test(file.webUrl);\n\t\t\treturn !notOfficeFile && this.state.selectedDocument === file.webUrlViewMode ? file\n\t\t\t\t: mp4File && this.state.selectedVideo === file.webUrl ? file\n\t\t\t\t\t: imageFile && this.state.selectedImage === file.webUrl ? file\n\t\t\t\t\t\t: m4aFile && this.state.selectedAudio === file.webUrl ? file\n\t\t\t\t\t\t\t: null;\n\t\t});\n\n\t\tconst fileOptions = this.props.folderFiles.map((file) => ({\n\t\t\tvalue: file,\n\t\t\tlabel: file.name,\n\t\t}));\n\n\t\tif (!this.isTaskAssessable() && unsavedValues != null) {\n\t\t\tthis.setState({ unsavedValues: null });\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{unsavedValues != null && IsTeacher ? (\n\t\t\t\t\t\n\t\t\t\t) : null}\n\n\t\t\t\t
\n\t\t\t\t\t: IsTeacher ?\n\t\t\t\t\t\t\n\t\t\t\t\t{!assignmentAttachementLoading && this.props.folderFiles.length <= 0 ?\n\t\t\t\t\t\tthis.renderNoDocuments()\n\t\t\t\t\t\t: !assignmentAttachementLoading && selectedFile ?\n\t\t\t\t\t\t\t
\n\n\t\t\t\t{sidebar && IsTeacher ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{assignmentAttachementLoading ? \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t this.onClickDocumentFunc(eventTarget.value)}\n\t\t\t\t\t\t\t\t\t\tclassName=\"simple-select\"\n\t\t\t\t\t\t\t\t\t\tplaceholder={selectedFile.name != null ? selectedFile.name : ''}\n\t\t\t\t\t\t\t\t\t\tcomponents={{ IndicatorSeparator: () => null }}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{(!IsSubmitted || IsTeacher) && selectedFile.webUrlViewMode !== ''\n\t\t\t\t\t\t\t\t\t\t&& selectedFile && (selectedFile.webUrlViewMode && selectedFile.webUrlViewMode.length < 2047 || selectedFile.webUrlEditMode\n\t\t\t\t\t\t\t\t\t\t\t&& selectedFile.webUrlEditMode.length < 2047) ?\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t{!IsTeacher && !IsSubmitted ?\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t { this.removeDocument(selectedFile.name) }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate(\"Student-has-not-submitted-assignment\")}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('fold-up')}
\n\n\t\t\t\t\t\t{IsTeacher ? this.renderAssess() : null}\n\n\t\t\t\t\t\t{IsTeacher && !activeTaskLoading ?\n\t\t\t\t\t\t\tthis.isTaskAssessable() ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('fold-out')}
\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\t\t\t\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tfolderFiles: state.assignments.folderFiles,\n\t\tassignment: state.assignments.active_assignment,\n\t\tcurrentUser: state.user.currentUser,\n\t\tsections: state.sections.educationGroups,\n\t\tassessments: state.assessments.assessments,\n\t\tconversations: state.Conversation.referenceConversations,\n\t\tblocks: state.Blocks.reference,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetFolderFiles,\n\tdeleteAssignmentUserDocument,\n\tgetTaskDetails,\n\tgetSection,\n\tgetStudentAssessments,\n\tgetStudentAssessment,\n\tgetAssignmentAssessment,\n\taddError,\n\tcreateAssessments,\n\tupdateAssessment,\n\tgetBlocksByReference,\n\tclearBlocksOnReference,\n})(AttachedUserDocuments);\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\n\nimport { getTaskDetails } from 'actions/assignments';\nimport { setPageTitle } from 'actions/header';\n\nimport AttachedUserDocuments from 'components/Presentation/Documents/AttachedUserDocuments';\n\nimport { Spinner } from 'UI';\nimport { Link } from 'react-router-dom';\nimport { getRootUrl } from 'helpers/url';\n\nclass UserDocuments extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tdocumentRefresh: 0,\n\t\t\tassignmentLoading: false,\n\t\t\tactiveAssignmentTaskId: null,\n\t\t\tassignmentTasks: null,\n\t\t\tassignmentTask: null,\n\t\t\tassignmentTaskIndexes: null\n\t\t};\n\n\t\tthis.goNext = this.goNext.bind(this);\n\t\tthis.goPrevious = this.goPrevious.bind(this);\n\t}\n\n\n\n\tcomponentDidMount() {\n\t\tthis.loadAssignment();\n\t}\n\n\tloadAssignment() {\n\t\tthis.setState({ assignmentLoading: true });\n\t\tconst that = this;\n\n\t\tthis.props.getTaskDetails(this.props.match.params.assignmentId)\n\t\t\t.then(() => {\n\t\t\t\tthis.props.setPageTitle(this.props.assignment.title);\n\t\t\t\tif (this.props.assignment.groupEnabled) {\n\t\t\t\t\tthat.setState({\n\t\t\t\t\t\tassignmentTasks: that.props.assignment.tasks.sort((a, b) =>\n\t\t\t\t\t\t\ta.groupName.split(' ').pop()\n\t\t\t\t\t\t\t\t.localeCompare(b.groupName.split(' ').pop())\n\t\t\t\t\t\t)\n\t\t\t\t\t}, () => {\n\t\t\t\t\t\tthat.setActiveTaskId(that.props.match.params.taskId);\n\t\t\t\t\t\tthat.setTaskIndexes();\n\t\t\t\t\t\tthat.setState({ assignmentLoading: false });\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tthat.setState({\n\t\t\t\t\t\tassignmentTasks: that.props.assignment.tasks.sort((a, b) =>\n\t\t\t\t\t\t\t(a.students[0].lastName || \"\").localeCompare(b.students[0].lastName || \"\"))\n\t\t\t\t\t}, () => {\n\t\t\t\t\t\tthat.setActiveTaskId(that.props.match.params.taskId);\n\t\t\t\t\t\tthat.setTaskIndexes();\n\t\t\t\t\t\tthat.setState({ assignmentLoading: false });\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tsetActiveTaskId(taskId) {\n\t\tthis.setState({ activeAssignmentTaskId: taskId });\n\t\tthis.setActiveTask(taskId);\n\t}\n\n\tsetActiveTask(taskId) {\n\t\tconst { assignmentTasks } = this.state;\n\n\t\tconst task = assignmentTasks.filter(t => t.id == taskId)[0];\n\n\t\tthis.setState({ assignmentTask: task });\n\t}\n\n\tsetTaskIndexes() {\n\t\tconst { assignmentTasks } = this.state;\n\t\tlet taskIndexes = {};\n\n\t\tassignmentTasks.forEach((element, index) => {\n\t\t\ttaskIndexes[element.id] = index;\n\t\t});\n\n\t\tthis.setState({ assignmentTaskIndexes: taskIndexes });\n\t}\n\n\trefreshDocuments = () => {\n\t\tlet documentRefresh = this.state.documentRefresh;\n\t\tdocumentRefresh++;\n\n\t\tthis.setState({ documentRefresh });\n\t}\n\n\tgoNext() {\n\t\tconst {\n\t\t\tassignmentTasks,\n\t\t\tassignmentTaskIndexes,\n\t\t\tactiveAssignmentTaskId,\n\t\t} = this.state;\n\n\t\tlet index = assignmentTaskIndexes[activeAssignmentTaskId];\n\n\t\tindex++;\n\n\t\tif (index > (assignmentTasks.length - 1)) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet output = Object.entries(assignmentTaskIndexes).map(([key, value]) => ({ key, value }));\n\n\t\tlet nextActiveAssignmentTaskId = output.filter(t => t.value === index)[0].key;\n\n\t\tthis.setActiveTaskId(nextActiveAssignmentTaskId);\n\t\tthis.refreshDocuments();\n\t}\n\n\tgoPrevious() {\n\t\tconst {\n\t\t\tassignmentTaskIndexes,\n\t\t\tactiveAssignmentTaskId\n\t\t} = this.state;\n\n\t\tlet index = assignmentTaskIndexes[activeAssignmentTaskId];\n\n\t\tindex--;\n\n\t\tif (index < 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet output = Object.entries(assignmentTaskIndexes).map(([key, value]) => ({ key, value }));\n\n\t\tlet nextActiveAssignmentTaskId = output.filter(t => t.value === index)[0].key;\n\n\t\tthis.setActiveTaskId(nextActiveAssignmentTaskId);\n\t\tthis.refreshDocuments();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tdocumentRefresh,\n\t\t\tassignmentTask,\n\t\t\tassignmentTasks,\n\t\t\tassignmentTaskIndexes,\n\t\t\tactiveAssignmentTaskId,\n\t\t} = this.state;\n\n\t\tif (this.state.assignmentLoading || !assignmentTask) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t{this.props.assignment != null && this.props.assignment.id > 0 ?
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tassignment: state.assignments.active_assignment,\n\t\ttranslate: translate(state.Languages.translations),\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetTaskDetails,\n\tsetPageTitle,\n})(UserDocuments);\n","import React, { Component } from 'react';\nimport msal from 'lib/msal';\n\nimport { clearLocalStorage } from 'helpers/localstorage';\n\nexport default class Logout extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tconst foundAdalinStorage = this.allStorage().findIndex(item => {\n\t\t\treturn item.indexOf('adal') > -1;\n\t\t});\n\n\t\tif (foundAdalinStorage > -1) {\n\t\t\tclearLocalStorage();\n\t\t\tmsal.logoutRedirect();\n\t\t} else {\n\t\t\tmsal.logoutRedirect();\n\t\t}\n\t}\n\n\tallStorage = () => {\n\t\tvar archive = [],\n\t\t\tkeys = Object.keys(localStorage),\n\t\t\ti = 0, key;\n\n\t\tfor (; key = keys[i]; i++) {\n\t\t\tarchive.push(key + '=' + localStorage.getItem(key));\n\t\t}\n\n\t\treturn archive;\n\t}\n\n\trender() {\n\t\treturn null;\n\t}\n\n}\n","\n\nvar store = require('../');\nimport { appInsights } from 'lib/appInsights';\n\nvar fetchSchool = function (activeSchool, currentUser) {\n\tvar localStorageSchool = localStorage.getItem(\"hal.school\" + currentUser.userId);\n\n\tlet foundSchool = null;\n\tif (currentUser.schools != null && localStorageSchool != null) {\n\t\tfoundSchool = currentUser.schools.find(school => {\n\t\t\treturn school.id == localStorageSchool;\n\t\t});\n\n\t\tif (foundSchool == null) {\n\t\t\tconst properties = {\n\t\t\t\t'localStorageSchool': localStorageSchool,\n\t\t\t\t'url': window.location.pathname,\n\t\t\t};\n\n\t\t\tappInsights.trackTrace({ message: 'Wrong school in localstorage', severityLevel: 2 }, properties);\n\t\t}\n\t}\n\n\tif (localStorageSchool == null) {\n\t\tlocalStorage.setItem(\"hal.school\" + currentUser.userId, currentUser.schools[0].id);\n\n\t\tconst newAction = { type: \"SET_SCHOOL\", payload: currentUser.schools[0].id };\n\t\tstore.default.dispatch(newAction);\n\t} else {\n\t\tif (foundSchool != null) {\n\t\t\tconst newAction = { type: \"SET_SCHOOL\", payload: localStorageSchool };\n\t\t\tstore.default.dispatch(newAction);\n\t\t} else {\n\t\t\tif (window.location.pathname == '/') {\n\t\t\t\tlocalStorage.setItem(\"hal.school\" + currentUser.userId, currentUser.schools[0].id);\n\t\t\t\tconst newAction = { type: \"SET_SCHOOL\", payload: currentUser.schools[0].id };\n\t\t\t\tstore.default.dispatch(newAction);\n\t\t\t}\n\t\t}\n\t}\n}\n\nvar setLocalStorage = function (currentUser) {\n\tvar localStorageSchool = localStorage.getItem(\"hal.school\" + currentUser.userId);\n\n\tif (localStorageSchool == null) {\n\t\tlocalStorage.setItem(\"hal.school\" + currentUser.userId, currentUser.schools[0].id);\n\t}\n}\n\nvar setSchoolOnUser = function (currentUser, schoolId) {\n\tlocalStorage.setItem(\"hal.school\" + currentUser.userId, schoolId);\n}\n\nvar getSchoolForUser = function (currentUser) {\n\treturn localStorage.getItem(\"hal.school\" + currentUser.userId);\n}\n\nexport default {\n\tfetchSchool,\n\tsetLocalStorage,\n\tsetSchoolOnUser,\n\tgetSchoolForUser,\n};\n","import { useEffect } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { getUserUnreadNotifications } from 'actions/notifications';\nimport moment from 'moment';\n\nconst NotificationProvider = () => {\n\tconst dispatch = useDispatch();\n\n\tlet isFocused = false;\n\tconst onFocusFunction = () => {\n\t\t// do whatever when focus is gained\n\t\tisFocused = true;\n\t};\n\n\tconst onBlurFunction = () => {\n\t\t// do whatever when focus is lost\n\t\tisFocused = false;\n\t};\n\n\tuseEffect(() => {\n\t\tfunction fetchCount() {\n\t\t\tif (isFocused) {\n\t\t\t\tconsole.log('Fetch Count', moment().format('hh:mm:ss'))\n\t\t\t\tdispatch(getUserUnreadNotifications());\n\t\t\t}\n\t\t};\n\n\t\tonFocusFunction();\n\n\t\t// Commented out due to issues in planning form when reinitialized\n\t\t// const interval = setInterval(() => fetchCount(), 45 * 1000);\n\t\tdocument.addEventListener('route_change', fetchCount);\n\t\tfetchCount();\n\n\t\twindow.addEventListener(\"focus\", onFocusFunction);\n\t\twindow.addEventListener(\"blur\", onBlurFunction);\n\n\t\treturn () => {\n\t\t\t// Clean up events\n\t\t\t//clearInterval(interval);\n\t\t\tdocument.removeEventListener('route_change', fetchCount);\n\t\t\twindow.removeEventListener(\"focus\", onFocusFunction);\n\t\t\twindow.removeEventListener(\"blur\", onBlurFunction);\n\t\t};\n\t}, []);\n\n\treturn null;\n};\n\nexport default NotificationProvider;\n","import React, { Component } from 'react';\nimport moment from 'moment';\nimport sniffer from 'sniffer';\nimport getEnvironment from 'lib/env';\nimport project from '../../../package.json';\n\nclass Footer extends Component {\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
: null}\n\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Go to assignment')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t{sniffer.isDesktop || sniffer.isTablet ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default Footer;\n","import React, { Component } from 'react';\nimport { useSelector } from 'react-redux';\nimport { useTranslate } from 'lib/translate';\n\nclass Expire extends Component {\n\tstatic defaultProps = {\n\t\tdelay: 9000,\n\t}\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tvisible: true,\n\t\t};\n\n\t\tthis._timer = null;\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.setTimer();\n\t}\n\n\tsetTimer = () => {\n\t\t// clear any existing timer\n\t\tif (this._timer != null) {\n\t\t\tclearTimeout(this._timer);\n\t\t}\n\n\t\t// set visible and create timeout on this._timer\n\t\tthis.setState({ visible: true }, () => {\n\t\t\tthis._timer = setTimeout(() => {\n\t\t\t\tthis.setState({ visible: false });\n\t\t\t\tthis._timer = null;\n\n\t\t\t\tif (this.props.onExpire) {\n\t\t\t\t\tthis.props.onExpire();\n\t\t\t\t}\n\t\t\t}, this.props.delay);\n\t\t});\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tclearTimeout(this._timer);\n\t}\n\n\trender = () => (\n\t\tthis.state.visible ?\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\t\t\tHaldor - {moment().format('YYYY')}\n\n\t\t\t\t\t\t\t{getEnvironment().type == 'production' || getEnvironment().type == 'staging' ?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tRelease {project.version}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tSession ID: {localStorage.getItem('hsid')}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{getEnvironment().type == 'dev' || getEnvironment().type == 'test' ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tRelease {project.version} Development Preview\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t{this.props.children}\n\t\t\t
\n\t\t\t: null\n\t)\n}\n\nconst Error = () => {\n\tconst translate = useTranslate();\n\tconst errors = useSelector(state => state.errors);\n\n\tconst renderError = (error, i) => {\n\t\tif (error.viewed == true) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{error.msg != null ?\n\t\t\t\t\t\terror.msg\n\t\t\t\t\t\t: error.translateMsg != null ?\n\t\t\t\t\t\t\ttranslate(error.translateMsg)\n\t\t\t\t\t\t\t: null}\n\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n\n\treturn (\n\t\t\n\t\t\t{errors.map(renderError)}\n\t\t
\n\t);\n}\n\nexport default Error;\n","import { getActiveLanguage, setActiveLanguage } from '@haldor/ui';\n\n\nexport const languages = () => {\n\tconst languages = [\n\t\t{\n\t\t\tsvg_src: '/dist/svg/se.svg',\n\t\t\tlabel: 'Svenska',\n\t\t\tlcid: 'sv-SE',\n\t\t},\n\t\t{\n\t\t\tsvg_src: '/dist/svg/gb.svg',\n\t\t\tlabel: 'English',\n\t\t\tlcid: 'en-US',\n\t\t},\n\t\t{\n\t\t\tsvg_src: '/dist/svg/no.svg',\n\t\t\tlabel: 'Norsk',\n\t\t\tlcid: 'nb-NO',\n\t\t},\n\t\t{\n\t\t\tsvg_src: '/dist/svg/dk.svg',\n\t\t\tlabel: 'Dansk',\n\t\t\tlcid: 'da-DK',\n\t\t},\n\t\t{\n\t\t\tsvg_src: '/dist/svg/uk.svg',\n\t\t\tlabel: 'Український',\n\t\t\tlcid: 'uk',\n\t\t},\n\t];\n\n\treturn languages;\n}\n\n\nexport const getLanguage = () => {\n\tconst languagesArray = languages();\n\tlet activeLanguage = languagesArray.find(x => x.lcid.toLowerCase() == getActiveLanguage().toLowerCase());\n\n\treturn activeLanguage;\n};\n\n\nexport const setLanguage = (lcid, user, history) => {\n\tsetActiveLanguage(lcid);\n\t\n\tif (user != null) {\n\t\tuser.lcid = lcid;\n\t}\n\tif (history != null){\n\t\thistory.push('/language');\n\t}\n}","import React, { Component } from 'react';\nimport { withRouter, Link } from 'react-router-dom';\nimport { connect } from 'react-redux';\n\nimport { setActiveSchool } from 'actions/user';\n\nimport { Icon, Menu, translate } from '@haldor/ui';\nimport { languages, getLanguage, setLanguage } from './LanguageManager';\nimport './index.scss';\nimport { isMicrosoftTeams } from 'helpers/teams';\n\nclass AppMenu extends Component {\n\tswitchSchool = (school, userId) => {\n\t\tlocalStorage.setItem('hal.school' + userId, school);\n\n\t\tthis.props.setActiveSchool(school);\n\t\tthis.props.history.push('/switch');\n\t};\n\n\tgetBadgeForSchool = (school) => {\n\t\tif (this.props.userUnread == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this.props.userUnread.reduce((value, item) => {\n\t\t\tif ((item.schoolId == 0 || item.schoolId == school.id) && item.type == 'CONVERSATION') {\n\t\t\t\tif (value == null)\n\t\t\t\t\tvalue = 0;\n\n\t\t\t\treturn value += item.unread;\n\t\t\t}\n\n\t\t\treturn value;\n\t\t}, null);\n\t};\n\n\tgetBadgeForItem = (item) => {\n\t\tif (this.props.userUnread == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst { activeSchool } = this.props;\n\n\t\tif (item.url == 'select-school') {\n\t\t\treturn this.props.userUnread.reduce((value, item) => {\n\t\t\t\tif (item.schoolId == activeSchool || item.type != 'CONVERSATION') {\n\t\t\t\t\treturn value;\n\t\t\t\t}\n\n\t\t\t\tif (value == null)\n\t\t\t\t\tvalue = 0;\n\n\n\t\t\t\treturn value += item.unread;\n\t\t\t}, null);\n\t\t}\n\n\t\tif (item.url == '/conversations') {\n\t\t\treturn this.props.userUnread.reduce((value, item) => {\n\t\t\t\tif ((item.schoolId == 0 || item.schoolId == activeSchool) && item.type == 'CONVERSATION') {\n\t\t\t\t\tif (value == null) {\n\t\t\t\t\t\tvalue = 0;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn value += item.unread;\n\t\t\t\t}\n\n\t\t\t\treturn value;\n\t\t\t}, null);\n\t\t}\n\n\t\tif (item.url == '/notifications') {\n\t\t\treturn this.props.userUnread.reduce((value, item) => {\n\t\t\t\tif ((item.schoolId == 0 || item.schoolId == activeSchool) && item.type == 'NOT') {\n\t\t\t\t\tif (value == null) {\n\t\t\t\t\t\tvalue = 0;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn value += item.unread;\n\t\t\t\t}\n\n\t\t\t\treturn value;\n\t\t\t}, null);\n\t\t}\n\n\t\treturn null;\n\t};\n\n\tgetUserMenu = () => {\n\t\tlet userMenu = [];\n\t\tuserMenu.push({\n\t\t\tonClick: () => this.props.history.push(\"/logout\"),\n\t\t\tonKeyDown: (event) => { event.key == \"Enter\" ? event.target.click() : null },\n\t\t\tlabel: ({this.props.translate('Sign out')}
),\n\t\t});\n\n\t\treturn userMenu;\n\t};\n\n\tgetLanguageMenu = () => {\n\t\tlet languageMenu = [];\n\n\t\tlanguages().forEach((language) => {\n\t\t\tlanguageMenu.push({\n\t\t\t\tonKeyDown: (event) => { event.key == \"Enter\" ? event.target.click() : null },\n\t\t\t\tonClick: () => setLanguage(language.lcid, this.props.user, this.props.history),\n\t\t\t\tlabel: this.props.user.lcid.toLowerCase() == language.lcid.toLowerCase() ?\n\t\t\t\t\t(\n\t\t\t\t\t\t
{language.label}\n\t\t\t\t\t\t
)\n\t\t\t\t\t: (\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttitle: state.Header.title,\n\t\tsettings: state.Header,\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tonRouteBack,\n})(Header));\n","import React, { Component } from 'react';\nimport { withRouter, NavLink } from 'react-router-dom';\nimport { connect } from 'react-redux';\n\nimport { setActiveSchool } from 'actions/user';\n\nimport { Icon, ActionSheet, TooltipMenu, translate } from '@haldor/ui';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport './_device.scss';\nimport { languages, getLanguage, setLanguage } from '../Menu/LanguageManager';\n\nclass DeviceHeader extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tlanguageMenuOpen: false,\n\t\t\tconfirmLogOutOpen: false,\n\t\t};\n\t}\n\n\tisIndex = () => {\n\t\treturn window.location.pathname == '/';\n\t}\n\n\tgoBack = (event) => {\n\t\tevent.preventDefault();\n\t\twindow.history.go(-1);\n\t}\n\n\tgetBadgeForSchool = (school) => {\n\t\tconst { activeSchool } = this.props;\n\n\t\tif (this.props.userUnread == null || school.id == activeSchool) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this.props.userUnread.reduce((value, item) => {\n\t\t\tif ((item.schoolId == 0 || item.schoolId == school.id) && item.type == 'CONVERSATION') {\n\t\t\t\tif (value == null)\n\t\t\t\t\tvalue = 0;\n\n\t\t\t\treturn value += item.unread;\n\t\t\t}\n\n\t\t\treturn value;\n\t\t}, null);\n\t};\n\n\tgetBadgeForItem = () => {\n\t\tif (this.props.userUnread == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst { activeSchool } = this.props;\n\n\t\treturn this.props.userUnread.reduce((value, item) => {\n\t\t\tif (item.schoolId == activeSchool && item.type != 'CONVERSATION') {\n\t\t\t\treturn value;\n\t\t\t}\n\n\t\t\tif (value == null)\n\t\t\t\tvalue = 0;\n\n\t\t\treturn value += item.unread;\n\t\t}, null);\n\t};\n\n\tselectSchool = () => {\n\t\tconst { user } = this.props;\n\n\t\tconst schools = user.schools.map((school) => ({\n\t\t\tlabel: (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{this.props.settings.backButton ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{this.props.title != null ?\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t{isMicrosoftTeams() ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.title}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{this.props.settings.actions != null ?\n\t\t\t\t\t\t\t\t\tthis.props.settings.actions.map(this.renderAction)\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t{this.getBadgeForSchool(school) != null ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.getBadgeForSchool(school)}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{school.title}\n\t\t\t\t\n\t\t\t),\n\t\t\tvalue: school.id,\n\t\t}));\n\n\t\tActionSheet.prompt({\n\t\t\titems: schools,\n\t\t}).then((school) => {\n\t\t\tlocalStorage.setItem(\"hal.school\" + user.id, school);\n\t\t\tthis.props.setActiveSchool(school);\n\n\t\t\tthis.props.history.push(\"/switch\");\n\t\t}).catch(() => null);\n\t};\n\n\trenderAction = (action) => {\n\t\tif (action.type == 'dropDown')\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{action.subButtons ?\n\t\t\t\t\t\taction.subButtons.map((subAction, index) => (\n\t\t\t\t\t\t\t subAction.onClick(true)}\n\t\t\t\t\t\t\t\tkey={'subAction-' + index}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{subAction.value}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t))\n\t\t\t\t\t\t: null}\n\t\t\t\t
\n\t\t\t);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
)\n\t\t\t\t: ({translate('verify_logout')}
\n\t\t\t\t\t\n\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t {this.openDeviceMenu, this.scrollToItem('logout-confirm')}}>\n\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\n\t\t\t\t
),\n\t\t\t});\n\t\t});\n\n\t\tActionSheet.prompt({\n\t\t\titems: menuItems,\n\t\t}).then(selection => {\n\t\t}, () => {\n\t\t\t// This method only runs if user closes the prompt without pressing an option\n\t\t\tif (this.state.confirmLogOutOpen) {\n\t\t\t\tthis.openDeviceMenu();\n\t\t\t\tthis.scrollToItem('logout-confirm');;\n\t\t\t}\n\t\t});\n\t}\n\t\n\tselectLanguage = () => {\n\t\tlet languageMenu = [];\n\t\tconst user = this.props.user;\n\t\tthis.setState({languageMenuOpen: true});\n\n\t\tlanguages().forEach((language) => {\n\t\t\tlanguageMenu.push({\n\t\t\t\tlabel: user.lcid.toLowerCase() == language.lcid.toLowerCase() ?\n\t\t\t\t\t(\n\t\t\t\t\t\t {language.label}\n\t\t\t\t\t\t
)\n\t\t\t\t\t: ( setLanguage(language.lcid, user)} style={{ display: \"flex\", alignItems: \"center\" }}>\n\t\t\t\t\t\t\t{this.props.translate(item.parentId.toLowerCase())}\n\t\t\t\t\t\t
\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tlet elementDiv = (\n\t\t\t\t\t{categoryDiv}\n\n\t\t\t\t\t
)\n\n\t\t\t\tmenuItems.push({\n\t\t\t\t\tlabel: elementDiv,\n\t\t\t\t\tvalue: item\n\t\t\t\t});\n\t\t\t});\n\n\n\t\t\tthis.props.items.map((item, index) => {\n\t\t\t\tif (item.parentId != null && item.parentId != '') {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tif (item.type != 'EXTERNAL') {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tlet label = item.text;\n\t\t\t\tif (label.indexOf('nav_') > -1) {\n\t\t\t\t\tlabel = this.props.translate(item.text.toLowerCase());\n\t\t\t\t}\n\n\t\t\t\tlet elementDiv = (\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{this.props.translate(item.text.toLowerCase())}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
)\n\n\t\t\t\tmenuItems.push({\n\t\t\t\t\tlabel: elementDiv,\n\t\t\t\t});\n\t\t\t})\n\n\t\t\tlet languagesDiv = (\n\t\t\t\t
)\n\n\t\t\t{displayActiveLanguage != null ?\n\t\t\tmenuItems.push({\n\t\t\t\tlabel: languagesDiv,\n\t\t\t}) : null}\n\n\t\t\tlet logoutDiv = (\n\t\t\t\t\t{this.props.translate(\"Settings\")}\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t{displayActiveLanguage == null ?\n\t\t\t\t\t
)\n\n\t\t\t{this.props.user != null ?\n\t\t\t\tmenuItems.push({\n\t\t\t\tlabel: logoutDiv,\n\t\t\t}) : null}\n\t\t}\n\n\t\tActionSheet.prompt({\n\t\t\titems: menuItems,\n\t\t}).then(item => {\n\t\t\tif (this.inIframe() && item.type === 'EXTERNAL') {\n\t\t\t\tmicrosoftTeams.getContext((context) => {\n\t\t\t\t\tif (context.hostClientType === \"ios\" || context.hostClientType === \"android\") {\n\t\t\t\t\t\t// Use Teams SDK to open the link within Teams mobile app\n\t\t\t\t\t\tmicrosoftTeams.executeDeepLink(item.url);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Fallback for web and desktop, open in new tab\n\t\t\t\t\t\tthis.props.history.push(item.url);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t// Fallback for web and desktop, open in new tab\n\t\t\t\tthis.props.history.push(item.url);\n\t\t\t}\n\t\t}, () => {\n\t\t\t// This method only runs if user closes the prompt without pressing an option\n\t\t\t// This method is also optional\n\t\t});\n\t}\n\n\trender() {\n\t\tconst school = this.props.user.schools.find(school => {\n\t\t\treturn school.id === this.props.activeSchool;\n\t\t});\n\n\t\tconst actionTrigger = (\n\t\t\t\n\t\t\t\t\t\t{this.props.translate(\"Settings\")}\n\t\t\t\t\t
\n\t\t\t\t: null}\n\t\t\t\t\n\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\n\t\treturn (\n\t\t\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tactions: state.Header.actions,\n\t\ttitle: state.Header.title,\n\t\tsettings: state.Header,\n\t\tactiveSchool: state.user.activeSchool,\n\t\tuser: state.user.currentUser,\n\t\titems: state.Menu.items,\n\t\tuserUnread: state.Notifications.userUnread,\n\t}\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tsetActiveSchool,\n})(DeviceHeader));\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter, Link } from 'react-router-dom';\nimport { getRootUrl } from 'helpers/url';\nimport { Search as SearchInput } from 'UI/Inputs';\nimport { Icon, Button, TooltipMenu, translate } from '@haldor/ui';\n\nimport './_web.scss';\n\nclass DesktopHeader extends Component {\n\n\tonSearch = (search) => {\n\t\tthis.props.history.push('/search?q=' + search.query);\n\t};\n\n\trenderAction = (action, index) => {\n\t\tswitch (action.type) {\n\t\t\tcase 'button':\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t{this.props.settings.backButton ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t: \n\t\t\t\t\t\t\t }\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t{this.isIndex() ?\n\t\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: this.props.title}\n\t\t\t\t\n\t\t\t\t\t\t\t\t{this.getBadgeForItem() != null ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.getBadgeForItem()}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t{school.title}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t{this.props.actions != null && this.props.actions.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.actions.map(this.renderAction)}\n\t\t\t\t\t\t \n\t\t\t\t\t\t:\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tactions: state.Header.actions,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps)(DesktopHeader));\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport * as microsoftTeams from '@microsoft/teams-js';\nimport { appInsights } from 'lib/appInsights';\n\nimport msal, { getUser, loginRequest, clearInteractionProgress } from 'lib/msal';\n\nimport { Button, Block, translate } from '@haldor/ui';\n\nclass InteractionRequired extends Component {\n\n\tcomponentDidMount = () => {\n\t\tconst user = getUser();\n\t\tappInsights.trackTrace({ message: \"EDU012 - Token error (invalid_grant or interaction_required)\" }, {\n\t\t\terror: this.props.error,\n\t\t});\n\t}\n\n\tinIframe() {\n\t\ttry {\n\t\t\treturn window.self !== window.top || window.navigator.userAgent.indexOf('TeamsMobile') > -1;\n\t\t} catch (e) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\trunLogin = () => {\n\t\tlet request = loginRequest;\n\t\tif (this.props.error != null) {\n\t\t\tif (this.props.error.claims != null) {\n\t\t\t\trequest.claims = this.props.error.claims;\n\t\t\t}\n\n\t\t\tappInsights.trackTrace({ message: 'EDU018 | Check claims on InteractionRequired page' }, {\n\t\t\t\terror: this.props.error,\n\t\t\t});\n\t\t}\n\n\t\tif (microsoftTeams.app.isInitialized()) {\n\t\t\tlet url = '/Auth'\n\t\t\tif (this.props.error != null) {\n\t\t\t\tif (this.props.error.claims != null) {\n\t\t\t\t\turl += `?claims=${encodeURI(this.props.error.claims)}`;\n\t\t\t\t}\n\t\t\t}\n\t\t\tmicrosoftTeams.authentication.authenticate({\n\t\t\t\turl: url,\n\t\t\t})\n\t\t\t\t.then((response) => {\n\t\t\t\t\tappInsights.trackTrace({ message: 'EDU018a | MSTeams authenticate successCallback' }, {\n\t\t\t\t\t\tresponse: response,\n\t\t\t\t\t});\n\t\t\t\t\tthis.props.history.replace('/');\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tappInsights.trackTrace({ message: 'EDU018b | MSTeams authenticate failureCallback' }, {\n\t\t\t\t\t\terror: error,\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t} else {\n\t\t\tclearInteractionProgress();\n\t\t\tmsal.loginRedirect(request);\n\t\t}\n\t}\n\n\trenderInformation = () => {\n\t\tif (this.props.error != null) {\n\t\t\tif (this.props.error.errorCode != null && this.props.error.errorCode == 'interaction_required') {\n\t\t\t\treturn \n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t{this.props.actions != null ? this.props.actions.map(this.renderAction) : null}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t}\n\t\t}\n\n\t\treturn {this.props.translate('Sorry for bothering you')}
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('Something went wrong and you need to sign in again.')}\n\t\t\t\t\t
\n\n\t\t\t\t\t{getUser() != null ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Currently logged in as')} {getUser().name}\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{getUser().username}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t
\n\t}\n\n\trender() {\n\t\tif (window.location.pathname == '/tab-configure' || window.location.pathname == '/course-plan-configure') {\n\t\t\treturn this.renderInformation();\n\t\t}\n\n\t\treturn {this.props.translate('you-are-almost-ready')}
\n\n\t\t\t\n\t\t\t\t{this.props.translate('consent-first-person-in-tenant-message')}\n\t\t\t
\n\n\t\t\t\n\t\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\t{this.props.translate('consent-if-you-are-not-an-administrator-message')}\n\t\t\t
\n\n\t\t\t{getUser() != null ?\n\t\t\t\t\n\t\t\t\t\t{this.props.translate('Currently logged in as')} {getUser().name}\n\n\t\t\t\t\t
\n\t\t\t\t\t\t{getUser().username}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t: null}\n\t\t\n\t\t\t
\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t}\n}\n\nexport default withRouter(connect(mapStateToProps)(InteractionRequired));","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { getUser } from 'lib/msal';\nimport { appInsights } from 'lib/appInsights';\nimport { Link } from 'react-router-dom';\n\nimport { getRootUrl } from 'helpers/url';\n\nimport { Button, Block, translate } from '@haldor/ui';\n\nclass RequiredDataError extends Component {\n\n\tcomponentDidMount = () => {\n\t\tconst user = getUser();\n\t\tappInsights.trackTrace({ message: \"EDU013 - API error\" }, {\n\t\t\terror: this.props.error?.data,\n\t\t});\n\t}\n\n\t/*\n\tgenerateStringFromObject = (target, data) => {\n\t\tif (target == null) {\n\t\t\ttarget = [];\n\t\t}\n\n\t\tObject.keys(data).forEach(key => {\n\t\t\tif (typeof data[key] == 'object' && data[key] != null) {\n\t\t\t\tlet arrayData = key + ': (object)\\n';\n\t\t\t\tObject.keys(data[key]).forEach(objectKey => {\n\t\t\t\t\tarrayData += ' ' + objectKey + ': ' + data[key][objectKey] + '\\n';\n\t\t\t\t});\n\n\t\t\t\ttarget.push(arrayData);\n\t\t\t} else {\n\t\t\t\ttarget.push(key + ': ' + data[key] + '\\n');\n\t\t\t}\n\t\t});\n\n\t\treturn target;\n\t}\n\n\tgenerateFile = () => {\n\t\tif (this.props.error == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst user = getUser();\n\n\t\tconsole.log('error from props', this.props.error, user)\n\n\t\tlet data = [];\n\n\t\t// Add request data to file\n\t\tdata.push('## Request\\n\\n');\n\t\tdata.push('Status: ' + this.props.error.status + '\\n');\n\t\tdata.push('StatusText: ' + this.props.error.statusText + '\\n');\n\n\t\tif (this.props.error.config != null) {\n\t\t\tdata.push('BaseUrl: ' + this.props.error.config.baseURL + '\\n');\n\t\t\tdata.push('Url: ' + this.props.error.config.url + '\\n');\n\t\t}\n\n\t\t// Add request headers\n\t\tdata.push('\\n\\n## Request headers\\n\\n');\n\t\tif (this.props.error.config != null && this.props.error.config.headers != null) {\n\t\t\tdata = this.generateStringFromObject(data, this.props.error.config.headers);\n\t\t}\n\n\t\t// Add error data to file\n\t\tdata.push('\\n\\n## Response data\\n\\n');\n\t\tif (this.props.error.data != null) {\n\t\t\tdata = this.generateStringFromObject(data, this.props.error.data);\n\t\t}\n\n\t\tdata.push('\\n\\n## User data\\n\\n');\n\t\tif (user != null) {\n\t\t\tdata = this.generateStringFromObject(data, user);\n\t\t} else {\n\t\t\tdata.push('User is null!\\n');\n\t\t}\n\n\t\tlet blob = new Blob(data, {\n\t\t\ttype: \"text/plain;charset=utf-8\",\n\t\t});\n\n\t\tlet textFile = null;\n\n\t\tif (textFile != null) {\n\t\t\twindow.URL.revokeObjectURL(textFile);\n\t\t}\n\n\t\ttextFile = window.URL.createObjectURL(blob);\n\t\tthis.link.href = textFile;\n\t}\n\t*/\n\n\trenderInformation = () => {\n\t\treturn \n\t\t\t\t\n\t\t\t\t\t{this.renderInformation()}\n\t\t\t\t \n\t\t\t
\n\t\t\n\t\t\t
\n\t}\n\n\trender() {\n\t\tif (window.location.pathname == '/tab-configure' || window.location.pathname == '/course-plan-configure') {\n\t\t\treturn this.renderInformation();\n\t\t}\n\n\t\treturn {this.props.translate('something-went-wrong')}
\n\n\t\t\t\n\t\t\t\t{this.props.translate('It seems like something went wrong while we were trying to load data. Try reloading.') + ' '}\n\t\t\t\t{this.props.translate('If this does not work, contact your teacher, administrator or Haldor. Haldor can be reached via our Support.')}\n\t\t\t
\n\n\t\t\t\n\t\t\t\t{this.props.translate('Please leave this session ID in the support ticket: ')} {localStorage.getItem('hsid')}\n\t\t\t
\n\n\t\t\t\n\t\t\t\t{this.props.translate('Submit support ticket')}\n\t\t\t\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t{this.props.translate('log-out')}\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\t
\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t}\n}\n\nexport default connect(mapStateToProps)(RequiredDataError);","import { lang } from 'moment';\nimport React, { useEffect } from 'react';\n\nfunction ZendeskWidget({ language }) {\n\tlet widgetLang = \"en-gb\";\n\n\tif (language == 'sv-SE' || language == 'sv-FI')\n\t\twidgetLang = 'sv';\n\tif (language == 'nb-NO' || language == 'nn-NO')\n\t\twidgetLang = 'no';\n\n\tzE('webWidget', 'setLocale', widgetLang);\n\n\treturn null;\n}\n\nexport default ZendeskWidget;\n\n","import React, { useState, useEffect, useRef } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport ModalObject from \"containers/Modals/Modal\";\nimport Bowser from 'bowser';\nimport \"./_reportModal.scss\";\n\n\nconst ReportModal = (props) => {\t\n\tconst { activeSchool, user, translate, sessionId, pageId } = props;\n\tconst [copyConfirmText, setCopyConfirmText] = useState(translate(\"Copy Text\"));\n\tconst [isEnterPressed, setIsEnterPressed] = useState(false);\n\tconst tooltipRef = useRef(null);\n\tconst reportTitle = translate(\"Report bugs to support contact\");\n\tconst informationBody = translate(\"Send an email to your school's Haldor support contact. Please describe your problem in as much detail as possible. To facilitate the handling of your case, it is important that you include the information below:\");\n\n\n\tuseEffect(() => {\t\n\t\t// changes reportmodals layout to custom style when mounted\n\t\tsetTimeout(() => {\n\t\t\tconst thisModalContainer = document.querySelector('.report-modal-container');\n\n\t\t\tif (thisModalContainer){\n\t\t\t\tconst closestModalOverlay = thisModalContainer.closest('.modal-overlay');\n\t\t\t\tif (closestModalOverlay && !closestModalOverlay.classList.contains('.report-modal-container')){\n\t\t\t\t\tclosestModalOverlay.classList.add(\"modal-overlay-report\");\t\t\t\t\t\n\t\t\t\t}\n\t\t\t}\n\t\t}, 1);\n\t\n\t\treturn () => {\n\t\t\t// Optional cleanup logic can be added here\n\t\t};\n\t}, []);\n\t\n\tconst getCurrentBrowser = () => {\n\t\tconst browser = Bowser.getParser(window.navigator.userAgent);\n\t\tconst browserName = browser.getBrowserName() || \"unknown\";\n\t\tconst version = browser.getBrowser().version || \"unknown\";\n\t\tconst deviceType = browser.getPlatformType() || \"unknown\";\n\t\t\n\t\treturn (browserName + \", version: \" + version + \", device: \" + deviceType);\n\t};\n\n\tconst getTimeStamp = () => {\n\t\tconst now = new Date(); \n\t\tconst date = now.toISOString().substring(0, 10);\n\t\tconst hours = String(now.getHours()).padStart(2, '0');\n\t\tconst minutes = String(now.getMinutes()).padStart(2, '0');\n\n\t\treturn `${date}, kl. ${hours}:${minutes}`;\n\t};\n\n\tconst getUserRoles = () => {\n\t\tlet userRoles = \"\";\n\t\tlet activeSchoolInfo = user.schools.filter(s => s.id == activeSchool);\n\t\tif (activeSchoolInfo [0].userRoles.length > 0){\n\t\t\tactiveSchoolInfo [0].userRoles.forEach(role =>{\n\t\t\t\tuserRoles += role + \", \";\n\t\t\t});\n\t\t}\n\t\treturn userRoles;\n\t};\n\t\t\n\tconst reportInformationToCopy = (\n\t\t`${translate(\"Describe the problem\")}: \\n\\n\\n\\n\\n` +\n\t\t`\\nUser Email: ` + user.email +\n\t\t`\\nUser ID: ` + user.id +\n\t\t`\\nSchool ID: ` + activeSchool +\n\t\t`\\nRoles in School: ` + getUserRoles() +\n\t\t`\\nPage ID: ` + pageId +\n\t\t`\\nTimeStamp: ` + getTimeStamp() +\n\t\t`\\nSession ID: ` + sessionId +\n\t\t`\\nBrowser: `+ getCurrentBrowser()\n\t);\n\n\tconst handleCopyClick = async () => {\t\t\n\t\ttry {\n\t\t\tconst {current: tooltip} = tooltipRef;\n\t\t\tconst windowWidth = window.innerWidth;\n\t\t\tawait navigator.clipboard.writeText(reportInformationToCopy);\n\t\t\t// Text copied successfully\n\t\t\tsetCopyConfirmText(translate(\"The text was copied\"));\n\t\t\tif(windowWidth < 768){\n\t\t\t\ttooltip.style.display = \"block\";\n\t\t\t}\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif(windowWidth < 768){\n\t\t\t\t\ttooltip.style.display = \"none\";\n\t\t\t\t}\n\t\t\t\tsetCopyConfirmText(translate(\"Copy Text\"));\n\t\t\t}, 3000);\n\t\t} catch (error) {\n\t\t\t// Something went wrong\n\t\t\tconsole.error('Unable to copy text: ', error);\n\t\t}\n\t};\n\n\tconst handleCopyKeyDown = (event) => {\n\t\tif (event.key === 'Enter') {\n\t\t setIsEnterPressed(true);\n\t\t handleCopyClick();\n\t\t}\n\t\tsetTimeout(() => {\n\t\t\tsetIsEnterPressed(false);\n\t\t}, 3000);\n\t};\n\n\tconst openMailKlientWithInformation = () => {\n\t\tconst mailSubject = translate('Problems in Haldor');\n\n\t\treturn window.open(`mailto:?subject=${encodeURIComponent(mailSubject)}&body=${encodeURIComponent(reportInformationToCopy)}`)\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t\n\t\t\t\t\t{this.renderInformation()}\n\t\t\t\t \n\t\t\t
\n\t\t\n\t\t\t\t
\t\t\t\n\t\t\n\t);\n}\n\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuser: state.user.currentUser,\n\t\tactiveSchool: state.user.activeSchool,\n\t\tsessionId: localStorage.getItem('hsid'),\n\t\tpageId : window.location.href,\n\t}\n}\nexport default connect(mapStateToProps)(ReportModal);\n","import React, { useState, useEffect, useRef } from 'react';\nimport ReportModal from 'components/Support/ReportModal';\nimport \"./_supportLauncher.scss\";\n\nconst SupportLauncher = (props) => {\n\tconst [isModalOpen, setIsModalOpen] = useState(false);\n\tconst [isMenuOpen, setIsMenuOpen] = useState(false);\n\tconst supportButtonRef = useRef(null);\n\tconst supportMenuRef = useRef(null);\n\n\tuseEffect(() => {\n\t\tconst handleOutsideClick = (event) => {\n\t\t\tif (\n\t\t\t\tsupportButtonRef.current &&\n\t\t\t\t!supportButtonRef.current.contains(event.target) \n\t\t\t) {\n\t\t\t\tsetIsMenuOpen(false);\t\n\t\t\t}\n\t\t};\n\t\tdocument.body.addEventListener(\"click\", handleOutsideClick);\n\n\t\treturn () => {\n\t\t\tdocument.body.removeEventListener(\"click\", handleOutsideClick);\n\t\t};\n\t}, []);\n\n\n\t//shows zendeskWidget when \"help center\" button clicked\n\tconst handleHelpButtonClick = () => {\n\t\tif (typeof zE !== 'undefined') {\n\t\t zE('webWidget', 'show');\n\t\t zE('webWidget', 'open');\n\t\t}\n\n\t\tsetIsMenuOpen(false);\t\t\n\t};\n\n\t//hides zendeskWidget on close\n\tzE('webWidget:on', 'close', () => {\n\t\tzE('webWidget', 'hide');\n\t\t\t\t\t\t\n\t\tsetIsMenuOpen(false);\t\n\t});\n\t\n\tconst toggleModal = () => {\n\t\tsetIsModalOpen((prev) => !prev);\n\t\tsetIsMenuOpen(false);\t\n\t};\n\n\tconst toggleMenu = () => {\n\t\tsetIsMenuOpen((prev) => !prev);\t\n\t};\n\n\treturn (\n\t\n\t\t\t\t\t
\n\t\t\t\t{informationBody}
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tUser Email: {user.email}
\n\t\t\t\t\t\t\t\tUser ID: {user.id}
\n\t\t\t\t\t\t\t\tSchool ID: {activeSchool}
\n\t\t\t\t\t\t\t\tRoles in School: {getUserRoles()}
\n\t\t\t\t\t\t\t\tPage ID: {pageId}
\n\t\t\t\t\t\t\t\tTimeStamp: {getTimeStamp()}
\n\t\t\t\t\t\t\t\tSession ID: {sessionId}
\n\t\t\t\t\t\t\t\tBrowser: {getCurrentBrowser()}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\n\t\t{isMenuOpen ?\n\t\t\n\t\t: null}\n\t\t{isModalOpen && toggleModal()}/>}\n\t
\n\t);\n }\n\nexport default SupportLauncher;\n\n","import { getRootUrl } from 'helpers/url';\nimport React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\n\nexport default class Card extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tcolor: this.props.hasOwnProperty('color') ? this.props.color : '',\n\t\t\ttype: this.props.hasOwnProperty('type') ? this.props.type : 'standard',\n\t\t};\n\t}\n\n\toutput = () => {\n\t\tconst { target, type, url } = this.props;\n\n\t\tconst isExternal = !!(target && target.indexOf('http') > -1);\n\t\tconst isInternal = !!(target && !isExternal);\n\n\t\tif (isExternal) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{this.props.children}\n\t\t\t\t\n\t\t\t);\n\t\t} else if (isInternal) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{this.props.children}\n\t\t\t\t\n\t\t\t);\n\t\t}\n\n\t\tif (this.props.onClick != null && target == null) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t{this.props.children}\n\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.output()}\n\t\t\t
\n\t\t);\n\t}\n}\n\n/**\n* Cards container\n* Displays cards in multiple columns based on screen width.\n* @export CardsContainer\n*/\nexport const CardsContainer = ({ children }) => (\n\t\n\t\t{children}\n\t
\n);\n\n/**\n* Card title\n*/\nexport const CardTitle = ({ children }) => (\n\t\n\t\t{children}\n\t
\n);\n\n/**\n* Card subtitle\n*/\nexport const CardSubtitle = ({ children }) => (\n\t\n\t\t{children}\n\t
\n);\n\n/**\n* Card description\n*/\nexport const CardDescription = ({ children }) => (\n\t\n\t\t{children}\n\t
\n);\n\n/**\n* Card footer\n*/\nexport const CardFooter = ({ children }) => (\n\t\n\t\t{children}\n\t
\n);\n","import React from 'react';\nimport Card, { CardDescription, CardsContainer, CardSubtitle, CardTitle } from './Card';\n\nfunction renderCards(count) {\n\tconst cards = [];\n\tfor (let i = 0; i < count; i++) {\n\t\tcards.push({renderCards(count)}
;\n\nexport default loadingCards;\n","import React, { Component } from 'react';\nimport DateTime from '_class/DateTime';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport { Link } from 'react-router-dom';\n\nimport { searchGroups, clearSearch } from 'actions/search';\nimport { getGroupAbsenceForToday, getMentorGroups, getArchievedMentorGroups } from 'actions/sections';\nimport { setPageTitle } from 'actions/header';\n\nimport LoadingCards from 'components/Cards/LoadingCard';\n\nimport { Expandable } from 'UI';\nimport { Search as SearchInput } from 'UI/Inputs';\nimport { Card, Icon, Flex } from '@haldor/ui';\nimport { getDescription } from 'helpers/content';\n\nclass MentorGroups extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\texpand: false,\n\t\t\tisLoadingSections: false,\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.props.setPageTitle(this.props.translate('mentor-header-overview'));\n\n\t\tif (this.props.mentorGroups == null || this.props.mentorGroups.length == 0) {\n\t\t\tthis.setState({ isLoadingSections: true });\n\t\t\tthis.props.getMentorGroups().then(() => {\n\t\t\t\tif (this.props.mentorGroups != null && this.props.mentorGroups.length > 0) {\n\t\t\t\t\tthis.props.mentorGroups.forEach((group) => {\n\t\t\t\t\t\tif (group.absences == null && group.currentUserRole == 'OWNER') {\n\t\t\t\t\t\t\tthis.props.getGroupAbsenceForToday(group.id, encodeURIComponent(moment().format()), encodeURIComponent(moment().add(1, 'd').format()));\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tif (this.props.mentorArchivedGroups == null || this.props.mentorArchivedGroups.length == 0) {\n\t\t\tthis.props.getArchievedMentorGroups().then(() => {\n\t\t\t\tthis.setState({ isLoadingSections: false });\n\t\t\t});\n\t\t}\n\t}\n\n\ttoggleExpand = () => this.setState({ expand: !this.state.expand });\n\n\trenderFoldButton = () => {\n\t\treturn \n\t\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t\t\t{group.title}\n\t\t\t\t\n\n\t\t\t\t{foundInvalid.length > 0 ?\n\t\t\t\t\t
\n\t\t);\n\n\t\treturn \n\t\t\t\t\t\t{foundInvalid.length + ' ' + this.props.translate('Invalid absent').toLowerCase()}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{foundValid.length > 0 ?\n\t\t\t\t\t\n\t\t\t\t\t\t{foundValid.length + ' ' + this.props.translate('valid-absent').toLowerCase()}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\t\t{this.cutDescription(group.description)}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{group.events != null ?\n\t\t\t\t\t\t\t\tgroup.events.map((event, index) => {\n\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t
\n\t\t\t\t\t{new DateTime(event.created).getDateStamp()}
\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{event.createdBy.firstName + ' ' + event.createdBy.lastName + ' ' + this.props.translate(event.event)}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t{group.archived ?\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Archived')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{group.currentUserRole == 'OWNER' ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Owner')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t:\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Member')}\n\t\t\t\t\t\t
\n\t\t\t\t\t}\n\t\t\t\t\n\t\t\t
\n\t}\n\n\tGroupList = () => {\n\t\tif (this.props.searchResults != null && this.props.searchResults.length > 0) {\n\t\t\tvar anyMentorGroups = this.props.searchResults.filter(function (group) {\n\t\t\t\treturn group.type == 'MENTOR_GROUP';\n\t\t\t});\n\t\t\tif (anyMentorGroups.length > 0) {\n\t\t\t\treturn \n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t{anyMentorGroups.map(this.renderGroup)}\n\t\t\t\t
\n\t\t\t}\n\t\t}\n\n\t\tlet groups = JSON.parse(JSON.stringify(this.props.mentorGroups));\n\n\t\tif (groups != null) {\n\t\t\tgroups = groups.filter(group =>\n\t\t\t\tgroup.currentUserRole == 'OWNER'\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{groups.map(this.renderGroup)}\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\t}\n\n\tArchivedGroupList = () => {\n\t\tlet groups = JSON.parse(JSON.stringify(this.props.mentorArchivedGroups));\n\n\t\tif (groups != null) {\n\t\t\tgroups = groups.filter(group =>\n\t\t\t\tgroup.currentUserRole == 'OWNER'\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{groups.map(this.renderGroup)}\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\t}\n\n\tnoGroupsFound = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tcutDescription = (description) => {\n\t\tif (description == null) {\n\t\t\treturn '';\n\t\t}\n\n\t\tlet strippedDescription = getDescription(description).replace(/(<([^>]+)>)/ig, '');\n\t\tif (strippedDescription.length > 99) {\n\t\t\treturn strippedDescription.slice(0, 100) + '…';\n\t\t}\n\n\t\treturn strippedDescription;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{this.props.translate('no-sections-found')}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t{this.renderFilters()}\n\t\t\t\t{this.renderFoldButton()}\n\n\t\t\t\t{this.GroupList()}\n\n\t\t\t\t{this.props.mentorArchivedGroups.length > 0 ?\n\t\t\t\t\tthis.ArchivedGroupList()\n\t\t\t\t\t: null}\n\n\t\t\t\t{this.state.isLoadingSections ?\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tmentorGroups: state.sections.mentorGroups,\n\t\tmentorArchivedGroups: state.sections.mentorArchievedGroups,\n\t\tcurrentUser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tsearchResults: state.Search.groups,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetMentorGroups,\n\tgetArchievedMentorGroups,\n\tgetGroupAbsenceForToday,\n\tsetPageTitle,\n\tsearchGroups,\n\tclearSearch,\n})(MentorGroups);","export const ASSIGNMENT_TAB = 'ASSIGNMENT_TAB';\nexport const PLANNING_TAB = 'PLANNING_TAB';\nexport const ASSESSMENT_TAB = 'ASSESSMENT_TAB';\nexport const ATTENDANCE_TAB = 'ATTENDANCE_TAB';\nexport const COURSE_PLANNING_TAB = 'COURSE_PLANNING_TAB';\nexport const HALDOR_EDUCATION_TAB = 'HALDOR_EDUCATION_TAB';\n\nexport const getTeamsTab = () => {\n\tif (window.location.pathname.indexOf('assignments-tab') > -1) {\n\t\treturn ASSIGNMENT_TAB;\n\t} else if (window.location.pathname.indexOf('planning-tab') > -1) {\n\t\treturn PLANNING_TAB;\n\t} else if (window.location.pathname.indexOf('assessments-tab') > -1) {\n\t\treturn ASSESSMENT_TAB;\n\t} else if (window.location.pathname.indexOf('attendance-tab') > -1) {\n\t\treturn ATTENDANCE_TAB;\n\t} else if (window.location.pathname.indexOf('haldor-tab') > -1) {\n\t\treturn COURSE_PLANNING_TAB;\n\t} else {\n\t\treturn HALDOR_EDUCATION_TAB;\n\t}\n};\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\n\nimport { ASSESSMENT_TAB, ASSIGNMENT_TAB, PLANNING_TAB } from 'constants/teamsTabs';\n\nimport { getTenant } from 'actions/user';\nimport { clearAssignmentsFromStore, clearAssignmentEventPaginationFromStore } from 'actions/assignments';\nimport { clearBlockTypes } from 'actions/blocks';\nimport { clearCoursesFromStore } from 'actions/courses';\nimport { clearDocumentsFromStore } from 'actions/documents';\nimport { clearNotificationsFromStore } from 'actions/notifications';\nimport { clearPlansFromStore } from 'actions/plans';\nimport { getMenuItems } from 'actions/menu';\nimport { clearPostsFromStore } from 'actions/posts';\nimport { clearNotReportedSchedulePositions, clearScheduleFromStore } from 'actions/schedule';\nimport { getSchoolServices } from 'actions/schools';\nimport { clearSectionsFromStore, getEducationGroups } from 'actions/sections';\nimport { clearSearch } from 'actions/search';\nimport { ClearAllFilter } from 'actions/ScheduleFilter';\nimport { clearPlanFilterObjects } from 'helpers/localstorage';\n\nimport { Spinner } from 'UI';\n\nclass SchoolSwitch extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t}\n\n\tcomponentDidMount() {\n\t\treloadSchoolProps(this.props);\n\n\t\tthis.props.getSchoolServices(this.props.activeSchool).then(() => {\n\t\t\tif (this.props.activeTab != null) {\n\t\t\t\tif (this.props.activeTab == ASSIGNMENT_TAB) {\n\t\t\t\t\tthis.props.history.push('/assignments-tab');\n\t\t\t\t} else if (this.props.activeTab == PLANNING_TAB) {\n\t\t\t\t\tthis.props.history.push('/planning-tab');\n\t\t\t\t} else if (this.props.activeTab == ASSESSMENT_TAB) {\n\t\t\t\t\tthis.props.history.push('/assessments-tab');\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.props.history.push('/');\n\t\t\t}\n\t\t});\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nexport function reloadSchoolProps(props) {\n\tprops.clearSearch();\n\tprops.clearBlockTypes();\n\tprops.clearAssignmentsFromStore();\n\tprops.clearAssignmentEventPaginationFromStore();\n\tprops.clearPlansFromStore();\n\tclearPlanFilterObjects();\n\tprops.clearSectionsFromStore();\n\tprops.clearDocumentsFromStore();\n\tprops.clearPostsFromStore();\n\tprops.clearScheduleFromStore();\n\tprops.clearCoursesFromStore();\n\tprops.clearNotificationsFromStore();\n\tprops.clearNotReportedSchedulePositions();\n\tprops.getEducationGroups();\n\tprops.getMenuItems();\n\tprops.getTenant();\n\tprops.ClearAllFilter();\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tactiveTab: state.user.activeTab,\n\t\tactiveSchool: state.user.activeSchool,\n\t};\n}\n\nexport var reloadSchoolActions = {\n\tclearAssignmentsFromStore,\n\tclearAssignmentEventPaginationFromStore,\n\tclearBlockTypes,\n\tclearPlansFromStore,\n\tclearSectionsFromStore,\n\tclearDocumentsFromStore,\n\tclearPostsFromStore,\n\tclearScheduleFromStore,\n\tclearCoursesFromStore,\n\tclearNotificationsFromStore,\n\tclearNotReportedSchedulePositions,\n\tgetEducationGroups,\n\tgetMenuItems,\n\tclearSearch,\n\tgetTenant,\n\tgetSchoolServices,\n\tClearAllFilter,\n};\n\nexport default withRouter(\n\tconnect(mapStateToProps, reloadSchoolActions)(SchoolSwitch)\n);\n","class PermissionManager {\n\tconstructor() { }\n\n\tgetPermissionTypes = () => {\n\t\treturn {\n\t\t\tSEARCH_READ_SCHOOL: 'SEARCH_READ_SCHOOL',\n\t\t\tASSESSMENTS_READ_SCHOOL: 'ASSESSMENTS_READ_SCHOOL',\n\t\t\tSCHEDULE_READ_SCHOOL: 'SCHEDULE_READ_SCHOOL',\n\t\t\tATTENDANCE_READ_SCHOOL: 'ATTENDANCE_READ_SCHOOL',\n\t\t\tVERDICT_READ_SCHOOL: 'VERDICT_READ_SCHOOL',\n\t\t\tADDITIONAL_ADJUSTMENTS_READ: 'ADDITIONAL_ADJUSTMENTS_READ',\n\t\t\tMEETINGS_READ_SCHOOL: 'MEETINGS_READ_SCHOOL',\n\t\t\tFILES_READ_SCHOOL: 'FILES_READ_SCHOOL',\n\t\t\tPLANNING_READ_SCHOOL: 'PLANNING_READ_SCHOOL',\n\t\t\tSECTIONS_READ_SCHOOL: 'SECTIONS_READ_SCHOOL',\n\t\t\tGUARDIANS_READ_SCHOOL: 'GUARDIANS_READ_SCHOOL',\n\t\t\tASSIGNMENT_READ_SCHOOL: 'ASSIGNMENT_READ_SCHOOL'\n\t\t};\n\t};\n}\n\nexport default PermissionManager;","import Moment from 'moment';\n\nimport schoolHelper from 'helpers/schoolHandling';\nconst getSchoolForUser = schoolHelper.getSchoolForUser;\n\nimport {\n\tROLE_TEACHER,\n\tROLE_MENTOR,\n\tROLE_ADMINISTRATOR,\n\tROLE_COURSE_ADMIN,\n\tROLE_STUDENT,\n\tROLE_STANDARD_CURRICULUM_ADMIN,\n\tROLE_SYSADMIN,\n\tROLE_SPECIAL_PEDAGOGUE\n} from 'constants/roles';\n\nexport const havingPermission = (user, permission) => {\n\tif (user == null)\n\t\treturn false;\n\n\tif (Array.isArray(user.roles) && user.roles.length > 0) {\n\t\tconst school = getSchoolForUser(user);\n\n\t\tlet allAccessRights = user.roles.flatMap(userRole => (userRole.role != null\n\t\t\t&& userRole.referenceType.toUpperCase() == 'SCHOOL'\n\t\t\t&& userRole.referenceId == school) ? userRole.role.accessRights.flatMap(accessRight => accessRight.permission) : []);\n\n\t\tlet distinctAccessRights = [...new Set(allAccessRights)];\n\t\treturn distinctAccessRights.some(accessRight => accessRight.toUpperCase() === permission.toUpperCase());\n\t}\n}\n\nexport const isUserPedagogue = (user) => {\n\n\tif (user != null) {\n\t\tconst school = getSchoolForUser(user);\n\n\t\tif (user.roles != null && user.roles.length > 0) {\n\t\t\tvar pedagogue = user.roles.find(role =>\n\t\t\t\trole.roleId.toUpperCase() == ROLE_SPECIAL_PEDAGOGUE &&\n\t\t\t\trole.referenceType.toUpperCase() == 'SCHOOL' &&\n\t\t\t\trole.referenceId == school\n\t\t\t);\n\n\t\t\tif (pedagogue != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\treturn false;\n}\n\nexport const isUserTeacher = (user) => {\n\tif (user != null) {\n\t\tconst school = getSchoolForUser(user);\n\t\tif (user.roles != null && user.roles.length > 0) {\n\t\t\tvar teacher = user.roles.find(role =>\n\t\t\t\trole.roleId.toUpperCase() == ROLE_TEACHER &&\n\t\t\t\trole.referenceType.toUpperCase() == 'SCHOOL' &&\n\t\t\t\trole.referenceId == school\n\t\t\t);\n\n\t\t\tif (teacher != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\treturn false;\n}\n\nexport const isUserAdministrator = (user) => {\n\tif (user != null) {\n\t\tconst school = getSchoolForUser(user);\n\n\t\tif (user.roles != null && user.roles.length > 0) {\n\t\t\tvar admin = user.roles.find(role =>\n\t\t\t\t(role.roleId.toUpperCase() == ROLE_ADMINISTRATOR ||\n\t\t\t\t\trole.roleId.toUpperCase() == ROLE_SYSADMIN) &&\n\t\t\t\trole.referenceType.toUpperCase() == 'SCHOOL' &&\n\t\t\t\trole.referenceId == school\n\t\t\t);\n\n\t\t\tif (admin != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\treturn false;\n}\n\nexport const isUserCourseAdministrator = (user) => {\n\tif (user != null) {\n\t\tconst school = getSchoolForUser(user);\n\n\t\tif (user.roles != null && user.roles.length > 0) {\n\t\t\tvar admin = user.roles.find(role =>\n\t\t\t\trole.roleId.toUpperCase() == ROLE_COURSE_ADMIN &&\n\t\t\t\trole.referenceType.toUpperCase() == 'SCHOOL' &&\n\t\t\t\trole.referenceId == school\n\t\t\t);\n\n\t\t\tif (admin != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\treturn false;\n}\n\nexport const isUserCurriculumAdmin = (user) => {\n\tif (user != null) {\n\t\tconst school = getSchoolForUser(user);\n\n\t\tif (user.roles != null && user.roles.length > 0) {\n\t\t\tvar admin = user.roles.find(role =>\n\t\t\t\trole.roleId.toUpperCase() == ROLE_STANDARD_CURRICULUM_ADMIN &&\n\t\t\t\trole.referenceType.toUpperCase() == 'SCHOOL' &&\n\t\t\t\trole.referenceId == school\n\t\t\t);\n\n\t\t\tif (admin != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\treturn false;\n}\n\nexport const isUserMentor = (user) => {\n\tif (user != null) {\n\t\tconst school = getSchoolForUser(user);\n\n\t\tif (user.roles != null && user.roles.length > 0) {\n\t\t\tvar mentor = user.roles.find(role =>\n\t\t\t\trole.roleId.toUpperCase() == ROLE_MENTOR &&\n\t\t\t\trole.referenceType.toUpperCase() == 'SCHOOL' &&\n\t\t\t\trole.referenceId == school\n\t\t\t);\n\n\t\t\tif (mentor != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\treturn false;\n}\n\nexport const isUserStudent = (user) => {\n\tif (user != null) {\n\t\tconst school = getSchoolForUser(user);\n\n\t\tif (user.roles != null && user.roles.length > 0) {\n\t\t\tvar student = user.roles.find(role =>\n\t\t\t\trole.roleId.toUpperCase() == ROLE_STUDENT &&\n\t\t\t\trole.referenceType.toUpperCase() == 'SCHOOL' &&\n\t\t\t\trole.referenceId == school\n\t\t\t);\n\n\t\t\tif (student != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\treturn false;\n}\n\nexport const getUserAssessmentDates = () => {\n\tconst startDateLocalStorage = localStorage.getItem('assessment-start-date');\n\tconst endDateLocalStorage = localStorage.getItem('assessment-end-date');\n\n\tlet dates = {\n\t\tstart: Moment().month(7).date(1).format('YYYY-MM-DD'),\n\t\tend: Moment().format('YYYY-MM-DD'),\n\t};\n\n\tif (Moment().month() < 7) {\n\t\tdates.start = Moment().subtract(1, 'years').month(7).date(1).format('YYYY-MM-DD');\n\t}\n\n\tif (startDateLocalStorage != null) {\n\t\tdates.start = Moment(startDateLocalStorage).format('YYYY-MM-DD');\n\t}\n\n\tif (endDateLocalStorage != null) {\n\t\tdates.end = Moment(endDateLocalStorage).format('YYYY-MM-DD');\n\t}\n\n\tif (dates.end < dates.start) {\n\t\tdates.start = dates.end;\n\t}\n\n\treturn dates;\n}\n\nexport const isUserAuthoritative = (user) => {\n\treturn user.authoritative;\n}","import React from 'react';\nimport DataObject from './index.js';\nimport PermissionManager from './PermissionManager.js';\n\nimport schoolHelper from 'helpers/schoolHandling';\n\nimport {\n\tisUserTeacher,\n\tisUserAdministrator,\n\tisUserCourseAdministrator,\n\tisUserMentor,\n\tisUserStudent,\n\tisUserCurriculumAdmin,\n\tisUserAuthoritative,\n\tisUserPedagogue,\n\thavingPermission\n} from 'helpers/user';\n\nclass User extends DataObject {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.permissionManager = new PermissionManager();\n\t\tthis.permissionTypes = this.permissionManager.getPermissionTypes();\n\t}\n\n\tgetUserId = () => {\n\t\tif (this.data != null) {\n\t\t\treturn this.data.userId;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tgetName = () => {\n\t\tif (this.data != null) {\n\t\t\treturn this.data.firstName + ' ' + this.data.lastName;\n\t\t}\n\n\t\treturn '';\n\t}\n\n\tisTeacher = () => {\n\t\treturn isUserTeacher(this.data);\n\t}\n\n\tisAdministrator = () => {\n\t\treturn isUserAdministrator(this.data);\n\t}\n\n\tisCourseAdministrator = () => {\n\t\treturn isUserCourseAdministrator(this.data);\n\t}\n\n\tisUserCurriculumAdmin = () => {\n\t\treturn isUserCurriculumAdmin(this.data);\n\t}\n\n\tisMentor = () => {\n\t\treturn isUserMentor(this.data);\n\t}\n\n\tisStudent = () => {\n\t\treturn isUserStudent(this.data);\n\t}\n\n\tisAuthoritative = () => {\n\t\treturn isUserAuthoritative(this.data);\n\t}\n\n\tisPedagogue = () => {\n\t\treturn isUserPedagogue(this.data);\n\t}\n\n\thavingPermission = (permissionType) => {\n\t\tif (!this.permissionTypes[permissionType]) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn havingPermission(this.data, permissionType);\n\t}\n\n\tisSchoolLeader = () => {\n\t\tif (this.data == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst school = schoolHelper.getSchoolForUser(this.data);\n\t\tif (this.data.roles != null && this.data.roles.length > 0) {\n\t\t\tconst role = this.data.roles.find(role =>\n\t\t\t\trole.roleId.toUpperCase() == 'SCHOOL_LEADER' &&\n\t\t\t\trole.referenceType.toUpperCase() == 'SCHOOL' &&\n\t\t\t\trole.referenceId == school\n\t\t\t);\n\n\t\t\tif (role != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tisOperationManager = () => {\n\t\tif (this.data == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (this.data.userRoles != null && this.data.userRoles.length > 0) {\n\t\t\tconst role = this.data.userRoles.find(role =>\n\t\t\t\trole.toUpperCase() == 'OPERATION_MANAGER'\n\t\t\t);\n\n\t\t\tif (role != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tisSMSAdmin = () => {\n\t\tif (this.data == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst school = schoolHelper.getSchoolForUser(this.data);\n\t\tif (this.data.roles != null && this.data.roles.length > 0) {\n\t\t\tconst role = this.data.roles.find(role =>\n\t\t\t\trole.roleId.toUpperCase() == 'SMS_ADMIN' &&\n\t\t\t\trole.referenceType.toUpperCase() == 'SCHOOL' &&\n\t\t\t\trole.referenceId == school\n\t\t\t);\n\n\t\t\tif (role != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tgetActiveSchool = () => {\n\t\tif (this.data == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst schoolId = schoolHelper.getSchoolForUser(this.data);\n\n\t\tif (schoolId != null) {\n\t\t\tconst school = this.data.schools.find(school =>\n\t\t\t\tschool.id == schoolId\n\t\t\t);\n\n\t\t\tif (school != null) {\n\t\t\t\treturn school;\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n}\n\nexport default User;\n","import Moment from 'moment';\nimport React, { Component } from 'react';\nimport DatePicker from 'react-datepicker';\nimport { registerLocale, setDefaultLocale } from \"react-datepicker\";\nimport sv from 'date-fns/locale/sv';\nimport no from 'date-fns/locale/nb';\nimport en from 'date-fns/locale/en-US';\nimport da from 'date-fns/locale/da';\nimport uk from 'date-fns/locale/uk';\nimport { getActiveLanguage, translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { TimePicker } from 'UI/Inputs';\n\nclass DatePickerFromTo extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tMoment.locale(getActiveLanguage());\n\t\tregisterLocale('en-US', en);\n\t\tregisterLocale('sv-SE', sv);\n\t\tregisterLocale('nb-NO', no);\n\t\tregisterLocale('da-DK', da);\n\t\tregisterLocale('uk', uk);\n\t\tsetDefaultLocale('en-US');\n\n\t\tif (props.values != null && props.type == \"assignment\") {\n\t\t\tthis.state = {\n\t\t\t\ttimeStart: props.values.startDate != null && !this.props.cloneView ? Moment.utc(props.values.startDate).local() : Moment(),\n\t\t\t\ttimeEnd: props.values.dueDate != null && !this.props.cloneView ? Moment.utc(props.values.dueDate).local()\n\t\t\t\t\t: this.props.values.startDate && !this.props.cloneView ? Moment.utc(props.values.startDate).local().add(7, 'days') : Moment().add(7, 'days'),\n\t\t\t\tdtPickerStartDate: props.values.startDate != null && !this.props.cloneView ? Moment.utc(props.values.startDate).local() : Moment(),\n\t\t\t\tdtPickerDueDate: props.values.dueDate != null && !this.props.cloneView ? Moment.utc(props.values.dueDate).local()\n\t\t\t\t\t: this.props.values.startDate && !this.props.cloneView ? Moment.utc(props.values.startDate).local().add(7, 'days') : Moment().add(7, 'days'),\n\t\t\t\tupdated: false\n\t\t\t};\n\t\t} else if (props.values != null && props.type == \"plan\") {\n\t\t\tthis.state = {\n\t\t\t\ttimeStart: props.values.timeStart != null && !this.props.cloneView ? Moment.utc(props.values.timeStart).local() : Moment(),\n\t\t\t\ttimeEnd: props.values.timeEnd != null && !this.props.cloneView ? Moment.utc(props.values.timeEnd).local() : Moment().add(7, 'days'),\n\t\t\t\tdtPickerStartDate: props.values.timeStart != null && !this.props.cloneView ? Moment.utc(props.values.timeStart).local() : Moment(),\n\t\t\t\tdtPickerDueDate: props.values.timeEnd != null && !this.props.cloneView ? Moment.utc(props.values.timeEnd).local() : Moment().add(7, 'days'),\n\t\t\t\tupdated: false\n\t\t\t};\n\t\t} else if (props.values != null && props.values.start != null && props.values.end != null) {\n\t\t\tthis.state = {\n\t\t\t\ttimeStart: props.values.start != null ? Moment.utc(props.values.start).local() : Moment(),\n\t\t\t\ttimeEnd: props.values.end != null ? Moment.utc(props.values.end).local() : Moment().add(7, 'days'),\n\t\t\t\tdtPickerStartDate: props.values.start != null ? Moment.utc(props.values.start).local() : Moment(),\n\t\t\t\tdtPickerDueDate: props.values.end != null ? Moment.utc(props.values.end).local() : Moment().add(7, 'days'),\n\t\t\t\tupdated: false\n\t\t\t};\n\t\t} else if (props.values != null && props.type == \"timeblocks\") {\n\t\t\tthis.state = {\n\t\t\t\ttimeStart: props.values.startTime != null ? Moment.utc(props.values.startTime).local() : Moment(),\n\t\t\t\ttimeEnd: props.values.endTime != null ? Moment.utc(props.values.endTime).local() : Moment().add(7, 'days'),\n\t\t\t\tdtPickerStartDate: props.values.startTime != null ? Moment.utc(props.values.startTime).local() : Moment(),\n\t\t\t\tdtPickerDueDate: props.values.endTime != null ? Moment.utc(props.values.endTime).local() : Moment().add(7, 'days'),\n\t\t\t\tupdated: false\n\t\t\t};\n\t\t} else if (props.values == null && props.type == \"timeblocks\") {\n\t\t\tthis.state = {\n\t\t\t\ttimeStart: Moment(),\n\t\t\t\ttimeEnd: Moment(),\n\t\t\t\tdtPickerStartDate: Moment(),\n\t\t\t\tdtPickerDueDate: Moment(),\n\t\t\t\tupdated: false\n\t\t\t};\n\t\t} else {\n\t\t\tthis.state = {\n\t\t\t\ttimeStart: Moment(),\n\t\t\t\ttimeEnd: Moment().add(7, 'days'),\n\t\t\t\tdtPickerStartDate: Moment(),\n\t\t\t\tdtPickerDueDate: Moment().add(7, 'days'),\n\t\t\t\tupdated: false\n\t\t\t};\n\t\t}\n\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tif (nextProps.values != null) {\n\t\t\tif (nextProps.type == \"assignment\") {\n\t\t\t\tif (nextProps.values == null) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis.setState({\n\t\t\t\t\ttimeStart: Moment.utc(nextProps.values.startDate).local(),\n\t\t\t\t\ttimeEnd: Moment.utc(nextProps.values.dueDate).local(),\n\t\t\t\t\tdtPickerStartDate: Moment.utc(nextProps.values.startDate).local(),\n\t\t\t\t\tdtPickerDueDate: Moment.utc(nextProps.values.dueDate).local(),\n\t\t\t\t\tupdated: true\n\t\t\t\t});\n\t\t\t} else if (nextProps.type == \"plan\") {\n\t\t\t\tif (nextProps.values == null) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis.setState({\n\t\t\t\t\ttimeStart: nextProps.values.timeStart ? Moment.utc(nextProps.values.timeStart).local() : Moment(),\n\t\t\t\t\ttimeEnd: nextProps.values.timeEnd ? Moment.utc(nextProps.values.timeEnd).local() : Moment().add(7, 'days'),\n\t\t\t\t\tdtPickerStartDate: nextProps.values.timeStart ? Moment.utc(nextProps.values.timeStart).local() : Moment(),\n\t\t\t\t\tdtPickerDueDate: nextProps.values.timeEnd ? Moment.utc(nextProps.values.timeEnd).local() : Moment().add(7, 'days'),\n\t\t\t\t\tupdated: true\n\t\t\t\t});\n\t\t\t} else if (nextProps.type == \"timeblocks\") {\n\t\t\t\tthis.setState({\n\t\t\t\t\ttimeStart: nextProps.values.startTime != null ? Moment.utc(nextProps.values.startTime).local() : Moment(),\n\t\t\t\t\ttimeEnd: nextProps.values.endTime != null ? Moment.utc(nextProps.values.endTime).local() : Moment().add(7, 'days'),\n\t\t\t\t\tdtPickerStartDate: nextProps.values.startTime != null ? Moment.utc(nextProps.values.startTime).local() : Moment(),\n\t\t\t\t\tdtPickerDueDate: nextProps.values.endTime != null ? Moment.utc(nextProps.values.endTime).local() : Moment().add(7, 'days'),\n\t\t\t\t\tupdated: false\n\t\t\t\t});\n\t\t\t} else if (nextProps.values.start != null && nextProps.values.end != null) {\n\t\t\t\tthis.setState({\n\t\t\t\t\ttimeStart: Moment.utc(nextProps.values.start).local(),\n\t\t\t\t\ttimeEnd: Moment.utc(nextProps.values.end).local(),\n\t\t\t\t\tdtPickerStartDate: Moment.utc(nextProps.values.start).local(),\n\t\t\t\t\tdtPickerDueDate: Moment.utc(nextProps.values.end).local(),\n\t\t\t\t\tupdated: false\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.onChange();\n\t}\n\n\tonStartChange = (date) => {\n\t\tif (date == null) return null;\n\t\tlet { dtPickerStartDate, timeStart, dtPickerDueDate, timeEnd } = this.state;\n\t\tdtPickerStartDate = date;\n\t\ttimeStart = date;\n\n\t\tvar dueDate = Moment(date);\n\t\tdate = Moment(date);\n\t\tif (date.diff(dtPickerDueDate) > 0) {\n\t\t\tdtPickerDueDate = Moment(date);\n\t\t\ttimeEnd = Moment(date);\n\t\t}\n\n\t\tif (this.props.type == \"timeblocks\") {\n\t\t\tif (!date.isSame(timeEnd, 'day')) {\n\t\t\t\tdtPickerDueDate = Moment(date);\n\t\t\t\ttimeEnd = Moment(date);\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ dtPickerDueDate, timeEnd, dtPickerStartDate, timeStart }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\tonEndChange = (date) => {\n\t\tif (date == null) return null;\n\t\tlet { dtPickerDueDate, timeEnd, dtPickerStartDate, timeStart } = this.state;\n\t\tdtPickerDueDate = date;\n\t\ttimeEnd = date;\n\n\t\tif (this.props.type == \"timeblocks\") {\n\t\t\tif (!date.isSame(timeStart, 'day')) {\n\t\t\t\tdtPickerStartDate = Moment(date);\n\t\t\t\ttimeStart = Moment(date);\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ dtPickerDueDate, timeEnd, dtPickerStartDate, timeStart }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\tonStartTimeChange = (time) => {\n\t\tlet { dtPickerStartDate, timeStart } = this.state;\n\t\tdtPickerStartDate = Moment(time);\n\t\ttimeStart = Moment(time);\n\n\t\tthis.setState({ dtPickerStartDate, timeStart }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\tonEndTimeChange = (time) => {\n\t\tlet { dtPickerDueDate, timeEnd } = this.state;\n\t\tdtPickerDueDate = Moment(time);\n\t\ttimeEnd = Moment(time);\n\n\t\tthis.setState({ dtPickerDueDate, timeEnd }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\tonChange = () => {\n\t\tif (this.props.onChange) {\n\t\t\tconst dates = {\n\t\t\t\tstart: this.state.timeStart,\n\t\t\t\tend: this.state.timeEnd,\n\t\t\t};\n\n\t\t\tthis.props.onChange(dates);\n\t\t}\n\t}\n\n\tgetDateFormat = () => {\n\t\tlet format = Moment.localeData(getActiveLanguage()).longDateFormat(\"L\");\n\t\tlet newFormat = format.replace(\"YYYY\", \"yyyy\");\n\t\tlet days = newFormat.replace(\"DD\", \"dd\");\n\t\treturn days;\n\t};\n\n\tnormalizeLocale = (locale) => {\n\t\tconst [language, region] = locale.split('-');\n\n\t\tif (language.toUpperCase() == \"UK\") {\n\t\t\treturn `uk`;\n\t\t}\n\t\treturn `${language}-${region.toUpperCase()}`;\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tlanguages: state.Languages.languages\n\t};\n}\n\nexport default connect(mapStateToProps)(DatePickerFromTo);\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport Moment from 'moment';\nimport { connect } from 'react-redux';\nimport { Field, change, reduxForm, formValueSelector } from 'redux-form';\nimport { getUserAbsence } from 'actions/user';\n\nimport User from \"_class/User\";\n\nimport DatePickerFromTo from '../Partials/DatePickerFromTo';\n\nimport { Expandable, Spinner } from 'UI';\nimport { Button, Radio, Icon, translate, getActiveLanguage } from '@haldor/ui';\n\nimport './_ReportAbsence.scss';\n\nclass ReportAbsenceForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tMoment.locale(getActiveLanguage());\n\n\t\tthis.state = {\n\t\t\tid: null,\n\t\t\torigin: null,\n\t\t\ttype: null,\n\t\t\tloading: true,\n\t\t\ttimeValid: false,\n\t\t\tshowError: false,\n\t\t\ttimeStart: Moment().format(),\n\t\t\ttimeEnd: Moment().format(),\n\t\t\tsubmitResult: \"\",\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.user != null) {\n\t\t\tthis.setState({ loading: true });\n\n\t\t\tconst start = Moment().subtract(1, 'weeks').second(0).format('YYYY-MM-DD');\n\t\t\tconst end = Moment().add(3, 'weeks').add(1, 'day').second(0).format('YYYY-MM-DD');\n\n\t\t\tthis.props.getUserAbsence(this.props.user.userId, start, end).then(() => {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t\tthis.validateTime();\n\t\t\t});\n\t\t}\n\n\t\tif (this.props.absence != null) {\n\t\t\tthis.selectAbsence(this.props.absence);\n\t\t}\n\t}\n\n\tvalidateTime = () => {\n\t\tif (Moment(this.state.timeStart).format('HH:mm:ss') === Moment(this.state.timeEnd).format('HH:mm:ss')) {\n\t\t\tthis.setState({ showError: false, timeValid: false });\n\t\t\treturn true;\n\t\t}\n\n\t\tif (this.state.timeEnd > this.state.timeStart) {\n\t\t\tif (this.state.timeValid == true) {\n\t\t\t\t// No need to update state to its current value\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tthis.setState({ timeValid: true });\n\t\t} else {\n\t\t\tif (this.state.timeValid == false) {\n\t\t\t\t// No need to update state to its current value\n\n\t\t\t\tthis.setState({ showError: true })\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tthis.setState({ timeValid: false, showError: true });\n\t\t}\n\t}\n\n\tvalidatePeriod = (value) => {\n\t\tif (value == null || value == '') {\n\t\t\treturn this.props.translate('Required');\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tonTimeChange = async (time) => {\n\t\tif (this.props.entireDay == 'yes') {\n\t\t\tawait this.setState({\n\t\t\t\ttimeStart: Moment(time.start).set({ 'minute': 0, 'hour': 0, 'second': 0 }).format(),\n\t\t\t\ttimeEnd: Moment(time.end).set({ 'minute': 59, 'hour': 23, 'second': 0 }).format(),\n\t\t\t});\n\t\t} else {\n\t\t\tawait this.setState({\n\t\t\t\ttimeStart: Moment(time.start).second(0).format(),\n\t\t\t\ttimeEnd: Moment(time.start).set({ 'minute': time.end.minute(), 'hour': time.end.hour(), 'second': 0 }).format(),\n\t\t\t});\n\t\t}\n\n\t\tthis.validateTime();\n\t}\n\n\tonCancel = (event) => {\n\t\tevent.preventDefault();\n\n\t\tif (this.props.onModalClose) {\n\t\t\tthis.props.onModalClose();\n\t\t}\n\t}\n\n\tonDelete = (event) => {\n\t\tevent.preventDefault();\n\n\t\tthis.props.onDelete(this.state.id);\n\t}\n\n\tonEntireDay = async () => {\n\t\tlet start = Moment(this.state.timeStart);\n\t\tlet end = Moment(this.state.timeEnd);\n\n\t\tstart = start.set({ 'minute': 0, 'hour': 0, 'second': 0 });\n\t\tend = end.set({ 'minute': 59, 'hour': 23, 'second': 0 });\n\n\t\tawait this.setState({ timeStart: start.format(), timeEnd: end.format() });\n\t\tthis.validateTime();\n\t}\n\n\tonPartOfDay = async () => {\n\t\tawait this.setState({ timeStart: Moment().format(), timeEnd: Moment().format() });\n\t\tthis.validateTime();\n\t}\n\n\tsubmit = (values) => {\n\t\tconst user = new User(this.props.currentUser);\n\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tvalues.startTime = Moment.utc(this.state.timeStart).format();\n\t\t\tvalues.endTime = Moment.utc(this.state.timeEnd).format();\n\t\t\tvalues.user = this.props.user;\n\t\t\tvalues.type = this.state.type;\n\n\t\t\tvalues.period = this.props.entireDay == 'yes';\n\n\t\t\tif (this.state.id != null) {\n\t\t\t\tvalues.id = this.state.id;\n\n\t\t\t\tif (values.validAbsence == 'yes' && values.type.indexOf('INVALID') == 0) {\n\t\t\t\t\tvalues.type = values.type.replace('INVALID', 'VALID');\n\t\t\t\t}\n\n\t\t\t\tif (values.validAbsence == 'no' && values.type.indexOf('VALID') == 0) {\n\t\t\t\t\tvalues.type = values.type.replace('VALID', 'INVALID');\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tvalues.type = values.validAbsence == 'yes' ? 'VALID_ABSENCE' : 'INVALID_ABSENCE';\n\n\t\t\t\tif (user.isStudent()) {\n\t\t\t\t\tvalues.type = 'VALID_ABSENCE';\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.props.onSubmit) {\n\t\t\t\tthis.props.onSubmit(values).then(() => {\n\t\t\t\t\tresolve(1);\n\n\t\t\t\t\tthis.setState({ submitResult: this.props.submitResult });\n\n\t\t\t\t\tif (this.props.submitResult != 'error') {\n\t\t\t\t\t\tlet absenceObject = this.props.userAbsence.find(function (absence) {\n\t\t\t\t\t\t\treturn values.id == absence.id;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (absenceObject != null) {\n\t\t\t\t\t\t\tabsenceObject.startTime = this.state.timeStart;\n\t\t\t\t\t\t\tabsenceObject.endTime = this.state.timeEnd;\n\t\t\t\t\t\t\tabsenceObject.type = values.type;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (this.props.onModalClose) {\n\t\t\t\t\t\t\tthis.props.onModalClose();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}).catch((error) => {\n\t\t\t\t\tthis.setState({ submitResult: 'error' });\n\t\t\t\t\treject(0);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tresolve(1);\n\t\t\t}\n\t\t});\n\t}\n\n\tselectAbsence = (absence) => {\n\t\tif (this.state.id == absence.id) {\n\t\t\tthis.props.dispatch(change(FORM_NAME, 'entireDay', ''));\n\t\t\tthis.props.dispatch(change(FORM_NAME, 'validAbsence', ''));\n\n\t\t\tthis.setState({\n\t\t\t\tid: null,\n\t\t\t\torigin: null,\n\t\t\t\ttimeStart: Moment().format(),\n\t\t\t\ttimeEnd: Moment().format(),\n\t\t\t\ttype: null,\n\t\t\t}, () => {\n\t\t\t\tthis.validateTime();\n\t\t\t});\n\n\t\t\treturn true;\n\t\t}\n\n\t\tif (absence.period) {\n\t\t\tthis.props.dispatch(change(FORM_NAME, 'entireDay', 'yes'));\n\t\t} else {\n\t\t\tthis.props.dispatch(change(FORM_NAME, 'entireDay', 'no'));\n\t\t}\n\n\t\tthis.props.dispatch(change(FORM_NAME, 'validAbsence', absence.type.indexOf('VALID') == 0 ? 'yes' : 'no'));\n\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst isStudent = user.isStudent();\n\n\t\tif (isStudent && user.isAuthoritative) {\n\t\t\tif (absence.reportedBy.userId == this.props.currentUser.id) {\n\t\t\t\tconst start = Moment.utc(absence.startTime).local();\n\t\t\t\tconst end = Moment.utc(absence.endTime).local();\n\n\t\t\t\tthis.setState({\n\t\t\t\t\tid: absence.id,\n\t\t\t\t\torigin: absence.origin,\n\t\t\t\t\ttimeStart: start.format(),\n\t\t\t\t\ttimeEnd: end.format(),\n\t\t\t\t\ttype: absence.type,\n\t\t\t\t}, () => {\n\t\t\t\t\tthis.validateTime();\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tconst start = Moment.utc(absence.startTime).local();\n\t\t\tconst end = Moment.utc(absence.endTime).local();\n\n\t\t\tthis.setState({\n\t\t\t\tid: absence.id,\n\t\t\t\torigin: absence.origin,\n\t\t\t\ttimeStart: start.format(),\n\t\t\t\ttimeEnd: end.format(),\n\t\t\t\ttype: absence.type,\n\t\t\t}, () => {\n\t\t\t\tthis.validateTime();\n\t\t\t});\n\t\t}\n\t}\n\n\tclickAbsence = (absence) => {\n\t\tthis.selectAbsence(absence)\n\t}\n\n\trender() {\n\t\tconst { handleSubmit, submitting, translate, valid, userAbsence } = this.props;\n\t\tlet title = translate('registered-absence');\n\t\tconst disabled = this.state.origin == 'ATTENDANCE';\n\t\tif (userAbsence != null && userAbsence.length > 0) {\n\t\t\ttitle = title + ' (' + userAbsence.length + ')';\n\t\t}\n\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst isStudent = user.isStudent();\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{this.props.timePicker ?\n\t\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t:\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\t{this.props.timePicker ?\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t{!this.props.hideEndDate ?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t:\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{!this.props.hideEndDate ?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t{submitting ?\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nconst FORM_NAME = 'ReportAbsence';\nconst getFormValue = formValueSelector(FORM_NAME);\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuserAbsence: state.user.absence,\n\t\tcurrentUser: state.user.currentUser,\n\t\tsubmitResult: state.Absence.submitResult,\n\t\tlanguages: state.Languages.languages,\n\t\tentireDay: getFormValue(state, 'entireDay'),\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetUserAbsence,\n})(reduxForm({\n\tform: FORM_NAME,\n\tdestroyOnUnmount: true,\n})(ReportAbsenceForm));","import React from 'react';\n\nconst SectionTitle = (props) => (\n\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{this.state.submitResult == 'error' ?\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t{!isStudent ?\n\t\t\t\t\t\t\tthis.props.translate('something-went-wrong-create-absence') :\n\t\t\t\t\t\t\tthis.props.translate('something-went-wrong-create-absence-student')\n\t\t\t\t\t\t}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{ /* Only show other absence objects if no absence is sent to the form */}\n\t\t\t\t{this.props.absence == null ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{this.state.loading ?\n\t\t\t\t\t\t\t\t this.clickAbsence(absence)}>\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('end') + ': ' +\n\t\t\t\t\t\t\t\t\t\t\t\tMoment.utc(absence.endTime).local().format('Do MMMM YYYY - HH:mm')}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{absence.origin == 'ATTENDANCE' ?\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.translate('Reported lesson')\n\t\t\t\t\t\t\t\t\t\t\t\t\t: this.props.translate('Reported absence')}\n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('start') + ': ' +\n\t\t\t\t\t\t\t\t\t\t\t\tMoment.utc(absence.startTime).local().format('Do MMMM YYYY - HH:mm')}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('end') + ': ' +\n\t\t\t\t\t\t\t\t\t\t\t\tMoment.utc(absence.endTime).local().format('Do MMMM YYYY - HH:mm')}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{translate('no-absence-reported-error')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t{props.children}\n\t
\n);\n\nexport default SectionTitle;\n","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\n\nclass Redirect extends Component {\n\tcomponentDidMount() {\n\t\tthis.props.history.push(this.props.to);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t);\n\t}\n}\n\nexport default withRouter(Redirect);","\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport Moment from 'moment';\n\nimport { ROLE_ADMINISTRATOR } from 'constants/roles';\n\nimport { deleteAbsence, submitAbsence, updateAbsence } from 'actions/absence';\nimport { getSchoolAbsence, getSchoolDetails, getSchoolStudents } from 'actions/schools';\nimport { searchUser } from 'actions/user';\nimport { setPageTitle } from 'actions/header';\n\nimport DatePicker from 'react-datepicker';\nimport { registerLocale, setDefaultLocale } from \"react-datepicker\";\nimport sv from 'date-fns/locale/sv';\nimport no from 'date-fns/locale/nb';\nimport en from 'date-fns/locale/en-US';\nimport da from 'date-fns/locale/da';\nimport uk from 'date-fns/locale/uk';\nimport ReportAbsenceForm from 'containers/Forms/Absence/ReportAbsence';\nimport Modal from 'containers/Modals/Modal';\nimport Card, { CardsContainer, CardTitle } from 'components/Cards/Card';\nimport SectionTitle from 'components/Presentation/SectionTitle';\nimport Redirect from 'components/Redirect/Redirect';\n\nimport { Spinner } from 'UI';\nimport { Button, getActiveLanguage } from '@haldor/ui';\n\nclass AbsenceOverview extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tregisterLocale('en-US', en);\n\t\tregisterLocale('sv-SE', sv);\n\t\tregisterLocale('nb-NO', no);\n\t\tregisterLocale('da-DK', da);\n\t\tregisterLocale('uk', uk);\n\t\tsetDefaultLocale('en-US');\n\n\t\tthis.state = {\n\t\t\tabsenceModal: false,\n\t\t\tsubmitting: false,\n\t\t\tdate: Moment(),\n\t\t\tsearchDate: Moment(),\n\t\t\tschoolId: null,\n\t\t\tselectedUser: null,\n\t\t\tsearchString: '',\n\t\t\tsearching: false,\n\t\t\tsearchedOnce: false,\n\t\t\tadmin: null,\n\t\t\tloading: true,\n\t\t};\n\t}\n\n\tonDateChange = (date) => {\n\t\tthis.setState({ date: Moment(date) });\n\t}\n\n\tonSubmit = () => {\n\t\tthis.setState({ submitting: true, searchDate: this.state.date });\n\n\t\tthis.props.getSchoolAbsence(this.props.activeSchoolId, encodeURIComponent(this.state.date.format()))\n\t\t\t.then(() => {\n\t\t\t\tthis.setState({ submitting: false });\n\t\t\t});\n\t}\n\n\tonSearch = (event) => {\n\t\tevent.preventDefault();\n\t\tconst { searchString } = this.state;\n\n\t\tif (searchString.length < 3) {\n\t\t\treturn false;\n\t\t}\n\n\t\tthis.setState({ searching: true });\n\t\tthis.props.searchUser(searchString).then(() => {\n\t\t\tthis.setState({ searching: false, searchedOnce: true });\n\t\t});\n\t}\n\n\tUNSAFE_componentWillMount = () => {\n\t\tthis.props.setPageTitle(this.props.translate('absence-today'));\n\t}\n\n\tcomponentDidMount() {\n\t\tconst school = this.props.user.schools.find(school => {\n\t\t\treturn school.id == this.props.activeSchoolId;\n\t\t});\n\n\t\tif (school != null) {\n\t\t\tlet isAdmin = school.userRoles.find(role => {\n\t\t\t\treturn role.toUpperCase() == ROLE_ADMINISTRATOR;\n\t\t\t});\n\n\t\t\tthis.setState({ admin: isAdmin != null });\n\n\t\t\tif (isAdmin != null) {\n\t\t\t\tthis.props.getSchoolDetails(school.id);\n\t\t\t\tthis.props.getSchoolStudents(school.id);\n\t\t\t\tthis.props.getSchoolAbsence(school.id, encodeURIComponent(this.state.date.format())).then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\tUNSAFE_componentWillReceiveProps(nextProps) {\n\t\tif (this.props.activeSchoolId == null && nextProps.activeSchoolId != null) {\n\t\t\tconst schoolId = nextProps.activeSchoolId;\n\n\t\t\tthis.setState({ loading: true });\n\t\t\tnextProps.getSchoolDetails(schoolId);\n\t\t\tnextProps.getSchoolStudents(schoolId);\n\t\t\tnextProps.getSchoolAbsence(schoolId, encodeURIComponent(this.state.date.format())).then(() => {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t});\n\t\t}\n\t}\n\n\tonAbsenceSubmit = (values) => {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tlet data = [values];\n\n\t\t\tif (values.id != null) {\n\t\t\t\tthis.props.updateAbsence(data).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t\tthis.onSubmit();\n\t\t\t\t}).catch(() => {\n\t\t\t\t\treject(0);\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.props.submitAbsence(data).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t\tthis.onSubmit();\n\t\t\t\t}).catch(() => {\n\t\t\t\t\treject(0);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tonUserClick = (user, absence) => {\n\t\tif (absence != null) {\n\t\t\tthis.setState({\n\t\t\t\tabsenceModal: true,\n\t\t\t\tselectedUser: user,\n\t\t\t\tselectedAbsence: absence,\n\t\t\t});\n\t\t} else {\n\t\t\tthis.setState({\n\t\t\t\tabsenceModal: true,\n\t\t\t\tselectedUser: user,\n\t\t\t\tselectedAbsence: null,\n\t\t\t});\n\t\t}\n\t}\n\n\tcloseModal = () => {\n\t\tthis.setState({\n\t\t\tabsenceModal: !this.state.absenceModal,\n\t\t\tselectedUser: null,\n\t\t\tselectedAbsence: null,\n\t\t});\n\t}\n\n\tonDelete = (id) => {\n\t\tthis.props.deleteAbsence(id).then(() => {\n\t\t\tthis.closeModal();\n\t\t})\n\t}\n\n\tgetDateFormat = () => {\n\t\tlet format = Moment.localeData(getActiveLanguage()).longDateFormat(\"L\");\n\t\tlet newFormat = format.replace(\"YYYY\", \"yyyy\");\n\t\tlet days = newFormat.replace(\"DD\", \"dd\");\n\t\treturn days;\n\t};\n\n\tnormalizeLocale = (locale) => {\n\t\tconst [language, region] = locale.split('-');\n\n\t\tif (language.toUpperCase() == \"UK\"){\n\t\t\treturn `uk`;\n\t\t}\n\t\treturn `${language}-${region.toUpperCase()}`;\n\t};\n\n\trender() {\n\t\tconst { translate, students } = this.props;\n\t\tconst { selectedUser, selectedAbsence } = this.state;\n\n\t\tif (this.props.user == null || this.state.admin == null) {\n\t\t\treturn \n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tactiveSchoolId: state.user.activeSchool,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tschool: state.School.active,\n\t\tuser: state.user.currentUser,\n\t\tstudents: state.School.students,\n\t\tsearchResults: state.user.searchResults,\n\t\treportedAbsence: state.School.absence,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetSchoolStudents,\n\tgetSchoolAbsence,\n\tgetSchoolDetails,\n\tsubmitAbsence,\n\tupdateAbsence,\n\tsearchUser,\n\tdeleteAbsence,\n\tsetPageTitle,\n})(AbsenceOverview);\n","import { getNotReportedSchedulePositions } from 'actions/schedule';\nimport Card, { CardsContainer, CardTitle } from 'components/Cards/Card';\nimport Redirect from 'components/Redirect/Redirect';\nimport { ROLE_ADMINISTRATOR, ROLE_TEACHER } from 'constants/roles';\nimport { getRootUrl } from 'helpers/url';\nimport Moment from 'moment';\nimport React, { Component } from 'react';\nimport DatePicker from 'react-datepicker';\nimport { registerLocale, setDefaultLocale } from \"react-datepicker\";\nimport sv from 'date-fns/locale/sv';\nimport no from 'date-fns/locale/nb';\nimport en from 'date-fns/locale/en-US';\nimport da from 'date-fns/locale/da';\nimport uk from 'date-fns/locale/uk';\nimport { translate, getActiveLanguage } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Spinner } from 'UI';\nimport { Button } from '@haldor/ui';\nimport DateTime from '_class/DateTime';\nimport { setPageTitle } from 'actions/header';\n\nclass AttendanceOverview extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tMoment.locale(getActiveLanguage());\n\n\t\tregisterLocale('en-US', en);\n\t\tregisterLocale('sv-SE', sv);\n\t\tregisterLocale('nb-NO', no);\n\t\tregisterLocale('da-DK', da);\n\t\tregisterLocale('uk', uk);\n\t\tsetDefaultLocale('en-US');\n\n\t\tlet start = Moment().subtract(1, 'days');\n\t\tlet end = Moment();\n\n\t\tlet startDateLocalStorage = localStorage.getItem('attendance-start-date');\n\t\tlet endDateLocalStorage = localStorage.getItem('attendance-end-date');\n\n\t\tif (!Moment(startDateLocalStorage).isValid()) {\n\t\t\tstartDateLocalStorage = null;\n\t\t}\n\n\t\tif (!Moment(endDateLocalStorage).isValid()) {\n\t\t\tendDateLocalStorage = null;\n\t\t}\n\n\t\tif (startDateLocalStorage != null && endDateLocalStorage != null) {\n\t\t\tstart = Moment(startDateLocalStorage);\n\t\t\tend = Moment(endDateLocalStorage);\n\t\t}\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tstartDate: start,\n\t\t\tendDate: end,\n\t\t\tallowed: null,\n\t\t\tadmin: false,\n\t\t\tfilter: '',\n\t\t};\n\t}\n\n\tUNSAFE_componentWillMount = () => {\n\t\tthis.props.setPageTitle(this.props.translate('not-reported-lessons'));\n\t}\n\n\tcomponentDidMount = () => {\n\t\tconst school = this.props.user.schools.find(school => {\n\t\t\treturn school.id == this.props.activeSchool;\n\t\t});\n\n\t\tif (school != null) {\n\t\t\tlet isTeacher = school.userRoles.find(role => {\n\t\t\t\treturn role.toUpperCase() == ROLE_TEACHER;\n\t\t\t});\n\n\t\t\tlet isAdmin = school.userRoles.find(role => {\n\t\t\t\treturn role.toUpperCase() == ROLE_ADMINISTRATOR;\n\t\t\t});\n\n\t\t\tthis.setState({ allowed: isTeacher != null || isAdmin != null });\n\t\t\tthis.setState({ admin: isAdmin != null });\n\n\t\t\tlet role = isAdmin != null ? ROLE_ADMINISTRATOR : ROLE_TEACHER;\n\t\t\tthis.props.getNotReportedSchedulePositions(role, this.state.startDate.format('YYYY-MM-DD'), this.state.endDate.format('YYYY-MM-DD'))\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t}\n\t}\n\n\tonStartDateChange = (startDate) => {\n\t\tif (startDate == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tthis.setState({ startDate: Moment(startDate), endDate: Moment(startDate).add(6, 'days') });\n\n\t\tlocalStorage.setItem(\"attendance-start-date\", new DateTime(startDate).getDateStamp());\n\t\tlocalStorage.setItem(\"attendance-end-date\", new DateTime(Moment(startDate).add(6, 'days')).getDateStamp());\n\t}\n\n\tonEndDateChange = (endDate) => {\n\t\tif (endDate == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tthis.setState({ endDate: Moment(endDate), startDate: Moment(endDate).subtract(6, 'days') });\n\n\t\tlocalStorage.setItem(\"attendance-start-date\", new DateTime(Moment(endDate).subtract(6, 'days')).getDateStamp());\n\t\tlocalStorage.setItem(\"attendance-end-date\", new DateTime(endDate).getDateStamp());\n\t}\n\n\tonFilterChange = (event) => {\n\t\tevent.preventDefault();\n\n\t\tconst filter = event.target.value;\n\t\tthis.setState({ filter });\n\t}\n\n\tonDateFilterChange = () => {\n\t\tthis.setState({ loading: true });\n\t\tlet role = this.state.admin ? ROLE_ADMINISTRATOR : ROLE_TEACHER;\n\n\t\tthis.props.getNotReportedSchedulePositions(role, this.state.startDate.format('YYYY-MM-DD'), this.state.endDate.format('YYYY-MM-DD'))\n\t\t\t.then(() => {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t});\n\t}\n\n\tgetDateFormat = () => {\n\t\tlet format = Moment.localeData(getActiveLanguage()).longDateFormat(\"L\");\n\t\tlet newFormat = format.replace(\"YYYY\", \"yyyy\");\n\t\tlet days = newFormat.replace(\"DD\", \"dd\");\n\t\treturn days;\n\t};\n\n\tnormalizeLocale = (locale) => {\n\t\tconst [language, region] = locale.split('-');\n\n\t\tif (language.toUpperCase() == \"UK\"){\n\t\t\treturn `uk`;\n\t\t}\n\t\treturn `${language}-${region.toUpperCase()}`;\n\t};\n\n\trender() {\n\t\tif (this.state.loading || this.state.allowed == null) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('report-absence-for-student')}\n\t\t\t\t\t \n\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.reportedAbsence.length > 0 ? this.props.reportedAbsence.map(absence => {\n\t\t\t\t\t\t\t\t\t\treturn this.onUserClick(absence.user, absence)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{absence.user.email}\n\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t{absence.user.firstName} {absence.user.lastName} \n\n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t{this.state.loading ?\n\t\t\t\t\t\t\t{translate('view-absence-for')}
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate(absence.type)}\n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{absence.period ? Moment.utc(absence.startTime).local().format('Do MMMM YYYY') : Moment.utc(absence.startTime).local().format('Do MMMM YYYY - HH:mm')}\n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{absence.period ? Moment.utc(absence.endTime).local().format('Do MMMM YYYY') : Moment.utc(absence.endTime).local().format('Do MMMM YYYY - HH:mm')}\n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t}) : \n\t\t\t\t\t\t\t\t\t\t{this.props.translate('no-results')}\n\t\t\t\t\t\t\t\t\t
}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.state.searching ?\n\t\t\t\t\t\t\t\t this.onUserClick(student)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{student.email}\n\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{student.firstName} {student.lastName}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t)) :\n\t\t\t\t\t\t\t\t\tthis.state.searchedOnce ?\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('no-results')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tif (this.state.allowed != null && !this.state.allowed) {\n\t\t\treturn \n\t\t\t\t\n\t\t\t\t\t{schedulePositions.map((position) => {\n\t\t\t\t\t\tif (position.activityMemberships.length > 0 || position.section.id > 0) {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{position.title} \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t})}\n\n\t\t\t\t\t{schedulePositions.length == 0 ?\n\t\t\t\t\t\t \n\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tactiveSchool: state.user.activeSchool,\n\t\tuser: state.user.currentUser,\n\t\tschedulePositions: state.schedule.schedulePositions,\n\t\tlanguages: state.Languages.languages,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetNotReportedSchedulePositions,\n\tsetPageTitle,\n})(AttendanceOverview);\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { Person, Skeleton } from 'UI';\n\nimport { User } from 'UI/Icons';\nimport { Icon } from '@haldor/ui';\n\nclass ConversationHeader extends Component {\n\n\trenderMeta = () => {\n\t\tconst { conversation } = this.props;\n\n\t\treturn conversation.relationships.map((relationship, i) => {\n\t\t\tif (relationship.reference != null) {\n\t\t\t\tif (relationship.referenceType == 'ASSIGNMENT') {\n\t\t\t\t\treturn \n\t\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{this.props.translate('select-date')}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t{this.props.translate('section')}
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{position.section.title}\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{new DateTime(position.startTime).getLongDateWithTime()}\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('no-results')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t}\n\n\t\t\t\tif (relationship.referenceType == 'PLAN') {\n\t\t\t\t\treturn \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t}\n\n\t\t\t\tif (relationship.referenceType == 'SECTION') {\n\t\t\t\t\treturn \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t}\n\n\t\t\t\tif (relationship.referenceType == 'STUDENT') {\n\t\t\t\t\treturn \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t}\n\n\t\t\t\tif (relationship.referenceType == 'MEETING_INSTANCE') {\n\t\t\t\t\treturn \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn null;\n\t\t});\n\t}\n\n\trender() {\n\t\tconst { conversation } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{conversation != null && conversation.relationships.length > 0 ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuser: state.user.currentUser,\n\t};\n}\n\nexport default connect(mapStateToProps)(ConversationHeader);\n","export const getConversationParticipants = (conversation, user) => {\n\tif (conversation == null) {\n\t\treturn null;\n\t}\n\n\tlet users = [];\n\tconversation.memberships.forEach(membership => {\n\t\tif (user != null && user.id == membership.membershipID) {\n\t\t\treturn true;\n\t\t}\n\n\t\tif (membership.membershipType.indexOf('SECTION') > -1) {\n\t\t\tusers.push({\n\t\t\t\tid: membership.membershipID,\n\t\t\t\tmembershipType: membership.membershipType,\n\t\t\t\t...membership.section,\n\t\t\t});\n\t\t} else {\n\t\t\tusers.push({\n\t\t\t\tid: membership.membershipID,\n\t\t\t\tmembershipType: membership.membershipType,\n\t\t\t\t...membership.user,\n\t\t\t});\n\t\t}\n\t});\n\n\treturn users;\n}\n","import { createConversation, getConversation, resetConversation, submitMessage } from 'actions/conversation';\nimport React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport MessageForm from '../Form/MessageForm';\nimport ConversationHeader from './ConversationHeader';\nimport ConversationMessages from './ConversationMessages';\nimport { setPageTitle } from 'actions/header';\nimport { getConversationParticipants } from '../Helpers';\nimport User from '_class/User';\n\nclass ConversationPage extends Component {\n\n\t/* Class setup */\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t};\n\t}\n\n\t/* Lifecycle methods */\n\tUNSAFE_componentWillMount = () => {\n\t\tconst { id } = this.props.match.params;\n\n\t\tif (id != 'new') {\n\t\t\tthis.props.getConversation(id)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setTitle();\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t} else {\n\t\t\tif (this.props.staged == null) {\n\t\t\t\tthis.props.history.replace(`/conversations/`);\n\t\t\t}\n\n\t\t\tthis.setTitle();\n\t\t}\n\n\t\twindow.addEventListener('resize', this.onResize);\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tconst { id } = nextProps.match.params;\n\n\t\tif (id != this.props.match.params.id && this.state.loading == false) {\n\t\t\tthis.setState({ loading: true });\n\n\t\t\tthis.props.getConversation(id)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setTitle();\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t}\n\t}\n\n\tsetTitle = () => {\n\t\tconst { user } = this.props;\n\t\tconst { id } = this.props.match.params;\n\t\tlet members = null;\n\n\t\tif (id != 'new') {\n\t\t\tmembers = getConversationParticipants(this.props.conversation, user);\n\t\t} else {\n\t\t\tmembers = getConversationParticipants(this.props.staged, user);\n\t\t}\n\n\t\tif (members == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet title = '';\n\t\tmembers.forEach((member, index) => {\n\t\t\tif (member != null) {\n\t\t\t\tif (index > 0) {\n\t\t\t\t\ttitle += ', ';\n\t\t\t\t}\n\n\t\t\t\tif (member.membershipType == 'SECTION_OWNERS') {\n\t\t\t\t\ttitle += member.title + \" (\" + this.props.translate('Staff') + \")\";\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif (member.membershipType == 'GUARDIAN') {\n\t\t\t\t\tif (member.userId || (member?.linkGuardianStudents && member.linkGuardianStudents.length > 0 && member.studentId)) {\n\t\t\t\t\t\tif (member.userId) {\n\t\t\t\t\t\t\tmember.lastName = (member.lastName != null ? member.lastName : '') + ' (' + this.props.translate('Guardian') + ')';\n\t\t\t\t\t\t}\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tconst linkGuardianStudent = member.linkGuardianStudents.find(link => link.studentId === member.studentId);\n\t\t\t\t\t\t\tif (linkGuardianStudent) {\n\t\t\t\t\t\t\t\tmember.lastName = (member.lastName != null ? member.lastName : '') + ' (' + this.props.translate('Guardian') + ')';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\telse {\n\t\t\t\t\t\t\t\tmember.lastName = ' (' + this.props.translate('inactive') + ' ' + this.props.translate('guardian') + ')';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tmember.lastName = ' (' + this.props.translate('inactive') + ' ' + this.props.translate('guardian') + ')';\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ttitle += member?.firstName === undefined ? member.lastName : member.firstName + ' ' + member.lastName;\n\t\t\t}\n\t\t});\n\n\t\tthis.props.setPageTitle(title);\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\twindow.removeEventListener('resize', this.onResize);\n\t\tthis.props.resetConversation();\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.onResize();\n\t}\n\n\t/* Events */\n\tsubmitMessage = (values) => {\n\t\tif (this.props.conversation != null) {\n\t\t\tlet lastMessage = this.props.conversation.messages[this.props.conversation.messages.length - 1];\n\t\t\tif (lastMessage == null) {\n\t\t\t\tvalues.parentId = null;\n\t\t\t} else {\n\t\t\t\tvalues.parentId = lastMessage.id;\n\t\t\t}\n\t\t} else {\n\t\t\tvalues.parentId = null;\n\t\t}\n\n\t\treturn new Promise(resolve => {\n\t\t\tlet conversation = this.props.conversation;\n\n\t\t\tif (this.props.match.params.id == 'new') {\n\t\t\t\tconversation = this.props.staged;\n\t\t\t}\n\n\t\t\tlet user = new User(this.props.user);\n\n\t\t\tvalues.creator = user.getUserId();\n\n\t\t\tif (user.isTeacher() || user.isMentor()) {\n\t\t\t\tlet owner_section = conversation.memberships.find(m => m.membershipType == 'SECTION_OWNERS');\n\n\t\t\t\tif (owner_section != null) {\n\t\t\t\t\tvalues.senderId = owner_section.section.id;\n\t\t\t\t\tvalues.senderType = 'SECTION';\n\t\t\t\t} else {\n\t\t\t\t\tvalues.senderId = values.creator;\n\t\t\t\t\tvalues.senderType = 'USER';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tvalues.senderId = values.creator;\n\t\t\t\tvalues.senderType = 'USER';\n\t\t\t}\n\n\t\t\tif (this.props.match.params.id == 'new') {\n\t\t\t\t// Send message with a conversation object\n\t\t\t\tlet conversation = this.props.staged;\n\t\t\t\tconversation.messages = [values];\n\n\t\t\t\tdelete values.conversationID;\n\n\t\t\t\tthis.setState({ loading: true });\n\t\t\t\tthis.props.createConversation(conversation)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tthis.props.history.replace(`/conversations/${this.props.new}`);\n\t\t\t\t\t\tthis.props.getConversation(this.props.new).then(() => {\n\t\t\t\t\t\t\tthis.setTitle();\n\t\t\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t});\n\t\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.props.submitMessage(values).then(() => {\n\t\t\t\t\tthis.setState({});\n\t\t\t\t\tresolve(1);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tonResize = () => {\n\t\tconst messages = document.querySelector('.conversation--wrapper');\n\n\t\tif (messages != null) {\n\t\t\tlet height = 0;\n\n\t\t\tconst body = document.querySelector('body');\n\t\t\tconst footer = body.querySelector('.site-footer');\n\t\t\tconst header = body.querySelector('.teams-header');\n\t\t\tconst desktopHeader = body.querySelector('.desktop-header-spacing');\n\t\t\tconst deviceMenu = body.querySelector('.footer-menu-bar-container');\n\t\t\tconst deviceHeader = body.querySelector('.device-menu');\n\n\t\t\theight = window.innerHeight;\n\n\t\t\tif (footer != null) {\n\t\t\t\theight = height - footer.scrollHeight\n\t\t\t}\n\n\t\t\tif (header != null) {\n\t\t\t\theight = height - header.scrollHeight;\n\t\t\t}\n\n\t\t\tif (desktopHeader != null) {\n\t\t\t\theight = height - desktopHeader.scrollHeight;\n\t\t\t}\n\n\t\t\tif (deviceMenu != null) {\n\t\t\t\theight = height - deviceMenu.scrollHeight - 15;\n\t\t\t}\n\n\t\t\tif (deviceHeader != null) {\n\t\t\t\theight = height - deviceHeader.scrollHeight;\n\t\t\t}\n\n\t\t\tmessages.style.height = height - 25 + 'px';\n\t\t}\n\t}\n\n\t/* Render methods */\n\trender() {\n\t\tlet conversation = this.props.conversation;\n\t\tlet disabled = false;\n\n\t\tif (this.props.match.params.id == 'new') {\n\t\t\tconversation = this.props.staged;\n\t\t}\n\n\t\tif (conversation != null) {\n\t\t\tdisabled = conversation.status == 'ARCHIVED' || conversation.disabled === true ? true : false;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{this.renderMeta()}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuser: state.user.currentUser,\n\t\tconversation: state.Conversation.conversation,\n\t\tstaged: state.Conversation.staged,\n\t\tnew: state.Conversation.new,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tgetConversation,\n\tsubmitMessage,\n\tcreateConversation,\n\tresetConversation,\n\tsetPageTitle,\n})(ConversationPage));\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, Form, reduxForm } from 'redux-form';\nimport { Spinner } from 'UI';\nimport { Flex, Button, Icon, TooltipMenu, Skeleton } from '@haldor/ui';\nimport swal from 'sweetalert2';\nimport { eLoggingSeverity } from '@microsoft/applicationinsights-web';\n\nclass GuardianDetailsForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet noStudent = false;\n\t\tif (this.props.noStudent != null) {\n\t\t\tnoStudent = true;\n\t\t}\n\t\tlet active = false;\n\t\tif (this.props.currentGuardian.linkGuardianStudents && this.props.currentGuardian.linkGuardianStudents.length > 0\n\t\t\t&& this.props.currentStudent && this.props.currentStudent.userId != \"\") {\n\t\t\tconst linkGuardianStudent = this.props.currentGuardian.linkGuardianStudents.find(link => link.studentId === this.props.currentStudent.userId);\n\t\t\tif (linkGuardianStudent) {\n\t\t\t\tactive = linkGuardianStudent.active;\n\t\t\t}\n\t\t}\n\t\tif (this.props.currentGuardian.id != \"\") {\n\t\t\tthis.state = {\n\t\t\t\tactive: active,\n\t\t\t\tcurrentGuardian: this.props.currentGuardian,\n\t\t\t\tloading: false,\n\t\t\t\tnoStudent: noStudent,\n\t\t\t\teditForm: true\n\t\t\t}\n\t\t} else {\n\t\t\tthis.state = {\n\t\t\t\tactive: active,\n\t\t\t\tcurrentGuardian: this.props.currentGuardian,\n\t\t\t\tloading: false,\n\t\t\t\tnoStudent: noStudent,\n\t\t\t\teditForm: false\n\t\t\t}\n\t\t}\n\t}\n\n\tsubmit = (values) => {\n\t\tif (values.mail != null) {\n\t\t\tvalues.mail = values.mail.trim();\n\t\t}\n\n\t\tconst { currentGuardian } = this.props;\n\n\t\tif (currentGuardian.id != \"\" && currentGuardian.mail != null && currentGuardian.mail != '') {\n\t\t\tif (currentGuardian.mail.toLowerCase() != values.mail.toLowerCase()) {\n\t\t\t\tswal.fire({\n\t\t\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\t\t\ttext: this.props.translate('changing-email-will-also-affect-userlogin'),\n\t\t\t\t\tshowCancelButton: true,\n\t\t\t\t\tfocusConfirm: false,\n\t\t\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t\t\t}).then(result => {\n\t\t\t\t\tif (result.value == null) {\n\t\t\t\t\t\tvalues.mail = this.props.currentGuardian.mail;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.setState({ loading: true });\n\t\t\t\t\tthis.props.onModalSave(values);\n\t\t\t\t});\n\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ loading: true });\n\t\tthis.props.onModalSave(values);\n\t}\n\n\tonCancel = () => {\n\t\tlet currentGuardian = this.state.currentGuardian;\n\t\tcurrentGuardian.active = this.state.active;\n\t\tif (this.props.currentGuardian.linkGuardianStudents && this.props.currentGuardian.linkGuardianStudents.length > 0\n\t\t\t&& this.props.currentStudent && this.props.currentStudent.userId != \"\") {\n\t\t\tconst linkGuardianStudent = this.props.currentGuardian.linkGuardianStudents.find(link => link.studentId === this.props.currentStudent.userId);\n\t\t\tif (linkGuardianStudent) {\n\t\t\t\tcurrentGuardian.active = linkGuardianStudent.active;\n\t\t\t}\n\t\t}\n\t\tthis.setState({ currentGuardian: currentGuardian });\n\t\tthis.props.cancelModal();\n\t}\n\n\tchangeGuardianPermissionLevel = (status) => {\n\t\tlet currentGuardian = this.state.currentGuardian;\n\t\tcurrentGuardian.active = status;\n\t\tcurrentGuardian.linkGuardianStudents[0].active = status;\n\t\tthis.setState({ currentGuardian: currentGuardian });\n\t}\n\n\tonMailChanged = (email) => {\n\t\tthis.props.onMailChanged(email);\n\t}\n\n\tmailRequired = (value) => {\n\t\tconst re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n\t\tif (re.test(String(value).toLowerCase())) {\n\t\t\tif (typeof (value) !== 'undefined' && value !== '') {\n\t\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t\t// Rule: Not undefined and not an empty string\n\t\t\t\treturn undefined;\n\t\t\t}\n\t\t}\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\trender() {\n\t\tconst { handleSubmit, submitting, valid, goal, initialValues } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t{!this.state.loading ?\n\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t:\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t\n\t\t)\n\t}\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\tinitialValues: ownProps.currentGuardian,\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps)(reduxForm({\n\tform: 'GuardianDetailForm',\n\tdestroyOnUnmount: true,\n})(GuardianDetailsForm));\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\n\nclass RowItem extends Component {\n\n\trender() {\n\t\tlet props = { ...this.props };\n\t\tdelete props.children;\n\t\tdelete props.target;\n\n\t\tif (this.props.target != null) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{this.props.children}\n\t\t\t\t\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.props.children}\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport const RowCell = (props) => {\n\tlet className = 'cell';\n\tif (props.grow) {\n\t\tclassName += ' grow';\n\t}\n\n\tif (props.shrink) {\n\t\tclassName += ' shrink';\n\t}\n\n\tlet elementProps = { ...props };\n\tdelete elementProps.grow;\n\tdelete elementProps.shrink;\n\tdelete elementProps.children;\n\tdelete elementProps.title;\n\n\treturn (\n\t\t\n\t\t\t{props.children}\n\t\t
\n\t);\n};\n\nexport default RowItem;\n","import React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport { withRouter, Link } from 'react-router-dom';\nimport Moment from \"moment\";\nimport swal from 'sweetalert2';\n\nimport User from '_class/User';\n\nimport { getGuardianById, setGuardian, deleteStudentGuardian } from \"actions/user\";\nimport { getSchoolGuardians } from \"actions/schools\";\nimport { setPageTitle } from \"actions/header\";\nimport { getActiveSchool } from 'helpers/localstorage';\n\nimport GuardianDetailsForm from '../Forms/GuardianDetailsForm';\nimport Modal from 'containers/Modals/Modal';\n\nimport { Block as ContentBlock, Flex, Skeleton, TooltipMenu, Button, getActiveLanguage } from '@haldor/ui';\nimport { Spinner, DataList } from 'UI';\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\nimport Block, { BlockHeader, BlockContent, BlockWrapper } from \"UI/Elements/Block\";\n\nclass Guardian extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props)\n\n\t\tMoment.locale(getActiveLanguage());\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tmodal: false,\n\t\t\tloadingGuardians: true,\n\t\t\tguardian: null,\n\t\t\tguardians: null\n\t\t}\n\t}\n\n\tfetchGuardianData = (userId) => {\n\t\tif (userId) {\n\t\t\tthis.props.getGuardianById(userId).then(() => {\n\t\t\t\tlet guardian = this.props.currentGuardian;\n\t\t\t\tthis.props.setPageTitle(guardian.firstName + ' ' + (guardian.lastName != null ? guardian.lastName : ''));\n\t\t\t\tthis.setState({ loading: false, loadingGuardians: false, guardian: guardian, guardians: null });\n\t\t\t});\n\t\t} else {\n\t\t\tconst school = getActiveSchool(this.props.currentUser.id);\n\t\t\tthis.props.getSchoolGuardians(school).then(() => {\n\t\t\t\tthis.props.setPageTitle(this.props.translate('Guardians'));\n\t\t\t\tlet guardians = this.props.guardians;\n\t\t\t\tthis.setState({ loading: false, loadingGuardians: false, guardian: null, guardians: guardians });\n\t\t\t})\n\t\t}\n\t}\n\n\tcomponentDidUpdate = (prevProps) => {\n\t\tif (this.props.match.params.userId !== prevProps.match.params.userId) {\n\t\t\tthis.fetchGuardianData(this.props.match.params.userId);\n\t\t}\n\t};\n\n\tcomponentDidMount = () => {\n\t\tlet userId = null;\n\t\tif (this.props.match.params != null && this.props.match.params.userId != null) {\n\t\t\tuserId = this.props.match.params.userId;\n\t\t}\n\n\t\tthis.fetchGuardianData(userId);\n\t}\n\n\ttoggleModal = () => {\n\t\tthis.setState({ modal: !this.state.modal });\n\t}\n\n\tonGuardianUpdate = guardian => {\n\t\tif (guardian.id != \"\") {\n\t\t\tthis.props.setGuardian(guardian.id, guardian).then(() => {\n\t\t\t\tthis.setState({ guardian: guardian });\n\t\t\t\tthis.toggleModal();\n\t\t\t});\n\t\t} else {\n\t\t\tthis.props.getUserGuardianByEmail(guardian.mail).then(() => {\n\t\t\t\tif (this.props.guardianByMail == null) {\n\t\t\t\t\tthis.props.addUserGuardian(this.props.user, guardian).then(() => {\n\t\t\t\t\t\tthis.toggleModal();\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tonMailChanged = (email) => {\n\t\tconst re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n\t\tif (re.test(String(email).toLowerCase())) {\n\t\t\tthis.props.getUserGuardianByEmail(email).then(() => {\n\t\t\t\tif (this.props.guardianByMail != null && this.props.guardianByMail.mail == email) {\n\t\t\t\t\tlet guardian = this.props.guardianByMail;\n\t\t\t\t\tguardian.id = \"\";\n\t\t\t\t\tthis.toggleModal();\n\t\t\t\t\tthis.toggleModal(\"guardian\", guardian);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tonGuardianDelete = guardian => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('Cancel'),\n\t\t\tconfirmButtonText: this.props.translate('Delete'),\n\t\t}).then(response => {\n\t\t\tif (response.value != null) {\n\t\t\t\tthis.props.deleteStudentGuardian(this.props.user, guardian.id, true).then(() => {\n\t\t\t\t\tthis.setState({ guardian: null });\n\t\t\t\t\tthis.props.history.push('/guardian');\n\t\t\t\t\tthis.toggleModal();\n\t\t\t\t})\n\t\t\t}\n\t\t});\n\t}\n\n\trenderGuardian = (guardian) => {\n\t\treturn \n\t\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t\treturn (\n\t\t\tthis.state.guardian != null ?\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t{user.isAdministrator() && !this.state.guardian.synced ?\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t
\n\t\t\t\t:\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t this.toggleModal(\"guardian\", this.state.guardian)}>\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('Edit')}\n\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t this.onGuardianDelete(this.state.guardian)}>\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('Delete')}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.state.guardian.phone != null ?\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('phone')}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{this.state.guardian.phone}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t{this.state.guardian.mail != null ?\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{this.state.guardian.phone}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{translate('e-mail')}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{this.state.guardian.mail}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{this.state.guardian.mail}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{this.state.guardian.street != null && this.state.guardian.postal != null ?\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('address')}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{this.state.guardian.street}
\n\t\t\t\t\t\t\t\t\t\t\t{this.state.guardian.postal}, {this.state.guardian.city}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{this.state.guardian.street}
\n\t\t\t\t\t\t\t\t\t\t\t{this.state.guardian.postal}, {this.state.guardian.city}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{translate('show-all-guardians')}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tlanguages: state.Languages.languages,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tcurrentGuardian: state.user.guardian,\n\t\tguardians: state.School.guardians,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tsetPageTitle,\n\tgetGuardianById,\n\tsetGuardian,\n\tgetSchoolGuardians,\n\tdeleteStudentGuardian,\n})(Guardian));","import React, { Component } from 'react';\nimport { Icon, translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Form, Field } from 'react-final-form';\n\nimport { getUserGuardian } from 'actions/conversation';\nimport { clearSearchResults, searchSchoolUsers } from 'actions/search';\nimport { getSection, getEducationGroups, getMentorGroups } from 'actions/sections';\n\nimport User from '_class/User';\n\nimport { DataList, Spinner, Expandable } from 'UI';\nimport { Search } from 'UI/Inputs';\nimport { Checkbox, Button, Radio } from '@haldor/ui';\nimport Guardian from 'containers/Guardian/Guardian';\n\nimport \"./SelectRecipient.scss\";\nimport { getActiveSchool } from 'helpers/localstorage';\nimport DisplayName from 'components/Presentation/DisplayName';\n\nclass SelectRecipientForm extends Component {\n\n\t/* Class setup */\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tgroup: null,\n\t\t\tsearching: false,\n\t\t\thasMadeQuery: false,\n\t\t\tloadingGuardians: false,\n\t\t\tselectedContact: null,\n\t\t\tselectedGuardians: [],\n\t\t\tselectedPeople: [],\n\t\t\tsections: [],\n\t\t};\n\t}\n\n\t/* Lifecycle methods */\n\tcomponentWillUnmount = () => {\n\t\tthis.props.clearSearchResults();\n\t}\n\n\tcomponentDidMount = () => {\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (user.isMentor() || user.isTeacher()) {\n\t\t\tthis.props.getEducationGroups();\n\t\t\tthis.props.getMentorGroups();\n\t\t}\n\t}\n\n\t/* Events */\n\tsubmit = (values) => {\n\t\treturn new Promise((resolve) => {\n\t\t\tvalues.memberships = this.getConversationMembers(values);\n\t\t\tvalues.relationships = this.getConversationRelationships(values);\n\n\t\t\tif (this.props.onSubmit) {\n\t\t\t\tthis.props.onSubmit(values).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tresolve(1);\n\t\t\t}\n\t\t})\n\t}\n\n\tonGroupExpand = (group, toggle) => {\n\t\tlet foundInState = this.state.sections.findIndex(section => section.id == group.id);\n\n\t\tif (foundInState < 0) {\n\t\t\tthis.props.getSection(group.id).then(() => {\n\t\t\t\tthis.setState({\n\t\t\t\t\tsections: [...this.state.sections, this.props.group]\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\ttoggle();\n\t}\n\n\tgetConversationRelationships = (values) => {\n\t\tlet relationships = [];\n\n\t\tif (this.state.selectedGuardians.length == 0) {\n\t\t\treturn relationships;\n\t\t}\n\n\t\tthis.state.selectedGuardians.forEach(guardian => {\n\t\t\tthis.props.guardians.forEach(studentGuardian => {\n\t\t\t\tif (studentGuardian.guardians == null) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tlet foundInGuardians = studentGuardian.guardians.find(gar => {\n\t\t\t\t\treturn gar.id == guardian.id && studentGuardian.userId == guardian.studentId;\n\t\t\t\t});\n\n\t\t\t\tif (foundInGuardians != null) {\n\t\t\t\t\tconst foundInRelationships = relationships.find(relationship => {\n\t\t\t\t\t\treturn relationship.referenceType == 'STUDENT' && relationship.referenceId == studentGuardian.userId;\n\t\t\t\t\t});\n\n\t\t\t\t\tif (foundInRelationships == null) {\n\t\t\t\t\t\trelationships.push({\n\t\t\t\t\t\t\treferenceId: studentGuardian.userId,\n\t\t\t\t\t\t\treferenceType: 'STUDENT'\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\treturn relationships;\n\t}\n\n\tgetConversationMembers = (values) => {\n\t\tlet members = [];\n\n\t\tif (this.state.selectedGuardians.length > 0) {\n\t\t\tthis.state.selectedGuardians.forEach(guardian => {\n\t\t\t\tmembers.push({\n\t\t\t\t\tmembershipID: guardian.id,\n\t\t\t\t\tmembershipType: 'GUARDIAN',\n\t\t\t\t\tpermission: 'W',\n\t\t\t\t\tuser: guardian,\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tif (this.state.selectedPeople.length > 0) {\n\t\t\tthis.state.selectedPeople.forEach(student => {\n\t\t\t\tmembers.push({\n\t\t\t\t\tmembershipID: student.userId,\n\t\t\t\t\tmembershipType: 'USER',\n\t\t\t\t\tpermission: 'W',\n\t\t\t\t\tuser: student,\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tif (values.senderId != null) {\n\t\t\tif (values.senderId != this.props.currentUser.id) {\n\t\t\t\tlet mentorGroups = this.props.mentorGroups?.filter(ss => { return !ss.archived && ss.userRole == \"OWNER\" }) ?? [];\n\t\t\t\tlet educationGroups = this.props.educationGroups?.filter(ss => { return !ss.archived && ss.userRole == \"OWNER\" }) ?? [];\n\n\t\t\t\tlet section = mentorGroups.find(section => section.id == values.senderId) ?? educationGroups.find(section => section.id == values.senderId);\n\n\t\t\t\tif (section != null) {\n\t\t\t\t\tmembers.push({\n\t\t\t\t\t\tmembershipID: values.senderId,\n\t\t\t\t\t\tmembershipType: 'SECTION_OWNERS',\n\t\t\t\t\t\tpermission: 'O',\n\t\t\t\t\t\tsection: section,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tmembers.push({\n\t\t\t\t\tmembershipID: values.senderId,\n\t\t\t\t\tmembershipType: 'USER',\n\t\t\t\t\tpermission: 'O',\n\t\t\t\t\tuser: this.props.currentUser,\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\treturn members;\n\t}\n\n\tonContactSelect = (contact) => {\n\t\tconst selected = this.state.selectedPeople.find(person => person.userId == contact.userId);\n\n\t\tif (selected == null) {\n\t\t\tlet selectedPeople = this.state.selectedPeople;\n\t\t\tselectedPeople.push(contact);\n\n\t\t\tthis.setState({ selectedPeople });\n\t\t} else {\n\t\t\tthis.setState({\n\t\t\t\tselectedPeople: [...this.state.selectedPeople].filter(person =>\n\t\t\t\t\tperson.userId != contact.userId\n\t\t\t\t)\n\t\t\t});\n\t\t}\n\t}\n\n\tonContactToggle = (contact, open) => {\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (open) {\n\t\t\tif ((user.isMentor() || user.isTeacher()) && contact.userType.toLowerCase() == 'student') {\n\t\t\t\tcontact.loadingGuardians = true;\n\t\t\t\tthis.setState({ selectedContact: contact.userId, selectedGuardians: [], selectedPeople: [] });\n\n\t\t\t\tthis.props.getUserGuardian(contact.userId).then(() => {\n\t\t\t\t\tcontact.loadingGuardians = false;\n\t\t\t\t\tthis.setState({});\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.setState({ selectedContact: contact.userId, selectedGuardians: [], selectedPeople: [] });\n\t\t\t}\n\t\t}\n\t}\n\n\tonSearch = (query) => {\n\t\tthis.setState({ searching: true, selectedGuardians: [], selectedPeople: [], selected: null, });\n\n\t\tthis.props.searchSchoolUsers(query.query, 'student,teacher,mentor', '').then(() => {\n\t\t\tthis.setState({ searching: false, hasMadeQuery: true });\n\t\t});\n\t}\n\n\tonGuardianChange = (checked, guardian, studentId) => {\n\n\t\tlet { selectedGuardians } = this.state;\n\n\t\tlet found = selectedGuardians.findIndex(selected => {\n\t\t\treturn selected.id == guardian.id && selected.studentId == studentId;\n\t\t});\n\n\t\tif (found == -1) {\n\t\t\tselectedGuardians.push(guardian);\n\t\t} else {\n\t\t\tselectedGuardians.splice(found, 1);\n\t\t}\n\n\t\tthis.setState({ selectedGuardians });\n\t}\n\n\t/* Render methods */\n\trenderStudentGuardian = (guardian, studentId) => {\n\t\tguardian.studentId = studentId;\n\t\tlet selected = this.state.selectedGuardians.find(selectedGuardian => selectedGuardian.id == guardian.id && selectedGuardian.studentId == studentId);\n\t\tselected = selected != null;\n\n\t\treturn \n\t\t\t\t\t\t{user.isAdministrator() || user.isMentor() ?\n\t\t\t\t\t\t\t (a.lastName || \"\").localeCompare(b.lastName || \"\"))}\n\t\t\t\t\t\t\t\trenderRow={this.renderGuardian}\n\t\t\t\t\t\t\t\temptyData={this.state.loadingGuardians ? () => (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t) : () => (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t this.onGuardianChange(c, guardian, studentId)}\n\t\t\t/>\n\t\t
\n\t}\n\n\tonContactSelected = (value) => {\n\t\tthis.setState({ selectedContact: value, selectedGuardians: [], selectedPeople: [] });\n\t\treturn;\n\t}\n\n\tselectAllUserGuardians = (isActive, guardians, studentId) => {\n\t\tif (this.state.selectedGuardians.length < guardians.length)\n\t\t\tthis.setState({ selectedGuardians: [] })\n\n\t\tguardians.forEach(element => {\n\t\t\tthis.onGuardianChange(isActive, element, studentId);\n\t\t});\n\t}\n\n\trenderContact = (contact) => {\n\t\tlet selected = this.state.selectedPeople.find(student => student.userId == contact.userId);\n\t\tlet userGuardians = null;\n\t\tlet allSelected = true;\n\t\tselected = selected != null;\n\n\t\tif (this.props.guardians != null) {\n\t\t\tuserGuardians = this.props.guardians.find(userGuardian => {\n\t\t\t\treturn userGuardian.userId == contact.userId;\n\t\t\t});\n\n\t\t\tif (userGuardians != null)\n\t\t\t\tallSelected = this.state.selectedGuardians.length == userGuardians.guardians.length;\n\t\t}\n\t\tlet result = this.props.teachers.concat(this.props.students);\n\t\tif (result != null && result.length > 0) {\n\t\t\tconst allowedUserTypes = new Set(['teacher', 'student', 'staff', 'mentor']);\n\n\t\t\tresult = Object.values(result.reduce((acc, item) => {\n\t\t\t\tif (allowedUserTypes.has(item.userType.toLowerCase())) {\n\t\t\t\t\tacc[item.userId] = item;\n\t\t\t\t}\n\t\t\t\treturn acc;\n\t\t\t}, {}));\n\t\t}\n\t\tlet contactName = (contact.firstName || contact.lastName) ?\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n\n\trenderNoResults = () => {\n\t\tif (this.state.hasMadeQuery) {\n\t\t\tlet noSearchHits = false;\n\t\t\tif (this.props.teachers.length == 0 && this.props.students.length == 0) {\n\t\t\t\tnoSearchHits = true;\n\t\t\t}\n\t\t\tif (noSearchHits) {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t this.onContactSelect(contact)}\n\t\t\t\t\t\t\tlabel={contactName}\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\n\t\t\t\t\t{contact.userType.toLowerCase() == 'student' ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{contact.loadingGuardians == true ?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Guardian')}\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t { this.selectAllUserGuardians(c, userGuardians.guardians, contact.userId); }}\n\t\t\t\t\t\t\t\t\t\t\t\tlabel={this.props.translate('select-all')}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={allSelected}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t{userGuardians.guardians.map(guardian => this.renderStudentGuardian(guardian, contact.userId))}\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('If a guardian\\'s name appears more than once, it\\'s because the user has multiple accounts. Therefore, check for all duplicates when selecting recipients.')}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('no-results')}\n\t\t\t\t\t
\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\t}\n\n\trenderGroupTitle(section, type = 'mentor') {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\trenderGroup = (section) => {\n\t\tlet groupData = null;\n\t\tif (this.state.sections.length > 0) {\n\t\t\tgroupData = this.state.sections.find(s => s.id == section.id);\n\t\t}\n\n\t\treturn {section.title}
\n\t\t\t\t\n\t\t\t\t\t{this.props.translate(section.type.toUpperCase())}\n\t\t\t\t
\n\t\t\t\n\t\t\t false}\n\t\t\t\tonPlus={(toggle) => this.onGroupExpand(section, toggle)}\n\t\t\t>\n\t\t\t\t{this.props.translate('Owners')}\n\n\t\t\t\t{groupData != null ?\n\t\t\t\t\t
\n\t}\n\n\trender() {\n\t\tconst user = new User(this.props.currentUser);\n\t\tlet disableSubmit = false;\n\t\tlet senderId = this.props.currentUser.userId;\n\n\t\tlet mentorGroups = this.props.mentorGroups?.filter(ss => { return !ss.archived && ss.userRole == \"OWNER\" }) ?? [];\n\t\tlet educationGroups = this.props.educationGroups?.filter(ss => { return !ss.archived && ss.userRole == \"OWNER\" }) ?? [];\n\n\t\tif (this.state.selectedGuardians.length == 0 && this.state.selectedPeople.length == 0) {\n\t\t\tdisableSubmit = true;\n\t\t}\n\n\t\tlet result = this.props.teachers.concat(this.props.students);\n\t\tif (result != null && result.length > 0) {\n\t\t\tconst allowedUserTypes = new Set(['teacher', 'student', 'staff', 'mentor']);\n\n\t\t\tresult = Object.values(result.reduce((acc, item) => {\n\t\t\t\tif (allowedUserTypes.has(item.userType.toLowerCase())) {\n\t\t\t\t\tacc[item.userId] = item;\n\t\t\t\t}\n\t\t\t\treturn acc;\n\t\t\t}, {}));\n\t\t}\n\n\t\treturn (\n\t\t\t- \n\t\t\t\t\t\t{groupData.owners.map((owner) => {\n\t\t\t\t\t\t\treturn
- \n\t\t\t\t\t\t\t\t{owner.firstName} {owner.lastName}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t})}\n\t\t\t\t\t
\n\t\t\t\t {\n\t\t\t\t\t\treturn \n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tcontacts: state.Conversation.contacts,\n\t\tgroup: state.sections.activeSection,\n\t\tstudents: state.Search.students,\n\t\tteachers: state.Search.teachers,\n\t\tguardians: state.Conversation.guardians,\n\t\teducationGroups: state.sections.educationGroups,\n\t\tmentorGroups: state.sections.mentorGroups\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tsearchSchoolUsers,\n\tgetUserGuardian,\n\tclearSearchResults,\n\tgetEducationGroups,\n\tgetMentorGroups,\n\tgetSection,\n})(SelectRecipientForm);\n","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { Field, Form } from 'react-final-form';\nimport api from 'lib/api';\nimport { addError } from 'actions';\n\nimport { Button, translate, Checkbox, Spinner } from '@haldor/ui';\n\nimport { getNotificationSettings } from 'actions/notifications';\nimport { getUserNotificationSettings } from 'actions/user';\n\nclass NotificationOptionForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: false,\n\t\t\toptionsModalVisible: false,\n\t\t\tuniqueNotificationSettingsObjects: null\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.values != null && this.props.values.length > 0) {\n\n\t\t\tlet uniqueNotificationSettingsObjects = this.props.values.reduce((accumulator, current) => {\n\t\t\t\tif (!accumulator.find(item => item.notificationSettings.id === current.notificationSettings.id)) {\n\t\t\t\t\taccumulator.push(current);\n\t\t\t\t}\n\t\t\t\treturn accumulator;\n\t\t\t}, [])\n\t\t\t\t.map(item => item.notificationSettings)\n\t\t\t\t.sort((a, b) => a.id - b.id);;\n\n\t\t\tthis.setState({ uniqueNotificationSettingsObjects: uniqueNotificationSettingsObjects });\n\t\t}\n\t}\n\n\tonSubmit = (values) => new Promise((resolve) => {\n\t\tlet data = [];\n\t\tthis.setState({ loading: true });\n\n\t\tthis.state.uniqueNotificationSettingsObjects?.forEach((setting) => {\n\n\t\t\tconst notificationSpaces = setting.notificationSpace.split(',');\n\t\t\tnotificationSpaces?.forEach((space) => {\n\t\t\t\tconst userSetting = values.settings?.find((s) =>\n\t\t\t\t\ts.notificationSettingId == setting.id && s.notificationSpace == space.trim()\n\t\t\t\t);\n\n\t\t\t\tif (userSetting != null) {\n\t\t\t\t\tdata.push(userSetting);\n\t\t\t\t} else {\n\t\t\t\t\tconst object = {\n\t\t\t\t\t\tnotificationSettingId: setting.id,\n\t\t\t\t\t\tnotificationSpace: space.trim(),\n\t\t\t\t\t\tenabled: true,\n\t\t\t\t\t};\n\n\t\t\t\t\tdata.push(object);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\tapi.post('notifications/userNotificationSettings', data).then(() => {\n\t\t\tthis.props.getUserNotificationSettings().then(() => {\n\t\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\n\t\t\t\tif (this.props.onSubmit != null) {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t\tthis.props.onSubmit();\n\t\t\t\t}\n\n\t\t\t\tif (this.props.onAbort != null) {\n\t\t\t\t\tthis.props.onAbort();\n\t\t\t\t}\n\t\t\t});\n\t\t}).catch(() => {\n\t\t\tthis.props.addError(this.props.translate('Something went wrong while saving the options'), 'error');\n\t\t\tthis.setState({ loading: false });\n\t\t});\n\t});\n\n\trenderField = (field) => {\n\t\tlet value = false;\n\t\tif (field.input.value != '') {\n\t\t\tvalue = field.input.value.find((s) =>\n\t\t\t\ts.notificationSettingId == field.setting.id && s.notificationSpace.includes(field.space) && s.enabled == true\n\t\t\t) != null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t
)\n\t\t}\n\n\t\treturn (\n\t\t\t\n\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nconst mapStateToProps = state => ({\n\ttranslate: translate(state.Languages.translations),\n\tnotificationSettings: state.Notifications.notificationSettings,\n});\n\nexport default withRouter(connect(mapStateToProps, {\n\tgetNotificationSettings,\n\tgetUserNotificationSettings,\n\taddError\n})(NotificationOptionForm));\n","import { Flex } from '@haldor/ui';\nimport {\n\tarchiveConversation,\n\tclearSearch,\n\tgetArchivedConversations,\n\tgetConversations,\n\tsearchConversation,\n\tupdateSearchedConversations,\n\tstageConversation\n} from 'actions/conversation';\nimport { getUserNotificationSettings, getMySections } from 'actions/user';\nimport Redirect from 'components/Redirect/Redirect';\nimport Modal from 'containers/Modals/Modal';\nimport Moment from 'moment';\nimport React, { Component } from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport swal from 'sweetalert2';\nimport { Collapsible, Person } from 'UI';\nimport { Search } from 'UI/Inputs';\nimport { Icon, Button } from '@haldor/ui';\nimport LoadingCards from 'components/Cards/LoadingCard';\nimport User from '_class/User';\nimport '../Conversation.scss';\nimport SelectRecipientForm from '../Form/SelectRecipient';\nimport { getConversationParticipants } from '../Helpers';\nimport { setPageTitle, setPageActions } from 'actions/header';\nimport NotificationOptionForm from 'containers/Forms/NotificationOptionForm';\n\n\nclass ConversationsPage extends Component {\n\n\t/* Class setup */\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tmodal: false,\n\t\t\tsearching: false,\n\t\t\tsearchView: false,\n\t\t\tloading: false,\n\t\t\tloadingArchievedConversation: false,\n\t\t\toptionsModalVisible: false,\n\t\t\tuser: new User(this.props.user)\n\t\t};\n\t}\n\n\t/* Lifecycle events */\n\tUNSAFE_componentWillMount = async () => {\n\t\tthis.setState({ loading: true })\n\t\tthis.props.getConversations().then(() => {\n\t\t\tthis.setState({ loading: false })\n\t\t});\n\n\t\tthis.props.setPageTitle(this.props.translate('messages'));\n\n\t\tlet headerButtons = [];\n\n\t\tif (this.state.user.isMentor() || this.state.user.isTeacher() || this.state.user.isStudent()) {\n\t\t\theaderButtons.push({\n\t\t\t\tvalue: this.props.translate('Write new'),\n\t\t\t\tonClick: this.toggleModal,\n\t\t\t\ttype: 'button',\n\t\t\t\ticon: 'plus',\n\t\t\t});\n\t\t}\n\n\t\tif (this.state.user.isMentor() || this.state.user.isTeacher()) {\n\t\t\tawait this.props.getUserNotificationSettings();\n\n\t\t\tif (this.props.userNotificationSettings != null && this.props.userNotificationSettings.length > 0) {\n\t\t\t\theaderButtons.push({\n\t\t\t\t\tvalue: this.props.translate('Options'),\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tonClick: this.toggleOptionModal,\n\t\t\t\t\ticon: 'cog_bw',\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tif (this.props.mySections == null){\n\t\t\tawait this.props.getMySections();\n\t\t}\n\n\t\tthis.props.setPageActions(headerButtons);\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.clearSearch();\n\t}\n\n\ttoggleOptionModal = () => {\n\t\tthis.setState({ optionsModalVisible: !this.state.optionsModalVisible });\n\t}\n\n\n\tcloseOptionsModal = () => {\n\t\tthis.setState({ optionsModalVisible: false });\n\t}\n\n\t/* Events */\n\ttoggleModal = () => {\n\t\tthis.setState({ modal: !this.state.modal });\n\t}\n\n\tonSelectRecipients = (values) => {\n\t\treturn new Promise(() => {\n\t\t\t// Create conversation API request hereee\n\t\t\tlet conversation = {\n\t\t\t\ttitle: '',\n\t\t\t\tstatus: 'ACTIVE',\n\t\t\t\tmemberships: values.memberships,\n\t\t\t\tmessages: [],\n\t\t\t\trelationships: values.relationships,\n\t\t\t\tid: 'new',\n\t\t\t};\n\n\t\t\tthis.props.stageConversation(conversation)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setState({ modal: false });\n\t\t\t\t\tthis.props.history.push(`/conversations/new`);\n\t\t\t\t});\n\t\t});\n\t}\n\n\tonSearch = (query) => {\n\t\tif (query.query.length == 0) {\n\t\t\tthis.props.clearSearch();\n\t\t\tthis.setState({ searchView: false });\n\t\t\tthis.props.setPageTitle(this.props.translate('conversations'));\n\t\t\treturn;\n\t\t}\n\n\t\tif (query.query.length < 2) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setState({ searching: true, searchView: true });\n\t\tthis.props.searchConversation(query.query).then(() => {\n\t\t\tthis.props.setPageTitle(this.props.translate('search-result'));\n\t\t\tthis.setState({ searching: false });\n\t\t});\n\t}\n\n\tarchiveConversation = (event, conversation) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\n\t\tif (conversation == null) {\n\t\t\treturn;\n\t\t}\n\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('conversation-archive-message'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('Cancel'),\n\t\t\tconfirmButtonText: this.props.translate('Remove'),\n\t\t}).then(response => {\n\t\t\tif (response.value != null) {\n\t\t\t\tthis.props.archiveConversation(conversation);\n\t\t\t\tif (this.props.results != null && this.props.results.length > 0){\n\t\t\t\t\tthis.props.updateSearchedConversations(this.props.results)\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\t\n\t}\n\n\t/* Render methods */\n\trenderConversation = (conversation, index) => {\n\t\tconst participants = getConversationParticipants(conversation, this.props.user);\n\t\tconst user = new User(this.props.user);\n\t\tlet message = null;\n\t\tlet timeOfLastMessage = null;\n\t\tif (conversation.messages.length > 0 && conversation.messages[conversation.messages.length - 1] != null) {\n\t\t\tlet lastMessage = conversation.messages[conversation.messages.length - 1];\n\t\t\ttimeOfLastMessage = lastMessage.created;\n\t\t\tif (lastMessage.flagID != null) {\n\t\t\t\tmessage = \n\t\t\t\t\t{this.props.translate('Message is reported as inappropriate.')}\n\t\t\t\t\n\t\t\t} else {\n\t\t\t\tmessage = lastMessage.text.replace(/(<([^>]+)>)/ig, '');\n\t\t\t\tif (message.length > 155) {\n\t\t\t\t\tmessage = message.substring(0, 155) + '...';\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tlet canEdit = false;\n\n\t\tif (this.props.mySections != null && this.props.mySections.length > 0 && !user.isStudent()){\n\t\t\tconst foundSection = participants.find(p=> p.membershipType == 'SECTION_OWNERS');\n\t\t\tif (foundSection != null)\n\t\t\t{\n\t\t\t\tconst isUserOwnerOfSection = this.props.mySections.filter(q => q.Id == foundSection.Id).length > 0;\n\t\t\t\tcanEdit = isUserOwnerOfSection;\n\t\t\t}\n\t\t\telse {\t\n\t\t\t\tconst findUserAsParticipant = conversation.memberships.find(m => m.membershipID == user.getUserId());\n\t\t\t\tif (findUserAsParticipant != null){\n\t\t\t\t\tconst userPermission = findUserAsParticipant.permission.toUpperCase() == 'O';\n\t\t\t\t\tcanEdit = userPermission;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn \n\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t{participants.map((participant, index) => {\n\t\t\t\t\t\t\n\t\t\t\t\t\tif (participant != null) {\n\t\t\t\t\t\t\tif (participant.membershipType == 'SECTION_OWNERS') {\n\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (participant.membershipType == 'GUARDIAN') {\n\t\t\t\t\t\t\t\tif (participant?.userId === undefined) {\n\t\t\t\t\t\t\t\t\tparticipant.lastName = ' (' + this.props.translate('inactive') + ' ' + this.props.translate('guardian') + ')';\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tparticipant.lastName = (participant.lastName != null ? participant.lastName : '') + ' (' + this.props.translate('Guardian') + ')';\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn \n\n\t\t\t\t\t\t}\n\t\t\t\t\t})}\n\t\t\t\t
\n\n\t\t\t\t{conversation.status.toUpperCase() == 'ACTIVE' && !user.isStudent() && canEdit ?\n\t\t\t\t\t\n\t\t\t\t\t\t this.archiveConversation(e, conversation)}>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t
\n\t\t\n\t}\n\n\tasync toggleOpen() {\n\t\tif (this.props.archived == null) {\n\t\t\tthis.setState({ loadingArchievedConversation: true });\n\t\t\tawait this.props.getArchivedConversations();\n\t\t\tthis.setState({ loadingArchievedConversation: false });\n\t\t}\n\t}\n\n\trender() {\n\t\tif (!this.props.services.conversations) {\n\t\t\treturn \n\t\t\t\t\t{conversation.unreadMessages > 0 ?\n\t\t\t\t\t\t{conversation.unreadMessages}\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{message != null ?\n\t\t\t\t\t\tmessage\n\t\t\t\t\t\t: null}\n\t\t\t\t
\n\t\t\t\t{timeOfLastMessage != null ?\n\t\t\t\t\t{Moment.utc(timeOfLastMessage).local().format('yyyy-MM-DD HH:mm')}
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuser: state.user.currentUser,\n\t\tmySections: state.user.mySections,\n\t\tconversations: state.Conversation.conversations,\n\t\tarchived: state.Conversation.archived,\n\t\tresults: state.Conversation.searchResults,\n\t\tservices: state.Services.availableServices,\n\t\tuserNotificationSettings: state.user.userNotificationSettings\n\t}\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tgetConversations,\n\tstageConversation,\n\tsearchConversation,\n\tclearSearch,\n\tarchiveConversation,\n\tgetArchivedConversations,\n\tupdateSearchedConversations,\n\tsetPageTitle,\n\tsetPageActions,\n\tgetMySections,\n\tgetUserNotificationSettings\n})(ConversationsPage));","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport DateTime from '_class/DateTime';\n\n\nclass Date extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t}\n\n\tcapitalizeFirstLetter(string) {\n\t\treturn string.charAt(0).toUpperCase() + string.slice(1);\n\t}\n\n\tformatDate() {\n\t\tlet dateTime = new DateTime(this.props.children);\n\n\t\treturn this.capitalizeFirstLetter(dateTime.getLongDate());\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\n\t};\n}\n\nexport default connect(mapStateToProps)(Date);\n","import { deleteFlaggedMessage, getFlaggedMessages, updateFlaggedMessage } from 'actions/conversation_admin';\nimport Date from 'components/Presentation/Date/Date';\nimport Moment from 'moment';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Spinner } from 'UI';\nimport { Button } from '@haldor/ui';\nimport Block, { BlockWrapper } from 'UI/Elements/Block';\nimport { setPageTitle } from 'actions/header';\n\nclass FlaggedConversations extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tloading: true\n\t\t};\n\t}\n\n\tUNSAFE_componentWillMount = () => {\n\t\tthis.props.setPageTitle(this.props.translate('nav_flagged-messages'));\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.getData();\n\t}\n\n\tgetData() {\n\t\tthis.setState({ loading: true });\n\t\tthis.props.getFlaggedMessages().then(() => {\n\t\t\tthis.setState({ loading: false });\n\t\t})\n\t}\n\n\tsoftDeleteMessage(flag) {\n\t\tthis.props.deleteFlaggedMessage(flag.id).then(() => {\n\t\t\tthis.getData();\n\t\t});\n\t}\n\n\tremoveFlag(flag) {\n\t\tflag.status = 'CLOSED'\n\t\tthis.props.updateFlaggedMessage(flag).then(() => {\n\t\t\tthis.getData();\n\t\t});\n\t}\n\n\theaderContent(flag) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t{this.state.loading ?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t this.toggleOpen()} trigger={this.props.translate('Removed')}>\n\t\t\t\t\t\t\t\t\t{this.state.loadingArchievedConversation ? \n\t\t\t\t\t\t\t
\n\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{archived.map((conversation, index) => {\n\t\t\t\t\t\t\t\t\t\t\treturn this.renderConversation(conversation, index);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t
: null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t)\n\t}\n\n\tcontent(flag) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{this.props.translate('reported-by')}: {flag.reporter.firstName + \" \" + flag.reporter.lastName}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t{Moment(flag.created)} \n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t)\n\t}\n\n\tfooterContent(flag) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t{this.props.translate('reason')}
\n\t\t\t\t\t{flag.reason}
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('written-by')}: {flag.reporter.firstName + \" \" + flag.reporter.lastName}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t{this.props.translate('message')}
\n\n\t\t\t\t\t{flag.message.text}
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('written-by')}: {flag.sender.firstName + \" \" + flag.sender.lastName}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t
\n\t\t)\n\t}\n\n\trender() {\n\t\tif (this.state.loading) {\n\t\t\treturn \n\t\t\t\t\n\t\t\t\t\t{flagged.map((flag) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t \n\n\t\t\t\t{this.props.flagged.length == 0 ?\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tflagged: state.ConversationAdmin.flagged,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetFlaggedMessages,\n\tupdateFlaggedMessage,\n\tdeleteFlaggedMessage,\n\tsetPageTitle,\n})(FlaggedConversations);\n\n","import React, { Component } from 'react';\nimport Card, { CardFooter, CardTitle } from '../../Cards/Card';\n\nexport default class Course extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tcolor: this.props.course.hasOwnProperty('colorCode') ? this.props.course.colorCode : '',\n\t\t};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t{this.props.translate('no-flagged-messages-found')}
\n\t\t\t\t\t: null}\n\t\t\t this.onContentRowDelete( contentRow ) } className=\"remove-button-container\">\n\t\t\t
\n\t*/\n\n\trender() {\n\t\tconst { coreContents } = this.state;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{coreContents.map(contentRow => {\n\t\t\t\t\treturn
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps)(CustomCoreContent);\n","export const newGuid = () => `${Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1)}-${Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1)}`","import React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport { Close } from \"UI/Icons\";\nimport { FlexibleTextArea } from \"UI/Inputs\";\n\nclass MatrixGradeStep extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\ttext: props.blockStep.text\n\t\t};\n\t}\n\tonStepChange(text) {\n\t\tthis.setState({ text }, () => {\n\t\t\tthis.props.onStepUpdate({\n\t\t\t\tid: this.props.blockStep.id,\n\t\t\t\tkeyId: this.props.blockStep.keyId,\n\t\t\t\ttext: this.state.text\n\t\t\t});\n\t\t});\n\t}\n\tonStepDelete() {\n\t\tthis.props.onStepDelete({ id: this.props.blockStep.id });\n\t}\n\trender() {\n\t\tif (this.props.blockStep.gradeF == null) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t})}\n\t\t\t\n\t\t\t\t\t\t\t{contentRow.aspects.map((aspect, index) => {\n\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('core-section')} {index + 1}\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tconst { value } = event.target;\n\t\t\t\t\t\t\t\t\t\t\tthis.onAspectTitleChange(value, aspect, contentRow)\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t this.onAspectDelete(aspect, contentRow)} className=\"remove-button-container\">\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('content')}\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t{aspect.aspectRows.map(aspectRow => {\n\t\t\t\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst { value } = event.target;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.onAspectRowTextChange(value, aspectRow, aspect, contentRow);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.onAspectRowDelete(aspectRow, aspect, contentRow);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"tooltip\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-tooltip={this.props.translate('remove-content')}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"aspects-remove\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\tthis.addAspectRow(aspect, contentRow);\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t+ {this.props.translate('add-content')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tthis.addAspect(contentRow);\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t+ {this.props.translate('add-core-section')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{this.props.translate(\"delete-block\")}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tthis.onChangeBlockTitle(event.target.value)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.state.cells.map(blockStep => {\n\t\t\t\t\t\t\tvar key = blockStep.keyId\n\t\t\t\t\t\t\t\t? blockStep.keyId\n\t\t\t\t\t\t\t\t: blockStep.id;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate(\"add-step\")}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations)\n\t};\n}\n\nexport default connect(mapStateToProps, {})(MatrixBlock);\n","import { newGuid } from \"helpers/guid\";\nimport React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport { Minus } from \"UI/Icons\";\nimport { FlexibleTextArea } from \"UI/Inputs\";\nimport MatrixBlock from \"./MatrixBlock\";\n\nclass MatrixParagraph extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tid: props.paragraph.id != null ? props.paragraph.id : newGuid(),\n\t\t\ttitle: props.paragraph.title != null ? props.paragraph.title : \"\",\n\t\t\tsubtitle:\n\t\t\t\tprops.paragraph.subtitle != null\n\t\t\t\t\t? props.paragraph.subtitle\n\t\t\t\t\t: \"\",\n\t\t\tparagraphNr: props.paragraph.paragraphNr,\n\t\t\trows: props.paragraph.rows != null ? props.paragraph.rows : [],\n\t\t};\n\t\tthis.disableNotAchieved = props.disableNotAchieved;\n\t\tthis.hasTitle =\n\t\t\tprops.paragraph.title != null && props.paragraph.title != \"\";\n\t\tthis.hasSubtitle =\n\t\t\tprops.paragraph.subtitle != null && props.paragraph.subtitle != \"\";\n\t}\n\tcomponentDidMount = () => {\n\t\tif (!this.disableNotAchieved) {\n\t\t\tlet rows = this.state.rows;\n\t\t\trows.forEach((row) => {\n\t\t\t\tconst searchNotAchieved = row.cells.find((co) => {\n\t\t\t\t\treturn co.gradeF == true;\n\t\t\t\t});\n\n\t\t\t\tif (searchNotAchieved == null) {\n\t\t\t\t\tvar id = newGuid();\n\t\t\t\t\tvar stepId = newGuid();\n\t\t\t\t\tvar gradeF = {\n\t\t\t\t\t\tid: stepId,\n\t\t\t\t\t\ttext: this.props.translate(\"not-achieved\"),\n\t\t\t\t\t\tgradeF: true,\n\t\t\t\t\t};\n\n\t\t\t\t\trow.cells.unshift(gradeF);\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.setState(rows),\n\t\t\t\t() => {\n\t\t\t\t\tthis.sendToForm();\n\t\t\t\t};\n\t\t}\n\t};\n\tonBlockAdd = (event) => {\n\t\tif (event != null) {\n\t\t\tevent.preventDefault();\n\t\t}\n\t\tthis.props.onParagraphBlockAdd({\n\t\t\tid: this.props.paragraph.id,\n\t\t\ttitle: this.state.title,\n\t\t\tsubtitle: this.state.subtitle,\n\t\t\tparagraphNr: this.state.paragraphNr,\n\t\t\trows: this.state.rows,\n\t\t});\n\t};\n\tonBlockUpdate = (block) => {\n\t\tlet rows = this.state.rows;\n\t\tlet matrixBlock = rows.find((t) => t.id == block.id);\n\t\tmatrixBlock.text = block.text;\n\t\tmatrixBlock.cells = block.cells;\n\t\tthis.setState({ rows }, () => {\n\t\t\tthis.sendToForm();\n\t\t});\n\t};\n\tonBlockDelete = (block) => {\n\t\tif (event != null) {\n\t\t\tevent.preventDefault();\n\t\t}\n\t\tlet rows = this.state.rows;\n\t\trows = rows.filter((t) => t.id != block.id);\n\n\t\tlet isEmpty = true;\n\t\tlet rowIndex = 0;\n\t\trows.forEach((Row) => {\n\t\t\tisEmpty = false;\n\t\t\trowIndex = rowIndex + 1;\n\t\t\tRow.sentenceNr = rowIndex;\n\t\t\treturn Row;\n\t\t});\n\t\tthis.setState({ rows }, () => {\n\t\t\tthis.sendToForm();\n\t\t});\n\t};\n\tonParagraphTitleAdd = (event) => {\n\t\tif (event != null) {\n\t\t\tevent.preventDefault();\n\t\t}\n\t\tthis.hasTitle = true;\n\t\tthis.setState({});\n\t};\n\tonParagraphSubTitleAdd = (event) => {\n\t\tif (event != null) {\n\t\t\tevent.preventDefault();\n\t\t}\n\t\tthis.hasSubtitle = true;\n\t\tthis.setState({});\n\t};\n\tonParagraphTitleChange = (text) => {\n\t\tlet title = text;\n\t\tthis.setState({ title }, () => {\n\t\t\tthis.sendToForm();\n\t\t});\n\t};\n\tonParagraphSubTitleChange = (text) => {\n\t\tlet subtitle = text;\n\t\tthis.setState({ subtitle }, () => {\n\t\t\tthis.sendToForm();\n\t\t});\n\t};\n\tonParagraphDelete = (event) => {\n\t\tthis.props.onParagraphDelete({\n\t\t\tid: this.props.paragraph.id,\n\t\t\ttitle: this.state.title,\n\t\t\tsubtitle: this.state.subtitle,\n\t\t\tparagraphNr: this.state.paragraphNr,\n\t\t\trows: this.state.rows,\n\t\t});\n\t};\n\tsendToForm = () => {\n\t\tthis.props.onParagraphUpdate({\n\t\t\tid: this.props.paragraph.id,\n\t\t\ttitle: this.state.title,\n\t\t\tsubtitle: this.state.subtitle,\n\t\t\tparagraphNr: this.state.paragraphNr,\n\t\t\trows: this.state.rows,\n\t\t});\n\t};\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tthis.onParagraphTitleChange(\n\t\t\t\t\t\t\t\t\t\tevent.target.value\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t) : (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t this.onParagraphTitleAdd(e)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t+ Lägg till {this.props.translate(\"heading\")}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t{this.hasSubtitle ? (\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tthis.onParagraphSubTitleChange(\n\t\t\t\t\t\t\t\t\t\tevent.target.value\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t) : (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t this.onParagraphSubTitleAdd(e)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t+ Lägg till {this.props.translate(\"subtitle\")}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t{this.state.rows.map((block, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tBlock {i + 1}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t this.onBlockAdd(event)}\n\t\t\t\t\t>\n\t\t\t\t\t\t+ {this.props.translate(\"add-block\")}\n\t\t\t\t\t
\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps, {})(MatrixParagraph);\n","import { addMatrix } from \"actions/matrix\";\nimport { ASSESSMENT_MATRIX } from \"constants/matrixTypes\";\nimport { allEntriesEqual } from \"helpers/array\";\nimport { newGuid } from \"helpers/guid\";\nimport React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport { Checkbox } from '@haldor/ui';\nimport MatrixParagraph from \"./MatrixParagraph\";\nimport { FlexibleTextArea } from \"UI/Inputs\";\nimport swal from \"sweetalert2\";\n\n/* Component for creating Matrixes **/\n\nclass MatrixForm extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tif (props.matrix == null) {\n\t\t\tthis.state = {\n\t\t\t\tid: newGuid(),\n\t\t\t\ttitle: \"\",\n\t\t\t\ttype: props.type,\n\t\t\t\tdisableNotAchieved: false,\n\t\t\t\tstepSize: 0\n\t\t\t};\n\t\t} else {\n\t\t\tthis.state = {\n\t\t\t\tid: props.matrix.id,\n\t\t\t\ttitle: props.matrix.title,\n\t\t\t\ttype: props.type,\n\t\t\t\tdisableNotAchieved: props.matrix.disableNotAchieved,\n\t\t\t\t_ParagraphSet: props.matrix._ParagraphSet,\n\t\t\t\tstepSize: 0\n\t\t\t};\n\t\t}\n\t\tif (this.state._ParagraphSet == null) {\n\t\t\tthis.state._ParagraphSet = [\n\t\t\t\t{\n\t\t\t\t\tid: newGuid(),\n\t\t\t\t\ttitle: \"\",\n\t\t\t\t\tsubtitle: \"\",\n\t\t\t\t\tparagraphNr: 1,\n\t\t\t\t\trows: []\n\t\t\t\t}\n\t\t\t];\n\t\t}\n\t\tthis.editing = props.editView;\n\t\tthis.disableNotAchievedToggle = false;\n\t}\n\n\tonLevelChange = event => {\n\t\tlet stepSize = parseInt(event.target.value, 10);\n\t\tlet _ParagraphSet = this.state._ParagraphSet;\n\t\tif (stepSize > 0) {\n\t\t\tif (stepSize > this.state.stepSize) {\n\t\t\t\t_ParagraphSet.map((paragraph, i) => {\n\t\t\t\t\tlet rows = paragraph.rows;\n\t\t\t\t\trows.map((row, i) => {\n\t\t\t\t\t\tlet neededSteps =\n\t\t\t\t\t\t\tparseInt(stepSize, 10) - (row.cells.length - 1);\n\t\t\t\t\t\tfor (let i = 0; neededSteps > i; i++) {\n\t\t\t\t\t\t\trow.cells.push({\n\t\t\t\t\t\t\t\tid: newGuid(),\n\t\t\t\t\t\t\t\tkeyId: newGuid(),\n\t\t\t\t\t\t\t\ttext: \"\"\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn row;\n\t\t\t\t\t});\n\t\t\t\t\tparagraph.rows = rows;\n\t\t\t\t\treturn paragraph;\n\t\t\t\t});\n\t\t\t\tthis.setState({ stepSize, _ParagraphSet }, () => {\n\t\t\t\t\tthis.props.onMatrixFormUpdate(this.state);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tlet filledCell = null;\n\t\t\t\t_ParagraphSet.map((paragraph, i) => {\n\t\t\t\t\tlet rows = paragraph.rows;\n\t\t\t\t\trows.map((block, i) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tblock.cells != null &&\n\t\t\t\t\t\t\tblock.cells.length > stepSize &&\n\t\t\t\t\t\t\tfilledCell == null\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tlet desiredSteps = stepSize;\n\t\t\t\t\t\t\tif (block.cells[0].gradeF) {\n\t\t\t\t\t\t\t\tdesiredSteps++;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tfor (\n\t\t\t\t\t\t\t\ti = desiredSteps;\n\t\t\t\t\t\t\t\ti < block.cells.length;\n\t\t\t\t\t\t\t\ti++\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tif (block.cells[i].text != \"\") {\n\t\t\t\t\t\t\t\t\tfilledCell = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t\t// Cells has been edited, show prompt\n\t\t\t\tif (filledCell != null) {\n\t\t\t\t\tswal.fire({\n\t\t\t\t\t\ttitle: this.props.translate(\"warning\"),\n\t\t\t\t\t\ttext: this.props.translate(\n\t\t\t\t\t\t\t\"your-step-will-be-overwritten\"\n\t\t\t\t\t\t),\n\t\t\t\t\t\tshowCancelButton: true,\n\t\t\t\t\t\tcancelButtonText: this.props.translate(\"abort\"),\n\t\t\t\t\t\tconfirmButtonText: this.props.translate(\"proceed\"),\n\t\t\t\t\t\tfocusConfirm: false\n\t\t\t\t\t}).then(result => {\n\t\t\t\t\t\tif (result.value != null) {\n\t\t\t\t\t\t\t_ParagraphSet.map((paragraph, i) => {\n\t\t\t\t\t\t\t\tlet rows = paragraph.rows;\n\t\t\t\t\t\t\t\trows.map((block, i) => {\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\tblock.cells != null &&\n\t\t\t\t\t\t\t\t\t\tblock.cells.length > stepSize\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\tlet desiredSteps = stepSize;\n\t\t\t\t\t\t\t\t\t\tif (block.cells[0].gradeF) {\n\t\t\t\t\t\t\t\t\t\t\tdesiredSteps++;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tif (block.cells.length < desiredSteps) {\n\t\t\t\t\t\t\t\t\t\t\tblock.cellscells.push({\n\t\t\t\t\t\t\t\t\t\t\t\tid: newGuid(),\n\t\t\t\t\t\t\t\t\t\t\t\tkeyId: newGuid(),\n\t\t\t\t\t\t\t\t\t\t\t\ttext: \"\"\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tblock.cells.length = desiredSteps;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tthis.setState({ stepSize, _ParagraphSet }, () => {\n\t\t\t\t\t\t\t\tthis.props.onMatrixFormUpdate(this.state);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\t_ParagraphSet.map((paragraph, i) => {\n\t\t\t\t\t\tlet rows = paragraph.rows;\n\t\t\t\t\t\trows.map((block, i) => {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tblock.cells != null &&\n\t\t\t\t\t\t\t\tblock.cells.length > stepSize\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tlet desiredSteps = stepSize;\n\t\t\t\t\t\t\t\tif (block.cells[0].gradeF) {\n\t\t\t\t\t\t\t\t\tdesiredSteps++;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif (block.cells.length < desiredSteps) {\n\t\t\t\t\t\t\t\t\tblock.cellscells.push({\n\t\t\t\t\t\t\t\t\t\tid: newGuid(),\n\t\t\t\t\t\t\t\t\t\tkeyId: newGuid(),\n\t\t\t\t\t\t\t\t\t\ttext: \"\"\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tblock.cells.length = desiredSteps;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t\tthis.setState({ stepSize, _ParagraphSet }, () => {\n\t\t\t\t\t\tthis.props.onMatrixFormUpdate(this.state);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tonMatrixTitleChange = (text) => {\n\t\tlet title = text;\n\t\tthis.setState({ title }, () => {\n\t\t\tthis.props.onMatrixFormUpdate(this.state);\n\t\t});\n\t};\n\n\ttoggleDisableNotAchieved = checked => {\n\t\tlet disableNotAchieved = this.state.disableNotAchieved;\n\t\tdisableNotAchieved = !checked;\n\t\tlet _ParagraphSet = this.state._ParagraphSet;\n\t\t_ParagraphSet.map((paragraph, i) => {\n\t\t\tlet rows = paragraph.rows;\n\t\t\tif (!checked) {\n\t\t\t\tif (rows.length > 0) {\n\t\t\t\t\trows.map(row => {\n\t\t\t\t\t\tlet fIndex = row.cells.findIndex(function (cell) {\n\t\t\t\t\t\t\treturn cell.gradeF == true;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (fIndex > -1) {\n\t\t\t\t\t\t\trow.cells.splice(fIndex, 1);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn row;\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (rows.length > 0) {\n\t\t\t\t\tvar gradeF = {\n\t\t\t\t\t\tid: newGuid(),\n\t\t\t\t\t\ttext: this.props.translate(\"not-achieved\"),\n\t\t\t\t\t\tgradeF: true\n\t\t\t\t\t};\n\n\t\t\t\t\trows.map(row => {\n\t\t\t\t\t\trow.cells.unshift(gradeF);\n\n\t\t\t\t\t\treturn row;\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\t_ParagraphSet[i].rows = rows;\n\t\t});\n\n\t\tthis.setState({ disableNotAchieved, _ParagraphSet }, () => {\n\t\t\tthis.props.onMatrixFormUpdate(this.state);\n\t\t});\n\t};\n\n\tonParagraphAdd = event => {\n\t\tevent.preventDefault();\n\t\tlet _ParagraphSet = this.state._ParagraphSet;\n\t\tlet paragraphNr = _ParagraphSet.length;\n\t\tlet row = {\n\t\t\tid: newGuid(),\n\t\t\tsentenceNr: 1,\n\t\t\tcells: []\n\t\t};\n\t\tif (!this.state.disableNotAchieved) {\n\t\t\trow.cells.push({\n\t\t\t\tid: newGuid(),\n\t\t\t\ttext: this.props.translate(\"not-achieved\"),\n\t\t\t\tgradeF: true\n\t\t\t});\n\t\t}\n\t\tif (this.state.stepSize > 0) {\n\t\t\tfor (let i = 0; this.state.stepSize > i; i++) {\n\t\t\t\trow.cells.push({\n\t\t\t\t\tid: newGuid(),\n\t\t\t\t\tkeyId: newGuid(),\n\t\t\t\t\ttext: \"\"\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t\tparagraphNr++;\n\t\t_ParagraphSet.push({\n\t\t\tid: newGuid(),\n\t\t\ttitle: \"\",\n\t\t\tsubtitle: \"\",\n\t\t\tparagraphNr: paragraphNr,\n\t\t\trows: [row]\n\t\t});\n\t\tthis.setState({ _ParagraphSet }, () => {\n\t\t\tthis.props.onMatrixFormUpdate(this.state);\n\t\t});\n\t};\n\n\tonParagraphUpdate = Paragraph => {\n\t\tlet _ParagraphSet = this.state._ParagraphSet;\n\t\tlet paragraph = _ParagraphSet.find(p => p.id == Paragraph.id);\n\t\tparagraph.title = Paragraph.title;\n\t\tparagraph.subtitle = Paragraph.subtitle;\n\t\tparagraph.rows = Paragraph.rows;\n\t\tparagraph.paragraphNr = Paragraph.paragraphNr;\n\t\tthis.setState({ paragraph }, () => {\n\t\t\tthis.props.onMatrixFormUpdate(this.state);\n\t\t});\n\t};\n\n\tonParagraphDelete = Paragraph => {\n\t\tlet _ParagraphSet = this.state._ParagraphSet;\n\t\t_ParagraphSet = _ParagraphSet.filter(p => p.id != Paragraph.id);\n\t\tlet paragraphIndex = 0;\n\t\t_ParagraphSet.forEach(paragraph => {\n\t\t\tparagraphIndex = paragraphIndex + 1;\n\t\t\tparagraph.paragraphNr = paragraphIndex;\n\t\t\treturn paragraph;\n\t\t});\n\t\tthis.setState({ _ParagraphSet }, () => {\n\t\t\tthis.props.onMatrixFormUpdate(this.state);\n\t\t});\n\t};\n\n\tonParagraphBlockAdd = Paragraph => {\n\t\tlet _ParagraphSet = this.state._ParagraphSet;\n\t\tlet paragraph = _ParagraphSet.find(p => p.id == Paragraph.id);\n\t\tparagraph.title = Paragraph.title;\n\t\tparagraph.subtitle = Paragraph.subtitle;\n\t\tparagraph.paragraphNr = Paragraph.paragraphNr;\n\t\tlet rows = paragraph.rows;\n\t\tlet cells = [];\n\t\tlet id = newGuid();\n\t\tif (!this.state.disableNotAchieved) {\n\t\t\tcells.push({\n\t\t\t\tid: newGuid(),\n\t\t\t\ttext: this.props.translate(\"not-achieved\"),\n\t\t\t\tgradeF: true\n\t\t\t});\n\t\t}\n\n\t\tfor (let i = 0; this.state.stepSize > i; i++) {\n\t\t\t// Add empty step to the cells array\n\t\t\tcells.push({\n\t\t\t\tid: newGuid(),\n\t\t\t\tkeyId: newGuid(),\n\t\t\t\ttext: \"\"\n\t\t\t});\n\t\t}\n\n\t\tlet sentenceNr = 0;\n\t\tif (rows.length > 0) {\n\t\t\tsentenceNr = Math.max.apply(\n\t\t\t\tMath,\n\t\t\t\trows.map(function (o) {\n\t\t\t\t\treturn parseInt(o.sentenceNr, 10);\n\t\t\t\t})\n\t\t\t);\n\t\t}\n\t\tsentenceNr++;\n\t\trows.push({ id, text: \"\", cells, sentenceNr });\n\t\tparagraph.rows = rows;\n\n\t\tthis.setState({ paragraph }, () => {\n\t\t\tthis.props.onMatrixFormUpdate(this.state);\n\t\t});\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t{!this.editing || this.disableNotAchievedToggle ? (\n\t\t\t\t\t
\n\t\t\t\t) :\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{!this.disableNotAchievedToggle ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tthis.onMatrixTitleChange(\n\t\t\t\t\t\t\t\t\t\tevent.target.value\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\n\t\t\t\t\n\n\t\t\t\t{this.state._ParagraphSet.map((paragraph, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations)\n\t};\n}\n\nexport default connect(mapStateToProps, { addMatrix })(MatrixForm);\n","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Form, Field } from 'react-final-form';\nimport api from 'lib/api';\nimport { debounce } from 'helpers/content';\n\nimport { getTenantSubjects, searchSubjects, createSubject } from 'actions/subjects';\nimport { addCourse, updateCourse, getCourseByCourseCode } from 'actions/courses';\nimport { getSectionByGraphId } from 'actions/sections';\nimport { getSchoolTypes } from 'actions/tenants'\n\nimport { ASSESSMENT_MATRIX } from 'constants/matrixTypes';\nimport { getRootUrl } from 'helpers/url';\n\nimport CustomCoreContent from 'containers/CoreContent/Custom';\nimport MatrixForm from 'containers/Matrix/Form/MatrixForm';\n\nimport Select from 'react-select/async';\nimport { Expandable, Spinner } from 'UI';\nimport { Editor } from 'UI/Inputs';\nimport { Icon, Button } from '@haldor/ui';\n\nlet lastValue = '';\nconst asyncValidate = async (courseCode, initialValues, meta) => {\n\treturn new Promise((resolve) => {\n\t\tif (courseCode != null && courseCode != '' && lastValue != courseCode) {\n\t\t\tapi.get(`courses/coursecode/${courseCode}`).then((payload) => {\n\t\t\t\tlastValue = courseCode;\n\t\t\t\tif (payload.data != null) {\n\t\t\t\t\tif (initialValues == null || initialValues.id != payload.data.id) {\n\t\t\t\t\t\tresolve('a-course-with-that-coursecode-already-exists');\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tresolve(undefined);\n\t\t\t});\n\t\t} else {\n\t\t\t// Dont change field validation if nothing has changed\n\t\t\tresolve(meta.error);\n\t\t}\n\t});\n};\n\n/**\n * @param {object} values\n * @param {function} translate\n * @returns {object} errors\n */\nconst validate = (values, translate) => {\n\tlet errors = {};\n\n\tif (values.title == null || values.title == '') {\n\t\terrors.title = 'field-needs-input';\n\t}\n\n\tif (values.courseCode == null || values.courseCode == '') {\n\t\terrors.courseCode = 'field-needs-input';\n\t}\n\n\tlet purposeText = '';\n\tif (typeof values.purpose == 'string') {\n\t\tpurposeText = values.purpose.replace(/<(?:.|\\n)*?>/gm, '');\n\t}\n\n\tif (purposeText == '' || purposeText == null) {\n\t\terrors.purpose = translate('field-needs-input');\n\t}\n\n\treturn errors;\n};\n\nclass CourseForm extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet coreContent = null;\n\t\tlet matrix = null;\n\t\tlet selectedSubject = null;\n\t\tlet subjectTitle = null;\n\t\tlet subjectId = null;\n\t\tif (props.initialValues != null && props.initialValues.details != null) {\n\t\t\tif (props.initialValues.details.length > 0) {\n\t\t\t\tcoreContent = props.initialValues.details[0].coreContent;\n\t\t\t}\n\t\t\tif (props.initialValues.details[0]?.matrix != null) {\n\t\t\t\tmatrix = props.initialValues.details[0].matrix;\n\t\t\t}\n\n\t\t\tselectedSubject = {\n\t\t\t\tvalue: props.initialValues.subjectId,\n\t\t\t\tlabel: props.initialValues.subjectTitle,\n\t\t\t};\n\n\t\t\tsubjectTitle = props.initialValues.subjectTitle;\n\t\t\tsubjectId = props.initialValues.subjectId;\n\t\t}\n\n\t\tthis.state = {\n\t\t\tcourseCode: '',\n\t\t\tmatrix: matrix,\n\t\t\tcoreContent: coreContent,\n\t\t\tselectedSubject: selectedSubject,\n\t\t\tsubjectTitle: subjectTitle,\n\t\t\tsubjectCode: '',\n\t\t\tsubjectId: subjectId,\n\t\t\tsubjectError: null,\n\t\t\topen: false,\n\t\t};\n\n\t\tthis.onMatrixFormUpdate.bind(this);\n\t}\n\n\tsubmit = (values) => {\n\t\treturn new Promise(async (resolve) => {\n\t\t\tconst { coreContent } = this.state;\n\t\t\tconst { currentUser, initialValues, translate } = this.props;\n\n\t\t\tvalues.typeOfSchooling = currentUser.schools.getActiveSchool(currentUser.userId).type;\n\n\t\t\tvar detail = {};\n\t\t\tdetail.purpose = values.purpose;\n\t\t\tdetail.matrix = this.state.matrix;\n\t\t\tdetail.coreContent = coreContent;\n\n\t\t\tif (values.details != null && values.details.length > 0) {\n\t\t\t\tdetail.id = values.details[0].id;\n\t\t\t}\n\n\t\t\tif (detail.matrix != null && detail.matrix._ParagraphSet != null) {\n\t\t\t\tdetail.matrix._ParagraphSet.forEach((paragraph) => {\n\t\t\t\t\tparagraph.rows.forEach((row) => {\n\t\t\t\t\t\tif (row.id != null && row.id.length != 36) {\n\t\t\t\t\t\t\trow.id = null;\n\t\t\t\t\t\t}\n\t\t\t\t\t\trow.cells = row.cells.filter((step) => {\n\t\t\t\t\t\t\treturn step.gradeF == null;\n\t\t\t\t\t\t});\n\t\t\t\t\t\trow.cells.forEach((cell) => {\n\t\t\t\t\t\t\tif (cell.id != null && cell.id.length != 36) {\n\t\t\t\t\t\t\t\tcell.id = null;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t\tif (paragraph.id != null && paragraph.id.length != 36) {\n\t\t\t\t\t\tparagraph.id = null;\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tdetail.matrix.paragraphSet = JSON.stringify(detail.matrix._ParagraphSet);\n\n\t\t\t\tvar matrix = {\n\t\t\t\t\tTitle: detail.matrix.title,\n\t\t\t\t\tDisableNotAchieved: detail.matrix.disableNotAchieved,\n\t\t\t\t\tType: detail.matrix.type,\n\t\t\t\t\tParagraphSet: detail.matrix.paragraphSet,\n\t\t\t\t};\n\n\t\t\t\tif (values.details != null && values.details.length > 0) {\n\t\t\t\t\tdetail.matrixId = values.details[0].matrixID;\n\t\t\t\t\tmatrix.id = values.details[0].matrixID;\n\t\t\t\t}\n\n\t\t\t\tif (detail.matrixId == null) {\n\t\t\t\t\tdetail.matrixId = 0;\n\t\t\t\t}\n\n\t\t\t\tif (matrix.id == null) {\n\t\t\t\t\tmatrix.id = 0;\n\t\t\t\t}\n\n\t\t\t\tdetail.matrix = matrix;\n\t\t\t}\n\n\t\t\tvalues.details = [detail];\n\n\t\t\tlet gotError = false;\n\n\t\t\tif (this.state.subjectId == 'new') {\n\t\t\t\t// Create new subject\n\t\t\t\tawait this.props\n\t\t\t\t\t.createSubject({\n\t\t\t\t\t\ttitle: this.state.subjectTitle,\n\t\t\t\t\t\tsubjectCode: this.state.subjectCode,\n\t\t\t\t\t\ttypeOfSchooling: this.state.subjectSchoolType,\n\t\t\t\t\t\tshortSubjectCode: this.state.subjectCode,\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tgotError = true;\n\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\tsubjectError: translate(\n\t\t\t\t\t\t\t\t'A subject with that subject code already exists on your tenant'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\n\t\t\t\tif (this.props.createdSubject != null) {\n\t\t\t\t\tvalues.subjectId = this.props.createdSubject.id;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tvalues.subjectId = this.state.subjectId;\n\t\t\t}\n\n\t\t\tif (gotError) {\n\t\t\t\tresolve(0);\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (this.props.editView == false) {\n\t\t\t\tthis.props.addCourse(values, (response) => {\n\n\t\t\t\t\t// If a group Id is sent to this component, add the curriculum to the group\n\t\t\t\t\tif (this.props.group != null) {\n\t\t\t\t\t\tlet group = this.props.group;\n\t\t\t\t\t\tgroup.courses.push({\n\t\t\t\t\t\t\tid: response.data\n\t\t\t\t\t\t})\n\t\t\t\t\t\t// Put is here since no action for this exists and I did not create one now either. Should be done!\n\t\t\t\t\t\tapi.put('sections', group).then(() => {\n\t\t\t\t\t\t\t// Get data again to get fresh data in store\n\t\t\t\t\t\t\tif (this.props.group.graphId != null) {\n\t\t\t\t\t\t\t\tthis.props.getSectionByGraphId(this.props.group.graphId, 'GRAPH_OBJECT;');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tresolve(response.data);\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\tthis.props.history.push(`${getRootUrl()}Course/${response.data}`);\n\t\t\t\t\tresolve(response.data);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tvalues.id = initialValues.id;\n\t\t\t\tthis.props.updateCourse(values, (data) => {\n\t\t\t\t\t// Get data again to get fresh data in store\n\t\t\t\t\tif (this.props.group != null && this.props.group.graphId != null) {\n\t\t\t\t\t\tthis.props.getSectionByGraphId(this.props.group.graphId, 'GRAPH_OBJECT;');\n\t\t\t\t\t}\n\t\t\t\t\tresolve(data);\n\t\t\t\t\tthis.props.onClose(true, true);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t};\n\n\tonSubjectSearch = (title, callback) => {\n\t\tif (title != '') {\n\t\t\tvar searchValue = title.trim();\n\t\t\tsearchValue = searchValue.replace(/[^A-Za-z0-9åäöÅÄÖ ]/g, '');\n\t\t\tsearchValue = encodeURIComponent(searchValue);\n\n\t\t\tif (searchValue != null && searchValue != '') {\n\t\t\t\tif (searchValue.length < 3) {\n\t\t\t\t\tcallback([]);\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tthis.props.searchSubjects(searchValue).then(() => {\n\t\t\t\t\tlet options = [];\n\t\t\t\t\tif (this.props.subjectsSearchResults != null) {\n\t\t\t\t\t\tthis.props.subjectsSearchResults.forEach((subject) => {\n\t\t\t\t\t\t\toptions.push({\n\t\t\t\t\t\t\t\tlabel:\n\t\t\t\t\t\t\t\t\tsubject.title +\n\t\t\t\t\t\t\t\t\t` - ${subject.subjectCode} (${this.props.translate(\n\t\t\t\t\t\t\t\t\t\tsubject.typeOfSchooling\n\t\t\t\t\t\t\t\t\t)})`,\n\t\t\t\t\t\t\t\tvalue: subject.id,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tcallback(options);\n\t\t\t\t});\n\n\t\t\t\treturn true;\n\t\t\t} else {\n\t\t\t\tcallback([]);\n\t\t\t}\n\t\t}\n\n\t\tcallback([]);\n\t};\n\n\tonSubjectChange = (option) => {\n\t\tif (option.value == 'new') {\n\t\t\tthis.setState({\n\t\t\t\tsubjectId: option.value,\n\t\t\t\tselectedSubject: option,\n\t\t\t\tsubjectTitle: '',\n\t\t\t\tsubjectCode: '',\n\t\t\t\tsubjectSchoolType: 'PRESCHOOL',\n\t\t\t\topen: true,\n\t\t\t});\n\t\t} else {\n\t\t\tlet subjects = [];\n\t\t\tif (this.props.subjectsSearchResults != null) {\n\t\t\t\tsubjects.push(...this.props.subjectsSearchResults);\n\t\t\t}\n\n\t\t\tif (this.props.tenantSubjects != null) {\n\t\t\t\tsubjects.push(...this.props.tenantSubjects);\n\t\t\t}\n\n\t\t\tlet subject = subjects.find((subject) => subject.id == option.value);\n\t\t\tif (subject != null) {\n\t\t\t\tthis.setState({\n\t\t\t\t\tsubjectId: option.value,\n\t\t\t\t\tsubjectTitle:\n\t\t\t\t\t\tsubject.title +\n\t\t\t\t\t\t` - ${subject.subjectCode} (${this.props.translate(subject.typeOfSchooling)})`,\n\t\t\t\t\tsubjectCode: subject.subjectCode,\n\t\t\t\t\tsubjectSchoolType: subject.typeOfSchooling,\n\t\t\t\t\tselectedSubject: option,\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t};\n\n\tonMatrixFormUpdate = (form) => {\n\t\tlet matrix = Object.assign({}, form);\n\t\tthis.setState({ matrix });\n\t};\n\n\tonCoreContentChange = (content) => {\n\t\tthis.setState({ coreContent: content });\n\t};\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.initialValues !== null) {\n\t\t\tif (this.props.initialValues.details[0].matrix != null) {\n\t\t\t\tvar matrix = JSON.parse(JSON.stringify(this.props.initialValues.details[0].matrix));\n\t\t\t\tthis.setState({ matrix });\n\t\t\t}\n\t\t}\n\t\tthis.props.getSchoolTypes();\n\t\tthis.props.getTenantSubjects(this.props.tenant.tenantId);\n\t};\n\n\trenderCoreContent = () => {\n\t\tconst { coreContent } = this.state;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t+ {this.props.translate(\"add-core-section\")}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t{pristine && validating ? (\n\t\t\t\t\t
\n\t\t);\n\t};\n\n\trender() {\n\t\tconst { initialValues, translate } = this.props;\n\t\tlet purpose = '';\n\n\t\tif (initialValues != null && initialValues.details.length > 0) {\n\t\t\tpurpose = initialValues != null ? initialValues.details[0].purpose : '';\n\t\t}\n\n\t\tlet subjectValid = this.state.selectedSubject != null;\n\t\tif (this.state.subjectId == 'new') {\n\t\t\tif (this.state.subjectCode == '' || this.state.subjectTitle == '') {\n\t\t\t\tsubjectValid = false;\n\t\t\t}\n\t\t}\n\n\t\tlet options = [];\n\t\tif (initialValues == null) {\n\t\t\toptions.push({\n\t\t\t\tlabel: this.props.translate('+ Create subject'),\n\t\t\t\tvalue: 'new',\n\t\t\t});\n\t\t}\n\n\t\tif (this.props.tenantSubjects != null) {\n\t\t\tthis.props.tenantSubjects.forEach((subject) => {\n\t\t\t\toptions.push({\n\t\t\t\t\tlabel:\n\t\t\t\t\t\tsubject.title +\n\t\t\t\t\t\t` - ${subject.subjectCode} (${this.props.translate(subject.typeOfSchooling)})`,\n\t\t\t\t\tvalue: subject.id,\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t) : null}\n\n\t\t\t\t{touched &&\n\t\t\t\t\t((error && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate(error)}\n\t\t\t\t\t\t\n\t\t\t\t\t)) ||\n\t\t\t\t\t\t(warning && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate(warning)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)))}\n\t\t\t\n\t\t\t\t true}\n\t\t\t\t\tonSubmit={this.submit}\n\t\t\t\t\tvalidate={(values) => validate(values, this.props.translate)}\n\t\t\t\t\trender={({ handleSubmit, submitting, valid }) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.renderCoreContent()}\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\tlet initialValues = null;\n\tif (state.Courses.course != null) {\n\t\tinitialValues = { ...state.Courses.course };\n\t\tinitialValues.purpose = state.Courses.course.details[0].purpose;\n\t}\n\n\treturn {\n\t\tinitialValues,\n\t\tcourseByCourseCode: state.Courses.courseByCourseCode,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\ttenant: state.user.tenant,\n\t\tsubjectsSearchResults: state.Subjects.search,\n\t\ttenantSubjects: state.Subjects.tenant,\n\t\tcreatedSubject: state.Subjects.created,\n\t\tgroup: state.sections.graphSection,\n\t\tschoolTypes: state.Tenant.schoolTypes,\n\t};\n}\n\nexport default withRouter(\n\tconnect(mapStateToProps, {\n\t\tgetSectionByGraphId,\n\t\taddCourse,\n\t\tupdateCourse,\n\t\tgetCourseByCourseCode,\n\t\tgetTenantSubjects,\n\t\tsearchSubjects,\n\t\tcreateSubject,\n\t\tgetSchoolTypes,\n\t})(CourseForm)\n);\n","import { getCourses } from 'actions/courses';\nimport { getSections } from 'actions/sections';\nimport { CardsContainer } from 'components/Cards/Card';\nimport Course from 'components/Presentation/Cards/Course';\nimport CourseForm from 'containers/Forms/CourseForm';\nimport Modal from 'containers/Modals/Modal';\nimport React, { Component } from 'react';\nimport { getRootUrl } from 'helpers/url';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport { setPageTitle, setPageActions } from 'actions/header';\nimport LoadingCards from 'components/Cards/LoadingCard';\nimport User from '_class/User';\n\nclass Courses extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tmodalIsOpen: false,\n\t\t\tisLoading: false,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillMount = () => {\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (!(user.isCourseAdministrator() || user.isAdministrator())) {\n\t\t\tthis.props.history.push(getRootUrl());\n\t\t}\n\n\t\tlet actions = [];\n\n\t\tthis.props.setPageTitle(this.props.translate('nav_courses'));\n\n\t\tactions.push({\n\t\t\ttype: 'button',\n\t\t\tvalue: this.props.translate('Create'),\n\t\t\tonClick: this.openModal,\n\t\t\ticon: 'plus',\n\t\t});\n\n\t\tthis.props.setPageActions(actions);\n\t}\n\n\tcomponentDidMount = () => {\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (user.isCourseAdministrator() || user.isAdministrator()) {\n\t\t\tthis.setState({ isLoading: true })\n\t\t\tthis.props.getCourses(\"CUSTOM_COURSE\").then(() => {\n\t\t\t\tthis.setState({ isLoading: false })\n\t\t\t});\n\t\t}\n\t}\n\n\topenModal = () => {\n\t\tthis.setState({ modalIsOpen: true });\n\t}\n\n\tcloseModal = (reload, skipPrompt) => {\n\t\tif (skipPrompt) {\n\t\t\tthis.setState({ modalIsOpen: false });\n\t\t} else {\n\t\t\tthis.setState({ modalIsOpen: false });\n\t\t}\n\t}\n\n\trender() {\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\tthis.props.onClose(false, false);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={submitting}\n\t\t\t\t\t\t\t\t\t\t\ttype='secondary'\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Cancel')}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t{this.state.isLoading ?\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.courses.map((course) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t \n\t\t\t\t}\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tcourses: state.Courses.courses,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tgetSections,\n\tgetCourses,\n\tsetPageTitle,\n\tsetPageActions,\n})(Courses));","import React from 'react';\nimport CoursesSection from 'containers/Overview/Sections/Courses';\n\nconst Courses = () => {\n\n\treturn (\n\t\t\n\t\t\t
\n\t);\n\n};\n\nexport default Courses;\n","import { getStandardCourses } from 'actions/courses';\nimport { getSections } from 'actions/sections';\nimport { CardsContainer } from 'components/Cards/Card';\nimport LoadingCards from 'components/Cards/LoadingCard';\nimport Course from 'components/Presentation/Cards/Course';\nimport SectionTitle from 'components/Presentation/SectionTitle';\nimport CourseForm from 'containers/Forms/CourseForm';\nimport Modal from 'containers/Modals/Modal';\nimport { isUserCurriculumAdmin } from 'helpers/user';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Link, Redirect } from 'react-router-dom';\nimport { setPageTitle, setPageActions } from 'actions/header';\n\n\nclass StandardCourses extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tmodalIsOpen: false,\n\t\t\tisLoading:false,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillMount = () => {\n\t\tthis.props.setPageTitle(this.props.translate('courses-header-overview'));\n\n\t\tif (isUserCurriculumAdmin(this.props.currentUser)) {\n\t\t\tlet actions = [];\n\t\t\tactions.push({\n\t\t\t\ttype: 'button',\n\t\t\t\tvalue: this.props.translate('Create'),\n\t\t\t\tbuttonType: 'primary',\n\t\t\t\tonClick: this.openModal,\n\t\t\t});\n\n\t\t\tthis.props.setPageActions(actions);\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (isUserCurriculumAdmin(this.props.currentUser)) {\n\t\t\tthis.setState({isLoading:true})\n\t\t\tthis.props.getStandardCourses(\"PREDEFINED_COURSE\").then(() => {\n\t\t\t\tthis.setState({isLoading:false})\n\t\t\t})\n\t\t}\n\t}\n\n\topenModal = () => {\n\t\tthis.setState({ modalIsOpen: true });\n\t}\n\n\tcloseModal = (reload, skipPrompt) => {\n\t\tif (skipPrompt) {\n\t\t\tthis.setState({ modalIsOpen: false });\n\t\t} else {\n\t\t\tthis.setState({ modalIsOpen: false });\n\t\t}\n\t}\n\n\trender() {\n\t\tif (!isUserCurriculumAdmin(this.props.currentUser)) {\n\t\t\treturn \n\t\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('search-courses')}\n\t\t\t\t\t\n\t\t\t\t \n\n {this.state.isLoading ?\n\t\t\t \n\t\t\t\t\t{this.props.courses.map((course) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t \n\t\t\t\t}\n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tcourses: state.Courses.standardCourses,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tactiveSchool: state.user.activeSchool,\n\t\tcurrentUser: state.user.currentUser,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetSections,\n\tgetStandardCourses,\n\tsetPageTitle,\n\tsetPageActions,\n})(StandardCourses);\n","import StandardCoursesSection from 'containers/Overview/Sections/StandardCourses';\nimport React, { Component } from 'react';\n\nclass StandardCourses extends Component {\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default StandardCourses;\n","import { FIELD_DESCRIPTION, FIELD_TEXT, FIELD_TEXTAREA, FIELD_TITLE } from 'constants/fields';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Icon, TooltipMenu } from '@haldor/ui';\nimport './Styles.scss';\n\nclass CreateFormTemplate extends Component {\n\n\t/* Class setup */\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet fields = [];\n\n\t\tif (props.fields != null && props.fields.length > 0) {\n\t\t\tfields = [...props.fields];\n\t\t}\n\n\t\tthis.state = {\n\t\t\tfields,\n\t\t};\n\t}\n\n\tgetHighestName = () => {\n\t\tif (this.state.fields.length > 0) {\n\t\t\tlet max = 0;\n\t\t\tthis.state.fields.forEach(function (field) {\n\t\t\t\tconst fieldIndex = parseInt(field.name.replace('field-', ''));\n\t\t\t\tif (fieldIndex > max) {\n\t\t\t\t\tmax = fieldIndex;\n\t\t\t\t}\n\t\t\t});\n\n\t\t\treturn max;\n\t\t}\n\n\t\treturn 0;\n\t}\n\n\t/* Events */\n\tonChange = () => {\n\t\tif (this.props.onChange) {\n\t\t\tthis.props.onChange(this.state.fields);\n\t\t}\n\t}\n\n\tonValueChange = (value, index) => {\n\t\tlet fields = [...this.state.fields];\n\n\t\tlet field = { ...fields[index], value: value };\n\t\tfields[index] = field;\n\n\t\tfields.forEach((field, index) => {\n\t\t\tfield.sortOrder = index;\n\t\t});\n\n\t\tthis.setState({ fields }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\tonMoveUp = (index) => {\n\t\tlet { fields } = this.state;\n\n\t\tif (index > 0) {\n\t\t\tconst field = fields[index];\n\t\t\tfields.splice(index, 1);\n\t\t\tfields.splice(index - 1, 0, field);\n\t\t}\n\n\t\tfields.forEach((field, index) => {\n\t\t\tfield.sortOrder = index;\n\t\t});\n\n\t\tthis.setState({ fields }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\tonRemove = (index) => {\n\t\tlet { fields } = this.state;\n\t\tfields.splice(index, 1);\n\n\t\tfields.forEach((field, index) => {\n\t\t\tfield.sortOrder = index;\n\t\t});\n\n\t\tthis.setState({ fields }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\tonMoveDown = (index) => {\n\t\tlet { fields } = this.state;\n\n\t\tif (index < fields.length) {\n\t\t\tconst field = fields[index];\n\t\t\tfields.splice(index, 1);\n\t\t\tfields.splice(index + 1, 0, field);\n\t\t}\n\n\t\tfields.forEach((field, index) => {\n\t\t\tfield.sortOrder = index;\n\t\t});\n\n\t\tthis.setState({ fields }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\taddField = (type) => {\n\t\tlet { fields } = this.state;\n\n\t\tconst fieldIndex = this.getHighestName() + 1;\n\n\t\tswitch (type) {\n\t\t\tcase FIELD_TEXT:\n\t\t\t\tfields.push({\n\t\t\t\t\ttype: FIELD_TEXT,\n\t\t\t\t\tplaceholder: '',\n\t\t\t\t\tname: 'field-' + fieldIndex,\n\t\t\t\t});\n\n\t\t\t\tbreak;\n\n\t\t\tcase FIELD_TEXTAREA:\n\t\t\t\tfields.push({\n\t\t\t\t\ttype: FIELD_TEXTAREA,\n\t\t\t\t\tplaceholder: '',\n\t\t\t\t\tname: 'field-' + fieldIndex,\n\t\t\t\t});\n\n\t\t\t\tbreak;\n\n\t\t\tcase FIELD_TITLE:\n\t\t\t\tfields.push({\n\t\t\t\t\ttype: FIELD_TITLE,\n\t\t\t\t\tname: 'field-' + fieldIndex,\n\t\t\t\t\tvalue: '',\n\t\t\t\t});\n\n\t\t\t\tbreak;\n\n\t\t\tcase FIELD_DESCRIPTION:\n\t\t\t\tfields.push({\n\t\t\t\t\ttype: FIELD_DESCRIPTION,\n\t\t\t\t\tname: 'field-' + fieldIndex,\n\t\t\t\t\tvalue: '',\n\t\t\t\t});\n\n\t\t\t\tbreak;\n\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\n\t\tfields.forEach((field, index) => {\n\t\t\tfield.sortOrder = index;\n\t\t});\n\n\t\tthis.setState({ fields }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\t/* Render methods */\n\tfieldControls = (field, index) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t this.onMoveUp(index)}>\n\t\t\t\t\t
\n\t\t)\n\t}\n\n\trenderField = (field, index) => {\n\t\tif (field.type == FIELD_TITLE) {\n\t\t\treturn \n\t\t\t\t this.onValueChange(e.target.value, index)}\n\t\t\t\t/>\n\t\t\t
\n\t\t}\n\n\t\tif (field.type == FIELD_DESCRIPTION) {\n\t\t\treturn \n\t\t\t\t\t{this.props.translate('heading')}\n\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t{this.fieldControls(field, index)}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t this.onValueChange(e.target.value, index)}\n\t\t\t\t/>\n\t\t\t
\n\t\t}\n\n\t\treturn \n\t\t\t\t\t{this.props.translate('description')}\n\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t{this.fieldControls(field, index)}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t}\n\n\trender() {\n\t\tconst trigger = (\n\t\t\t\n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t{this.fieldControls(field, index)}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t{field.type == FIELD_TEXTAREA ?\n\t\t\t\t\tthis.props.translate('fields_input_textarea')\n\t\t\t\t\t:\n\t\t\t\t\tthis.props.translate('fields_input_text')\n\t\t\t\t}\n\t\t\t
\n\t\t+ {this.props.translate('add-content')}
\n\t\t);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps)(CreateFormTemplate);\n","import { createFormTemplate, updateFormTemplate } from 'actions/templates';\nimport CreateFormTemplate from 'containers/FormTemplate/Form/CreateFormTemplate';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, reduxForm } from 'redux-form';\nimport { Button } from '@haldor/ui';\n\nclass FormTemplate extends Component {\n\n\t/* Class setup */\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet fields = [];\n\n\t\t// Todo: Change so we can send an entire form object as prop and set fields from that\n\t\tif (props.fields != null && props.fields.length > 0) {\n\t\t\tfields = [...props.fields];\n\t\t}\n\n\t\tif (props.initialValues != null && props.initialValues.fields != null && props.initialValues.fields.length > 0) {\n\t\t\tfields = [...props.initialValues.fields];\n\t\t}\n\n\t\tthis.state = {\n\t\t\tfields,\n\t\t};\n\t}\n\n\t/* Helper methods */\n\trequired = (value) => {\n\t\tif (typeof (value) !== 'undefined' && value !== '') {\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string and not over 200 characters\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\t/* Events */\n\tonCancel = (event) => {\n\t\t// cancel form\n\t\tevent.preventDefault();\n\n\t\tif (this.props.onAbort != null) {\n\t\t\tthis.props.onAbort();\n\t\t}\n\t}\n\n\tonSubmit = (values) => {\n\t\treturn new Promise((resolve) => {\n\t\t\t// Todo: Add support for all other form attributes here\n\t\t\tvalues.fields = this.state.fields;\n\t\t\tvalues.status = 'PUBLISHED';\n\n\t\t\tif (this.props.initialValues != null) {\n\t\t\t\tthis.props.updateFormTemplate(values)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\n\t\t\t\t\t\tif (this.props.onAbort != null) {\n\t\t\t\t\t\t\tthis.props.onAbort(true);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.props.createFormTemplate(values)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\n\t\t\t\t\t\tif (this.props.onAbort != null) {\n\t\t\t\t\t\t\tthis.props.onAbort(true);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tonFieldsChange = (fields) => {\n\t\tthis.setState({ fields: fields });\n\t}\n\n\t/* Render methods */\n\trenderInput = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{this.state.fields.map(this.renderField)}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t this.addField(FIELD_TITLE)}>\n\t\t\t\t\t\t\t{this.props.translate('heading')}\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t this.addField(FIELD_DESCRIPTION)}>\n\t\t\t\t\t\t\t{this.props.translate('description')}\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t this.addField(FIELD_TEXT)}>\n\t\t\t\t\t\t\t{this.props.translate('fields_input_text')}\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t this.addField(FIELD_TEXTAREA)}>\n\t\t\t\t\t\t\t{this.props.translate('fields_input_textarea')}\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { submitting, handleSubmit, valid } = this.props;\n\t\tlet isEditing = false;\n\t\tlet disableSave = false;\n\n\t\tif (this.state.fields.length == 0) {\n\t\t\tdisableSave = true;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{submitting ?
: null}\n\n\t\t\t\t\n\t\t\t
\n\t\t)\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\t//initialValues: state.Templates.formTemplate,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tcreateFormTemplate,\n\tupdateFormTemplate,\n})(reduxForm({\n\tform: 'CreateFormTemplate',\n\tdestroyOnUnmount: true,\n})(FormTemplate));\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\n\nimport { getFormTemplates } from 'actions/templates';\nimport { translate } from '@haldor/ui';\n\nimport Modal from 'containers/Modals/Modal';\nimport FormTemplate from 'containers/Forms/FormTemplate';\n\nimport { Spinner } from 'UI';\nimport Card, { CardsContainer, CardTitle } from 'components/Cards/Card';\nimport { setPageTitle, setPageActions } from 'actions/header';\n\nclass AllForms extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tmodal: false,\n\t\t\tloading: true,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillMount = () => {\n\t\tlet actions = [];\n\n\t\tthis.props.setPageTitle(this.props.translate('form-templates'));\n\n\t\tactions.push({\n\t\t\ttype: 'button',\n\t\t\tvalue: this.props.translate('Create'),\n\t\t\tonClick: this.toggleModal,\n\t\t\ticon: 'plus',\n\t\t});\n\n\t\tthis.props.setPageActions(actions);\n\t}\n\n\tcomponentDidMount = async () => {\n\t\tawait this.props.getFormTemplates();\n\t\tthis.setState({ loading: false });\n\t}\n\n\ttoggleModal = (reload) => {\n\t\tthis.setState({ modal: !this.state.modal });\n\n\t\tif (reload) {\n\t\t\tthis.props.getFormTemplates();\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { translate } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t this.toggleModal(false)} title={translate('create-template')}>\n\t\t\t\t\t \n\n\t\t\t\t{this.state.loading ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tservices: state.Services.availableServices,\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttemplates: state.Templates.templates,\n\t};\n};\n\nexport default connect(mapStateToProps, {\n\tsetPageTitle,\n\tsetPageActions,\n\tgetFormTemplates,\n})(AllForms);\n","import { FIELD_DESCRIPTION, FIELD_TITLE } from 'constants/fields';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport './Styles.scss';\n\nclass PreviewForm extends Component {\n\n\trenderTitle = (field) => {\n\t\treturn \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.templates.map((template) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{template.title} \n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t{field.value}\n\t\t
\n\t}\n\n\trenderDescription = (field) => {\n\t\treturn {field.value}
\n\t}\n\n\trenderInput = (field) => {\n\t\tconst type = field.type.toLowerCase();\n\n\t\treturn \n\t\t\t{this.props.translate(type)}\n\t\t
\n\t}\n\n\trenderField = (field, index) => {\n\t\tif (field.type == FIELD_TITLE) {\n\t\t\treturn \n\t\t\t\t{this.renderTitle(field, index)}\n\t\t\t
\n\t\t}\n\n\t\tif (field.type == FIELD_DESCRIPTION) {\n\t\t\treturn \n\t\t\t\t{this.renderDescription(field, index)}\n\t\t\t
\n\t\t}\n\n\t\treturn \n\t\t\t{this.renderInput(field, index)}\n\t\t
\n\t}\n\n\trender() {\n\t\tif (this.props.fields == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet fields = [...this.props.fields];\n\t\tfields.sort((a, b) => {\n\t\t\treturn a.sortOrder > b.sortOrder ? 1 : -1;\n\t\t});\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps, null, null, {\n\tpure: false,\n})(PreviewForm);\n","import React, { Component } from 'react';\nimport swal from 'sweetalert2';\nimport { connect } from 'react-redux';\n\nimport {\n\tgetSection,\n\tgetSectionGuardians,\n\tsetActiveSection,\n\ttoggleSelectedSection,\n\tclearSelectedSections,\n} from 'actions/sections';\n\nimport { Expandable, Spinner } from 'UI';\nimport { Checkbox, Icon, translate } from '@haldor/ui';\n\nimport './MultipleSectionSelector.scss';\nimport DisplayName from 'components/Presentation/DisplayName';\n\nclass MultipleSectionSelector extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tvar sections = JSON.parse(JSON.stringify(props.sections));\n\t\tif (props.mentorGroups) {\n\t\t\tsections = JSON.parse(JSON.stringify(props.mentorSections));\n\t\t}\n\n\t\tif (sections != null) {\n\t\t\tsections = sections.sort(function (a, b) {\n\t\t\t\treturn (a.title > b.title) ? 1 : ((b.title > a.title) ? -1 : 0);\n\t\t\t});\n\n\t\t\tsections = sections.filter(section => {\n\t\t\t\treturn section.userRole == \"OWNER\"\n\t\t\t})\n\n\t\t\tsections.forEach(section => {\n\t\t\t\tif (this.props.value != null) {\n\t\t\t\t\tif (section.id == this.props.value) {\n\t\t\t\t\t\tsection.checked = true;\n\t\t\t\t\t\treturn section;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tthis.state = {\n\t\t\tsections: sections\n\t\t};\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.setActiveSection();\n\t\tthis.props.clearSelectedSections();\n\t\tthis.setState({ sections: [] });\n\t}\n\n\tcomponentDidUpdate = (prevProps) => {\n\t\tif (prevProps.selectGuardians != this.props.selectGuardians) {\n\t\t\tthis.onUpdateResult();\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.state.sections != null) {\n\t\t\tthis.state.sections.forEach(section => {\n\t\t\t\tif (this.props.value != null) {\n\t\t\t\t\tif (section.id == this.props.value) {\n\t\t\t\t\t\tsection.checked = false;\n\t\t\t\t\t\tthis.onSectionChange(section);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tpromptEmpty = () => {\n\t\tconst { translate } = this.props;\n\t\tif (this.props.type == 'assignment') {\n\t\t\tswal.fire({\n\t\t\t\ttitle: this.props.translate('The group contains no students'),\n\t\t\t\tshowCancelButton: false,\n\t\t\t\tconfirmButtonText: this.props.translate('Ok'),\n\t\t\t\thtml: `\n\t\t\t\t${translate('The group you selected does not contain any students. You can`t create assignments for a group without students. The group may lack students due to the fact that:')}\n\t\t\t\t\n\t\t\t\t\t{fields.map(this.renderField)}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
- \n\t\t\t\t\t
- ${translate('No students have been added to the group. Make sure your team/Microsoft 365 group includes students.')} \n\t\t\t\t\t
- ${translate('Students have not been activated on the team. To do this, use Microsoft Teams.')} \n\t\t\t\t\t
- ${translate('The group could not be loaded correctly. Close the form and reload the page, then try again.')} \n\t\t\t\t
\n\t\t\t\t`,\n\t\t\t});\n\t\t}\n\n\t\tif (this.props.type == 'plan') {\n\t\t\tswal.fire({\n\t\t\t\ttitle: this.props.translate('The group contains no students'),\n\t\t\t\tshowCancelButton: false,\n\t\t\t\tconfirmButtonText: this.props.translate('Ok'),\n\t\t\t\thtml: `\n\t\t\t\t${translate('create-planning-selected-group-no-students')}\n\t\t\t\t
\n\t\t\t\t
- \n\t\t\t\t\t
- ${translate('No students have been added to the group. Make sure your team/Microsoft 365 group includes students.')} \n\t\t\t\t\t
- ${translate('Students have not been activated on the team. To do this, use Microsoft Teams.')} \n\t\t\t\t\t
- ${translate('The group could not be loaded correctly. Close the form and reload the page, then try again.')} \n\t\t\t\t
\n\t\t\t\t`,\n\t\t\t});\n\t\t}\n\t}\n\n\tonSectionChange = (section, checked) => {\n\t\tif (!section.checked) {\n\t\t\tsection.checked = true;\n\t\t} else {\n\t\t\tsection.checked = checked;\n\t\t}\n\n\t\tif (section.students == null || section.students.length == 0) {\n\t\t\tthis.loadSectionStudents(section, section.checked);\n\t\t}\n\n\t\tif (section.students != null) {\n\t\t\tif (section.checked && section.students.length == 0) {\n\t\t\t\tif (this.props.type == 'assignment') {\n\t\t\t\t\tsection.checked = false;\n\t\t\t\t\tthis.setState({});\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.markSectionStudents(section, checked);\n\t\t}\n\n\t\tthis.props.toggleSelectedSection(section);\n\t}\n\n\tonSectionOpenChange = (section) => {\n\t\tsection.open = !section.open;\n\t\tthis.setState({});\n\n\t\tif (section.students == null || section.students.length == 0) {\n\t\t\tthis.loadSectionStudents(section);\n\t\t}\n\t}\n\n\tmarkSectionStudents = (section, checked) => {\n\t\tif (this.props.selectGuardians) {\n\t\t\tsection.students.forEach((student) => {\n\t\t\t\tstudent.guardians.forEach(guardian => {\n\t\t\t\t\tguardian.checked = checked;\n\t\t\t\t\tstudent.checked = section.checked;\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\tsection.students.forEach((student) => {\n\t\t\t\tstudent.checked = checked;\n\t\t\t});\n\t\t}\n\n\t\tsection.allStudentsSelected = true;\n\t\tthis.setState({}, () => {\n\t\t\tthis.onUpdateResult();\n\t\t});\n\t}\n\n\tloadSectionStudents = (section, prompt = false) => {\n\t\tlet sections = this.state.sections;\n\t\tlet stateSection = sections.find(t => t.id == section.id);\n\t\tstateSection.loading = true;\n\n\t\tthis.setState({ sections }, () => {\n\t\t\tif (this.props.selectGuardians) {\n\t\t\t\tthis.props.getSectionGuardians(section.id)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tstateSection.students = JSON.parse(JSON.stringify(this.props.guardians));\n\n\t\t\t\t\t\tstateSection.students.forEach((student) => {\n\t\t\t\t\t\t\tstudent.guardians.forEach(guardian => {\n\t\t\t\t\t\t\t\tguardian.checked = section.checked;\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tstudent.checked = section.checked;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tstateSection.loading = false;\n\t\t\t\t\t\tthis.setState({ sections }, () => {\n\t\t\t\t\t\t\tthis.onUpdateResult();\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.props.getSection(section.id)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tif (this.props.activeSection != null) {\n\t\t\t\t\t\t\tstateSection.students = JSON.parse(JSON.stringify(this.props.activeSection.students));\n\t\t\t\t\t\t\tstateSection.courses = JSON.parse(JSON.stringify(this.props.activeSection.courses));\n\n\t\t\t\t\t\t\tif (stateSection.students != null) {\n\t\t\t\t\t\t\t\tif (stateSection.students.length == 0 && prompt) {\n\t\t\t\t\t\t\t\t\tthis.promptEmpty();\n\n\t\t\t\t\t\t\t\t\tif (this.props.type == 'assignment') {\n\t\t\t\t\t\t\t\t\t\tstateSection.checked = false;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tstateSection.students.forEach((student) => {\n\t\t\t\t\t\t\t\t\tstudent.checked = section.checked;\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tstateSection.loading = false;\n\t\t\t\t\t\t\tthis.setState({ sections }, () => {\n\t\t\t\t\t\t\t\tthis.onUpdateResult();\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tonGuardiansUpdate = (section) => {\n\t\tconst checkedGuardians = section.students.find((student) => {\n\t\t\treturn student.guardians.find(guardian => {\n\t\t\t\treturn guardian.checked == true;\n\t\t\t});\n\t\t});\n\n\t\tif (checkedGuardians != null) {\n\t\t\tsection.checked = true;\n\t\t} else {\n\t\t\tsection.checked = false;\n\t\t}\n\n\t\tthis.setState({}, () => {\n\t\t\tthis.onUpdateResult();\n\t\t});\n\t}\n\n\tonStudentsUpdate = (section) => {\n\t\tconst checkedStudents = section.students.filter(function (student) {\n\t\t\treturn student.checked == true;\n\t\t});\n\n\t\tif (checkedStudents != null && checkedStudents.length > 0) {\n\t\t\tif (!section.checked) {\n\t\t\t\tthis.props.toggleSelectedSection(section);\n\t\t\t}\n\n\t\t\tif (checkedStudents != null && checkedStudents.length == section.students.length) {\n\t\t\t\tsection.allStudentsSelected = true;\n\t\t\t} else {\n\t\t\t\tsection.allStudentsSelected = false;\n\t\t\t}\n\n\t\t\tsection.checked = true;\n\t\t} else {\n\t\t\t// No students are no longer checked\n\t\t\tif (section.checked) {\n\t\t\t\tthis.props.toggleSelectedSection(section);\n\t\t\t\tsection.allStudentsSelected = null;\n\t\t\t}\n\n\t\t\tsection.checked = false;\n\t\t}\n\n\t\tthis.setState({}, () => {\n\t\t\tthis.onUpdateResult();\n\t\t});\n\t}\n\n\tonStudentChange = (student, section) => {\n\t\tstudent.checked = student.checked ? false : true;\n\n\t\tthis.setState({}, () => {\n\t\t\tthis.onStudentsUpdate(section);\n\t\t});\n\t}\n\n\tonGuardianChange = (guardian, section) => {\n\t\tguardian.checked = guardian.checked ? false : true;\n\n\t\tthis.setState({}, () => {\n\t\t\tthis.onGuardiansUpdate(section);\n\t\t});\n\t}\n\n\tonUpdateResult = () => {\n\t\tlet filtered = this.state.sections.filter(t => t.checked || t.active);\n\t\tlet sections = [];\n\n\t\tfiltered.forEach((section) => {\n\t\t\tlet sectionObject = {\n\t\t\t\tid: section.id,\n\t\t\t\tcourses: section.courses,\n\t\t\t\ttype: section.type,\n\t\t\t\tstudents: section.students != null ? section.students.filter(t => t.checked) : [],\n\t\t\t\tallStudentsSelected: section.students != null && section.students.length > 0 ? section.students.every(student => student.checked) : false,\n\t\t\t\tgraphId: section.graphId,\n\t\t\t\ttitle: section.title,\n\t\t\t}\n\n\t\t\tif (this.props.selectGuardians) {\n\t\t\t\tsectionObject.guardians = [];\n\t\t\t\tsection.students.forEach(student => {\n\t\t\t\t\tif (student.guardians != null) {\n\t\t\t\t\t\tstudent.guardians.forEach(guardian => {\n\t\t\t\t\t\t\tif (guardian.checked) {\n\t\t\t\t\t\t\t\tsectionObject.guardians.push(guardian);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tsections.push(sectionObject);\n\t\t});\n\t\tthis.props.onChange(sections);\n\t}\n\n\tonSectionOpen = (section, toggle) => {\n\t\tif (section.open != null) {\n\t\t\tsection.open = !section.open;\n\t\t} else {\n\t\t\tsection.open = true;\n\t\t}\n\n\t\tif (section.students == null || section.students.length == 0) {\n\t\t\tthis.loadSectionStudents(section);\n\t\t}\n\n\t\ttoggle();\n\t}\n\n\trenderStudent = (student, section) => {\n\t\tconst displayName =\n\t\t\t
\n\t\t\t\t{student.firstName} {student.lastName}\n\t\t\t\t
\n\t\t}\n\n\t\treturn \n\t\t\t\t\t{student.guardians.map(guardian => {\n\t\t\t\t\t\treturn this.onGuardianChange(guardian, section)}\n\t\t\t\t\t\t\tvalue={guardian.checked}\n\t\t\t\t\t\t\tlabel={`${guardian.firstName} ${guardian.lastName != null ? guardian.lastName : ''}`}\n\t\t\t\t\t\t/>\n\t\t\t\t\t})}\n\t\t\t\t
\n\t\t\t\n\t\t\t this.onStudentChange(student, section)}\n\t\t\t\tvalue={student.checked}\n\t\t\t\tlabel={displayName}\n\t\t\t/>\n\t\t
\n\t}\n\n\trenderSection = (section) => {\n\t\tconst title = (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\n\t\tif (section.open == null) {\n\t\t\tsection.open = false;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t this.onSectionChange(section, checked)}\n\t\t\t\t\t\tlabel={section.title}\n\t\t\t\t\t\tdisabled={this.props.disabled || section.classroomUrl == null || section.classroomUrl == ''}\n\t\t\t\t\t/>\n\t\t\t\t
\n\n\t\t\t\t{section.students != null && section.students.length == 0 ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t{section.error}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{section.loading ?\n\t\t\t\t\t\n\t\t\t\t\t{this.state.sections.map(section => {\n\t\t\t\t\t\treturn this.renderSection(section)\n\t\t\t\t\t})}\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tsections: state.sections.educationGroups,\n\t\tmentorSections: state.sections.mentorGroups,\n\t\tactiveSection: state.sections.activeSection,\n\t\tguardians: state.sections.guardians,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetSection,\n\tgetSectionGuardians,\n\tsetActiveSection,\n\ttoggleSelectedSection,\n\tclearSelectedSections,\n})(MultipleSectionSelector);","import { clearFormTemplate, createForm, getFormTemplate, getFormTemplates, updateForm } from 'actions/templates';\nimport PreviewFormTemplate from 'containers/FormTemplate/Display/PreviewFormTemplate';\nimport Moment from 'moment';\nimport { withRouter } from 'react-router-dom';\nimport React, { Component } from 'react';\nimport DatePicker from 'react-datepicker';\nimport { registerLocale, setDefaultLocale } from \"react-datepicker\";\nimport sv from 'date-fns/locale/sv';\nimport no from 'date-fns/locale/nb';\nimport en from 'date-fns/locale/en-US';\nimport da from 'date-fns/locale/da';\nimport uk from 'date-fns/locale/uk';\nimport { translate, getActiveLanguage } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, reduxForm } from 'redux-form';\nimport { Expandable, List, Spinner } from 'UI';\nimport MultipleSectionSelector from './Partials/MultipleSectionSelector';\nimport { Checkbox, Button } from '@haldor/ui';\n\nclass SendDynamicForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tregisterLocale('en-US', en);\n\t\tregisterLocale('sv-SE', sv);\n\t\tregisterLocale('nb-NO', no);\n\t\tregisterLocale('da-DK', da);\n\t\tregisterLocale('uk', uk);\n\t\tsetDefaultLocale('en-US');\n\n\t\tlet form = '0';\n\t\tif (props.activeForm != null) {\n\t\t\tform = props.activeForm.id;\n\t\t}\n\n\t\tlet dueDate = Moment().set({ hours: 23, minutes: 59, seconds: 59 });\n\t\tif (props.initialValues != null && props.initialValues.dueDate != null) {\n\t\t\tdueDate = Moment(props.initialValues.dueDate);\n\t\t}\n\n\t\tthis.state = {\n\t\t\tform,\n\t\t\tdueDate,\n\t\t\tloading: false,\n\t\t\tsections: [],\n\t\t\tdueDate,\n\t\t\tguardians: false,\n\t\t};\n\t}\n\n\t/* Helper methods */\n\trequired = (value) => {\n\t\tif (typeof (value) !== 'undefined' && value !== '') {\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string and not over 200 characters\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\t/* Events */\n\tonCancel = (event) => {\n\t\tevent.preventDefault();\n\n\t\tif (this.props.onAbort != null) {\n\t\t\tthis.props.onAbort(false);\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.templates == null) {\n\t\t\tthis.props.getFormTemplates();\n\t\t}\n\t}\n\n\tonDateChange = (date) => {\n\t\tlet dueDate = Moment(date).set({ hours: 23, minutes: 59, seconds: 59 });\n\t\tthis.setState({ dueDate });\n\t}\n\n\tonSubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tvalues.formTemplateId = this.state.form;\n\t\t\tvalues.status = 'PUBLISHED';\n\t\t\tvalues.dueDate = this.state.dueDate.utc().format();\n\n\t\t\tif (values.formInstances == null) {\n\t\t\t\tvalues.formInstances = [];\n\t\t\t\tthis.state.sections.forEach((section) => {\n\t\t\t\t\tif (this.state.guardians) {\n\t\t\t\t\t\tsection.guardians.forEach(guardian => {\n\t\t\t\t\t\t\tlet instance = {\n\t\t\t\t\t\t\t\tassignedTo: guardian.id,\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\tlet inArray = values.formInstances.find(inst => instance.assignedTo == inst.assignedTo);\n\t\t\t\t\t\t\tif (inArray == null) {\n\t\t\t\t\t\t\t\tvalues.formInstances.push(instance);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsection.students.forEach(student => {\n\t\t\t\t\t\t\tlet instance = {\n\t\t\t\t\t\t\t\tassignedTo: student.id,\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\tlet inArray = values.formInstances.find(inst => instance.assignedTo == inst.assignedTo);\n\t\t\t\t\t\t\tif (inArray == null) {\n\t\t\t\t\t\t\t\tvalues.formInstances.push(instance);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (this.props.initialValues == null) {\n\t\t\t\tthis.props.createForm(values).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t\tthis.props.onAbort(true);\n\t\t\t\t\tthis.props.history.push(`form/${this.props.createdForm}`);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.props.updateForm(values).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t\tthis.props.onAbort();\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tonFormChange = (event) => {\n\t\tthis.setState({ form: event.target.value });\n\n\t\tif (event.target.value != '0') {\n\t\t\tthis.setState({ loading: true });\n\t\t\tthis.props.getFormTemplate(event.target.value)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t} else {\n\t\t\tthis.props.clearFormTemplate();\n\t\t}\n\t}\n\n\tonSectionsChange = (selected) => {\n\t\tthis.setState({ sections: selected });\n\t}\n\n\tonGuardiansChange = (checked) => {\n\t\tthis.setState({ guardians: checked });\n\t}\n\n\t/* Render methods */\n\trenderInput = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\trenderTextarea = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\n\t\t\t\t{touched && ((error &&\n\t\t\t\t\t{error}) || (warning &&\n\t\t\t\t\t\t{warning}))}\n\t\t\t
\n\t\t);\n\t}\n\n\tgetDateFormat = () => {\n\t\tlet format = Moment.localeData(getActiveLanguage()).longDateFormat(\"L\");\n\t\tlet newFormat = format.replace(\"YYYY\", \"yyyy\");\n\t\tlet days = newFormat.replace(\"DD\", \"dd\");\n\t\treturn days;\n\t};\n\n\tnormalizeLocale = (locale) => {\n\t\tconst [language, region] = locale.split('-');\n\n\t\tif (language.toUpperCase() == \"UK\"){\n\t\t\treturn `uk`;\n\t\t}\n\t\treturn `${language}-${region.toUpperCase()}`;\n\t};\n\n\trender() {\n\t\tconst { handleSubmit, submitting, valid, translate } = this.props;\n\n\t\tlet disableSave = false;\n\t\tif (this.state.sections.length == 0) {\n\t\t\tdisableSave = true;\n\t\t}\n\n\t\tif (this.state.form == '0') {\n\t\t\tdisableSave = true;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{submitting ?
: null}\n\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttemplates: state.Templates.templates,\n\t\tactiveForm: state.Templates.formTemplate,\n\t\tinitialValues: state.Templates.form,\n\t\tcreatedForm: state.Templates.createdForm\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tgetFormTemplate,\n\tclearFormTemplate,\n\tcreateForm,\n\tgetFormTemplates,\n\tupdateForm,\n})(reduxForm({\n\tform: 'SendDynamicForm',\n\tdestroyOnUnmount: true,\n})(SendDynamicForm)));","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\n\nimport { getFormInstance } from 'actions/templates';\nimport { FIELD_DESCRIPTION, FIELD_TITLE } from 'constants/fields';\n\nimport './Styles.scss';\n\nclass DisplayFormResults extends Component {\n\n\t/* Render methods */\n\trenderTitle = (field) => {\n\t\treturn \n\t\t\t{field.value}\n\t\t
\n\t}\n\n\trenderDescription = (field) => {\n\t\treturn {field.value}
\n\t}\n\n\trenderInput = (field) => {\n\t\tconst { activeInstance } = this.props;\n\t\tconst type = field.type.toLowerCase();\n\n\t\tlet value = null;\n\t\tif (activeInstance != null) {\n\t\t\tlet findResult = activeInstance.fieldResults.find(result => {\n\t\t\t\treturn result.fieldName == field.name;\n\t\t\t});\n\n\t\t\tif (findResult != null) {\n\t\t\t\tvalue = findResult.value;\n\t\t\t}\n\t\t}\n\n\t\treturn \n\t}\n\n\trenderField = (field, index) => {\n\t\tif (field.type == FIELD_TITLE) {\n\t\t\treturn \n\t\t\t\t{this.renderTitle(field, index)}\n\t\t\t
\n\t\t}\n\n\t\tif (field.type == FIELD_DESCRIPTION) {\n\t\t\treturn \n\t\t\t\t{this.renderDescription(field, index)}\n\t\t\t
\n\t\t}\n\n\t\treturn \n\t\t\t{this.renderInput(field, index)}\n\t\t
\n\t}\n\n\trender() {\n\t\tif (this.props.fields == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet fields = [...this.props.fields];\n\t\tfields.sort((a, b) => {\n\t\t\treturn a.sortOrder > b.sortOrder ? 1 : -1;\n\t\t});\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tactiveInstance: ownProps.instance,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetFormInstance,\n})(DisplayFormResults);\n","import React, { useEffect } from 'react';\nimport moment from 'moment';\nimport store from '../../index';\nimport DateTime from '_class/DateTime';\nimport { FormSpy, useForm } from 'react-final-form';\nimport { throttle } from 'helpers/content';\nimport { getBasedOnLastModified, saveWithExpirationAndLastModified, getObjectExpiration } from 'helpers/localstorage';\n\nconst updateLocalValues = throttle(({ values }, name) => {\n\tsaveWithExpirationAndLastModified(name + '-values', JSON.stringify(values), moment().add(48, 'hours'));\n}, 1000);\n\nconst PersistentFormListener = ({ name, initialValues, lastModifiedUTC, addTimeStampedToast }) => {\n\tconst form = useForm();\n\tif (form.getState().submitSucceeded && !form.getState().dirtySinceLastSubmit) {\n\t\tlocalStorage.removeItem(name + '-values');\n\t}\n\tuseEffect(() => {\n\t\tif (lastModifiedUTC != null && getBasedOnLastModified(name + '-values', lastModifiedUTC) != null) {\n\t\t\tconst storedValues = JSON.parse(getBasedOnLastModified(name + '-values', lastModifiedUTC));\n\t\t\tif (storedValues.hasOwnProperty('status')) {\n\t\t\t\tdelete storedValues['status'];\n\t\t\t}\n\t\t\tif (initialValues.hasOwnProperty('status')) {\n\t\t\t\tdelete initialValues['status'];\n\t\t\t}\n\t\t\tif (JSON.stringify(initialValues) != JSON.stringify(storedValues)) {\n\t\t\t\tconst values = storedValues;\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tform.batch(() => {\n\t\t\t\t\t\tObject.keys(values).forEach((field) => {\n\t\t\t\t\t\t\tconst value = values[field];\n\t\t\t\t\t\t\tif (value == null || value == \"\") {\n\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tform.change(field, values[field]);\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t}, 50);\n\t\t\t\taddTimeStampedToast('There are changes to the form that have not been saved. In order not to lose the changes, you must resave the form at the latest:', moment.utc(getObjectExpiration(name + '-values')).local().format('Do MMMM HH:mm'), 'error');\n\t\t\t}\n\t\t}\n\t\treturn () => {\n\t\t\tif (!form.getState().submitFailed) {\n\t\t\t\tlocalStorage.removeItem(name + '-values');\n\t\t\t}\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t\n\t\t\t\t\t{this.props.activeInstance?.assigneeViewedCount != null ?\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('opened')}: {this.props.activeInstance.assigneeViewedCount}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{fields.map(this.renderField)}\n\t\t\t\t\\n\\n\" +\n\t\t\t\t\t\"\" + answer.formField.value + \"
\" +\n\t\t\t\t\t\"- \" + answer.formInstance.user.firstName + \" \" + answer.formInstance.user.lastName + \"
\"\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tsetValue(answer.formField.fieldName,\n\t\t\t\t\tvalue + \" \" +\n\t\t\t\t\tanswer.formInstance.user.firstName + \" \" + answer.formInstance.user.lastName + \": \" + answer.formField.value\n\t\t\t\t);\n\t\t\t}\n\t\t} else {\n\t\t\tif (field.type == \"FIELDS_INPUT_TEXTAREA\") {\n\t\t\t\tsetValue(\n\t\t\t\t\tanswer.formField.fieldName,\n\t\t\t\t\t\"
\\n\\n\" +\n\t\t\t\t\t\"\" + answer.formField.value + \"
\" +\n\t\t\t\t\t\"- \" + answer.formInstance.user.firstName + \" \" + answer.formInstance.user.lastName + \"
\"\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tsetValue(\n\t\t\t\t\tanswer.formField.fieldName,\n\t\t\t\t\tanswer.formInstance.user.firstName + \" \" + answer.formInstance.user.lastName + \": \" + answer.formField.value\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\tshrinkAllFields = () => {\n\t\tif (!this.props.shrinkFields) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet titleWasFound = false;\n\n\t\tthis.props.fields.forEach((field, index) => {\n\t\t\tif (field.type == 'FIELDS_ELEMENT_TITLE') {\n\t\t\t\tthis.shrinkField(field, index, this.state.isAllFieldsShrinked);\n\t\t\t\ttitleWasFound = true;\n\t\t\t}\n\t\t});\n\n\t\tif (!titleWasFound && this.props.fields.length > 0) {\n\t\t\tthis.shrinkField(this.props.fields[0], -1, this.state.isAllFieldsShrinked);\n\t\t}\n\n\t\tthis.setState({ isAllFieldsShrinked: !this.state.isAllFieldsShrinked });\n\t}\n\n\tfindNextTitleIndex = (array, currentIndex, override) => {\n\t\tvar tempList = [];\n\n\t\tif (currentIndex < array.length)\n\t\t\ttempList = array.slice(currentIndex + 1);\n\n\t\tvar object = tempList.find(item => item.type == 'FIELDS_ELEMENT_TITLE');\n\n\t\tif (!object && !override)\n\t\t\treturn -1;\n\n\t\tvar nextIndex = array.findIndex(item => item.id == object.id);\n\n\t\treturn nextIndex;\n\t}\n\n\tshrinkField = (clickedElement, index, visible) => {\n\t\tif (!this.props.shrinkFields) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet { hiddenFields } = this.state;\n\n\t\tif (clickedElement.type === 'FIELDS_ELEMENT_TITLE') {\n\t\t\tclickedElement.visible = visible ? false : true;\n\t\t\tclickedElement.toggled = visible;\n\t\t}\n\n\t\tvar nextTitleIndex = null;\n\n\t\tnextTitleIndex = this.findNextTitleIndex(this.props.fields, index);\n\n\t\tif (!nextTitleIndex || nextTitleIndex === -1)\n\t\t\tnextTitleIndex = this.props.fields.length;\n\n\t\twhile (index <= nextTitleIndex) {\n\t\t\tindex = index + 1;\n\n\t\t\tconst field = this.props.fields[index];\n\n\t\t\tif (field != null) {\n\t\t\t\tif (field.type == 'FIELDS_ELEMENT_TITLE') {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tconst foundIndex = hiddenFields.findIndex(hidden => {\n\t\t\t\t\treturn field.id == hidden.id;\n\t\t\t\t});\n\n\t\t\t\tif (visible) {\n\t\t\t\t\tif (foundIndex > -1) {\n\t\t\t\t\t\thiddenFields.splice(foundIndex, 1);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (foundIndex == -1) {\n\t\t\t\t\t\thiddenFields.push(field);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tthis.setState({ hiddenFields });\n\t\t\t}\n\t\t}\n\t}\n\n\tcontainsAnswer = (answer) => {\n\t\tvar doc = new DOMParser().parseFromString(answer, 'text/html');\n\t\tif (doc.body.textContent.trim() == \"\") {\n\t\t\treturn false;\n\t\t}\n\t\telse {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { submitting, user, followUp, translate, instance } = this.props;\n\n\t\tif (this.props.fields == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tvar isStudent = user.isStudent();\n\t\tlet containerClass = 'form form-component form-instance';\n\t\tlet isDisabled = true;\n\n\t\tif (this.props.shrinkFields) {\n\t\t\tcontainerClass += ' shrinkable';\n\t\t}\n\n\t\tif (user.isMentor()) {\n\t\t\tisDisabled = false;\n\t\t}\n\n\t\tif (!followUp && isStudent && this.props.instance != null && this.props.instance.assignedTo == user.getUserId()) {\n\t\t\tisDisabled = false;\n\t\t}\n\n\t\tif (followUp && isStudent && this.props.studentLed) {\n\t\t\tisDisabled = false;\n\t\t}\n\n\t\tif (this.props.locked) {\n\t\t\tisDisabled = true;\n\t\t}\n\n\t\tlet shrinkAllclassName = \"shrink-all\";\n\t\tif (!this.state.isAllFieldsShrinked)\n\t\t\tshrinkAllclassName += \" flip\";\n\n\t\tlet fields = [...this.props.fields];\n\t\tfields.sort((a, b) => {\n\t\t\treturn a.sortOrder > b.sortOrder ? 1 : -1;\n\t\t});\n\n\t\treturn (\n\t\t\t
{this.props.translate('not-found')}
\n\t\t\t\t this.toggleModal()} title={this.props.translate('forms')}>\n\t\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tservices: state.Services.availableServices,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tformTemplate: state.Templates.formTemplate,\n\t\tform: state.Templates.form,\n\t\tuser: state.user.currentUser,\n\t\tinstance: state.Templates.instance,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tsetPageTitle,\n\tgetFormTemplate,\n\tgetForm,\n\tupdateFormInstance,\n\tgetFormInstance,\n\tclearForm,\n})(SingleForm);\n","import { setPageTitle } from 'actions/header';\nimport { clearFormTemplate, getFormTemplate } from 'actions/templates';\nimport Redirect from 'components/Redirect/Redirect';\nimport FormTemplate from 'containers/Forms/FormTemplate';\nimport PreviewFormTemplate from 'containers/FormTemplate/Display/PreviewFormTemplate';\nimport Modal from 'containers/Modals/Modal';\nimport Moment from 'moment';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Spinner } from 'UI';\n\nimport { Block, Icon, Button } from '@haldor/ui';\n\nclass SingleFormTemplatePage extends Component {\n\n\t/* Class setup */\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tmodal: false,\n\t\t};\n\t}\n\n\t/* Lifecycle methods */\n\tcomponentDidMount = () => {\n\t\tthis.props.getFormTemplate(this.props.match.params.id)\n\t\t\t.then(() => {\n\t\t\t\tthis.props.setPageTitle(this.props.template.title);\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t});\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.clearFormTemplate();\n\t}\n\n\t/* Events */\n\ttoggleModal = (reload) => {\n\t\tthis.setState({ modal: !this.state.modal });\n\n\t\tif (reload) {\n\t\t\tthis.props.setPageTitle(this.props.template.title);\n\t\t}\n\t}\n\n\t/* Render methods */\n\trender() {\n\t\tif (!this.props.services.forms) {\n\t\t\treturn \n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.user.id == form.creator ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{Moment().isAfter(form.dueDate) ?\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t{this.props.user.id == form.creator ?\n\t\t\t\t\t\t{form.text}
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{translate('preview')}
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('your-answers')}
\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{this.props.translate('answers')}
\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t{form.dueDate != null ?\n\t\t\t\t\t\tInformation
\n\n\t\t\t\t\t\t{this.props.user.id == form.creator ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{turnedIn} / {form.formInstances.length} {this.props.translate('turned-in')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{turnedIn > 0 ? this.props.translate('turned-in') : this.props.translate('not-turned-in')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{this.props.translate('last-answer-day')}
\n\t\t\t\t\t\t\t{new DateTime(form.dueDate).getLongDate()}\n\t\t\t\t\t\t\n\t\t\t\t\t\t{this.props.user.id != form.creator && Moment().isBefore(form.dueDate) && turnedIn < 1 ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t
\n\n\t\t\t\t\t{this.props.user.id == form.creator ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t{translate('tools')}
\n\n\t\t\t\t\t\t\t this.toggleModal('edit')}>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{translate('Edit')}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t this.toggleModal(false)} title={translate('form-template')}>\n\t\t\t\t\t \n\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tservices: state.Services.availableServices,\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttemplate: state.Templates.formTemplate,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetFormTemplate,\n\tsetPageTitle,\n\tclearFormTemplate,\n})(SingleFormTemplatePage);\n","export const PRESCHOOL = 'PRESCHOOL';\nexport const COMPULSORY_SCHOOL = 'COMPULSORY_SCHOOL';\nexport const UPPER_SECONDARY_EDUCATION = 'UPPER_SECONDARY_EDUCATION';\nexport const ADULT_EDUCATION = 'ADULT_EDUCATION';","import React, { useEffect, useState } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { useTranslate } from 'lib/translate';\n\nimport { getWelcomeInformation, hideWelcomeWindow, updateInformationTextRead } from 'actions/information_texts';\n\nimport Modal from 'containers/Modals/Modal';\nimport { Checkbox } from '@haldor/ui';\n\nconst WelcomeMessage = (props) => {\n\tconst translate = useTranslate();\n\tconst dispatch = useDispatch();\n\tconst message = useSelector(state => state.InformationTexts.welcome);\n\tconst hideWelcomeModal = useSelector(state => state.InformationTexts.hideWelcomeModal);\n\tconst user = useSelector(state => state.user.currentUser);\n\tconst [open, setOpen] = useState(true);\n\tconst [disabled, setDisabled] = useState(false);\n\n\tuseEffect(() => {\n\t\tif(hideWelcomeModal){\n\t\t\tsetOpen(false);\n\t\t\treturn;\n\t\t}\n\t\tdispatch(getWelcomeInformation());\n\t}, []);\n\t\n\tconst onClose = () => {\n\t\tsetOpen(false);\n\t\tif(!disabled){\n\t\t\tdispatch(hideWelcomeWindow());\n\t\t\treturn;\n\t\t}\n\t\tdispatch(updateInformationTextRead({\n\t\t\t\"referenceType\": 'INFORMATIONTEXT',\n\t\t\t\"referenceId\": message.id,\n\t\t\t\"userType\": 'USER',\n\t\t\t\"status\": disabled ? 'DONTSHOWAGAIN' : null,\n\t\t}));\n\t}\n\n\tconst onCheckboxChange = (checked) => {\n\t\tsetDisabled(checked);\n\t}\n\n\tif (message == null) {\n\t\treturn null;\n\t}\n\n\tif (message.parts == null || message.parts.length == 0) {\n\t\treturn null;\n\t}\n\n\treturn \n\t\t\t\t\t\n\t\t\t\t\t\t{translate('preview')}\n\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\t{template.instances == 0 ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t{translate('tools')}
\n\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t
\n\t\n\t\t\t\t{message.parts != null ?\n\t\t\t\t\tmessage.parts.map((part, index) => {\n\t\t\t\t\t\treturn
\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{section.students ? section.students.map(student => {\n\t\t\t\t\t\treturn \n\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default GroupUserSelect;\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { reduxForm, Field } from 'redux-form';\nimport { isValidPhoneNumber, parsePhoneNumber } from 'libphonenumber-js';\n\nimport { PhoneInput } from 'UI/Inputs';\nimport { Button } from '@haldor/ui';\n\nclass UserPhone extends Component {\n\n\tsubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tif (values.mobilePhone != null && values.mobilePhone != '') {\n\t\t\t\tvalues.mobilePhone = '+' + values.mobilePhone;\n\t\t\t\tvalues.mobilePhone = parsePhoneNumber(values.mobilePhone).format('E.164');\n\t\t\t}\n\n\t\t\tif (this.props.onSubmit != null) {\n\t\t\t\tthis.props.onSubmit(values)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tthis.setState({ error });\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tresolve(1);\n\t\t\t}\n\t\t});\n\t}\n\n\tvalidatePhone = (value) => {\n\t\tif (value == null || value == '') {\n\t\t\treturn undefined;\n\t\t}\n\n\t\tif (value.length < 5) {\n\t\t\treturn this.props.translate('Enter a valid phone number');\n\t\t}\n\n\t\tconst number = '+' + value;\n\t\tif (isValidPhoneNumber(number)) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.props.translate('Enter a valid phone number');\n\t}\n\n\tonCancel = (event) => {\n\t\tevent.preventDefault();\n\n\t\tif (this.props.onCancel != null) {\n\t\t\tthis.props.onCancel();\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { submitting, handleSubmit, valid, translate } = this.props;\n\n\t\tif (this.props.user == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst country = this.props.tenant.lcid.slice(-2);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t this.onUserCheckboxClick(student)}\n\t\t\t\t\t\t\t\tvalue={this.isStudentSelected(student)}\n\t\t\t\t\t\t\t\tlabel={student.firstName + \" \" + student.lastName}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t}) : null}\n\t\t\t\t\n\t\t\t\t{submitting ?
: null}\n\n\t\t\t\t\n\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttenant: state.user.tenant,\n\t\tinitialValues: ownProps.user,\n\t};\n}\n\nexport default connect(mapStateToProps)(reduxForm({\n\tform: 'UserPhoneForm',\n\tdestroyOnUnmount: true,\n})(UserPhone));","import React, { Component } from 'react';\nimport { getSection } from 'actions/sections';\nimport { connect } from 'react-redux';\nimport User from '_class/User';\nimport { isValidPhoneNumber } from 'libphonenumber-js';\n\nimport { getUsersWithoutMentorGroups, updateUser } from 'actions/user';\n\nimport Modal from 'containers/Modals/Modal';\nimport UserPhoneForm from 'containers/Forms/UserPhone';\n\nimport { Expandable, Spinner } from 'UI';\nimport { Search } from 'UI/Inputs';\nimport { BlockContent } from 'UI/Elements/Block';\n\nimport { Checkbox, Icon, translate } from '@haldor/ui';\n\nimport { appInsights } from 'lib/appInsights';\n\nimport './UserSelect.scss';\nimport DisplayName from 'components/Presentation/DisplayName';\nimport { Stack } from '@mui/material';\n\nclass UserSelect extends Component {\n\n\tstatic defaultProps = {\n\t\tuserSelectAllowed: true,\n\t\tmultipleSectionsAllowed: true,\n\t\tmaximumSectionsAllowed: 0,\n\t\tautoExpandSections: true,\n\t\tselectMultipleSchools: false,\n\t\tshowUsersWithoutMentorGroups: false,\n\t\tshowPhonenumbers: false,\n\t\talwaysFetchStudents: false,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\trelations: [],\n\t\t\tsections: [],\n\t\t\tfilter: '',\n\t\t\tmyGroups: false,\n\t\t\teducationGroups: true,\n\t\t\tmentorGroups: true,\n\t\t\teditStudent: null,\n\t\t\tisLoading: false,\n\t\t};\n\t}\n\n\tonChange = () => {\n\t\tif (this.props.input != null && this.props.input.onChange != null && typeof (this.props.input.onChange) == 'function') {\n\t\t\tthis.props.input.onChange(this.state.relations);\n\t\t}\n\n\t\tif (this.props.onChange != null && typeof (this.props.onChange) == 'function') {\n\t\t\tthis.props.onChange(this.state.relations);\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tlet { input, sections } = this.props;\n\t\tconst user = new User(this.props.user);\n\t\tlet edit = false;\n\n\t\tif (this.props.input) {\n\t\t\tif (input.value && input.value.length > 0) {\n\t\t\t\tedit = true;\n\t\t\t\tlet clonedSections = JSON.parse(JSON.stringify(sections));\n\t\t\t\tclonedSections.forEach((section) => {\n\t\t\t\t\tlet relation = input.value.find(t => t.referenceId == section.id && t.referenceType == 'SECTION');\n\t\t\t\t\tif (relation != null) {\n\t\t\t\t\t\tsection.checked = true;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tlet userRelation = input.value.find(t => t.parentId == section.id && t.parentType == 'SECTION');\n\t\t\t\t\t\tif (userRelation != null) {\n\t\t\t\t\t\t\tsection.checked = false;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tthis.setState({ relations: input.value, sections: clonedSections }, () => {\n\t\t\t\t\tthis.onChange()\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tif (edit == false) {\n\t\t\tthis.setState({ sections: JSON.parse(JSON.stringify(sections)) }, () => {\n\t\t\t\tthis.onChange()\n\t\t\t});\n\t\t}\n\n\t\tif (user.isAdministrator() || user.isSchoolLeader()) {\n\t\t\tif (this.props.showUsersWithoutMentorGroups) {\n\t\t\t\tthis.props.getUsersWithoutMentorGroups();\n\t\t\t}\n\t\t}\n\t}\n\n\tisFetching = (fetching = true) => {\n\t\tif (this.props.setIsLoading != null && typeof this.props.setIsLoading == 'function') {\n\t\t\tthis.setState({ isLoading: fetching });\n\t\t\tthis.props.setIsLoading(fetching);\n\t\t}\n\t}\n\n\ttoggleMyGroups = (checked) => {\n\t\tthis.setState({ myGroups: checked });\n\t}\n\n\ttoggleAll = () => {\n\t\tlet sections = this.state.sections;\n\t\tconst foundSectionRelations = [...this.state.relations].filter(relation => {\n\t\t\treturn relation.referenceType == 'SECTION';\n\t\t});\n\n\t\tif (foundSectionRelations.length != this.state.sections.length) {\n\t\t\tlet relations = [];\n\n\t\t\tif (this.props.alwaysFetchStudents) {\n\t\t\t\tsections.forEach(section => {\n\t\t\t\t\tif (this.state.myGroups) {\n\t\t\t\t\t\tif (section.userRole != 'OWNER') {\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif (!this.state.educationGroups) {\n\t\t\t\t\t\tif (section.type == 'EDUCATION_GROUP') {\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif (!this.state.mentorGroups) {\n\t\t\t\t\t\tif (section.type == 'MENTOR_GROUP') {\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tsection.checked = true;\n\t\t\t\t\treturn section;\n\t\t\t\t})\n\n\t\t\t\tthis.setState({ relations, sections }, async () => {\n\t\t\t\t\tconst mapSeries = async (iterable, action) => {\n\t\t\t\t\t\tfor (const x of iterable) {\n\t\t\t\t\t\t\tawait action(x, true)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tawait this.toggleStudentsWithoutMentorGroup(true);\n\t\t\t\t\tmapSeries(sections, this.onSectionCheckboxClick);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsections.forEach(section => {\n\t\t\t\t\tif (this.state.myGroups) {\n\t\t\t\t\t\tif (section.userRole != 'OWNER') {\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif (!this.state.educationGroups) {\n\t\t\t\t\t\tif (section.type == 'EDUCATION_GROUP') {\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif (!this.state.mentorGroups) {\n\t\t\t\t\t\tif (section.type == 'MENTOR_GROUP') {\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tsection.checked = true;\n\t\t\t\t\tif (section.students != null) {\n\t\t\t\t\t\tsection.students.forEach(student => {\n\t\t\t\t\t\t\tstudent.checked = true;\n\t\t\t\t\t\t\treturn student;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\trelations.unshift({\n\t\t\t\t\t\tid: -1,\n\t\t\t\t\t\treferenceId: section.id,\n\t\t\t\t\t\treferenceType: 'SECTION',\n\t\t\t\t\t\tsection: section,\n\t\t\t\t\t});\n\t\t\t\t})\n\n\t\t\t\tthis.setState({ relations, sections }, () => {\n\t\t\t\t\tthis.toggleStudentsWithoutMentorGroup(true);\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tsections.forEach(section => {\n\t\t\t\tsection.checked = false;\n\t\t\t\tif (section.students != null) {\n\t\t\t\t\tsection.students.forEach(student => {\n\t\t\t\t\t\tstudent.checked = false;\n\t\t\t\t\t\treturn student;\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\treturn section;\n\t\t\t});\n\n\t\t\tif (this.props.usersWithoutMentorGroups != null) {\n\t\t\t\tthis.props.usersWithoutMentorGroups.forEach(user => {\n\t\t\t\t\tuser.checked = false;\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.setState({ relations: [], sections });\n\t\t}\n\t}\n\n\ttoggleSchool = (school) => {\n\t\tschool.checked = !school.checked;\n\t\tlet relations = [...this.state.relations];\n\n\t\tlet relation = relations.findIndex(t =>\n\t\t\tt.referenceId == school.id && t.referenceType == 'SCHOOL'\n\t\t);\n\n\t\tif (relation == -1) {\n\t\t\trelations.push({\n\t\t\t\tid: -1,\n\t\t\t\treferenceId: school.id,\n\t\t\t\treferenceType: 'SCHOOL',\n\t\t\t});\n\t\t} else {\n\t\t\trelations.splice(relation, 1);\n\t\t}\n\n\t\tthis.setState({ relations }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\tonSectionCheckboxClick = (section, forceActive = false) => {\n\t\treturn new Promise(async (resolve) => {\n\t\t\tsection.checked = !section.checked;\n\t\t\tif (forceActive) {\n\t\t\t\tsection.checked = true;\n\t\t\t}\n\n\t\t\tlet relations = [...this.state.relations];\n\n\t\t\tif (section.checked) {\n\t\t\t\tlet relation = relations.find(t =>\n\t\t\t\t\tt.referenceId == section.id && t.referenceType == 'SECTION'\n\t\t\t\t);\n\n\t\t\t\tif (relation == null) { //Add checked section\n\t\t\t\t\trelations.unshift({\n\t\t\t\t\t\tid: -1,\n\t\t\t\t\t\treferenceId: section.id,\n\t\t\t\t\t\treferenceType: 'SECTION',\n\t\t\t\t\t\tsection: section,\n\t\t\t\t\t});\n\n\t\t\t\t\tif (section.students != null) {\n\t\t\t\t\t\tsection.students.forEach((student) => {\n\t\t\t\t\t\t\tlet studentRelation = relations.find(t =>\n\t\t\t\t\t\t\t\tt.referenceId == student.id && t.referenceType == 'USER' && t.parentId == section.id && t.parentType == 'SECTION'\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tif (studentRelation == null) {\n\t\t\t\t\t\t\t\t// Student doesnt have relation, add it\n\t\t\t\t\t\t\t\tlet relation = {\n\t\t\t\t\t\t\t\t\tid: -1,\n\t\t\t\t\t\t\t\t\treferenceId: student.id,\n\t\t\t\t\t\t\t\t\treferenceType: 'USER',\n\t\t\t\t\t\t\t\t\tparentId: section.id,\n\t\t\t\t\t\t\t\t\tparentType: 'SECTION',\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tif (student.mobilePhone != null) {\n\t\t\t\t\t\t\t\t\trelation.mobilePhone = student.mobilePhone;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\trelations.push(relation);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tstudent.checked = true\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (this.props.alwaysFetchStudents && section.students == null) {\n\t\t\t\t\tsection.loading = true;\n\t\t\t\t\tthis.isFetching(true);\n\t\t\t\t\tthis.props.getSection(section.id).then(() => {\n\t\t\t\t\t\tthis.isFetching(false);\n\t\t\t\t\t\tsection.students = this.props.group.students;\n\t\t\t\t\t\tif (this.state.relations.find(t => t.referenceId == section.id && t.referenceType == 'SECTION') != null) {\n\t\t\t\t\t\t\tif (section.students != null) {\n\t\t\t\t\t\t\t\tsection.students.forEach((student) => student.checked = true);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (section.students != null) {\n\t\t\t\t\t\t\tsection.students.forEach((student) => {\n\t\t\t\t\t\t\t\tlet relation = relations.find(t =>\n\t\t\t\t\t\t\t\t\tt.referenceId == student.id && t.referenceType == 'USER' && t.parentId == section.id && t.parentType == 'SECTION'\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tif (relation != null) {\n\t\t\t\t\t\t\t\t\tstudent.checked = true;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tif (section.checked) {\n\t\t\t\t\t\t\t\t\t\tlet relation = {\n\t\t\t\t\t\t\t\t\t\t\tid: -1,\n\t\t\t\t\t\t\t\t\t\t\treferenceId: student.id,\n\t\t\t\t\t\t\t\t\t\t\treferenceType: 'USER',\n\t\t\t\t\t\t\t\t\t\t\tparentId: section.id,\n\t\t\t\t\t\t\t\t\t\t\tparentType: 'SECTION',\n\t\t\t\t\t\t\t\t\t\t\tstudent: student,\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\tif (student.mobilePhone != null) {\n\t\t\t\t\t\t\t\t\t\t\trelation.mobilePhone = student.mobilePhone;\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\tstudent.checked = true;\n\t\t\t\t\t\t\t\t\t\trelations = [...relations, relation];\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsection.loading = false;\n\n\t\t\t\t\t\tthis.setState({ relations }, () => {\n\t\t\t\t\t\t\tthis.onChange();\n\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tthis.setState({ relations }, () => {\n\t\t\t\t\tthis.onChange();\n\t\t\t\t\tresolve(1);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t// Remove section relationship\n\t\t\t\trelations = [...relations.filter((t) => {\n\t\t\t\t\treturn (t.referenceId == section.id && t.referenceType == 'SECTION') == true ? false : true;\n\t\t\t\t})];\n\n\t\t\t\t// Remove all user relations on this section\n\t\t\t\trelations = [...relations.filter((t) => {\n\t\t\t\t\treturn (t.parentId == section.id && t.referenceType == 'USER') == true ? false : true;\n\t\t\t\t})];\n\n\t\t\t\t// Set all students to unchecked\n\t\t\t\tif (section.students != null) {\n\t\t\t\t\tsection.students.forEach((student) => student.checked = false);\n\t\t\t\t}\n\n\t\t\t\tsection.checked = false;\n\t\t\t}\n\n\t\t\tthis.setState({ relations }, () => {\n\t\t\t\tthis.onChange()\n\t\t\t\tresolve(1);\n\t\t\t});\n\t\t})\n\t}\n\n\tonStudentSubmit = (values) => {\n\t\treturn new Promise((resolve) => {\n\t\t\tlet { sections, relations } = this.state;\n\t\t\tconst mobilePhone = values.mobilePhone == '' || values.mobilePhone == null ? null : values.mobilePhone;\n\n\t\t\tthis.props.updateUser(values).then(() => {\n\t\t\t\tresolve(1);\n\n\t\t\t\tsections.map(section => {\n\t\t\t\t\tif (section.students != null) {\n\t\t\t\t\t\tsection.students.map(student => {\n\t\t\t\t\t\t\tif (student.id == values.id) {\n\t\t\t\t\t\t\t\tstudent.mobilePhone = mobilePhone;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn student;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\treturn section;\n\t\t\t\t});\n\n\t\t\t\trelations.map(relation => {\n\t\t\t\t\tif (relation.referenceId == values.id) {\n\t\t\t\t\t\trelation.mobilePhone = mobilePhone;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn relation;\n\t\t\t\t});\n\n\t\t\t\tthis.setState({ sections, relations, editStudent: null }, () => {\n\t\t\t\t\tconst user = new User(this.props.user);\n\t\t\t\t\tif (user.isAdministrator() || user.isSchoolLeader()) {\n\t\t\t\t\t\tif (this.props.showUsersWithoutMentorGroups) {\n\t\t\t\t\t\t\tthis.props.getUsersWithoutMentorGroups();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.onChange();\n\t\t\t\t});\n\t\t\t});\n\t\t})\n\t}\n\n\tonUserCheckboxClick = (user, section) => {\n\t\tuser.checked = !user.checked;\n\n\t\tlet relations = [...this.state.relations]\n\n\t\tif (user.checked) {\n\t\t\tlet relation = relations.find(t =>\n\t\t\t\tt.referenceId == user.id && t.referenceType == 'USER' && t.parentId == section.id && t.parentType == 'SECTION'\n\t\t\t);\n\n\t\t\tif (relation == null) { //Add checked user\n\t\t\t\tsection.checked = false;\n\n\t\t\t\tlet relation = {\n\t\t\t\t\tid: -1,\n\t\t\t\t\treferenceId: user.id,\n\t\t\t\t\treferenceType: 'USER',\n\t\t\t\t\tparentId: section.id,\n\t\t\t\t\tparentType: 'SECTION',\n\t\t\t\t\tstudent: user,\n\t\t\t\t};\n\n\t\t\t\tif (user.mobilePhone != null) {\n\t\t\t\t\trelation.mobilePhone = user.mobilePhone;\n\t\t\t\t}\n\n\t\t\t\trelations = [...relations, relation];\n\t\t\t}\n\t\t} else { //Removed unchecked user\n\t\t\trelations = [...relations.filter((t) => {\n\t\t\t\treturn (t.referenceId == user.id && t.referenceType == 'USER' && t.parentId == section.id) == true ? false : true;\n\t\t\t})];\n\t\t}\n\n\t\tlet sectionRelation = relations.find(t =>\n\t\t\tt.referenceId == section.id && t.referenceType == 'SECTION'\n\t\t);\n\n\t\t// Check if there is an unchecked student\n\t\tlet uncheckedStudent = section.students.find(student => {\n\t\t\treturn !student.checked;\n\t\t});\n\n\t\tif (sectionRelation != null) {\n\t\t\t// The current section has a reference\n\t\t\tif (uncheckedStudent != null) {\n\t\t\t\t// Remove section reference\n\t\t\t\trelations = [...relations.filter((t) => {\n\t\t\t\t\treturn (t.referenceId == section.id && t.referenceType == 'SECTION') == true ? false : true;\n\t\t\t\t})];\n\n\t\t\t\t// Section is not checked because all students isnt selected\n\t\t\t\tsection.checked = false;\n\t\t\t}\n\t\t} else {\n\t\t\t// The current section has no reference\n\t\t\tif (uncheckedStudent == null) {\n\t\t\t\t// Add section reference if no uncheckedStudent is found (all students checked)\n\t\t\t\trelations.unshift({\n\t\t\t\t\tid: -1,\n\t\t\t\t\treferenceId: section.id,\n\t\t\t\t\treferenceType: 'SECTION',\n\t\t\t\t\tsection: section,\n\t\t\t\t});\n\n\t\t\t\t// Section is checked because all students is selected\n\t\t\t\tsection.checked = true;\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ relations, section }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\tonOpenSection = (section) => {\n\t\tsection.open = !section.open;\n\n\t\tthis.setState({});\n\n\t\tif (section.students != null && section.students.length == 0) {\n\t\t\tappInsights.trackTrace({ message: \"EDU022 | UserSelect - no students for: \" + section.id });\n\t\t}\n\n\t\tif (!section.open || (section.students != null && section.students.length > 0)) {\n\t\t\treturn true;\n\t\t}\n\n\t\tsection.loading = true;\n\t\tlet relations = [...this.state.relations];\n\t\tthis.isFetching(true);\n\t\tthis.props.getSection(section.id).then(() => {\n\t\t\tthis.isFetching(false);\n\t\t\tsection.students = this.props.group.students;\n\t\t\tif (this.state.relations.find(t => t.referenceId == section.id && t.referenceType == 'SECTION') != null) {\n\t\t\t\tif (section.students != null) {\n\t\t\t\t\tsection.students.forEach((student) => student.checked = true);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (section.students != null) {\n\t\t\t\tsection.students.forEach((student) => {\n\t\t\t\t\tlet relation = this.state.relations.find(t =>\n\t\t\t\t\t\tt.referenceId == student.id && t.referenceType == 'USER' && t.parentId == section.id && t.parentType == 'SECTION'\n\t\t\t\t\t);\n\n\t\t\t\t\tif (relation != null) {\n\t\t\t\t\t\tstudent.checked = true;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tlet relation = {\n\t\t\t\t\t\t\tid: -1,\n\t\t\t\t\t\t\treferenceId: student.id,\n\t\t\t\t\t\t\treferenceType: 'USER',\n\t\t\t\t\t\t\tparentId: section.id,\n\t\t\t\t\t\t\tparentType: 'SECTION',\n\t\t\t\t\t\t\tstudent: student,\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\tif (student.mobilePhone != null) {\n\t\t\t\t\t\t\trelation.mobilePhone = student.mobilePhone;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (section.checked) {\n\t\t\t\t\t\t\trelations = [...relations, relation];\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tsection.loading = false;\n\n\t\t\tthis.setState({ relations }, () => {\n\t\t\t\tthis.onChange();\n\t\t\t});\n\t\t});\n\t}\n\n\ttoggleStudentsWithoutMentorGroup = (checked) => {\n\t\treturn new Promise((resolve) => {\n\t\t\t// Remove or add relationships here\n\t\t\tlet relations = [...this.state.relations]\n\n\t\t\tif (checked) {\n\t\t\t\tif (this.props.usersWithoutMentorGroups != null) {\n\t\t\t\t\tthis.props.usersWithoutMentorGroups.forEach(user => {\n\t\t\t\t\t\tlet foundRelation = this.state.relations.findIndex(relation =>\n\t\t\t\t\t\t\trelation.referenceId == user.userId\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\tif (foundRelation == -1) {\n\t\t\t\t\t\t\tuser.checked = true;\n\n\t\t\t\t\t\t\tlet relation = {\n\t\t\t\t\t\t\t\tid: -1,\n\t\t\t\t\t\t\t\treferenceId: user.userId,\n\t\t\t\t\t\t\t\treferenceType: 'USER',\n\t\t\t\t\t\t\t\tstudent: user,\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (user.mobilePhone != null) {\n\t\t\t\t\t\t\t\trelation.mobilePhone = user.mobilePhone;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\trelations = [...relations, relation];\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (this.props.usersWithoutMentorGroups != null) {\n\t\t\t\t\tthis.props.usersWithoutMentorGroups.forEach(user => {\n\t\t\t\t\t\tuser.checked = false;\n\t\t\t\t\t\trelations = [...relations.filter((t) => {\n\t\t\t\t\t\t\treturn !(t.referenceId == user.userId && t.referenceType == 'USER')\n\t\t\t\t\t\t})];\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.setState({ relations }, () => {\n\t\t\t\tthis.onChange();\n\t\t\t\tresolve(1);\n\t\t\t});\n\t\t})\n\t}\n\n\ttoggleStudentWithoutMentorGroup = (user) => {\n\t\tuser.checked = !user.checked;\n\n\t\tlet relations = [...this.state.relations]\n\n\t\tif (user.checked) {\n\t\t\tlet relation = relations.find(t =>\n\t\t\t\tt.referenceId == user.userId && t.referenceType == 'USER'\n\t\t\t);\n\n\t\t\tif (relation == null) { //Add checked user\n\t\t\t\tlet relation = {\n\t\t\t\t\tid: -1,\n\t\t\t\t\treferenceId: user.userId,\n\t\t\t\t\treferenceType: 'USER',\n\t\t\t\t\tstudent: user,\n\t\t\t\t};\n\n\t\t\t\tif (user.mobilePhone != null) {\n\t\t\t\t\trelation.mobilePhone = user.mobilePhone;\n\t\t\t\t}\n\n\t\t\t\trelations = [...relations, relation];\n\t\t\t}\n\t\t} else { //Removed unchecked user\n\t\t\trelations = [...relations.filter((t) => {\n\t\t\t\treturn !(t.referenceId == user.userId && t.referenceType == 'USER')\n\t\t\t})];\n\t\t}\n\n\t\tthis.setState({ relations }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\trenderUsersWithoutMentorGroup = () => {\n\t\tif (this.props.usersWithoutMentorGroups == null || this.props.usersWithoutMentorGroups.length == 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet isAllChecked = true;\n\n\t\tthis.props.usersWithoutMentorGroups.forEach(user => {\n\t\t\tlet foundRelation = this.state.relations.findIndex(relation =>\n\t\t\t\trelation.referenceId == user.userId\n\t\t\t);\n\n\t\t\tif (foundRelation == -1) {\n\t\t\t\tisAllChecked = false;\n\t\t\t}\n\t\t})\n\n\t\tconst title = (\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{this.props.usersWithoutMentorGroups\n\t\t\t\t\t\t.sort((a, b) => (a.lastName || \"\").localeCompare(b.lastName || \"\"))\n\t\t\t\t\t\t.map(user => {\n\t\t\t\t\t\t\tlet label = user.firstName + ' ' + (user.lastName || '');\n\t\t\t\t\t\t\tlet checked = this.state.relations.findIndex(relation =>\n\t\t\t\t\t\t\t\trelation.referenceId == user.userId && relation.parentId == null\n\t\t\t\t\t\t\t) > -1;\n\n\t\t\t\t\t\t\tif (this.props.showPhonenumbers) {\n\t\t\t\t\t\t\t\tlabel = (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n\n\tonStudentEdit = (event, student) => {\n\t\tevent.stopPropagation();\n\t\tthis.setState({ editStudent: student });\n\t}\n\n\trenderSection = (section) => {\n\t\tif (this.state.myGroups) {\n\t\t\tif (section.userRole != 'OWNER') {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}\n\n\t\tif (!this.state.educationGroups) {\n\t\t\tif (section.type == 'EDUCATION_GROUP') {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}\n\n\t\tif (!this.state.mentorGroups) {\n\t\t\tif (section.type == 'MENTOR_GROUP') {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}\n\n\t\tconst title = (\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t{user.firstName} {user.lastName || ''}\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t{user.mobilePhone != null ?\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{user.mobilePhone.length > 4 && isValidPhoneNumber(user.mobilePhone) ?\n\t\t\t\t\t\t\t\t\t\t\t\t\tuser.mobilePhone\n\t\t\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t this.onStudentEdit(e, user)}>\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t this.toggleStudentWithoutMentorGroup(user)}\n\t\t\t\t\t\t\t\t\tvalue={checked}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\t this.onSectionCheckboxClick(section)}\n\t\t\t\t\tlabel={(\n\t\t\t\t\t\t )}\n\t\t\t\t/>\n\t\t\t
\n\t\t);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t{section.title}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{section.loading ?\n\t\t\t\t\t\t\t\tthis.props.translate('loading') + '...'\n\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\tthis.props.translate(section.type)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{section.error}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{section.loading ?\n\t\t\t\t\t\n\t\t\t\t\t\t{section.students ? section.students\n\t\t\t\t\t\t\t.sort((a, b) => (a.lastName || \"\").localeCompare(b.lastName || \"\"))\n\t\t\t\t\t\t\t.map(student => {\n\n\t\t\t\t\t\t\t\tlet label =
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t);\n\t}\n\n\trenderSingleSchool = () => {\n\t\tlet sections = this.state.sections;\n\n\t\tif (this.state.filter != '') {\n\t\t\tsections = [...sections].filter(section =>\n\t\t\t\tsection.title.toLowerCase().indexOf(this.state.filter.toLowerCase()) > -1\n\t\t\t);\n\t\t}\n\n\t\tconst foundSectionRelations = [...this.state.relations].filter(relation => {\n\t\t\treturn relation.referenceType == 'SECTION';\n\t\t});\n\n\t\tconst schoolSelected = foundSectionRelations.length == this.state.sections.length;\n\t\tconst school = new User(this.props.user).getActiveSchool();\n\n\t\tlet schoolTitle = (\n\t\t\t\n\t\t);\n\n\t\tif (school != null) {\n\t\t\tschoolTitle = (\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{student.mobilePhone != null ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{student.mobilePhone.length > 4 && isValidPhoneNumber(student.mobilePhone) ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstudent.mobilePhone\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t this.onStudentEdit(e, student)} style={{ marginLeft: \"1rem\" }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t this.onUserCheckboxClick(student, section)}\n\t\t\t\t\t\t\t\t\t\tvalue={student.checked}\n\t\t\t\t\t\t\t\t\t\tdisabled={this.props.userSelectDisabled}\n\t\t\t\t\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t}) : null}\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t\tif (sections != null && sections.length == 0) {\n\t\t\treturn \n\t\t\t\t{this.props.translate('You have no connected groups. Contact your school administrator.')}\n\t\t\t
\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t this.toggleSchool(school)}\n\t\t\t\tvalue={checked}\n\t\t\t/>\n\t\t
\n\t}\n\n\trender() {\n\t\tconst { translate } = this.props;\n\t\tconst user = new User(this.props.user);\n\n\t\tlet schools = this.props.user.schools;\n\t\tschools = schools.sort((a, b) => a.title.localeCompare(b.title));\n\n\t\tif (this.props.selectMultipleSchools) {\n\t\t\treturn \n\t\t\t\t\n\t\t\t\t\t{schools.map(school => {\n\t\t\t\t\t\treturn this.renderSchool(school);\n\t\t\t\t\t})}\n\t\t\t\t \n\t\t\t
\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.state.editStudent != null ?\n\t\t\t\t\t this.setState({ editStudent: null })}>\n\t\t\t\t\t\t this.setState({ editStudent: null })}\n\t\t\t\t\t\t\tonSubmit={this.onStudentSubmit}\n\t\t\t\t\t\t/>\n\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\t\t{this.state?.sections.length > 0 ? ( \n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tuser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tgroup: state.sections.activeSection,\n\t\tusersWithoutMentorGroups: state.user.usersWithoutMentorGroups,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetSection,\n\tgetUsersWithoutMentorGroups,\n\tupdateUser,\n})(UserSelect);","import { fetch_preschoolgoals, search_preschoolgoals } from 'actions/preschoolform';\nimport React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { Expandable } from 'UI';\nimport { Checkbox } from '@haldor/ui';\n\nclass SearchPreschoolGoal extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tselectedGoals: [],\n\t\t\tgroups: [],\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.preschoolGoals.length < 1) {\n\t\t\tthis.props.fetch_preschoolgoals();\n\t\t}\n\n\t\tif (this.props.selectedGoals && this.props.selectedGoals.length > 0) {\n\t\t\tthis.setState({ selectedGoals: this.props.selectedGoals }, () => {\n\t\t\t\tif (this.props.onChange != null) {\n\t\t\t\t\tthis.props.onChange(this.state.selectedGoals);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tthis.generateGroups(this.props);\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tthis.generateGroups(nextProps);\n\n\t\tif (nextProps.selectedGoals) {\n\t\t\tif (nextProps.selectedGoals != this.state.selectedGoals) {\n\t\t\t\tthis.setState({ selectedGoals: nextProps.selectedGoals });\n\t\t\t}\n\t\t}\n\t}\n\n\tgenerateGroups = (props) => {\n\t\tlet { groups } = this.state;\n\n\t\t// Check if we have preschoolgoals and no groups\n\t\tif (props.preschoolGoals.length > 0 && groups.length < 1) {\n\t\t\tprops.preschoolGoals.map(goal => {\n\t\t\t\tif (!groups.find(group => { return group.title === goal.group })) {\n\t\t\t\t\tgroups.push({ title: goal.group, color: goal.colorCode });\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis.setState({ groups });\n\t\t}\n\t}\n\n\tonGoalSelect = (goal) => {\n\t\tlet selectedGoals = this.state.selectedGoals;\n\n\t\tconst inArray = selectedGoals.find(function (sG) {\n\t\t\treturn sG.goalId == goal.id;\n\t\t});\n\n\t\tif (!inArray) {\n\t\t\tselectedGoals.push({ goalId: goal.id });\n\t\t} else {\n\t\t\tlet index = selectedGoals.findIndex(function (pG) {\n\t\t\t\treturn pG.goalId == goal.id;\n\t\t\t});\n\n\t\t\tselectedGoals.splice(index, 1);\n\t\t}\n\n\t\tthis.setState({ selectedGoals }, () => {\n\t\t\tif (this.props.onChange) {\n\t\t\t\tthis.props.onChange(selectedGoals);\n\t\t\t}\n\t\t});\n\t}\n\n\trender() {\n\t\tconst { preschoolGoals, handleSubmit, change, pristine, reset, submitting, valid } = this.props;\n\t\tconst { selectedGoals, groups } = this.state;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t this.setState({ filter: value })}\n\t\t\t\t\t\t\tplaceholder={this.props.translate('Search group')}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\n\t\t\t\t\t
) : null}\n\n\t\t\t\t\t{this.renderSingleSchool()}\n\n\t\t\t\t\t{this.state?.sections.length > 0 && (user.isOperationManager() || user.isSchoolLeader() || user.isAdministrator()) ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t this.setState({ mentorGroups: c })}\n\t\t\t\t\t\t\t\t\tvalue={this.state.mentorGroups}\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t this.setState({ educationGroups: c })}\n\t\t\t\t\t\t\t\t\tvalue={this.state.educationGroups}\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t{groups && preschoolGoals ?\n\t\t\t\t\tgroups.map(group => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{preschoolGoals.map(goal => {\n\t\t\t\t\t\t\t\t\tlet isChecked = selectedGoals.find(function (sg) {\n\t\t\t\t\t\t\t\t\t\treturn sg.goalId == goal.id;\n\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\tif (typeof (isChecked) != 'undefined') {\n\t\t\t\t\t\t\t\t\t\tisChecked = true;\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tisChecked = false;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn (group.title === goal.group ?\n\t\t\t\t\t\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tpreschoolGoals: state.PreschoolGoals.preschoolGoals,\n\t}\n}\n\nfunction mapDispatchToProps(dispatch) {\n\treturn bindActionCreators({ fetch_preschoolgoals, search_preschoolgoals }, dispatch);\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SearchPreschoolGoal);\n","import React, { Component } from 'react';\nimport swal from 'sweetalert2';\nimport { withRouter } from 'react-router-dom';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Form, Field } from 'react-final-form';\nimport User from '_class/User';\n\nimport getEnvironment from 'lib/env';\nimport { getToken, loginRequest, http } from 'lib/msal';\n\nimport { submit_preschooldocument, update_preschooldocument, deleteDocumentationFile } from 'actions/documents';\nimport { getPlanDetails, getPlansBySectionId } from 'actions/plans';\nimport { getSection, getSections } from 'actions/sections';\n\nimport DropzoneComponent from 'react-dropzone-component';\nimport FileItem from 'components/FileItem';\nimport GroupUserSelect from 'components/List/GroupUserSelect';\nimport UserSelect from 'components/List/UserSelect';\n\nimport SearchPreschoolGoals from './SearchPreschoolGoals';\n\nimport { Expandable, List } from 'UI';\nimport { Close, Image } from 'UI/Icons';\nimport { Editor } from 'UI/Inputs';\nimport { Button, Icon, Radio } from '@haldor/ui';\n\nclass Documentation extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tconst isEditing = (props.initialValues != null && Object.keys(props.initialValues).length > 1);\n\n\t\tlet uploadedFiles = [];\n\t\tlet defaultPlan = null;\n\n\t\tif (props.initialValues != null && props.initialValues.associatedFiles != null) {\n\t\t\tuploadedFiles = props.initialValues.associatedFiles;\n\t\t}\n\n\t\tif (props.initialValues != null && props.initialValues.planId != null) {\n\t\t\tdefaultPlan = props.initialValues.planId;\n\t\t} else if (props.planId != null) {\n\t\t\tdefaultPlan = props.planId;\n\t\t}\n\n\t\tthis.state = {\n\t\t\tselectedGoals: isEditing ? props.initialValues.associatedGoals : [],\n\t\t\tFiles: [],\n\t\t\tPlanId: defaultPlan,\n\t\t\tuploadedFiles: uploadedFiles,\n\t\t\tremovedFiles: [],\n\t\t\tsectionRelations: [],\n\t\t\terror: null,\n\t\t\tuploadProgress: null,\n\t\t\tsectionPlans: null,\n\t\t};\n\n\t\tthis.dropzone = null;\n\n\t\t/* Configure dropzone component */\n\t\tthis.componentConfig = {\n\t\t\ticonFiletypes: ['.jpg', '.png', '.gif'],\n\t\t\tshowFiletypeIcon: false,\n\t\t\tpostUrl: http.defaults.baseURL + 'fileItems',\n\t\t\tdropzoneSelector: '.dropzone-trigger',\n\t\t};\n\n\t\tthis.djsConfig = {\n\t\t\tautoProcessQueue: false,\n\t\t\tparallelUploads: 1,\n\t\t\ttimeout: 99900000,\n\t\t\theaders: {},\n\t\t};\n\n\t\tlet request = loginRequest;\n\t\trequest.scopes = [\n\t\t\t...getEnvironment().scopes,\n\t\t\t...request.scopes\n\t\t];\n\n\t\tgetToken(request).then((response) => {\n\t\t\tthis.djsConfig.headers['Authorization'] = 'Bearer ' + response.accessToken;\n\t\t});\n\n\t\tthis.dropzoneEvents = {\n\t\t\tinit: this.dropzoneInit,\n\t\t\taddedfile: this.onAddFile,\n\t\t\tsuccess: () => {\n\t\t\t\tthis.dropzone.processQueue();\n\t\t\t},\n\t\t};\n\t}\n\n\t/* Redux form functions */\n\trequired = (value) => {\n\t\tif (value != null && value !== '') {\n\t\t\tif (value.length > 199) {\n\t\t\t\t// Field failed validation, return error for this field (String)\n\t\t\t\treturn this.props.translate('field-max-200-chars');\n\t\t\t}\n\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string and not over 200 characters\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\tquillValidation = (value) => {\n\t\tvar strValue = value;\n\n\t\tvar text = '';\n\t\tif (typeof (strValue) == 'string') {\n\t\t\ttext = strValue.replace(/<(?:.|\\n)*?>/gm, '');\n\t\t}\n\n\t\tif (text == \"\" || text == null) {\n\t\t\treturn this.props.translate('needs-description');\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tvalidateRelationships = (value) => {\n\t\tif (value == null || value == '') {\n\t\t\treturn this.props.translate('select-relation-error');\n\t\t}\n\n\t\tif (value.length == 0) {\n\t\t\treturn this.props.translate('select-relation-error');\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.sections == null) {\n\t\t\tthis.props.getSections();\n\t\t}\n\n\t\tlet sectionId = null;\n\t\tif (this.props.section != null) {\n\t\t\tsectionId = this.props.section.id;\n\t\t}\n\n\t\tif (this.props.sectionId != null) {\n\t\t\tsectionId = this.props.sectionId;\n\t\t}\n\n\t\tif (sectionId != null) {\n\t\t\tthis.props.getPlansBySectionId(sectionId);\n\t\t}\n\n\t\tif (this.props.planId != null) {\n\t\t\tthis.props.getPlanDetails(this.props.planId).then(() => {\n\t\t\t\tconst { plan } = this.props;\n\t\t\t\tlet goals = [];\n\t\t\t\tplan.associatedGoals.map((goal) => {\n\t\t\t\t\tgoals.push({ goalId: goal.goalId });\n\t\t\t\t});\n\n\t\t\t\tthis.setState({ selectedGoals: goals });\n\t\t\t});\n\t\t}\n\t}\n\n\tonCancel = (event) => {\n\t\tevent.preventDefault();\n\n\t\tif (this.props.onModalClose) {\n\t\t\tthis.props.onModalClose();\n\t\t}\n\t}\n\n\tsubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tif (values.relationships == null || values.relationships.length == 0) {\n\t\t\t\tthis.setState({ error: this.props.translate('select-relation-error') + '!' });\n\t\t\t\tresolve(0);\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tconst { initialValues } = this.props;\n\t\t\tconst isEditing = (initialValues != null && Object.keys(initialValues).length > 1 && initialValues.id != null);\n\t\t\tconst user = new User(this.props.currentUser);\n\n\t\t\tif (this.dropzone && this.dropzone.getQueuedFiles().length > 0) {\n\t\t\t\tthis.dropzone.on('totaluploadprogress', (progress) => {\n\t\t\t\t\tthis.setState({ uploadProgress: progress });\n\t\t\t\t});\n\n\t\t\t\tconst that = this;\n\t\t\t\tthis.readyForSubmit(values).then((data) => {\n\t\t\t\t\tlet url = `${http.defaults.baseURL}documentations/${data}/files?schoolId=${user.getActiveSchool().id}`;\n\t\t\t\t\tif (isEditing) {\n\t\t\t\t\t\turl = `${http.defaults.baseURL}documentations/${initialValues.id}/files?schoolId=${user.getActiveSchool().id}`;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.componentConfig.postUrl = url;\n\t\t\t\t\tthis.dropzone.options.url = url;\n\t\t\t\t\tthis.dropzone.processQueue();\n\n\t\t\t\t\tthis.dropzone.on(\"queuecomplete\", (images) => {\n\t\t\t\t\t\tif (isEditing) {\n\t\t\t\t\t\t\tif (that.props.onModalClose) {\n\t\t\t\t\t\t\t\tthat.props.onModalClose(true, true);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.props.history.push(`/preschooldocument/${data}`);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tresolve(data);\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst that = this;\n\t\t\t\tthis.readyForSubmit(values).then((data) => {\n\t\t\t\t\tif (isEditing) {\n\t\t\t\t\t\tif (that.props.onModalClose) {\n\t\t\t\t\t\t\tthat.props.onModalClose(true, true);\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.props.history.push(`/preschooldocument/${data}`);\n\t\t\t\t\t}\n\n\t\t\t\t\tresolve(data);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\treadyForSubmit = (values, callback) => {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tconst {\n\t\t\t\tselectedGoals,\n\t\t\t\tPlanId,\n\t\t\t\tremovedFiles,\n\t\t\t} = this.state;\n\n\t\t\tconst {\n\t\t\t\tsubmit_preschooldocument,\n\t\t\t\tupdate_preschooldocument,\n\t\t\t\tinitialValues,\n\t\t\t\tcurrentUser,\n\t\t\t} = this.props;\n\n\t\t\tlet goalIds = selectedGoals;\n\n\t\t\t/* Add custom inputs to the values object that redux form creates */\n\t\t\tvalues.associatedGoals = goalIds;\n\t\t\tvalues.planId = PlanId;\n\n\t\t\tif (values.status == null) {\n\t\t\t\tvalues.status = 'DOCUMENTATION_PUBLISHED';\n\t\t\t}\n\n\t\t\tif (values.sender != null) {\n\t\t\t\tif (values.sender == 'me') {\n\t\t\t\t\tvalues.author = currentUser.firstName + ' ' + currentUser.lastName;\n\t\t\t\t}\n\n\t\t\t\tdelete values.sender;\n\t\t\t}\n\n\t\t\t// Check for initialValues and make sure we have an id\n\t\t\tif (Object.keys(initialValues).length > 1 && initialValues.id != null) {\n\t\t\t\t// If the goals hasn't changed during the update we\n\t\t\t\t// just fetch the existing goals on the documentation and send them back\n\t\t\t\tif (goalIds.length < 1) {\n\t\t\t\t\tgoalIds = initialValues.associatedGoals;\n\t\t\t\t}\n\n\t\t\t\tif (removedFiles.length > 0) {\n\t\t\t\t\tremovedFiles.map((file) => {\n\t\t\t\t\t\tthis.props.deleteDocumentationFile(values.id, file.id);\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tvalues.associatedGoals = goalIds;\n\n\t\t\t\tupdate_preschooldocument(values, (data) => {\n\t\t\t\t\tresolve(data);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsubmit_preschooldocument(values, (data) => {\n\t\t\t\t\tresolve(data);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tonGoalsChange = (selectedGoals) => {\n\t\tthis.setState({ selectedGoals });\n\t}\n\n\tonPlanChange = (event) => {\n\t\tif (event.target.value != this.state.PlanId) {\n\t\t\tthis.props.getPlanDetails(event.target.value).then(() => {\n\t\t\t\tconst { plan } = this.props;\n\t\t\t\tlet goals = [];\n\t\t\t\tplan.associatedGoals.map(goal => {\n\t\t\t\t\tgoals.push({ goalId: goal.goalId });\n\t\t\t\t});\n\n\t\t\t\tthis.setState({ selectedGoals: goals });\n\t\t\t});\n\n\t\t\tthis.setState({ PlanId: event.target.value });\n\t\t}\n\t}\n\n\tdropzoneInit = (dropzone) => {\n\t\tthis.dropzone = dropzone;\n\t}\n\n\tonAddFile = (file) => {\n\t\tlet { Files } = this.state;\n\n\t\tif (file.size > 101000024) {\n\t\t\tthis.dropzone.removeFile(file);\n\n\t\t\t// File over 100MB\n\t\t\tswal.fire({\n\t\t\t\ttitle: this.props.translate('file-too-big'),\n\t\t\t\tshowCancelButton: false,\n\t\t\t\tconfirmButtonText: this.props.translate('okey'),\n\t\t\t});\n\n\t\t\treturn false;\n\t\t}\n\n\t\tFiles.push(file);\n\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({ Files });\n\t\t}, 40);\n\t}\n\n\tonRemoveFile = (file) => {\n\t\tlet { Files } = this.state;\n\n\t\tconst fileIndex = Files.findIndex(function (f) {\n\t\t\treturn f.upload.filename === file.upload.filename;\n\t\t});\n\n\t\tFiles.splice(fileIndex, 1);\n\t\tthis.setState({ Files }, () => {\n\t\t\tif (this.dropzone) {\n\t\t\t\tthis.dropzone.removeFile(file);\n\t\t\t}\n\t\t});\n\t}\n\n\tremoveFileFromDocument = (file) => {\n\t\tlet { removedFiles, uploadedFiles } = this.state;\n\n\t\tif (file != null) {\n\t\t\tuploadedFiles = uploadedFiles.filter((f) => f.id != file.id);\n\t\t\tremovedFiles.push(file);\n\t\t\tthis.setState({ removedFiles, uploadedFiles });\n\t\t}\n\t}\n\n\trenderInput = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t { this.onGoalSelect(goal) }}\n\t\t\t\t\t\t\t\t\t\t\t\tlabel={goal.title} />\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)\n\t\t\t\t\t})\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\trenderTextarea = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\n\t\t\t\t{touched && ((error &&\n\t\t\t\t\t{error}) || (warning &&\n\t\t\t\t\t\t{warning}))}\n\t\t\t
\n\t\t);\n\t}\n\n\trelationChange = (event) => {\n\t\tconst { PlanId } = this.state;\n\t\tlet sectionRelations = [];\n\t\tlet relations = Object.values(event);\n\n\t\trelations.map(rel => {\n\t\t\tif (rel.referenceType == 'SECTION') {\n\t\t\t\tsectionRelations.push(rel);\n\t\t\t}\n\n\t\t\tif (rel.referenceType == 'USER') {\n\t\t\t\tsectionRelations.push(rel);\n\t\t\t}\n\t\t});\n\n\t\tif (sectionRelations.length > 0) {\n\t\t\tconst firstReference = sectionRelations[0];\n\t\t\tlet sectionId = null;\n\n\t\t\tif (firstReference.referenceType == 'USER') {\n\t\t\t\tsectionId = firstReference.parentId;\n\t\t\t} else {\n\t\t\t\tsectionId = firstReference.referenceId;\n\t\t\t}\n\n\t\t\tif (this.state.sectionPlans != sectionId) {\n\t\t\t\tthis.props.getPlansBySectionId(sectionId);\n\t\t\t\tthis.setState({ sectionPlans: sectionId })\n\t\t\t}\n\t\t}\n\n\t\tif (sectionRelations.length > 1 && PlanId != null) {\n\t\t\tif (this.props.section == null) {\n\t\t\t\tthis.setState({ PlanId: null, selectedGoals: [], });\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ sectionRelations });\n\t}\n\n\ttriggerDropzone = () => {\n\t\tif (this.dropzone != null) {\n\t\t\tthis.dropzone.hiddenFileInput.click();\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tsections,\n\t\t\tinitialValues,\n\t\t\tcurrentUser,\n\t\t} = this.props;\n\n\t\tlet { Files, uploadedFiles, PlanId, sectionRelations } = this.state;\n\t\tconst isEditing = (initialValues != null && initialValues.id != null);\n\n\t\tif (sectionRelations != null && sectionRelations.length > 0) {\n\t\t\tsectionRelations = sectionRelations.filter(rel =>\n\t\t\t\trel.referenceType == 'SECTION'\n\t\t\t);\n\t\t}\n\n\t\tlet myOwnedEducationGroups = sections != null ? sections.filter((section) => { return section.currentUserRole === 'OWNER' }) : [];\n\n\t\tif (isEditing) {\n\t\t\tconst { author } = this.props.initialValues;\n\t\t\tinitialValues.sender = author == currentUser.firstName + ' ' + currentUser.lastName ? 'me' : 'custom';\n\t\t} else {\n\t\t\tinitialValues.sender = 'me';\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t true}\n\t\t\t\t\tmutators={{\n\t\t\t\t\t\tsetStatusDraft: (args, state, utils) => {\n\t\t\t\t\t\t\tutils.changeValue(state, 'status', () => 'DOCUMENTATION_DRAFT');\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsetStatusPublished: (args, state, utils) => {\n\t\t\t\t\t\t\tutils.changeValue(state, 'status', () => 'DOCUMENTATION_PUBLISHED');\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\trender={({ form, valid, handleSubmit, submitting }) => {\n\t\t\t\t\t\tconst senderValue = form.getFieldState('sender')?.value;\n\t\t\t\t\t\treturn
\n\n\t\t\t\t\t\t\t{isEditing && initialValues.associatedFiles != null ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{uploadedFiles != null && uploadedFiles.length > 0 && initialValues?.associatedFiles?.length > 0 ?\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{uploadedFiles.map((file) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn -1 ? ' image' : ''}`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{file.type.indexOf('image') > -1 ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{file.name}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t { this.removeFileFromDocument(file) }} className=\"file-delete-btn\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\tform.mutators.setStatusPublished();\n\t\t\t\t\t\t\t\t\t\tform.submit();\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tdisabled={submitting || !valid}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{this.props.translate('publish')}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{isEditing && initialValues.status != \"DOCUMENTATION_DRAFT\" ? null : (\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\tform.mutators.setStatusDraft();\n\t\t\t\t\t\t\t\t\t\t\tform.submit();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\tdisabled={submitting || !valid}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{this.props.translate(\"save-draft\")}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{submitting ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state, ownProps) {\n\tlet values = {\n\t\t...ownProps.values,\n\t\t...state.Documents.activeDocument\n\t};\n\n\treturn {\n\t\tcurrentUser: state.user.currentUser,\n\t\tinitialValues: values,\n\t\tsectionPlans: state.planning.sectionPlans,\n\t\tplan: state.planning.active_plan,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tsections: state.sections.educationGroups,\n\t\tpreschoolDocuments: state.Posts.documents,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tsubmit_preschooldocument,\n\tupdate_preschooldocument,\n\tgetPlansBySectionId,\n\tgetSection,\n\tgetSections,\n\tdeleteDocumentationFile,\n\tgetPlanDetails,\n})(Documentation));\n","import Moment from 'moment';\nimport React, { Component } from 'react';\nimport DatePicker from 'react-datepicker';\nimport { registerLocale, setDefaultLocale } from \"react-datepicker\";\nimport sv from 'date-fns/locale/sv';\nimport no from 'date-fns/locale/nb';\nimport en from 'date-fns/locale/en-US';\nimport da from 'date-fns/locale/da';\nimport uk from 'date-fns/locale/uk';\nimport { translate, getActiveLanguage } from '@haldor/ui';\nimport { connect } from 'react-redux';\n\nclass DatePickerEvent extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tMoment.locale(getActiveLanguage());\n\t\tregisterLocale('en-US', en);\n\t\tregisterLocale('sv-SE', sv);\n\t\tregisterLocale('nb-NO', no);\n\t\tregisterLocale('da-DK', da);\n\t\tregisterLocale('uk', uk);\n\t\tsetDefaultLocale('en-US');\n\n\t\tthis.state = {\n\t\t\ttimeStart: props.values?.eventDate != null ? Moment.utc(props.values.eventDate).local() : null,\n\t\t\tdtPickerStartDate: props.values?.eventDate != null ? Moment.utc(props.values.eventDate).local() : null,\n\t\t\tPublished: props.values?.published != null && props.values?.status == 'POST_PUBLISHED' ? Moment.utc(props.values.published).local() :\n\t\t\t\tprops.values?.published != null && Moment.utc(props.values.published).local() > Moment() ? Moment.utc(props.values.published).local() : Moment(),\n\t\t\tdtPickerPublished: props.values?.published != null && props.values?.status == 'POST_PUBLISHED' ? Moment.utc(props.values.published).local() :\n\t\t\t\tprops.values?.published != null && Moment.utc(props.values.published).local() > Moment() ? Moment.utc(props.values.published).local() : Moment(),\n\t\t\tdtPickerDueDate: props.values?.validUntil != null ? Moment.utc(props.values.validUntil).local() : null,\n\t\t\ttimeEnd: props.values?.validUntil != null ? Moment.utc(props.values.validUntil).local() : null,\n\t\t\tupdated: false,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tif (nextProps.values != null && this.state.updated == false) {\n\t\t\tthis.setState({\n\t\t\t\tdtPickerStartDate: nextProps.values.eventDate != null ? Moment.utc(nextProps.values.eventDate).local() : this.state.dtPickerStartDate,\n\t\t\t\tPublished: nextProps.values.published != null ? Moment.utc(nextProps.values.published).local() : this.state.Published,\n\t\t\t\tdtPickerPublished: nextProps.values.published != null && nextProps.values?.status == 'POST_PUBLISHED' ? Moment.utc(nextProps.values.published).local() : this.state.dtPickerPublished,\n\t\t\t\tdtPickerDueDate: nextProps.values.validUntil != null ? Moment.utc(nextProps.values.validUntil).local() : this.state.dtPickerDueDate,\n\t\t\t\ttimeEnd: nextProps.values.validUntil != null ? Moment.utc(nextProps.values.validUntil).local() : this.state.timeEnd,\n\t\t\t\tupdated: true\n\t\t\t});\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.onChange();\n\t}\n\n\tonStartChange = (date) => {\n\t\tdate = date != null ? Moment(date) : null;\n\t\tlet { dtPickerStartDate, timeStart, dtPickerDueDate, timeEnd } = this.state;\n\t\tdtPickerStartDate = date != null ? Moment(date).set({ hours: 23, minutes: 59, seconds: 59 }) : null;\n\t\ttimeStart = date != null ? Moment(date).set({ hours: 23, minutes: 59, seconds: 59 }) : null;\n\n\t\tif (date != null) {\n\t\t\tvar dueDate = Moment(date).add(2, 'days');\n\t\t\tif (dtPickerDueDate != null && date.diff(dtPickerDueDate, 'days') > 0) {\n\t\t\t\tdtPickerDueDate = dueDate;\n\t\t\t\ttimeEnd = dueDate;\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ dtPickerDueDate, timeEnd, dtPickerStartDate, timeStart }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\tonEndChange = (date) => {\n\t\tdate = date != null ? Moment(date) : null;\n\t\tlet { dtPickerDueDate, timeEnd, dtPickerPublished, Published } = this.state;\n\t\tdtPickerDueDate = date != null ? Moment(date).set({ hours: 23, minutes: 59, seconds: 59 }) : null;\n\t\ttimeEnd = date != null ? Moment(date).set({ hours: 23, minutes: 59, seconds: 59 }) : null;\n\n\t\tif (date != null && timeEnd) {\n\t\t\tvar publishedDate = timeEnd;\n\t\t\tif (timeEnd.diff(dtPickerPublished, 'days') < 0) {\n\t\t\t\tdtPickerPublished = publishedDate;\n\t\t\t\tPublished = publishedDate;\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ dtPickerDueDate, timeEnd, dtPickerPublished, Published }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\tonPublishedChange = (date) => {\n\t\tdate = date != null ? Moment(date) : null;\n\t\tlet { dtPickerPublished, Published, dtPickerDueDate, timeEnd, dtPickerStartDate, timeStart } = this.state;\n\t\tdtPickerPublished = date != null ? Moment(date).set({ hours: 0, minutes: 0, seconds: 0 }) : null;\n\t\tPublished = date != null ? Moment(date).set({ hours: 0, minutes: 0, seconds: 0 }) : null;\n\n\t\tif (date != null) {\n\t\t\tvar dueDate = date.add(2, 'days');\n\t\t\tvar startDate = date;\n\t\t\tif (dtPickerDueDate != null && date.diff(dtPickerDueDate) > 0) {\n\t\t\t\tdtPickerDueDate = dueDate;\n\t\t\t\ttimeEnd = dueDate;\n\t\t\t}\n\n\t\t\tif (dtPickerStartDate != null && date.diff(dtPickerStartDate) > 0) {\n\t\t\t\tdtPickerStartDate = startDate;\n\t\t\t\ttimeStart = startDate;\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ dtPickerPublished, dtPickerDueDate, timeEnd, timeStart, dtPickerStartDate, Published }, () => {\n\t\t\tthis.onChange();\n\t\t});\n\t}\n\n\tonChange = () => {\n\t\tif (this.props.onChange) {\n\t\t\tlet start = this.state.timeStart != null ?\n\t\t\t\tMoment(this.state.timeStart).format() : null;\n\n\t\t\tlet end = this.state.timeEnd != null ?\n\t\t\t\tMoment(this.state.timeEnd).format() : null;\n\n\t\t\tlet published = this.state.Published != null ?\n\t\t\t\tMoment(this.state.Published).format() : null;\n\n\t\t\tconst dates = {\n\t\t\t\tstart,\n\t\t\t\tend,\n\t\t\t\tpublished,\n\t\t\t};\n\n\t\t\tthis.props.onChange(dates);\n\t\t}\n\t}\n\n\tgetDateFormat = () => {\n\t\tlet format = Moment.localeData(getActiveLanguage()).longDateFormat(\"L\");\n\t\tlet newFormat = format.replace(\"YYYY\", \"yyyy\");\n\t\tlet days = newFormat.replace(\"DD\", \"dd\");\n\t\treturn days;\n\t};\n\n\tnormalizeLocale = (locale) => {\n\t\tconst [language, region] = locale.split('-');\n\n\t\tif (language.toUpperCase() == \"UK\"){\n\t\t\treturn `uk`;\n\t\t}\n\t\treturn `${language}-${region.toUpperCase()}`;\n\t};\n\n\trender() {\n\t\tconst { showEnd } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t{this.state.uploadProgress != null ?\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tlanguages: state.Languages.languages\n\t};\n}\n\nexport default connect(mapStateToProps)(DatePickerEvent);\n","import { addError } from 'actions';\nimport { submit_post, update_post, deletePostFile } from 'actions/posts';\nimport { getMentorGroups, getSection, getSections } from 'actions/sections';\nimport moment from 'moment';\n\nimport User from '_class/User';\n\nimport GroupUserSelect from 'components/List/GroupUserSelect';\nimport UserSelect from 'components/List/UserSelect';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport DropzoneComponent from 'react-dropzone-component';\nimport { connect } from 'react-redux';\nimport { Form, Field } from 'react-final-form';\nimport { Expandable, List, Spinner } from 'UI';\nimport { withRouter } from 'react-router-dom';\nimport { Button, Checkbox, Radio, Icon, translate } from '@haldor/ui';\nimport { Close, Image } from 'UI/Icons';\nimport { Editor } from 'UI/Inputs';\nimport DatePickerEvent from './Partials/DatePickerEvent';\nimport swal from 'sweetalert2';\nimport FileItem from 'components/FileItem';\n\nimport getEnvironment from 'lib/env';\nimport { getToken, loginRequest, http } from 'lib/msal';\n\nclass Post extends Component {\n\tstatic contextTypes = {\n\t\trouter: PropTypes.object,\n\t};\n\n\tstatic defaultProps = {\n\t\tselectMultipleSchools: false,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet uploadedFiles = [];\n\t\tif (props.activePost != null && props.activePost.associatedFiles != null) {\n\t\t\tuploadedFiles = props.activePost.associatedFiles;\n\t\t}\n\n\t\tthis.state = {\n\t\t\tFiles: [],\n\t\t\tuploadedFiles: uploadedFiles,\n\t\t\tremovedFiles: [],\n\t\t\timportant: props.activePost != null ? props.activePost.important : false,\n\t\t\tdateStart: null,\n\t\t\tdateEnd: null,\n\t\t\tpublished: null,\n\t\t\terror: null,\n\t\t\tuploadProgress: null,\n\t\t}\n\n\t\tthis.dropzone = null;\n\n\t\t/* Configure dropzone component */\n\t\tthis.componentConfig = {\n\t\t\ticonFiletypes: ['.jpg', '.png', '.gif'],\n\t\t\tshowFiletypeIcon: false,\n\t\t\tpostUrl: http.defaults.baseURL + 'fileItems',\n\t\t\tdropzoneSelector: '.dropzone-trigger',\n\t\t};\n\n\t\tthis.djsConfig = {\n\t\t\tautoProcessQueue: false,\n\t\t\tparallelUploads: 1,\n\t\t\ttimeout: 99900000,\n\t\t\theaders: {},\n\t\t};\n\n\t\tlet request = loginRequest;\n\t\trequest.scopes = [\n\t\t\t...getEnvironment().scopes,\n\t\t\t...request.scopes\n\t\t];\n\n\t\tgetToken(request).then((response) => {\n\t\t\tthis.djsConfig.headers['Authorization'] = 'Bearer ' + response.accessToken;\n\t\t});\n\n\t\tthis.dropzoneEvents = {\n\t\t\tinit: this.dropzoneInit,\n\t\t\taddedfile: this.onAddFile,\n\t\t\tsuccess: () => {\n\t\t\t\tthis.dropzone.processQueue();\n\t\t\t},\n\t\t};\n\t}\n\n\t/* Redux form functions */\n\trequired = (value) => {\n\t\tif (value != null && value !== '') {\n\t\t\tif (value.length > 199) {\n\t\t\t\t// Field failed validation, return error for this field (String)\n\t\t\t\treturn this.props.translate('field-max-200-chars');\n\t\t\t}\n\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string and not over 200 characters\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\tquillValidation = (value) => {\n\t\tvar strValue = value;\n\n\t\tvar text = '';\n\t\tif (typeof (strValue) == 'string') {\n\t\t\ttext = strValue.replace(/<(?:.|\\n)*?>/gm, '');\n\t\t}\n\n\t\tif (text == \"\" || text == null) {\n\t\t\treturn this.props.translate('needs-description');\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tvalidateRelationships = (value) => {\n\t\tif (value == null || value == '') {\n\t\t\treturn this.props.translate('select-relation-error');\n\t\t}\n\n\t\tif (value.length == 0) {\n\t\t\treturn this.props.translate('select-relation-error');\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tcomponentDidMount = () => {\n\t\tlet promises = [];\n\t\tconst user = new User(this.props.currentUser);\n\t\tif ((user.isMentor() || user.isSchoolLeader() || user.isAdministrator()) && this.props.mentorGroups.length == 0) {\n\t\t\tlet mentorPromise = this.props.getMentorGroups();\n\t\t\tpromises.push(mentorPromise);\n\t\t}\n\n\t\tif (this.props.sections == null) {\n\t\t\tlet sectionPromise = this.props.getSections();\n\t\t\tpromises.push(sectionPromise);\n\t\t}\n\n\t\tif (promises.length > 0) {\n\t\t\tthis.setState({ loading: true });\n\t\t}\n\n\t\tPromise.all(promises).then(() => {\n\t\t\tthis.setState({ loading: false });\n\t\t});\n\t}\n\n\tonCancel = (event) => {\n\t\tevent.preventDefault();\n\n\t\tif (this.props.onModalClose) {\n\t\t\tthis.props.onModalClose();\n\t\t}\n\t}\n\n\tsubmit = (values) => new Promise((resolve, reject) => {\n\t\tif (values.relationships == null) {\n\t\t\tthis.setState({ error: this.props.translate('select-relation-error') + '!' });\n\n\t\t\treject(0);\n\t\t\treturn false;\n\t\t}\n\n\t\tconst { activePost } = this.props;\n\t\tconst isEditing = (activePost != null && Object.keys(activePost).length > 0);\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (this.dropzone && this.dropzone.getQueuedFiles().length > 0) {\n\t\t\tthis.dropzone.on('totaluploadprogress', (progress) => {\n\t\t\t\tthis.setState({ uploadProgress: progress });\n\t\t\t});\n\n\t\t\tconst that = this;\n\t\t\tthis.readyForSubmit(values).then((data) => {\n\t\t\t\tlet url = `${http.defaults.baseURL}posts/${data}/files?schoolId=${user.getActiveSchool().id}`;\n\t\t\t\tif (isEditing) {\n\t\t\t\t\turl = `${http.defaults.baseURL}posts/${activePost.id}/files?schoolId=${user.getActiveSchool().id}`;\n\t\t\t\t}\n\n\t\t\t\tthis.componentConfig.postUrl = url;\n\t\t\t\tthis.dropzone.options.url = url;\n\t\t\t\tthis.dropzone.processQueue();\n\n\t\t\t\tthis.dropzone.on(\"queuecomplete\", () => {\n\t\t\t\t\tif (isEditing) {\n\t\t\t\t\t\tif (that.props.onModalClose) {\n\t\t\t\t\t\t\tthat.props.onModalClose(true, true);\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.props.history.push(`/post/${data}`)\n\t\t\t\t\t}\n\n\t\t\t\t\tresolve(data);\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\tconst that = this;\n\t\t\tthis.readyForSubmit(values).then((data) => {\n\t\t\t\tif (isEditing) {\n\t\t\t\t\tif (that.props.onModalClose) {\n\t\t\t\t\t\tthat.props.onModalClose(true, true);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.props.history.push(`/post/${data}`);\n\t\t\t\t}\n\n\t\t\t\tresolve(data);\n\t\t\t});\n\t\t}\n\t});\n\n\treadyForSubmit = (values) => {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tconst {\n\t\t\t\tremovedFiles,\n\t\t\t\tdateStart,\n\t\t\t\tdateEnd,\n\t\t\t\tpublished,\n\t\t\t\timportant,\n\t\t\t} = this.state;\n\n\t\t\tconst { submit_post, update_post, activePost } = this.props;\n\t\t\tconst isEditing = (activePost != null && Object.keys(activePost).length > 1);\n\n\t\t\t/* Add custom inputs to the values object that redux form creates */\n\t\t\tvalues.eventDate = dateStart;\n\t\t\tvalues.validUntil = dateEnd;\n\t\t\tvalues.published = published;\n\t\t\tvalues.important = important;\n\t\t\tvalues.targetAudience = '';\n\n\t\t\tif (values.targetStudents) {\n\t\t\t\tvalues.targetAudience += 'STUDENTS:';\n\t\t\t}\n\n\t\t\tif (values.targetGuardians) {\n\t\t\t\tvalues.targetAudience += 'GUARDIANS:';\n\t\t\t}\n\n\t\t\tif (values.targetGuardians && values.targetStudents) {\n\t\t\t\tvalues.targetAudience = 'ALL';\n\t\t\t}\n\n\t\t\tif (values.targetAudience[values.targetAudience.length - 1] == ':') {\n\t\t\t\tvalues.targetAudience.substring(0, values.targetAudience.length - 1);\n\t\t\t}\n\n\t\t\tif (values.status == null) {\n\t\t\t\tvalues.status = 'POST_PUBLISHED';\n\t\t\t}\n\n\t\t\t// Remove internal form properties from data\n\t\t\tdelete values.targetGuardians;\n\t\t\tdelete values.targetStudents;\n\n\t\t\tif (values.sender != null) {\n\t\t\t\tif (values.sender == 'me') {\n\t\t\t\t\tvalues.author = null;\n\t\t\t\t}\n\n\t\t\t\tdelete values.sender;\n\t\t\t}\n\n\t\t\t// Convert dates to UTC\n\t\t\tvalues.published = moment(values.published).utc().format();\n\t\t\tif (values.eventDate != null) {\n\t\t\t\tvalues.eventDate = moment(values.eventDate).utc().format();\n\t\t\t}\n\n\t\t\tif (values.validUntil != null) {\n\t\t\t\tvalues.validUntil = moment(values.validUntil).utc().format();\n\t\t\t}\n\n\t\t\tif (isEditing) {\n\t\t\t\tif (removedFiles.length > 0) {\n\t\t\t\t\tremovedFiles.map((file) => {\n\t\t\t\t\t\tthis.props.deletePostFile(values.id, file.id);\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\t// Clear out the \"files\" object with fetched files to save data\n\t\t\t\tvalues.files = null; // Do NOT send the file src in the PUT request\n\n\t\t\t\tupdate_post(values, (data) => {\n\t\t\t\t\tresolve(data);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsubmit_post(values).then(() => {\n\t\t\t\t\tresolve(this.props.createdPost.id);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tonDateChange = (dates) => {\n\n\t\tdates.start = dates.start != null ? moment(dates.start) : null;\n\t\tdates.end = dates.end != null ? moment(dates.end) : null;\n\t\tdates.published = dates.published != null ? moment(dates.published) : null;\n\n\t\tthis.setState({ dateStart: dates.start, dateEnd: dates.end, published: dates.published });\n\t}\n\n\tdropzoneInit = (dropzone) => {\n\t\tthis.dropzone = dropzone;\n\t}\n\n\tonAddFile = (file) => {\n\t\tlet { Files } = this.state;\n\n\t\tif (file.size > 101000024) {\n\t\t\tthis.dropzone.removeFile(file);\n\n\t\t\t// File over 100MB\n\t\t\tswal.fire({\n\t\t\t\ttitle: this.props.translate('file-too-big'),\n\t\t\t\tshowCancelButton: false,\n\t\t\t\tconfirmButtonText: this.props.translate('okey'),\n\t\t\t});\n\n\t\t\treturn false;\n\t\t}\n\n\t\tFiles.push(file);\n\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({ Files });\n\t\t}, 40);\n\t}\n\n\tonRemoveFile = (file) => {\n\t\tlet { Files } = this.state;\n\n\t\tconst fileIndex = Files.findIndex(function (f) {\n\t\t\treturn f.upload.filename === file.upload.filename;\n\t\t});\n\n\t\tFiles.splice(fileIndex, 1);\n\t\tthis.setState({ Files }, () => {\n\t\t\tif (this.dropzone) {\n\t\t\t\tthis.dropzone.removeFile(file);\n\t\t\t}\n\t\t});\n\t}\n\n\tremoveFileFromDocument = (file) => {\n\t\tlet { uploadedFiles, removedFiles } = this.state;\n\n\t\tif (file != null) {\n\t\t\tconst filesIndex = uploadedFiles.findIndex(function (f) {\n\t\t\t\treturn f.id === file.id;\n\t\t\t});\n\n\t\t\tconst fileObject = uploadedFiles[filesIndex];\n\n\t\t\tuploadedFiles.splice(filesIndex, 1);\n\t\t\tremovedFiles.push(fileObject);\n\n\t\t\tthis.setState({ uploadedFiles, removedFiles });\n\t\t}\n\t}\n\n\timportantToggle = (checked) => {\n\t\tthis.setState({ important: checked });\n\t}\n\n\trenderInput = ({ input, label, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t{showEnd ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('important-visible-seven-days')}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\trenderTextarea = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\n\t\t\t\t{touched && ((error &&\n\t\t\t\t\t{error}) || (warning &&\n\t\t\t\t\t\t{warning}))}\n\t\t\t
\n\t\t);\n\t}\n\n\ttriggerDropzone = () => {\n\t\tif (this.dropzone != null) {\n\t\t\tthis.dropzone.hiddenFileInput.click();\n\t\t}\n\t}\n\n\trender() {\n\t\tlet sections = [];\n\n\t\tlet initialValues = JSON.parse(JSON.stringify(this.props.activePost))\n\t\tconst isEditing = (initialValues != null && initialValues.id != null);\n\n\t\tif (initialValues == null) {\n\t\t\tinitialValues = {};\n\t\t}\n\n\t\tif (isEditing) {\n\t\t\tconst { targetAudience, author } = initialValues;\n\t\t\tconst { currentUser } = this.props;\n\n\t\t\tinitialValues.targetStudents = targetAudience == 'ALL' || targetAudience?.indexOf('STUDENTS') > -1;\n\t\t\tinitialValues.targetGuardians = targetAudience == 'ALL' || targetAudience?.indexOf('GUARDIANS') > -1;\n\t\t\tinitialValues.sender = author == currentUser.firstName + ' ' + currentUser.lastName ? 'me' : 'custom';\n\t\t} else {\n\t\t\tinitialValues.targetStudents = true;\n\t\t\tinitialValues.targetGuardians = true;\n\t\t\tinitialValues.sender = 'me';\n\t\t}\n\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (user.isMentor() || user.isSchoolLeader() || user.isAdministrator()) {\n\t\t\tsections = this.props.sections.concat(this.props.mentorGroups);\n\t\t} else {\n\t\t\tsections = this.props.sections;\n\t\t}\n\n\t\tif (!(user.isSchoolLeader() || user.isAdministrator())) {\n\t\t\t// Only show groups user is owner for\n\t\t\tsections = sections.filter(section => {\n\t\t\t\treturn section.userRole === \"OWNER\";\n\t\t\t});\n\t\t}\n\n\t\tif (this.state.loading) {\n\t\t\treturn \n\t\t\t\t {\n\t\t\t\t\t\t\tutils.changeValue(state, 'status', () => 'POST_DRAFT');\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsetStatusPublished: (args, state, utils) => {\n\t\t\t\t\t\t\tutils.changeValue(state, 'status', () => 'POST_PUBLISHED');\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tinitialValues={initialValues}\n\t\t\t\t\tinitialValuesEqual={() => true}\n\t\t\t\t\trender={({ handleSubmit, form, valid, submitting, initialValues }) => {\n\t\t\t\t\t\tlet { Files, uploadedFiles, important } = this.state;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t{isEditing && initialValues.associatedFiles != null ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{uploadedFiles != null && uploadedFiles.length > 0 && initialValues.associatedFiles.length > 0 ?\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{!passingGroup ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{uploadedFiles.map((file, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn -1 ? ' image' : ''}`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{file.type.indexOf('image') > -1 ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{file.name}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t { this.removeFileFromDocument(file) }} className=\"file-delete-btn\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('preschooldocument-form-studentgrouperror')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{isEditing ?\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\tform.mutators.setStatusPublished();\n\t\t\t\t\t\t\t\t\t\t\t\tform.submit();\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={submitting || !valid || !passingGroup || (this.state.important == true && this.state.dateStart == null)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('publish')}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t{isEditing && initialValues.status != \"POST_DRAFT\" ? null : (\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\tform.mutators.setStatusDraft();\n\t\t\t\t\t\t\t\t\t\t\t\tform.submit();\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tdisabled={submitting || !valid || (this.state.important == true && this.state.dateStart == null)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate(\"save-draft\")}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tsections: state.sections.educationGroups,\n\t\tmentorGroups: state.sections.mentorGroups,\n\t\tcurrentUser: state.user.currentUser,\n\t\tcreatedPost: state.Posts.createdPost,\n\t\tactivePost: state.Posts.activePost,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tsubmit_post,\n\tupdate_post,\n\tgetSection,\n\tgetSections,\n\tdeletePostFile,\n\taddError,\n\tgetMentorGroups,\n})(Post));","import React, { Component } from 'react';\nimport DateTime from '_class/DateTime';\n\nclass FromNow extends Component {\n\n\ticon() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t{this.props.translate('no-items-found')}\n\t\t\t
\n\t\t);\n\t}\n\n\theaderContent = (document) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tcontent = (document) => {\n\t\tif (document.ReferenceType == 'post') {\n\t\t\tlet strippedDescription = \"\";\n\n\t\t\tif (document.abbreviatedDescription != null) {\n\t\t\t\tstrippedDescription = getDescription(document.abbreviatedDescription).replace(/(<([^>]+)>)/ig, '');\n\t\t\t\tif (strippedDescription.length > 99) {\n\t\t\t\t\tstrippedDescription = strippedDescription.slice(0, 100) + '…';\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{document.author != null ?\n\t\t\t\t\t\ttypeof document.author == 'string' ?\n\t\t\t\t\t\t\tdocument.author\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t`${document.author.firstName != null ? document.author.firstName : ''} ${document.author.lastName != null ? document.author.lastName : ''}`\n\t\t\t\t\t\t: ' '}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t{document.published != null ?\n\t\t\t\t\t\tmoment.utc(document.published).isAfter(moment()) ?\n\t\t\t\t\t\t\t{moment.utc(document.published).local().format()} \n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t{moment.utc(document.published).local()} \n\t\t\t\t\t\t: null}\n\t\t\t\t
\n\n\t\t\t\t{document.important && document.eventDate != null ?\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{document.status == 'POST_DRAFT' || document.status == 'DOCUMENTATION_DRAFT' ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Draft')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{document.important && document.eventDate != null && moment() <= moment(document.eventDate) ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('important!')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\tif (document.description) {\n\t\t\t\tlet strippedDescription = getDescription(document.description).replace(/(<([^>]+)>)/ig, '');\n\t\t\t\tif (strippedDescription.length > 99) {\n\t\t\t\t\tstrippedDescription = strippedDescription.slice(0, 100) + '…';\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t{document.title}
\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t{document.title}
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\t}\n\n\tfooterContent = (document) => {\n\t\tconst { preschoolGoals } = this.props;\n\n\t\tif (document.associatedGoals && document.associatedGoals.length > 0) {\n\t\t\tlet groups = [];\n\n\t\t\tif (preschoolGoals && preschoolGoals.length > 0) {\n\t\t\t\tpreschoolGoals.map(goal => {\n\t\t\t\t\tconst inDocument = document.associatedGoals.find(function (goalOb) {\n\t\t\t\t\t\treturn goalOb.goalId == goal.id;\n\t\t\t\t\t});\n\n\t\t\t\t\tif (typeof (inDocument) != 'undefined') {\n\t\t\t\t\t\tlet inArray = groups.findIndex(i => i.name == goal.group);\n\n\t\t\t\t\t\tif (inArray > -1) {\n\t\t\t\t\t\t\treturn groups[inArray].count++;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlet group = {\n\t\t\t\t\t\t\t\t'name': goal.group,\n\t\t\t\t\t\t\t\t'color': goal.colorCode,\n\t\t\t\t\t\t\t\t'count': 1,\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\treturn groups.push(group);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t{document.title}
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\trenderDocument = (document) => {\n\t\tlet link = '';\n\t\tconst { limit } = this.props;\n\n\t\tif (document.ReferenceType == 'post') {\n\t\t\tlink = 'post/' + document.id;\n\t\t} else {\n\t\t\tlink = 'preschooldocument/' + document.id;\n\t\t}\n\n\t\t// Do not show important posts if this is for dashboard.\n\t\t// Assuming it is for dashboard if there is a limit (also since that is what decides if Importat is to be shown)\n\t\tif (limit &&\n\t\t\tdocument.important &&\n\t\t\tdocument.ReferenceType == \"post\" &&\n\t\t\tmoment().isSameOrAfter(moment(document.published), 'day') &&\n\t\t\tmoment(document.eventDate).isSameOrAfter(moment(), 'day') &&\n\t\t\tmoment().isSameOrAfter(moment(document.eventDate).subtract(7, \"days\"), 'day')) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet expireDate = moment(document.validUntil).hour(23).minute(59);\n\t\tif (this.props.limit != false && document.validUntil != null && expireDate.diff(moment()) < 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet file = null;\n\t\tif (document.associatedFiles != null && document.associatedFiles.length > 0) {\n\t\t\tfile = document.associatedFiles.find(file => {\n\t\t\t\treturn file.type && file.type.indexOf('image') > -1;\n\t\t\t})\n\t\t}\n\n\t\treturn (\n\t\t\t{this.props.translate('goals')}
\n\n\t\t\t\t\t{groups.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{groups.map(group => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{group.name} ({group.count})\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Create documentation')}\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Create post')}\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t{user.isOperationManager() ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Create schoolwide announcement')}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\tif (user.isOperationManager()) {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Create post')}\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Create schoolwide announcement')}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (user.isTeacher() || user.isMentor() || user.isAdministrator() || user.isSchoolLeader()) {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn null;\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { loadingDocuments, loadingPosts } = this.state;\n\t\tlet isPreschool = false;\n\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (user.getActiveSchool() != null && user.getActiveSchool().type == PRESCHOOL) {\n\t\t\tisPreschool = true;\n\t\t}\n\n\t\tlet sections = [];\n\t\tif (user.isMentor() || user.isAdministrator() || user.isSchoolLeader() || user.isOperationManager()) {\n\t\t\tsections = this.props.groups.concat(this.props.mentorGroups);\n\t\t} else {\n\t\t\tsections = this.props.groups;\n\t\t}\n\n\t\tif (!(user.isStudent() || user.isSchoolLeader() || user.isAdministrator() || user.isOperationManager())) {\n\t\t\tsections = sections.filter(section => {\n\t\t\t\treturn section.userRole === \"OWNER\";\n\t\t\t});\n\t\t}\n\n\t\tvar importantPosts = [];\n\t\tthis.props.combined.forEach((post) => {\n\t\t\tlet SevenDaysAgo = moment(post.eventDate).subtract(7, \"days\");\n\t\t\tif (post.important && post.ReferenceType == \"post\" && moment().isSameOrAfter(moment(post.published), 'day') && moment(post.eventDate).isSameOrAfter(moment(), 'day') && moment().isSameOrAfter(SevenDaysAgo, 'day')) {\n\t\t\t\timportantPosts.push(post);\n\t\t\t}\n\t\t});\n\n\t\timportantPosts.sort((a, b) => {\n\t\t\treturn moment(a.eventDate).unix() - moment(b.eventDate).unix();\n\t\t});\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.props.combined.find((post) =>\n\t\t\t\t\tpost.important &&\n\t\t\t\t\tpost.ReferenceType == \"post\" &&\n\t\t\t\t\tmoment().isSameOrAfter(moment(post.published), 'day') &&\n\t\t\t\t\tmoment(post.eventDate).isSameOrAfter(moment(), 'day') &&\n\t\t\t\t\tmoment().isSameOrAfter(moment(post.eventDate).subtract(7, \"days\"), 'day')\n\t\t\t\t) != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tuser: state.user.user,\n\t\tcurrentUser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tdocumentations: state.CombinedEvents.documentations,\n\t\tposts: state.CombinedEvents.posts,\n\t\tcollectionInformation: state.Posts.collectionInformation,\n\t\tpreschoolGoals: state.PreschoolGoals.preschoolGoals,\n\t\tgroups: state.sections.educationGroups,\n\t\tcombined: state.CombinedEvents.combined,\n\t\tgroupCombined: state.CombinedEvents.sectionCombined,\n\t\tmentorGroups: state.sections.mentorGroups\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetDocumentsPage,\n\tgetPostsPage,\n\tgetFileUrl,\n\tfetch_preschoolgoals,\n\tgetPostsBySectionId,\n\tclearSectionDocumentsFromStore,\n\tclearDocumentsFromStore,\n\tclearPostsFromStore,\n\tsetPageTitle,\n\tsetPageActions,\n\tgetMentorGroups,\n\tsetPostCollectionInfo\n})(MyPosts);","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\n\nclass Select extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t}\n\n\tOptions = () => {\n\t\tif (this.props.dataType === 'assignmentTypes') {\n\t\t\treturn (\n\t\t\t\tthis.props.options.map((item, i) => (\n\t\t\t\t\t\n\t\t\t\t))\n\t\t\t);\n\t\t} else if (this.props.dataType == 'assignment') {\n\t\t\treturn this.props.status.assignmentStatus.map((item, i) => {\n\t\t\t\tif (item.selectable) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t});\n\t\t} else if (this.props.dataType == 'assignmentStatus') {\n\t\t\treturn this.props.options.map((item, i) => {\n\t\t\t\tif (item.selectable) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t});\n\t\t} else if (this.props.dataType == 'plan') {\n\t\t\treturn this.props.options.map((item, i) => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t});\n\t\t} else if (this.props.dataType == 'assignment-plan') {\n\t\t\treturn this.props.options.map((item, i) => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t\telse if (this.props.dataType == 'groups-selector') {\n\t\t\treturn this.props.options.map((item, i) => (\n\t\t\t\t\n\t\t\t));\n\t\t}\n\n\t\treturn (\n\t\t\tthis.props.options.map((item, i) => (\n\t\t\t\t\n\t\t\t))\n\t\t);\n\t}\n\n\tplaceholderOption = () => {\n\t\tif (this.props.placeholder) {\n\t\t\tlet selectValue = '0';\n\n\t\t\tif (this.props.placeholderValue) {\n\t\t\t\tselectValue = this.props.placeholderValue;\n\t\t\t} else if (this.props.placeholderValue === '') {\n\t\t\t\tselectValue = this.props.placeholderValue;\n\t\t\t}\n\n\t\t\tif (this.props.placeholder != null && this.props.placeholder != '' && !this.props.placeholder) {\n\t\t\t\treturn ;\n\t\t\t}\n\n\t\t\treturn ;\n\t\t}\n\t}\n\n\tonChange = (event) => {\n\t\tif (this.props.onChange != null && typeof this.props.onChange == 'function') {\n\t\t\tthis.props.onChange(event);\n\t\t}\n\n\t\tif (this.props.input != null) {\n\t\t\tif (this.props.input.onChange != null && typeof this.props.input.onChange == 'function') {\n\t\t\t\tthis.props.input.onChange(event.target.value);\n\t\t\t}\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { label, name, id, input, selectedValue, disabled, meta } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.overview ?\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t{importantPosts.map((post) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{!user.isStudent() && isPreschool ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t})}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{post.title}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t{loadingDocuments || loadingPosts ?\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t{label ? : ''}\n\t\t\t\t\n\t\t\t\t\t{this.placeholderOption()}\n\t\t\t\t\t{this.Options()}\n\t\t\t\t\n\n\t\t\t\t{typeof (meta) !== 'undefined' ?\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tstatus: state.status.status,\n\t};\n}\n\n\nexport default connect(mapStateToProps)(Select);\n","export const GetGroupedByStudent = (adjustments, filterStatus = null, subjects = null) => {\n\tlet groupedBy = [];\n\n\tif (adjustments === undefined || adjustments == null || adjustments.length <= 0) {\n\t\treturn groupedBy;\n\t}\n\n\tif (filterStatus != null) {\n\t\tadjustments = adjustments.filter(adjustment => {\n\t\t\treturn adjustment.status == filterStatus;\n\t\t});\n\t}\n\n\tadjustments.forEach((adjustment) => {\n\t\tlet foundAdjustment = groupedBy.find(t => t.id == adjustment?.additionalAdjustment?.id);\n\t\tlet student = { ...adjustment.student };\n\n\t\tif (foundAdjustment != null) {\n\t\t\tlet foundStudent = foundAdjustment.items.find(t => t.userId == adjustment.studentID);\n\t\t\tif (foundStudent != null) {\n\t\t\t\tfoundStudent.items.push(adjustment);\n\t\t\t} else {\n\t\t\t\tstudent.items = [];\n\n\t\t\t\tstudent.items.push(adjustment);\n\t\t\t\tfoundAdjustment.items.push(student);\n\t\t\t}\n\t\t} else {\n\t\t\tif (adjustment.additionalAdjustment != null) {\n\t\t\t\tlet obj = {\n\t\t\t\t\tid: adjustment.additionalAdjustment.id,\n\t\t\t\t\ttype: adjustment.additionalAdjustment.type,\n\t\t\t\t\ttitle: adjustment.additionalAdjustment.title,\n\t\t\t\t\tdescription: adjustment.additionalAdjustment.description,\n\t\t\t\t\tsubTitle: adjustment.additionalAdjustment.subTitle,\n\t\t\t\t\tstatus: adjustment.additionalAdjustment.status,\n\t\t\t\t\tdeletable: adjustment.additionalAdjustment.deletable,\n\t\t\t\t\titems: []\n\t\t\t\t};\n\n\t\t\t\tstudent.items = [];\n\t\t\t\tstudent.items.push(adjustment);\n\n\t\t\t\tobj.items.push(student);\n\n\t\t\t\tgroupedBy.push(obj);\n\t\t\t}\n\t\t}\n\t});\n\n\tif (subjects != null) {\n\t\tgroupedBy = groupedBy.filter(additionalAdjustment => {\n\t\t\tadditionalAdjustment.items = additionalAdjustment.items.filter((student) => {\n\t\t\t\t// Remove item if no adjustments containing courses exists\n\t\t\t\tif (student.items == null) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\treturn student.items.find((adjustment) => {\n\t\t\t\t\tif (adjustment == null || adjustment.subjects == null) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t\treturn adjustment.subjects.find((subject) => {\n\t\t\t\t\t\treturn subjects.indexOf(subject.id) > -1;\n\t\t\t\t\t}) != null;\n\t\t\t\t}) != null;\n\t\t\t});\n\t\t\treturn additionalAdjustment.items.length > 0;\n\t\t});\n\t}\n\n\tgroupedBy = groupedBy.sort((a, b) =>\n\t\t(a.title.toUpperCase() > b.title.toUpperCase()) ? 1\n\t\t\t:\n\t\t\t((b.title.toUpperCase() > a.title.toUpperCase()) ? -1 : 0)\n\t);\n\n\treturn groupedBy;\n}\n\nexport const AddUnusedAdditionalAdjustments = (arrayToAddIn, allAdjustments) => {\n\tallAdjustments.forEach((adjustment) => {\n\t\tlet found = arrayToAddIn.find(t => t.id == adjustment.id);\n\t\tif (found == null) {\n\t\t\tlet obj = {\n\t\t\t\tid: adjustment.id,\n\t\t\t\ttitle: adjustment.title,\n\t\t\t\ttype: adjustment.type,\n\t\t\t\tsubTitle: adjustment.subTitle,\n\t\t\t\tstatus: adjustment.status,\n\t\t\t\tdescription: adjustment.description,\n\t\t\t\tdeletable: adjustment.deletable,\n\t\t\t\titems: []\n\t\t\t};\n\t\t\tarrayToAddIn.push(obj);\n\t\t}\n\t});\n\n\tarrayToAddIn.sort((a, b) =>\n\t\t(a.title.toUpperCase() > b.title.toUpperCase()) ? 1\n\t\t\t:\n\t\t\t((b.title.toUpperCase() > a.title.toUpperCase()) ? -1 : 0)\n\t);\n\n\treturn arrayToAddIn;\n}\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { reduxForm } from 'redux-form';\n\nimport { getUserSubjects } from 'actions/user';\nimport { updateStudentAdjustment } from 'actions/additional_adjustments';\n\nimport { Spinner } from 'UI';\nimport { Checkbox, Button } from '@haldor/ui';\nimport swal from 'sweetalert2';\n\nclass EditAdditionalAdjustmentSubjects extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tsubjects: null,\n\t\t\tloading: true,\n\t\t\tselectedSubjects: [],\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.user != null) {\n\t\t\tthis.props.getUserSubjects(this.props.adjustment.studentID).then(() => {\n\t\t\t\tif (this.props.userSubjects.length > 0) {\n\t\t\t\t\tlet subjects = [...this.props.userSubjects];\n\n\t\t\t\t\tsubjects.forEach(subject => {\n\t\t\t\t\t\tlet found = this.props.adjustment.subjects.find(selectedSubject => {\n\t\t\t\t\t\t\treturn selectedSubject.id == subject.id;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tsubject.selected = found != null;\n\t\t\t\t\t\tsubject.active = true;\n\t\t\t\t\t\treturn subject;\n\t\t\t\t\t});\n\n\t\t\t\t\tthis.props.adjustment.subjects.forEach((subject) => {\n\t\t\t\t\t\tlet found = subjects.find(selectedSubject => {\n\t\t\t\t\t\t\treturn selectedSubject.id == subject.id;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (found == null) {\n\t\t\t\t\t\t\tlet newSubject = { ...subject };\n\t\t\t\t\t\t\tnewSubject.selected = true;\n\t\t\t\t\t\t\tnewSubject.active = false;\n\t\t\t\t\t\t\tsubjects.push(newSubject);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tthis.setState({ subjects, loading: false });\n\t\t\t\t} else {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tsubmit = (values) => {\n\t\treturn new Promise(async (resolve) => {\n\t\t\tlet values = JSON.parse(JSON.stringify(this.props.adjustment));\n\t\t\tlet subjects = values.subjects;\n\t\t\tlet removedSubjects = [];\n\n\t\t\tif (this.state.subjects != null) {\n\t\t\t\tthis.state.subjects.forEach((subject) => {\n\t\t\t\t\tif (subject.selected) {\n\t\t\t\t\t\t// Add non selected subject\n\t\t\t\t\t\tlet found = this.props.adjustment.subjects.find(selectedSubject => {\n\t\t\t\t\t\t\treturn selectedSubject.id == subject.id;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (found == null) {\n\t\t\t\t\t\t\tsubjects.push(subject);\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Not selected remove from values if needed\n\t\t\t\t\t\tlet foundIndex = subjects.findIndex(selectedSubject => {\n\t\t\t\t\t\t\treturn selectedSubject.id == subject.id;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (foundIndex > -1) {\n\t\t\t\t\t\t\tremovedSubjects.push(subjects[foundIndex].id);\n\t\t\t\t\t\t\tsubjects.splice(foundIndex, 1);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (removedSubjects.length > 0) {\n\t\t\t\tlet response = await swal.fire({\n\t\t\t\t\ttitle: this.props.translate('Are you sure?'),\n\t\t\t\t\ttext: this.props.translate('If you delete a subject, the adjustment will no longer be used for those subjects.'),\n\t\t\t\t\tshowCancelButton: true,\n\t\t\t\t\tfocusConfirm: false,\n\t\t\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t\t\t})\n\n\t\t\t\tif (response.value == null) {\n\t\t\t\t\tresolve(0);\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tvalues.subjects = subjects;\n\n\t\t\t// Clean up properties that doesnt need to be sent to the api\n\t\t\tdelete values.comments;\n\t\t\tdelete values.createdBy;\n\t\t\tdelete values.editedBy;\n\t\t\tdelete values.versions;\n\t\t\tdelete values.student;\n\n\t\t\tthis.props.updateStudentAdjustment(values).then(() => {\n\t\t\t\tresolve(1);\n\t\t\t\tthis.props.onClose();\n\t\t\t});\n\t\t});\n\t}\n\n\tselectAllSubjects = (checked) => {\n\t\tlet { subjects } = this.state;\n\n\t\tif (subjects != null) {\n\t\t\tsubjects.forEach(subject => {\n\t\t\t\tsubject.selected = checked;\n\t\t\t\treturn subject;\n\t\t\t});\n\t\t}\n\n\t\tthis.setState({ subjects });\n\t}\n\n\tonSubjectChange = (_subject) => {\n\t\tlet { subjects } = this.state;\n\n\t\tif (subjects != null) {\n\t\t\tsubjects.forEach(subject => {\n\t\t\t\tif (subject.id == _subject.id) {\n\t\t\t\t\tif (_subject.selected == true) {\n\t\t\t\t\t\tsubject.selected = false;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsubject.selected = true;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn subject;\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tthis.setState({ subjects });\n\t}\n\n\trender() {\n\t\tconst { submitting, handleSubmit, valid } = this.props;\n\t\tlet hasInactive = false;\n\n\t\tif (this.state.subjects != null) {\n\t\t\thasInactive = this.state.subjects.find(subject => subject.active == false) != null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{meta.touched && ((meta.error &&\n\t\t\t\t\t\t\t{meta.error}) || (meta.warning &&\n\t\t\t\t\t\t\t\t{meta.warning}))}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t{submitting ?\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tadditionalAdjustments: state.AdditionalAdjustments.adjustments,\n\t\tuserSubjects: state.user.userSubjects,\n\t\tuser: state.user.currentUser,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetUserSubjects,\n\tupdateStudentAdjustment,\n})(reduxForm({\n\tform: 'EditAdditionalAdjustmentSubjects',\n\tdestroyOnUnmount: true,\n})(EditAdditionalAdjustmentSubjects));\n","import { getDescription } from 'helpers/content';\nimport React, { Component } from 'react';\n\n\nexport default class PostContent extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t{submitting ?
: null}\n\n\t\t\t\t\n\n\t\t\t\t\n\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuser: state.user.currentUser,\n\t\tinitialValues: JSON.parse(JSON.stringify(ownProps.adjustment)),\n\t}\n}\n\nexport default connect(mapStateToProps)(reduxForm({\n\tform: 'EditStudentAdjustmentForm',\n\tdestroyOnUnmount: true,\n})(EditStudentAdjustmentForm));","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Field, Form, reduxForm } from 'redux-form';\n\nimport DateTime from '_class/DateTime';\nimport User from '_class/User';\n\nimport {\n\tupdateStudentAdditionalAdjustmentComment,\n\tdeleteStudentAdditionalAdjustmentComment,\n} from 'actions/additional_adjustments';\n\nimport { Flex, Button, Icon, translate } from '@haldor/ui';\nimport { Spinner, Collapsible } from 'UI';\n\nclass Comments extends Component {\n\n\tstatic defaultProps = {\n\t\thideDeleted: false,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t};\n\t}\n\n\trequired = (value) => {\n\t\tif (typeof (value) !== 'undefined' && value !== '') {\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\t/* Event methods - JEVEN */\n\tsubmit = (values) => {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tvalues.origin = 'USER';\n\n\t\t\tif (this.props.onSubmit != null) {\n\t\t\t\tthis.props.onSubmit(values).then(() => {\n\t\t\t\t\tthis.props.reset();\n\t\t\t\t\tresolve(1);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tresolve(1);\n\t\t\t}\n\t\t});\n\t}\n\n\trestoreDeletedComment = (comment) => {\n\t\tlet values = { ...comment };\n\t\tvalues.status = '';\n\n\t\tthis.props.updateStudentAdditionalAdjustmentComment(values);\n\t}\n\n\tdeleteComment = (comment) => {\n\t\tthis.props.deleteStudentAdditionalAdjustmentComment(comment);\n\t}\n\n\tonKeyDown = (e) => {\n\t\tif (e.keyCode == 13) {\n\t\t\te.preventDefault();\n\n\t\t\tthis.props.submit();\n\t\t}\n\t}\n\n\t/* Render methods - JREND */\n\trenderUpdate = (comment, index) => {\n\t\tconst user = new User(this.props.user);\n\t\tconst deleteAllowed = user.isTeacher() || user.isMentor() || user.isPedagogue();\n\n\t\treturn \n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.adjustment.versions != null ?\n\t\t\t\t\t\t\tthis.props.adjustment.versions.map((version) => {\n\t\t\t\t\t\t\t\treturn \n\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{version.additionalAdjustment.title}\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t}) : null}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{version.createdBy.firstName} {version.createdBy.lastName}\n\t\t\t\t\t\t\t\t\t\t{' • ' + new DateTime(version.created).getTimeStampHours()}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.adjustment.additionalAdjustment.title}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{this.props.adjustment.additionalAdjustment.createdBy.firstName} {this.props.adjustment.additionalAdjustment.createdBy.lastName}\n\t\t\t\t\t\t\t\t{' • ' + new DateTime(this.props.adjustment.created).getTimeStampHours()}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t
\n\t}\n\n\trenderComment = (comment, index) => {\n\t\tconst user = new User(this.props.user);\n\t\tconst deleteAllowed = user.isTeacher() || user.isMentor() || user.isPedagogue();\n\n\t\treturn \n\t\t\t\t{comment.createdBy.firstName} {comment.createdBy.lastName}\n\n\t\t\t\t{' • ' + comment.text}\n\n\t\t\t\t{' • ' + new DateTime(comment.created).getTimeStampHours()}\n\n\t\t\t\t{(comment.creator == this.props.user.id && this.props.onSubmit != null) || deleteAllowed ?\n\t\t\t\t\t { this.deleteComment(comment) }}>\n\t\t\t\t\t\t
\n\t\t\n\t\t\t{comment.text}\n\n\t\t\t
\n\t}\n\n\trender() {\n\t\tconst { adjustment, handleSubmit, submitting } = this.props;\n\t\tconst user = new User(this.props.user);\n\n\t\tlet comments = [];\n\t\tlet allComments = [];\n\t\tlet deleted = [];\n\n\t\tif (adjustment.comments.length > 0) {\n\t\t\tcomments = [...adjustment.comments];\n\n\t\t\tcomments.sort((a, b) => {\n\t\t\t\treturn b.id > a.id ? 1 : -1;\n\t\t\t});\n\n\t\t\tif (user.isPedagogue()) {\n\t\t\t\tdeleted = [...comments].filter(comment => comment.status == 'DELETED');\n\t\t\t}\n\n\t\t\tcomments = [...comments].filter(comment => comment.status != 'DELETED');\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{comment.createdBy.firstName} {comment.createdBy.lastName}\n\n\t\t\t\t{' • ' + new DateTime(comment.created).getTimeStampHours()}\n\n\t\t\t\t{(comment.creator == this.props.user.id && this.props.onSubmit != null) || deleteAllowed ?\n\t\t\t\t\t { this.deleteComment(comment) }}>\n\t\t\t\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuser: state.user.currentUser,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tdeleteStudentAdditionalAdjustmentComment,\n\tupdateStudentAdditionalAdjustmentComment,\n})(reduxForm({\n\tdestroyOnUnmount: true,\n})(Comments));","import React, { PureComponent, Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport DateTime from '_class/DateTime';\nimport swal from 'sweetalert2';\n\nimport {\n\taddComment,\n\tupdateStudentAdjustment,\n\tdeleteStudentAdjustment,\n} from 'actions/additional_adjustments';\n\nimport EditAdditionalAdjustmentSubjects from '../Form/EditAdditionalAdjustmentSubjects';\nimport EditStudentAdjustmentForm from '../Form/EditStudentAdjustmentForm';\n\nimport PostContent from 'components/Presentation/PostContent';\nimport Modal from 'containers/Modals/Modal';\nimport Comments from './Partials/Comments';\n\nimport { Collapsible } from 'UI';\nimport { Icon, Flex, Button } from '@haldor/ui'\nimport DisplayName from 'components/Presentation/DisplayName';\n\nclass AdditionalAdjustmentModal extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tsubjectsModal: null,\n\t\t\teditModal: null,\n\t\t}\n\t}\n\n\ttoggleCourseModal = (adjustment) => {\n\t\tif (adjustment == null) {\n\t\t\tthis.setState({ subjectsModal: null });\n\t\t} else {\n\t\t\tlet clonedAdjustment = JSON.parse(JSON.stringify(adjustment));\n\t\t\tthis.setState({ subjectsModal: clonedAdjustment });\n\t\t}\n\t}\n\n\ttoggleEditModal = (adjustment) => {\n\t\tif (adjustment == null) {\n\t\t\tthis.setState({ editModal: null });\n\t\t} else {\n\t\t\tlet clonedAdjustment = JSON.parse(JSON.stringify(adjustment));\n\t\t\tthis.setState({ editModal: clonedAdjustment });\n\t\t}\n\t}\n\n\tonAdjustmentSubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\t// Clean up properties that doesnt need to be sent to the api\n\t\t\tdelete values.comments;\n\t\t\tdelete values.courses;\n\t\t\tdelete values.subjects;\n\t\t\tdelete values.createdBy;\n\t\t\tdelete values.editedBy;\n\t\t\tdelete values.versions;\n\t\t\tdelete values.student;\n\n\t\t\tthis.props.updateStudentAdjustment(values).then(() => {\n\t\t\t\tthis.setState({ editModal: null });\n\t\t\t\tresolve(1);\n\t\t\t})\n\t\t})\n\t}\n\n\tdeleteAdjustment = (adjustment) => {\n\t\tconst { translate } = this.props;\n\n\t\tswal.fire({\n\t\t\ttitle: translate('Are you sure?'),\n\t\t\ttext: translate('The adjustment will be removed from the student wherever it is used. Restoration can only be done by a special educational needs teacher.'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: translate('Cancel'),\n\t\t\tconfirmButtonText: translate('Remove'),\n\t\t}).then(async (response) => {\n\t\t\tif (response.value != null) {\n\t\t\t\tthis.props.deleteStudentAdjustment(adjustment);\n\t\t\t}\n\t\t});\n\t}\n\n\taddComment = (values, adjustmentId) => {\n\t\treturn new Promise(resolve => {\n\t\t\tthis.props.addComment(values, adjustmentId).then(() => {\n\t\t\t\tresolve(1);\n\t\t\t});\n\t\t});\n\t}\n\n\tonClose = () => {\n\t\tif (this.props.onClose != null) {\n\t\t\tthis.props.onClose();\n\t\t}\n\t}\n\n\trenderAdjustment = (adjustment) => {\n\t\tconst { translate } = this.props;\n\n\t\tconst collapseTrigger = (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{this.props.translate('subjects')} {adjustment.subjects.length}\n\t\t\t\t\n\n\t\t\t\t{!this.props.disableCommenting ?\n\t\t\t\t\t {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\tthis.toggleCourseModal(adjustment)\n\t\t\t\t\t}}>\n\t\t\t\t\t\t\n\t\t\t\t\t\t{this.props.onSubmit != null ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t{comments.map((comment, index) => {\n\t\t\t\t\t\t\t\tif (comment.origin == 'USER') {\n\t\t\t\t\t\t\t\t\treturn this.renderComment(comment, index);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t{deleted != null && deleted.length > 0 && !this.props.hideDeleted ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{deleted.map((comment, index) => {\n\t\t\t\t\t\t\t\t\t\t\tif (comment.origin == 'USER') {\n\t\t\t\t\t\t\t\t\t\t\t\treturn this.renderComment(comment, index);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t{comments.map((comment, index) => {\n\t\t\t\t\t\t\tif (comment.origin == 'SYSTEM') {\n\t\t\t\t\t\t\t\treturn this.renderUpdate(comment, index);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t{deleted != null && deleted.length > 0 && !this.props.hideDeleted ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t{deleted.map((comment, index) => {\n\t\t\t\t\t\t\t\t\t\tif (comment.origin == 'SYSTEM') {\n\t\t\t\t\t\t\t\t\t\t\treturn this.renderUpdate(comment, index);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\t \n\t\t
\n\t}\n\t\n\trender() {\n\t\tconst { adjustment, translate } = this.props;\n\n\t\tif (adjustment == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet title = adjustment.title;\n\t\tif (adjustment.subTitle != null) {\n\t\t\ttitle += ' - ' + adjustment.subTitle\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{adjustment.description}\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t{adjustment.createdBy.firstName} {adjustment.createdBy.lastName}\n\t\t\t\t\t\t\t{' • ' + new DateTime(adjustment.created).getTimeStampHours()}\n\n\t\t\t\t\t\t\t{adjustment.subjects.length > 0 ?\n\t\t\t\t\t\t\t\t' • '\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{adjustment.subjects != null ?\n\t\t\t\t\t\t\t\tadjustment.subjects.map((subject, index) => {\n\t\t\t\t\t\t\t\t\tlet title = subject.title;\n\t\t\t\t\t\t\t\t\tif (index != adjustment.subjects.length - 1) {\n\t\t\t\t\t\t\t\t\t\ttitle += ', ';\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.disableCommenting == true ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t this.addComment(values, adjustment.id)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{adjustment.status == 'ACTIVE' ?\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t{translate('start-time')}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{new DateTime(adjustment.startDate).getLongDate()}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t:\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{new DateTime(adjustment.startDate).getLongDate()}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{translate('time-period')}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{new DateTime(adjustment.startDate).getLongDate()}\n\t\t\t\t\t\t\t{' - ' + new DateTime(adjustment.endDate).getLongDate()}\n\t\t\t\t\t\t
\n\t\t\t\t\t}\n\n\t\t\t\t\t\n\n\t\t\t\t\t\t\t{new DateTime(adjustment.startDate).getLongDate()}\n\t\t\t\t\t\t\t{' - ' + new DateTime(adjustment.endDate).getLongDate()}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t{this.props.translate('Status')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t{this.props.translate(adjustment.status.toLowerCase())}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate(adjustment.status.toLowerCase())}\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{adjustment.subjects != null ?\n\t\t\t\t\t\t\t\tadjustment.subjects.map(subject => {\n\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t
\n\n\t\t\t\t\t{!this.props.disableCommenting ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{subject.title}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{!this.props.disableCommenting ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t{this.state.subjectsModal != null ?\n\t\t\t\t\t\t this.toggleCourseModal()} type=\"small\" title={translate('Subjects')}>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\t\t\t\t
\n\n\t\t\t\t{this.state.editModal != null ?\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{adjustment.items.map(student => {\n\t\t\t\t\t\t\tlet activeItems = student.items.find(adjustment => {\n\t\t\t\t\t\t\t\treturn adjustment.status == 'ACTIVE';\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif (activeItems == null) {\n\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\treturn
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t{student.items.map(adjustment => {\n\t\t\t\t\t\t\t\t\tif (adjustment.status != 'ACTIVE') {\n\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn this.renderAdjustment(adjustment);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t})}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t{student.items.map(adjustment => {\n\t\t\t\t\t\t\t\t\tif (adjustment.status != 'ACTIVE') {\n\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn this.renderAdjustment(adjustment);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tlet adjustments = [];\n\t\tlet activeAdjustment = null;\n\t\tif (this.props.groups != null) {\n\t\t\tthis.props.groups.forEach((groupId) => {\n\t\t\t\tadjustments = [...adjustments, ...this.getAdjustmentsForGroup(groupId)];\n\t\t\t})\n\t\t} else if (this.props.assignmentId) {\n\t\t\tadjustments = this.props.assignment;\n\t\t} else if (this.props.planId) {\n\t\t\tadjustments = this.props.plan;\n\t\t} else {\n\t\t\tif (this.props.adjustments != null) {\n\t\t\t\tadjustments = this.props.adjustments;\n\t\t\t} else {\n\t\t\t\tadjustments = this.props.groupAdjustments;\n\t\t\t}\n\t\t}\n\n\t\tconst groupedBy = GetGroupedByStudent(adjustments, null, this.props.subjects);\n\n\t\tif (groupedBy.length == 0) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t\tif (this.state.activeAdjustment != null) {\n\t\t\tactiveAdjustment = groupedBy.find(gb => gb.id == this.state.activeAdjustment)\n\n\t\t\tif (activeAdjustment != null) {\n\t\t\t\tlet hasActive = activeAdjustment.items.find(student => {\n\t\t\t\t\treturn student.items.find(adjustment => adjustment.status == \"ACTIVE\")\n\t\t\t\t})\n\n\t\t\t\tif (hasActive == null) {\n\t\t\t\t\tactiveAdjustment = null;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{this.props.translate('no-results')}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tgroupAdjustments: state.AdditionalAdjustments.groupAdjustments,\n\t\tmultipleGroupAdjustments: state.AdditionalAdjustments.multipleGroupAdjustments,\n\t\tassignment: state.AdditionalAdjustments.assignment,\n\t\tplan: state.AdditionalAdjustments.plan,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetStudentAdditionalAdjustmentsForAssignment,\n\tgetStudentAdditionalAdjustmentsForPlan,\n\tgetStudentAdditionalAdjustmentsForGroup,\n\tgetStudentAdditionalAdjustmentsForMultipleGroups,\n})(TeacherAdjustments);","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\n\n\nclass Status extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t}\n\n\titerateTypes(status, type, id) {\n\t\tlet response = null;\n\t\tlet selectedStatus = null;\n\n\t\tif (status[type] != null) {\n\t\t\tselectedStatus = status[type].find(t_o => t_o.id == id);\n\t\t}\n\n\t\tif (selectedStatus != null) {\n\t\t\tresponse = selectedStatus.value;\n\t\t}\n\n\t\treturn response;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.iterateTypes(this.props.status, this.props.type, this.props.id)}\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tstatus: state.status.status,\n\t};\n}\n\nexport default connect(mapStateToProps)(Status);\n","import React, { Component, Fragment } from 'react';\nimport { connect } from 'react-redux';\n\nimport User from '_class/User';\n\nimport FromNow from 'components/Presentation/Date/FromNow';\nimport Status from 'components/Presentation/Status';\nimport PersonAddIcon from '@mui/icons-material/PersonAdd';\n\nimport { ColorLabel, ColorLabelContainer } from 'UI';\nimport { Icon, Flex, translate } from '@haldor/ui';\nimport { Link } from 'react-router-dom';\nimport { getRootUrl } from 'helpers/url';\nimport Tooltip from '@mui/material/Tooltip';\n\nclass DisplayAssignment extends Component {\n\trenderTeamsAssignment = () => {\n\t\tconst { assignment } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{groupedBy.map(additionalAdjustment => {\n\t\t\t\t\t\tlet additionalAdjustmentInUse = this.adjustmentInUse(additionalAdjustment);\n\t\t\t\t\t\tif (additionalAdjustmentInUse) {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t
\n\t\t\t this.openAdjustment(additionalAdjustment)}>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{additionalAdjustment.title}\n\n\t\t\t\t\t\t\t\t\t\t\t{additionalAdjustment.subTitle != null ?\n\t\t\t\t\t\t\t\t\t\t\t\t' - ' + additionalAdjustment.subTitle\n\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{additionalAdjustment.items.map(student => {\n\t\t\t\t\t\t\t\t\t\t\t\tlet activeItems = student.items.find(adjustment => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn adjustment.status == 'ACTIVE';\n\t\t\t\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\t\t\t\tif (activeItems == null) {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t{assignment.displayName}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{assignment.dueDateTime} \n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\tTeams\n\t\t\t\t\t\t
\n\n\n\t\t\t\t\t\t{this.props.remove != null ? (\n\t\t\t\t\t\t\t this.props.remove()}>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{assignment.courses != null && assignment.courses.length > 0 ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{assignment.courses.map((course) => {\n\t\t\t\t\t\t\t\t\t\tif (addedColorDots.find((t) => t == course.id) == null) {\n\t\t\t\t\t\t\t\t\t\t\tlet text = course.title;\n\t\t\t\t\t\t\t\t\t\t\ttext = course.year != null ? text + ' ' + course.year : text;\n\t\t\t\t\t\t\t\t\t\t\taddedColorDots.push(course.id);\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t{assignment.title}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t:\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{assignment.section != null ? assignment.section.title : ''}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t{assignment.courses != null && assignment.courses.length > 0 ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{assignment.courses.map((course) => {\n\t\t\t\t\t\t\t\t\tif (addedColorDots.find((t) => t == course.id) == null) {\n\t\t\t\t\t\t\t\t\t\tlet text = course.title;\n\t\t\t\t\t\t\t\t\t\ttext = course.year != null ? text + ' ' + course.year : text;\n\t\t\t\t\t\t\t\t\t\taddedColorDots.push(course.id);\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t{assignment.title}\n\t\t\t\t\t\t
\n\t\t\t\t}\n\n\t\t\t\t\n\t\t\t\t\t\t\t{assignment.section != null ? assignment.section.title : ''}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t{assignment.autoAssignStudents ? {assignment.dueDate} \n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t{assignment.assessmentId != null ? (\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{' '}{assignment?.lockedWorkspaces === 0 ? 0 : assignment?.lockedWorkspaces} /{' '}\n\t\t\t\t\t\t\t\t\t\t{assignment?.totalTasks}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t{assignment.published == '0001-01-01T00:00:00' ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Draft')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t{assignment.created != '0001-01-01T00:00:00' ? (\n\t\t\t\t\t\t\t{this.props.translate('assessed')}
\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t{assignment.externalID != null ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tTeams\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : assignment.created == '0001-01-01T00:00:00' ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('task-is-creating')}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this.props.customPermission ?\n\t\t\t\t\t\t\tthis.props.remove != null && this.props.permission ? (\n\t\t\t\t\t\t\t\t this.props.remove()}>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t{assignment.submittedTasks != null && !user.isStudent() && assignment.totalTasks > 0 ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t{assignment.publishedAssessments != null && !user.isStudent() && assignment.totalTasks > 0 ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{translate('submitted-list-title')} {assignment.submittedTasks} /{' '}\n\t\t\t\t\t\t\t\t\t{assignment.totalTasks}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{translate('assessed-tasks')} {assignment.publishedAssessments}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tgroups: state.sections.educationGroups,\n\t};\n}\n\nexport default connect(mapStateToProps)(GroupSelector);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\n\nimport {\n\tgetHaldorAssignments,\n\tgetMicrosoftEducationAssignments,\n\tclearLatestAssignments,\n\tgetLatestHaldorAssignments,\n\tgetLatestMicrosoftEducationAssignments,\n} from 'actions/assignments';\n\nimport {\n\tclearSearchResults,\n\tsearchHaldorAssignmentsInGroup,\n\tsearchMicrosoftAssignmentsInGroup,\n\tsearchAssignment,\n} from 'actions/search';\nimport {\n\tgetSection\n} from 'actions/sections';\n\nimport { ColorLabel, ColorLabelContainer, Spinner } from 'UI';\nimport { Search } from 'UI/Inputs';\nimport { Tabs, Tab, translate } from '@haldor/ui';\nimport FromNow from 'components/Presentation/Date/FromNow';\nimport GroupSelector from '../Partials/GroupSelector';\n\nimport './AssignmentSelect.scss';\n\nclass AssignmentSelect extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: false,\n\t\t\tloadingLatest: false,\n\t\t\tsectionLoadedAtSetup: props.section != null,\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.setState({ loadingLatest: true });\n\t\tlet promises = [];\n\n\t\tif (this.props.section != null) {\n\t\t\tif (this.props.services.haldor) {\n\t\t\t\tpromises.push(this.props.getLatestHaldorAssignments(this.props.section.graphId));\n\t\t\t}\n\n\t\t\tif (this.props.services.microsoft) {\n\t\t\t\tpromises.push(this.props.getLatestMicrosoftEducationAssignments(this.props.section.graphId));\n\t\t\t}\n\t\t} else {\n\t\t\tif (this.props.services.haldor) {\n\t\t\t\tpromises.push(this.props.getHaldorAssignments());\n\t\t\t}\n\n\t\t\tif (this.props.services.microsoft) {\n\t\t\t\tpromises.push(this.props.getMicrosoftEducationAssignments());\n\t\t\t}\n\t\t}\n\n\t\tPromise.all(promises).then(() => {\n\t\t\tthis.setState({ loadingLatest: false });\n\t\t});\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tif (this.props.section == null && nextProps.section != null && this.state.loadingLatest == false) {\n\t\t\tthis.setState({ loadingLatest: true });\n\t\t\tlet promises = [];\n\n\t\t\tif (this.props.services.microsoft) {\n\t\t\t\tpromises.push(this.props.getLatestHaldorAssignments(nextProps.section.graphId));\n\t\t\t}\n\n\t\t\tif (this.props.services.haldor) {\n\t\t\t\tpromises.push(this.props.getLatestMicrosoftEducationAssignments(nextProps.section.graphId));\n\t\t\t}\n\n\t\t\tPromise.all(promises).then(() => {\n\t\t\t\tthis.setState({ loadingLatest: false });\n\t\t\t});\n\t\t}\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.clearSearchResults();\n\t\tthis.props.clearLatestAssignments();\n\t}\n\n\tassignmentFilter = (assignment) => {\n\t\tconst { filterResults } = this.props;\n\n\t\tif (assignment.status == 'ASSIGNMENT_DELETED') {\n\t\t\treturn true;\n\t\t}\n\n\t\tif (filterResults != null && filterResults.length > 0) {\n\t\t\tconst found = filterResults.find(id => id == assignment.id);\n\t\t\treturn found != null;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tonGroupChange = (groupId, group) => {\n\t\tif (groupId != 0) {\n\t\t\tthis.props.getSection(groupId);\n\t\t}\n\t};\n\tonSearch = (value) => {\n\t\tthis.setState({ loading: true });\n\t\tlet promises = [];\n\n\t\tif (this.props.section != null) {\n\t\t\tif (this.props.services.microsoft) {\n\t\t\t\tpromises.push(this.props.searchMicrosoftAssignmentsInGroup(value.query, this.props.section.graphId));\n\t\t\t}\n\n\t\t\tif (this.props.services.haldor) {\n\t\t\t\tpromises.push(this.props.searchHaldorAssignmentsInGroup(value.query, this.props.section.graphId));\n\t\t\t}\n\t\t} else {\n\t\t\tif (this.props.services.haldor) {\n\t\t\t\tpromises.push(this.props.searchAssignment(value.query));\n\t\t\t}\n\t\t}\n\n\t\tPromise.all(promises).then(() => {\n\t\t\tthis.setState({ loading: false });\n\t\t});\n\t}\n\n\trenderAssignment = (assignment) => {\n\t\tif (assignment.title == '')\n\t\t\treturn null;\n\n\t\tif (this.assignmentFilter(assignment))\n\t\t\treturn null;\n\n\t\tlet courses = [];\n\n\t\tif (assignment.selectedCourses != null && this.props.section != null) {\n\t\t\tlet courseIds = assignment.selectedCourses.split(\";\");\n\t\t\tcourseIds.forEach((id) => {\n\t\t\t\tvar findCourse = this.props.section.courses.find(t => t.id == id);\n\n\t\t\t\tif (findCourse != null) {\n\t\t\t\t\tcourses.push(findCourse);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{this.groupOptions(groups)}\n\t\t\t\t\t\n\n\t\t\t\t\t{required && error !== '' ? (\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t{error}\n\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\t\t\t\t this.onSelect(assignment)}>\n\t\t\t\t{courses.length > 0 ?\n\t\t\t\t\t\n\t\t\t\t\t\t{courses.map(course => (\n\t\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t{assignment.title}\n\n\t\t\t\t{assignment.section != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t{assignment.dueDate}\n\t\t\t\t\t \n\t\t\t\t\t: null}\n\t\t\t
\n\t\t);\n\t}\n\n\trenderTeamsAssignment = (assignment) => {\n\t\tif (assignment.displayName == '')\n\t\t\treturn null;\n\n\t\tif (this.assignmentFilter(assignment))\n\t\t\treturn null;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{assignment.section.title}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{assignment.dueDate != null ?\n\t\t\t\t\t this.onSelect(assignment)}>\n\t\t\t\t{assignment.displayName}\n\n\t\t\t\t{assignment.reference != null && assignment.reference.section != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t{assignment.dueDateTime}\n\t\t\t\t\t \n\t\t\t\t\t: null}\n\t\t\t
\n\t\t);\n\t}\n\n\tonSelect = (assignment) => {\n\t\tif (this.props.onSelect) {\n\t\t\tthis.props.onSelect(assignment);\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tlatestMicrosoftAssignments,\n\t\t\tlatestHaldorAssignments,\n\t\t\tincludeAssignmentsWithPlans,\n\t\t\tteacherAssignments,\n\t\t\tteacherTeamsAssignments,\n\t\t} = this.props;\n\n\t\tlet latest = [];\n\n\t\tif (this.props.section != null) {\n\t\t\tif (includeAssignmentsWithPlans != null && includeAssignmentsWithPlans == false) {\n\t\t\t\tif (latestHaldorAssignments != null && latestHaldorAssignments != '') {\n\t\t\t\t\tlatest.push(...latestHaldorAssignments.filter(t => t.plans.length == 0));\n\t\t\t\t}\n\t\t\t\tif (latestMicrosoftAssignments != null) {\n\t\t\t\t\tlatest.push(...latestMicrosoftAssignments);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (latestMicrosoftAssignments != null) {\n\t\t\t\t\tlatest.push(...latestMicrosoftAssignments);\n\t\t\t\t}\n\n\t\t\t\tif (latestHaldorAssignments != null) {\n\t\t\t\t\tlatest.push(...latestHaldorAssignments);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tif (teacherAssignments != null) {\n\t\t\t\tlatest.push(...teacherAssignments);\n\t\t\t}\n\t\t\tif (teacherTeamsAssignments != null) {\n\t\t\t\tlatest.push(...teacherTeamsAssignments);\n\t\t\t}\n\t\t}\n\n\t\tlatest.sort(function (a, b) {\n\t\t\tlet aDate, bDate = null;\n\t\t\tif (a.created != null) {\n\t\t\t\taDate = a.created;\n\t\t\t} else {\n\t\t\t\taDate = a.createdDateTime\n\t\t\t}\n\n\t\t\tif (b.created != null) {\n\t\t\t\tbDate = b.created;\n\t\t\t} else {\n\t\t\t\tbDate = b.createdDateTime\n\t\t\t}\n\n\t\t\treturn moment.utc(bDate).local().unix() - moment.utc(aDate).local().unix();\n\t\t});\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{assignment.reference.section.title}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{assignment.dueDateTime != null ?\n\t\t\t\t\t\n\t\t\t\t{this.state.sectionLoadedAtSetup ? null :\n\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tassignments: state.Search.assignments,\n\t\thaldorAssignments: state.Search.haldorAssignments,\n\t\tmicrosoftAssignments: state.Search.microsoftAssignments,\n\t\tlatestMicrosoftAssignments: state.assignments.latestMicrosoftAssignments,\n\t\tlatestHaldorAssignments: state.assignments.latestHaldorAssignments,\n\t\tservices: state.Services.availableServices,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tteacherAssignments: state.assignments.assignments,\n\t\tteacherTeamsAssignments: state.assignments.teamsAssignments,\n\t\tsearchAssignmentsNoGroup: state.assignments.search_results,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetHaldorAssignments,\n\tgetMicrosoftEducationAssignments,\n\tsearchHaldorAssignmentsInGroup,\n\tsearchMicrosoftAssignmentsInGroup,\n\tgetLatestHaldorAssignments,\n\tgetLatestMicrosoftEducationAssignments,\n\tclearSearchResults,\n\tclearLatestAssignments,\n\tsearchAssignment,\n\tgetSection,\n})(AssignmentSelect);","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\n\nimport AssignmentSelect from \"containers/Forms/Partials/AssignmentSelect\";\n\nimport Modal from 'containers/Modals/Modal';\nimport { Button, Icon, translate } from '@haldor/ui';\n\nclass SelectAssignment extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tmodal: false,\n\t\t}\n\t}\n\n\ttoggleModal = (event) => {\n\t\tif (event != null) {\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t}\n\n\t\tthis.setState({ modal: !this.state.modal });\n\t}\n\n\tselectAssignmentForPlan = (assignment) => {\n\t\tif (assignment.id == parseInt(assignment.id)) {\n\t\t\t// Haldor assignment\n\t\t\tdelete assignment.associatedMatrices;\n\t\t\tdelete assignment.courses;\n\t\t\tdelete assignment.assessmentId;\n\t\t\tdelete assignment.assignmentDocuments;\n\t\t\tdelete assignment.attachedFiles;\n\t\t\tdelete assignment.containerId;\n\t\t\tdelete assignment.documentTemplates;\n\t\t\tdelete assignment.origin;\n\t\t\tdelete assignment.removeInstructions;\n\t\t\tdelete assignment.selectedCourses;\n\t\t\tdelete assignment.section;\n\t\t\tdelete assignment.plagiarismCheck;\n\t\t\tdelete assignment.teacher;\n\t\t\tdelete assignment.sectionUrl;\n\t\t\tdelete assignment.plans;\n\t\t\tdelete assignment.isDeletable;\n\t\t\tdelete assignment.locked;\n\t\t\tdelete assignment.matrix;\n\t\t\tdelete assignment.tasks;\n\t\t} else {\n\t\t\t// MS Teams assignment\n\t\t}\n\n\t\tif (this.props.onPicked != null) {\n\t\t\tthis.props.onPicked(assignment);\n\t\t}\n\n\t\tthis.setState({ modal: false });\n\t};\n\n\trender() {\n\t\tlet filterAssignments = [];\n\t\tlet section = null;\n\n\t\tif (this.props.selectedSections != null && this.props.selectedSections.length > 0) {\n\t\t\tsection = this.props.selectedSections[0];\n\t\t} else {\n\t\t\tsection = this.props.activeSection;\n\t\t}\n\n\t\tif (this.props.plan != null && this.props.plan.associatedAssignments != null) {\n\t\t\tfilterAssignments = this.props.plan.associatedAssignments.map((assignment) => assignment.assignmentId);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t\t{this.props.section == null ? null : \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.state.loadingLatest ?\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t{this.props.searchAssignmentsNoGroup != null && this.props.searchAssignmentsNoGroup.length > 0 ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.searchAssignmentsNoGroup.map((assignment) => {\n\t\t\t\t\t\t\t\t\tlet inMicrosoftTeamsResults = this.props.microsoftAssignments?.findIndex(_assignment => {\n\t\t\t\t\t\t\t\t\t\treturn _assignment.id == assignment.externalID;\n\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\tif (inMicrosoftTeamsResults != null && inMicrosoftTeamsResults > -1)\n\t\t\t\t\t\t\t\t\t\treturn null;\n\n\t\t\t\t\t\t\t\t\treturn this.renderAssignment(assignment);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{this.props.microsoftAssignments != null && this.props.microsoftAssignments.length > 0 ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.microsoftAssignments.map((assignment) => {\n\t\t\t\t\t\t\t\t\treturn this.renderTeamsAssignment(assignment);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{this.props.haldorAssignments != null && this.props.haldorAssignments.length > 0 ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.haldorAssignments.map((assignment) => {\n\t\t\t\t\t\t\t\t\tlet inMicrosoftTeamsResults = this.props.microsoftAssignments?.findIndex(_assignment => {\n\t\t\t\t\t\t\t\t\t\treturn _assignment.id == assignment.externalID;\n\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\tif (inMicrosoftTeamsResults != null && inMicrosoftTeamsResults > -1)\n\t\t\t\t\t\t\t\t\t\treturn null;\n\n\t\t\t\t\t\t\t\t\treturn this.renderAssignment(assignment);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{this.props.assignments != null && this.props.assignments.length > 0 ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.assignments.map((assignment) => {\n\t\t\t\t\t\t\t\t\treturn this.renderAssignment(assignment);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t
}\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\t\t\t
\n\t\t)\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tplan: state.planning.active_plan,\n\t\tactiveSection: state.sections.activeSection,\n\t\tselectedSections: state.sections.selected,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n})(SelectAssignment);","import React, { useState, useEffect } from 'react';\n\nimport { useTranslate } from 'lib/translate';\nimport Modal from 'containers/Modals/Modal';\n\nimport { Checkbox } from '@haldor/ui';\nimport { useSelector } from 'react-redux';\n\nconst InvalidGroupNotice = (props) => {\n\tconst [open, setOpen] = useState(false);\n\tconst [discard, setDiscard] = useState(false);\n\n\tconst sections = useSelector(state => state.sections.educationGroups);\n\tconst translate = useTranslate();\n\n\tuseEffect(() => {\n\t\tif (localStorage.getItem('discard-invalid-groups-msg') != null && localStorage.getItem('discard-invalid-groups-msg') == 'yes') {\n\t\t\treturn () => null;\n\t\t}\n\n\t\tif (sections != null) {\n\t\t\tlet invalidGroup = sections.find(section =>\n\t\t\t\tsection.archived == false && section.userRole == 'OWNER' && section.type == 'EDUCATION_GROUP' &&\n\t\t\t\t(section.classroomUrl == null || section.classroomUrl == '')\n\t\t\t);\n\n\t\t\tif (invalidGroup != null) {\n\t\t\t\tsetOpen(true);\n\t\t\t}\n\t\t}\n\t}, [sections]);\n\n\tconst onClose = () => {\n\t\tsetOpen(false);\n\n\t\tif (discard) {\n\t\t\tlocalStorage.setItem('discard-invalid-groups-msg', 'yes');\n\t\t}\n\t}\n\n\tconst onCheckboxChange = (checked) => {\n\t\tsetDiscard(checked);\n\t}\n\n\treturn \n\t\t\t
\n\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t{translate('Workspace missing')}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t{translate('A configuration problem has occurred with one of your groups. This means that the group is missing a workspace in Sharepoint and no assignments or plans can be created.') + ' '}\n\t\t\t\t\t{translate('Please wait and try again later. If the problem persists, please contact your school for support.')}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t}\n}\n\nexport default connect(mapStateToProps)(GenerateBaseGroupsRandomly);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { translate } from '@haldor/ui';\nimport swal from 'sweetalert2';\n\nimport { Flex, Button, Select, Checkbox, Icon, TooltipMenu } from '@haldor/ui';\n\nimport GenerateBaseGroupsRandomly from './GenerateBaseGroupsRandomly';\n\nimport './BaseGroupForm.scss';\nimport DisplayName from 'components/Presentation/DisplayName';\n\nclass BaseGroupForm extends Component {\n\n\tstatic defaultProps = {\n\t\thideTitle: false,\n\t}\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet units = [];\n\t\tlet title = '';\n\n\t\tif (props.baseGroup != null) {\n\t\t\tunits = props.baseGroup.units;\n\t\t\ttitle = props.baseGroup.title;\n\t\t}\n\n\t\tthis.state = {\n\t\t\ttitle,\n\t\t\tunits,\n\t\t\tactiveStudents: [],\n\t\t\tsubmitting: false,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tif (nextProps.baseGroup != null && nextProps.baseGroup != this.props.baseGroup) {\n\t\t\tthis.setState({ units: nextProps.baseGroup.units, title: nextProps.baseGroup.title });\n\t\t}\n\n\t\tif (nextProps.baseGroup == null && nextProps.baseGroup != this.props.baseGroup) {\n\t\t\tthis.setState({ units: [], title: '' });\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.state.units.length > 0) {\n\t\t\t// Trigger onUpdate event when this form mounts and the value isnt empty\n\t\t\tthis.onUpdate();\n\t\t}\n\t}\n\n\t/* Help methods - JHELP */\n\tgetUnassignedStudents = () => {\n\t\tlet students = [];\n\t\tthis.props.section.students.forEach(student => {\n\t\t\tlet isSelected = this.state.units.find(unit => {\n\t\t\t\treturn unit.memberships.find(member => student.userId == member.userId);\n\t\t\t});\n\n\t\t\tif (isSelected != null) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tstudents.push(student);\n\t\t\tstudents.sort((a, b) => (a.lastName || \"\").localeCompare(b.lastName || \"\"))\n\t\t});\n\n\t\treturn students;\n\t}\n\n\t/* Event methods - JEVEN */\n\tsetTitle = (event) => this.setState({ title: event.target.value });\n\n\tonUpdate = () => {\n\t\tif (this.props.onUpdate != null) {\n\t\t\tthis.props.onUpdate(this.state.units);\n\t\t}\n\t}\n\n\trandomUnitsSubmit = (units) => {\n\t\tthis.setState({ units }, () => {\n\t\t\tthis.onUpdate();\n\t\t});\n\t}\n\n\tonStudentActiveToggle = (student) => {\n\t\tlet { activeStudents } = this.state;\n\t\tlet studentIndex = this.state.activeStudents.findIndex(activeStudent => {\n\t\t\treturn activeStudent.userId == student.userId;\n\t\t});\n\n\t\tif (studentIndex > -1) {\n\t\t\tactiveStudents.splice(studentIndex, 1);\n\t\t} else {\n\t\t\tactiveStudents.push(student);\n\t\t}\n\t\tactiveStudents.sort((a, b) => (a.lastName || \"\").localeCompare(b.lastName || \"\"))\n\t\tthis.setState({ activeStudents });\n\t}\n\n\tonStudentSelect = (student, unitTitle) => {\n\t\tlet { units } = this.state;\n\n\t\tlet unit = units.find(unit => {\n\t\t\treturn unit.title == unitTitle;\n\t\t});\n\n\t\tif (unit == null) {\n\t\t\tunit = this.addUnit();\n\t\t}\n\n\t\tlet isSelected = this.state.units.find(unit => {\n\t\t\treturn unit.memberships.find(member => student.userId == member.userId);\n\t\t});\n\n\t\tif (isSelected != null) {\n\t\t\tlet inMemberships = isSelected.memberships.findIndex(member => student.userId == member.userId);\n\t\t\tif (inMemberships > -1) {\n\t\t\t\tisSelected.memberships.splice(inMemberships, 1);\n\t\t\t}\n\n\t\t\tif (unit != null && unit.title != isSelected.title) {\n\t\t\t\tunit.memberships.push({\n\t\t\t\t\tuserId: student.userId,\n\t\t\t\t\tuser: student,\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tunit.memberships.push({\n\t\t\t\tuserId: student.userId,\n\t\t\t\tuser: student,\n\t\t\t});\n\t\t}\n\n\t\tthis.setState({ units }, () => {\n\t\t\tthis.onUpdate();\n\t\t});\n\t}\n\n\tassignStudentToNewGroup = (student) => {\n\t\tlet unit = this.addUnit();\n\n\t\tthis.onStudentSelect(student, unit.title);\n\t}\n\n\tsetGroupOnActiveStudents = (unitTitle) => {\n\t\tthis.state.activeStudents.forEach(student => {\n\t\t\tthis.onStudentSelect(student, unitTitle);\n\t\t});\n\n\t\tthis.setState({ activeStudents: [] });\n\t}\n\n\tcreateGroupWithActiveStudents = () => {\n\t\tlet unit = this.addUnit();\n\n\t\tthis.setGroupOnActiveStudents(unit.title);\n\t}\n\n\taddUnit = (e) => {\n\t\tif (e != null) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tlet { units } = this.state;\n\t\tlet unit = {\n\t\t\ttitle: this.props.translate('group') + ' ' + (this.state.units.length + 1),\n\t\t\tmemberships: [],\n\t\t};\n\n\t\tunits.push(unit);\n\n\t\tthis.setState({ units }, () => {\n\t\t\tthis.onUpdate();\n\t\t});\n\n\t\treturn unit;\n\t}\n\n\tremoveUnit = (unitTitle) => {\n\t\tlet { units } = this.state;\n\t\tlet unitIndex = units.findIndex(unit => {\n\t\t\treturn unit.title == unitTitle;\n\t\t});\n\n\t\tif (unitIndex > -1) {\n\t\t\tunits.splice(unitIndex, 1);\n\n\t\t\tunits.forEach((unit, index) => {\n\t\t\t\tunit.title = this.props.translate('group') + ' ' + (index + 1);\n\n\t\t\t\treturn unit;\n\t\t\t});\n\n\t\t\tthis.setState({ units }, () => {\n\t\t\t\tthis.onUpdate();\n\t\t\t});\n\t\t}\n\t}\n\n\teditUnitTitle = (unit) => {\n\t\tconst { translate } = this.props;\n\t\tlet { units } = this.state;\n\n\t\tswal.fire({\n\t\t\ttitle: translate('edit-name'),\n\t\t\ttext: translate('name'),\n\t\t\tinput: 'text',\n\t\t\tinputValue: unit.title,\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: translate('Cancel'),\n\t\t\tconfirmButtonText: translate('save'),\n\t\t\tpreConfirm: (value) => {\n\t\t\t\tif (value.length > 50) {\n\t\t\t\t\treturn swal.showValidationMessage(translate('Group name can not be longer than 50 characters'));\n\t\t\t\t}\n\n\t\t\t\treturn undefined;\n\t\t\t},\n\t\t}).then((response) => {\n\t\t\tif (response.value != null) {\n\t\t\t\tunit.title = response.value;\n\n\t\t\t\tthis.setState({ units }, () => {\n\t\t\t\t\tthis.onUpdate();\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tonSubmit = (e) => {\n\t\tif (e != null) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (this.props.onSubmit != null) {\n\t\t\tif (this.props.baseGroup != null) {\n\t\t\t\tlet values = { ...this.props.baseGroup };\n\t\t\t\tvalues.title = this.state.title;\n\t\t\t\tvalues.units = this.state.units;\n\n\t\t\t\tthis.setState({ submitting: true });\n\t\t\t\tthis.props.onSubmit(values).then(() => {\n\t\t\t\t\tthis.setState({ submitting: false });\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tlet values = {\n\t\t\t\t\ttitle: this.state.title,\n\t\t\t\t\tsectionId: this.props.section.id,\n\t\t\t\t\tunits: this.state.units,\n\t\t\t\t};\n\n\t\t\t\tthis.setState({ submitting: true });\n\t\t\t\tthis.props.onSubmit(values).then(() => {\n\t\t\t\t\tthis.setState({ submitting: false });\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\t/* Render methods - JREND */\n\trenderStudent = (student, index) => {\n\t\tlet options = [];\n\t\tlet isActive = this.state.activeStudents.find(activeStudent => {\n\t\t\treturn activeStudent.userId == student.userId;\n\t\t});\n\n\t\tconst unit = this.state.units.find(unit => {\n\t\t\treturn unit.memberships.find(member => member.userId == student.userId);\n\t\t});\n\n\t\tthis.state.units.forEach(unit => {\n\t\t\toptions.push({\n\t\t\t\tvalue: unit.title,\n\t\t\t\tlabel: unit.title,\n\t\t\t});\n\t\t});\n\n\t\toptions.push({\n\t\t\tvalue: 'new',\n\t\t\tlabel: this.props.translate('new-group'),\n\t\t});\n\n\t\treturn \n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t-\n\t\t\t\t\t\n\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t}\n\t\t\t\tonChange={() => this.onStudentActiveToggle(student)}\n\t\t\t/>\n\n\t\t\t
\n\t}\n\n\trender() {\n\t\tconst { section } = this.props;\n\t\tconst { units, title } = this.state;\n\t\tconst unassignedStudents = this.getUnassignedStudents();\n\n\t\treturn (\n\t\t\t\n\t\t\t\t this.onStudentSelect(student, value)}\n\t\t\t\t\toptions={options}\n\t\t\t\t>\n\t\t\t\t\t{unit != null ?\n\t\t\t\t\t\tunit.title\n\t\t\t\t\t\t: this.props.translate('select-group')}\n\t\t\t\t\n\t\t\t
\n\n\t\t\t\n\t\t\n\t\t\t\t{this.state.submitting ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps)(BaseGroupForm);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { translate } from '@haldor/ui';\nimport swal from 'sweetalert2';\n\nimport {\n\tgetBaseGroups,\n\tdeleteBaseGroup,\n\tgetBaseGroup,\n\tupdateBaseGroup,\n\tcreateBaseGroup,\n\tclearActiveBaseGroup,\n\tsetActiveBaseGroup,\n} from 'actions/basegroups';\n\nimport BaseGroupForm from 'containers/BaseGroups/Form/BaseGroupForm';\n\nimport { Button, Checkbox, Flex, Select, Icon } from '@haldor/ui';\nimport { Spinner } from 'UI';\nimport DisplayName from 'components/Presentation/DisplayName';\nimport { Stack } from '@mui/material';\n\nclass AssignmentTaskSelect extends Component {\n\n\t/* Class setup */\n\tstatic defaultProps = {\n\t\tcopyMode: false,\n\t\tgroupEnabled: false,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet tasks = [];\n\t\tlet editing = false;\n\t\tif (props.input.value != null && props.input.value !== '') {\n\t\t\ttasks = JSON.parse(JSON.stringify(props.input.value));\n\t\t\ttasks.forEach((task, index) => {\n\t\t\t\treturn task.index = index;\n\t\t\t});\n\n\t\t\tediting = true;\n\t\t}\n\n\t\tthis.state = {\n\t\t\ttasks,\n\t\t\tactiveStudents: [],\n\t\t\tunits: [],\n\t\t\tselectedBaseGroup: '',\n\t\t\tloading: false,\n\t\t};\n\n\t\tthis.editing = editing;\n\t\tthis.groupAssignment = this.props.groupEnabled;\n\t}\n\n\t/* Lifecycle methods */\n\tcomponentDidMount = () => {\n\t\tif (this.props.section != null) {\n\t\t\tthis.props.getBaseGroups(this.props.section?.id);\n\t\t}\n\n\t\tif (this.props.input != null && this.state.tasks.length > 0) {\n\t\t\tthis.props.input.onChange(this.state.tasks);\n\t\t}\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tif (nextProps.section != null && nextProps.section != this.props.section) {\n\t\t\tthis.props.getBaseGroups(nextProps.section?.id);\n\n\t\t\tif (this.props.copyMode && this.props.section?.id != nextProps.section?.id) {\n\t\t\t\tthis.props.clearActiveBaseGroup();\n\t\t\t\tlet tasks = [];\n\n\t\t\t\tthis.setState({ tasks: tasks, units: [], selectedBaseGroup: '' }, () => {\n\t\t\t\t\tif (this.props.input != null) {\n\t\t\t\t\t\tthis.props.input.onChange(tasks);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tif (nextProps.groupEnabled != null && nextProps.groupEnabled != this.groupAssignment) {\n\t\t\tthis.groupAssignment = nextProps.groupEnabled;\n\t\t\tthis.props.clearActiveBaseGroup();\n\t\t\tthis.setState({ tasks: [], units: [], selectedBaseGroup: '' }, () => {\n\t\t\t\tif (this.props.input != null) {\n\t\t\t\t\tthis.props.input.onChange(this.state.tasks);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.clearActiveBaseGroup();\n\t}\n\n\t/* Helper methods */\n\t_loadTasksAsUnits = () => {\n\t\tlet units = [];\n\t\tthis.state.tasks.forEach(task => {\n\t\t\tlet unit = {\n\t\t\t\ttitle: task.groupName,\n\t\t\t\tmemberships: [],\n\t\t\t};\n\n\t\t\ttask.students.forEach(student => {\n\t\t\t\tunit.memberships.push({\n\t\t\t\t\tuserId: student.userId,\n\t\t\t\t\tuser: student,\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tunits.push(unit);\n\t\t});\n\n\t\tif (units.length > 0) {\n\t\t\tthis.props.setActiveBaseGroup({\n\t\t\t\ttitle: '',\n\t\t\t\tunits: units,\n\t\t\t});\n\t\t}\n\t}\n\n\t/* Event methods */\n\tonBaseGroupSelect = async (event) => {\n\t\tif (event.target.value == null || event.target.value == '') {\n\t\t\tthis.setState({ selectedBaseGroup: '' });\n\t\t\treturn false;\n\t\t}\n\n\t\tthis.setState({ loading: true, selectedBaseGroup: event.target.value });\n\t\tawait this.props.getBaseGroup(event.target.value);\n\n\t\tlet activeStudents = [];\n\t\tthis.props.active?.units?.forEach(unit => {\n\t\t\tunit.memberships?.forEach(membership => {\n\t\t\t\tactiveStudents.push(membership?.user);\n\t\t\t});\n\t\t});\n\n\t\tthis.setState({ loading: false, activeStudents, units: this.props.active?.units }, () => {\n\t\t\tthis.onUpdate();\n\t\t});\n\t}\n\n\tonBaseGroupSubmit = (event) => {\n\t\tconst { translate, section } = this.props;\n\t\tevent.preventDefault();\n\n\t\treturn new Promise((resolve) => {\n\t\t\tlet values = {\n\t\t\t\tunits: this.state.units,\n\t\t\t\tsectionId: section.id,\n\t\t\t};\n\n\t\t\tswal.fire({\n\t\t\t\ttitle: translate('Save base group'),\n\t\t\t\ttext: translate('name-basegroup') + '*',\n\t\t\t\tinput: 'text',\n\t\t\t\tshowCancelButton: true,\n\t\t\t\tcancelButtonText: translate('Cancel'),\n\t\t\t\tconfirmButtonText: translate('save'),\n\t\t\t\tpreConfirm: (value) => {\n\t\t\t\t\tif (value == null || value == '') {\n\t\t\t\t\t\treturn swal.showValidationMessage(translate('The field must not be empty'));\n\t\t\t\t\t}\n\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}).then(async (response) => {\n\t\t\t\tif (response.value != null) {\n\t\t\t\t\tvalues.title = response.value;\n\n\t\t\t\t\tif (values.id == null) {\n\t\t\t\t\t\tawait this.props.createBaseGroup(values);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tawait this.props.updateBaseGroup(values);\n\t\t\t\t\t}\n\n\t\t\t\t\tresolve(1);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tonBaseGroupUpdate = (units) => {\n\t\tthis.setState({ units }, () => {\n\t\t\tthis.onUpdate();\n\t\t});\n\t}\n\n\tonStudentSelect = (student) => {\n\t\tlet { activeStudents } = this.state;\n\t\tlet studentIndex = this.state.activeStudents.findIndex(activeStudent => {\n\t\t\treturn activeStudent.userId == student.userId;\n\t\t});\n\n\t\tif (studentIndex > -1) {\n\t\t\tactiveStudents.splice(studentIndex, 1);\n\t\t} else {\n\t\t\tactiveStudents.push(student);\n\t\t}\n\n\t\tthis.setState({ activeStudents }, () => {\n\t\t\tthis.onUpdate();\n\t\t});\n\t}\n\n\tonUpdate = () => {\n\t\tlet tasks = [];\n\n\t\tthis.state.units.forEach((unit) => {\n\t\t\tlet task = {\n\t\t\t\tgroupName: unit.title,\n\t\t\t\tassignedTo: '',\n\t\t\t\tstudents: [],\n\t\t\t};\n\n\t\t\tunit.memberships?.forEach(member => {\n\t\t\t\ttask.assignedTo = task.assignedTo + member.userId + ';';\n\t\t\t\ttask.students.push(member.user);\n\t\t\t});\n\n\t\t\ttasks.push(task);\n\t\t});\n\n\t\tif (this.props.input != null) {\n\t\t\tthis.props.input.onChange(tasks);\n\t\t}\n\t}\n\n\tclearSelection = () => {\n\t\tthis.props.clearActiveBaseGroup();\n\n\t\tthis.setState({ units: [], activeStudents: [], selectedBaseGroup: '' });\n\t}\n\n\ttoggleTaskDeletion = (task) => {\n\t\tlet tasks = JSON.parse(JSON.stringify(this.state.tasks));\n\n\t\ttasks = tasks.map(t =>\n\t\t\tt.id === task.id ? { ...t, markedForDeletion: !t.markedForDeletion } : t\n\t\t);\n\n\t\tthis.setState({ tasks }, () => {\n\t\t\tif (this.props.onChange != null) {\n\t\t\t\tthis.props.onChange(tasks);\n\t\t\t}\n\n\t\t\tif (this.props.input != null) {\n\t\t\t\tthis.props.input.onChange(tasks);\n\t\t\t}\n\t\t});\n\t}\n\n\teditTaskTitle = (task) => {\n\t\tconst { translate } = this.props;\n\t\tlet { tasks } = this.state;\n\n\t\tswal.fire({\n\t\t\ttitle: translate('edit-name'),\n\t\t\ttext: translate('name'),\n\t\t\tinput: 'text',\n\t\t\tinputValue: task.groupName,\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: translate('Cancel'),\n\t\t\tconfirmButtonText: translate('save'),\n\t\t\tpreConfirm: (value) => {\n\t\t\t\tif (value.length > 50) {\n\t\t\t\t\treturn swal.showValidationMessage(translate('Group name can not be longer than 50 characters'));\n\t\t\t\t}\n\n\t\t\t\treturn undefined;\n\t\t\t},\n\t\t}).then(response => {\n\t\t\tif (response.value != null) {\n\t\t\t\ttask.groupName = response.value;\n\n\t\t\t\tthis.setState({ tasks }, () => {\n\t\t\t\t\tthis.onUpdate();\n\t\t\t\t\tif (this.props.input != null) {\n\t\t\t\t\t\tthis.props.input.onChange(tasks);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tremoveTaskObject = (taskIndex) => {\n\t\tlet { tasks } = this.state;\n\t\tconst task = tasks.find(task => task.index == taskIndex);\n\n\t\tif (task != null) {\n\t\t\tif (task.id != -1) {\n\t\t\t\ttask.markedForDeletion = !task.markedForDeletion;\n\t\t\t} else {\n\t\t\t\ttasks.splice(1, taskIndex);\n\t\t\t}\n\n\t\t\ttask.students.forEach((student) => {\n\t\t\t\tthis.removeStudentFromTask(student.id, taskIndex);\n\t\t\t});\n\n\t\t\tthis.setState({ tasks }, () => {\n\t\t\t\tif (this.props.input != null) {\n\t\t\t\t\tthis.props.input.onChange(this.state.tasks);\n\t\t\t\t}\n\t\t\t\tif (this.props.onChange != null) {\n\t\t\t\t\tthis.props.onChange(this.state.tasks);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tremoveStudentFromTask = async (studentId, taskIndex) => {\n\t\tlet { tasks } = this.state;\n\n\t\tlet task = tasks.find(task => task.index == taskIndex);\n\n\t\tif (task != null) {\n\t\t\tif (task.assignedTo.indexOf(studentId) > -1) {\n\t\t\t\ttask.assignedTo = task.assignedTo.replace(studentId + ';', '');\n\t\t\t\ttask.assignedTo = task.assignedTo.replace(studentId, '');\n\n\t\t\t\tlet studentsArr = task.students.filter(x => x.userId != studentId);\n\t\t\t\ttask.students = studentsArr;\n\t\t\t}\n\n\t\t\tthis.setState({ tasks }, () => {\n\t\t\t\tthis.onUpdate();\n\t\t\t\tif (this.props.input != null) {\n\t\t\t\t\tthis.props.input.onChange(this.state.tasks);\n\t\t\t\t}\n\t\t\t\tif (this.props.onChange != null) {\n\t\t\t\t\tthis.props.onChange(this.state.tasks);\n\t\t\t\t}\n\t\t\t});\n\n\t\t}\n\t}\n\n\taddStudentAsTask = (student) => {\n\t\tlet tasks = JSON.parse(JSON.stringify(this.state.tasks));\n\n\t\tlet studentTask = tasks.find(task => {\n\t\t\treturn task.assignmentTaskAssignees.some(assignee => assignee.assigneeId === student.userId);\n\t\t});\n\n\t\tif (studentTask) {\n\t\t\ttasks = tasks.map(t =>\n\t\t\t\tt.id === studentTask.id ? { ...t, markedForDeletion: false } : t\n\t\t\t);\n\t\t} else {\n\t\t\ttasks.push({\n\t\t\t\tgroupName: student.firstName + ' ' + student.lastName,\n\t\t\t\tassignedTo: student.userId,\n\t\t\t\tstudents: [student],\n\t\t\t\tid: -1,\n\t\t\t\tindex: this.state.tasks.length + 1,\n\t\t\t\tassignmentTaskAssignees: [{\n\t\t\t\t\tassignee: student,\n\t\t\t\t\tassigneeId: student.userId\n\t\t\t\t}]\n\t\t\t});\n\t\t}\n\n\t\tthis.setState({ tasks });\n\n\t\tif (this.props.input != null) {\n\t\t\tthis.props.input.onChange(tasks);\n\t\t}\n\n\t\tif (this.props.onChange != null) {\n\t\t\tthis.props.onChange(tasks);\n\t\t}\n\t}\n\n\taddStudentOnTask = (student, taskIndex) => {\n\t\tlet { tasks } = this.state;\n\n\t\tlet task = tasks.find(task => task.index == taskIndex);\n\t\tif (task != null) {\n\t\t\tif (task.assignedTo != null) {\n\t\t\t\tif (!task.assignedTo.endsWith(';')) {\n\t\t\t\t\ttask.assignedTo = task.assignedTo + ';';\n\t\t\t\t}\n\n\t\t\t\ttask.assignedTo = task.assignedTo + student.userId + ';';\n\t\t\t} else {\n\t\t\t\ttask.assignedTo = student.userId + ';';\n\t\t\t}\n\n\t\t\ttask.students.push(student);\n\t\t}\n\n\t\tthis.setState({ tasks }, () => {\n\t\t\tthis.onUpdate();\n\n\t\t\tif (this.props.input.onChange != null) {\n\t\t\t\tthis.props.input.onChange(this.state.tasks);\n\t\t\t}\n\n\t\t\tif (this.props.onChange != null) {\n\t\t\t\tthis.props.onChange(this.state.tasks);\n\t\t\t}\n\t\t});\n\t}\n\n\taddTaskGroup = (e) => {\n\t\te.preventDefault();\n\n\t\tlet { tasks } = this.state;\n\n\t\tlet largest = 1;\n\t\ttasks.forEach(task => {\n\t\t\tconst num = parseInt(task.groupName.replace(/^\\D+/g, ''));\n\t\t\tif (num > largest) {\n\t\t\t\tlargest = num;\n\t\t\t}\n\t\t});\n\n\t\tlet task = {\n\t\t\tgroupName: this.props.translate('group') + ' ' + (largest + 1),\n\t\t\tassignedTo: '',\n\t\t\tstudents: [],\n\t\t\tid: -1,\n\t\t\tindex: this.state.tasks.length,\n\t\t};\n\n\t\ttasks.push(task);\n\n\t\tthis.setState({ tasks }, () => {\n\t\t\tthis.onUpdate();\n\t\t\tif (this.props.input != null) {\n\t\t\t\tthis.props.input.onChange(tasks);\n\t\t\t}\n\t\t});\n\n\t\treturn tasks;\n\t}\n\n\t/* Render methods */\n\trenderEditMode = () => {\n\t\tconst unassignedStudents = this.props.section.students.filter((student) => {\n\t\t\tlet foundInTasks = this.state.tasks.find((task) => {\n\t\t\t\tif (task.assignedTo == null) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tconst foundInStudents = task.students.find(taskStudent => {\n\t\t\t\t\treturn taskStudent.userId == student.userId;\n\t\t\t\t});\n\n\t\t\t\treturn task.assignedTo.indexOf(student.userId) > -1 || foundInStudents != null;\n\t\t\t});\n\n\t\t\treturn foundInTasks == null;\n\t\t}).sort((a, b) => (a.lastName || \"\").localeCompare(b.lastName || \"\"));\n\n\t\tlet options = [];\n\t\tthis.state.tasks.forEach(task => {\n\t\t\tif (!task.markedForDeletion) {\n\t\t\t\toptions.push({\n\t\t\t\t\tvalue: task.index,\n\t\t\t\t\tlabel: task.groupName,\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{!this.props.hideTitle ?\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('title')}\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\n\t\t\t\t{this.props.baseGroup == null ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('automatically-divide')}\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t{this.props.translate('Groups')}\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t{this.state.units.map((unit, index) => {\n\t\t\t\t\treturn \n\t\t\t\t\t\t
\n\t\t\t\t})}\n\n\t\t\t\t{unassignedStudents.length > 0 ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{unit.title}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t { e.preventDefault(); this.editUnitTitle(unit) }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{this.props.translate('edit-name')}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t { e.preventDefault(); this.removeUnit(unit.title) }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{this.props.translate('Remove')}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{unit.memberships.sort((a, b) => (a.user.lastName || \"\").localeCompare(b.user.lastName || \"\"))\n\t\t\t\t\t\t.map((membership, index) => {\n\t\t\t\t\t\t\treturn this.renderStudent(membership.user, index);\n\t\t\t\t\t\t})}\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('unassigned-students')}\n\n\t\t\t\t\t\t{unassignedStudents.map((student, index) => {\n\t\t\t\t\t\t\treturn this.renderStudent(student, index);\n\t\t\t\t\t\t})}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t{this.props.onSubmit != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t{this.props.actions != null ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('select-group-for-selected-students')} { e.preventDefault(); this.setGroupOnActiveStudents(unit.title) }}>\n\t\t\t\t\t\t\t\t\t\t{unit.title}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t { e.preventDefault(); this.createGroupWithActiveStudents() }}>\n\t\t\t\t\t\t\t\t\t{this.props.translate('new-group')}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.actions.map((action, index) => {\n\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\n\n\t\t\t\t{this.state.tasks.sort((a, b) =>\n\t\t\t\t\tisNaN(parseInt(a.groupName)) || isNaN(parseInt(b.groupName)) ?\n\t\t\t\t\t\ta.groupName.localeCompare(b.groupName, undefined, { numeric: true })\n\t\t\t\t\t\t: parseInt(a.groupName) - parseInt(b.groupName)).map((task, index) => {\n\t\t\t\t\t\t\tif (task.markedForDeletion) {\n\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvar assessments = task.assessmentTypeRelationships?.find(atr => atr.assessmentId != null);\n\t\t\t\t\t\t\treturn
\n\t\t);\n\t}\n\n\trenderRegularEditMode = () => {\n\t\tconst unassignedStudents = this.props.section.students.filter(student => {\n\t\t\tlet studentTask = this.state.tasks.find(task => {\n\t\t\t\treturn task.assignmentTaskAssignees.some(assignee => assignee.assigneeId === student.userId);\n\t\t\t});\n\t\t\tconst deleted = studentTask != null ? studentTask.markedForDeletion : false;\n\t\t\treturn studentTask == null || deleted;\n\t\t}).sort((a, b) => (a.lastName || \"\").localeCompare(b.lastName || \"\"));\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{assessments ?\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\tif (value == 'rename') {\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.editTaskTitle(task);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\toptions={[\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: 'rename',\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: this.props.translate('edit-name'),\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{task.groupName}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\tif (value == 'remove') {\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.removeTaskObject(task.index);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\tif (value == 'rename') {\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.editTaskTitle(task);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\toptions={[\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: 'rename',\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: this.props.translate('edit-name'),\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: 'remove',\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: this.props.translate('Remove'),\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{task.groupName}\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t{task.students\n\t\t\t\t\t\t\t\t\t.sort((a, b) => (a.lastName || \"\").localeCompare(b.lastName || \"\"))\n\t\t\t\t\t\t\t\t\t.map((student) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t})}\n\n\t\t\t\t{unassignedStudents.length > 0 ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.removeStudentFromTask(student.id, task.index);\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (value != 'remove') {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.addStudentOnTask(student, value)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\toptions={[...options, {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: 'remove',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: this.props.translate('Remove'),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{task.groupName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('unassigned-students')}\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t{unassignedStudents\n\t\t\t\t\t\t\t.map((student) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t this.addStudentOnTask(student, value)}\n\t\t\t\t\t\t\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('select-group')}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\tif (this.props.section == null) {\n\t\t\treturn \n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('assigned-students')}\n\t\t\t\t\t\n\n\t\t\t\t\t{this.state.tasks\n\t\t\t\t\t\t.sort((a, b) => (a.students[0].lastName || \"\").localeCompare(b.students[0].lastName || \"\"))\n\t\t\t\t\t\t.map((task, index) => {\n\t\t\t\t\t\t\tif (task.markedForDeletion) {\n\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvar assessments = task.assessmentTypeRelationships?.find(atr => atr.assessmentId != null);\n\n\t\t\t\t\t\t\tvar studentId = task.students != null && task.students.length > 0 ? task.students[0].userId : null;\n\t\t\t\t\t\t\tvar isCurrentlyMemberInGroup = this.props.section.students.some(student => student.userId == studentId);\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t{unassignedStudents.length > 0 ?\n\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t{this.props.translate('Removed from group')}
}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{assessments ?\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Remove')}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: this.toggleTaskDeletion(task)}>\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Remove')}\n\t\t\t\t\t\t\t\t\t\t\t
}\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('unassigned-students')}\n\t\t\t\t\t\t\n\t\t\t\t\t\t{unassignedStudents\n\t\t\t\t\t\t\t.map((student) => {\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t this.addStudentAsTask(student)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Add')}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t{this.props.translate('select-a-group-to-continue')}\n\t\t\t
\n\t\t}\n\n\t\tif (this.editing && this.groupAssignment && !this.props.copyMode) {\n\t\t\treturn this.renderEditMode();\n\t\t}\n\n\t\tif (this.editing && !this.groupAssignment) {\n\t\t\treturn this.renderRegularEditMode();\n\t\t}\n\n\t\tconst baseGroupFormActions = [\n\t\t\t{\n\t\t\t\tvalue: this.props.translate('save-subgroup'),\n\t\t\t\tonClick: this.onBaseGroupSubmit,\n\t\t\t\ttype: 'secondary',\n\t\t\t},\n\t\t];\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t}\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tactive: state.BaseGroups.baseGroup,\n\t\tbaseGroups: state.BaseGroups.baseGroups,\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetBaseGroups,\n\tgetBaseGroup,\n\tclearActiveBaseGroup,\n\tcreateBaseGroup,\n\tupdateBaseGroup,\n\tsetActiveBaseGroup,\n})(AssignmentTaskSelect);\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { Document } from 'UI/Icons';\nimport msal, { loginRequest, getToken } from 'lib/msal';\nimport getEnvironment from 'lib/env';\n\nclass AttachedDocuments extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tdocuments: [],\n\t\t\tundo: this.props.translate('undo'),\n\t\t\tdelete: this.props.translate('Delete'),\n\t\t};\n\n\t\tthis.token = null;\n\n\t\tlet request = loginRequest;\n\t\trequest.scopes = [\n\t\t\t...getEnvironment().scopes,\n\t\t\t...request.scopes\n\t\t];\n\n\t\tgetToken(request).then((response) => {\n\t\t\tthis.token = response.accessToken;\n\n\n\t\t\tthis.loadDocuments(this.props);\n\t\t});\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tthis.loadDocuments(nextProps);\n\t}\n\n\tloadDocuments = (props) => {\n\t\tif (this.token == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (props.documents != null) {\n\t\t\tif (typeof props.documents === 'string') {\n\t\t\t\tconst documentString = props.documents.split(';');\n\t\t\t\tconst documents = [];\n\t\t\t\tdocumentString.forEach((document) => {\n\t\t\t\t\tconst documentObj = {\n\t\t\t\t\t\tname: document.indexOf(\"?\") > 0 ? document.split(\"?\")[0].substring(document.split(\"?\")[0].lastIndexOf('/') + 1) : document.substring(document.lastIndexOf('/') + 1),\n\t\t\t\t\t\turl: document,\n\t\t\t\t\t\tremove: false,\n\t\t\t\t\t};\n\n\t\t\t\t\tdocuments.push(documentObj);\n\t\t\t\t});\n\n\t\t\t\tthis.setState({ documents });\n\t\t\t} else {\n\t\t\t\tconst documents = [];\n\t\t\t\tprops.documents.forEach((document) => {\n\t\t\t\t\tvar fileUrl = document.value;\n\n\t\t\t\t\tconst documentObj = {\n\t\t\t\t\t\tname: document.name,\n\t\t\t\t\t\turl: fileUrl,\n\t\t\t\t\t\tremove: document.markedForDeletion != null ?\n\t\t\t\t\t\t\tdocument.markedForDeletion : false,\n\t\t\t\t\t};\n\n\t\t\t\t\tdocuments.push(documentObj);\n\t\t\t\t});\n\n\t\t\t\tthis.setState({ documents });\n\t\t\t}\n\t\t}\n\t}\n\n\tremoveDocument = (document) => {\n\t\tconst documents = this.state.documents;\n\n\t\tconst doc = documents.find(docItr => docItr.url == document.url);\n\t\tif (doc.remove) {\n\t\t\tdocument.remove = false;\n\t\t} else {\n\t\t\tdocument.remove = true;\n\t\t}\n\n\t\tthis.setState({ documents });\n\n\t\tthis.props.removeInstruction(document.url, document.remove);\n\t}\n\n\trenderDocuments = () => {\n\t\tif (this.props.documents !== null) {\n\t\t\tconst undo = this.state.undo;\n\t\t\tconst deleteTitle = this.state.delete;\n\n\t\t\treturn this.state.documents.map((document, i) => {\n\t\t\t\tif (document.url !== '') {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\t{this.state.loading ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{this.props.baseGroups != null ?\n\t\t\t\t\t\t\t\t\tthis.props.baseGroups.map((baseGroup) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}) : null}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{this.props.active != null ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t { e.preventDefault(); this.clearSelection(); }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{this.props.translate('reset')}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{this.props.removeInstruction != null ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{document.name}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t { this.removeDocument(document); }}>\n\t\t\t\t\t\t\t\t\t{document.remove ? undo : deleteTitle}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t{this.renderDocuments()}\n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps)(AttachedDocuments);","import React from 'react';\nimport { Button, Haldor__Block__Plugin, Flex } from '@haldor/ui';\n\nimport { ASSESSMENT_TYPES } from '../AssessmentTypes';\n\nclass AddAssessmentBlockButton_Plugin extends Haldor__Block__Plugin {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.name = 'AddAssessmentBlockButton_Plugin';\n\t}\n\n\tonButtonPress = async (type, event) => {\n\t\tevent.preventDefault();\n\n\t\tswitch (type) {\n\t\t\tcase ASSESSMENT_TYPES.TEACHER:\n\t\t\t\tawait this.editor.addBlock('Haldor.Blocks.AssessmentBlock');\n\t\t\t\tbreak;\n\t\t\tcase ASSESSMENT_TYPES.PEER:\n\t\t\t\tawait this.editor.addBlock('Haldor.Blocks.AssessmentBlock.Peer');\n\t\t\t\tbreak;\n\t\t\tcase ASSESSMENT_TYPES.SELF:\n\t\t\t\tawait this.editor.addBlock('Haldor.Blocks.AssessmentBlock.Self');\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\n\t\tvar arrayLength = this.editor.getBlocks().length;\n\t\tthis.editor.getBlocks()[arrayLength - 1].resources.push({ '@odata.type': 'assessmenttype', 'value': type })\n\t}\n\n\tinit = () => {\n\t\tconst { editor } = this;\n\t\tconst translate = editor.getProp('translate');\n\n\t\teditor.renderer.registerPosition('after_blocks', () => {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t)\n\t\t})\n\t}\n\n}\n\nexport default AddAssessmentBlockButton_Plugin;","import React from 'react';\nimport { Button, Haldor__Block__Plugin, Flex } from '@haldor/ui';\n\nimport { ASSESSMENT_TYPES } from '../AssessmentTypes';\n\nclass AddTeacherAssessmentBlockButton_Plugin extends Haldor__Block__Plugin {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.name = 'AddAssessmentBlockButton_Plugin';\n\t}\n\n\tonButtonPress = async (type, event) => {\n\t\tevent.preventDefault();\n\t\tawait this.editor.addBlock('Haldor.Blocks.AssessmentBlock');\n\t}\n\n\tinit = () => {\n\t\tconst { editor } = this;\n\t\tconst translate = editor.getProp('translate');\n\n\t\teditor.renderer.registerPosition('after_blocks', () => {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t)\n\t\t})\n\t}\n\n}\n\nexport default AddTeacherAssessmentBlockButton_Plugin;","import React from 'react';\nimport { Haldor__Block__Plugin } from '@haldor/ui';\nimport { ASSESSMENT_TYPES } from '../AssessmentTypes';\n\nclass PushAssessmentBlock_Plugin extends Haldor__Block__Plugin {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.name = 'PushAssessmentBlock_Plugin';\n\t}\n\n\teditorMount = async () => {\n\t\tconst { editor } = this;\n\n\t\tif (editor.getBlocks().length == 0) {\n\t\t\tawait editor.addBlock('Haldor.Blocks.AssessmentBlock');\n\t\t}\n\t}\n\n}\n\nexport default PushAssessmentBlock_Plugin;","import React, { Fragment } from 'react';\nimport ColorScale from '_class/ColorScale';\nimport { capitalize } from 'helpers/content';\nimport { useTranslate } from 'lib/translate';\nimport { Expandable, Icon } from '@haldor/ui';\nimport { Collapsible, ColorLabel, ColorLabelContainer } from 'UI';\nimport DOMPurify from 'dompurify';\n\nimport moment from 'moment';\nconst DisplayResource = (props) => {\n\tconst translate = useTranslate();\n\tconst { resource, block } = props;\n\tconst assessment = block.api.getEditor().getProp('assessment');\n\n\t/**\n\t * @param {object} row\n\t */\n\tconst getRowData = (row) => {\n\t\tif (row.referenceType == 'matrixRow') {\n\t\t\tlet foundRow = null;\n\t\t\tlet addNotAchieved = true;\n\t\t\tresource.value?.details?.forEach((_detail) => {\n\t\t\t\t_detail?.matrix?._ParagraphSet?.forEach((_paragraph) => {\n\t\t\t\t\tconst matchingRow = _paragraph.rows.find((_row) => _row.id == row.referenceId);\n\n\t\t\t\t\tif (matchingRow != null) {\n\t\t\t\t\t\tif (_detail.matrix.disableNotAchieved) {\n\t\t\t\t\t\t\taddNotAchieved = false;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfoundRow = JSON.parse(JSON.stringify(matchingRow));\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t});\n\n\t\t\tif (foundRow != null && addNotAchieved) {\n\t\t\t\tif (foundRow?.cells.find(cell => cell.id == 'F') == null) {\n\t\t\t\t\tfoundRow?.cells.unshift({\n\t\t\t\t\t\ttext: translate('Not achieved'),\n\t\t\t\t\t\tid: 'F',\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn foundRow;\n\t\t}\n\n\t\tif (row.referenceType == 'assessmentGoalRow') {\n\t\t\tlet foundRow = resource.value?.rows.find((_row) =>\n\t\t\t\t_row.id == row.referenceId\n\t\t\t);\n\n\t\t\tif (foundRow != null) {\n\t\t\t\tfoundRow.cells = foundRow.cells?.sort((a, b) => a.index - b.index);\n\t\t\t}\n\n\t\t\treturn foundRow;\n\t\t}\n\t}\n\n\t/**\n\t * @param {object} row\n\t */\n\tconst getRowParagraph = (row) => {\n\t\tif (row.referenceType == 'matrixRow') {\n\t\t\tlet foundParagraph = null;\n\t\t\tresource.value?.details?.forEach((_detail) => {\n\t\t\t\t_detail?.matrix?._ParagraphSet?.forEach((_paragraph) => {\n\t\t\t\t\tconst matchingRow = _paragraph.rows.find((_row) => _row.id == row.referenceId);\n\n\t\t\t\t\tif (matchingRow != null) {\n\t\t\t\t\t\tfoundParagraph = _paragraph;\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t});\n\n\t\t\treturn foundParagraph;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * @param {object} row\n\t */\n\tconst getRowClarifications = (row) => {\n\t\tif (props.clarifications == null) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst found = props.clarifications.find((clarification) => {\n\t\t\tif (clarification.value == null) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn clarification.value.title == row.id;\n\t\t});\n\n\t\tif (found == null) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn found.value.rows;\n\t}\n\n\tconst getCourseDetail = () => {\n\t\tif (resource.value == null || resource.value.details == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn resource.value.details.find((detail) =>\n\t\t\tdetail.matrixID == resource.referenceId\n\t\t);\n\t}\n\n\tconst renderExpiredText = () => {\n\t\tconst courseDetail = getCourseDetail();\n\n\t\tif (courseDetail != null && courseDetail.endDate != null && moment(courseDetail.endDate).isBefore(moment())) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * @param {object} resource\n\t */\n\tconst getResourceTitle = (resource) => {\n\t\tconst translate = block.api.getEditor().getProp('translate');\n\t\tconst isStudent = block.api.getEditor().getProp('isStudent');\n\t\tlet text = '';\n\t\tif (resource.referenceType == 'assessmentGoal') {\n\t\t\ttext = translate('Goal');\n\t\t}\n\n\t\tif (resource.referenceType == 'matrix') {\n\t\t\ttext = resource.value.year != null ? `${resource.value.title} ${resource.value.year} (${resource.value.courseCode})` : `${resource.value.title} (${resource.value.courseCode})`;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{resource.referenceType !== 'assessmentGoal' ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n\t/**\n\t * @param {object} resource\n\t */\n\tconst getResourceColor = (resource) => {\n\t\tif (resource.referenceType == 'assessmentGoal') {\n\t\t\treturn '#0f78da';\n\t\t}\n\n\t\tif (resource.referenceType == 'matrix') {\n\t\t\treturn resource.value.colorCode;\n\t\t}\n\n\t\treturn '#ccc';\n\t}\n\n\t/**\n\t * @param {object} rowData\n\t */\n\tconst getColors = (rowData) => {\n\t\tlet showRed = false;\n\n\t\tif (resource.referenceType == 'assessmentGoal') {\n\t\t\tshowRed = rowData.cells.find(cell => cell.type == 'NotAchievedTextField') != null;\n\t\t}\n\n\t\tif (resource.referenceType == 'matrix') {\n\t\t\tconst detail = resource.value.details.find((detail) => {\n\t\t\t\treturn detail.matrix._ParagraphSet.find((paragraph) => {\n\t\t\t\t\treturn paragraph.rows.find((row) => row.id == rowData.id)\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tif (detail != null && !detail.matrix.disableNotAchieved) {\n\t\t\t\tshowRed = true;\n\t\t\t}\n\t\t}\n\n\t\treturn new ColorScale(rowData.cells.length).get(showRed);\n\t}\n\n\t/**\n\t * @param {object} cell\n\t * @param {object} assessmentBlockPartRow\n\t */\n\tconst getIsCellSelected = (cell, assessmentBlockPartRow) => {\n\t\tif (assessment == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst foundInValue = assessment.assessmentDetails?.find((detail) =>\n\t\t\tdetail.cellId == cell.id && detail.assessmentBlockPartRowId == assessmentBlockPartRow.id\n\t\t);\n\n\t\treturn foundInValue != null;\n\t}\n\n\tconst getMatrix = () => {\n\t\treturn resource.value?.details?.find((detail) =>\n\t\t\tdetail.matrixID == resource.referenceId\n\t\t)?.matrix;\n\t}\n\n\t/**\n\t * @param {string} target\n\t * @param {array} permissions\n\t */\n\tconst renderPermission = (target, permissions) => {\n\t\tconst active = permissions.find((perm) =>\n\t\t\tperm.target == target && perm.referenceType == 'ASSESSMENTBLOCKPART'\n\t\t) != null;\n\n\t\treturn (\n\t\t\t{text} {renderExpiredText()}
\n\t\t\t\t\t:\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t
\n\t\t\t\t}\n\n\t\t\t\t{!isStudent ?\n\t\t\t\t\t{text} {renderExpiredText()}
\n\t\t\t\t\t\t{props.course.length > 0 ?\n\t\t\t\t\t\t\tprops.course.map(course => {\n\t\t\t\t\t\t\t\tlet title = course.value.year != null ? `${course.value.title} ${course.value.year} (${course.value.courseCode})` : `${course.value.title} (${course.value.courseCode})`;\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t{renderPermission('STUDENT', resource.permissions)}\n\t\t\t\t\t\t{renderPermission('GUARDIAN', resource.permissions)}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tconst renderMatrixOrGoal = (row, paragraph, assessmentBlockPartRow, clarifications, colors) => {\n\t\tconst isStudent = block.api.getEditor().getProp('isStudent');\n\n\t\tconst rowText = row.description != null ?\n\t\t\trow.description\n\t\t\t: row.text;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{paragraph != null ?\n\t\t\t\t\t\t
: null}\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t{paragraph.paragraphNr}.{row.sentenceNr}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{rowText != null ? \"\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t}}>\n\t\t\t\t\t\n\t\t\t\t\t\t{row.cells.map((cell, index) => {\n\t\t\t\t\t\t\tconst selected = getIsCellSelected(cell, assessmentBlockPartRow);\n\n\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t{cell.value != null ?\n\t\t\t\t\t\t\t\t\tcell.value\n\t\t\t\t\t\t\t\t\t: cell.text}\n\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t})}\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t{clarifications.length > 0 ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{clarifications.map((clarification) => {\n\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t{!isStudent ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{clarification.description}\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{clarification.cells.map((cell) => {\n\t\t\t\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{cell.value}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{paragraph.title != null ?
\n\t\t\t\t\t}\n\t\t\t\t})}\n\n\t\t\t{resource.referenceType == 'assessmentGoal' &&\n\t\t\t\tassessmentBlockPartRows.map((assessmentBlockPartRow) => {\n\t\t\t\t\tconst row = getRowData(assessmentBlockPartRow);\n\t\t\t\t\tconst paragraph = getRowParagraph(assessmentBlockPartRow);\n\n\t\t\t\t\tif (row == null) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst clarifications = getRowClarifications(row);\n\t\t\t\t\tconst colors = getColors(row);\n\n\t\t\t\t\treturn renderMatrixOrGoal(row, paragraph, assessmentBlockPartRow, clarifications, colors);\n\t\t\t\t})\n\t\t\t}\n\n\t\t\t{feedbacks != null && feedbacks.length > 0 ?\n\t\t\t\t{paragraph.title}
: null}\n\t\t\t\t\t\t\t{paragraph.subtitle != null ? {paragraph.subtitle}
: null}\n\t\t\t\t\t\t\t{paragraph.rows.map((row) => {\n\t\t\t\t\t\t\t\tvar assessmentBlockPartRow = assessmentBlockPartRows.find((selectedRow) => selectedRow.referenceId == row.id);\n\t\t\t\t\t\t\t\tif (assessmentBlockPartRow != null) {\n\n\t\t\t\t\t\t\t\t\trow = getRowData(assessmentBlockPartRow);\n\t\t\t\t\t\t\t\t\tparagraph = getRowParagraph(assessmentBlockPartRow);\n\t\t\t\t\t\t\t\t\tif (row == null) {\n\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tconst clarifications = getRowClarifications(row);\n\t\t\t\t\t\t\t\t\tconst colors = getColors(row);\n\n\t\t\t\t\t\t\t\t\treturn renderMatrixOrGoal(row, paragraph, assessmentBlockPartRow, clarifications, colors);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t{feedbacks.map((feedback) => {\n\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t
\n\t\t\t\t: null}\n\t\t\n\t);\n\n}\n\nexport default DisplayResource;","import React, { useState } from 'react';\nimport ColorScale from '_class/ColorScale';\n\nimport { FlexibleTextArea } from 'UI/Inputs';\nimport { Checkbox, Flex, Icon } from '@haldor/ui';\nimport { useTranslate } from 'lib/translate';\nimport sniffer from 'sniffer';\n\nconst GoalMatrixRowForm = (props) => {\n\tconst rebuildIndexes = (cell, index) => ({\n\t\t...cell,\n\t\tindex: index,\n\t});\n\n\tlet initialCells = [];\n\n\tif (props.row?.cells != null) {\n\t\tinitialCells = props.row.cells.sort((a, b) =>\n\t\t\ta.index - b.index\n\t\t).map(rebuildIndexes);\n\t}\n\n\tconst translate = useTranslate();\n\tconst [cells, setCells] = useState(initialCells);\n\tconst [description, setDescription] = useState(props.row?.description ?? '');\n\n\tconst onChange = (parentCells) => {\n\t\tlet cellValues = cells;\n\t\tif (parentCells != null) {\n\t\t\tcellValues = parentCells;\n\t\t}\n\n\t\tif (props.onChange != null) {\n\t\t\tif (props.row != null) {\n\t\t\t\tprops.onChange({\n\t\t\t\t\t...props.row,\n\t\t\t\t\tdescription,\n\t\t\t\t\tcells: cellValues,\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tprops.onChange({\n\t\t\t\t\tdescription,\n\t\t\t\t\tcells: cellValues,\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\tconst onDescriptionChange = (event) => {\n\t\tsetDescription(event.target.value);\n\t}\n\n\tconst onCellChange = (cell, event) => {\n\t\tif (cell == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet newCells = [...cells];\n\t\tnewCells.splice(cell.index, 1, {\n\t\t\t...cell,\n\t\t\tvalue: event.target.value,\n\t\t});\n\n\t\tsetCells(newCells);\n\t}\n\n\tconst onCellCopy = async (cell, event) => {\n\t\tevent.preventDefault();\n\n\t\tif (cell == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet newCells = [...cells];\n\t\tnewCells.splice(cell.index, 0, {\n\t\t\tindex: 0,\n\t\t\tvalue: cell.value,\n\t\t\ttype: 'TextField',\n\t\t\tid: 0,\n\t\t});\n\n\t\t// Rebuild indexes on cells\n\t\tnewCells = newCells.map(rebuildIndexes);\n\t\tawait setCells(newCells);\n\t\tonChange(newCells);\n\t}\n\n\tconst onCellRemove = async (cell, event) => {\n\t\tevent.preventDefault();\n\n\t\tif (cell == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet newCells = [...cells];\n\t\tnewCells.splice(cell.index, 1);\n\n\t\t// Rebuild indexes on cells\n\t\tnewCells = newCells.map(rebuildIndexes);\n\t\tsetCells(newCells);\n\t\tonChange(newCells);\n\t}\n\n\tconst onAddCell = async (event) => {\n\t\tevent.preventDefault();\n\n\t\tlet newCells = [...cells];\n\t\tnewCells.push({\n\t\t\tindex: cells.length,\n\t\t\ttype: 'TextField',\n\t\t\tvalue: '',\n\t\t\tid: 0,\n\t\t});\n\n\t\tsetCells(newCells);\n\t\tonChange(newCells);\n\t}\n\n\tconst toggleNotAchieved = (add) => {\n\t\tlet newCells = [...cells];\n\n\t\tif (add) {\n\t\t\tnewCells = [\n\t\t\t\t{\n\t\t\t\t\tindex: 0,\n\t\t\t\t\ttype: 'NotAchievedTextField',\n\t\t\t\t\tvalue: translate('Not achieved'),\n\t\t\t\t\tid: 0,\n\t\t\t\t},\n\t\t\t\t...cells\n\t\t\t].map(rebuildIndexes);\n\t\t} else {\n\t\t\tnewCells = [...cells]\n\t\t\t\t.filter(cell => cell.type != 'NotAchievedTextField')\n\t\t\t\t.map(rebuildIndexes)\n\t\t}\n\n\t\tsetCells(newCells);\n\t\tonChange(newCells);\n\t}\n\n\tconst hasAchieved = cells.find(cell => cell.type == 'NotAchievedTextField') != null;\n\tconst colors = new ColorScale(cells.length).get(hasAchieved);\n\n\treturn (\n\t\t\n\t\t\t
\n\t);\n\n}\n\nGoalMatrixRowForm.defaultProps = {\n\tdisabled: false,\n};\n\nexport default GoalMatrixRowForm;\n","import React, { useEffect, useState } from 'react';\nimport { Flex, Icon, Expandable } from '@haldor/ui';\nimport { useTranslate } from 'lib/translate';\n\nimport GoalMatrixRowForm from './GoalMatrixRowForm';\nimport { capitalize } from 'helpers/content';\nimport { ASSESSMENT_TYPES } from 'components/BlockAssessments/AssessmentTypes';\nimport { ColorLabel, ColorLabelContainer } from 'UI';\nimport sniffer from 'sniffer';\n\nconst GoalMatrixForm = (props) => {\n\tconst translate = useTranslate();\n\tconst [rows, setRows] = useState(props.part?.value.rows ?? []);\n\n\tuseEffect(() => {\n\t\tif (rows.length == 0) {\n\t\t\tlet rows = [];\n\t\t\trows.push({\n\t\t\t\tindex: rows.length,\n\t\t\t\tid: 0,\n\t\t\t\ttitle: '',\n\t\t\t\tdescription: '',\n\t\t\t\tcells: [\n\t\t\t\t\t{\n\t\t\t\t\t\tindex: 0,\n\t\t\t\t\t\ttype: 'NotAchievedTextField',\n\t\t\t\t\t\tvalue: translate('Not achieved'),\n\t\t\t\t\t\tid: 0,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t});\n\n\t\t\tsetRows(rows);\n\t\t}\n\t}, []);\n\n\t// onChange\n\tuseEffect(() => {\n\t\tif (props.onChange != null) {\n\t\t\tprops.onChange({\n\t\t\t\t...props.part,\n\t\t\t\tvalue: {\n\t\t\t\t\t...props.part?.value,\n\t\t\t\t\trows,\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}, [rows]);\n\n\tconst onRowChange = (row) => {\n\t\tif (row == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet changedRows = [...rows];\n\t\tchangedRows.splice(row.index, 1, row);\n\t\tsetRows(changedRows);\n\t}\n\n\tconst removeMatrix = () => {\n\t\tif (props.onRemove != null) {\n\t\t\tprops.onRemove();\n\t\t}\n\t}\n\n\t/**\n\t * @param {string} target\n\t * @param {string} referenceType\n\t * @description Toggles target permission on part data\n\t */\n\tconst togglePermission = (target, referenceType) => {\n\t\tlet permissions = props.part.permissions;\n\t\tconst indexOf = props.part.permissions?.findIndex(element =>\n\t\t\telement.target == target && element.referenceType == referenceType\n\t\t);\n\n\t\tif (indexOf > -1) {\n\t\t\tpermissions.splice(indexOf, 1);\n\t\t} else {\n\t\t\tpermissions.push({ target: target, referenceType: referenceType, level: 'READ' });\n\t\t}\n\n\t\tprops.onChange({\n\t\t\t...props.part,\n\t\t\tpermissions: permissions\n\t\t});\n\t}\n\n\t/**\n\t * @param {string} target\n\t */\n\tconst renderPermission = (target) => {\n\t\tconst active = props.part.permissions?.find(element =>\n\t\t\telement.target == target && element.referenceType == 'ASSESSMENTBLOCKPART'\n\t\t) != null;\n\n\t\treturn \n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t
\n\n\t\t\n\t\t\t\t\t\t{/* TODO: Limit to 255 characters */}\n\t\t\t\t\t\t onChange()}\n\t\t\t\t\t\t\tplaceholder={translate('Goal description')}\n\t\t\t\t\t\t\tvalue={description}\n\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\n\t\t\t\t\t{cells.map((cell, index) => {\n\t\t\t\t\t\tlet color = colors[index];\n\n\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t onCellChange(cell, event)}\n\t\t\t\t\t\t\t\tonBlur={() => onChange()}\n\t\t\t\t\t\t\t\tvalue={cell.value}\n\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{!props.disabled ?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t})}\n\n\t\t\t\t\t{!props.disabled ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{cell.type != 'NotAchievedTextField' ?\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t onCellCopy(cell, event)}>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t onCellRemove(cell, event)}>\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t {\n\t\t\tevent.stopPropagation(); togglePermission(target, 'ASSESSMENTBLOCKPART');\n\t\t}}>\n\t\t\t
\n\t}\n\n\tconst renderAssessmentFeedbackPermission = () => {\n\t\tconst active = props.part.permissions?.find(element =>\n\t\t\telement.target == 'GUARDIAN' && element.referenceType == 'ASSESSMENTFEEDBACK'\n\t\t) != null;\n\n\t\treturn {\n\t\t\tevent.stopPropagation(); togglePermission('GUARDIAN', 'ASSESSMENTFEEDBACK');\n\t\t}}>\n\t\t\t{props.assessmentType == ASSESSMENT_TYPES.TEACHER &&\n\t\t\t\t<>\n\t\t\t\t\t
\n\t}\n\n\tconst renderRowTitle = () => {\n\t\treturn \n\t\t\t
\n\t}\n\n\tconst getRowDisabled = (id) => {\n\t\tif (props.disableRows == null || props.disableRows.length == 0) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst reference = props.part.assessmentBlockPartRows?.find((partRow) => partRow.referenceId == id);\n\t\tif (reference == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn props.disableRows.indexOf(reference.id) > -1;\n\t}\n\n\treturn (\n\t\t{translate('Goal')}\n\t\t\t\t{props.course.length > 0 ?\n\t\t\t\t\tprops.course.map(course => {\n\t\t\t\t\t\tconst title = course.value.year != null ? `${course.value.title} ${course.value.year} (${course.value.courseCode})` : `${course.value.title} (${course.value.courseCode})`;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\t)\n\t\t\t\t\t: null}\n\n\n\t\t\t
\n\n\t\t\t{props.assessmentType == ASSESSMENT_TYPES.TEACHER &&\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\t{renderPermission('STUDENT')}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{renderPermission('GUARDIAN')}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t}\n\n\t\t\t{props.disableRows == null || props.disableRows.length == 0 ?\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t: null}\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{rows.map((row, index) => {\n\t\t\t\t\t\treturn \n\t\t\t \n\t\t
\n\t);\n\n}\n\nGoalMatrixForm.defaultProps = {\n\tassessments: [],\n\tdisabled: false,\n};\n\nexport default GoalMatrixForm;","import React, { useEffect, useState, useMemo } from 'react';\n\nimport {\n\tsearchCourseByTitle,\n\tclearCourseSearch as clear,\n} from 'actions/search';\n\nimport { putData } from 'actions';\nimport { getCourse } from 'actions/courses';\nimport { toggleSelectedSection } from 'actions/sections';\nimport { getSchoolTypes } from 'actions/tenants'\n\nimport { useTranslate } from 'lib/translate';\nimport { useSelector, useDispatch } from 'react-redux';\n\nimport Modal from 'containers/Modals/Modal';\nimport { Spinner } from 'UI';\nimport { Search } from 'UI/Inputs';\nimport { Tabs, Tab, Button, Checkbox } from '@haldor/ui';\n\nconst SelectCourses = (props) => {\n\tconst [searching, setSearching] = useState(false);\n\tconst [submitting, setSubmitting] = useState(false);\n\tconst [selected, setSelected] = useState([]);\n\tconst [addOnGroup, setAddOnGroup] = useState(true);\n\tconst [schoolType, setSchoolType] = useState('All');\n\tconst [year, setYear] = useState('All');\n\tconst [searchValue, setSearchValue] = useState('');\n\tconst sections = useSelector(state => state.sections.selected);\n\tconst group = useSelector(state => state.assignments.section);\n\tconst searchResultsData = useSelector(state => state.Courses.courseSearchResults);\n\tconst courseDetails = useSelector(state => state.Courses.courses);\n\tconst schoolTypes = useSelector(state => state.Tenant.schoolTypes);\n\tconst YEARS = [\"All\", 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n\n\tconst translate = useTranslate();\n\tconst dispatch = useDispatch();\n\n\tuseEffect(() => {\n\t\tif (schoolTypes == null || schoolTypes.length == 0) {\n\t\t\tdispatch(getSchoolTypes());\n\t\t}\n\t}, []);\n\n\tconst sectionCourses = useMemo(() => {\n\t\tif ((sections == null || sections.length == 0) && group == null) {\n\t\t\treturn [];\n\t\t} else if ((sections == null || sections.length == 0) && group != null) {\n\t\t\treturn group.courses;\n\t\t}\n\n\t\tlet courses = [];\n\t\tsections.forEach((element) => {\n\t\t\telement.courses.forEach(course => {\n\t\t\t\tif (props.skipCourses != null) {\n\t\t\t\t\tif (props.skipCourses.indexOf(course.id) > -1) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tcourses.push(JSON.parse(JSON.stringify(course)))\n\t\t\t});\n\t\t});\n\n\t\tconst removeDuplicate = courses.filter((item, index, self) =>\n\t\t\tself.findIndex((t) => t.id === item.id) === index\n\t\t);\n\n\t\treturn removeDuplicate;\n\t}, [sections, props.skipCourses]);\n\n\tconst searchResults = useMemo(() => {\n\t\tif (searchResultsData == null || searchResultsData.length == 0) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn JSON.parse(JSON.stringify(searchResultsData)).filter((course) => {\n\t\t\tif (props.skipCourses == null) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn props.skipCourses.indexOf(course.id) == -1;\n\t\t}).filter((v, i, a) => a.findIndex(v2 => (v2.id === v.id)) === i);\n\t}, [searchResultsData]);\n\n\tconst onSubmit = async (event) => {\n\t\tevent.preventDefault();\n\n\t\tsetSubmitting(true);\n\n\t\tlet values = selected;\n\t\tconst missingDetails = selected.filter(course => course.details.length == 0);\n\n\t\tif (missingDetails.length > 0) {\n\t\t\tawait Promise.all(\n\t\t\t\tmissingDetails.map((course) => new Promise(async (resolve) => {\n\t\t\t\t\tawait dispatch(getCourse(course.id));\n\t\t\t\t\tconst details = courseDetails.find((c) => c.id == course.id);\n\n\t\t\t\t\tif (details != null) {\n\t\t\t\t\t\tvalues = values.map((course) =>\n\t\t\t\t\t\t\tcourse.id == details.id ? details : course\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tresolve();\n\t\t\t\t}))\n\t\t\t);\n\n\t\t\tif (addOnGroup) {\n\t\t\t\tconst groups = JSON.parse(JSON.stringify(sections));\n\n\t\t\t\tawait Promise.all(\n\t\t\t\t\tgroups.map((group) => new Promise(async (resolve) => {\n\t\t\t\t\t\tdispatch(toggleSelectedSection(group));\n\n\t\t\t\t\t\tmissingDetails.forEach((course) => {\n\t\t\t\t\t\t\tconst courseWithDetails = courseDetails.find((c) => c.id == course.id);\n\t\t\t\t\t\t\tgroup.courses.push(courseWithDetails);\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tawait dispatch(putData('sections', group));\n\t\t\t\t\t\tdispatch(toggleSelectedSection(group));\n\t\t\t\t\t\tresolve();\n\t\t\t\t\t}))\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tif (props.onSubmit != null) {\n\t\t\tprops.onSubmit(values);\n\t\t}\n\t}\n\n\tconst onSearch = () => {\n\t\tsetSelected([]);\n\n\t\tif (searchValue == '' && schoolType == 'All' && year == 'All') {\n\t\t\tdispatch(clear());\n\t\t\treturn;\n\t\t}\n\n\t\tsetSearching(true);\n\n\t\tdispatch(searchCourseByTitle(\n\t\t\tsearchValue == '' ? null : searchValue,\n\t\t\tschoolType == 'All' ? '' : schoolType,\n\t\t\tyear == 'All' ? '' : year,\n\t\t)).then(() => {\n\t\t\tsetSearching(false);\n\t\t});\n\t}\n\n\tuseEffect(() => {\n\t\tonSearch();\n\t}, [year, schoolType])\n\n\tconst renderCourse = (course, index) => {\n\t\tconst value = selected.find((s) => s.id == course.id) != null;\n\t\tconst schoolType = translate(course.typeOfSchooling);\n\t\tconst courseTitle = `${course.title} - ${course.year != null ? course.year : ''} ${course.courseCode} (${schoolType})`;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{renderAssessmentFeedbackPermission()}\n\t\t\t\t
\n\n\t\t\t\t{props.disabled ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\t toggleCourse(course)}\n\t\t\t\t\tvalue={value}\n\t\t\t\t/>\n\t\t\t
\n\t\t);\n\t}\n\n\tconst toggleCourse = (course) => {\n\t\tconst found = selected.find((s) => s.id == course.id);\n\t\tif (found != null) {\n\t\t\tsetSelected(selected.filter((s) => s.id != course.id));\n\t\t} else {\n\t\t\tsetSelected([...selected, course]);\n\t\t}\n\t}\n\n\tconst toggleAll = (checked) => {\n\t\tif (checked) {\n\t\t\tlet courses = [];\n\t\t\tsections.forEach(element => {\n\t\t\t\telement.courses.forEach(course =>\n\t\t\t\t\tcourses.push(course))\n\t\t\t});\n\n\t\t\tsetSelected([...courses]);\n\t\t\treturn;\n\t\t};\n\n\t\tsetSelected([]);\n\t}\n\n\tconst selectedSchoolType = schoolTypes?.find((type) =>\n\t\ttype.typeId == schoolType\n\t);\n\n\treturn \n\t\t\t
\n\t\n\t\t\t\t setSelected([])}>\n\t\t\t\t\t\n\t\t\t\t\t\t{sectionCourses.length > 0 ?\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t toggleAll(value)}\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t setSearchValue(value)}\n\t\t\t\t\t\t\tallowEmpty\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t \n\t\t\t\t \n\n\t\t\t
\n\t\t\n\t\t\t\t\t{translate('Courses')}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t{sectionCourses.map((course, index) => {\n\t\t\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{renderCourse(course, index)}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{selectedSchoolType != null && selectedSchoolType.maxYear != null && selectedSchoolType.minYear != null ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t setSchoolType(e.target.value)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t{schoolTypes?.sort((a, b) =>\n\t\t\t\t\t\t\t\t\t\t\ttranslate(a.typeId).localeCompare(translate(b.typeId))\n\t\t\t\t\t\t\t\t\t\t).map((schoolType, index) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t setYear(e.target.value)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{YEARS\n\t\t\t\t\t\t\t\t\t\t\t\t.filter((year) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (year == 'All') {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn year >= selectedSchoolType?.minYear && year <= selectedSchoolType?.maxYear;\n\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t.map((year, index) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{searchResults.map(renderCourse)}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t {\n\t\t\tevent.stopPropagation(); togglePermission(target, 'ASSESSMENTBLOCKPART');\n\t\t}}>\n\t\t\t
\n\t}\n\n\tconst renderAssessmentFeedbackPermission = () => {\n\t\tconst active = props.part.permissions?.find(element =>\n\t\t\telement.target == 'GUARDIAN' && element.referenceType == 'ASSESSMENTFEEDBACK'\n\t\t) != null;\n\n\t\treturn {\n\t\t\tevent.stopPropagation(); togglePermission('GUARDIAN', 'ASSESSMENTFEEDBACK');\n\t\t}}>\n\t\t\t{props.assessmentType == ASSESSMENT_TYPES.TEACHER &&\n\t\t\t\t<>\n\t\t\t\t\t
\n\t}\n\n\tconst renderExpiredText = () => {\n\t\tconst courseDetail = getCourseDetail();\n\t\tif (courseDetail != null && courseDetail.endDate != null && moment(courseDetail.endDate).isBefore(moment())) {\n\t\t\treturn \n\t\t\t\t
\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tconst renderRowTitle = () => {\n\t\tconst courseTitle = course.year != null ? `${course.title} ${course.year} (${course.courseCode})` : `${course.title} (${course.courseCode})`;\n\n\t\treturn \n\t\t\t
\n\t}\n\n\tconst getDisabledRowsForParagraph = (paragraph) => {\n\t\tif (props.disableRows == null || props.disableRows.length == 0) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet disabled = [];\n\t\tparagraph.rows.forEach((row) => {\n\t\t\tconst reference = props.part.assessmentBlockPartRows.find((partRow) => partRow.referenceId == row.id);\n\t\t\tif (reference == null) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (props.disableRows.indexOf(reference.id) > -1) {\n\t\t\t\tdisabled.push(row.id);\n\t\t\t}\n\t\t});\n\n\t\treturn disabled;\n\t}\n\n\tconst renderMatrix = () => {\n\t\tconst matrix = getMatrix();\n\t\tconst courseDetail = getCourseDetail();\n\t\tconst isExpiredCourseDetail = courseDetail != null && courseDetail.endDate != null && moment(courseDetail.endDate).isBefore(moment());\n\n\t\tif (matrix == null || matrix._ParagraphSet == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn matrix._ParagraphSet.map((paragraph) => {\n\t\t\tlet active = true;\n\t\t\tconst disabledRows = getDisabledRowsForParagraph(paragraph);\n\t\t\tparagraph.rows.forEach((row) => {\n\t\t\t\tif (selectedRows.find((selectedRow) => selectedRow.referenceId == row.id) == null) {\n\t\t\t\t\tactive = false;\n\t\t\t\t}\n\t\t\t});\n\n\t\t\treturn \n\t\t\t{courseTitle} {renderExpiredText()}
\n\n\t\t\t{props.assessmentType == ASSESSMENT_TYPES.TEACHER &&\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t}\n\n\t\t\t{props.disableRows == null || props.disableRows.length == 0 ?\n\t\t\t\t\n\t\t\t\t\t\t{renderPermission('STUDENT')}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{renderPermission('GUARDIAN')}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t: null}\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{clarifications.length > 0 ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t onToggleParagraph(active, paragraph)}\n\t\t\t\t\t\tvalue={active}\n\t\t\t\t\t\tdisabled={disabledRows.length > 0 || isExpiredCourseDetail}\n\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t\t\t{paragraph.title}\n\t\t\t\t\t\n\t\t\t\t\t{paragraph.subtitle != null ?
\n\n\t\t\t\t{paragraph.rows.map((row, index) => {\n\t\t\t\t\tconst selected = selectedRows.find((selectedRow) => selectedRow.referenceId == row.id) != null;\n\t\t\t\t\tconst clarifications = getRowClarifications(row);\n\n\t\t\t\t\treturn {paragraph.subtitle}
: null}\n\t\t\t\t\n\t\t\t\t\t\t\t
: null}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{row.text != null ? \"\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t onToggleRow(row)}\n\t\t\t\t\t\t\t\t\t\tvalue={selected}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabledRows.indexOf(row.id) > -1 || isExpiredCourseDetail}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{paragraph.paragraphNr}.{row.sentenceNr}\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\n\t\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{cell.text}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{clarifications.map((clarification) => {\n\t\t\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t{clarification.description != null ? \"\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t
: null}\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{clarification.cells.map((cell) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{cell.value}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t})}\n\t\t\t\n\t\t});\n\t}\n\n\tif (course == null) {\n\t\treturn null;\n\t}\n\n\tlet color = '#ccc';\n\tif (course.colorCode != null) {\n\t\tcolor = course.colorCode;\n\t}\n\n\treturn \n\t\t\n\t\t\t \n\t
\n}\n\nSelectMatricesForm.defaultProps = {\n\tdisabled: false,\n};\n\nexport default SelectMatricesForm;","import React, { useEffect, useState } from 'react';\nimport { Flex, Icon, Expandable, Block } from '@haldor/ui';\nimport { useTranslate } from 'lib/translate';\n\nimport GoalMatrixRowForm from './GoalMatrixRowForm';\nimport { capitalize } from 'helpers/content';\nimport { ASSESSMENT_TYPES } from 'components/BlockAssessments/AssessmentTypes';\nimport { ColorLabel, ColorLabelContainer } from 'UI';\n\nimport './_OnlyFeedbackForm.scss';\n\nconst OnlyFeedbackForm = (props) => {\n\tconst translate = useTranslate();\n\tconst [rows, setRows] = useState(props.part?.value?.rows ?? []);\n\n\tuseEffect(() => {\n\t}, []);\n\n\tconst removeMatrix = () => {\n\t\tif (props.onRemove != null) {\n\t\t\tprops.onRemove();\n\t\t}\n\t}\n\n\t/**\n\t * @param {string} target\n\t * @param {string} referenceType\n\t * @description Toggles target permission on part data\n\t */\n\tconst togglePermission = (target, referenceType) => {\n\t\tlet permissions = props.part.permissions;\n\n\t\tconst indexOf = props.part.permissions?.findIndex(element =>\n\t\t\telement.target == target && element.referenceType == referenceType\n\t\t);\n\n\t\tif (indexOf > -1) {\n\t\t\tpermissions.splice(indexOf, 1);\n\t\t} else {\n\t\t\tpermissions.push({ target: target, referenceType: referenceType, level: 'READ' });\n\t\t}\n\n\t\tprops.onChange({\n\t\t\t...props.part,\n\t\t\tpermissions: permissions\n\t\t});\n\t}\n\n\tconst renderAssessmentFeedbackPermission = () => {\n\t\tconst active = props.part.permissions?.find(element =>\n\t\t\telement.target == 'GUARDIAN' && element.referenceType == 'ASSESSMENTFEEDBACK'\n\t\t) != null;\n\n\t\treturn \n\t\t\t\t{renderAssessmentFeedbackPermission()}\n\t\t\t
\n\n\t\t\t{props.disabled ?\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t: null}\n\n\t\t\t{renderMatrix()}\n\t\t {\n\t\t\tevent.stopPropagation(); togglePermission('GUARDIAN', 'ASSESSMENTFEEDBACK');\n\t\t}}>\n\n\t\t\t<>\n\t\t\t\t
\n\t}\n\n\treturn (\n\t\t\n\t\t\t
\n\t);\n\n}\n\nOnlyFeedbackForm.defaultProps = {\n\tassessments: [],\n\tdisabled: false,\n};\n\nexport default OnlyFeedbackForm;","import React, { useEffect, useState } from 'react';\nimport { Flex, Icon, Expandable, Block } from '@haldor/ui';\nimport { useTranslate } from 'lib/translate';\n\nimport GoalMatrixRowForm from './GoalMatrixRowForm';\nimport { capitalize } from 'helpers/content';\nimport { ASSESSMENT_TYPES } from 'components/BlockAssessments/AssessmentTypes';\nimport { Collapsible, ColorLabel, ColorLabelContainer } from 'UI';\n\nimport './_OnlyFeedbackForm.scss';\nimport { utlGetLocalStorage } from '@microsoft/applicationinsights-common';\n\nconst DisplayOnlyFeedback = (props) => {\n\tconst translate = useTranslate();\n\tconst { part, block } = props;\n\tconst assessment = block.api.getEditor().getProp('assessment');\n\tconst isStudent = block.api.getEditor().getProp('isStudent');\n\n\tconst renderAssessmentFeedbackPermission = () => {\n\t\tconst active = props.part.permissions?.find(element =>\n\t\t\telement.target == 'GUARDIAN' && element.referenceType == 'ASSESSMENTFEEDBACK'\n\t\t) != null;\n\n\t\treturn \n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t{renderAssessmentFeedbackPermission()}\n\t\t\t
\n\t\t\n\t\t\t<>\n\t\t\t\t
\n\t}\n\n\tconst renderTitle = () => {\n\t\treturn (\n\t\t\t{translate('Feedback')}\n\n\t\t\t{!isStudent ?\n\t\t\t\t
)\n\t}\n\n\tlet feedbacks = [];\n\n\tif (assessment != null) {\n\t\tfeedbacks = assessment.assessmentFeedbacks?.filter((feedback) =>\n\t\t\tfeedback.assessmentBlockPartId == part.id\n\t\t);\n\t}\n\n\tif (!isStudent) {\n\t\treturn (\n\t\t\t\t\t{renderAssessmentFeedbackPermission()}\n\t\t\t\t
\n\t\t\t\t: null}\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{translate('Feedback')}\n\t\t\t\t\t\n\n\t\t\t\t\t \n\t\t\t \n\t\t
)\n\t}\n\n\tif (isStudent && feedbacks != null && feedbacks.length > 0) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{renderAssessmentFeedbackPermission()}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t{feedbacks != null && feedbacks.length > 0 ?\n\t\t\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n\n\treturn null;\n}\n\nDisplayOnlyFeedback.defaultProps = {\n\tassessments: [],\n\tdisabled: false,\n};\n\nexport default DisplayOnlyFeedback;","import React from 'react';\nimport { Button, Flex, Haldor__Block, Icon } from '@haldor/ui';\n\nimport DisplayResource from './DisplayResource';\nimport GoalMatrixForm from './GoalMatrixForm';\nimport SelectCoursesForm from './SelectCoursesForm';\nimport SelectMatricesForm from './SelectMatricesForm';\nimport OnlyFeedbackForm from './OnlyFeedbackForm';\nimport DisplayOnlyFeedback from './DisplayOnlyFeedback';\n\nclass AssessmentBlock extends Haldor__Block {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.PART_RESOURCE_TYPE = 'Haldor.Blocks.AssessmentBlockPart'\n\n\t\tthis.registerResourceType(this.PART_RESOURCE_TYPE, {\n\t\t\tstatus: 'string',\n\t\t\treferenceId: 'string',\n\t\t\treferenceType: 'string',\n\t\t\tvalue: 'object',\n\t\t\t// permissions: 'object'\n\t\t});\n\n\t\tthis.registerResourceType('Haldor.Blocks.AssessmentBlock.ShowModal', {\n\t\t\tvisible: 'boolean',\n\t\t});\n\n\t\tthis.registerResourceType('assessmenttype', {});\n\t}\n\n\taddCoursePart = (event) => {\n\t\tevent.preventDefault();\n\n\t\tthis.addResource('Haldor.Blocks.AssessmentBlock.ShowModal', {\n\t\t\tvisible: true,\n\t\t});\n\t}\n\n\taddGoalMatrix = (event) => {\n\t\tevent.preventDefault();\n\t\tthis.removeFeedBackOnlyResource();\n\n\t\tthis.addResource(this.PART_RESOURCE_TYPE, {\n\t\t\tstatus: 'Started',\n\t\t\treferenceId: '',\n\t\t\treferenceType: 'assessmentGoal',\n\t\t\tvalue: {\n\t\t\t\tid: 0,\n\t\t\t\tvisibleToStudent: true,\n\t\t\t\tvisibleToGuardian: true,\n\t\t\t\ttitle: '',\n\t\t\t\trows: [],\n\t\t\t},\n\t\t\tpermissions: [\n\t\t\t\t{\n\t\t\t\t\treferenceType: 'ASSESSMENTBLOCKPART',\n\t\t\t\t\ttarget: 'STUDENT',\n\t\t\t\t\tlevel: 'READ',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\treferenceType: 'ASSESSMENTBLOCKPART',\n\t\t\t\t\ttarget: 'GUARDIAN',\n\t\t\t\t\tlevel: 'READ',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\treferenceType: 'ASSESSMENTFEEDBACK',\n\t\t\t\t\ttarget: 'GUARDIAN',\n\t\t\t\t\tlevel: 'READ'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\treferenceType: 'ASSESSMENTFEEDBACK',\n\t\t\t\t\ttarget: 'STUDENT',\n\t\t\t\t\tlevel: 'READ'\n\t\t\t\t}\n\t\t\t],\n\t\t});\n\t}\n\n\taddFeedBackOnlyResource = () => {\n\t\tthis.addResource(this.PART_RESOURCE_TYPE, {\n\t\t\tstatus: 'Started',\n\t\t\treferenceId: '0',\n\t\t\treferenceType: 'assessmentonlyfeedback',\n\t\t\tassessmentBlockPartRows: [],\n\t\t\tvalue: null,\n\t\t\tpermissions: [\n\t\t\t\t{\n\t\t\t\t\treferenceType: 'ASSESSMENTFEEDBACK',\n\t\t\t\t\ttarget: 'GUARDIAN',\n\t\t\t\t\tlevel: 'READ'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\treferenceType: 'ASSESSMENTFEEDBACK',\n\t\t\t\t\ttarget: 'STUDENT',\n\t\t\t\t\tlevel: 'READ'\n\t\t\t\t}\n\t\t\t]\n\t\t});\n\t}\n\n\tremoveFeedBackOnlyResource = () => {\n\t\tlet foundExisting = this.getResources().find((resource) =>\n\t\t\tresource.referenceType == 'assessmentonlyfeedback'\n\t\t);\n\n\t\tif (foundExisting != null) {\n\t\t\tthis.removeResource(foundExisting);\n\t\t\treturn true;\n\t\t}\n\t}\n\n\tremoveResourceFromBlock = (resource) => {\n\t\tthis.removeResource(resource);\n\n\t\tlet assessmentBlockPart = this.getResources().find((resource) => {\n\t\t\treturn resource['@odata.type'] == this.PART_RESOURCE_TYPE\n\t\t});\n\n\t\tif (assessmentBlockPart == null && this.name == \"Haldor.Blocks.AssessmentBlock\") {\n\t\t\tthis.addFeedBackOnlyResource();\n\t\t}\n\t}\n\n\taddCourses = (values) => {\n\t\tthis.removeFeedBackOnlyResource();\n\n\t\tvalues.forEach((course) => {\n\t\t\tthis.addResource(this.PART_RESOURCE_TYPE, {\n\t\t\t\tstatus: 'Started',\n\t\t\t\treferenceId: '',\n\t\t\t\treferenceType: 'matrix',\n\t\t\t\tassessmentBlockPartRows: [],\n\t\t\t\tvalue: course,\n\t\t\t\tpermissions: [\n\t\t\t\t\t{\n\t\t\t\t\t\treferenceType: 'ASSESSMENTFEEDBACK',\n\t\t\t\t\t\ttarget: 'GUARDIAN',\n\t\t\t\t\t\tlevel: 'READ'\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\treferenceType: 'ASSESSMENTFEEDBACK',\n\t\t\t\t\t\ttarget: 'STUDENT',\n\t\t\t\t\t\tlevel: 'READ'\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t});\n\t\t});\n\t}\n\n\tgoalMatrixChange = (goalMatrix) => {\n\t\tif (goalMatrix.index != null) {\n\t\t\tlet foundExisting = this.getResources().find((resource) =>\n\t\t\t\tresource.index == goalMatrix.index\n\t\t\t);\n\n\t\t\tif (foundExisting != null) {\n\t\t\t\tconst currentIndex = foundExisting.index;\n\t\t\t\tthis.removeResource(foundExisting);\n\t\t\t\tthis.addResource(this.PART_RESOURCE_TYPE, goalMatrix, currentIndex);\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tthis.addResource(this.PART_RESOURCE_TYPE, goalMatrix);\n\t}\n\n\tcourseChange = (course) => {\n\t\tif (course == null || course.value == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet foundExisting = this.getResources().find((resource) =>\n\t\t\tresource.value?.id == course.value.id\n\t\t);\n\n\t\tif (foundExisting != null) {\n\t\t\tconst currentIndex = foundExisting.index;\n\t\t\tthis.removeResource(foundExisting);\n\t\t\tthis.addResource(this.PART_RESOURCE_TYPE, course, currentIndex);\n\t\t\treturn true;\n\t\t}\n\n\t\tthis.addResource(this.PART_RESOURCE_TYPE, course);\n\t}\n\n\n\tonlyFeedbackChange = (onlyFeedback) => {\n\t\tlet foundExisting = this.getResources().find((resource) =>\n\t\t\tresource.referenceType == onlyFeedback.referenceType\n\t\t);\n\n\t\tif (foundExisting != null) {\n\t\t\tconst currentIndex = foundExisting.index;\n\t\t\tthis.removeResource(foundExisting);\n\t\t\tthis.addResource(this.PART_RESOURCE_TYPE, onlyFeedback, currentIndex);\n\t\t\treturn true;\n\t\t}\n\t}\n\n\n\tedit = (props) => {\n\t\tconst translate = this.api.getEditor().getProp('translate');\n\t\tlet disabled = false;\n\t\tlet addGoalsDisabled = false;\n\n\t\tlet resources = JSON.parse(JSON.stringify(props.resources));\n\t\tif (this.api.getEditor().getProp('assessmentFeedbackParts') != null && this.api.getEditor().getProp('assessmentFeedbackParts').length > 0) {\n\t\t\taddGoalsDisabled = true;\n\t\t};\n\n\t\tif (this.api.getEditor().getProp('disableRows') != null) {\n\t\t\tdisabled = props.resources.find((resource) => {\n\t\t\t\treturn resource.assessmentBlockPartRows?.findIndex((row) =>\n\t\t\t\t\tthis.api.getEditor().getProp('disableRows').includes(row.id)\n\t\t\t\t) > -1;\n\t\t\t}) != null;\n\t\t}\n\n\n\t\tconst showModal = props.resources.find((resource) =>\n\t\t\tresource['@odata.type'] == 'Haldor.Blocks.AssessmentBlock.ShowModal'\n\t\t);\n\n\t\tconst goalParts = resources.filter((resource) => {\n\t\t\treturn resource['@odata.type'] == this.PART_RESOURCE_TYPE && resource.referenceType == 'assessmentGoal'\n\t\t});\n\n\t\tconst feedbackParts = resources.filter((resource) => {\n\t\t\treturn resource['@odata.type'] == this.PART_RESOURCE_TYPE && resource.referenceType == 'assessmentonlyfeedback'\n\t\t});\n\n\t\tconst courses = resources.filter((resource) => {\n\t\t\treturn resource['@odata.type'] == this.PART_RESOURCE_TYPE && resource.referenceType == 'matrix'\n\t\t});\n\n\t\tconst clarifications = resources.filter((resource) => {\n\t\t\treturn resource['@odata.type'] == this.PART_RESOURCE_TYPE && resource.referenceType == 'assessmentClarification'\n\t\t});\n\n\t\treturn \n\t\t\t\t\t\t\t{feedbacks.map((feedback) => {\n\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t{showModal != null ?\n\t\t\t\t this.removeResource(showModal)}\n\t\t\t\t\tskipCourses={courses.map(course => course.value.id)}\n\t\t\t\t\tonSubmit={(values) => {\n\t\t\t\t\t\tthis.removeResource(showModal);\n\t\t\t\t\t\tthis.addCourses(values);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t: null}\n\n\t\t\t
\n\t}\n\n\tconsume = (props) => {\n\t\tlet resources = JSON.parse(JSON.stringify(props.resources));\n\n\t\tconst goals = [...resources].filter((resource) => {\n\t\t\treturn resource['@odata.type'] == this.PART_RESOURCE_TYPE && resource.referenceType == 'assessmentGoal'\n\t\t});\n\n\t\tconst courses = [...resources].filter((resource) => {\n\t\t\treturn resource['@odata.type'] == this.PART_RESOURCE_TYPE && resource.referenceType == 'matrix'\n\t\t});\n\n\t\tconst clarifications = [...resources].filter((resource) => {\n\t\t\treturn resource['@odata.type'] == this.PART_RESOURCE_TYPE && resource.referenceType == 'assessmentClarification'\n\t\t});\n\n\t\tconst feedbackParts = resources.filter((resource) => {\n\t\t\treturn resource['@odata.type'] == this.PART_RESOURCE_TYPE && resource.referenceType == 'assessmentonlyfeedback'\n\t\t});\n\n\t\treturn \n\t\t\t\t{goalParts.map((part, index) => {\n\t\t\t\t\treturn this.removeResourceFromBlock(part)}\n\t\t\t\t\t\tassessmentType={this.assessmentType}\n\t\t\t\t\t\tdisableRows={this.api.getEditor().getProp('disableRows')}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t/>\n\t\t\t\t})}\n\n\t\t\t\t{courses.map((part, index) => {\n\t\t\t\t\treturn this.removeResourceFromBlock(part)}\n\t\t\t\t\t\tclarifications={clarifications}\n\t\t\t\t\t\tassessmentType={this.assessmentType}\n\t\t\t\t\t\tdisableRows={this.api.getEditor().getProp('disableRows')}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t/>\n\t\t\t\t})}\n\n\t\t\t\t{feedbackParts.map((part, index) => {\n\t\t\t\t\treturn
\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\n\t\t\n\t\t\t
\n\t}\n\n}\n\nexport default AssessmentBlock;","import AssessmentBlock from '../AssessmentBlock';\nimport { ASSESSMENT_TYPES } from 'components/BlockAssessments/AssessmentTypes';\n\nclass TeacherAssessmentBlock extends AssessmentBlock {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.name = 'Haldor.Blocks.AssessmentBlock';\n\t\tthis.block_type = 'expandable_block';\n\t\tthis.assessmentType = ASSESSMENT_TYPES.TEACHER;\n\t}\n\n\teditorBlockWasAdded = () => {\n\t\tconst editor = this.api.getEditor();\n\t\tconst translate = editor.getProp('translate');\n\t\tlet editMode = false;\n\n\t\tif (this.resources.length == 0) {\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.addResource('assessmenttype', {\n\t\t\t\t\t'@odata.type': 'assessmenttype',\n\t\t\t\t\t'value': ASSESSMENT_TYPES.TEACHER,\n\t\t\t\t});\n\n\t\t\t\tthis.addResource(this.PART_RESOURCE_TYPE, {\n\t\t\t\t\tstatus: 'Started',\n\t\t\t\t\treferenceId: '0',\n\t\t\t\t\treferenceType: 'assessmentonlyfeedback',\n\t\t\t\t\tassessmentBlockPartRows: [],\n\t\t\t\t\tvalue: null,\n\t\t\t\t\tpermissions: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\treferenceType: 'ASSESSMENTFEEDBACK',\n\t\t\t\t\t\t\ttarget: 'GUARDIAN',\n\t\t\t\t\t\t\tlevel: 'READ'\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\treferenceType: 'ASSESSMENTFEEDBACK',\n\t\t\t\t\t\t\ttarget: 'STUDENT',\n\t\t\t\t\t\t\tlevel: 'READ'\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t});\n\t\t\t}, 500);\n\t\t}\n\n\t\tconst teacherAssessments = editor.getBlocks().filter(block => {\n\t\t\treturn block.assessmentType == ASSESSMENT_TYPES.TEACHER\n\t\t});\n\n\t\teditor.getBlocks().forEach(block => {\n\t\t\teditMode = block.resources?.length > 0 && block.resources.every((s) => {\n\t\t\t\treturn s.id != null && s.id > 0\n\t\t\t});\n\t\t});\n\n\t\tif (editMode) {\n\t\t\tconst foundIndex = teacherAssessments.findIndex((b) => b.field == this.field);\n\t\t\tthis.events.onTitleChange(translate('Teacher assessment') + ' ' + (foundIndex + 1))\n\t\t} else {\n\t\t\tthis.events.onTitleChange(translate('Teacher assessment') + ' ' + teacherAssessments.length)\n\t\t}\n\n\t\tconst disableRows = editor.getProp('disableRows');\n\t\tif (disableRows != null && disableRows.length > 0 && this.resources != null) {\n\t\t\tconst disabled = this.getResources().find((resource) => {\n\t\t\t\treturn resource.assessmentBlockPartRows?.findIndex((row) =>\n\t\t\t\t\tdisableRows.includes(row.id)\n\t\t\t\t) > -1;\n\t\t\t}) != null;\n\n\t\t\tif (disabled) {\n\t\t\t\tthis.api.deregisterAction('Remove');\n\t\t\t}\n\t\t}\n\t}\n\n\taddGoalMatrix = (event) => {\n\t\tevent.preventDefault();\n\n\t\tthis.removeFeedBackOnlyResource();\n\n\t\tthis.addResource(this.PART_RESOURCE_TYPE, {\n\t\t\tstatus: 'Started',\n\t\t\treferenceId: '',\n\t\t\treferenceType: 'assessmentGoal',\n\t\t\tvalue: {\n\t\t\t\tid: 0,\n\t\t\t\tvisibleToStudent: true,\n\t\t\t\tvisibleToGuardian: true,\n\t\t\t\ttitle: '',\n\t\t\t\trows: [],\n\t\t\t},\n\t\t\tpermissions: [\n\t\t\t\t{\n\t\t\t\t\treferenceType: 'ASSESSMENTBLOCKPART',\n\t\t\t\t\ttarget: 'STUDENT',\n\t\t\t\t\tlevel: 'READ',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\treferenceType: 'ASSESSMENTBLOCKPART',\n\t\t\t\t\ttarget: 'GUARDIAN',\n\t\t\t\t\tlevel: 'READ',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\treferenceType: 'ASSESSMENTFEEDBACK',\n\t\t\t\t\ttarget: 'GUARDIAN',\n\t\t\t\t\tlevel: 'READ'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\treferenceType: 'ASSESSMENTFEEDBACK',\n\t\t\t\t\ttarget: 'STUDENT',\n\t\t\t\t\tlevel: 'READ'\n\t\t\t\t}\n\t\t\t],\n\t\t});\n\t}\n}\n\nexport default TeacherAssessmentBlock;","import AssessmentBlock from '../AssessmentBlock';\nimport { ASSESSMENT_TYPES } from 'components/BlockAssessments/AssessmentTypes';\n\nclass SelfAssessmentBlock extends AssessmentBlock {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.name = 'Haldor.Blocks.AssessmentBlock.Self';\n\t\tthis.block_type = 'expandable_block';\n\t\tthis.assessmentType = ASSESSMENT_TYPES.SELF;\n\t}\n\n\teditorBlockWasAdded = () => {\n\t\tconst editor = this.api.getEditor();\n\t\tconst translate = editor.getProp('translate');\n\t\tlet editMode = false;\n\t\tconst selfAssessments = editor.getBlocks().filter(block => {\n\t\t\treturn block.assessmentType == ASSESSMENT_TYPES.SELF\n\t\t});\n\n\t\teditor.getBlocks().forEach(block => {\n\t\t\teditMode = block.resources?.length > 0 && block.resources.every((s) => {\n\t\t\t\treturn s.id != null && s.id > 0\n\t\t\t});\n\t\t});\n\n\t\tif (editMode) {\n\t\t\tconst foundIndex = selfAssessments.findIndex((b) => b.field == this.field);\n\t\t\tthis.events.onTitleChange(translate('Self assessment') + ' ' + (foundIndex + 1));\n\t\t} else {\n\t\t\tthis.events.onTitleChange(translate('Self assessment') + ' ' + selfAssessments.length);\n\t\t}\n\n\t\tconst disableRows = editor.getProp('disableRows');\n\t\tif (disableRows != null && disableRows.length > 0 && this.resources != null) {\n\t\t\tconst disabled = this.getResources().find((resource) => {\n\t\t\t\treturn resource.assessmentBlockPartRows?.findIndex((row) =>\n\t\t\t\t\tdisableRows.includes(row.id)\n\t\t\t\t) > -1;\n\t\t\t}) != null;\n\n\t\t\tif (disabled) {\n\t\t\t\tthis.api.deregisterAction('Remove');\n\t\t\t}\n\t\t}\n\t}\n\n\taddGoalMatrix = (event) => {\n\t\tevent.preventDefault();\n\n\t\tthis.addResource(this.PART_RESOURCE_TYPE, {\n\t\t\tstatus: 'Started',\n\t\t\treferenceId: '',\n\t\t\treferenceType: 'assessmentGoal',\n\t\t\tvalue: {\n\t\t\t\tid: 0,\n\t\t\t\tvisibleToStudent: true,\n\t\t\t\tvisibleToGuardian: true,\n\t\t\t\ttitle: '',\n\t\t\t\trows: [],\n\t\t\t},\n\t\t\tpermissions: []\n\t\t});\n\t}\n}\n\nexport default SelfAssessmentBlock;","import AssessmentBlock from '../AssessmentBlock';\nimport { ASSESSMENT_TYPES } from 'components/BlockAssessments/AssessmentTypes';\n\nclass PeerReviewBlock extends AssessmentBlock {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.name = 'Haldor.Blocks.AssessmentBlock.Peer';\n\t\tthis.block_type = 'expandable_block';\n\t\tthis.assessmentType = ASSESSMENT_TYPES.PEER;\n\t}\n\n\teditorBlockWasAdded = () => {\n\t\tconst editor = this.api.getEditor();\n\t\tconst translate = editor.getProp('translate');\n\t\tvar editMode = false;\n\t\tconst peerAssessments = editor.getBlocks().filter(block => {\n\t\t\treturn block.assessmentType == ASSESSMENT_TYPES.PEER\n\t\t});\n\n\t\teditor.getBlocks().forEach(block => {\n\t\t\teditMode = block.resources?.length > 0 && block.resources.every((s) => {\n\t\t\t\treturn s.id != null && s.id > 0\n\t\t\t});\n\t\t});\n\n\t\tif (editMode) {\n\t\t\tconst foundIndex = peerAssessments.findIndex((b) => b.field == this.field);\n\t\t\tthis.events.onTitleChange(translate('Peer review') + ' ' + (foundIndex + 1));\n\t\t} else {\n\t\t\tthis.events.onTitleChange(translate('Peer review') + ' ' + (peerAssessments.length));\n\t\t}\n\n\t\tconst disableRows = editor.getProp('disableRows');\n\t\tif (disableRows != null && disableRows.length > 0 && this.resources != null) {\n\t\t\tconst disabled = this.getResources().find((resource) => {\n\t\t\t\treturn resource.assessmentBlockPartRows?.findIndex((row) =>\n\t\t\t\t\tdisableRows.includes(row.id)\n\t\t\t\t) > -1;\n\t\t\t}) != null;\n\n\t\t\tif (disabled) {\n\t\t\t\tthis.api.deregisterAction('Remove');\n\t\t\t}\n\t\t}\n\t}\n\n\taddGoalMatrix = (event) => {\n\t\tevent.preventDefault();\n\n\t\tthis.addResource(this.PART_RESOURCE_TYPE, {\n\t\t\tstatus: 'Started',\n\t\t\treferenceId: '',\n\t\t\treferenceType: 'assessmentGoal',\n\t\t\tvalue: {\n\t\t\t\tid: 0,\n\t\t\t\tvisibleToStudent: true,\n\t\t\t\tvisibleToGuardian: true,\n\t\t\t\ttitle: '',\n\t\t\t\trows: [],\n\t\t\t},\n\t\t\tpermissions: []\n\t\t});\n\t}\n}\n\nexport default PeerReviewBlock;","export const ASSESSMENT_BLOCK_TYPES = Object.freeze({\n SELF_ASSESSMENT_BLOCK: \"Haldor.Blocks.AssessmentBlock.Self\",\n PEER_REVIEW_BLOCK: \"Haldor.Blocks.AssessmentBlock.Peer\",\n TEACHER_ASSESSMENT_BLOCK: \"Haldor.Blocks.AssessmentBlock\"\n});","import React from 'react';\n\nimport { HaldorBlockEditor } from '@haldor/ui';\nimport { useTranslate } from 'lib/translate';\n\nimport AddAssessmentBlockButton from './Plugins/AddAssessmentBlockButton';\nimport AddTeacherAssessmentBlockButton_Plugin from './Plugins/AddTeacherAssessmentBlockButton';\n\nimport PushAssessmentBlock from './Plugins/PushAssessmentBlock';\nimport TeacherAssessmentBlock from './Blocks/TeacherAssessmentBlock/TeacherAssessmentBlock';\nimport SelfAssessmentBlock from './Blocks/SelfAssessmentBlock/SelfAssessmentBlock';\nimport PeerReviewBlock from './Blocks/PeerReviewBlock/PeerReviewBlock';\n\nimport './_AssessmentBlock.scss';\nimport { ASSESSMENT_TYPES } from './AssessmentTypes';\nimport { ASSESSMENT_BLOCK_TYPES } from './AssessmentBlockTypes';\n\nconst BlockAssessments = (props) => {\n\tconst translate = useTranslate();\n\n\tlet plugins = [\n\t\tTeacherAssessmentBlock,\n\t\tPeerReviewBlock,\n\t\tSelfAssessmentBlock,\n\t\tPushAssessmentBlock,\n\t];\n\n\tif (props.multipleAssessmentOptions) {\n\t\tplugins.push(AddAssessmentBlockButton);\n\t}\n\n\tif (!props.multipleAssessmentOptions) {\n\t\tplugins.push(AddTeacherAssessmentBlockButton_Plugin);\n\t}\n\n\n\tif (props.input?.value != '') {\n\t\tprops.input?.value?.forEach((value) => {\n\t\t\tif (value.resources != null && value.resources.length > 0) {\n\t\t\t\tlet resource = value.resources.map(s => s.assessmentType)[0];\n\t\t\t\tswitch (resource) {\n\t\t\t\t\tcase ASSESSMENT_TYPES.PEER:\n\t\t\t\t\t\tvalue.type = ASSESSMENT_BLOCK_TYPES.PEER_REVIEW_BLOCK\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase ASSESSMENT_TYPES.TEACHER:\n\t\t\t\t\t\tvalue.type = ASSESSMENT_BLOCK_TYPES.TEACHER_ASSESSMENT_BLOCK\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase ASSESSMENT_TYPES.SELF:\n\t\t\t\t\t\tvalue.type = ASSESSMENT_BLOCK_TYPES.SELF_ASSESSMENT_BLOCK\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tvalue.type = ASSESSMENT_BLOCK_TYPES.TEACHER_ASSESSMENT_BLOCK\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\treturn \n\t\t\t\t{goals.map((resource) =>\n\t\t\t\t\t
\n\t\t\n\t\t
\n}\n\nBlockAssessments.defaultProps = {\n\tmultipleAssessmentOptions: false,\n};\n\nexport default BlockAssessments;","import React, { useState, useEffect, useRef } from 'react';\nimport { Icon } from '@haldor/ui';\n// onClick={(event) => toggleList(event)}\nconst CustomSelector = (props) => {\n\tconst [open, setOpen] = useState(false);\n\tconst ref = useRef(null);\n\tconst buttonRef = useRef(null);\n\tconst handleOutsideClick = (event) => {\n\t\tif (\n\t\t\tref?.current &&\n\t\t\t!ref.current?.contains(event.target) &&\n\t\t\tevent.path != null && event.path[0] !== buttonRef.current\n\t\t) {\n\t\t\tsetOpen(false);\n\t\t}\n\t};\n\tuseEffect(() => {\n\t\tdocument.addEventListener('click', handleOutsideClick, true);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('click', handleOutsideClick);\n\t\t};\n\t}, []);\n\n\tconst buttonAction = (e) => {\n\t\te.preventDefault();\n\t\tif (!open) {\n\t\t\tprops.fetchLesson();\n\t\t}\n\t\tsetOpen((prev) => !prev);\n\t};\n\treturn (\n\t\t\n\t\t\t buttonAction(event)}\n\t\t\t>\n\t\t\t\t{props.label}\n\t\t\t\t
\n\t);\n};\n\nexport default CustomSelector;\n","import React, { useEffect, useState, useCallback } from \"react\";\nimport {\n\tList,\n\tListItem,\n\tListItemButton,\n\tListItemIcon,\n\tListItemText,\n\tCheckbox,\n\tSkeleton,\n\tStack,\n\tBreadcrumbs,\n\tLink,\n\tTypography,\n\tBox,\n\tButton,\n\tIconButton,\n} from \"@mui/material\";\nimport { translate as translateConstructor, Button as HaldorButton, Icon } from '@haldor/ui';\nimport { getOnBehalfOfAccessToken } from \"actions/user\";\nimport { Document, FolderIcon } from 'UI/Icons';\nimport { useDispatch, useSelector } from \"react-redux\";\n\nimport './_FileBrowser.scss';\n\nconst FileBrowser = ({\n\tsource,\n\tonUpdate,\n\tonClose,\n\tonBreadcrumbChange,\n\tinitialBreadCrumbs = [{ id: \"me\", name: \"Home\" }],\n}) => {\n\tconst [selectedFiles, setSelectedFiles] = useState([]);\n\tconst [files, setFiles] = useState([]);\n\tconst [loading, setLoading] = useState(false);\n\tconst [breadcrumbs, setBreadcrumbs] = useState(initialBreadCrumbs);\n\tconst [error, setError] = useState(null);\n\n\tconst translations = useSelector(state => state.Languages.translations);\n\tconst translate = React.useMemo(() => translateConstructor(translations), [translations]);\n\n\tconst dispatch = useDispatch();\n\tconst user = useSelector((state) => state.user.currentUser);\n\n\tconst getAccessTokenAsync = useCallback(async () => {\n\t\tlet token = await dispatch(getOnBehalfOfAccessToken(user.userId, \"Files.ReadWrite.All\"));\n\t\tif (token == null) {\n\t\t\ttoken = await dispatch(getOnBehalfOfAccessToken(user.userId, \"Sites.ReadWrite.All\"));\n\t\t}\n\n\t\tif (!token) {\n\t\t\tsetError(\"Something went wrong\");\n\t\t\treturn null;\n\t\t}\n\n\t\treturn token;\n\t}, [dispatch, user.userId]);\n\n\t// Fetch files for the root folder\n\tconst defaultFetchFiles = useCallback(async () => {\n\t\ttry {\n\t\t\tconst token = await getAccessTokenAsync();\n\t\t\tif (!token) {\n\t\t\t\treturn [];\n\t\t\t}\n\n\t\t\tconst url = source === \"me\"\n\t\t\t\t? \"https://graph.microsoft.com/v1.0/me/drive/root/children\"\n\t\t\t\t: `https://graph.microsoft.com/v1.0/groups/${source}/drive/root/children`;\n\t\t\tconst response = await fetch(url, {\n\t\t\t\theaders: {\n\t\t\t\t\t\"Authorization\": `Bearer ${token}`,\n\t\t\t\t\t\"Content-Type\": \"application/json\",\n\t\t\t\t},\n\t\t\t});\n\t\t\tconst data = await response.json();\n\t\t\treturn data.value || [];\n\t\t} catch (error) {\n\t\t\treturn [];\n\t\t}\n\t}, [source, getAccessTokenAsync]);\n\n\t// Load files when component mounts or source changes\n\tuseEffect(() => {\n\t\tconst loadFiles = async () => {\n\t\t\tsetLoading(true);\n\t\t\tconst fetchedFiles = await defaultFetchFiles();\n\t\t\tsetFiles(fetchedFiles);\n\t\t\tsetLoading(false);\n\t\t};\n\t\tloadFiles();\n\t}, [source, defaultFetchFiles]);\n\n\tconst fetchFileById = useCallback(async (fileId) => {\n\t\ttry {\n\t\t\tconst token = await getAccessTokenAsync();\n\t\t\tif (!token) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\t// Determine URL based on the source value\n\t\t\tconst url = source === \"me\"\n\t\t\t\t? `https://graph.microsoft.com/v1.0/me/drive/items/${fileId}`\n\t\t\t\t: `https://graph.microsoft.com/v1.0/groups/${source}/drive/items/${fileId}`;\n\n\t\t\tconst response = await fetch(url, {\n\t\t\t\theaders: {\n\t\t\t\t\t\"Authorization\": `Bearer ${token}`,\n\t\t\t\t\t\"Content-Type\": \"application/json\",\n\t\t\t\t},\n\t\t\t});\n\t\t\tconst data = await response.json();\n\n\t\t\tif (data != null && data.package != null) {\n\t\t\t\tif (data.package.type != null && data.package.type == \"oneNote\") {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn data;\n\t\t} catch (error) {\n\t\t\tconsole.error(\"Error fetching file by ID:\", error);\n\t\t\treturn null;\n\t\t}\n\t}, [getAccessTokenAsync, source]);\n\n\t// Fetch files from a specific folder\n\tconst fetchFilesFromFolder = useCallback(async (folderId) => {\n\t\ttry {\n\t\t\tconst token = await getAccessTokenAsync();\n\t\t\tif (!token) {\n\t\t\t\tconsole.error(\"Failed to get access token\");\n\t\t\t\treturn [];\n\t\t\t}\n\t\t\tconst url = source === \"me\"\n\t\t\t\t? `https://graph.microsoft.com/v1.0/me/drive/items/${folderId}/children`\n\t\t\t\t: `https://graph.microsoft.com/v1.0/groups/${source}/drive/items/${folderId}/children`;\n\t\t\tconst response = await fetch(url, {\n\t\t\t\theaders: {\n\t\t\t\t\t\"Authorization\": `Bearer ${token}`,\n\t\t\t\t\t\"Content-Type\": \"application/json\",\n\t\t\t\t},\n\t\t\t});\n\t\t\tconst data = await response.json();\n\t\t\treturn data.value || [];\n\t\t} catch (error) {\n\t\t\tconsole.error(\"Error fetching folder contents:\", error);\n\t\t\treturn [];\n\t\t}\n\t}, [getAccessTokenAsync, source]);\n\n\t// Helper to load root files (called when root breadcrumb is clicked)\n\tconst loadRootFiles = useCallback(async () => {\n\t\tsetLoading(true);\n\t\tconst rootFiles = await defaultFetchFiles();\n\t\tsetFiles(rootFiles);\n\t\tsetBreadcrumbs(initialBreadCrumbs);\n\t\tsetLoading(false);\n\t}, [source, defaultFetchFiles]);\n\n\t// Handler for opening a folder\n\tconst handleOpenFolder = useCallback(async (folderId, folderName) => {\n\t\tconst newFiles = await fetchFilesFromFolder(folderId);\n\t\tsetFiles(newFiles);\n\t\tsetBreadcrumbs((prevBreadcrumbs) => {\n\t\t\tconst updatedBreadcrumbs = [...prevBreadcrumbs, { id: folderId, name: folderName }];\n\t\t\treturn updatedBreadcrumbs;\n\t\t});\n\t}, [fetchFilesFromFolder]);\n\n\t// Handler for clicking on a breadcrumb\n\tconst handleBreadcrumbClick = useCallback((index) => {\n\t\tconst currentBreadCrumb = breadcrumbs[index];\n\n\t\tconst newBreadcrumbs = breadcrumbs.slice(0, index + 1);\n\t\tsetBreadcrumbs(newBreadcrumbs);\n\t\tsetSelectedFiles([]);\n\n\t\t// course is currentBreadCrumb.id then loadRootFiles\n\t\tif (currentBreadCrumb != null && currentBreadCrumb.id === source) {\n\t\t\tloadRootFiles();\n\t\t}\n\n\t\tif (onBreadcrumbChange != null) {\n\t\t\tonBreadcrumbChange(currentBreadCrumb);\n\t\t}\n\n\t}, [breadcrumbs, source, loadRootFiles]);\n\n\t// Helper function to get the appropriate icon for a file/folder\n\tconst getFileIcon = useCallback((file) => {\n\t\tlet icon = (\n\t\t\t\t\t{props.children}\n\t\t\t\t
\n\t\t\t) : null}\n\t\t {file.folder ?
)\n\t\treturn icon;\n\t\t;\n\t}, []);\n\n\tconst formatSize = useCallback((bytes) => {\n\t\tif (bytes < 1024) return `${bytes} B`;\n\t\tconst kb = bytes / 1024;\n\t\tif (kb < 1024) {\n\t\t\treturn `${kb.toFixed(2)} KB`;\n\t\t}\n\t\tconst mb = kb / 1024;\n\t\tif (mb < 1024) {\n\t\t\treturn `${mb.toFixed(2)} MB`;\n\t\t}\n\t\tconst gb = mb / 1024;\n\t\treturn `${gb.toFixed(2)} GB`;\n\t}, []);\n\n\tconst onSelect = useCallback((fileId) => {\n\t\tsetSelectedFiles((prev) =>\n\t\t\tprev.includes(fileId) ? prev.filter((id) => id !== fileId) : [...prev, fileId]\n\t\t);\n\t}, []);\n\n\tconst processSelectedFiles = async () => {\n\t\tsetLoading(true);\n\t\tconst fetchedFiles = await Promise.all(selectedFiles.map(fetchFileById));\n\n\t\tlet processedFiles = [];\n\n\t\tfetchedFiles.forEach(element => {\n\t\t\tif (element == null) return;\n\n\t\t\tprocessedFiles.push({\n\t\t\t\tname: element.name,\n\t\t\t\turl: element['@microsoft.graph.downloadUrl'],\n\t\t\t\tid: element.id,\n\t\t\t\ttype: element['file'].mimeType,\n\t\t\t\tdriveItemId: element.id,\n\t\t\t\tparentReference: element.parentReference,\n\t\t\t});\n\t\t});\n\n\t\tif (onUpdate != null) {\n\t\t\tonUpdate(processedFiles);\n\t\t}\n\n\t\tsetLoading(false);\n\t};\n\n\treturn (\n\t\t- \n\t\t\t\t\t{!loading && error && (\n\t\t\t\t\t\t
\n\t\t\t { setOpenModal(false); onClose(); }}\n\t\t\t\taria-labelledby=\"modal-modal-title\"\n\t\t\t\taria-describedby=\"modal-modal-description\"\n\t\t\t>\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\n\t\t
\n\t);\n};\n\nexport default OneDriveFilePicker;\n","import React, { useEffect, useState } from \"react\";\nimport {\n\tBox,\n\tModal,\n\tBreadcrumbs,\n\tLink,\n\tList,\n\tListItem,\n\tListItemButton,\n\tListItemIcon,\n\tListItemText,\n\tTypography,\n\tIconButton,\n} from \"@mui/material\";\n\nimport { translate as translateConstructor } from '@haldor/ui';\n\nimport GroupIcon from '@mui/icons-material/Group';\nimport FolderIcon from \"@mui/icons-material/Folder\";\nimport CloseIcon from '@mui/icons-material/Close';\nimport RefreshIcon from \"@mui/icons-material/Refresh\";\nimport { useSelector } from \"react-redux\";\nimport FileBrowser from \"./FileBrowser\";\n\nconst modalStyle = {\n\tposition: \"absolute\",\n\ttop: \"50%\",\n\tleft: \"50%\",\n\ttransform: \"translate(-50%, -50%)\",\n\tbgcolor: \"background.paper\",\n\theight: \"80vh\",\n\twidth: \"80vw\",\n\toverflow: \"hidden\",\n\tborderRadius: \"5px\",\n\tpt: 3,\n\tpb: 3,\n\tpx: 4,\n};\n\nconst TeamFilePicker = ({ onUpdate, onClose }) => {\n\tconst [openModal, setOpenModal] = useState(true);\n\tconst [breadcrumb, setBreadcrumb] = useState([{ id: \"root\", name: \"Select Group\" }]);\n\tconst [currentGroup, setCurrentGroup] = useState({ id: \"root\", name: \"Select Group\" });\n\tconst [selectedFiles, setSelectedFiles] = useState([]);\n\n\tconst educationGroups = useSelector((state) => state.sections.educationGroups);\n\tconst translations = useSelector(state => state.Languages.translations);\n\n\tconst translate = React.useMemo(() => translateConstructor(translations), [translations]);\n\n\tconst loadGroup = (groupId, groupName) => {\n\t\tsetCurrentGroup({ id: groupId, name: groupName });\n\t};\n\n\tconst goToBreadcrumb = (index) => {\n\t\tsetBreadcrumb(breadcrumb.slice(0, index + 1));\n\t};\n\n\tconst processSelectedFiles = (files) => {\n\t\tonUpdate(files);\n\t\tsetOpenModal(false);\n\t}\n\n\tconst onBreadcrumbChange = (newBreadcrumb) => {\n\t\tif (newBreadcrumb != null && newBreadcrumb.id == \"root\") {\n\t\t\tsetBreadcrumb([newBreadcrumb]);\n\t\t\tsetCurrentGroup({ id: \"root\", name: \"Select Group\" });\n\t\t}\n\t};\n\n\n\tconst onCloseModal = () => {\n\t\tsetOpenModal(false);\n\n\t\tif (onClose)\n\t\t\tonClose();\n\t}\n\n\treturn (\n\t\t{translate('Selected files')}
\n\n\t\t\t\t\t\t\t{/* Reload Icon */}\n\t\t\t\t\t\t\t{translate('Selected files')}
\n\n\t\t\t\t\t{/* Reload Icon */}\n\t\t\t\t\t- \n\t\t\t\t\t\t{educationGroups.map((group) => (\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{/* Fixed Header */}\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t \n\n\t\t\t\t\t{/* Middle content: Dropzone and List, each taking equal space */}\n\t\t\t\t\t\n\t\t\t\t\t\t{/* Dropzone Area */}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{/* Custom Dropzone UI */}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('drop-files-or-click-here')}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t{/* List Area */}\n\t\t\t\t\t\t{translate('Selected files')}
\n\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t{files.length === 0 ? (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{formatSize(item.file.size)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t{item.status === 'uploading' && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t{item.status === 'error' && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t{translate('Something went wrong')}\n\t\t\t\t\t\t\t\t\t\t\t\t )}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\t{translate(\"Add files\")}\n\t\t\t\n\t\t\t { handleClose(null) }}\n\t\t\t\tanchorOrigin={{\n\t\t\t\t\tvertical: \"bottom\",\n\t\t\t\t\thorizontal: \"center\", // Centered horizontally\n\t\t\t\t}}\n\t\t\t\ttransformOrigin={{\n\t\t\t\t\tvertical: \"top\",\n\t\t\t\t\thorizontal: \"center\", // Ensure it aligns properly\n\t\t\t\t}}\n\t\t\t\tslotProps={{\n\t\t\t\t\tpaper: {\n\t\t\t\t\t\televation: 0,\n\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\toverflow: \"visible\",\n\t\t\t\t\t\t\tfilter: \"drop-shadow(0px 2px 8px rgba(0,0,0,0.32))\",\n\t\t\t\t\t\t\tmt: 1.5,\n\t\t\t\t\t\t\t\"& .MuiAvatar-root\": {\n\t\t\t\t\t\t\t\twidth: 32,\n\t\t\t\t\t\t\t\theight: 32,\n\t\t\t\t\t\t\t\tml: -0.5,\n\t\t\t\t\t\t\t\tmr: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\"&::before\": {\n\t\t\t\t\t\t\t\tcontent: '\"\"',\n\t\t\t\t\t\t\t\tdisplay: \"block\",\n\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\t\tleft: \"50%\",\n\t\t\t\t\t\t\t\ttransform: \"translateX(-50%) translateY(-50%) rotate(45deg)\",\n\t\t\t\t\t\t\t\twidth: 10,\n\t\t\t\t\t\t\t\theight: 10,\n\t\t\t\t\t\t\t\tbgcolor: \"background.paper\",\n\t\t\t\t\t\t\t\tzIndex: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t);\n};\n\nexport default FileUploadMenu;\n","import React, { Component } from \"react\";\nimport { translate, getActiveLanguage, Floating, Icon } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport { Field, Form } from \"react-final-form\";\nimport { withRouter } from 'react-router-dom';\nimport Moment from 'moment';\nimport swal from 'sweetalert2';\n\nimport { addError } from 'actions';\nimport {\n\tcreateAssignment,\n\tgetTaskDetails,\n\tsetActiveAssignment,\n\tupdateAssignment,\n} from 'actions/assignments';\n\nimport {\n\tgetPlanDetails,\n\tgetPlansBySectionId,\n\tsetActivePlan,\n\tclearSectionPlansFromStore,\n} from 'actions/plans';\n\nimport { createAssessmentBlock, getBlocksByReference, updateAssessmentBlock, updateBlocksOnReference, deleteBlock } from 'actions/blocks';\nimport { clearSelectedSections, getSection, toggleSelectedSection, setActiveSection } from 'actions/sections';\nimport { getScheduleForUser, getScheduleItems, clearSearchedSchedules } from 'actions/schedule';\n\nimport { getRootUrl } from 'helpers/url';\n\nimport DatePickerFromTo from '../Partials/DatePickerFromTo';\nimport GroupSelector from '../Partials/GroupSelector';\nimport InvalidGroupNotice from '../Partials/InvalidGroupNotice';\nimport TeacherAdjustments from 'containers/AdditionalAdjustments/Display/TeacherAdjustments';\nimport AssignmentTaskSelect from 'components/List/AssignmentTaskSelect';\nimport Modal from 'containers/Modals/Modal';\nimport DatePicker from 'react-datepicker';\nimport { registerLocale, setDefaultLocale } from \"react-datepicker\";\nimport sv from 'date-fns/locale/sv';\nimport no from 'date-fns/locale/nb';\nimport en from 'date-fns/locale/en-US';\nimport da from \"date-fns/locale/da\";\nimport uk from \"date-fns/locale/uk\";\n\nimport Select from \"components/Inputs/select\";\nimport AttachedDocuments from \"components/Presentation/Documents/AttachedDocuments\";\nimport BlockAssessments from \"components/BlockAssessments\";\n\nimport { Expandable, Spinner } from 'UI';\nimport { Editor, TimePicker } from 'UI/Inputs';\nimport { Button, Checkbox } from '@haldor/ui';\nimport CustomSelector from '../Partials/CustomSelector';\n\nimport HelpOutlineRoundedIcon from '@mui/icons-material/HelpOutlineRounded';\nimport { Stack } from \"@mui/material\";\nimport FileUploadMenu from \"components/BlockEditor/Blocks/FileBlock/FileUploadMenu\";\n\nimport './formAssignment.scss';\n\nclass AssignmentForm extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tregisterLocale('en-US', en);\n\t\tregisterLocale('sv-SE', sv);\n\t\tregisterLocale('nb-NO', no);\n\t\tregisterLocale('da-DK', da);\n\t\tregisterLocale('uk', uk);\n\t\tsetDefaultLocale('en-US');\n\n\t\tlet attachedFiles = [];\n\n\t\tlet dateStart = Moment().second(0);\n\t\tlet dueDate = null;\n\t\tif (props.date != null) {\n\t\t\tdateStart = props.date;\n\t\t}\n\n\t\tif (props.initialValues?.startDate) {\n\t\t\tdateStart = Moment.utc(props.initialValues?.startDate).local();\n\t\t}\n\n\t\tif (props.initialValues?.dueDate) {\n\t\t\tdueDate = props.initialValues?.dueDate;\n\t\t}\n\n\t\tlet published = props.initialValues?.published !== '0001-01-01T00:00:00' ?\n\t\t\tMoment.utc(props?.initialValues?.published).local()\n\t\t\t: Moment().local();\n\n\t\tthis.inititalPublished = published;\n\n\t\tthis.state = {\n\t\t\tdateStart: props.hasDate ? Moment(props.hasDate) : dateStart,\n\t\t\tdateEnd: dueDate,\n\t\t\tsectionId: '0',\n\t\t\ttasks: null,\n\t\t\tattachedFiles: attachedFiles,\n\t\t\tnewDocuments: [],\n\t\t\tloading: false,\n\t\t\tupdated: false,\n\t\t\tcreateEvent: false,\n\t\t\tpublished: published,\n\t\t\ttempPublishDate: published,\n\t\t\tallowFetch: true,\n\t\t\tlesson: [],\n\t\t\tstatus: props.initialValues?.status ?? 'ASSIGNMENT_OPEN',\n\t\t\tisFetchingLesson: false,\n\t\t\tenableAutoAssign: null,\n\t\t\tselectedLesson: [],\n\t\t\ttoggleLesson: {},\n\t\t\tplanid: props.planid != null ? props.planid : 0,\n\t\t\tfileTypes: [\n\t\t\t\t{ value: 1, text: this.props.translate('instructions') },\n\t\t\t\t{ value: 2, text: this.props.translate('template-document') },\n\t\t\t],\n\t\t};\n\n\t\tthis.formRef = null;\n\t}\n\n\tstatic defaultProps = {\n\t\tdisablePlanSelector: false,\n\t};\n\n\t/* Redux form functions */\n\trequired = (value) => {\n\t\tif (typeof value != 'undefined' && value != '' && value != null) {\n\t\t\tif (value.length > 99) {\n\t\t\t\t// Field failed validation, return error for this field (String)\n\t\t\t\treturn this.props.translate('field-max-100-chars');\n\t\t\t}\n\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string and not over 200 characters\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t};\n\n\tonAssignmentTasksChange = (values) => {\n\t\tlet section = this.props.section != null ? this.props.section : null;\n\t\tif (section != null) {\n\t\t\tif (values != null && section.students.every(student => values.some(value => value.assignedTo === student.id && !value.markedForDeletion))) {\n\t\t\t\tthis.setState({ enableAutoAssign: true });\n\t\t\t} else {\n\t\t\t\tthis.setState({ enableAutoAssign: false });\n\t\t\t}\n\t\t}\n\t}\n\n\trequireAssignmentTasks = (values) => {\n\t\tif (values == null || values.length == 0) {\n\t\t\treturn this.props.translate('field-needs-input');\n\t\t}\n\n\t\tif (!this.props.editView) {\n\t\t\tlet countTaskAssignees = 0;\n\t\t\tvalues.forEach(element => {\n\t\t\t\tif (element.students?.length > 0) {\n\t\t\t\t\tcountTaskAssignees += element.students?.length;\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tif (countTaskAssignees > 0) {\n\t\t\t\treturn undefined;\n\t\t\t}\n\n\t\t\treturn this.props.translate('field-needs-input');\n\t\t}\n\n\t\t//handle validation for groups if enabled\n\t\tif (this.props.initialValues?.groupEnabled) {\n\t\t\tlet countTaskAssignees = 0;\n\t\t\tvalues.forEach(element => {\n\t\t\t\tif (element.students?.length > 0) {\n\t\t\t\t\tcountTaskAssignees += element.students?.length;\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tif (countTaskAssignees > 0) {\n\t\t\t\treturn undefined;\n\t\t\t}\n\n\t\t\treturn this.props.translate('field-needs-input');\n\t\t}\n\n\t\tlet studentsArr = [];\n\t\t//check how many of the task has markedForDeletion\n\t\tlet getDeleted = values?.filter(x => x?.markedForDeletion);\n\n\t\t//handle groupassignments\n\t\tvalues.forEach(element => {\n\t\t\tstudentsArr = [...studentsArr, ...element.students]\n\t\t});\n\n\t\tif (getDeleted.length === studentsArr.length) {\n\t\t\treturn this.props.translate('field-needs-input');\n\t\t}\n\n\t\treturn undefined;\n\t};\n\n\tcomponentDidUpdate(prevProps, prevState) {\n\t\t/**\n\t\t * When componend mount it will be null, first form load then the enableAutoAssign will be set to true or false, if it false, we need to set autoAssignStudents to false\n\t\t * if it was true and now is false, we need to set autoAssignStudents to false\n\t\t */\n\t\tif ((prevState.enableAutoAssign == null || prevState.enableAutoAssign === true) && this.state.enableAutoAssign === false) {\n\t\t\tthis.formRef.mutators.setAutoAssignStudents(false);\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tif (window.location.pathname.indexOf('/plan/') == -1) {\n\t\t\tthis.props.setActivePlan();\n\t\t}\n\n\t\tif (this.props.cloneView && this.props.clearOnUnmount) {\n\t\t\tthis.props.setActiveAssignment();\n\t\t}\n\n\t\t/**\n\t\t * only clear selected sections if the plan selector is not enabled, if it is enabled probably user is creating assignment from plan\n\t\t */\n\t\tif (!this.props.disablePlanSelector) {\n\t\t\tthis.props.setActiveSection(null);\n\t\t}\n\n\t\tthis.props.clearSelectedSections();\n\t\tthis.props.clearSearchedSchedules();\n\t}\n\n\tUNSAFE_componentWillMount = () => {\n\t\tif (this.props.cloneView) {\n\t\t\tthis.setState({ loading: true });\n\t\t}\n\n\t\tthis.props.clearSectionPlansFromStore();\n\t};\n\n\tgetToggleLesson = (data) => {\n\t\tlet obj = {};\n\t\tdata.forEach(element => {\n\t\t\tobj = { ...obj, [element.id]: true }\n\t\t});\n\t\treturn obj;\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.groupid != null) {\n\t\t\tconst sectionId = this.props.groupid;\n\t\t\tvar find = this.props.sections.find((t) => t.id == sectionId);\n\n\t\t\tif (find == null) {\n\t\t\t\tthis.setState({ sectionId: 0 });\n\t\t\t} else {\n\t\t\t\tthis.setState({ sectionId, loading: true }, () => {\n\t\t\t\t\tlet promises = [];\n\n\t\t\t\t\tpromises.push(this.props.getPlansBySectionId(sectionId));\n\t\t\t\t\tpromises.push(this.props.getSection(sectionId));\n\n\t\t\t\t\tif (this.props.cloneView) {\n\t\t\t\t\t\tpromises.push(this.props.getTaskDetails(this.props.task.id));\n\t\t\t\t\t}\n\n\t\t\t\t\tPromise.all(promises).then(() => {\n\t\t\t\t\t\tthis.setState({ loading: false });\n\n\t\t\t\t\t\tthis.props.toggleSelectedSection(this.props.section);\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tif (this.props.planid != null) {\n\t\t\tthis.props.getPlanDetails(this.props.planid);\n\t\t}\n\n\t\tif (this.props.cloneView) {\n\t\t\tthis.setState({ loading: true });\n\t\t\tthis.props.getTaskDetails(this.props.task.id).then(() => {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t});\n\t\t}\n\n\t\tif (this.props.initialValues?.relationships?.length > 0) {\n\t\t\tlet promises = [];\n\t\t\tthis.props.initialValues.relationships.forEach(element => {\n\t\t\t\tpromises.push(this.props.getScheduleItems(element.calendarEventId))\n\t\t\t});\n\n\t\t\tPromise.all(promises).then(() => {\n\t\t\t\tthis.setState({\n\t\t\t\t\tselectedLesson: this.props.connectedLessons,\n\t\t\t\t\tlesson: this.props.connectedLessons,\n\t\t\t\t\ttoggleLesson: this.getToggleLesson(this.props.connectedLessons),\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t};\n\n\tUNSAFE_componentWillReceiveProps(nextProps) {\n\t\tif (this.props.cloneView && nextProps.initialValues != null && this.state.updated == false) {\n\t\t\tlet attachedFiles = this.state.attachedFiles;\n\n\t\t\tif (nextProps.initialValues.assignmentDocuments != null) {\n\t\t\t\tvar files = nextProps.initialValues.assignmentDocuments.split(';');\n\n\t\t\t\tfiles.forEach((file) => {\n\t\t\t\t\tif (file != '') {\n\t\t\t\t\t\tvar fileObj = {\n\t\t\t\t\t\t\tkey: file.substring(file.lastIndexOf('/') + 1),\n\t\t\t\t\t\t\tvalue: file,\n\t\t\t\t\t\t\tfileType: 1,\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\tattachedFiles.push(fileObj);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (nextProps.initialValues.documentTemplates != null) {\n\t\t\t\tvar files = nextProps.initialValues.documentTemplates.split(';');\n\t\t\t\tfiles.forEach((file) => {\n\t\t\t\t\tif (file != '') {\n\t\t\t\t\t\tvar fileObj = {\n\t\t\t\t\t\t\tkey: file.substring(file.lastIndexOf('/') + 1),\n\t\t\t\t\t\t\tvalue: file,\n\t\t\t\t\t\t\tfileType: 2,\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\tattachedFiles.push(fileObj);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (attachedFiles.length > 0) {\n\t\t\t\tthis.setState({ attachedFiles, updated: true });\n\t\t\t}\n\t\t}\n\t}\n\n\tfixDescription = (html) => {\n\t\thtml = html.replace(/</g, '<');\n\t\thtml = html.replace(/>/g, '>');\n\t\thtml = html.replace(/\\<\\/b\\>/gi, ' ');\n\t\thtml = html.replace(/\\<\\/i\\>/gi, ' ');\n\t\thtml = html.replace(/\\<\\/a\\>/gi, ' ');\n\t\thtml = html.replace(/\\<\\/p\\>/gi, ' ');\n\t\treturn html;\n\t};\n\n\thandleStatus = (value) => {\n\t\tthis.setState({ status: value });\n\t};\n\n\thandleDisplayInSchedule = (event) => {\n\t\tevent.preventDefault();\n\t\tthis.setState({ createEvent: true });\n\t};\n\n\tcloseModal = () => {\n\t\tthis.setState({ createEvent: false, tempPublishDate: this.state.published ?? this.inititalPublished });\n\t};\n\n\thandleLessons = (checked, lessonObj) => {\n\t\tthis.setState((prevState) => ({\n\t\t\tselectedLesson: checked\n\t\t\t\t? [...prevState.selectedLesson, lessonObj]\n\t\t\t\t: prevState.selectedLesson.filter((x) => x.id != lessonObj.id),\n\t\t\ttoggleLesson: checked\n\t\t\t\t? { ...prevState.toggleLesson, [lessonObj.id]: true }\n\t\t\t\t: { ...prevState.toggleLesson, [lessonObj.id]: false },\n\t\t}));\n\t};\n\n\tfilterLesson = (data) => {\n\t\tconst sortByStartTime = (a, b) => Moment(a.startTime).diff(b.startTime);\n\n\t\tif (this.state.selectedLesson.length > 0) {\n\t\t\tlet filter = data.filter((item) => {\n\t\t\t\treturn !this.state.selectedLesson.find((f) => {\n\t\t\t\t\treturn f.id === item.id;\n\t\t\t\t});\n\t\t\t});\n\n\t\t\treturn filter.concat(this.state.selectedLesson).sort(sortByStartTime);\n\t\t}\n\n\t\treturn data.sort(sortByStartTime);\n\t};\n\n\tfetchLesson = () => {\n\t\tif (!this.state.allowFetch) {\n\t\t\treturn;\n\t\t}\n\t\t//dont fetch if both start and end date is same\n\t\tlet start = this.state.dateStart;\n\t\tlet end = this.state.dateEnd;\n\t\tconst diff = end.diff(start, 'minutes');\n\t\tif (diff === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setState({ isFetchingLesson: true });\n\n\t\tif (this.state.dateStart && this.state.dateEnd) {\n\t\t\tthis.props.getScheduleForUser(\n\t\t\t\tthis.props.user.id,\n\t\t\t\tMoment(this.state.dateStart).utc().set({ second: 0, millisecond: 0 }).toISOString(),\n\t\t\t\tMoment(this.state.dateEnd).utc().set({ second: 0, millisecond: 0 }).toISOString(),\n\t\t\t).then(() => {\n\t\t\t\tthis.setState({\n\t\t\t\t\tlesson: this.filterLesson(this.props.usersSchedule[this.props.user.id]),\n\t\t\t\t\tisFetchingLesson: false,\n\t\t\t\t\tallowFetch: false,\n\t\t\t\t});\n\t\t\t}).catch((e) => {\n\t\t\t\tthis.setState({\n\t\t\t\t\tisFetchingLesson: true,\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\tlet startTime = Moment().utc().set({ hour: 0, minute: 0, second: 0 }).toISOString();\n\t\t\tlet endTime = Moment().utc().set({ hour: 23, minute: 59, second: 59 }).toISOString();\n\n\t\t\tthis.props.getScheduleForUser(this.props.user.id, startTime, endTime)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tlesson: this.filterLesson(this.props.usersSchedule[this.props.user.id]),\n\t\t\t\t\t\tisFetchingLesson: true,\n\t\t\t\t\t\tallowFetch: false,\n\t\t\t\t\t});\n\t\t\t\t}).catch((e) => {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tisFetchingLesson: true,\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t}\n\t};\n\n\thandleDisplayDate = (date) => {\n\t\tthis.setState({\n\t\t\ttempPublishDate: Moment(date),\n\t\t});\n\t};\n\n\tonSubmitDisplayDate = () => {\n\t\tthis.setState({\n\t\t\tpublished: this.state.tempPublishDate,\n\t\t\tcreateEvent: false,\n\t\t});\n\t};\n\n\tsubmit = (values) => {\n\t\tconst { initialValues } = this.props;\n\t\tconst { dateStart, dateEnd, attachedFiles, sectionId, published } = this.state;\n\n\t\tif (sectionId == 0 || sectionId == \"\") {\n\t\t\treturn new Promise((resolve) => resolve(1));\n\t\t}\n\n\t\treturn new Promise((resolve) => {\n\t\t\tlet assessmentBlocks = [];\n\t\t\tlet deletedBlocks = [];\n\n\t\t\tconst isEditing = this.props.editView;\n\n\t\t\tif (values.groupEnabled == null || this.props.cloneView) {\n\t\t\t\tvalues.groupEnabled = true;\n\t\t\t}\n\t\t\tif (this.state.selectedLesson.length > 0) {\n\t\t\t\tlet relation = [];\n\t\t\t\tthis.state.selectedLesson.map((items) => {\n\t\t\t\t\tlet obj = {\n\t\t\t\t\t\tCalendarEventId: items.id,\n\t\t\t\t\t\tReferenceType: 'ASSIGNMENT',\n\t\t\t\t\t\tReferenceId: 0,\n\t\t\t\t\t};\n\t\t\t\t\trelation.push(obj);\n\t\t\t\t});\n\t\t\t\tvalues.relationships = relation;\n\t\t\t} else {\n\t\t\t\tvalues.relationships = [];\n\t\t\t}\n\n\t\t\tvalues.startDate = dateStart;\n\t\t\tvalues.dueDate = dateEnd;\n\t\t\tvalues.sectionId = parseInt(sectionId);\n\n\t\t\tif (values.status === 'ASSIGNMENT_DRAFT') {\n\t\t\t\tvalues.published = '0001-01-01T00:00:00';\n\t\t\t\tvalues.status = this.state.status;\n\t\t\t} else {\n\t\t\t\tvalues.published = published;\n\t\t\t}\n\t\t\tvalues.attachedFiles = this.state.attachedFiles;\n\n\t\t\tif (values.status == null) {\n\t\t\t\tvalues.status == 'ASSIGNMENT_OPEN';\n\t\t\t}\n\n\t\t\tif (values.assessmentBlocks != null) {\n\t\t\t\tassessmentBlocks = [...values.assessmentBlocks];\n\t\t\t}\n\n\t\t\tif (values.assessmentType == null) {\n\t\t\t\tvalues.assessmentType = 'TEACHER';\n\t\t\t}\n\n\t\t\tif (this.state.newDocuments.length > 0) {\n\t\t\t\tvalues.attachedFiles = [...values.attachedFiles, ...this.state.newDocuments];\n\t\t\t}\n\n\t\t\tvalues.plans = null;\n\n\t\t\tif (typeof values.status === 'undefined') {\n\t\t\t\tvalues.status = this.state.status;\n\t\t\t}\n\n\t\t\tif (isEditing) {\n\t\t\t\tvalues.status = this.state.status;\n\t\t\t}\n\n\t\t\tif (initialValues != null && initialValues.assessmentBlocks != null) {\n\t\t\t\tdeletedBlocks = [...initialValues.assessmentBlocks].filter((block) =>\n\t\t\t\t\t!assessmentBlocks.find(_bl => _bl.id == block.id) && !values.assessmentBlocks.find(_bl => _bl.id == block.id)\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tdelete values.assessmentBlocks;\n\n\t\t\tlet that = this;\n\t\t\tif (isEditing && this.props.cloneView == false) {\n\t\t\t\tvalues.workspace = initialValues.workspace;\n\t\t\t\tthis.props.updateAssignment(values).then(() => {\n\t\t\t\t\tlet promises = [];\n\n\t\t\t\t\tif (deletedBlocks.length > 0) {\n\t\t\t\t\t\tdeletedBlocks.forEach(block => {\n\t\t\t\t\t\t\tlet deletePromise = new Promise(resolve => {\n\t\t\t\t\t\t\t\tthis.props.deleteBlock(block.id).then(() => {\n\t\t\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tpromises.push(deletePromise);\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\n\t\t\t\t\tassessmentBlocks.forEach((block) => {\n\t\t\t\t\t\tpromises.push(new Promise(async (resolve) => {\n\t\t\t\t\t\t\tconst initialBlock = this.props.initialValues.assessmentBlocks.find((b) => b.id == block.id);\n\n\t\t\t\t\t\t\tif (initialBlock != null) {\n\t\t\t\t\t\t\t\tawait this.props.updateAssessmentBlock(block, initialBlock);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tawait this.props.createAssessmentBlock(block, initialValues.id, 'ASSIGNMENT');\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t}));\n\t\t\t\t\t});\n\n\t\t\t\t\tPromise.all(promises).then(() => {\n\t\t\t\t\t\tthat.props.addError(that.props.translate(\"changes-saved\"), \"info\");\n\t\t\t\t\t\tthat.props.onAbort(true, true, true);\n\t\t\t\t\t\tresolve(true);\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tif (this.props.cloneView) {\n\t\t\t\t\tvalues.documentTemplates = null;\n\t\t\t\t\tvalues.assignmentDocuments = null;\n\t\t\t\t}\n\n\t\t\t\tthis.props.createAssignment(values).then(async () => {\n\t\t\t\t\tif (this.props.onSubmit) {\n\t\t\t\t\t\tlet starttime = Moment(values.dueDate).utc().format();\n\t\t\t\t\t\tthis.props.onSubmit(starttime);\n\t\t\t\t\t}\n\t\t\t\t\tif (this.state.planid != 0) {\n\t\t\t\t\t\t// Add this assignment as a block on the selected plan\n\t\t\t\t\t\tawait new Promise(async resolve => {\n\t\t\t\t\t\t\tawait this.props.getBlocksByReference(this.state.planid, 'PLAN');\n\n\t\t\t\t\t\t\tlet blocks = [];\n\n\t\t\t\t\t\t\tif (this.props.planBlocks != null && this.props.planBlocks.length > 0) {\n\t\t\t\t\t\t\t\tblocks = [...this.props.planBlocks];\n\n\t\t\t\t\t\t\t\tblocks.forEach(block => {\n\t\t\t\t\t\t\t\t\tif (block.type == 'Haldor.Blocks.Assignment') {\n\t\t\t\t\t\t\t\t\t\tif (block.resources != null) {\n\t\t\t\t\t\t\t\t\t\t\tlet resources = [];\n\t\t\t\t\t\t\t\t\t\t\tblock.resources.forEach(resource => {\n\t\t\t\t\t\t\t\t\t\t\t\tresources.push({\n\t\t\t\t\t\t\t\t\t\t\t\t\tid: resource.id,\n\t\t\t\t\t\t\t\t\t\t\t\t\t'@odata.type': resource['@odata.type'],\n\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\t\t\tblock.resources = resources;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tblock['_Resources'] = null;\n\n\t\t\t\t\t\t\t\t\treturn block;\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tblocks.push({\n\t\t\t\t\t\t\t\ttype: 'Haldor.Blocks.Assignment',\n\t\t\t\t\t\t\t\ttitle: '',\n\t\t\t\t\t\t\t\tvalue: '',\n\t\t\t\t\t\t\t\tsortorder: blocks.length,\n\t\t\t\t\t\t\t\tid: 0,\n\t\t\t\t\t\t\t\tresources: [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t'@odata.type': 'haldor.assignment.block.assignment',\n\t\t\t\t\t\t\t\t\t\tid: this.props.newAssignment.id,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tawait this.props.updateBlocksOnReference(blocks, this.state.planid, 'PLAN');\n\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\n\t\t\t\t\tlet promises = [];\n\t\t\t\t\tassessmentBlocks.forEach((block) => {\n\t\t\t\t\t\tif (this.props.cloneView) {\n\t\t\t\t\t\t\tblock.resources.map((resource) => {\n\t\t\t\t\t\t\t\tresource.originId = resource.id;\n\t\t\t\t\t\t\t\tresource.id = 0;\n\t\t\t\t\t\t\t\treturn resource;\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tpromises.push(new Promise((resolve) => {\n\t\t\t\t\t\t\tthis.props.createAssessmentBlock(block, this.props.newAssignment.id, 'ASSIGNMENT')\n\t\t\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}));\n\t\t\t\t\t});\n\n\t\t\t\t\tPromise.all(promises).then(() => {\n\t\t\t\t\t\tresolve(true);\n\t\t\t\t\t\tif (this.props.dontRedirect) {\n\t\t\t\t\t\t\tthat.props.onAbort(true);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (this.props.onCreated != null) {\n\t\t\t\t\t\t\tthis.props.onCreated(this.props.newAssignment);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (this.props.newAssignment != null && !this.props.dontRedirect) {\n\t\t\t\t\t\t\t\tvar id = this.props.newAssignment.id;\n\t\t\t\t\t\t\t\tif (this.props.cloneView) {\n\t\t\t\t\t\t\t\t\twindow.location = `${getRootUrl()}assignment/${id}`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tthis.props.history.push(`${getRootUrl()}assignment/${id}`);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t};\n\n\tonGroupChange = (groupId, group) => {\n\t\tconst { translate } = this.props;\n\n\t\tif (group != null) {\n\t\t\tthis.props.toggleSelectedSection(group, true);\n\t\t}\n\n\t\tif (groupId != 0) {\n\t\t\tthis.setState({ sectionId: groupId }, () => {\n\t\t\t\tthis.props.getSection(groupId).then(() => {\n\t\t\t\t\tif (this.props.section.students != null && this.props.section.students.length == 0) {\n\t\t\t\t\t\tswal.fire({\n\t\t\t\t\t\t\ttitle: this.props.translate('The group contains no students'),\n\t\t\t\t\t\t\tshowCloseButton: true,\n\t\t\t\t\t\t\tconfirmButtonText: this.props.translate('Ok'),\n\t\t\t\t\t\t\thtml: `\n\t\t\t\t\t\t\t${translate('The group you selected does not contain any students. You can`t create assignments for a group without students. The group may lack students due to the fact that:')}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t
- ${translate('No students have been added to the group. Make sure your team/Microsoft 365 group includes students.')} \n\t\t\t\t\t\t\t\t
- ${translate('Students have not been activated on the team. To do this, use Microsoft Teams.')} \n\t\t\t\t\t\t\t\t
- ${translate('The group could not be loaded correctly. Close the form and reload the page, then try again.')} \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tthis.setState({ sectionId: 0 });\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.props.getPlansBySectionId(groupId);\n\n\t\t\t\t\tif (this?.props?.displayTitle) {\n\t\t\t\t\t\tthis.props.displayTitle(group.title);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\tthis.setState({ sectionId: 0 });\n\t\t}\n\t};\n\n\tonPlanChange = (event, form) => {\n\t\tif (event.target.value != '0') {\n\t\t\tthis.setState({ planid: event.target.value, loadingPlan: true });\n\t\t\tthis.props.getPlanDetails(event.target.value).then(async () => {\n\t\t\t\tawait this.props.getBlocksByReference(event.target.value, 'PLAN');\n\n\t\t\t\tif (this.props.planBlocks != null) {\n\t\t\t\t\tconst assessmentBlocks = this.props.planBlocks.filter((block) =>\n\t\t\t\t\t\tblock.type == 'Haldor.Blocks.AssessmentBlock'\n\t\t\t\t\t).map((block) => ({\n\t\t\t\t\t\t...block,\n\t\t\t\t\t\tid: 0,\n\t\t\t\t\t\treferenceId: 0,\n\t\t\t\t\t\treferenceType: '',\n\t\t\t\t\t}));\n\n\t\t\t\t\tlet values = form.getFieldState('assessmentBlocks')?.value;\n\t\t\t\t\tif (values == null) {\n\t\t\t\t\t\tvalues = [...assessmentBlocks];\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvalues = [...values, ...assessmentBlocks];\n\t\t\t\t\t}\n\n\t\t\t\t\tform.change('assessmentBlocks', values);\n\t\t\t\t}\n\n\t\t\t\tthis.setState({ loadingPlan: false });\n\t\t\t});\n\t\t} else {\n\t\t\tthis.props.setActivePlan(null);\n\t\t\tthis.setState({ loadingPlan: true, planid: 0 }, () => {\n\t\t\t\tthis.setState({ loadingPlan: false });\n\t\t\t});\n\t\t}\n\t};\n\n\tonDateChange = (dates) => {\n\t\tthis.setState({ dateStart: Moment(dates.start), dateEnd: Moment(dates.end), allowFetch: true });\n\t};\n\n\tselectDocument = (files) => {\n\t\tlet prepareNewFiles = this.state.newDocuments != null && this.state.newDocuments.length > 0 ? this.state.newDocuments : [];\n\n\t\tfiles.forEach((file) => {\n\t\t\tprepareNewFiles.push({\n\t\t\t\tid: file.driveItemId,\n\t\t\t\tparentReference: file.parentReference,\n\t\t\t\tkey: file.name,\n\t\t\t\tvalue: file.url,\n\t\t\t\tmimeType: file.Type,\n\t\t\t});\n\t\t});\n\n\t\tthis.setState({ newDocuments: prepareNewFiles });\n\t};\n\n\tdeleteFile = (file) => {\n\t\tlet documents = this.state.newDocuments;\n\t\tdocuments = documents.filter((doc) => doc.id != file.id);\n\t\tthis.setState({ newDocuments: documents });\n\t}\n\n\tremoveInstruction = (instruction, remove) => {\n\t\tlet attachedFiles = this.state.attachedFiles;\n\t\tvar removeFile = attachedFiles.find((file) => file.value == instruction);\n\n\t\tif (removeFile != null) {\n\t\t\tif (this.props.cloneView) {\n\t\t\t\tattachedFiles = attachedFiles.filter((t) => t.value != instruction);\n\t\t\t} else {\n\t\t\t\tif (removeFile.markedForDeletion == true && remove == false) {\n\t\t\t\t\tvar removeFileIndex = attachedFiles.findIndex((file) => file.value == instruction);\n\t\t\t\t\tattachedFiles.splice(removeFileIndex, 1);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tif (remove) {\n\t\t\t\tlet assignmentDocuments = this.props.initialValues ?\n\t\t\t\t\tthis.props.initialValues.assignmentDocuments != null ?\n\t\t\t\t\t\tthis.props.initialValues.assignmentDocuments.split(\";\")\n\t\t\t\t\t\t: []\n\t\t\t\t\t: [];\n\n\t\t\t\tassignmentDocuments.forEach(document => {\n\t\t\t\t\tif (document == instruction && document != \"\" && document != null) {\n\t\t\t\t\t\tlet removeFile = {\n\t\t\t\t\t\t\tmarkedForDeletion: remove,\n\t\t\t\t\t\t\tfileType: 1,\n\t\t\t\t\t\t\tvalue: document,\n\t\t\t\t\t\t\tkey: '',\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\tattachedFiles.push(removeFile);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tlet file = {\n\t\t\t\t\tfileType: 1,\n\t\t\t\t\tvalue: instruction,\n\t\t\t\t\tkey: instruction.substring(instruction.lastIndexOf('/') + 1),\n\t\t\t\t};\n\n\t\t\t\tattachedFiles.push(file);\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ attachedFiles });\n\t};\n\n\tremoveTemplate = (template, remove) => {\n\t\tlet attachedFiles = this.state.attachedFiles;\n\t\tconst removeFile = attachedFiles.find((file) => file.value == template);\n\t\tif (removeFile != null) {\n\t\t\tif (this.props.cloneView) {\n\t\t\t\tattachedFiles = attachedFiles.filter((t) => t.value != template);\n\t\t\t} else {\n\t\t\t\tif (removeFile.markedForDeletion == true && remove == false) {\n\t\t\t\t\tvar removeFileIndex = attachedFiles.findIndex((file) => file.value == template);\n\t\t\t\t\tattachedFiles.splice(removeFileIndex, 1);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tif (remove) {\n\t\t\t\tlet documentTemplates = this.props.initialValues\n\t\t\t\t\t? this.props.initialValues.documentTemplates != null\n\t\t\t\t\t\t? this.props.initialValues.documentTemplates.split(';')\n\t\t\t\t\t\t: []\n\t\t\t\t\t: [];\n\n\t\t\t\tdocumentTemplates.forEach((document) => {\n\t\t\t\t\tif (document == template && document != '' && document != null) {\n\t\t\t\t\t\tlet removeFile = {\n\t\t\t\t\t\t\tmarkedForDeletion: remove,\n\t\t\t\t\t\t\tfileType: 2,\n\t\t\t\t\t\t\tvalue: document,\n\t\t\t\t\t\t\tkey: '',\n\t\t\t\t\t\t};\n\t\t\t\t\t\tattachedFiles.push(removeFile);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tlet file = {\n\t\t\t\t\tfileType: 2,\n\t\t\t\t\tvalue: template,\n\t\t\t\t\tkey: template.substring(template.lastIndexOf('/') + 1),\n\t\t\t\t};\n\t\t\t\tattachedFiles.push(file);\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ attachedFiles });\n\t};\n\n\trenderInput = ({\n\t\tinput,\n\t\tlabel,\n\t\ttype,\n\t\tplaceholder,\n\t\tmeta: { touched, error, warning }\n\t}) => {\n\t\treturn (\n\t\t\t
\n\t\t\t\t
\n\t\t);\n\t};\n\n\tselectFileType = (event, file) => {\n\t\tfile.fileType = event.target.value;\n\t\tthis.setState((prevState) => ({\n\t\t\tnewDocuments: prevState.newDocuments.map((doc) =>\n\t\t\t\tdoc.id === file.id ? file : doc\n\t\t\t),\n\t\t}));\n\n\t}\n\n\tgetDateFormat = () => {\n\t\tlet format = Moment.localeData(getActiveLanguage()).longDateFormat(\"L\");\n\t\tlet newFormat = format.replace(\"YYYY\", \"yyyy\");\n\t\tlet days = newFormat.replace(\"DD\", \"dd\");\n\t\treturn days;\n\t};\n\n\tnormalizeLocale = (locale) => {\n\t\tconst [language, region] = locale.split('-');\n\n\t\tif (language.toUpperCase() == \"UK\") {\n\t\t\treturn `uk`;\n\t\t}\n\t\treturn `${language}-${region.toUpperCase()}`;\n\t};\n\n\t/* Render form */\n\trender() {\n\t\tconst { sectionId, attachedFiles } = this.state;\n\t\tconst isEditing = this.props.editView;\n\t\tlet groupId = null;\n\t\tif (this.state.loading) {\n\t\t\treturn \n\t\t\t\t true}\n\t\t\t\t\tmutators={{\n\t\t\t\t\t\tsetStatusDraft: (args, state, utils) => {\n\t\t\t\t\t\t\tutils.changeValue(state, 'status', () => 'ASSIGNMENT_DRAFT');\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsetAutoAssignStudents: (args, state, utils) => {\n\t\t\t\t\t\t\tutils.changeValue(state, 'autoAssignStudents', () => args[0]);\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\trender={({ handleSubmit, submitting, valid, form, initialValues }) => {\n\t\t\t\t\t\tthis.formRef = form;\n\n\t\t\t\t\t\tlet statusValue = initialValues?.status;\n\t\t\t\t\t\tif (form.getFieldState('status') != null) {\n\t\t\t\t\t\t\tstatusValue = form.getFieldState('status').value;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlet assessmentBlocks = form.getFieldState('assessmentBlocks')?.value;\n\t\t\t\t\t\tlet subjects = [];\n\t\t\t\t\t\tif (assessmentBlocks?.length > 0) {\n\t\t\t\t\t\t\tassessmentBlocks?.forEach((content) => {\n\t\t\t\t\t\t\t\tcontent?.resources?.forEach(resources => {\n\t\t\t\t\t\t\t\t\tif (resources?.value != null) {\n\t\t\t\t\t\t\t\t\t\tif (subjects.indexOf(resources.value?.subjectId) == -1) {\n\t\t\t\t\t\t\t\t\t\t\tsubjects.push(parseInt(resources.value?.subjectId));\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Enable the auto assign option if all groups have all students selected\n\t\t\t\t\t\t */\n\n\t\t\t\t\t\tlet enableAutoAssign = this.state.enableAutoAssign;\n\n\t\t\t\t\t\tif (enableAutoAssign == null) {\n\t\t\t\t\t\t\tlet tasks = this.props.initialValues?.tasks ?? [];\n\t\t\t\t\t\t\tlet section = this.props.section != null ? this.props.section : null;\n\t\t\t\t\t\t\tif (section != null) {\n\t\t\t\t\t\t\t\tif (tasks != null && section.students.every(student => tasks.some(value => value.assignedTo === student.id && !value.markedForDeletion))) {\n\t\t\t\t\t\t\t\t\tenableAutoAssign = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{this.props.services.advancedSchedule ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t this.handleDisplayInSchedule(e)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{this.state.published.format('dddd Do MMMM')}{' '}\n\t\t\t\t\t\t\t\t\t\t\t{this.state.published.format('LT')}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t{(this.props.editView || this.props.cloneView) &&\n\t\t\t\t\t\t\t\t\tinitialValues.assignmentDocuments !== null &&\n\t\t\t\t\t\t\t\t\tinitialValues.assignmentDocuments.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('need-to-select-file-types')}!\n\t\t\t\t\t\t\t\t\t
) : null}\n\n\t\t\t\t\t\t\t\t\t{this.state.newDocuments.map((file, i) => {\n\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.lockedStatus && file.fileType === '2' ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{({ input }) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinput.onChange(event);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={input.checked}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!enableAutoAssign}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={input.checked}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={this.props.translate(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'The assignment should also be assigned to students who join the group.'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
) : null}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{isEditing ? (\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\tform.submit();\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\ttype='save'\n\t\t\t\t\t\t\t\t\t\t\tdisabled={submitting || !valid || !documentsPassing}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('save')}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\tform.submit();\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\ttype='save'\n\t\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\t\tsubmitting ||\n\t\t\t\t\t\t\t\t\t\t\t\t!valid ||\n\t\t\t\t\t\t\t\t\t\t\t\tsectionId == '0' ||\n\t\t\t\t\t\t\t\t\t\t\t\t!documentsPassing\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('publish')}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t{isEditing && initialValues.published != '0001-01-01T00:00:00' ? null : (\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\tform.mutators.setStatusDraft();\n\t\t\t\t\t\t\t\t\t\t\t\tform.submit();\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\ttype='secondary'\n\t\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\t\tsubmitting ||\n\t\t\t\t\t\t\t\t\t\t\t\t!valid ||\n\t\t\t\t\t\t\t\t\t\t\t\tsectionId == '0' ||\n\t\t\t\t\t\t\t\t\t\t\t\t!documentsPassing\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('save-draft')}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\tthis.props.onAbort(false);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Cancel')}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state, ownProps) {\n\tlet initialValues = null;\n\tif (state.assignments.active_assignment != null) {\n\t\tinitialValues = state.assignments.active_assignment;\n\t}\n\n\tif (state.Blocks.reference != null && initialValues != null) {\n\t\tlet blocks = JSON.parse(JSON.stringify(state.Blocks.reference));\n\t\tinitialValues.assessmentBlocks = blocks.filter((block) =>\n\t\t\tblock.type == \"Haldor.Blocks.AssessmentBlock\"\n\t\t);\n\t}\n\n\t//handle current planningAssessments\n\tif (ownProps?.planningAssessments?.length > 0) {\n\t\tif (initialValues === null) {\n\t\t\tinitialValues = {};\n\t\t}\n\t\tlet filteredAssessmentsBlocks = ownProps?.planningAssessments.filter(t => t.type === 'Haldor.Blocks.AssessmentBlock');\n\t\tif (filteredAssessmentsBlocks.length > 0) {\n\t\t\tinitialValues.assessmentBlocks = filteredAssessmentsBlocks;\n\t\t}\n\t}\n\n\t//handle previous planningAssessments\n\tif (state.planning.active_plan?.blocks?.length > 0 && ownProps.existingPlanningAssessments) {\n\t\tif (initialValues === null) {\n\t\t\tinitialValues = {};\n\t\t}\n\n\t\tinitialValues.assessmentBlocks = state?.planning?.active_plan?.blocks?.filter(t => t.type === 'Haldor.Blocks.AssessmentBlock');\n\t}\n\n\tif (ownProps.time != null) {\n\t\tif (initialValues === null) {\n\t\t\tinitialValues = {};\n\t\t}\n\n\t\tinitialValues.startDate = Moment(ownProps.time);\n\t}\n\n\tif (ownProps.length != null && initialValues.startDate != null) {\n\t\tif (initialValues === null) {\n\t\t\tinitialValues = {};\n\t\t}\n\n\t\tinitialValues.dueDate = Moment(initialValues.startDate).add(ownProps.length, 'minutes');\n\t}\n\n\tif (ownProps.lesson != null) {\n\t\tif (initialValues == null) {\n\t\t\tinitialValues = {};\n\t\t}\n\n\t\tconst lesson = JSON.parse(JSON.stringify(ownProps.lesson));\n\n\t\tif (ownProps.lesson.startTime != null) {\n\t\t\tinitialValues.startDate = Moment.utc(lesson.startTime).local();\n\t\t\tinitialValues.dueDate = Moment(initialValues.startDate).add(ownProps.lesson.length, 'minutes');\n\t\t}\n\t}\n\n\treturn {\n\t\tinitialValues: initialValues,\n\t\tassessments: state.assessments.assessments,\n\t\tuser: state.user.currentUser,\n\t\tsections: state.sections.educationGroups,\n\t\tsection: state.sections.activeSection,\n\t\tassignmentTypes: state.status.status.assignmentTypes,\n\t\tassignmentStatus: state.status.status.assignmentStatus,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tnewAssignment: state.assignments.newAssignment,\n\t\tservices: state.Services.availableServices,\n\t\tconnectedLessons: state.schedule.selectedLessons,\n\t\tusersSchedule: state.schedule.usersSchedule,\n\t\tsectionPlans: state.planning.sectionPlans,\n\t\tplan: state.planning.active_plan,\n\t\tplanBlocks: state.Blocks.reference,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tcreateAssignment,\n\tupdateAssignment,\n\taddError,\n\tgetTaskDetails,\n\tsetActiveAssignment,\n\tdeleteBlock,\n\n\tgetSection,\n\ttoggleSelectedSection,\n\tclearSelectedSections,\n\tsetActiveSection,\n\tgetScheduleForUser,\n\tclearSearchedSchedules,\n\n\tgetPlanDetails,\n\tgetPlansBySectionId,\n\tsetActivePlan,\n\tclearSectionPlansFromStore,\n\tgetScheduleItems,\n\tgetBlocksByReference,\n\tupdateBlocksOnReference,\n\tcreateAssessmentBlock,\n\tupdateAssessmentBlock,\n})(AssignmentForm));\n","import React, { Component } from \"react\";\nimport { translate, getActiveLanguage, Floating, Icon } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport Moment from 'moment';\n\nimport { addError } from 'actions';\nimport { createBulkAssignments, getTaskDetails } from 'actions/assignments';\nimport { getPlansBySectionId, getPlanDetails, setActivePlan } from 'actions/plans';\nimport { getBlocksByReference, updateBlocksOnReference, createAssessmentBlock } from 'actions/blocks';\nimport { getScheduleForUser } from 'actions/schedule';\nimport { toggleSelectedSection, clearSelectedSections, setActiveSection } from \"actions/sections\";\n\nimport { Form, Field } from 'react-final-form';\nimport { Expandable, List, Spinner } from 'UI';\nimport { Editor, TimePicker } from 'UI/Inputs';\nimport { Checkbox, Button } from '@haldor/ui';\nimport Select from \"components/Inputs/select\";\nimport DatePickerFromTo from '../Partials/DatePickerFromTo';\nimport CustomSelector from '../Partials/CustomSelector';\nimport AttachedDocuments from 'components/Presentation/Documents/AttachedDocuments';\nimport InvalidGroupNotice from '../Partials/InvalidGroupNotice';\nimport BlockAssessments from 'components/BlockAssessments';\nimport { ASSESSMENT_TYPES } from \"components/BlockAssessments/AssessmentTypes\";\n\nimport MultipleSectionSelector from '../Partials/MultipleSectionSelector';\nimport TeacherAdjustments from 'containers/AdditionalAdjustments/Display/TeacherAdjustments';\nimport Modal from 'containers/Modals/Modal';\nimport DatePicker from 'react-datepicker';\nimport { registerLocale, setDefaultLocale } from \"react-datepicker\";\nimport sv from 'date-fns/locale/sv';\nimport no from 'date-fns/locale/nb';\nimport en from 'date-fns/locale/en-US';\nimport da from \"date-fns/locale/da\";\nimport uk from \"date-fns/locale/uk\";\nimport { Stack } from \"@mui/material\";\nimport HelpOutlineRoundedIcon from '@mui/icons-material/HelpOutlineRounded';\nimport FileUploadMenu from \"components/BlockEditor/Blocks/FileBlock/FileUploadMenu\";\n\nclass MultipleAssignmentForm extends Component {\n\t/* Class setup */\n\tstatic defaultProps = {\n\t\tcloneView: false,\n\t\tdisablePlanSelector: false,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tregisterLocale('en-US', en);\n\t\tregisterLocale('sv-SE', sv);\n\t\tregisterLocale('nb-NO', no);\n\t\tregisterLocale('da-DK', da);\n\t\tregisterLocale('uk', uk);\n\t\tsetDefaultLocale('en-US');\n\n\t\tthis.sectionsLocked = false;\n\n\t\tlet sections = [];\n\n\t\tif (props.section != null) {\n\t\t\tthis.sectionsLocked = true;\n\t\t\tsections = [props.section];\n\n\t\t\tsections.forEach((section) => {\n\t\t\t\tsection.students.forEach((student) => {\n\t\t\t\t\tstudent.checked = true;\n\t\t\t\t\treturn student;\n\t\t\t\t});\n\n\t\t\t\treturn section;\n\t\t\t});\n\t\t}\n\n\t\tlet dateStart = Moment().second(0);\n\t\tlet dueDate = null;\n\n\t\tif (props.date != null) {\n\t\t\tdateStart = props.date;\n\t\t}\n\n\t\tif (props.initialValues?.startDate != null) {\n\t\t\tdateStart = props.initialValues.startDate;\n\t\t}\n\n\t\tif (props.initialValues?.dueDate) {\n\t\t\tdueDate = props.initialValues?.dueDate;\n\t\t}\n\n\t\tthis.state = {\n\t\t\tdateStart: props.hasDate ? Moment(props.hasDate) : dateStart,\n\t\t\tdateEnd: dueDate,\n\t\t\ttasks: null,\n\t\t\tenableAutoAssign: false,\n\t\t\tcreateEvent: false,\n\t\t\tstudentAssessment: false,\n\t\t\tselfAssessment: false,\n\t\t\tgroupEnabled: false,\n\t\t\tpublished: Moment().local(),\n\t\t\ttempPublishDate: Moment().local(),\n\t\t\tstatus: 'ASSIGNMENT_OPEN',\n\t\t\tallowFetch: true,\n\t\t\tlesson: [],\n\t\t\tattachedFiles: [],\n\t\t\tnewDocuments: [],\n\t\t\tsections,\n\t\t\tloading: false,\n\t\t\tupdated: false,\n\t\t\tloadingPlan: false,\n\t\t\tisFetchingLesson: false,\n\t\t\tselectedLesson: [],\n\t\t\ttoggleLesson: {},\n\t\t\tplanId: props.planid != null ? props.planid : 0,\n\t\t\tinitialAssessmentBlocks: props.initialValues.assessmentBlocks,\n\t\t\tfileTypes: [\n\t\t\t\t{ value: 1, text: this.props.translate('instructions') },\n\t\t\t\t{ value: 2, text: this.props.translate('template-document') },\n\t\t\t],\n\t\t};\n\n\t\tthis.formRef = null;\n\t}\n\n\t/* Redux form functions */\n\trequired = (value) => {\n\t\tif (typeof value !== 'undefined' && value !== '') {\n\t\t\tif (value.length > 99) {\n\t\t\t\t// Field failed validation, return error for this field (String)\n\t\t\t\treturn this.props.translate('field-max-100-chars');\n\t\t\t}\n\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string and not over 200 characters\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t};\n\n\tfixDescription = (html) => {\n\t\thtml = html.replace(/</g, '<');\n\t\thtml = html.replace(/>/g, '>');\n\t\thtml = html.replace(/\\<\\/b\\>/gi, ' ');\n\t\thtml = html.replace(/\\<\\/i\\>/gi, ' ');\n\t\thtml = html.replace(/\\<\\/a\\>/gi, ' ');\n\t\thtml = html.replace(/\\<\\/p\\>/gi, ' ');\n\n\t\treturn html;\n\t};\n\n\tsubmit = (values) => {\n\t\tconst { dateStart, dateEnd, tasks, groupEnabled, status, published } = this.state;\n\n\t\treturn new Promise((resolve) => {\n\t\t\tconst isEditing = this.props.editView;\n\t\t\tlet assessmentBlocks = [];\n\t\t\tlet assessmentType = 'TEACHER';\n\n\t\t\tif (this.state.selectedLesson.length > 0) {\n\t\t\t\tlet relation = [];\n\t\t\t\tthis.state.selectedLesson.map((items) => {\n\t\t\t\t\tlet obj = {\n\t\t\t\t\t\tCalendarEventId: items.id,\n\t\t\t\t\t\tReferenceType: 'ASSIGNMENT',\n\t\t\t\t\t\tReferenceId: 0,\n\t\t\t\t\t};\n\t\t\t\t\trelation.push(obj);\n\t\t\t\t});\n\t\t\t\tvalues.relationships = relation;\n\t\t\t} else {\n\t\t\t\tvalues.relationships = [];\n\t\t\t}\n\n\t\t\tif (values.assessmentBlocks != null) {\n\t\t\t\tassessmentBlocks = [...values.assessmentBlocks];\n\t\t\t}\n\n\t\t\tvalues.startDate = dateStart;\n\t\t\tvalues.dueDate = dateEnd;\n\t\t\tvalues.groupEnabled = groupEnabled;\n\t\t\tvalues.attachedFiles = this.state.attachedFiles;\n\t\t\tvalues.planId = this.state.planId;\n\t\t\tif (values.status === 'ASSIGNMENT_DRAFT') {\n\t\t\t\tvalues.published = null;\n\t\t\t} else {\n\t\t\t\tvalues.published = published;\n\t\t\t}\n\t\t\tvalues.status = status;\n\n\t\t\tif (this.state.selfAssessment) {\n\t\t\t\tassessmentType = 'SELF';\n\t\t\t}\n\t\t\tif (this.state.studentAssessment) {\n\t\t\t\tassessmentType = 'BUDDY';\n\t\t\t}\n\n\t\t\tvalues.assessmentType = assessmentType;\n\n\t\t\tif (this.state.newDocuments.length > 0) {\n\t\t\t\tvalues.attachedFiles = [...values.attachedFiles, ...this.state.newDocuments];\n\t\t\t}\n\t\t\tif (this.props.cloneView) {\n\t\t\t\tvalues.documentTemplates = null;\n\t\t\t\tvalues.assignmentDocuments = null;\n\t\t\t\tvalues.plans = null;\n\t\t\t}\n\n\t\t\tvalues.sections = JSON.parse(JSON.stringify(this.state.sections));\n\n\t\t\tif (values.sections != null) {\n\t\t\t\tvalues.sections.forEach((section) => {\n\t\t\t\t\tsection.students =\n\t\t\t\t\t\tsection.students != null ? section.students.filter((t) => t.checked) : [];\n\t\t\t\t\treturn section;\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tdelete values.assessmentBlocks;\n\n\t\t\tlet that = this;\n\t\t\tthis.props.createBulkAssignments(values).then(async () => {\n\t\t\t\tif (this.props.onSubmit) {\n\t\t\t\t\tlet starttime = Moment(values.dueDate).utc().format();\n\t\t\t\t\tthis.props.onSubmit(starttime);\n\t\t\t\t}\n\n\t\t\t\tif (values.planId != null && values.planId != 0) {\n\t\t\t\t\t// Add this assignment as a block on the selected plan\n\t\t\t\t\tawait new Promise(async (resolve) => {\n\t\t\t\t\t\tawait this.props.getBlocksByReference(values.planId, 'PLAN');\n\n\t\t\t\t\t\tlet blocks = [];\n\n\t\t\t\t\t\tif (this.props.planBlocks != null && this.props.planBlocks.length > 0) {\n\t\t\t\t\t\t\tblocks = [...this.props.planBlocks];\n\n\t\t\t\t\t\t\tblocks.forEach((block) => {\n\t\t\t\t\t\t\t\tif (block.type == 'Haldor.Blocks.Assignment') {\n\t\t\t\t\t\t\t\t\tif (block.resources != null) {\n\t\t\t\t\t\t\t\t\t\tlet resources = [];\n\t\t\t\t\t\t\t\t\t\tlet typeResource = block.resources.filter(resource => {\n\t\t\t\t\t\t\t\t\t\t\treturn resource['@odata.type'] == 'assessmenttype';\n\t\t\t\t\t\t\t\t\t\t})[0]?.value;\n\t\t\t\t\t\t\t\t\t\tblock.resources.forEach(resource => {\n\t\t\t\t\t\t\t\t\t\t\tif (resource['@odata.type'] != 'assessmenttype') {\n\t\t\t\t\t\t\t\t\t\t\t\tresources.push({\n\t\t\t\t\t\t\t\t\t\t\t\t\tassessmentType: typeResource == null ? ASSESSMENT_TYPES.TEACHER : typeResource,\n\t\t\t\t\t\t\t\t\t\t\t\t\tid: resource.id,\n\t\t\t\t\t\t\t\t\t\t\t\t\t'@odata.type': resource['@odata.type'],\n\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\t\tblock.resources = resources;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tblock['_Resources'] = null;\n\n\t\t\t\t\t\t\t\treturn block;\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tblocks.push({\n\t\t\t\t\t\t\ttype: 'Haldor.Blocks.Assignment',\n\t\t\t\t\t\t\ttitle: '',\n\t\t\t\t\t\t\tvalue: '',\n\t\t\t\t\t\t\tsortorder: blocks.length,\n\t\t\t\t\t\t\tid: 0,\n\t\t\t\t\t\t\tresources: [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'@odata.type': 'haldor.assignment.block.assignment',\n\t\t\t\t\t\t\t\t\tid: this.props.createdAssignments[0].id,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tawait this.props.updateBlocksOnReference(blocks, values.planId, 'PLAN');\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tlet promises = [];\n\t\t\t\tassessmentBlocks.forEach((block) => {\n\t\t\t\t\tif (this.props.cloneView) {\n\t\t\t\t\t\tblock.resources.map((resource) => {\n\t\t\t\t\t\t\tresource.originId = resource.id;\n\t\t\t\t\t\t\tresource.id = 0;\n\t\t\t\t\t\t\treturn resource;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.props.createdAssignments.forEach((assignment) => {\n\t\t\t\t\t\tpromises.push(new Promise((resolve) => {\n\t\t\t\t\t\t\tthis.props.createAssessmentBlock(block, assignment.id, 'ASSIGNMENT')\n\t\t\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}));\n\t\t\t\t\t})\n\t\t\t\t});\n\n\t\t\t\tPromise.all(promises).then(() => {\n\t\t\t\t\tpromises = [];\n\n\t\t\t\t\t/** We need to retrieve the assignments that we created to update the object in existing assignmentList in reducer */\n\t\t\t\t\tthis.props.createdAssignments.forEach((assignment) => {\n\t\t\t\t\t\tpromises.push(this.props.getTaskDetails(assignment.id));\n\t\t\t\t\t});\n\n\t\t\t\t\tPromise.all(promises).then(() => {\n\t\t\t\t\t\tthis.props.onAbort(true);\n\t\t\t\t\t\tresolve(true);\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t};\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.clearSelectedSections();\n\n\t\t/**\n\t\t * only clear selected sections if the plan selector is not enabled, if it is enabled probably user is creating assignment from plan\n\t\t */\n\t\tif (!this.props.disablePlanSelector) {\n\t\t\tthis.props.setActiveSection(null);\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.section != null) {\n\t\t\tthis.props.toggleSelectedSection(this.props.section);\n\t\t\tthis.props.getPlansBySectionId(this.props.section.id);\n\t\t}\n\n\t\tif (this.props.planid != null) {\n\t\t\tthis.setState({ loadingPlan: true });\n\t\t\tthis.props.getPlanDetails(this.props.planid).then(() => {\n\t\t\t\tthis.setState({\n\t\t\t\t\tassociatedMatrices: this.props.plan.associatedMatrices,\n\t\t\t\t\tloadingPlan: false,\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tlet attachedFiles = this.state.attachedFiles;\n\t\tif (this.props.initialValues != null && this.props.initialValues.assignmentDocuments != null) {\n\t\t\tvar files = this.props.initialValues.assignmentDocuments.split(';');\n\n\t\t\tfiles.forEach((file) => {\n\t\t\t\tif (file != '') {\n\t\t\t\t\tvar fileObj = {\n\t\t\t\t\t\tkey: file.substring(file.lastIndexOf('/') + 1),\n\t\t\t\t\t\tvalue: file,\n\t\t\t\t\t\tfileType: 1,\n\t\t\t\t\t};\n\n\t\t\t\t\tattachedFiles.push(fileObj);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tif (this.props.initialValues != null && this.props.initialValues.documentTemplates != null) {\n\t\t\tvar files = this.props.initialValues.documentTemplates.split(';');\n\n\t\t\tfiles.forEach((file) => {\n\t\t\t\tif (file != '') {\n\t\t\t\t\tvar fileObj = {\n\t\t\t\t\t\tkey: file.substring(file.lastIndexOf('/') + 1),\n\t\t\t\t\t\tvalue: file,\n\t\t\t\t\t\tfileType: 2,\n\t\t\t\t\t};\n\n\t\t\t\t\tattachedFiles.push(fileObj);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tif (attachedFiles.length > 0) {\n\t\t\tthis.setState({ attachedFiles });\n\t\t}\n\n\t\tthis.reCheckAutoAssign();\n\t};\n\n\tonStudentAssessmentChange = (checked) => {\n\t\tthis.setState({ studentAssessment: checked });\n\t};\n\n\thandleLessons = (checked, lessonObj) => {\n\t\tthis.setState((prevState) => ({\n\t\t\tselectedLesson: checked\n\t\t\t\t? [...prevState.selectedLesson, lessonObj]\n\t\t\t\t: prevState.selectedLesson.filter((x) => x.id != lessonObj.id),\n\t\t\ttoggleLesson: checked\n\t\t\t\t? { ...prevState.toggleLesson, [lessonObj.id]: true }\n\t\t\t\t: { ...prevState.toggleLesson, [lessonObj.id]: false },\n\t\t}));\n\t};\n\n\thandleStatus = (value) => {\n\t\tthis.setState({ status: value });\n\t};\n\n\tformatDate = (date, length, lessonDate) => {\n\t\tif (length) {\n\t\t\tMoment.utc(date)\n\t\t\t\t.set({\n\t\t\t\t\tsecond: 0,\n\t\t\t\t\tmillisecond: 0,\n\t\t\t\t})\n\t\t\t\t.local()\n\t\t\t\t.add(length, 'minutes')\n\t\t\t\t.format('HH:mm');\n\t\t}\n\t};\n\n\tonDateChange = (dates) => {\n\t\tthis.setState({ dateStart: Moment(dates.start), dateEnd: Moment(dates.end), allowFetch: true });\n\t};\n\n\tonUserListGroupToggle = (checked) => {\n\t\tthis.setState({ groupEnabled: checked });\n\t};\n\n\tonLessonChange = (value) => {\n\t\tthis.setState({ selectedLesson: value });\n\t};\n\n\tfilterLesson = (data) => {\n\t\tconst sortByStartTime = (a, b) => Moment(a.startTime).diff(b.startTime);\n\n\t\tif (this.state.selectedLesson.length > 0) {\n\t\t\tlet filter = data.filter((item) => {\n\t\t\t\treturn !this.state.selectedLesson.find((f) => {\n\t\t\t\t\treturn f.id === item.id;\n\t\t\t\t});\n\t\t\t});\n\n\t\t\treturn filter.concat(this.state.selectedLesson).sort(sortByStartTime);\n\t\t}\n\n\t\treturn data.sort(sortByStartTime);\n\t};\n\n\tfetchLesson = () => {\n\t\tif (!this.state.allowFetch) {\n\t\t\treturn;\n\t\t}\n\t\t//dont fetch if both start and end date is same\n\t\tlet start = this.state.dateStart\n\t\tlet end = this.state.dateEnd\n\t\tconst diff = end.diff(start, 'minutes');\n\t\tif (diff === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setState({ isFetchingLesson: true });\n\n\t\tif (this.state.dateStart && this.state.dateEnd) {\n\t\t\tthis.props.getScheduleForUser(\n\t\t\t\tthis.props.user.id,\n\t\t\t\tMoment(this.state.dateStart).utc().set({ second: 0, millisecond: 0 }).toISOString(),\n\t\t\t\tMoment(this.state.dateEnd).utc().set({ second: 0, millisecond: 0 }).toISOString(),\n\t\t\t).then(() => {\n\t\t\t\tthis.setState({\n\t\t\t\t\tlesson: this.filterLesson(this.props.usersSchedule[this.props.user.id]),\n\t\t\t\t\tisFetchingLesson: false,\n\t\t\t\t\tallowFetch: false,\n\t\t\t\t});\n\t\t\t}).catch((e) => {\n\t\t\t\tthis.setState({\n\t\t\t\t\tisFetchingLesson: true,\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\tlet startTime = Moment().utc().set({ hour: 0, minute: 0, second: 0 }).toISOString();\n\t\t\tlet endTime = Moment().utc().set({ hour: 23, minute: 59, second: 59 }).toISOString();\n\t\t\tthis.props.getScheduleForUser(this.props.user.id, startTime, endTime)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tlesson: this.filterLesson(this.props.usersSchedule[this.props.user.id]),\n\t\t\t\t\t\tisFetchingLesson: true,\n\t\t\t\t\t\tallowFetch: false,\n\t\t\t\t\t});\n\t\t\t\t})\n\t\t\t\t.catch((e) => {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tisFetchingLesson: true,\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t}\n\t};\n\n\n\tselectDocument = (files) => {\n\t\tlet prepareNewFiles = this.state.newDocuments != null && this.state.newDocuments.length > 0 ? this.state.newDocuments : [];\n\n\t\tfiles.forEach((file) => {\n\t\t\tprepareNewFiles.push({\n\t\t\t\tid: file.driveItemId,\n\t\t\t\tparentReference: file.parentReference,\n\t\t\t\tkey: file.name,\n\t\t\t\tvalue: file.url,\n\t\t\t\tmimeType: file.Type,\n\t\t\t});\n\t\t});\n\n\t\tthis.setState({ newDocuments: prepareNewFiles });\n\t};\n\n\tremoveInstruction = (instruction, remove) => {\n\t\tlet attachedFiles = this.state.attachedFiles;\n\t\tvar removeFile = attachedFiles.find((file) => file.value == instruction);\n\n\t\tif (removeFile != null) {\n\t\t\tif (this.props.cloneView) {\n\t\t\t\tattachedFiles = attachedFiles.filter((t) => t.value != instruction);\n\t\t\t} else {\n\t\t\t\tif (removeFile.markedForDeletion == true && remove == false) {\n\t\t\t\t\tvar removeFileIndex = attachedFiles.findIndex((file) => file.value == instruction);\n\t\t\t\t\tattachedFiles.splice(removeFileIndex, 1);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tif (remove) {\n\t\t\t\tvar assignmentDocuments = this.props.initialValues\n\t\t\t\t\t? this.props.initialValues.assignmentDocuments != null\n\t\t\t\t\t\t? this.props.initialValues.assignmentDocuments.split(';')\n\t\t\t\t\t\t: []\n\t\t\t\t\t: [];\n\t\t\t\tlet files = [];\n\t\t\t\tassignmentDocuments.forEach((document) => {\n\t\t\t\t\tif (document == instruction && document != '' && document != null) {\n\t\t\t\t\t\tlet removeFile = {\n\t\t\t\t\t\t\tmarkedForDeletion: remove,\n\t\t\t\t\t\t\tfileType: 1,\n\t\t\t\t\t\t\tvalue: document,\n\t\t\t\t\t\t\tkey: '',\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\tattachedFiles.push(removeFile);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tlet file = {\n\t\t\t\t\tfileType: 1,\n\t\t\t\t\tvalue: instruction,\n\t\t\t\t\tkey: instruction.substring(instruction.lastIndexOf('/') + 1),\n\t\t\t\t};\n\n\t\t\t\tattachedFiles.push(file);\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ attachedFiles });\n\t};\n\n\tsetStudentAssessment = checked => {\n\t\tif (checked) {\n\t\t\tthis.setState({\n\t\t\t\tstudentAssessment: checked,\n\t\t\t\tselfAssessment: !checked,\n\t\t\t});\n\t\t} else {\n\t\t\tthis.setState({ studentAssessment: checked });\n\t\t}\n\t};\n\n\thandleDisplayDate = (date) => {\n\t\tthis.setState({\n\t\t\ttempPublishDate: Moment(date),\n\t\t});\n\t};\n\tonSubmitDisplayDate = () => {\n\t\tthis.setState({\n\t\t\tpublished: this.state.tempPublishDate,\n\t\t\tcreateEvent: false,\n\t\t});\n\t};\n\thandleDisplayInSchedule = (event) => {\n\t\tevent.preventDefault();\n\t\tthis.setState({\n\t\t\tcreateEvent: true,\n\t\t});\n\t};\n\tcloseModal = () => {\n\t\tthis.setState({\n\t\t\ttempPublishDate: this.state.published ?? Moment().local(),\n\t\t\tcreateEvent: false,\n\t\t});\n\t};\n\n\tsetSelfAssessment = (checked) => {\n\t\tif (checked) {\n\t\t\tthis.setState({\n\t\t\t\tstudentAssessment: !checked,\n\t\t\t\tselfAssessment: checked,\n\t\t\t});\n\t\t} else {\n\t\t\tthis.setState({ selfAssessment: checked });\n\t\t}\n\t};\n\n\tonSectionsChange = (groups) => {\n\t\tthis.setState({ sections: groups }, () => { this.reCheckAutoAssign(); });\n\n\t\tif (groups.length == 1) {\n\t\t\tthis.props.getPlansBySectionId(groups[0].id);\n\t\t}\n\t\tif (this?.props?.displayTitle && groups?.length) {\n\t\t\tlet title = '';\n\t\t\tgroups.forEach(element => {\n\t\t\t\tif (element?.students.length > 0) {\n\t\t\t\t\ttitle = element?.title;\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis?.props?.displayTitle(title);\n\t\t}\n\t};\n\n\ttoggleAllStudents = (checked) => {\n\t\tlet { sections } = this.state;\n\n\t\tsections.forEach((section) => {\n\t\t\tsection.students.forEach((student) => {\n\t\t\t\tstudent.checked = checked;\n\t\t\t\treturn student;\n\t\t\t});\n\n\t\t\treturn section;\n\t\t});\n\n\t\tthis.setState({ sections });\n\t};\n\n\tonAddSectionCourse = (newGroups) => {\n\t\tlet { sections } = this.state;\n\n\t\tsections.forEach((section) => {\n\t\t\tlet newData = newGroups.find((group) => {\n\t\t\t\treturn group.id == section.id;\n\t\t\t});\n\n\t\t\tif (newData != null) {\n\t\t\t\tsection.courses = newData.courses;\n\t\t\t}\n\n\t\t\treturn section;\n\t\t});\n\n\t\tthis.setState({ sections });\n\t};\n\n\tonPlanChange = (event, form) => {\n\t\tif (event.target.value != '0') {\n\t\t\tthis.setState({ loadingPlan: true, planId: event.target.value });\n\t\t\tthis.props.getPlanDetails(event.target.value).then(async () => {\n\t\t\t\tawait this.props.getBlocksByReference(event.target.value, 'PLAN');\n\t\t\t\tif (this.props.planBlocks != null) {\n\t\t\t\t\tconst assessmentBlocks = this.props.planBlocks.filter((block) =>\n\t\t\t\t\t\tblock.type == 'Haldor.Blocks.AssessmentBlock'\n\t\t\t\t\t).map((block) => ({\n\t\t\t\t\t\t...block,\n\t\t\t\t\t\tid: 0,\n\t\t\t\t\t\treferenceId: 0,\n\t\t\t\t\t\treferenceType: '',\n\t\t\t\t\t}));\n\t\t\t\t\tlet values = this.state.initialAssessmentBlocks;\n\t\t\t\t\tif (values == null) {\n\t\t\t\t\t\tvalues = [...assessmentBlocks];\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvalues = [...values, ...assessmentBlocks];\n\t\t\t\t\t}\n\n\t\t\t\t\tform.change('assessmentBlocks', values);\n\t\t\t\t}\n\n\t\t\t\tthis.setState({ loadingPlan: false });\n\t\t\t});\n\t\t} else {\n\t\t\tthis.props.setActivePlan(null);\n\t\t\tthis.setState({ loadingPlan: true, planId: 0 }, () => {\n\t\t\t\tthis.setState({ loadingPlan: false });\n\t\t\t});\n\t\t}\n\t};\n\n\trenderInput = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('start')}*\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('start-time')}*\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\tgetDateFormat = () => {\n\t\tlet format = Moment.localeData(getActiveLanguage()).longDateFormat(\"L\");\n\t\tlet newFormat = format.replace(\"YYYY\", \"yyyy\");\n\t\tlet days = newFormat.replace(\"DD\", \"dd\");\n\t\treturn days;\n\t};\n\n\tnormalizeLocale = (locale) => {\n\t\tconst [language, region] = locale.split('-');\n\n\t\tif (language.toUpperCase() == \"UK\") {\n\t\t\treturn `uk`;\n\t\t}\n\t\treturn `${language}-${region.toUpperCase()}`;\n\t};\n\n\treCheckAutoAssign = () => {\n\t\tif (this.state != null) {\n\t\t\tlet enableAutoAssign = this.state.sections != null && this.state.sections.length > 0 && (this.state.sections.every(section => section.allStudentsSelected || (section.allStudentsSelected == null && section.students.length > 0 && section.students.every(student => student.checked))));\n\n\t\t\tif (!enableAutoAssign) {\n\t\t\t\tthis.formRef.mutators.setAutoAssignStudents(false);\n\t\t\t}\n\n\t\t\tthis.setState({ enableAutoAssign });\n\t\t}\n\t}\n\n\tselectFileType = (event, file) => {\n\t\tfile.fileType = event.target.value;\n\t\tthis.setState((prevState) => ({\n\t\t\tnewDocuments: prevState.newDocuments.map((doc) =>\n\t\t\t\tdoc.id === file.id ? file : doc\n\t\t\t),\n\t\t}));\n\t}\n\n\tdeleteFile = (file) => {\n\t\tlet documents = this.state.newDocuments;\n\t\tdocuments = documents.filter((doc) => doc.id != file.id);\n\t\tthis.setState({ newDocuments: documents });\n\t}\n\n\t/* Render form */\n\trender() {\n\t\tconst { initialValues } = this.props;\n\t\tif (this.state.loading) {\n\t\t\treturn \n\t\t\t\t true}\n\t\t\t\t\tmutators={{\n\t\t\t\t\t\tsetStatusDraft: (args, state, utils) => {\n\t\t\t\t\t\t\tutils.changeValue(state, 'status', () => 'ASSIGNMENT_DRAFT');\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsetAutoAssignStudents: (args, state, utils) => {\n\t\t\t\t\t\t\tutils.changeValue(state, 'autoAssignStudents', () => args[0]);\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\trender={({ submitting, handleSubmit, form, valid }) => {\n\t\t\t\t\t\tthis.formRef = form;\n\n\t\t\t\t\t\tlet assessmentBlocks = form.getFieldState('assessmentBlocks')?.value;\n\t\t\t\t\t\tlet subjects = [];\n\t\t\t\t\t\tif (assessmentBlocks?.length > 0) {\n\t\t\t\t\t\t\tassessmentBlocks?.forEach((content) => {\n\t\t\t\t\t\t\t\tcontent?.resources?.forEach(resources => {\n\t\t\t\t\t\t\t\t\tif (resources?.value?.details) {\n\t\t\t\t\t\t\t\t\t\tif (subjects.indexOf(resources.value?.subjectId) == -1) {\n\t\t\t\t\t\t\t\t\t\t\tsubjects.push(parseInt(resources.value?.subjectId));\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Enable the auto assign option if all groups have all students selected\n\t\t\t\t\t\t */\n\t\t\t\t\t\tlet enableAutoAssign = this.state.enableAutoAssign;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\topen\n\t\t\t\t\t\t\t\t\t\tignorePropsUpdate\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{this.state.sections.map((section) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{section.students\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t.sort((a, b) => a.lastName.localeCompare(b.lastName))\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t.map((student) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstudent.checked = value;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.reCheckAutoAssign();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{({ input }) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinput.onChange(event);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={input.checked}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!enableAutoAssign}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={input.checked}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={this.props.translate(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'The assignment should also be assigned to students who join the selected groups.'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t{this.props.assignmentTypes.map((item) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t{this.state.sections.length == 1 && !this.props.disablePlanSelector ? (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t this.onPlanChange(e, form)}\n\t\t\t\t\t\t\t\t\t\t\tvalue={this.state.planId}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t{this.props.sectionPlans.map((sectionPlan) => {\n\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t{this.props.services.advancedSchedule ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{this.props.services.advancedSchedule ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.lesson?.startTime\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? Moment(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.lesson?.startTime\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t).format('dddd Do MMMM')\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: this.props.time.format(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'dddd Do MMMM'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.lesson?.startTime\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? Moment.utc(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.lesson?.startTime\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.set({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsecond: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmillisecond: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.local()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.format('LT')\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: this.props.time.format('LT')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t-{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.lesson?.startTime\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? Moment.utc(this.props.lesson.startTime)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.set({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsecond: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmillisecond: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.local()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.add(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.lesson.length,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'minutes'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.format('LT')\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: Moment.utc(this.props?.time)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.set({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsecond: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmillisecond: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.local()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.add(this.props?.end, 'minutes')\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.format('LT')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props?.lesson.title}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : this.state.selectedLesson?.length > 1 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.selectedLesson?.length}{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('lessons-selected')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : this.state.selectedLesson.length === 1 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{Moment.utc(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.selectedLesson[0].startTime\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t).local().format('dddd Do MMMM')}{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{Moment.utc(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.selectedLesson[0].startTime\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t).set({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsecond: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmillisecond: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}).local().format('LT')}{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t-{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{Moment.utc(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.selectedLesson[0].startTime\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t).set({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsecond: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmillisecond: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}).local()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.add(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.selectedLesson[0].length,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'minutes'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.format('LT')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.selectedLesson[0].title}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'select lesson'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tlesson={this.props.lesson}\n\t\t\t\t\t\t\t\t\t\t\t\tfetchLesson={this.fetchLesson}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{!this.state.isFetchingLesson ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.lesson.length === 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('There are no lessons within the assignment time period')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.lesson.map((lesson) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.handleLessons(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlesson\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{Moment(lesson.startTime).format('dddd Do MMMM')}{' '}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{Moment.utc(lesson.startTime).local().set({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsecond: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmillisecond: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}).format('LT')}{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t-{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{Moment.utc(lesson.startTime).local().set({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsecond: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmillisecond: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}).add(lesson.length, 'minutes').format('LT')}{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{lesson.title}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t this.handleDisplayInSchedule(e)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{this.state.published.format('dddd Do MMMM')}{' '}\n\t\t\t\t\t\t\t\t\t\t\t{this.state.published.format('LT')}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('need-to-select-file-types')}!\n\t\t\t\t\t\t\t\t\t
) : null}\n\n\t\t\t\t\t\t\t\t\t{this.state.newDocuments.map((file, i) => {\n\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.lockedStatus && file.fileType === '2' ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t//form.mutators.setStatusOpen();\n\t\t\t\t\t\t\t\t\t\t\tform.submit();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\tsubmitting ||\n\t\t\t\t\t\t\t\t\t\t\t!valid ||\n\t\t\t\t\t\t\t\t\t\t\t!documentsPassing ||\n\t\t\t\t\t\t\t\t\t\t\tthis.state.sections.length == 0 ||\n\t\t\t\t\t\t\t\t\t\t\tstudents.length == 0\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('publish')}\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\tform.mutators.setStatusDraft();\n\t\t\t\t\t\t\t\t\t\t\tform.submit();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\ttype='secondary'\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\tsubmitting ||\n\t\t\t\t\t\t\t\t\t\t\t!valid ||\n\t\t\t\t\t\t\t\t\t\t\t!documentsPassing ||\n\t\t\t\t\t\t\t\t\t\t\tthis.state.sections.length == 0 ||\n\t\t\t\t\t\t\t\t\t\t\tstudents.length == 0\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('save-draft')}\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\tthis.props.onAbort(false);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Cancel')}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state, ownProps) {\n\tlet values = { ...ownProps.initialValues };\n\n\tif (values != null && ownProps.planid != null) {\n\t\tvalues.planId = ownProps.planid;\n\t}\n\t//handle current planningAssessments\n\tif (ownProps?.planningAssessments?.length > 0) {\n\t\tlet filteredAssessmentsBlocks = ownProps?.planningAssessments.filter(t => t.type === 'Haldor.Blocks.AssessmentBlock');\n\t\tif (filteredAssessmentsBlocks.length > 0) {\n\t\t\tvalues.assessmentBlocks = filteredAssessmentsBlocks;\n\t\t}\n\t}\n\tif (values != null && state.Blocks.reference != null) {\n\t\tlet blocks = JSON.parse(JSON.stringify(state.Blocks.reference));\n\t\tvalues.assessmentBlocks = blocks.filter((block) =>\n\t\t\tblock.type == \"Haldor.Blocks.AssessmentBlock\"\n\t\t);\n\t}\n\t// handle previous planningAssessments\n\tif (state.planning.active_plan?.blocks?.length > 0 && ownProps.existingPlanningAssessments) {\n\t\tvalues.assessmentBlocks = state?.planning?.active_plan?.blocks?.filter(t => t.type === 'Haldor.Blocks.AssessmentBlock');\n\t}\n\n\tif (ownProps.lesson != null) {\n\t\tconst lesson = JSON.parse(JSON.stringify(ownProps.lesson));\n\n\t\tvalues.startDate = Moment.utc(lesson.startTime).local();\n\t\tvalues.dueDate = Moment(values.startDate).add(ownProps.lesson.length, 'minutes');\n\t}\n\n\tif (ownProps.time != null) {\n\t\tvalues.startDate = Moment(ownProps.time);\n\t}\n\n\tif (ownProps.length != null && values.startDate != null) {\n\t\tvalues.dueDate = Moment(values.startDate).add(ownProps.length, 'minutes');\n\t}\n\n\treturn {\n\t\tuser: state.user.currentUser,\n\t\tsections: state.sections.educationGroups,\n\t\tassignmentTypes: state.status.status.assignmentTypes,\n\t\tassignmentStatus: state.status.status.assignmentStatus,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tservices: state.Services.availableServices,\n\t\tplan: state.planning.active_plan,\n\t\tsectionPlans: state.planning.sectionPlans,\n\t\tplanBlocks: state.Blocks.reference,\n\t\tcreatedAssignments: state.assignments.newAssignments,\n\t\tinitialValues: values,\n\t\tusersSchedule: state.schedule.usersSchedule,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tcreateBulkAssignments,\n\taddError,\n\tgetScheduleForUser,\n\tgetPlansBySectionId,\n\tgetPlanDetails,\n\tgetTaskDetails,\n\tsetActivePlan,\n\tgetBlocksByReference,\n\tupdateBlocksOnReference,\n\tcreateAssessmentBlock,\n\ttoggleSelectedSection,\n\tclearSelectedSections,\n\tsetActiveSection\n})(MultipleAssignmentForm);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\n\nimport Modal from 'containers/Modals/Modal';\nimport GroupAssignmentForm from 'containers/Forms/AssignmentForm/AssignmentForm';\nimport AssignmentForm from 'containers/Forms/AssignmentForm/MultipleAssignmentForm';\n\nimport { Button, Icon, translate } from '@haldor/ui';\n\nclass CreateAssignment extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tregular: false,\n\t\t\tgroup: false,\n\t\t}\n\t}\n\n\ttoggleRegular = (event) => {\n\t\tif (event != null) {\n\t\t\tevent.preventDefault();\n\t\t}\n\n\t\tthis.setState({ regular: !this.state.regular });\n\t}\n\n\ttoggleGroup = (event) => {\n\t\tif (event != null) {\n\t\t\tevent.preventDefault();\n\t\t}\n\n\t\tthis.setState({ group: !this.state.group });\n\t}\n\n\tonAssignmentCreated = (created) => {\n\t\tif (created) {\n\t\t\tthis.props.onCreated(this.props.createdAssignments);\n\t\t}\n\n\t\tthis.setState({ regular: !this.state.regular });\n\t}\n\n\tonGroupAssignmentCreate = (assignment) => {\n\t\tif (assignment != null) {\n\t\t\tthis.props.onCreated([assignment]);\n\t\t}\n\n\t\tthis.setState({ group: !this.state.group });\n\t}\n\n\trender() {\n\t\tif (!this.props.services.haldor) {\n\t\t\t// Shouldnt be able to create assignments if customer doesnt have service for haldor assignments\n\t\t\treturn null;\n\t\t}\n\n\t\tlet section = null;\n\n\t\tif (this.props.selectedSections != null && this.props.selectedSections.length > 0) {\n\t\t\tsection = this.props.selectedSections[0];\n\t\t} else {\n\t\t\tsection = this.props.activeSection;\n\t\t}\n\n\t\tif (section == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('start')}*\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('start-time')}*\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t this.setState({ group: false })}\n\t\t\t\t\t\tonCreated={this.onGroupAssignmentCreate}\n\t\t\t\t\t\tdisablePlanSelector={true}\n\t\t\t\t\t\texistingPlanningAssessments={true}\n\t\t\t\t\t\tplanningAssessments={this.props.planningAssessments}\n\t\t\t\t\t/>\n\t\t\t\t\n\n\t\t\t\t
\n\t\t)\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tservices: state.Services.availableServices,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcreatedAssignments: state.assignments.newAssignments,\n\t\tcreatedGroupAssignment: state.assignments.newAssignment,\n\t\tactiveSection: state.sections.activeSection,\n\t\tselectedSections: state.sections.selected,\n\t}\n}\n\nexport default connect(mapStateToProps)(CreateAssignment);","import React from 'react';\nimport { Link } from 'react-router-dom';\n\nimport { getRootUrl } from 'helpers/url';\n\nimport DisplayAssignment from './DisplayAssignment';\nimport { Haldor__Block, addBlockTranslations } from '@haldor/ui';\n\nimport SelectAssignment from './SelectAssignment';\nimport CreateAssignment from './CreateAssignment';\n\nimport './_AssignmentBlock.scss'\n\nclass AssignmentBlock extends Haldor__Block {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.name = 'Haldor.Blocks.Assignment';\n\t\tthis.order = 47;\n\t\tthis.icon = () => (\n\t\t\t\n\t\t\n\t)\n\n\tgoToday = (event) => {\n\t\tevent.preventDefault();\n\t\tconst { options } = this.state;\n\n\t\tconst momentDate = moment();\n\n\t\toptions.leftBound = momentDate.startOf('week').toDate();\n\t\toptions.rightBound = momentDate.endOf('week').add(3, 'weeks').toDate();\n\n\t\tlocalStorage.removeItem('gantt-leftbound');\n\t\tlocalStorage.removeItem('gantt-rightbound');\n\n\t\tthis.setState({ options });\n\t}\n\n\tgoBackwards = event => {\n\t\tevent.preventDefault();\n\t\tconst { options } = this.state;\n\n\t\tconst leftBound = moment(options.leftBound).subtract(\"1\", \"weeks\").toDate();\n\t\tconst maxLeftBound = moment().startOf(\"week\").subtract(\"20\", \"weeks\").toDate();\n\n\t\tif (leftBound > maxLeftBound || this.props.dateRestriction == false) {\n\t\t\toptions.leftBound = leftBound;\n\t\t\toptions.rightBound = moment(options.rightBound).subtract(\"1\", \"weeks\").toDate();\n\n\t\t\tsaveWithExpiration('gantt-leftbound', options.leftBound);\n\t\t\tsaveWithExpiration('gantt-rightbound', options.rightBound);\n\n\t\t\tthis.setState({ options });\n\t\t}\n\t};\n\n\tgoForwards = event => {\n\t\tevent.preventDefault();\n\t\tconst { options } = this.state;\n\n\t\tconst rightBound = moment(options.rightBound)\n\t\t\t.add(\"1\", \"weeks\")\n\t\t\t.toDate();\n\t\tconst maxRightBound = moment()\n\t\t\t.endOf(\"week\")\n\t\t\t.add(\"4\", \"weeks\")\n\t\t\t.add(\"20\", \"weeks\")\n\t\t\t.toDate();\n\n\t\tif (rightBound < maxRightBound || this.props.dateRestriction == false) {\n\t\t\toptions.leftBound = moment(options.leftBound)\n\t\t\t\t.add(\"1\", \"weeks\")\n\t\t\t\t.toDate();\n\t\t\toptions.rightBound = rightBound;\n\n\t\t\tsaveWithExpiration('gantt-leftbound', options.leftBound);\n\t\t\tsaveWithExpiration('gantt-rightbound', options.rightBound);\n\n\t\t\tthis.setState({ options });\n\t\t}\n\t};\n\n\ttoggleGroupSettings = (shouldReload) => {\n\t\tthis.setState({ groupForm: !this.state.groupForm });\n\n\t\tif (shouldReload == true) {\n\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\tthis.props.getSectionByGraphId(context.team.groupId);\n\t\t\t});\n\t\t}\n\t}\n\n\topenModal = () => {\n\t\tthis.setState({ modalIsOpen: true });\n\t};\n\n\tcloseModal = () => {\n\t\tthis.setState({ modalIsOpen: false });\n\t};\n\n\toutputForms = () => {\n\t\tconst { sectionId } = this.state;\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\t\tvar schoolType = this.props.currentUser.schools.getActiveSchool(\n\t\t\tthis.props.currentUser.userId\n\t\t).type;\n\n\t\tif (sectionId != null && schoolType != PRESCHOOL) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t {\n\t\t\t\t\t\tthis.toggleMultiplePlansForm(false);\n\t\t\t\t\t}}\n\t\t\t\t\ttitle={this.props.translate(\"plan-create-button\")}\n\t\t\t\t>\n\t\t\t\t\t{this.outputForms()}\n\t\t\t\t\n\n\t\t\t\t{this.props.group != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{!this.state.loading && !this.state.noSectionFound ? (\n\t\t\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t{!this.state.noSectionFound &&\n\t\t\t\t\t!this.state.loading &&\n\t\t\t\t\tplanning != null &&\n\t\t\t\t\trows != null &&\n\t\t\t\t\trows.length == 0 ? (\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.planning != null ? (\n\t\t\t\t\t\t\tthis.props.planning.length == 0 ? (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t) : rows != null &&\n\t\t\t\t\t!this.state.noSectionFound &&\n\t\t\t\t\t!this.state.loading ? (\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('No planning was found')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : null\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t) : this.state.noSectionFound == false ? (\n\t\t\t\t\t\n\t\t\t\t\t{isHaldorAssignment &&\n\t\t\t\t\t\tthis.props.assignment.courses != null &&\n\t\t\t\t\t\tthis.props.assignment.courses.length > 0 ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.assignment.courses.map((course) => {\n\t\t\t\t\t\t\t\tif (addedColorDots.find((t) => t == course.id) == null) {\n\t\t\t\t\t\t\t\t\tlet text = course.title;\n\t\t\t\t\t\t\t\t\ttext = course.year != null ? text + ' ' + course.year : text;\n\t\t\t\t\t\t\t\t\taddedColorDots.push(course.id);\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{isHaldorAssignment ? (\n\t\t\t\t\t\t{this.props.assignment.title}\n\t\t\t\t\t) : (\n\t\t\t\t\t\t{this.props.assignment.displayName}\n\t\t\t\t\t)}\n\n\t\t\t\t\t{isHaldorAssignment ? (\n\t\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t{this.props.assignment.section != null\n\t\t\t\t\t\t\t\t? this.props.assignment.section.title\n\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tstatus: state.status.status,\n\t\tcurrentUser: state.user.currentUser,\n\t};\n}\n\nexport default connect(mapStateToProps)(AssignmentCard);\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport swal from 'sweetalert2';\nimport Moment from 'moment';\nimport * as microsoftTeams from '@microsoft/teams-js';\n\nimport { getRootUrl } from 'helpers/url';\nimport { isMicrosoftTeams } from 'helpers/teams';\n\nimport { isUserTeacher } from 'helpers/user';\n\nimport { getEducationGroups, getSectionByGraphId, getSection, setActiveSection } from 'actions/sections';\nimport { setPageTitle, setPageActions } from 'actions/header';\nimport {\n\tclearAssignmentsFromStore,\n\tgetHaldorAssignments,\n\tgetMicrosoftEducationAssignments,\n\tsetAssignmentServices,\n\tgetAssignmentStatus,\n\tsetMyAssignmentsActiveGroup,\n\tupdateBulkAssignmentObject\n} from 'actions/assignments';\n\nimport AssignmentForm from 'containers/Forms/AssignmentForm/AssignmentForm';\nimport MultipleAssignmentForm from 'containers/Forms/AssignmentForm/MultipleAssignmentForm';\n\nimport Expandable from 'UI/Elements/Expandable';\nimport { CardsContainer } from 'components/Cards/Card';\nimport LoadingCards from 'components/Cards/LoadingCard';\nimport AssignmentCard from 'components/Presentation/Cards/AssignmentCard';\nimport SectionTitle from 'components/Presentation/SectionTitle';\nimport SectionForm from 'containers/Forms/SectionForm';\nimport Modal from 'containers/Modals/Modal';\n\nimport { Icon, TooltipMenu, Button } from '@haldor/ui';\nimport moment from 'moment';\n\nclass MyAssignments extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tloadingGroups: true,\n\t\t\tlists: [],\n\t\t\tmodalIsOpen: false,\n\t\t\ttasks: null,\n\t\t\tgraphId: null,\n\t\t\tenableOverlayWarning: false,\n\t\t\toverlayWarningPrompt: false,\n\t\t\tsectionId: null,\n\t\t\tnoSectionFound: false,\n\t\t\tteamsContext: null,\n\t\t\tmultipleAssignmentFormModal: false,\n\t\t\tsingleAssignmentFormModal: false,\n\t\t\tmissingWorkspace: false,\n\t\t\tdraftOpen: true,\n\t\t\tcurrentOpen: true,\n\t\t\toverDueOpen: false,\n\t\t\tupcomingOpen: false,\n\t\t\tsubmittedOpen: false,\n\t\t\tclosedOpen: false,\n\t\t\tgroupForm: false,\n\t\t\tgroupSelected: '',\n\t\t};\n\n\t\tthis.services = {\n\t\t\tmicrosoft: props.services.microsoft,\n\t\t\thaldor: props.services.haldor\n\t\t};\n\n\t\tthis.timer = null;\n\t\tthis.toggleMultipleAssignmentForm = this.toggleMultipleAssignmentForm.bind(this);\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.props.setAssignmentServices(this.services);\n\t\tthis.initComponent();\n\t};\n\n\tinitComponent = async () => {\n\t\tlet that = this;\n\t\tif (isMicrosoftTeams()) {\n\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\tvar promises = [];\n\t\t\t\tif (context.team) {\n\t\t\t\t\tif (this.services.haldor) {\n\t\t\t\t\t\tpromises.push(this.props.getHaldorAssignments(context.team.groupId));\n\t\t\t\t\t} else if (this.services.microsoft) {\n\t\t\t\t\t\tpromises.push(this.props.getMicrosoftEducationAssignments(context.team.groupId));\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (this.services.haldor) {\n\t\t\t\t\t\tpromises.push(this.props.getHaldorAssignments());\n\t\t\t\t\t} else if (this.services.microsoft) {\n\t\t\t\t\t\tpromises.push(this.props.getMicrosoftEducationAssignments());\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tPromise.race(promises).then(() => {\n\t\t\t\t\tthat.setState({ loading: false });\n\t\t\t\t\tthis.getData(this.props.sections);\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\tvar promises = [];\n\t\t\tif (this.props.groupid != null) {\n\t\t\t\tthis.props.clearAssignmentsFromStore();\n\t\t\t\tthis.props.setMyAssignmentsActiveGroup(this.props.groupid);\n\t\t\t\tif (this.props.activeSection.id == this.props.groupid) {\n\t\t\t\t\tif (this.services.haldor) {\n\t\t\t\t\t\tpromises.push(this.props.getHaldorAssignments(this.props.activeSection.graphId));\n\t\t\t\t\t} else if (this.services.microsoft) {\n\t\t\t\t\t\tpromises.push(this.props.getMicrosoftEducationAssignments(this.props.activeSection.graphId));\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.props.groupid == null && this.props.activeGroupForSection != null) {\n\t\t\t\tthis.props.setMyAssignmentsActiveGroup(null);\n\t\t\t\tawait this.props.clearAssignmentsFromStore();\n\t\t\t}\n\t\t\tif (\n\t\t\t\t((this.props.assignments == null || this.props.assignments.length == 0)\n\t\t\t\t\t|| (this.props.haldorAssignmentsFetchedUTC != null && moment().subtract(5, 'minute').isSameOrAfter(moment(this.props.haldorAssignmentsFetchedUTC)))\n\t\t\t\t\t|| (this.props.teamsAssignmentsFetchedUTC != null && moment().subtract(5, 'minute').isSameOrAfter(moment(this.props.teamsAssignmentsFetchedUTC))))\n\t\t\t\t&&\n\t\t\t\tthis.props.groupid == null\n\t\t\t) {\n\t\t\t\tif (this.services.haldor) {\n\t\t\t\t\tpromises.push(this.props.getHaldorAssignments());\n\t\t\t\t} else if (this.services.microsoft) {\n\t\t\t\t\tpromises.push(this.props.getMicrosoftEducationAssignments());\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (promises.length > 0) {\n\t\t\t\tPromise.race(promises).then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t\tthis.getData(this.props.sections);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t\tthis.getData(this.props.sections);\n\t\t\t}\n\t\t}\n\t};\n\n\tcomponentWillUnmount = () => {\n\t\tif (this.timer != null) {\n\t\t\tclearTimeout(this.timer);\n\t\t}\n\t};\n\thandleGroupDisplay = (groupName) => {\n\t\tif (groupName?.length > 0) {\n\t\t\tthis.setState({\n\t\t\t\tgroupSelected: groupName,\n\t\t\t});\n\t\t} else {\n\t\t\tthis.setState({\n\t\t\t\tgroupSelected: '',\n\t\t\t});\n\t\t}\n\t};\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tlet list = [...nextProps.current, ...nextProps.overdue];\n\n\t\tif (list.length > 0) {\n\t\t\tlet creatingAssignment = list.find(\n\t\t\t\t(assignment) =>\n\t\t\t\t\tassignment.created == '0001-01-01T00:00:00' &&\n\t\t\t\t\tMoment.utc(assignment.edited).isSame(Moment.utc(), 'hour')\n\t\t\t);\n\n\t\t\tif (creatingAssignment != null && this.timer == null) {\n\t\t\t\tthis.timer = setTimeout(this.getAssignmentStatuses, 10000);\n\t\t\t}\n\t\t}\n\n\t\tif (this.props.sections.length == 0 && nextProps.sections.length > 0) {\n\t\t\tthis.getData(nextProps.sections);\n\t\t}\n\t};\n\tgetAssignmentStatuses = () => {\n\t\tclearTimeout(this.timer);\n\t\tthis.timer = null;\n\n\t\tlet promises = [];\n\t\tlet list = [...this.props.current, ...this.props.overdue];\n\n\t\tlist.forEach((assignment) => {\n\t\t\tif (assignment.created != '0001-01-01T00:00:00' || assignment.created == null) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (!Moment.utc(assignment.edited).isSame(Moment.utc(), 'hour')) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tpromises.push(this.props.getAssignmentStatus(assignment.id));\n\t\t});\n\n\t\tPromise.all(promises).then(() => {\n\t\t\tlet list = [...this.props.current, ...this.props.overdue];\n\n\t\t\tlet creatingAssignment = list.find(\n\t\t\t\t(assignment) =>\n\t\t\t\t\tassignment.created == '0001-01-01T00:00:00' &&\n\t\t\t\t\tMoment.utc(assignment.edited).isSame(Moment.utc(), 'hour')\n\t\t\t);\n\n\t\t\tif (creatingAssignment != null) {\n\t\t\t\tthis.timer = setTimeout(this.getAssignmentStatuses, 10000);\n\t\t\t}\n\t\t});\n\t};\n\n\tgetData = async (sections) => {\n\t\tlet isFrame = isMicrosoftTeams();\n\n\t\tif (isFrame && getRootUrl() != '/') {\n\t\t\tif (this.props.groupid != null) {\n\t\t\t\tlet section = sections.find((section) => section.id == this.props.groupid);\n\t\t\t\tawait this.setState({\n\t\t\t\t\tloadingGroups: false,\n\t\t\t\t\tsectionId: this.props.groupid,\n\t\t\t\t\tgraphId: section.graphId,\n\t\t\t\t\tmissingWorkspace: section.classroomUrl == null || section.classroomUrl == '',\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst context = await microsoftTeams.app.getContext();\n\t\t\t\tif (context.team) {\n\t\t\t\t\tlet section = sections.find((section) => section.graphId == context.team.groupId);\n\t\t\t\t\tif (section != null) {\n\t\t\t\t\t\tawait this.props.getSection(section.id);\n\t\t\t\t\t\tawait this.setState({\n\t\t\t\t\t\t\tsectionId: section.id,\n\t\t\t\t\t\t\tnoSectionFound: false,\n\t\t\t\t\t\t\tgraphId: context.team.groupId,\n\t\t\t\t\t\t\tloadingGroups: false,\n\t\t\t\t\t\t\tmissingWorkspace:\n\t\t\t\t\t\t\t\tsection.classroomUrl == null || section.classroomUrl == '',\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tawait this.setState({\n\t\t\t\t\t\t\tnoSectionFound: true,\n\t\t\t\t\t\t\tteamsContext: context,\n\t\t\t\t\t\t\tloadingGroups: false,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tawait this.setState({ noSectionFound: false, loadingGroups: false });\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tif (this.props.groupid != null) {\n\t\t\t\tlet section = sections.find((section) => section.id == this.props.groupid);\n\t\t\t\tif (section != null) {\n\t\t\t\t\tawait this.setState({\n\t\t\t\t\t\tloadingGroups: false,\n\t\t\t\t\t\tsectionId: this.props.groupid,\n\t\t\t\t\t\tgraphId: section.graphId,\n\t\t\t\t\t\tmissingWorkspace: section.classroomUrl == null || section.classroomUrl == '',\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tif (this.props.groupid == this.props.activeSection.id) {\n\t\t\t\t\t\tawait this.setState({\n\t\t\t\t\t\t\tloadingGroups: false,\n\t\t\t\t\t\t\tsectionId: this.props.groupid,\n\t\t\t\t\t\t\tgraphId: this.props.activeSection.graphId,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tawait this.setState({ loadingGroups: false });\n\t\t\t}\n\t\t}\n\n\t\tif (!this.services.haldor) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (this.props.disableCreate) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet actions = [];\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\n\t\tif (isTeacher) {\n\t\t\tif (getRootUrl() == '/' || getRootUrl() == '/assignments-tab/') {\n\t\t\t\tactions.push({\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tvalue: this.props.translate('task-create-button'),\n\t\t\t\t\tonClick: this.toggleMultipleAssignmentForm,\n\t\t\t\t\tbuttonType: 'primary',\n\t\t\t\t\ticon: 'plus',\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tactions.push({\n\t\t\t\ttype: 'button',\n\t\t\t\tvalue: this.props.translate('create-group-assignment'),\n\t\t\t\tonClick: this.toggleSingleAssignmentForm,\n\t\t\t\tbuttonType: 'primary',\n\t\t\t\ticon: 'plus',\n\t\t\t});\n\n\t\t\tif (getRootUrl() == '/assignments-tab/') {\n\t\t\t\tactions.push({\n\t\t\t\t\ttype: 'icon',\n\t\t\t\t\tonClick: this.toggleGroupSettings,\n\t\t\t\t\ticon: 'cog_bw',\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t};\n\n\tDisplayNoAssignments = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{this.props.assignment.autoAssignStudents ? {this.props.assignment.dueDate} \n\t\t\t\t\t\t\t) : null\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t{this.props.assignment.dueDateTime} \n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this.props.assignment.assessmentId != null ? (\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t{this.props.assignment?.lockedWorkspaces === 0 ? 0 : this.props.assignment?.lockedWorkspaces} /\n\t\t\t\t\t\t\t\t\t\t{' '}{this.props.assignment?.totalTasks}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t{isHaldorAssignment ? (\n\t\t\t\t\t\t\tthis.props.assignment.created != '0001-01-01T00:00:00' ? (\n\t\t\t\t\t\t\t\t{this.props.translate('assessed')}
\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t{!isHaldorAssignment || this.props.assignment.externalID != null ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tTeams\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : this.props.assignment.created == '0001-01-01T00:00:00' ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('task-is-creating')}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.assignment.submittedTasks != null && this.props.isTeacher ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t{this.props.assignment.publishedAssessments != null && this.props.isTeacher ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{translate('submitted-list-title')}{' '}\n\t\t\t\t\t\t\t\t\t{this.props.assignment.submittedTasks} /{' '}\n\t\t\t\t\t\t\t\t\t{this.props.assignment.totalTasks}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{translate('assessed-tasks')}{' '}\n\t\t\t\t\t\t\t\t{this.props.assignment.publishedAssessments}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\n\t\t\t\t{this.props.translate('no-assignments-results')}\n\t\t\t
\n\t\t);\n\t};\n\n\topenModal = () => {\n\t\tthis.setState({ modalIsOpen: true });\n\t};\n\n\ttoggleGroupSettings = (shouldReload) => {\n\t\tthis.setState({ groupForm: !this.state.groupForm });\n\n\t\tif (shouldReload == true) {\n\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\tthis.props.getSectionByGraphId(context.team.groupId);\n\t\t\t});\n\t\t}\n\t};\n\n\tcloseModal = () => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('close-form-prompt'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then((result) => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.setState({ modalIsOpen: false });\n\t\t\t}\n\t\t});\n\t};\n\n\tenableOverlayWarningClose = (enable) => {\n\t\tthis.setState({ enableOverlayWarning: enable });\n\t};\n\n\toverlayWarningPromptAgree = () => {\n\t\tthis.setState({ modalIsOpen: false, overlayWarningPrompt: false, enableOverlayWarning: false });\n\t};\n\n\toverlayWarningPromptClose = () => {\n\t\tthis.setState({ overlayWarningPrompt: false });\n\t};\n\n\tteamsTabCloseForm = () => {\n\t\tthis.setState({ noSectionFound: false }, () => {\n\t\t\twindow.location = window.location.href;\n\t\t});\n\t};\n\n\tCreateButton = () => {\n\t\tif (!this.services.haldor) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (this.props.disableCreate) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Do not show button until loading is complete\n\t\tif (this.state.loading) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\n\t\tif (isTeacher) {\n\t\t\tif (this.state.noSectionFound) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tif (this.state.missingWorkspace) {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('create-group-assignment')}\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('task-create-button')}\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\t};\n\n\tshowMissingWorkspaceNotice = () => {\n\t\tlet text = this.props.translate(\n\t\t\t'A configuration problem has occurred with one of your groups. This means that the group is missing a workspace in Sharepoint and no assignments or plans can be created.'\n\t\t);\n\t\ttext +=\n\t\t\t' ' +\n\t\t\tthis.props.translate(\n\t\t\t\t'Please wait and try again later. If the problem persists, please contact your school for support.'\n\t\t\t);\n\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('Workspace missing'),\n\t\t\ttext: text,\n\t\t\tshowCancelButton: false,\n\t\t\tconfirmButtonText: this.props.translate('Ok'),\n\t\t}).then((result) => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.setState({ modalIsOpen: false });\n\t\t\t}\n\t\t});\n\t};\n\n\ttoggleSingleAssignmentForm = () => {\n\t\tthis.setState({ singleAssignmentFormModal: !this.state.singleAssignmentFormModal });\n\t};\n\n\ttoggleMultipleAssignmentForm = (value) => {\n\t\tif (window.location.pathname.indexOf('groups') == -1 && !isMicrosoftTeams()) {\n\t\t\tthis.props.setActiveSection(null);\n\t\t}\n\n\t\tif (value && this.props.createdAssignments != null && this.props.createdAssignments.length > 0) {\n\t\t\tthis.props.createdAssignments.forEach(a => {\n\t\t\t\tthis.props.updateBulkAssignmentObject(a.id);\n\t\t\t})\n\t\t}\n\n\t\tthis.setState({\n\t\t\tmultipleAssignmentFormModal: !this.state.multipleAssignmentFormModal,\n\t\t\tgroupSelected: '',\n\t\t});\n\t};\n\n\trenderContent = () => {\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\t\tlet isFrame = isMicrosoftTeams();\n\n\t\tif (this.state.noSectionFound && isTeacher) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t{this.renderDrafts(sectionId)}\n\t\t\t\t{this.renderOverdue(sectionId)}\n\t\t\t\t{this.renderCurrent(sectionId)}\n\t\t\t\t{this.renderUpcoming(sectionId)}\n\t\t\t\t{this.renderSubmitted(sectionId)}\n\t\t\t\t{this.renderClosed(sectionId)}\n\t\t\t
\n\t\t);\n\t};\n\n\trenderTask(assignment) {\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\n\t\treturn \n\t\t\t\t\n\t\t\t\t\t\t\t{translate('create-group-assignment')}{' '}\n\t\t\t\t\t\t\t{this.state.groupSelected.length > 0\n\t\t\t\t\t\t\t\t? ` ${translate('for')} ${this.state.groupSelected}`\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t{!this.state.loadingGroups ? (\n\t\t\t\t\t {\n\t\t\t\t\t\t\tthis.toggleMultipleAssignmentForm(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{translate('task-create-button')}{' '}\n\t\t\t\t\t\t\t\t{this.state.groupSelected.length > 0\n\t\t\t\t\t\t\t\t\t? ` ${translate('for')} ${this.state.groupSelected}`\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tsubmitted: state.assignments.submitted,\n\t\tclosed: state.assignments.closed,\n\t\tdrafts: state.assignments.drafts,\n\t\tlocked: state.assignments.locked,\n\t\toverdue: state.assignments.overdue,\n\t\tupcoming: state.assignments.upcoming,\n\t\tcurrent: state.assignments.current,\n\t\tassignments: state.assignments.assignments,\n\t\tteamsAssignments: state.assignments.teamsAssignments,\n\t\tservices: state.Services.availableServices,\n\t\thaldorAssignmentsFetchedUTC: state.assignments.haldorAssignmentsFetchedUTC,\n\t\tteamsAssignmentsFetchedUTC: state.assignments.teamsAssignmentsFetchedUTC,\n\t\tsections: state.sections.educationGroups,\n\t\tcurrentUser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tgroup: state.sections.graphSection,\n\t\tactiveSection: state.sections.activeSection,\n\t\tactiveGroupForSection: state.assignments.activeGroup,\n\t\tcreatedAssignments: state.assignments.newAssignments,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetHaldorAssignments,\n\tgetSection,\n\tsetActiveSection,\n\tgetEducationGroups,\n\tclearAssignmentsFromStore,\n\tsetPageTitle,\n\tsetPageActions,\n\tgetMicrosoftEducationAssignments,\n\tsetAssignmentServices,\n\tgetSectionByGraphId,\n\tgetAssignmentStatus,\n\tsetMyAssignmentsActiveGroup,\n\tupdateBulkAssignmentObject\n})(MyAssignments);\n","import Moment from 'moment';\nimport React, { Component, Fragment } from 'react';\nimport { TooltipMenu, translate, getActiveLanguage } from '@haldor/ui';\nimport { connect } from 'react-redux';\n\nimport { submitCalendarEvent, updateCalendarEvent, updateLessonInList } from 'actions/schedule';\nimport { getMicrosoftAssignmentDetails } from 'actions/assignments';\nimport { getSection } from 'actions/sections';\n\nimport { Field, reduxForm, formValueSelector } from 'redux-form';\nimport DatePicker from 'react-datepicker';\nimport { registerLocale, setDefaultLocale } from \"react-datepicker\";\nimport sv from 'date-fns/locale/sv';\nimport no from 'date-fns/locale/nb';\nimport en from 'date-fns/locale/en-US';\nimport da from 'date-fns/locale/da';\nimport uk from 'date-fns/locale/uk';\n\nimport DateTime from '_class/DateTime';\nimport GroupSelector from './Partials/GroupSelector';\nimport Modal from 'containers/Modals/Modal';\nimport { Expandable, Spinner } from 'UI';\nimport { TimePicker, Editor } from 'UI/Inputs';\nimport { Checkbox, Button } from '@haldor/ui';\nimport AssignmentForm from './AssignmentForm/AssignmentForm';\nimport MultipleAssignmentForm from './AssignmentForm/MultipleAssignmentForm';\nimport AssignmentSelect from './Partials/AssignmentSelect';\nimport DisplayAssignment from 'components/BlockEditor/Blocks/AssignmentBlock/DisplayAssignment';\nimport { getTaskDetails } from 'actions/assignments';\n\nclass CalendarEventForm extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tregisterLocale('en-US', en);\n\t\tregisterLocale('sv-SE', sv);\n\t\tregisterLocale('nb-NO', no);\n\t\tregisterLocale('da-DK', da);\n\t\tregisterLocale('uk', uk);\n\t\tsetDefaultLocale('en-US');\n\n\t\tlet sectionId = 0;\n\t\tif (props.sectionId != null) {\n\t\t\tsectionId = props.sectionId;\n\t\t}\n\n\t\tlet startTime = Moment().second(0);\n\t\tif (props.date != null) {\n\t\t\tstartTime = props.date;\n\t\t}\n\n\t\tthis.state = {\n\t\t\tsectionId,\n\t\t\tstartTime: this.props.hasDate ? Moment(this.props.hasDate) : startTime,\n\t\t\tcourses: null,\n\t\t\tloadingSection: false,\n\t\t\tcreateTeamsMeeting: false,\n\t\t\tformName: '',\n\t\t\tcreateEvent: false,\n\t\t\tsectionObj: {},\n\t\t\tselectedAssigments: [],\n\t\t\tisLoading: false,\n\t\t\texamination: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tif (this.props.sectionId != null) {\n\t\t\tthis.onGroupChange(this.props.sectionId);\n\t\t}\n\n\t\tif (this.props.initialValues != null && this.props.sectionId == null) {\n\t\t\tif (\n\t\t\t\tthis.props.initialValues.section != null &&\n\t\t\t\tthis.props.initialValues.section.id != null\n\t\t\t) {\n\t\t\t\tthis.setState({ sectionId: this.props.initialValues.section.id });\n\t\t\t}\n\t\t}\n\t\tif (this.props.initialValues && this.props.initialValues.examination && this.props.initialValues.examination == true) {\n\t\t\tthis.setState({ examination: true });\n\t\t}\n\t\tif (this.props.group == null && this.props.initialValues !== null) {\n\t\t\tif (this.props.initialValues.section) {\n\t\t\t\tthis.props\n\t\t\t\t\t.getSection(this.props.initialValues.section.id)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tthis.setState({ loadingSection: false });\n\t\t\t\t\t})\n\t\t\t\t\t.catch((e) => {\n\t\t\t\t\t\tconsole.log(e);\n\t\t\t\t\t});\n\t\t\t}\n\t\t}\n\t\tif (this.props.initialValues?.relationships?.length > 0) {\n\t\t\tthis.setState({\n\t\t\t\tisLoading: true,\n\t\t\t});\n\t\t\tthis.props.initialValues?.relationships.map((items) => {\n\t\t\t\tlet containsLetters = /[a-zA-Z]/.test(items.referenceId);\n\t\t\t\tif (containsLetters) {\n\t\t\t\t\tthis.props.getMicrosoftAssignmentDetails(items.referenceId).then(() => {\n\t\t\t\t\t\tif (this.props.details != null) {\n\t\t\t\t\t\t\tthis.setState((prevState) => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\tselectedAssigments: [\n\t\t\t\t\t\t\t\t\t\t...prevState.selectedAssigments,\n\t\t\t\t\t\t\t\t\t\tthis.props.details,\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tthis.props.getTaskDetails(items.referenceId).then(() => {\n\t\t\t\t\t\tthis.setState((prevState) => {\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\tselectedAssigments: [\n\t\t\t\t\t\t\t\t\t\t...prevState.selectedAssigments,\n\t\t\t\t\t\t\t\t\t\tthis.props.assignment,\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.setState({\n\t\t\t\tisLoading: false,\n\t\t\t});\n\t\t}\n\t}\n\tcloseModal = (value) => {\n\t\tthis.setState((prevState) => {\n\t\t\t{\n\t\t\t\treturn {\n\t\t\t\t\tselectedAssigments: this.props.createdGroupAssignment\n\t\t\t\t\t\t? [...prevState.selectedAssigments, this.props.createdGroupAssignment]\n\t\t\t\t\t\t: prevState.selectedAssigments,\n\t\t\t\t\tcreateEvent: false,\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t};\n\tcloseGroupModal = (value) => {\n\t\tthis.setState((prevState) => {\n\t\t\t{\n\t\t\t\treturn {\n\t\t\t\t\tselectedAssigments: this.props.createdAssignments\n\t\t\t\t\t\t? [...prevState.selectedAssigments, this.props.createdAssignments[0]]\n\t\t\t\t\t\t: prevState.selectedAssigments,\n\t\t\t\t\tcreateEvent: false,\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t};\n\thandleModal = (name) => {\n\t\tthis.setState({\n\t\t\tformName: name,\n\t\t\tcreateEvent: true,\n\t\t});\n\t};\n\thandleTestToggle = (checked) => {\n\t\tthis.setState({\n\t\t\texamination: checked,\n\t\t});\n\t};\n\n\tsubmit = (values) => {\n\t\tconst editing = this.props.initialValues != null;\n\n\t\treturn new Promise((resolve) => {\n\t\t\t// edit values object here\n\t\t\tif (this.state.selectedAssigments.length > 0) {\n\t\t\t\tlet relation = [];\n\t\t\t\tthis.state.selectedAssigments.map((items) => {\n\t\t\t\t\tlet obj = {\n\t\t\t\t\t\tCalendarEventId: 0,\n\t\t\t\t\t\tReferenceType: 'ASSIGNMENT',\n\t\t\t\t\t\tReferenceId: items?.externalID ?? items.id,\n\t\t\t\t\t};\n\t\t\t\t\trelation.push(obj);\n\t\t\t\t});\n\t\t\t\tvalues.relationships = relation;\n\t\t\t} else {\n\t\t\t\tvalues.relationships = [];\n\t\t\t}\n\t\t\tvalues.examination = this.state.examination;\n\t\t\tif (!editing) {\n\t\t\t\tvalues.startTime = new DateTime(this.state.startTime).format();\n\t\t\t\tvalues.startTimeUTC = Moment.utc(this.state.startTime).format();\n\t\t\t\tvalues.section = { id: this.state.sectionId };\n\t\t\t\tvalues.course = this.state.courses;\n\t\t\t\tvalues.length = parseInt(values.length, 10);\n\t\t\t\tvalues.addTeamsMeeting = this.state.createTeamsMeeting;\n\t\t\t}\n\n\t\t\tif (editing) {\n\t\t\t\t// Submit form\n\t\t\t\tthis.props\n\t\t\t\t\t.updateCalendarEvent(values)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\tthis.props.onSubmit(values);\n\t\t\t\t\t\tthis.props.updateLessonInList(values);\n\t\t\t\t\t})\n\t\t\t\t\t.catch(() => {\n\t\t\t\t\t\t// Something went wrong in submission\n\t\t\t\t\t\tresolve(0);\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t// Submit form\n\t\t\t\tthis.props\n\t\t\t\t\t.submitCalendarEvent(values)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\n\t\t\t\t\t\tthis.props.onSubmit(values.startTime);\n\t\t\t\t\t\tthis.props.onAbort(true);\n\t\t\t\t\t})\n\t\t\t\t\t.catch(() => {\n\t\t\t\t\t\t// Something went wrong in submission\n\t\t\t\t\t\tresolve(0);\n\t\t\t\t\t});\n\t\t\t}\n\t\t});\n\t};\n\n\tcreateTeamsMeetingChange = (active) => {\n\t\tthis.setState({ createTeamsMeeting: active });\n\t};\n\n\tonGroupChange = (sectionId, data) => {\n\t\tthis.setState({ sectionId: sectionId, loadingSection: true, sectionObj: data });\n\t\tif (data && this?.props?.setModalTitle) {\n\t\t\tthis?.props?.setModalTitle(data?.title);\n\t\t}\n\t\tthis.props\n\t\t\t.getSection(sectionId)\n\t\t\t.then(() => {\n\t\t\t\tthis.setState({ loadingSection: false });\n\t\t\t})\n\t\t\t.catch((e) => {\n\t\t\t\tconsole.log(e);\n\t\t\t});\n\t};\n\n\tonStartChange = (date) => {\n\t\tthis.setState({ startTime: Moment(date).second(0) });\n\t};\n\n\tonStartTimeChange = (time) => {\n\t\tthis.setState({ startTime: Moment(time).second(0) });\n\t};\n\n\trenderInput = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t{this.renderContent()}
\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\tnumber = (value) => {\n\t\tif (value != null && value != '') {\n\t\t\t// Value is not undefined and not empty\n\t\t\tconst number = parseInt(value, 10);\n\n\t\t\tif (number > 10 && number < 1400) {\n\t\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t\t// Rule: Not undefined and not an empty string and not below zero and not over 1400\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('number-field-validation');\n\t};\n\n\trequired = (value) => {\n\t\tif (typeof value !== 'undefined' && value !== '') {\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t};\n\n\tquillValidation = (value) => {\n\t\tvar strValue = value;\n\n\t\tvar text = '';\n\t\tif (typeof strValue == 'string') {\n\t\t\ttext = strValue.replace(/<(?:.|\\n)*?>/gm, '');\n\t\t}\n\n\t\tif (text == '' || text == null) {\n\t\t\treturn this.props.translate('needs-description');\n\t\t}\n\n\t\treturn undefined;\n\t};\n\n\tonCourseSelect = (course) => {\n\t\tlet { courses } = this.state;\n\t\tlet { group } = this.props;\n\n\t\tgroup.courses.forEach((cour) => {\n\t\t\tif (course.id != cour.id) {\n\t\t\t\tcour.selected = false;\n\t\t\t}\n\t\t});\n\n\t\tif (course.selected) {\n\t\t\tcourses = null;\n\t\t\tcourse.selected = false;\n\t\t} else {\n\t\t\tcourse.selected = true;\n\t\t\tcourses = course;\n\t\t}\n\n\t\tthis.setState({ courses });\n\t};\n\tselectAssignmentForPlan = (assignment) => {\n\t\tconst { plan } = this.props;\n\t\tconst planId = plan.id;\n\n\t\tlet assignments = plan.associatedAssignments;\n\n\t\tlet foundIndex = assignments.findIndex(function (as) {\n\t\t\treturn as.id == assignment.id;\n\t\t});\n\n\t\tif (foundIndex == -1) {\n\t\t\tlet newAssignment = null;\n\t\t\tif (assignment.displayName != null) {\n\t\t\t\tnewAssignment = {\n\t\t\t\t\tassignmentId: assignment.id,\n\t\t\t\t\tkey: 'assignment-' + assignment.id,\n\t\t\t\t\ttitle: assignment.displayName,\n\t\t\t\t\tteams: true,\n\t\t\t\t\tplanningId: planId,\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\tnewAssignment = {\n\t\t\t\t\tassignmentId: assignment.id,\n\t\t\t\t\tkey: 'assignment-' + assignment.id,\n\t\t\t\t\ttitle: assignment.title,\n\t\t\t\t\tteams: false,\n\t\t\t\t\tplanningId: planId,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tassignments.push(newAssignment);\n\t\t\tplan.associatedAssignments = assignments;\n\n\t\t\t// plan.assignments.push({\n\t\t\t// \t'id': assignment.id,\n\t\t\t// \t'associatedMatrices': [],\n\t\t\t// \t'new': true,\n\t\t\t// \t...newAssignment,\n\t\t\t// });\n\n\t\t\tthis.setState({ searchAssignments: !this.state.searchAssignments });\n\n\t\t\tthis.props.updatePlan(plan).then(() => {\n\t\t\t\tthis.props.getPlanDetails(this.props.match.params.planId);\n\t\t\t});\n\t\t}\n\t};\n\n\trenderCourses = () => {\n\t\tconst { group } = this.props;\n\n\t\tif (group != null && group.courses != null) {\n\t\t\treturn group.courses.map((course) => {\n\t\t\t\tif (course.status == 'COURSE_DRAFT') return null;\n\n\t\t\t\tconst courseTitle = `${course.title} ${course.year != null ? course.year : ''} (${course.courseCode\n\t\t\t\t\t})`;\n\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tthis.onCourseSelect(course);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={courseTitle}\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\n\t\treturn null;\n\t};\n\n\tonCancel = (event) => {\n\t\tevent.preventDefault();\n\n\t\tif (this.props.onAbort != null) {\n\t\t\tthis.props.onAbort(false);\n\t\t}\n\t};\n\tsearchAssigment = (value) => {\n\t\tlet item = value?.reference ?? value;\n\t\tthis.setState((prevState) => {\n\t\t\t{\n\t\t\t\treturn {\n\t\t\t\t\tselectedAssigments: value\n\t\t\t\t\t\t? prevState.selectedAssigments.filter((x) => x.id !== item.id).concat(item)\n\t\t\t\t\t\t: prevState.selectedAssigments,\n\t\t\t\t\tcreateEvent: false,\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t};\n\tremoveAssigment = (id) => {\n\t\tthis.setState((prevState) => {\n\t\t\t{\n\t\t\t\treturn {\n\t\t\t\t\tselectedAssigments: prevState.selectedAssigments.filter((x) => x.id !== id.id),\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t};\n\n\tgetDateFormat = () => {\n\t\tlet format = Moment.localeData(getActiveLanguage()).longDateFormat(\"L\");\n\t\tlet newFormat = format.replace(\"YYYY\", \"yyyy\");\n\t\tlet days = newFormat.replace(\"DD\", \"dd\");\n\t\treturn days;\n\t};\n\n\tnormalizeLocale = (locale) => {\n\t\tconst [language, region] = locale.split('-');\n\n\t\tif (language.toUpperCase() == \"UK\") {\n\t\t\treturn `uk`;\n\t\t}\n\t\treturn `${language}-${region.toUpperCase()}`;\n\t};\n\n\trender() {\n\t\tconst { handleSubmit, submitting, valid } = this.props;\n\t\tconst editing = this.props.initialValues != null;\n\t\tlet sectionValid = true;\n\t\tif (!editing && (this.state.sectionId == null || this.state.sectionId == 0)) {\n\t\t\tsectionValid = false;\n\t\t}\n\t\treturn (\n\t\t\t\n\t\t\t\t{submitting ? (\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t) : null}\n\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t {\n\t\t\t\t\tutils.changeValue(state, 'userId', () => '');\n\t\t\t\t},\n\t\t\t}}\n\t\t\trender={({ handleSubmit, form, submitting, valid }) => {\n\t\t\t\tconst userId = form.getFieldState('userId')?.value;\n\n\t\t\t\treturn \n\t\t\t}}\n\t\t/>\n\t
\n}\n\nexport default SelectUserForm;","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport { connect } from 'react-redux';\n\nimport Modal from 'containers/Modals/Modal';\nimport { Button, translate } from '@haldor/ui';\n\nimport './_SelectLinkedPosition.scss';\n\nclass SelectLinkedPosition extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t}\n\n\tonModalClose = () => {\n\t\tif (this.props.onClose != null && typeof this.props.onClose === 'function') {\n\t\t\tthis.props.onClose();\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { translate, lesson } = this.props;\n\n\t\treturn (\n\t\t\t{translate('Select group')}
\n\n\t\t\t\t\n\t\t\t\t\t{lesson.linkedSchedulePositions.map(lesson => {\n\t\t\t\t\t\tlet reported = lesson.attendanceReported != null;\n\n\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t{lesson.section.title}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tif (moment(props.end).diff(moment(props.start), 'days') > 1) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{moment(props.date).locale(getActiveLanguage()).format('MMMM')}\n\t\t\t\t
\n\n\t\t\t\t{props.isLoading ?\n\t\t\t\t
\n\t\t);\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t\t{translate('week')} {moment(props.date).format('W')}\n\t\t\t\t
\n\n\t\t\t\t{props.isLoading ?\n\t\t\t
\n\t);\n};\n\nexport default SelectionDisplay;\n","export const getAttendanceColor = (attendance) => {\n\tlet color = '#fff';\n\n\tif (attendance != null) {\n\t\tif (attendance.type == 'PRESENT') {\n\t\t\tcolor = '#19db6c';\n\t\t}\n\n\t\tif (attendance.type.indexOf('VALID') > -1) {\n\t\t\tcolor = '#efc24c';\n\t\t}\n\n\t\tif (attendance.type.indexOf('INVALID') > -1) {\n\t\t\tcolor = '#f25252';\n\t\t}\n\n\t\tif (attendance.type == 'NOT_REPORTED') {\n\t\t\tcolor = '#dbdbdb';\n\t\t}\n\t}\n\n\treturn color;\n}\n\nexport const getAttendanceType = (attendance) => {\n\tlet content = '';\n\n\tif (attendance != null) {\n\t\tif (attendance.type == 'PRESENT') {\n\t\t\tcontent = 'närvarande';\n\t\t}\n\n\t\tif (attendance.type == 'INVALID_ABSENCE') {\n\t\t\tcontent = 'ogiltigt frånvarande ';\n\t\t}\n\n\t\tif (attendance.type == 'VALID_ABSENCE') {\n\t\t\tcontent = 'giltigt frånvarande';\n\t\t}\n\n\t\tif (attendance.type == 'INVALID_LATE') {\n\t\t\tcontent = 'ogiltig sen ankomst';\n\t\t}\n\n\t\tif (attendance.type == 'VALID_LATE') {\n\t\t\tcontent = 'giltig sen ankomst';\n\t\t}\n\t}\n\n\treturn content;\n}\n","import React from 'react';\nimport { Icon } from '@haldor/ui';\nimport Moment from 'moment';\n\nconst TimeLineButton = (props) => {\n\tconst handleClick = () => {\n\t\tprops.toggleTimeButton();\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t{moment(props.date).format('dddd D MMMM').capitalize()}\n\t\t\t
\n\n\t\t\t{props.isLoading ?\n\t\t\t
\n\t);\n};\n\nexport default TimeLineButton;\n","import React, { Fragment } from 'react';\nimport { useSelector } from 'react-redux';\nimport { getAttendanceColor } from 'helpers/attendance';\nimport { translate as getTranslate, Icon } from '@haldor/ui';\nimport TimeLineButton from './TimeLineButton';\nimport moment from 'moment';\n\nconst ItemContent = (props) => {\n\tconst { event, lesson, attendance } = props;\n\tconst translate = getTranslate(useSelector((state) => state.Languages.translations));\n\tconst service = useSelector((state) => state.Services.availableServices);\n\tconst getText = (value, singular, plural) => {\n\t\treturn value == 1 ? translate(singular) : translate(plural);\n\t}\n\tlet sectionTitle = null;\n\n\tif (props.view == 'month') {\n\t\tconst getAssignmentExams = () => { return (event?.length?.ASSIGNMENT_TYPE_VERBAL_TEST ?? 0) + (event?.length?.ASSIGNMENT_TYPE_WRITTEN_TEST ?? 0); };\n\t\tconst getLessons = () => { return event.length.lesson - event.length.lessonExaminations; };\n\t\tconst getAssignemnts = () => { return event.length.Assignment - getAssignmentExams(); };\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t{event.length.lessonExaminations > 0 && (\n\t\t\t\t\t
\n\t\t);\n\t}\n\n\tif (props?.activities?.type === 'Meeting' && props.view !== 'agenda') {\n\t\tlet meeting = props?.activities;\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{event.length.lessonExaminations} {getText(event.length.lessonExaminations, 'Test (Lesson)', 'Test (Lessons)')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{getAssignmentExams() > 0 && (\n\t\t\t\t\t\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{getAssignmentExams()} {getText(getAssignmentExams(), 'Test (Assignment)', 'Test (Assignments)')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{getLessons() > 0 && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{getLessons()} {getText(getLessons(), 'Lesson', 'lessons')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{getAssignemnts() > 0 && (\n\t\t\t\t\t\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{getAssignemnts()} {getText(getAssignemnts(), 'Assignment', 'Assignments')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{event.length.calendarEvent > 0 && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{event.length.calendarEvent} {getText(event.length.calendarEvent, 'Calendar event', 'Calendar events')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{event?.length?.meetings > 0 && (\n\t\t\t\t\t\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{event?.length?.meetings} {getText(event?.length?.meetings, 'Booked meeting', 'Booked meetings')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t)}\n\n\t\t\t\t{event?.length?.unBooked > 0 && (\n\t\t\t\t\t\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{event?.length?.unBooked} {getText(event?.length?.unBooked, 'Unbooked meeting', 'Unbooked meetings')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\n\t\t\t\t{meeting?.length >= 30 ? (\n\t\t\t\t\t
\n\t\t);\n\t}\n\tif (props?.activities?.type === 'Assignment' && props.view !== 'agenda') {\n\t\tlet assignment = props?.activities;\n\t\tlet endTime = moment\n\t\t\t.utc(assignment.startTime)\n\t\t\t.set({ second: 0, millisecond: 0 })\n\t\t\t.local()\n\t\t\t.add(assignment.length, 'minutes')\n\t\t\t.format('LT');\n\n\t\treturn (\n\t\t\t{meeting.title}
\n\t\t\t\t) : null}\n\t\t\t\t{meeting?.teamsMeeting != null ? (\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t) : null}\n\t\t\t\t{meeting?.length >= 40 ? (\n\t\t\t\t\t{meeting?.instanceTitle}
\n\t\t\t\t) : null}\n\t\t\t\t{meeting?.length >= 60 && meeting?.instanceStatus ? (\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t) : null}\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tif (lesson?.type == 'CALENDAR_EVENT') {\n\t\tlet sectionListLimit = 4;\n\t\tlet entireSchool = lesson?.activityMemberships?.find(m => m.referenceType === 'SCHOOL') != null;\n\t\treturn (\n\t\t\t{endTime}
\n\n\t\t\t\t{assignment.title}
\n\t\t\t\t{assignment?.length >= 40 ? (\n\t\t\t\t\t{assignment?.section?.title}
\n\t\t\t\t) : null}\n\t\t\t\n\t\t\t\t{event.title}\n\t\t\t\t
\n\t\t);\n\t}\n\n\tif (lesson?.section != null) {\n\t\tsectionTitle = lesson.section.title;\n\t}\n\n\tif (lesson?.scheduleSubject != null && lesson?.scheduleSubject.extraInfo != null) {\n\t\tsectionTitle = lesson.scheduleSubject.extraInfo;\n\t}\n\n\tconst indicator = () => {\n\t\tif (!service.attendance) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet indicatorColor = '#DBDBDB';\n\t\tlet text = translate('not-reported-lesson');\n\n\t\tif (lesson.linkedSchedulePositions != null) {\n\t\t\tlet reported = [\n\t\t\t\t...lesson.linkedSchedulePositions.filter((lesson) => {\n\t\t\t\t\treturn lesson.attendanceReported != null;\n\t\t\t\t}),\n\t\t\t].length;\n\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{entireSchool ?\n\t\t\t\t\t\ttranslate('Entire school')\n\t\t\t\t\t\t: (\n\t\t\t\t\t\t\tlesson?.sections?.slice(0, sectionListLimit).map((section, index) =>\n\t\t\t\t\t\t\t\t {(index > 0 ? \", \" : \"\") +\n\t\t\t\t\t\t\t\t\tsection.title +\n\t\t\t\t\t\t\t\t\t(index == sectionListLimit - 1 && lesson?.sections?.length > sectionListLimit ? \"...\" : \"\")} )\n\t\t\t\t\t\t)}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tif (attendance != null) {\n\t\t\tindicatorColor = getAttendanceColor(attendance);\n\t\t\ttext = translate(attendance.type.toLowerCase());\n\t\t} else {\n\t\t\tif (lesson.attendanceReported != null) {\n\t\t\t\tindicatorColor = '#19DB6C';\n\t\t\t\ttext = translate('reported');\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\n\t\t\t\t{text}\n\t\t\t
\n\t\t);\n\t};\n\n\tif (props.view == 'agenda') {\n\t\tif (props?.activities?.type === 'Assignment') {\n\t\t\tlet assignment = props?.activities;\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t)\n\t\t} else if (props?.activities?.type === 'Meeting') {\n\t\t\tlet meeting = props?.activities;\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t{assignment.title}\n\t\t\t\t\t
\n\t\t\t\t\t{sectionTitle != null ? sectionTitle : null}
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{meeting.title}\n\n\t\t\t\t\t
\n\t\t\t\t\t{meeting?.teamsMeeting != null ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\t\t\t\t\t{sectionTitle != null ? sectionTitle : null}
\n\t\t\t\t\t{/* \t\t{meeting?.instanceTitle}
*/}\n\t\t\t\t\t{meeting?.instanceStatus ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tif (lesson?.length >= 60) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{event.title}\n\t\t\t\t\t{lesson?.teamsMeeting != null ?
\n\n\t\t\t\t{sectionTitle != null ? sectionTitle : null}
\n\n\t\t\t\t{lesson?.room}
\n\n\t\t\t\t\n\t\t\t\t\t{lesson?.attendanceReported || attendance != null ? indicator() : ' '}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t{event.title}\n\t\t\t\t
\n\t\t);\n\t}\n\n\tif (lesson?.length >= 40) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{indicator()}\n\n\t\t\t\t\t
\n\t\t\t\t{lesson?.teamsMeeting != null ? (\n\t\t\t\t\t\n\t\t\t\t\t\t{sectionTitle != null\n\t\t\t\t\t\t\t? sectionTitle + (lesson.room != null ? ` (${lesson.room})` : '')\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t) : null}\n\t\t\t\n\t\t\t\t{event.title}\n\n\t\t\t\t
\n\t\t);\n\t}\n\tif (event.id == 'custom_button') {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{lesson.attendanceReported || attendance != null || sectionTitle == null\n\t\t\t\t\t\t? indicator()\n\t\t\t\t\t\t: lesson.room != null\n\t\t\t\t\t\t\t? sectionTitle + (lesson.room != null ? ` (${lesson.room})` : '')\n\t\t\t\t\t\t\t: sectionTitle}\n\t\t\t\t
\n\n\t\t\t\t{lesson?.teamsMeeting != null ? (\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t) : null}\n\t\t\t\n\t\t\t{event.title}\n\n\t\t\t{lesson?.teamsMeeting != null ? (\n\t\t\t\t
\n\t);\n};\n\nexport default ItemContent;\n","import React, { useState, useEffect, useMemo, useRef } from 'react';\nimport { useHistory } from 'react-router';\nimport { useSelector, useDispatch } from 'react-redux';\n\nimport moment from 'moment';\nimport { Calendar, momentLocalizer } from 'react-big-calendar';\nimport User from '_class/User';\nimport { getRootUrl } from 'helpers/url';\nimport { PRESCHOOL } from 'constants/schoolTypes';\nimport { getUserAttendance, clearUserAttendance } from 'actions/absence';\nimport {\n\tgetScheduleForUser,\n\tgetScheduleForMe,\n\tgetActivitiesForMe,\n\tgetActivitesForGroups,\n\tgetActivitiesById,\n\tgetScheduleForGroups,\n\tclearActivitesForOther,\n\tsetLastFetched\n} from 'actions/schedule';\n\nimport SelectLinkedPosition from 'containers/Schedule/SelectLinkedPosition';\nimport { translate as getTranslate, getActiveLanguage, Icon } from '@haldor/ui';\n\nimport SelectionDisplay from './Partials/SelectionDisplay';\nimport ItemContent from './Partials/ItemContent';\nimport { Button } from '@haldor/ui';\nimport './_Schedule.scss';\nimport { ConnectingAirportsOutlined } from '@mui/icons-material';\n\nconst MonthHeader = ({ label }) => {\n\tlet test = moment().local().format('dddd');\n\treturn (\n\t\t\n\t\t\t\t\t
\n\t\t\t) : null}\n\t\t\n\t\t\t\n\t\t\t\t\t props?.scheduleButtons('create-lesson', customButton[0]?.startTime)}\n\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tprops?.scheduleButtons('Create assignment', customButton[0]?.startTime)\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tprops?.scheduleButtons('Create group assignment', customButton[0]?.startTime)\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tprops?.scheduleButtons('Create conflicting event', customButton[0]?.startTime)\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t
\n\t\t\t}\n\t\t\n\t);\n};\n\nexport default ScheduleView;\n","import React from 'react';\nimport { Icon, Floating } from '@haldor/ui';\n\nconst DropDownList = (props) => {\n\n\treturn (\n\t\t\n\t\t\t\t{linkedPosition != null && linkedPosition?.section ? (\n\t\t\t\t\t setLinkedPosition(null)}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tlocalizer.format(date, 'dddd D/M', culture).capitalize(),\n\t\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tmessages={{\n\t\t\t\t\t\tnoEventsInRange: (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{props.view != 'agenda' ? translate('no-schedule-for-today') : translate('There are no activities for the selected day.')}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t),\n\t\t\t\t\t}}\n\t\t\t\t\ttitleAccessor={renderEventTitle}\n\t\t\t\t\tonSelectEvent={onSelectEvent}\n\t\t\t\t\tonView={() => true}\n\t\t\t\t\tonNavigate={() => true}\n\t\t\t\t\tselectable={props.view == 'month' ? true : !loggedInUser.isStudent() && props.userId === null && service.advancedSchedule ? true : false}\n\t\t\t\t\tcomponents={{\n\t\t\t\t\t\tmonth: {\n\t\t\t\t\t\t\theader: MonthHeader,\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tonSelectSlot={handleClickCalendar}\n\t\t\t\t\tdayLayoutAlgorithm=\"no-overlap\"\n\t\t\t\t\tonDrillDown={(date) => { if (props.goToDate) props.goToDate(date); }}\n\t\t\t\t/>\n\n\t\t\t\t{props.view !== 'month' && props.view !== 'agenda' && !loggedInUser.isStudent() && !props.userId ? (\n\t\t\t\t\t
\n\n\t\t\t{props.view !== 'month' &&\n\t\t\t\t\n\t\t\t\t\t\t setDisplayWholeDay((prev) => !prev)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!displayWholeDay ? (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t) : null}\n\t\t\t{translate('Display-whole-day')}
\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t{translate('Display-less')}
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{translate('Lesson')}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{translate('Assignment')}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{translate('group-assignment')}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{translate('Calendar event')}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t{props.children}\n\t\t\t
\n\t\t\n\t);\n};\n\nexport default DropDownList;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { useTranslate } from 'lib/translate';\nimport { Form, Field } from 'react-final-form';\n\nimport { clearSearch, searchGroups } from 'actions/search';\n\nimport { Spinner } from 'UI';\nimport { Search } from 'UI/Inputs';\nimport { Button, Radio } from '@haldor/ui';\n\nconst SearchGroups = (props) => {\n\tconst translate = useTranslate();\n\tconst dispatch = useDispatch();\n\tconst searchResults = useSelector((state) => state.Search.groups);\n\n\tconst onSearch = (values) => {\n\t\tif (values.query == '') {\n\t\t\tdispatch(clearSearch());\n\t\t\treturn true;\n\t\t}\n\n\t\tif (values.query.length < 3) {\n\t\t\treturn false;\n\t\t}\n\n\t\tdispatch(searchGroups({\n\t\t\tfilter: 'EDUCATION_GROUP;',\n\t\t\tquery: values.query,\n\t\t}));\n\t};\n\n\tconst onSubmit = (values) => new Promise((resolve) => {\n\t\tif (props.onSubmit != null) {\n\t\t\tprops.onSubmit(values).then(() => {\n\t\t\t\tresolve(1);\n\t\t\t});\n\n\t\t\tdispatch(clearSearch());\n\t\t}\n\t});\n\n\treturn (\n\t\t\n\t\t\t {\n\t\t\t\t\t\tutils.changeValue(state, 'group', () => '');\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\trender={({ handleSubmit, form, submitting, valid }) => {\n\t\t\t\t\tconst group = form.getFieldState('group')?.value;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t}}\n\t\t\t/>\n\t\t
\n\t);\n};\n\nexport default SearchGroups;\n","import React, { Fragment, useEffect } from 'react';\nimport { Checkbox, Icon } from '@haldor/ui';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Collapsible, Spinner } from 'UI';\nimport Plus from 'UI/IconsSrc/plus';\nimport { translate as getTranslate } from '@haldor/ui';\nimport Minus from 'UI/IconsSrc/minus';\nimport SearchGroups from './SearchGroups';\nimport {\n\tremoveAll,\n} from 'actions/ScheduleFilter';\nimport DisplayName from 'components/Presentation/DisplayName';\n\nconst ListSelectorDropDown = (props) => {\n\tconst {\n\t\tgroupsSelectedCount,\n\t\thandleAll,\n\t\tfetchData,\n\t\thandlePlus,\n\t\tgetActiveSearch,\n\t\thandlePeopleSelection,\n\t\tremoveSearchedItem,\n\t\tsearchGroup,\n\t\tisIopen,\n\t\tisLoading,\n\t\tdisabled\n\t} = props;\n\tconst ScheduleFilter = useSelector((state) => state.ScheduleFilter);\n\tconst sections = useSelector((state) => state.sections.educationGroups);\n\tconst translate = getTranslate(useSelector((state) => state.Languages.translations));\n\tconst dispatch = useDispatch();\n\tconst currentUser = useSelector((state) => state.user.currentUser);\n\n\n\t//increase zIndex to allow this component to temporary overlapp the c--sider menu\n\tuseEffect(() => {\n\t\tlet element = document.querySelector('.c--content');\n\t\tif (element) {\n\t\t\telement.style.zIndex = 2;\n\t\t}\n\t\treturn () => {\n\t\t\tlet element = document.querySelector('.c--content');\n\t\t\tif (element) {\n\t\t\t\telement.style.zIndex = 1;\n\t\t\t}\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t
\n\n\t\t\t{ScheduleFilter.selectedPeople > 0 || ScheduleFilter.ownersSelected > 0 ?\n\t\t\t\t\n\t\t\t\t{sections === null ? (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t) : (\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{`${translate('Students')}: ${ScheduleFilter?.selectedPeople}`}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{`${translate('Owner')}: ${ScheduleFilter?.ownersSelected}`}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{translate('My groups')}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{sections.map((items) => {\n\t\t\t\t\t\t\titems.owners = [];\n\t\t\t\t\t\t\titems.students = [];\n\n\t\t\t\t\t\t\tconst groupData = ScheduleFilter.customGroup.find((x) => x.id == items.id);\n\t\t\t\t\t\t\tconst filterData = ScheduleFilter.userFilter.find((x) => x.id == items.id);\n\t\t\t\t\t\t\tlet owners = [];\n\t\t\t\t\t\t\tlet groupIsIndeterminate = false;\n\t\t\t\t\t\t\tlet groupIsActive = false;\n\n\t\t\t\t\t\t\tif (groupData?.owners) {\n\t\t\t\t\t\t\t\towners = groupData.owners.filter((x) => x.id !== currentUser?.id);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (groupData != null && filterData != null) {\n\t\t\t\t\t\t\t\tconst selectedCount = filterData.students.length + filterData.owners.filter((x) =>\n\t\t\t\t\t\t\t\t\tx.id !== currentUser?.id\n\t\t\t\t\t\t\t\t).length;\n\t\t\t\t\t\t\t\tconst totalCount = groupData.students.length + owners.length;\n\n\t\t\t\t\t\t\t\tif (selectedCount > 0) {\n\t\t\t\t\t\t\t\t\tgroupIsIndeterminate = totalCount != selectedCount;\n\t\t\t\t\t\t\t\t\tgroupIsActive = totalCount == selectedCount;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t handlePlus(isIopen[items.id], items.id)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{isIopen[items.id] ?
\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t{/* Section for nonOwned groups */}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\tif (groupIsActive) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tfetchData(false, items.id, true, groupData, owners);\n\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (groupIsIndeterminate) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfetchData(true, items.id, true, groupData, owners);\n\t\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfetchData(true, items.id, true, groupData, []);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('Owner')}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{isIopen[items.id] ? (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{isLoading[items.id] && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{owners.map((owner) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t{groupData?.students.map((student) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{owner.firstName}{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{owner.lastName}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{translate('Owner')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(checked) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandlePeopleSelection(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titems,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\towner,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(checked) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandlePeopleSelection(checked, items, student)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{ScheduleFilter?.storedSearch.length > 0 ?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('Other groups')}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{ScheduleFilter?.storedSearch.map((items) => {\n\t\t\t\t\t\t\t\tconst groupData = ScheduleFilter.storedSearch.find((x) => x.id === items.id);\n\t\t\t\t\t\t\t\tconst filterData = ScheduleFilter.userFilter.find((x) => x.id == items.id);\n\n\t\t\t\t\t\t\t\tlet owners = [];\n\t\t\t\t\t\t\t\tlet groupIsIndeterminate = false;\n\t\t\t\t\t\t\t\tlet groupIsActive = false;\n\t\t\t\t\t\t\t\tif (groupData?.owners) {\n\t\t\t\t\t\t\t\t\towners = groupData.owners.filter((x) => x.id !== currentUser?.id);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tif (groupData != null && filterData != null) {\n\t\t\t\t\t\t\t\t\tconst selectedCount = filterData.students.length + filterData.owners.filter((x) =>\n\t\t\t\t\t\t\t\t\t\tx.id !== currentUser?.id\n\t\t\t\t\t\t\t\t\t).length;\n\t\t\t\t\t\t\t\t\tconst totalCount = groupData.students.length + owners.length;\n\n\t\t\t\t\t\t\t\t\tif (selectedCount > 0) {\n\t\t\t\t\t\t\t\t\t\tgroupIsIndeterminate = totalCount != selectedCount;\n\t\t\t\t\t\t\t\t\t\tgroupIsActive = totalCount == selectedCount;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t handlePlus(isIopen[items.id], items.id, true)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{isIopen[items.id] ?
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (groupIsActive) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfetchData(false, items.id, true, groupData, owners, true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (groupIsIndeterminate) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfetchData(true, items.id, true, groupData, owners, true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfetchData(true, items.id, true, groupData, [], true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\t\t/>{' '}\n\n\t\t\t\t\t\t\t\t\t\t\t removeSearchedItem(items.id, groupData)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{isIopen[items.id] ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{isLoading[items.id] && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{owners.map((owners) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{groupData?.students.map((student) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{owners.firstName}{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{owners.lastName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {translate('Owner')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(checked) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandlePeopleSelection(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titems,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\towners,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{student.firstName}{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{student.lastName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(checked) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandlePeopleSelection(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titems,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstudent,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfalse,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t dispatch(removeAll())}>\n\t\t\t\t\t
: null}\n\n\t\t\n\t);\n};\n\nexport default ListSelectorDropDown;","import React, { useState, useEffect, useMemo } from 'react';\nimport { Icon } from '@haldor/ui';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { translate as getTranslate } from '@haldor/ui';\nimport DropDownList from './../DropDownList';\nimport ListSelectorDropDown from './ListSelectorDropDown';\nimport {\n\tchangeSelected,\n\tgetSectionSearch,\n\tremoveAllUser,\n\tremoveCustomGroup,\n\tremoveSelectedPeople,\n\tsetAllActive,\n\tgetSections,\n\taddAll,\n\tsetAllGroups,\n\ttoggleAllUsers,\n\tchangeSelectedOwner,\n\tremoveSelectedOwner,\n\tremoveAll,\n\tsetAllSearched,\n} from 'actions/ScheduleFilter';\nimport { clearActivitesForOther } from 'actions/schedule';\n\nconst ListSelector = (props) => {\n\tconst {\n\t\tfilterLoaded,\n\t\tsetFilterLoaded,\n\t\tscheduleLoading\n\t} = props;\n\tconst ScheduleFilter = useSelector((state) => state.ScheduleFilter);\n\tconst sections = useSelector((state) => state.sections.educationGroups);\n\tconst translate = getTranslate(useSelector((state) => state.Languages.translations));\n\tconst dispatch = useDispatch();\n\tconst currentUser = useSelector((state) => state.user.currentUser);\n\tconst [isLoading, setIsloading] = useState({});\n\tconst [isIopen, setIsOpen] = useState({});\n\tconst [displaySearch, setDisplaySearch] = useState(false);\n\tconst [disableSaveFilter, setDisableSaveFilter] = useState(true);\n\n\tconst fetchData = (checked, id, button, data, ownerArr = [], search) => {\n\t\tif (checked) {\n\t\t\tsetIsOpen((prev) => ({ ...prev, [id]: true }));\n\t\t\tlet findExisting;\n\t\t\tlet countObject = {};\n\n\t\t\tif (search) {\n\t\t\t\tfindExisting = ScheduleFilter.storedSearch.filter((x) => x.id == id);\n\t\t\t} else {\n\t\t\t\tfindExisting = ScheduleFilter.customGroup.filter((x) => x.id == id);\n\t\t\t}\n\n\t\t\tif (!findExisting[0]?.students || !findExisting[0]?.owners) {\n\t\t\t\tsetIsloading((prev) => ({ ...prev, [id]: true }));\n\t\t\t\tif (button) {\n\t\t\t\t\tdispatch(getSections(id, true, currentUser?.id, search))\n\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\tsetIsloading((prev) => ({ ...prev, [id]: false }));\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.catch((e) => {\n\t\t\t\t\t\t\tconsole.error(e);\n\t\t\t\t\t\t});\n\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tlet newData = JSON.parse(JSON.stringify(data));\n\n\t\t\tif (ownerArr != null) {\n\t\t\t\tnewData.owners = ownerArr;\n\t\t\t}\n\n\t\t\tdispatch(setAllActive(id, [], newData, search));\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsOpen((prev) => ({ ...prev, [id]: false }));\n\n\t\tif (search) {\n\t\t\tlet find = ScheduleFilter.storedSearch.filter((x) => x.id !== id);\n\t\t\tdispatch(removeAllUser(id, data, ownerArr, find, true));\n\t\t\treturn;\n\t\t}\n\n\t\tconst find = ScheduleFilter.userFilter.filter((x) => x.id !== id);\n\t\tdispatch(removeAllUser(id, data, ownerArr, find, search));\n\t};\n\n\tconst searchGroup = (values) => {\n\t\treturn new Promise(async (resolve) => {\n\t\t\tif (values != null) {\n\t\t\t\tresolve(1);\n\n\t\t\t\t//check if searched items doesn't already exists in both stored and in section\n\t\t\t\tif (ScheduleFilter.storedSearch.filter((x) => x.id === values.group.id).length > 0) {\n\t\t\t\t\tsetDisplaySearch(false);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (sections.filter((x) => x.id === values.group.id).length > 0) {\n\t\t\t\t\tsetDisplaySearch(false);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tfetchData(true, values.group.id, true, [], [], true);\n\t\t\t\tsetDisplaySearch(false);\n\t\t\t}\n\t\t});\n\t};\n\n\tconst removeSearchedItem = (id, object) => {\n\t\tdispatch(removeCustomGroup(id, object));\n\t\tlet getLength = ScheduleFilter.userFilter.filter((x) => x.id !== id);\n\t\tif (getLength.length === 0) {\n\t\t\t//clear searchedItems from store if selectedItems are empty\n\t\t\tdispatch(clearActivitesForOther());\n\t\t}\n\t};\n\n\t//fetch all members of a section one by one\n\tconst fetchAll = (fetchNew, searched) => {\n\t\tlet count = 0;\n\t\tlet arr = [];\n\t\tlet checked = {};\n\t\tlet total = 0;\n\t\tlet owners = 0;\n\n\t\tif (fetchNew) {\n\t\t\t//get all none selected items\n\t\t\tlet getNoneItems = sections.filter((x) => {\n\t\t\t\treturn !ScheduleFilter.customGroup.find((t) => {\n\t\t\t\t\treturn t.id == x.id;\n\t\t\t\t});\n\t\t\t});\n\n\t\t\t//make an api call to get every items\n\t\t\tgetNoneItems.map(async (items) => {\n\t\t\t\tchecked[items.id] = true;\n\t\t\t\tif (ScheduleFilter?.customGroup.find((x) => x.id == items.id) === undefined) {\n\t\t\t\t\tsetIsloading((prev) => ({ ...prev, [items.id]: true }));\n\t\t\t\t\tsetIsOpen((prev) => ({ ...prev, [items.id]: true }));\n\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst response = await addAll(items.id);\n\n\t\t\t\t\t\tif (response) {\n\t\t\t\t\t\t\tlet object = JSON.parse(JSON.stringify(response?.data));\n\t\t\t\t\t\t\tif (object.owners == null) {\n\t\t\t\t\t\t\t\tobject.owners = [];\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (object.students == null) {\n\t\t\t\t\t\t\t\tobject.students = [];\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\towners += object.owners.filter((x) =>\n\t\t\t\t\t\t\t\tx.id !== currentUser?.id\n\t\t\t\t\t\t\t).length ?? 0;\n\n\t\t\t\t\t\t\ttotal += object.students.length ?? 0;\n\t\t\t\t\t\t\tchecked[items.id] = true;\n\t\t\t\t\t\t\tarr.push(object);\n\t\t\t\t\t\t\tcount++;\n\t\t\t\t\t\t\tsetIsloading((prev) => ({ ...prev, [items.id]: false }));\n\t\t\t\t\t\t}\n\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\tlet object = JSON.parse(JSON.stringify(items));\n\t\t\t\t\t\tif (object.owners == null) {\n\t\t\t\t\t\t\tobject.owners = [];\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (object.students == null) {\n\t\t\t\t\t\t\tobject.students = [];\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tchecked[items.id] = true;\n\t\t\t\t\t\tarr.push(object);\n\t\t\t\t\t\tcount++;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (getNoneItems.length === count) {\n\t\t\t\t\t\tlet full = [...ScheduleFilter.customGroup, ...arr];\n\t\t\t\t\t\tdispatch(setAllGroups(full, total, sections.length, [], checked));\n\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tsections.map((items) => {\n\t\t\tchecked[items.id] = true;\n\t\t});\n\n\t\tif (searched) {\n\t\t\tconst checkedSearched = JSON.parse(JSON.stringify(ScheduleFilter.storedSearch)).map((items) => {\n\t\t\t\tchecked[items.id] = true;\n\t\t\t\titems.owners = [];\n\t\t\t\treturn items;\n\t\t\t});\n\n\t\t\tdispatch(setAllSearched(checkedSearched, checked));\n\t\t\treturn;\n\t\t}\n\n\t\tdispatch(setAllGroups(ScheduleFilter.customGroup, null, null, false, checked));\n\t};\n\n\tconst getActiveSearch = (groupId, objId, isOwner, search) => {\n\t\tlet exists = false;\n\t\tlet existingGroup;\n\t\texistingGroup = ScheduleFilter.userFilter.find((x) => x.id === groupId);\n\t\tif (isOwner) {\n\t\t\tif (existingGroup?.owners) {\n\t\t\t\texistingGroup.owners.map((item) => {\n\t\t\t\t\tif (item.id == objId) {\n\t\t\t\t\t\texists = true;\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (exists) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tif (existingGroup?.students) {\n\t\t\texistingGroup?.students.map((item) => {\n\t\t\t\tif (item.id == objId) {\n\t\t\t\t\texists = true;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tif (exists) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t};\n\n\t//change object by changing students or owners property\n\tconst changeObj = (userObj, newObj, isOwner = false, search = false) => {\n\t\tlet getObj = ScheduleFilter?.userFilter.find((x) => x.id === userObj.id);\n\t\tlet parseObj;\n\t\tif (!getObj) {\n\t\t\tparseObj = JSON.parse(JSON.stringify(userObj));\n\t\t} else {\n\t\t\tparseObj = JSON.parse(JSON.stringify(getObj));\n\t\t}\n\n\t\tif (isOwner) {\n\t\t\tif (!parseObj?.owners) {\n\t\t\t\tparseObj.owners = [newObj];\n\t\t\t} else {\n\t\t\t\tparseObj.owners = parseObj.owners.filter((x) => x.id !== newObj.id).concat(newObj);\n\t\t\t}\n\n\t\t\treturn parseObj;\n\t\t}\n\n\t\tif (!parseObj?.students) {\n\t\t\tparseObj.students = [newObj];\n\t\t} else {\n\t\t\tparseObj.students = parseObj.students.filter((x) => x.id !== newObj.id).concat(newObj);\n\t\t}\n\n\t\treturn parseObj;\n\t};\n\n\tconst handlePeopleSelection = (checked, userObj, obj, owner = false, searchitems = false) => {\n\t\tif (checked) {\n\t\t\t//Store searchitems in a seperate array in redux\n\t\t\tif (searchitems) {\n\t\t\t\tlet addPeople = JSON.parse(JSON.stringify(userObj));\n\t\t\t\tif (owner) {\n\t\t\t\t\t//Remove all owners from the stored object before adding new\n\t\t\t\t\taddPeople.owners = [];\n\t\t\t\t\taddPeople.students = [];\n\t\t\t\t\tdispatch(changeSelectedOwner(changeObj(addPeople, obj, true, true)));\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\t//Remove all students from the stored object before adding new\n\t\t\t\taddPeople.students = [];\n\t\t\t\taddPeople.owners = [];\n\t\t\t\tdispatch(changeSelected(changeObj(addPeople, obj, false, true)));\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (owner) {\n\t\t\t\tdispatch(changeSelectedOwner(changeObj(userObj, obj, true)));\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tdispatch(changeSelected(changeObj(userObj, obj)));\n\t\t\treturn;\n\t\t}\n\n\t\tif (searchitems) {\n\t\t\tlet findItem = ScheduleFilter.userFilter.find((x) => x.id === userObj.id);\n\t\t\tlet searchObj = JSON.parse(JSON.stringify(findItem));\n\n\t\t\tif (owner) {\n\t\t\t\tlet removedOwners = findItem.owners.filter((x) => x.id !== obj.id);\n\t\t\t\t//Clear fetchdata if both owner and students are empty\n\n\t\t\t\tsearchObj.owners = removedOwners;\n\t\t\t\tif (\n\t\t\t\t\tsearchObj.students.length === 0 &&\n\t\t\t\t\tsearchObj.owners.length === 0 &&\n\t\t\t\t\tScheduleFilter.userFilter.length === 1\n\t\t\t\t) {\n\t\t\t\t\tdispatch(clearActivitesForOther());\n\t\t\t\t}\n\n\t\t\t\tsearchObj.owner?.filter(x => x.id !== currentUser.id);\n\t\t\t\tdispatch(removeSelectedOwner(searchObj));\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet removedStudents = findItem.students.filter((x) => x.id !== obj.id);\n\t\t\tsearchObj.students = removedStudents;\n\n\t\t\t//Clear fetchdata if both owner and students are empty\n\t\t\tif (\n\t\t\t\tsearchObj.students.length === 0 &&\n\t\t\t\tsearchObj.owners.length === 0 &&\n\t\t\t\tScheduleFilter.userFilter.length === 1\n\t\t\t) {\n\t\t\t\tdispatch(clearActivitesForOther());\n\t\t\t}\n\n\t\t\tsearchObj.owner?.filter(x => x.id !== currentUser.id);\n\t\t\tdispatch(removeSelectedPeople(searchObj));\n\t\t\treturn;\n\t\t}\n\n\t\tlet findItem = ScheduleFilter.userFilter.find((x) => x.id === userObj.id);\n\t\tlet newObj = JSON.parse(JSON.stringify(findItem));\n\t\tif (owner) {\n\t\t\tlet removedOwners = findItem.owners.filter((x) => x.id !== obj.id && x.id !== currentUser.id);\n\t\t\tnewObj.owners = removedOwners;\n\t\t\tdispatch(removeSelectedOwner(newObj));\n\t\t\treturn;\n\t\t}\n\n\t\tlet removedStudents = findItem.students.filter((x) => x.id !== obj.id);\n\t\tnewObj.students = removedStudents;\n\t\tnewObj.owner?.filter(x => x.id !== currentUser.id);\n\t\tdispatch(removeSelectedPeople(newObj));\n\t};\n\n\tconst handlePlus = (open, id, search) => {\n\t\tif (open) {\n\t\t\tsetIsOpen((prev) => ({ ...prev, [id]: false }));\n\t\t\treturn;\n\t\t}\n\n\t\tlet findExisting;\n\t\tif (search) {\n\t\t\tfindExisting = findExisting = ScheduleFilter.storedSearch.filter((x) => x.id == id);\n\t\t} else {\n\t\t\tfindExisting = ScheduleFilter.customGroup.filter((x) => x.id == id);\n\t\t}\n\n\t\tsetIsOpen((prev) => ({ ...prev, [id]: true }));\n\n\t\tif (!findExisting[0]?.students) {\n\t\t\tsetIsloading((prev) => ({ ...prev, [id]: true }));\n\t\t\tif (search) {\n\t\t\t\tdispatch(getSectionSearch(id, false, currentUser?.id))\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tsetIsloading((prev) => ({ ...prev, [id]: false }));\n\t\t\t\t\t})\n\t\t\t\t\t.catch((e) => {\n\t\t\t\t\t\tconsole.error(e);\n\t\t\t\t\t\tsetIsloading((prev) => ({ ...prev, [id]: false }));\n\t\t\t\t\t});\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tdispatch(getSections(id, false, currentUser?.id))\n\t\t\t\t.then(() => {\n\t\t\t\t\tsetIsloading((prev) => ({ ...prev, [id]: false }));\n\t\t\t\t})\n\t\t\t\t.catch((e) => {\n\t\t\t\t\tconsole.error(e);\n\t\t\t\t\tsetIsloading((prev) => ({ ...prev, [id]: false }));\n\t\t\t\t});\n\n\t\t\treturn;\n\t\t}\n\t};\n\n\tconst handleAll = (checked) => {\n\t\tif (checked) {\n\t\t\t//select all Searched\n\t\t\tif (ScheduleFilter.storedSearch?.length > 0) {\n\t\t\t\tfetchAll(false, true);\n\t\t\t}\n\n\t\t\tif (ScheduleFilter.totalGroups >= sections.length) {\n\t\t\t\tfetchAll(false);\n\t\t\t} else {\n\t\t\t\tfetchAll(true);\n\t\t\t}\n\n\t\t\tdispatch(toggleAllUsers());\n\t\t}\n\n\t\tif (!checked) {\n\t\t\tsetIsOpen({});\n\t\t\tdispatch(removeAll());\n\t\t}\n\t};\n\n\t// Load saved filter\n\tuseEffect(() => {\n\t\tif (!filterLoaded) {\n\t\t\t// Clear previous data\n\t\t\tdispatch(removeAll());\n\n\t\t\t// Load saved filter\n\t\t\tlet savedFilter = JSON.parse(localStorage.getItem('haldor-schedule-students-filter'));\n\t\t\tif (savedFilter?.length > 0) {\n\t\t\t\tsavedFilter.forEach(item => {\n\t\t\t\t\tdispatch(getSections(item.groupId, false, currentUser?.id, item.searched, function (data) {\n\t\t\t\t\t\tsetDisableSaveFilter(true);\n\n\t\t\t\t\t\tlet newData = JSON.parse(JSON.stringify(data));\n\t\t\t\t\t\tnewData.students = newData.students.filter(student => item?.students?.includes(student.logId));\n\t\t\t\t\t\tnewData.owners = newData.owners.filter(owner => item?.owners?.includes(owner.logId));\n\t\t\t\t\t\tdispatch(setAllActive(item.groupId, [], newData, item.searched, { studentsCount: newData?.students?.length, ownersCount: newData?.owners?.length }));\n\n\t\t\t\t\t\tif (item?.expanded === true) {\n\t\t\t\t\t\t\thandlePlus(false, item.groupId);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetDisableSaveFilter(false);\n\t\t\t\t\t}));\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsetDisableSaveFilter(false);\n\t\t\t}\n\n\t\t\tsetFilterLoaded(true);\n\t\t}\n\t}, [sections]);\n\n\t// Save filter when userFilter changes or a group in the list is expanded\n\tuseEffect(() => {\n\t\tif (disableSaveFilter) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet dataToStore = [];\n\t\tScheduleFilter.userFilter.forEach(item => {\n\n\t\t\tdataToStore.push({\n\t\t\t\tgroupId: item.id,\n\t\t\t\tstudents: item?.students?.map(student => student.logId),\n\t\t\t\towners: item?.owners?.map(owner => owner.logId),\n\t\t\t\texpanded: isIopen[item.id],\n\t\t\t\tsearched: ScheduleFilter.storedSearch.find(x => x.id === item.id) != null\n\t\t\t});\n\t\t});\n\t\tlocalStorage.setItem('haldor-schedule-students-filter', JSON.stringify(dataToStore));\n\t}, [ScheduleFilter.userFilter, isIopen]);\n\n\tconst groupsSelectedCount = useMemo(() => {\n\t\treturn Object.keys(ScheduleFilter.selectedGroups).filter((key) =>\n\t\t\tScheduleFilter.selectedGroups[key]\n\t\t).length;\n\t}, [ScheduleFilter.selectedGroups]);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t
\n\t);\n};\n\nexport default ListSelector;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { useTranslate } from 'lib/translate';\nimport User from '_class/User';\n\nimport { Floating } from '@haldor/ui';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { PRESCHOOL } from 'constants/schoolTypes';\n\nimport {\n\tclearScheduleFilter,\n\ttoggleAdvanceCalendar,\n\ttoggleMySchedule,\n\tUpdateFilter,\n} from 'actions/ScheduleFilter';\n\nimport { Button, Checkbox, Icon, TooltipMenu } from '@haldor/ui';\nimport { Expandable, List } from 'UI';\nimport DropDownList from './DropDownList';\nimport ListSelector from './Partials/ListSelector';\n\nconst getLengthOfObject = (object) => {\n\tlet ignore = ['Meeting', 'Assignment', 'Lesson', 'Test'];\n\treturn Object.entries(object).filter(([key, value]) => ignore.indexOf(key) < 0 && value === true).length;\n};\n\nconst getActivityLength = (data) => {\n\treturn data.reduce((sum, element) => {\n\t\tif (element.id === 'Test') return sum; // Don't include test checkbox in count\n\t\tif (!element.subMenu) return sum + 1; // Count checkboxes without subMenu\n\t\treturn sum + (element.subMenu ? element.subMenu?.length : 0); // Count subMenu checkboxes\n\t}, 0);\n};\n\nconst CalenderHeader = (props) => {\n\tconst translate = useTranslate();\n\tconst {\n\t\toverview,\n\t\ttoggleButtons,\n\t\tgoBack,\n\t\ttoggleIcon,\n\t\tnotReportedSchedulePositions,\n\t\ttoggleForm,\n\t\tisToday,\n\t\tgoToday,\n\t\tisStudentCard,\n\t\tdisplayAdvanced,\n\t\tgoForward,\n\t\tscheduleLoading\n\t} = props;\n\n\tconst [isActive, setIsActive] = useState(false);\n\tconst [isIndeterminate, setIsIndeterminate] = useState(false);\n\tconst [disableSaveSettings, setDisableSaveSettings] = useState(true);\n\tconst [settingsLoaded, setSettingsLoaded] = useState(false);\n\tconst [studentFilterLoaded, setStudentFilterLoaded] = useState(false);\n\n\tconst dispatch = useDispatch();\n\tconst school = useSelector((state) => state.user.activeSchool);\n\tconst activities = useSelector((state) => state.status.status.assignmentTypes);\n\tconst service = useSelector((state) => state.Services.availableServices);\n\tconst user = useSelector((state) => state.user.currentUser);\n\tconst ScheduleFilter = useSelector((state) => state.ScheduleFilter);\n\tconst loggedInUser = useMemo(() => new User(user), []);\n\tconst actvitiesLabels = useMemo(() => [\n\t\t{\n\t\t\tid: 'Test',\n\t\t\tvalue: 'Test',\n\t\t},\n\t\t{\n\t\t\tid: 'Lesson',\n\t\t\tvalue: 'lessons',\n\t\t\tsubMenu:\n\t\t\t\t[\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'LESSON_TYPE_REGULAR',\n\t\t\t\t\t\tvalue: 'Lesson',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'LESSON_TYPE_TEST',\n\t\t\t\t\t\tvalue: 'Test (Lessons)',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t},\n\t\t{\n\t\t\tid: 'Assignment',\n\t\t\tvalue: 'Assignments',\n\t\t\tsubMenu: activities,\n\t\t},\n\t\t{\n\t\t\tid: 'CalendarEvent',\n\t\t\tvalue: 'Calendar events',\n\t\t},\n\t\t{\n\t\t\tid: 'Meeting',\n\t\t\tvalue: 'Meetings',\n\t\t\tsubMenu: !loggedInUser.isStudent() ?\n\t\t\t\t[\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'booked',\n\t\t\t\t\t\tvalue: 'Booked meetings',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'unBooked',\n\t\t\t\t\t\tvalue: 'Unbooked meetings',\n\t\t\t\t\t},\n\t\t\t\t]\n\t\t\t\t: [],\n\t\t},\n\t], [ScheduleFilter.advancedCalendarActive]);\n\tconst testCategories = [\n\t\t{\n\t\t\tid: 'Lesson',\n\t\t\tsubIds: ['LESSON_TYPE_TEST']\n\t\t},\n\t\t{\n\t\t\tid: 'Assignment',\n\t\t\tsubIds: ['ASSIGNMENT_TYPE_WRITTEN_TEST', 'ASSIGNMENT_TYPE_VERBAL_TEST']\n\t\t}\n\t];\n\n\t//handle checkbox for individual activities\n\tconst handleActivity = (checked, data, name, parentId, checkedOffset = 0) => {\n\t\tlet obj = {};\n\t\tif (name === 'Test') { // select test categories\n\t\t\tobj['Test'] = checked;\n\t\t\ttestCategories.forEach(parentCategory => {\n\t\t\t\tparentCategory?.subIds.forEach((id) => {\n\t\t\t\t\tobj[id] = checked;\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\tobj[name] = checked;\n\t\t}\n\n\t\t// Update parent checkboxes \n\t\tObject.values(actvitiesLabels).forEach(item => {\n\t\t\tif (item?.subMenu?.length > 0) {\n\t\t\t\tlet uncheckedItems = item.subMenu.filter(x => obj[x.id] != undefined ? obj[x.id] == false : ScheduleFilter.activitiesFilter[x.id] == false).length;\n\t\t\t\titem.indeterminate = uncheckedItems < item.subMenu.length;\n\t\t\t\tobj[item.id] = uncheckedItems <= 0;\n\t\t\t}\n\t\t});\n\n\t\tdispatch(UpdateFilter(false, obj));\n\t};\n\n\t//handle checkbox for each group of activities\n\tconst handleAllSub = (checked, data, name, allButton) => {\n\t\tlet obj = {};\n\t\tfor (let i = 0; i < data.length; i++) {\n\t\t\tobj[data[i].id] = checked;\n\t\t}\n\n\t\tactvitiesLabels.find(x => x.id === name).indeterminate = false;\n\n\t\tif (allButton) {\n\t\t\treturn obj;\n\t\t} else {\n\t\t\tobj[name] = checked;\n\t\t}\n\t\tdispatch(UpdateFilter(false, obj));\n\t};\n\n\t//set default values if labels exists\n\tuseEffect(() => {\n\t\tif (actvitiesLabels.length < 1) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!settingsLoaded) {\n\t\t\t// Activities filter\t\t\t\n\t\t\tObject.keys(getAllActivitiesChecked(actvitiesLabels)).forEach((key) => {// All activites checked as default (also defaults any activites not in savedFilter)\n\t\t\t\tScheduleFilter.activitiesFilter[key] = true;\n\t\t\t});\n\t\t\tlet savedFilter = JSON.parse(localStorage.getItem('haldor-schedule-activities-filter'));\n\t\t\tif (savedFilter && Object.keys(savedFilter).length > 0) { // Load filter from local storage\n\t\t\t\t// Restore values for checkboxes\n\t\t\t\tObject.keys(savedFilter).forEach(key => {\n\t\t\t\t\tScheduleFilter.activitiesFilter[key] = savedFilter[key];\n\t\t\t\t});\n\n\t\t\t\t// Restore indeterminate state for parent checkboxes\n\t\t\t\tObject.values(actvitiesLabels).forEach(parent => {\n\t\t\t\t\tif (parent?.subMenu) {\n\t\t\t\t\t\tparent.indeterminate = parent.subMenu.filter(element => { return !ScheduleFilter.activitiesFilter[element.id] }).length < parent.subMenu.length;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Buttons\n\t\t\tlet savedButtonStates = JSON.parse(localStorage.getItem('haldor-schedule-buttons'));\n\t\t\tif (savedButtonStates) {\n\t\t\t\tif (savedButtonStates['advancedCalendarActive'] != ScheduleFilter.advancedCalendarActive) {\n\t\t\t\t\tScheduleFilter.advancedCalendarActive = savedButtonStates['advancedCalendarActive'];\n\t\t\t\t}\n\t\t\t\tif (savedButtonStates['displayMySchedule'] != ScheduleFilter.displayMySchedule) {\n\t\t\t\t\tScheduleFilter.displayMySchedule = savedButtonStates['displayMySchedule'];\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsetDisableSaveSettings(false);\n\t\t\tsetSettingsLoaded(true);\n\t\t}\n\t}, [actvitiesLabels]);\n\n\t// Save button states\n\tuseEffect(() => {\n\t\tif (disableSaveSettings) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet buttonStates = {\n\t\t\tadvancedCalendarActive: ScheduleFilter.advancedCalendarActive,\n\t\t\tdisplayMySchedule: ScheduleFilter.displayMySchedule\n\t\t};\n\t\tlocalStorage.setItem('haldor-schedule-buttons', JSON.stringify(buttonStates));\n\t}, [ScheduleFilter.advancedCalendarActive, ScheduleFilter.displayMySchedule]);\n\n\t// Save filter and update custom checkboxes when activitiesFilter changes\n\tuseEffect(() => {\n\t\tif (!disableSaveSettings) {\n\t\t\tlocalStorage.setItem('haldor-schedule-activities-filter', JSON.stringify(ScheduleFilter.activitiesFilter));\n\t\t}\n\n\t\t// Check the 'all activities' box if all boxes are checked\t\t\n\t\tlet count = getLengthOfObject(ScheduleFilter?.activitiesFilter);\n\t\tlet max = getActivityLength(actvitiesLabels);\n\t\tif (count === max) {\n\t\t\tdispatch(UpdateFilter(true, ScheduleFilter.activitiesFilter));\n\t\t}\n\n\t\t// Check the test checkbox if all test categories are checked\n\t\tlet allSelected = testCategories.filter(parent => parent?.subIds.filter(id => ScheduleFilter.activitiesFilter[id] == false).length > 0).length < 1;\n\t\tif (ScheduleFilter.activitiesFilter['Test'] != allSelected) {\n\t\t\tdispatch(UpdateFilter(false, { 'Test': allSelected }));\n\t\t}\n\t\t\n\t}, [ScheduleFilter.activitiesFilter]); //, ScheduleFilter.advancedCalendarActive]);\n\n\t// Update checkboxes when advancedCalenderActive is toggled\n\tuseEffect(() => {\n\t\t// update state of parents \n\t\tlet obj = {};\n\t\tObject.values(actvitiesLabels).forEach(item => {\n\t\t\tif (item?.subMenu?.length > 0) {\n\t\t\t\tlet uncheckedItems = item.subMenu.filter(x => ScheduleFilter.activitiesFilter[x.id] == false).length;\n\t\t\t\titem.indeterminate = uncheckedItems < item.subMenu.length;\n\t\t\t\tobj[item.id] = uncheckedItems <= 0;\n\t\t\t}\n\t\t});\n\n\t\t// Determine state of the 'all activities' checkbox and send the update\n\t\tlet count = getLengthOfObject(ScheduleFilter?.activitiesFilter);\n\t\tlet max = getActivityLength(actvitiesLabels);\n\t\tdispatch(UpdateFilter(count === max, { ...ScheduleFilter.activitiesFilter, ...obj }));\n\t}, [ScheduleFilter.advancedCalendarActive]);\n\n\tconst allActivites = (checked, arrName, groups) => {\n\t\tif (checked) {\n\t\t\tdispatch(UpdateFilter(false, getAllActivitiesChecked(arrName, groups)));\n\t\t\treturn;\n\t\t}\n\n\t\tlet obj = {};\n\t\tfor (const [key, value] of Object.entries(ScheduleFilter.activitiesFilter)) {\n\t\t\tobj[key] = false;\n\t\t\tScheduleFilter.activitiesFilter[key] = false;\n\t\t}\n\t\tfor (let i = 0; i < arrName.length; i++) {\n\t\t\tif (arrName[i]?.subMenu) {\n\t\t\t\tarrName[i].indeterminate = false;\n\t\t\t}\n\t\t}\n\n\t\tdispatch(clearScheduleFilter(obj));\n\t};\n\n\tconst getAllActivitiesChecked = (arrName, groups) => {\n\t\tlet obj = {};\n\t\tfor (let i = 0; i < arrName.length; i++) {\n\t\t\tif (groups) {\n\t\t\t\tobj[arrName[i].title] = true;\n\t\t\t} else {\n\t\t\t\tif (arrName[i].id) {\n\t\t\t\t\tobj[arrName[i].id] = true;\n\t\t\t\t}\n\t\t\t\tif (arrName[i].subMenu?.length > 0) {\n\t\t\t\t\tlet sub = arrName[i].subMenu;\n\t\t\t\t\tlet subValues = handleAllSub(true, sub, arrName[i].id, true);\n\t\t\t\t\tobj = { ...obj, ...subValues };\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn obj;\n\t}\n\n\treturn (\n\t\t { if (!scheduleLoading) dispatch(removeAll()); }}>\n\t\t\t\t\t
: null}\n\n\t\t\n\t\t\t
\n\t);\n};\n\nexport default CalenderHeader;\n","import React from 'react';\nimport { useTranslate } from 'lib/translate';\nimport Moment from 'moment';\n\nimport Modal from 'containers/Modals/Modal';\nimport ScheduleView from './ScheduleView';\n\nimport { Floating } from '@haldor/ui';\nimport { Button, Icon } from '@haldor/ui';\n\nconst AgendaModal = (props) => {\n\tconst translate = useTranslate();\n\tconst {\n\t\tdate,\n\t\tadvancedCalendar,\n\t\tshowAgendaModal,\n\t\tcloseAgendaModal,\n\t\tsetAgendaModalDate,\n\t\ttoggleIcon,\n\t\tgoToDate\n\t} = props;\n\n\tconst goBack = () => {\n\t\tsetAgendaModalDate(date.subtract(1, 'day'));\n\t};\n\tconst goToday = () => {\n\t\tsetAgendaModalDate(Moment());\n\t};\n\tconst goForward = () => {\n\t\tsetAgendaModalDate(date.add(1, 'day'));\n\t};\n\n\tconst isToday = Moment().isSame(date, 'day');\n\n\treturn (\n\t\t\n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t\t{translate('Sign explanation')}\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{translate('My activities')}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{translate('Other peoples activities')}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{translate('Lesson')}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{translate('Test')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t{overview && isStudentCard ? (\n\t\t\t\t\t
\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t) : null}\n\n\t\t\t\t{toggleButtons()}\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{toggleIcon(false)}\n\t\t\t\t\t\t \n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t{translate('today')}\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t{toggleIcon(true)}\n\t\t\t\t\t\t \n\t\t\t\t\t\n\n\t\t\t\t\t{overview && !loggedInUser.isStudent() ? (\n\t\t\t\t\t\t
\n\n\t\t\t\t{service.advancedSchedule && school.type != PRESCHOOL ? (\n\t\t\t\t\t\n\t\t\t\t\t\t\t{(loggedInUser?.isTeacher() || loggedInUser?.isMentor()) && !isStudentCard && !props.noCreate ?\n\t\t\t\t\t\t\t\tservice.advancedSchedule && school.type != PRESCHOOL ? (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t toggleForm(true)}>\n\t\t\t\t\t\t\t\t\t\t\t{translate('create-lesson')}\n\t\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t\t props.toggleAssignment(true)}>\n\t\t\t\t\t\t\t\t\t\t\t{translate('Create assignment')}\n\t\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t\t props.toggleGroupAssignment(true)}>\n\t\t\t\t\t\t\t\t\t\t\t{translate('Create group assignment')}\n\t\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t\t props.toggleConflictingEvent(true)}>\n\t\t\t\t\t\t\t\t\t\t\t{translate('Create calendar event')}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t toggleForm()}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\t\t\t\t\n\t\t\t\t\t\t{ScheduleFilter.advancedCalendarActive && !loggedInUser.isStudent() && displayAdvanced ? (\n\t\t\t\t\t\t\t
\n\t\t\t\t) : null}\n\n\t\t\t\t{notReportedSchedulePositions()}\n\t\t\t\n\t\t\t\t\t\t\t\t{translate('select students')}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t{!props.noFilter ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{translate('select activities')}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t allActivites(value, actvitiesLabels)}\n\t\t\t\t\t\t\t\t\t\tlabel={translate('Select all')}\n\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t\t{actvitiesLabels.map((item) => {\n\t\t\t\t\t\t\t\t\t\t\tif (!item?.id) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\treturn item.subMenu?.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
allActivites(true, actvitiesLabels)}>\n\t\t\t\t\t\t\t\t\t\t
: null}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tScheduleFilter.advancedCalendarActive &&\n\t\t\t\t\t\t\t\t\t!loggedInUser.isStudent() &&\n\t\t\t\t\t\t\t\t\tdisplayAdvanced &&\n\t\t\t\t\t\t\t\t\tservice.advancedSchedule &&\n\t\t\t\t\t\t\t\t\tschool.type != PRESCHOOL ? (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t dispatch(toggleMySchedule())}\n\t\t\t\t\t\t\t\t\t\t\ttype={'no_background'}\n\t\t\t\t\t\t\t\t\t\t\tlabel={
\n\t\t\t\t\t\t\t\t) : null\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t{!isStudentCard &&\n\t\t\t\t\t\t\t\tdisplayAdvanced &&\n\t\t\t\t\t\t\t\tservice.advancedSchedule &&\n\t\t\t\t\t\t\t\tschool.type != PRESCHOOL ? (\n\t\t\t\t\t\t\t\t{translate('Display my schedule')}
}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t dispatch(toggleAdvanceCalendar())}\n\t\t\t\t\t\t\t\t\t\tlabel={
\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t{translate('Advanced mode')}
}\n\t\t\t\t\t\t\t\t\t\tdisabled={scheduleLoading}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\n\t);\n};\n\nexport default AgendaModal;","import React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport Moment from 'moment';\n\nimport User from '_class/User';\n\nimport { submitCalendarEvent, updateCalendarEvent } from 'actions/schedule';\nimport { clearSelectedSections } from \"actions/sections\";\n\nimport { Form, Field } from 'react-final-form';\nimport { Expandable, List, Spinner } from 'UI';\nimport { Editor, TimePicker } from 'UI/Inputs';\nimport { Checkbox, Radio, Button, Icon } from '@haldor/ui';\nimport DatePickerFromTo from './Partials/DatePickerFromTo';\n\nimport UserSelect from 'components/List/UserSelect';\nimport { getMentorGroups, getSections } from 'actions/sections';\n\nclass ConflictingEventForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet dateStart = Moment().second(0);\n\t\tlet dueDate = null;\n\t\tif (props.initialValues?.startTime != null) {\n\t\t\tdateStart = Moment.utc(props.initialValues.startTime).local();\n\t\t\tif (props.initialValues?.length) {\n\t\t\t\tdueDate = Moment(dateStart).add(props.initialValues?.length, 'm');\n\t\t\t}\n\t\t}\n\n\t\tthis.state = {\n\t\t\tdateStart: props.hasDate ? Moment(props.hasDate) : dateStart,\n\t\t\tdateEnd: props.hasDate ? Moment(props.hasDate) : dueDate ?? dateStart,\n\t\t\ttargetTypeSchool: false,\n\t\t\tsections: [],\n\t\t\tuser: new User(this.props.currentUser)\n\t\t};\n\t}\n\n\tsubmit = (values) => {\n\t\tconst editing = this.props.initialValues != null;\n\t\tconst { dateStart, dateEnd, sections } = this.state;\n\n\t\treturn new Promise((resolve) => {\n\t\t\t//Add ActivityMemberships\n\t\t\tvalues.ActivityMemberships = [];\n\t\t\tif (values.targetType == 'school') {\n\t\t\t\tvalues.ActivityMemberships.push({\n\t\t\t\t\tReferenceId: this.state.activeSchool.id,\n\t\t\t\t\tReferenceType: 'SCHOOL'\n\t\t\t\t});\n\t\t\t}\n\t\t\telse {\n\t\t\t\tvalues.relationships.forEach(rel => {\n\t\t\t\t\tif (rel.referenceType == 'SECTION') { // only add sections\n\t\t\t\t\t\tvalues.ActivityMemberships.push({\n\t\t\t\t\t\t\tReferenceId: rel.referenceId,\n\t\t\t\t\t\t\tReferenceType: rel.referenceType\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t\tdelete values.relationships;\n\n\t\t\t// Add targetAudience\n\t\t\tvalues.targetAudience = '';\n\t\t\tif (values.targetStudents) { values.targetAudience += 'STUDENTS:'; }\n\t\t\tif (values.targetGuardians) { values.targetAudience += 'GUARDIANS:'; }\n\t\t\tif (values.targetGuardians && values.targetStudents) { values.targetAudience = 'ALL'; }\n\t\t\tif (values.targetAudience[values.targetAudience.length - 1] == ':') {\n\t\t\t\tvalues.targetAudience = values.targetAudience.substring(0, values.targetAudience.length - 1);\n\t\t\t}\n\n\t\t\t//Add date and length\n\t\t\tvalues.startTimeUTC = Moment.utc(dateStart).format();\n\t\t\tvalues.length = dateEnd.diff(dateStart, 'minutes');\n\t\t\tvalues.type = 'CALENDAR_EVENT';\n\n\t\t\tif (editing) {\n\t\t\t\t// Submit form\n\t\t\t\tthis.props\n\t\t\t\t\t.updateCalendarEvent(values)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\tconsole.log(values);\n\t\t\t\t\t\tthis.props.onSubmit(values);\n\t\t\t\t\t})\n\t\t\t\t\t.catch(() => {\n\t\t\t\t\t\t// Something went wrong in submission\n\t\t\t\t\t\tresolve(0);\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t// Submit form\n\t\t\t\tthis.props\n\t\t\t\t\t.submitCalendarEvent(values)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\n\t\t\t\t\t\tthis.props.onSubmit(dateStart);\n\t\t\t\t\t\tthis.props.onAbort(true); // close form\n\t\t\t\t\t})\n\t\t\t\t\t.catch(() => {\n\t\t\t\t\t\t// Something went wrong in submission\n\t\t\t\t\t\tresolve(0);\n\t\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\n\t};\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.clearSelectedSections();\n\t}\n\n\tcomponentDidMount = () => {\n\t\tlet promises = [];\n\t\tif ((this.state.user.isMentor() || this.state.user.isSchoolLeader() || this.state.user.isAdministrator()) && this.props.mentorGroups.length == 0) {\n\t\t\tlet mentorPromise = this.props.getMentorGroups();\n\t\t\tpromises.push(mentorPromise);\n\t\t}\n\n\t\tif (this.props.sections == null) {\n\t\t\tlet sectionPromise = this.props.getSections();\n\t\t\tpromises.push(sectionPromise);\n\t\t}\n\n\t\tif (promises.length > 0) {\n\t\t\tthis.setState({ loading: true });\n\t\t}\n\n\t\tPromise.all(promises).then(() => {\n\t\t\tthis.setState({ loading: false });\n\t\t});\n\t}\n\n\tonSectionsChange = (groups) => {\n\t\tthis.setState({ sections: groups });\n\t};\n\n\tonDateChange = (dates) => {\n\t\tvar start = Moment(dates.start);\n\t\tvar end = Moment(dates.end);\n\n\t\tthis.setState({\n\t\t\tdateStart: start,\n\t\t\tdateEnd: end.set({ date: start.date(), month: start.month(), year: start.year() }) // End date is hidden, only time of day is used\n\t\t});\n\t};\n\n\tinvalidDates = () => {\n\t\treturn this.state.dateStart.diff(this.state.dateEnd, 'minutes') == 0 || this.state.dateStart.isAfter(this.state.dateEnd);\n\t}\n\n\t/* Redux form functions */\n\trequired = (value) => {\n\t\tif (typeof value !== 'undefined' && value !== '') {\n\t\t\tif (value.length > 199) {\n\t\t\t\t// Field failed validation, return error for this field (String)\n\t\t\t\treturn this.props.translate('field-max-200-chars');\n\t\t\t}\n\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string and not over 200 characters\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t};\n\n\tcapitalizeFirstLetter(string) {\n\t\treturn string.charAt(0).toUpperCase() + string.slice(1);\n\t}\n\n\tvalidateRelationships = (value) => {\n\t\tif (value == null || value == '') {\n\t\t\treturn this.props.translate('select-relation-error');\n\t\t}\n\n\t\tif (value.length == 0) {\n\t\t\treturn this.props.translate('select-relation-error');\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\trenderInput = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t{translate('Sign explanation')}\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{translate('My activities')}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{translate('Other peoples activities')}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{translate('Lesson')}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{translate('Test')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{toggleIcon(false)}\n\t\t\t\t\t\t \n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t{translate('today')}\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t{toggleIcon(true)}\n\t\t\t\t\t\t \n\t\t\t\t\t\n\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\ttargetTypeChanged = (val) => {\n\t\tlet targetTypeSchool = val == 'school';\n\t\tif (targetTypeSchool != this.state.targetTypeSchool) {\n\t\t\tthis.setState({ targetTypeSchool: targetTypeSchool });\n\t\t}\n\t}\n\n\n\t/* Render form */\n\trender() {\n\t\tlet initialValues = this.props.initialValues;\n\t\tlet { targetTypeSchool } = this.state;\n\n\t\tlet isEditing = this.props.initialValues != null;\n\t\tif (initialValues == null) {\n\t\t\tinitialValues = {};\n\t\t}\n\n\t\tconst showSchoolOption = this.state.user.isAdministrator() || this.state.user.isSchoolLeader() || this.state.user.isOperationManager();\n\t\tthis.state.activeSchool = this.state.user.getActiveSchool();\n\n\t\tlet sections = [];\n\t\tif (this.state.user.isMentor() || this.state.user.isSchoolLeader() || this.state.user.isAdministrator()) {\n\t\t\tsections = [...this.props.sections, ...this.props.mentorGroups];\n\t\t\tif (this.state.user.isSchoolLeader() || this.state.user.isAdministrator()) {\n\t\t\t\tlet nonOwnedSections = initialValues.sections?.filter(s => sections.findIndex((x) => x.id === s.id) < 0);\n\t\t\t\tif (nonOwnedSections?.length > 0) {\n\t\t\t\t\tsections = [...this.props.sections, ...nonOwnedSections, ...this.props.mentorGroups];\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tsections = this.props.sections;\n\t\t}\n\n\t\tif (!(this.state.user.isSchoolLeader() || this.state.user.isAdministrator())) {\n\t\t\t// Only show groups user is owner for\n\t\t\tsections = sections.filter(section => {\n\t\t\t\treturn section.userRole === \"OWNER\";\n\t\t\t});\n\t\t}\n\n\t\tif (isEditing) {\n\t\t\tconst { targetAudience } = initialValues;\n\t\t\tinitialValues.targetStudents = targetAudience == 'ALL' || targetAudience?.indexOf('STUDENTS') > -1;\n\t\t\tinitialValues.targetGuardians = targetAudience == 'ALL' || targetAudience?.indexOf('GUARDIANS') > -1;\n\n\t\t\tif (initialValues.activityMemberships != null) {\n\t\t\t\ttargetTypeSchool = initialValues.activityMemberships?.find(m => m.referenceType === 'SCHOOL') != null;\n\t\t\t\tinitialValues.targetType = targetTypeSchool ? 'school' : 'group';\n\n\t\t\t\tif (!targetTypeSchool) {\n\t\t\t\t\tinitialValues.relationships = [];\n\t\t\t\t\tinitialValues.activityMemberships.forEach(membership => {\n\t\t\t\t\t\tinitialValues.relationships.push({\n\t\t\t\t\t\t\treferenceType: membership.referenceType.toUpperCase(),\n\t\t\t\t\t\t\treferenceId: membership.referenceId,\n\t\t\t\t\t\t\tid: -1\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tdelete initialValues.activityMemberships;\n\t\t\t}\n\t\t} else {\n\t\t\tinitialValues.targetStudents = false;\n\t\t\tinitialValues.targetGuardians = false;\n\t\t\tinitialValues.targetType = this.state.targetTypeSchool ? 'school' : 'group';\n\t\t}\n\n\t\tif (this.state.dateStart != null) {\n\t\t\tinitialValues.startDate = this.state.dateStart;\n\t\t}\n\t\tif (this.state.dateEnd != null) {\n\t\t\tinitialValues.dueDate = this.state.dateEnd;\n\t\t}\n\n\t\tif (this.state.loading) {\n\t\t\treturn \n\t\t\t\t true}\n\n\t\t\t\t\trender={({ submitting, handleSubmit, form, valid }) => {\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t/>\n\n\n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tinitialValues: state.schedule.activeScheduleItem,\n\t\tsections: state.sections.educationGroups,\n\t\tmentorGroups: state.sections.mentorGroups,\n\t\tcurrentUser: state.user.currentUser,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tclearSelectedSections,\n\tsubmitCalendarEvent,\n\tupdateCalendarEvent,\n\tgetSections,\n\tgetMentorGroups,\n})(ConflictingEventForm);\n","import React, { Component, Fragment } from 'react';\nimport { connect } from 'react-redux';\nimport { translate } from '@haldor/ui';\nimport Moment from 'moment';\nimport User from '_class/User';\nimport swal from 'sweetalert2';\nimport { Link } from 'react-router-dom';\nimport { setPageTitle, setPageActions } from 'actions/header';\nimport { getUserInfo } from 'actions/user';\n\nimport { debounce } from 'helpers/content';\nimport { getWithExpiration, saveWithExpiration } from 'helpers/localstorage';\n\nimport Modal from 'containers/Modals/Modal';\nimport CalendarEventForm from 'containers/Forms/CalendarEvent';\nimport SelectUserForm from './Partials/SelectUserForm';\n\nimport ScheduleView from './ScheduleView';\n\nimport { Spinner } from 'UI';\nimport { Icon, Tabs, Tab, onLanguageChange } from '@haldor/ui';\nimport CalendarHeader from './CalendarHeader';\nimport AssignmentForm from 'containers/Forms/AssignmentForm/AssignmentForm';\nimport MultipleAssignmentForm from 'containers/Forms/AssignmentForm/MultipleAssignmentForm';\nimport AgendaModal from './AgendaModal';\nimport ConflictingEventForm from 'containers/Forms/ConflictingEventForm';\n\nclass Schedule extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.breakpoint = 730;\n\n\t\tlet type = 'work_week';\n\t\tlet date = Moment();\n\n\t\tif (localStorage.getItem('haldor-schedule-type') != null) {\n\t\t\ttype = localStorage.getItem('haldor-schedule-type');\n\t\t}\n\n\t\tif (getWithExpiration('haldor-schedule-date') != null) {\n\t\t\tdate = Moment(getWithExpiration('haldor-schedule-date'));\n\t\t}\n\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tscheduleLoading: false,\n\t\t\tcreateEvent: false,\n\t\t\tshowAgendaModal: false,\n\t\t\tagendaModalDate: undefined,\n\t\t\tformName: '',\n\t\t\ttype,\n\t\t\tdate,\n\t\t\tmobile: document.body.offsetWidth <= this.breakpoint,\n\t\t\ttabs: [],\n\t\t\tmodalTitle: '',\n\t\t\tgroupSelected: '',\n\t\t\tdateEvents: null,\n\t\t\twindowWidth: 0,\n\t\t\t/***\n\t\t\t * Storing the current tab in the state, and updating it when the hash changes\n\t\t\t * The main purpose of this is to rerender the page when the hash changes and trigger the modal of adding new schedule\n\t\t\t */\n\t\t\tcurrentTab: 'me',\n\t\t};\n\t}\n\n\tisAllowed = () => {\n\t\tconst user = new User(this.props.user);\n\n\t\treturn (\n\t\t\tuser.isTeacher() ||\n\t\t\tuser.isUserCurriculumAdmin() ||\n\t\t\tuser.isSchoolLeader() ||\n\t\t\tuser.isSMSAdmin() ||\n\t\t\tuser.isPedagogue() ||\n\t\t\tuser.isOperationManager() ||\n\t\t\tuser.isMentor() ||\n\t\t\tuser.isCourseAdministrator() ||\n\t\t\tuser.isAdministrator()\n\t\t);\n\t};\n\n\tcomponentDidMount = () => {\n\t\twindow.addEventListener('resize', this.resize);\n\t\twindow.addEventListener('hashchange', this.tabChangeEvent);\n\n\t\tonLanguageChange(() => {\n\t\t\tsaveWithExpiration('haldor-schedule-date', Moment().format());\n\t\t});\n\n\t\tthis.resize();\n\n\t\tconst { user } = this.props;\n\t\tconst tabsData = localStorage.getItem('haldor-schedule-tabs');\n\t\tconst activeTab = localStorage.getItem('haldor-schedule-active-tab');\n\n\t\tif (tabsData != null) {\n\t\t\tif (JSON.parse(tabsData).tabs == null || JSON.parse(tabsData).userId != user.id) {\n\t\t\t\tlocalStorage.removeItem('haldor-schedule-tabs');\n\t\t\t\tlocalStorage.removeItem('haldor-schedule-active-tab');\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tthis.setState({ tabs: JSON.parse(tabsData).tabs }, () => {\n\t\t\t\tlet promises = [];\n\n\t\t\t\tthis.state.tabs.forEach((tab) => {\n\t\t\t\t\tif (tab.type == 'teacher') {\n\t\t\t\t\t\tlet userPromise = this.props.getUserInfo(tab.id);\n\t\t\t\t\t\tpromises.push(userPromise);\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tPromise.allSettled(promises).then(() => {\n\t\t\t\t\tif (activeTab != null) {\n\t\t\t\t\t\tconst foundTab = this.state.tabs.find((tab) => tab.id == activeTab);\n\n\t\t\t\t\t\tif (foundTab != null) {\n\t\t\t\t\t\t\twindow.location.hash = activeTab;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlocalStorage.removeItem('haldor-schedule-active-tab');\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\tthis.setState({ loading: false });\n\t\t}\n\n\t\tif (this.props.overview) {\n\t\t\tthis.tabChangeEvent();\n\t\t\treturn false;\n\t\t}\n\n\t\tthis.props.setPageTitle(this.props.translate('schedule-header-overview'));\n\t\tthis.tabChangeEvent();\n\t};\n\n\tcomponentWillUnmount = () => {\n\t\twindow.removeEventListener('resize', this.resize);\n\t\twindow.removeEventListener('hashchange', this.tabChangeEvent);\n\t};\n\n\tsetActions = (disabled = false) => {\n\t\tif (this.props.overview) {\n\t\t\treturn true;\n\t\t}\n\n\t\tlet actions = [];\n\t\tconst user = new User(this.props.user);\n\t\tif (!user.isTeacher() && !user.isMentor()) {\n\t\t\treturn false;\n\t\t}\n\t\t//Submenu buttons for header\n\t\tlet subMenu = [];\n\t\tif (this.props.services.advancedSchedule) {\n\t\t\tsubMenu = [\n\t\t\t\t{\n\t\t\t\t\tvalue: this.props.translate('create-lesson'),\n\t\t\t\t\tonClick: this.toggleForm,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tvalue: this.props.translate('Create assignment'),\n\t\t\t\t\tonClick: this.toggleAssignment,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tvalue: this.props.translate('Create group assignment'),\n\t\t\t\t\tonClick: this.toggleGroupAssignment,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tvalue: this.props.translate('Create calendar event'),\n\t\t\t\t\tonClick: this.toggleConflictingEvent,\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\n\t\tif (disabled) {\n\t\t\tactions.push({\n\t\t\t\ttype: 'dropDown',\n\t\t\t\tvalue: this.props.translate('Create'),\n\t\t\t\ticon: 'plus',\n\t\t\t\tonClick: this.toggleForm,\n\t\t\t\tdisabled: true,\n\t\t\t\tsubButtons: subMenu,\n\t\t\t});\n\t\t} else {\n\t\t\tif (!this.props.services.advancedSchedule) {\n\t\t\t\tactions.push({\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tvalue: this.props.translate('Create'),\n\t\t\t\t\ticon: 'plus',\n\t\t\t\t\tonClick: this.toggleForm,\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tactions.push({\n\t\t\t\t\ttype: 'dropDown',\n\t\t\t\t\tvalue: this.props.translate('Create'),\n\t\t\t\t\ticon: 'plus',\n\t\t\t\t\tonClick: this.toggleForm,\n\t\t\t\t\tsubButtons: subMenu,\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tthis.props.setPageActions(actions);\n\t};\n\n\tscheduleButtons = (action, date) => {\n\t\tif (action === 'create-lesson') {\n\t\t\tthis.toggleForm(false, date);\n\t\t\treturn;\n\t\t} else if (action === 'Create assignment') {\n\t\t\tthis.toggleAssignment(false, date);\n\t\t\treturn;\n\t\t} else if (action === 'Create conflicting event') {\n\t\t\tthis.toggleConflictingEvent(false, date);\n\t\t\treturn;\n\t\t}\n\n\t\tthis.toggleGroupAssignment(false, date);\n\t};\n\n\tisLandscape = () => {\n\t\treturn window.innerHeight < window.innerWidth;\n\t};\n\n\tresize = debounce(() => {\n\t\tconst width = document.body.offsetWidth;\n\n\t\t// Skip setting mobile if in landscape mode\n\t\tif (this.isLandscape()) {\n\t\t\tthis.setState({ mobile: false });\n\t\t\treturn;\n\t\t}\n\n\t\tif (width <= this.breakpoint) {\n\t\t\tif (!this.state.mobile) {\n\t\t\t\tthis.setState({ mobile: true });\n\t\t\t}\n\t\t} else {\n\t\t\tif (this.state.mobile) {\n\t\t\t\tthis.setState({ mobile: false });\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ windowWidth: width });\n\t}, 125, false);\n\n\thandleGroupDisplay = (groupName) => {\n\t\tthis.setState({\n\t\t\tgroupSelected: groupName,\n\t\t});\n\t};\n\n\ttabChangeEvent = () => {\n\t\tconst hash = window.location.hash.replace('#', '');\n\t\tlocalStorage.setItem('haldor-schedule-active-tab', hash);\n\n\t\tthis.setState({ currentTab: hash });\n\n\t\tif (hash == '' || hash == 'me') {\n\t\t\tthis.setActions(false);\n\t\t} else {\n\t\t\tthis.setActions(true);\n\t\t}\n\t};\n\n\tsetScheduleLoading = (value) => {\n\t\tthis.setState({ scheduleLoading: value });\n\t}\n\n\tgoBack = async () => {\n\t\tlet type = this.state.type;\n\t\tif (this.state.mobile) {\n\t\t\ttype = 'day';\n\t\t}\n\t\tif (type == 'month') {\n\t\t\tawait this.setState({ date: Moment(this.state.date).subtract(1, 'month') });\n\t\t} else if (type == 'week' || type == 'work_week') {\n\t\t\tawait this.setState({ date: Moment(this.state.date).subtract(1, 'week') });\n\t\t} else {\n\t\t\tawait this.setState({ date: Moment(this.state.date).subtract(1, 'day') });\n\t\t}\n\n\t\tsaveWithExpiration('haldor-schedule-date', this.state.date.format());\n\t};\n\n\tsetModalTitle = (title) => {\n\t\tthis.setState({ modalTitle: title });\n\t};\n\n\tgoForward = async () => {\n\t\tlet type = this.state.type;\n\t\tif (this.state.mobile) {\n\t\t\ttype = 'day';\n\t\t}\n\t\tif (type == 'month') {\n\t\t\tawait this.setState({ date: Moment(this.state.date).add(1, 'month') });\n\t\t} else if (type == 'week' || type == 'work_week') {\n\t\t\tawait this.setState({ date: Moment(this.state.date).add(1, 'week') });\n\t\t} else {\n\t\t\tawait this.setState({ date: Moment(this.state.date).add(1, 'day') });\n\t\t}\n\n\t\tsaveWithExpiration('haldor-schedule-date', this.state.date.format());\n\t};\n\n\tgoToday = async () => {\n\t\tawait this.setState({ date: Moment() });\n\t\tsaveWithExpiration('haldor-schedule-date', this.state.date.format());\n\t};\n\n\tsetType = (event) => {\n\t\tif (this.state.type != event.target.value) {\n\t\t\tlocalStorage.setItem('haldor-schedule-type', event.target.value);\n\t\t\tthis.setState({ type: event.target.value });\n\t\t}\n\t};\n\n\ttoggleButtons = () => {\n\t\tif (this.state.mobile) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst { translate } = this.props;\n\t\tconst { type } = this.state;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\n\n\t\t\t\t\t\n\n\t\t\t\t\t{this.props.services.advancedSchedule ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t};\n\n\tnotReportedSchedulePositions = () => {\n\t\tif (this.props.schedulePositions != null && this.props.schedulePositions.length > 0) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{this.props.schedulePositions.length + ' ' + this.props.translate('not-reported')}\n\t\t\t\t\n\t\t\t);\n\t\t}\n\t};\n\n\ttoggleForm = (useStateDate, date) => {\n\t\tthis.setState({\n\t\t\tcreateEvent: !this.state.createEvent,\n\t\t\tformName: 'create-lesson',\n\t\t\tdateEvents: useStateDate ? this.getStateDateWithCurrentTime() : date,\n\t\t});\n\t};\n\n\ttoggleAssignment = (useStateDate, date) => {\n\t\tthis.setState({\n\t\t\tcreateEvent: !this.state.createEvent,\n\t\t\tformName: 'Create assignment',\n\t\t\tdateEvents: useStateDate ? this.getStateDateWithCurrentTime() : date,\n\t\t});\n\t};\n\n\ttoggleGroupAssignment = (useStateDate, date) => {\n\t\tthis.setState({\n\t\t\tcreateEvent: !this.state.createEvent,\n\t\t\tformName: 'Create group assignment',\n\t\t\tdateEvents: useStateDate ? this.getStateDateWithCurrentTime() : date,\n\t\t});\n\t};\n\n\ttoggleConflictingEvent = (useStateDate, date) => {\n\t\tthis.setState({\n\t\t\tcreateEvent: !this.state.createEvent,\n\t\t\tformName: 'conflicting event',\n\t\t\tdateEvents: useStateDate ? this.getStateDateWithCurrentTime() : date,\n\t\t});\n\t};\n\n\tgetStateDateWithCurrentTime = () => {\n\t\treturn Moment().set({ second: 0, date: this.state.date.date(), month: this.state.date.month(), year: this.state.date.year() });\n\t};\n\n\tcloseNewModal = () => {\n\t\twindow.location.hash = 'me';\n\t};\n\n\tcloseModal = (skip = true) => {\n\t\tif (skip == true) {\n\t\t\tthis.setState({ createEvent: !this.state.createEvent, modalTitle: '' });\n\t\t} else {\n\t\t\tswal.fire({\n\t\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\t\ttext: this.props.translate('close-form-prompt'),\n\t\t\t\tshowCancelButton: true,\n\t\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t\t}).then((result) => {\n\t\t\t\tif (result.value != null) {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tcreateEvent: !this.state.createEvent,\n\t\t\t\t\t\tmodalTitle: '',\n\t\t\t\t\t\tgroupSelected: '',\n\t\t\t\t\t\tdateEvents: null,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t};\n\n\tcloseAgendaModal = () => {\n\t\tthis.setState({ showAgendaModal: false });\n\t};\n\tenableAgendaModal = (date) => {\n\t\tlet modalDate = Moment(date);\n\n\t\tlet daysFromPreviousMonthVisible = Moment(Moment(this.state.date).startOf('month')).isoWeekday() - 1;\n\t\tlet start = Moment(this.state.date)\n\t\t\t.startOf('month')\n\t\t\t.subtract(daysFromPreviousMonthVisible, 'd')\n\t\t\t.set({ hour: 0, minute: 0, second: 0 });\n\n\t\tlet daysFromNextMonthVisible = 7 - Moment(Moment(this.state.date).endOf('month')).isoWeekday();\n\t\tlet end = Moment(this.state.date)\n\t\t\t.endOf('month')\n\t\t\t.add(daysFromNextMonthVisible, 'd')\n\t\t\t.set({ hour: 23, minute: 59, second: 59 });\n\n\t\tif (modalDate.isBefore(start) || modalDate.isAfter(end)) {\n\t\t\tlet date = Moment(modalDate);\n\t\t\tthis.setState({ date: date, agendaModalDate: modalDate, showAgendaModal: true });\n\t\t\tsaveWithExpiration('haldor-schedule-date', date.format());\n\t\t\treturn;\n\t\t}\n\t\tthis.setState({ agendaModalDate: modalDate, showAgendaModal: true });\n\t}\n\tgoToDate = (date) => {\n\t\tif (this.state.showAgendaModal)\n\t\t\tthis.closeAgendaModal();\n\t\tthis.state.date = Moment(date);\n\t\tsaveWithExpiration('haldor-schedule-date', this.state.date.format());\n\t\tthis.setType({ target: { value: 'day' } });\n\t}\n\n\tonSubmit = (date) => {\n\t\tconst currentHash = window.location.hash.replace('#', '');\n\t\tif (currentHash != '' && currentHash != 'me') {\n\t\t\twindow.location.hash = 'me';\n\t\t}\n\n\t\tthis.setState({ date: Moment(date) });\n\t};\n\n\tonTeacherSubmit = (values) => new Promise(async (resolve) => {\n\t\tconst { user } = this.props;\n\n\t\tif (values == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tawait this.setState({\n\t\t\ttabs: [\n\t\t\t\t...this.state.tabs,\n\t\t\t\t{\n\t\t\t\t\tid: values.userId,\n\t\t\t\t\ttype: 'teacher',\n\t\t\t\t},\n\t\t\t],\n\t\t});\n\n\t\tlocalStorage.setItem('haldor-schedule-tabs', JSON.stringify({\n\t\t\tuserId: user.id,\n\t\t\ttabs: this.state.tabs,\n\t\t}));\n\n\t\tawait this.props.getUserInfo(values.userId);\n\t\twindow.location.hash = values.userId;\n\t\tresolve(1);\n\t});\n\n\tremoveTab = (tab, clickEvent) => {\n\t\tlet foundIndex = this.state.tabs.findIndex((t) => t.id == tab.id);\n\t\tconst currentHash = window.location.hash.replace('#', '');\n\t\tconst { user } = this.props;\n\n\t\tthis.setState({ tabs: this.state.tabs.filter((t) => t.id != tab.id) }, () => {\n\t\t\tlocalStorage.setItem('haldor-schedule-tabs', JSON.stringify({\n\t\t\t\tuserId: user.id,\n\t\t\t\ttabs: this.state.tabs,\n\t\t\t}));\n\n\t\t\tif (tab.id == currentHash) {\n\t\t\t\tif (this.state.tabs.length > 0 && foundIndex > 0) {\n\t\t\t\t\twindow.location.hash = this.state.tabs[foundIndex - 1].id;\n\t\t\t\t} else {\n\t\t\t\t\twindow.location.hash = 'me';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\twindow.location.hash = currentHash;\n\t\t\t}\n\t\t});\n\n\t\tif (clickEvent != null) {\n\t\t\tclickEvent.preventDefault();\n\t\t\tclickEvent.stopPropagation();\n\t\t}\n\t};\n\n\ttoggleIcon = (flip) => (\n\t\t\n\t\t\t\n\t\t\t\t\t{teacher.getName()}\n\n\t\t\t\t\t this.removeTab(tab, event)} name='Close' />\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t};\n\n\trenderTabs = () => {\n\t\tif (this.state.loading) {\n\t\t\treturn \n\t\t\t\t{this.props.overview && !this.props.studentCard ?\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.state.formName.includes('lesson') ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t t.id)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\n\n\t\t\t\t\t{this.props.studentId != null || user.isStudent()\n\t\t\t\t\t\t? this.renderSingleSchedule()\n\t\t\t\t\t\t: this.renderTabs()}\n\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tuser: state.user.currentUser,\n\t\tusers: state.user.info,\n\t\tservices: state.Services.availableServices,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tschedulePositions: state.schedule.schedulePositions,\n\t\tsection: state.sections.activeSection,\n\t\tactiveSchool: state.user.activeSchool,\n\t\tadvancedCalendar: state.ScheduleFilter.advancedCalendarActive,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tsetPageTitle,\n\tsetPageActions,\n\tgetUserInfo,\n})(Schedule);\n","import React, { useEffect, useState } from 'react';\nimport { Box, FormControl, InputLabel, Select, OutlinedInput, Chip, MenuItem, Checkbox } from '@mui/material';\nimport PropTypes from 'prop-types';\n\nconst ITEM_HEIGHT = 60;\nconst ITEM_PADDING_TOP = 20;\n\nconst MenuProps = {\n\tPaperProps: {\n\t\tstyle: {\n\t\t\tmaxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\n\t\t\twidth: 350,\n\t\t},\n\t},\n};\n\nfunction getItemStyles(id, selectedGroups) {\n\tlet isSelected = selectedGroups.findIndex((item) => item === id) > -1;\n\treturn {\n\t\tfontWeight: isSelected ? 'bold' : null,\n\t\tbackgroundColor: isSelected ? 'rgba(25, 118, 210, 0.08)' : null,\n\t};\n}\n\nfunction areArraysEqual(arr1, arr2) {\n\tif (arr1.length !== arr2.length) {\n\t\treturn false;\n\t}\n\tfor (let i = 0; i < arr1.length; i++) {\n\t\tif (arr1[i] !== arr2[i]) {\n\t\t\treturn false;\n\t\t}\n\t}\n\treturn true;\n}\n\n\nconst SelectMultiple = ({ sx, options, label, onChange, initialSelectedItems }) => {\n\tconst [selectedItems, setSelectedItems] = useState([]);\n\n\tuseEffect(() => {\n\t\tif (initialSelectedItems && !areArraysEqual(selectedItems, initialSelectedItems)) {\n\t\t\tconst initialSelectedItemsTitles = initialSelectedItems.map((item) => item.title);\n\t\t\tsetSelectedItems(initialSelectedItemsTitles);\n\t\t}\n\t}, [initialSelectedItems]);\n\n\tconst handleSelectionChange = (event) => {\n\t\tconst { target: { value } } = event;\n\t\tsetSelectedItems(value);\n\t\tconst selectedItemObjects = options.filter((item) => value.includes(item.title));\n\t\tif (onChange) {\n\t\t\tonChange(selectedItemObjects);\n\t\t}\n\t};\n\n\tconst removeSelectedItem = (optionTitle) => {\n\t\tconst updatedItems = selectedItems.filter(item => item !== optionTitle);\n\t\tsetSelectedItems(updatedItems);\n\t\tconst selectedItemObjects = options.filter((item) => updatedItems.includes(item.title));\n\t\tif (onChange) {\n\t\t\tonChange(selectedItemObjects);\n\t\t}\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('schedule-header-overview')}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{translate('Manage columns')}\n\t\t\t\t\n\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{allColumns.map((column) => (\n\t\t\t\t\t\t visibleColumn.field === column.field)}\n\t\t\t\t\t\t\t\t\tonChange={(event) => onChange(column, event.target.checked)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabel={column.headerName}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t \n\t\t\t\n\t\t
\n\t);\n}\n\nexport default CustomColumnsButton;\n","import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useSelector, connect, useDispatch } from 'react-redux';\nimport { Icon, Select, translate as translateConstructor, Button as HaldorButton } from '@haldor/ui';\nimport { getHaldorAssignments, getMicrosoftEducationAssignments, clearAssignmentsFromStore } from 'actions/assignments'\nimport Tooltip from '@mui/material/Tooltip';\nimport { DataGridPro, GridToolbarContainer, GridToolbarColumnsButton, useGridApiRef, useGridApiContext, gridClasses } from '@mui/x-data-grid-pro';\nimport { svSE, enUS, nbNO, daDK } from '@mui/x-data-grid/locales';\nimport moment from 'moment';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport PersonAddIcon from '@mui/icons-material/PersonAdd';\nimport './_MyAssignmentsV2.scss';\nimport SelectMultiple from '../Overview/TableFilterComponents/SelectMultiple';\nimport { Button, FormControlLabel, FormGroup, Popover, Stack, Checkbox, Grid } from '@mui/material';\nimport { useHistory } from 'react-router-dom';\nimport { AssignmentTaskStatusCanDevelop, AssignmentTaskStatusNotComplete, AssignmentTaskStatusNotStarted, AssignmentTaskStatusStarted, AssignmentTaskStatusSubmitted } from 'UI/Icons';\nimport LoadingCard from 'components/Cards/LoadingCard';\nimport NoItemsFoundLayout from './NoItemsFoundLayout';\nimport CustomColumnSelector from 'components/DataGrid/CustomColumnSelector';\nimport DatePickerFromTo from 'containers/Forms/Partials/DatePickerFromTo';\nimport { getRootUrl } from 'helpers/url';\nimport { setPageTitle } from 'actions/header';\n\n/**\n * this is a map of the locale to the data grid language\n */\nconst localeMapDataGrid = {\n\t'EN-US': enUS,\n\t'SV-SE': svSE,\n\t'NB-NO': nbNO,\n\t'DA-DK': daDK,\n};\n\nconst CustomToolbar = React.memo(({ filterValues, onChangeFilter, resetTableFilter, groupId, mySections, assignmentStatus, subjects, isLoading, assignmentTypes }) => {\n\tconst translations = useSelector(state => state.Languages.translations);\n\tlet translate = translateConstructor(translations);\n\n\tconst groupOptions = useMemo(() => mySections?.filter(item => item?.id > 0)?.map(item => ({ id: item.id, title: item.title })) || [], [mySections]);\n\tconst assessmentStatusOptions = [{ id: 'NOT_PUBLISHED_ASSESSMENTS', title: translate('Missing published assessments') }];\n\tconst assignmentStatusOptions = useMemo(() => assignmentStatus != null ? assignmentStatus.map(item => ({ id: item.id, title: item.value })) : [], [assignmentStatus]);\n\n\tconst subjectsOptions = useMemo(() => {\n\t\tif (subjects == null) return [];\n\n\t\tconst uniqueSubjectObjects = subjects.reduce((uniqueSubjects, subject) => {\n\t\t\tif (!uniqueSubjects.some(item => item.title === subject.subjectTitle)) {\n\t\t\t\tuniqueSubjects.push({ id: subject.subjectId, title: subject.subjectTitle });\n\t\t\t}\n\t\t\treturn uniqueSubjects;\n\t\t}, []);\n\n\t\tif (uniqueSubjectObjects.length > 1)\n\t\t\tuniqueSubjectObjects.sort((a, b) => a.title.localeCompare(b.title));\n\n\t\treturn uniqueSubjectObjects;\n\t}, [subjects]);\n\n\tconst initialSelectedGroups = useMemo(() => filterValues?.groups ?? [], [filterValues?.groups]);\n\tconst initialSelectedAssignmentTypes = useMemo(() => filterValues?.assignmentTypes ?? [], [filterValues?.assignmentTypes]);\n\tconst initialSelectedAssessmentStatus = useMemo(() => filterValues?.assessmentStatus ?? [], [filterValues?.assessmentStatus]);\n\tconst initialSelectedAssignmentStatus = useMemo(() => filterValues?.assignmentStatus ?? [], [filterValues?.assignmentStatus]);\n\tconst initialSelectedSubjects = useMemo(() => filterValues?.subjects ?? [], [filterValues?.subjects]);\n\n\tconst noFilterApplied = useMemo(() => {\n\t\treturn !filterValues || Object.values(filterValues).every(arr => arr.length === 0);\n\t}, [filterValues]);\n\n\tif (isLoading) return null;\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t onChangeFilter('subjects', selectedOptions)} initialSelectedItems={initialSelectedSubjects} options={subjectsOptions} label={translate('Subjects')} sx={{ minWidth: 300, maxWidth: 350 }} />\n\t\t\t\t{groupId == null ? onChangeFilter('groups', selectedOptions)} initialSelectedItems={initialSelectedGroups} options={groupOptions} label={translate('Groups')} sx={{ minWidth: 300, maxWidth: 350 }} /> : null}\n\t\t\t\t onChangeFilter('assignmentTypes', selectedOptions)} initialSelectedItems={initialSelectedAssignmentTypes} options={assignmentTypes} label={translate('Assignment types')} sx={{ minWidth: 300, maxWidth: 350 }} />\n\t\t\t\t onChangeFilter('assessmentStatus', selectedOptions)} initialSelectedItems={initialSelectedAssessmentStatus} options={assessmentStatusOptions} label={translate('Assessment status')} sx={{ minWidth: 350, maxWidth: 350 }} />\n\t\t\t\t onChangeFilter('assignmentStatus', selectedOptions)} initialSelectedItems={initialSelectedAssignmentStatus} options={assignmentStatusOptions} label={translate('Access status')} sx={{ minWidth: 300, maxWidth: 350 }} />\n\t\t\t\t{noFilterApplied ? null : }>{translate('Clear filter')}}\n\t\t\t\t \n\t\t
\n\t);\n});\n\nfunction MyAssignmentsTableAsStaff({ pageSize, section }) {\n\tconst assignments = useSelector(state => state.assignments.assignments);\n\tconst teamsAssignments = useSelector(state => state.assignments.teamsAssignments);\n\tconst translations = useSelector(state => state.Languages.translations);\n\tconst mySections = useSelector(state => state.sections.educationGroups);\n\tconst assignmentTypes = useSelector(state => state.status.status.assignmentTypes);\n\tconst assignmentTaskStatuses = useSelector(state => state.status.status.assignmentTaskStatus);\n\tconst assignmentStatus = useSelector(state => state.status.status.assignmentStatus);\n\tconst services = useSelector(state => state.Services.availableServices);\n\tconst haldorAssignmentsFetchedUTC = useSelector(state => state.assignments.haldorAssignmentsFetchedUTC);\n\tconst teamsAssignmentsFetchedUTC = useSelector(state => state.assignments.teamsAssignmentsFetchedUTC);\n\tconst currrentUser = useSelector(state => state.user.currentUser);\n\n\tconst dispatch = useDispatch();\n\tconst history = useHistory();\n\tlet translate = translateConstructor(translations);\n\n\tconst assignmentTypesOptions = assignmentTypes != null ? assignmentTypes.map(item => { return { id: item.id, title: item.value } }) : [];\n\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [datagridLanguage, setDatagridLanguage] = useState(null);\n\tconst [allSubjects, setAllSubjects] = useState(null);\n\tconst [currentAssignmentList, setCurrentAssignmentList] = useState(null);\n\tconst [startDate, setStartDate] = useState(null);\n\tconst [endDate, setEndDate] = useState(null);\n\n\tconst currentTableFilter = useRef(null);\n\tconst apiRef = useGridApiRef();\n\n\t/** This code is supposed to onlu run once, if user change startDate then updateData will be called */\n\tuseEffect(() => {\n\t\tif (startDate != null && endDate != null && (assignments == null && teamsAssignments == null) || (assignments != null && assignments.length === 0) || (section && section.archived)) {\n\t\t\tsetIsLoading(true);\n\t\t\tupdateData(true);\n\t\t}\n\t}, [startDate, endDate]);\n\n\tuseEffect(() => {\n\t\tif (section == null) {\n\t\t\tcurrentTableFilter.current = JSON.parse(localStorage.getItem(\"assignments_filter_objects\"));\n\t\t}\n\n\t\tif (section == null && startDate == null && endDate == null && currentTableFilter.current != null && currentTableFilter.current.startDate != null && currentTableFilter.current.endDate != null) {\n\t\t\tconst newStartDate = moment(currentTableFilter.current.startDate);\n\t\t\tconst newEndDate = moment(currentTableFilter.current.endDate);\n\n\t\t\tsetStartDate(prevStartDate => prevStartDate != null && moment(prevStartDate).isSame(newStartDate, 'day') ? prevStartDate : newStartDate);\n\t\t\tsetEndDate(prevEndDate => prevEndDate != null && moment(prevEndDate).isSame(newEndDate, 'day') ? prevEndDate : newEndDate);\n\t\t} else {\n\t\t\t/**\n\t\t\t * Set the default term to 'semester' when the component is mounted.\n\t\t\t **/\n\t\t\tonTermChange('semester');\n\t\t}\n\n\t\tdispatch(setPageTitle(translate('tasks-header-overview')));\n\n\t\tif (currrentUser != null && currrentUser.lcid != null && localeMapDataGrid[currrentUser.lcid.toUpperCase()] != null) {\n\t\t\tsetDatagridLanguage(localeMapDataGrid[currrentUser.lcid.toUpperCase()]);\n\t\t} else {\n\t\t\tsetDatagridLanguage(enUS);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (section != null && section.archived) {\n\t\t\t\tdispatch(clearAssignmentsFromStore());\n\t\t\t}\n\t\t};\n\t}, []); // Run only on component mount\n\n\tuseEffect(() => {\n\t\tif (assignments) {\n\t\t\tsetCurrentAssignmentList(assignments);\n\t\t\tsetIsLoading(false);\n\t\t} else if (teamsAssignments) {\n\t\t\tsetCurrentAssignmentList(teamsAssignments.filter(item => item.reference != null).map(item => item.reference));\n\t\t\tsetIsLoading(false);\n\t\t}\n\n\t}, [assignments, teamsAssignments]);\n\n\t/**\n\t * Once currentAssignmentList is set, we will fetch the subjects from the assignments and set isLoading to false. When isLoading is false, the the apiRef will be initiated\n\t */\n\tuseEffect(() => {\n\t\tif (currentAssignmentList != null && currentAssignmentList.length > -1) {\n\t\t\tfetchSubjects();\n\t\t}\n\t}, [currentAssignmentList]);\n\n\t/**\n\t * When isLoading is false, we can start to filter the assignments. This will make sure the table will be updated correctly\n\t */\n\tuseEffect(() => {\n\t\tif (allSubjects != null) {\n\t\t\tfilterAssignments();\n\t\t}\n\t}, [isLoading, allSubjects, section]);\n\n\n\t/**\n\t * Once DataGrid is loaded, we will set the sortModel from the localstorage. (This can happen whenever the component is mounted)\n\t */\n\tuseEffect(() => {\n\t\tif (apiRef != null && apiRef.current != null && apiRef.current.setSortModel != null) {\n\t\t\tlet sortModel = JSON.parse(localStorage.getItem(\"assignments_sort_objects\"));\n\t\t\tif (sortModel != null)\n\t\t\t\tapiRef.current.setSortModel(sortModel);\n\t\t}\n\t}, [apiRef, isLoading]);\n\n\tconst onTermChange = (value) => {\n\t\tif (value != '') {\n\t\t\tlet dStartDate = moment();\n\t\t\tlet dDueDate = moment();\n\n\t\t\tswitch (value) {\n\t\t\t\tcase 'year':\n\t\t\t\t\tif (moment().month() < 7) {\n\t\t\t\t\t\tdStartDate = moment().subtract(1, 'year').month(7).date(1);\n\t\t\t\t\t\tdDueDate = moment().month(6).date(31);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tdStartDate = moment().month(7).date(1);\n\t\t\t\t\t\tdDueDate = moment().add(1, 'year').month(6).date(31);\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'previous-year':\n\t\t\t\t\tif (moment().month() < 7) {\n\t\t\t\t\t\tdStartDate = moment().subtract(2, 'year').month(7).date(1);\n\t\t\t\t\t\tdDueDate = moment().subtract(1, 'year').month(6).date(31);\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tdStartDate = moment().subtract(1, 'year').month(7).date(1);\n\t\t\t\t\t\tdDueDate = moment().subtract(0, 'year').month(6).date(31);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'semester':\n\t\t\t\t\tif (moment().month() < 7) {\n\t\t\t\t\t\tdStartDate = moment().month(0).date(1);\n\t\t\t\t\t\tdDueDate = moment().month(6).date(31);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tdStartDate = moment().month(6).date(1);\n\t\t\t\t\t\tdDueDate = moment().month(11).date(31);\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\n\t\t\tsetStartDate(dStartDate);\n\t\t\tsetEndDate(dDueDate);\n\t\t}\n\t}\n\n\t/**\n\t * Filters the assignments based on the provided criteria.\n\t */\n\tconst filterAssignments = () => {\n\t\tlet filteredAssignments = currentAssignmentList;\n\t\t/**\n\t\t * This function uses the section prop from the component to filter the assignments. \n\t\t * Mainly used when the component is used in a group context.\n\t\t */\n\t\tif (section != null) {\n\t\t\tfilteredAssignments = filteredAssignments.filter((assignment) => {\n\t\t\t\treturn assignment.sectionId == section.id;\n\t\t\t});\n\t\t}\n\n\t\t/**\n\t\t * This filter will be applied if filters has been selected in the table filter component.\n\t\t */\n\t\tif (currentTableFilter.current) {\n\t\t\tconst { groups, assignmentTypes, assessmentStatus, assignmentStatus, subjects } = currentTableFilter.current;\n\n\t\t\tif (groups && groups.length > 0) {\n\t\t\t\tfilteredAssignments = filteredAssignments.filter((assignment) => {\n\t\t\t\t\treturn groups.some((group) => group.id == assignment.sectionId);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (assignmentTypes && assignmentTypes.length > 0) {\n\t\t\t\tfilteredAssignments = filteredAssignments.filter((assignment) => {\n\t\t\t\t\treturn assignmentTypes.some((type) => type.id == assignment.assignmentType);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (assessmentStatus && assessmentStatus.length > 0) {\n\t\t\t\tfilteredAssignments = filteredAssignments.filter((assignment) => {\n\t\t\t\t\treturn assignment.publishedAssessments < assignment.totalTasks;\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (assignmentStatus && assignmentStatus.length > 0) {\n\t\t\t\tfilteredAssignments = filteredAssignments.filter((assignment) => {\n\t\t\t\t\treturn assignmentStatus.some((status) => status.id == assignment.status || (status.id == 'ASSIGNMENT_DRAFT' && assignment.published == \"0001-01-01T00:00:00\"));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (subjects && subjects.length > 0) {\n\t\t\t\tlet filteredSubjectIds = allSubjects\n\t\t\t\t\t.filter((subject) => subjects.some((selectedSubject) => selectedSubject.title === subject.subjectTitle))\n\t\t\t\t\t.map((subject) => subject.subjectId);\n\n\t\t\t\tfilteredAssignments = filteredAssignments.filter((assignment) => {\n\t\t\t\t\treturn assignment.courses.some((course) =>\n\t\t\t\t\t\tfilteredSubjectIds.includes(course.subjectId)\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tif (apiRef && apiRef.current && apiRef.current.setRows) {\n\t\t\tapiRef.current.setRows(filteredAssignments);\n\t\t\tapiRef.current.setPageSize(pageSize ?? 50);\n\t\t}\n\t};\n\n\t/**\n\t * This function is called when the user selects a filter in the table filter component.\n\t * @param {*} filterType \n\t * @param {*} selectedOptions \n\t */\n\tconst onChangeFilter = useCallback((filterType, selectedOptions) => {\n\t\tconst filterObjects = {\n\t\t\t...currentTableFilter.current,\n\t\t\t[filterType]: selectedOptions\n\t\t};\n\t\t// Save the filter objects to local storage if the component is not used in a group context.\n\t\tif (section == null) {\n\t\t\tlocalStorage.setItem(\"assignments_filter_objects\", JSON.stringify(filterObjects));\n\t\t}\n\n\t\tcurrentTableFilter.current = filterObjects;\n\t\tfilterAssignments();\n\t}, [filterAssignments]);\n\n\tconst onSortModelChange = (details) => {\n\t\tlocalStorage.setItem(\"assignments_sort_objects\", JSON.stringify(details));\n\t\tif (apiRef != null && apiRef.current != null)\n\t\t\tapiRef.current.setSortModel(details);\n\t}\n\n\t/**\n\t * This function is called when the user clicks the 'Reset Filter' button in the table filter component.\n\t */\n\tconst resetTableFilter = () => {\n\t\tlocalStorage.removeItem(\"assignments_filter_objects\");\n\t\tcurrentTableFilter.current = null;\n\t\tfilterAssignments();\n\t}\n\n\t/**\n\t * fetches all subjects from the assignments and sets them in the state 'subjects' as an array of objects with the properties 'subjectId' and 'subjectTitle'.\n\t */\n\tconst fetchSubjects = async () => {\n\t\tlet subjects = [];\n\n\t\tcurrentAssignmentList.forEach(assignment => {\n\t\t\tif (assignment.courses == null || assignment.courses.length == 0) return null;\n\n\t\t\tassignment.courses.forEach(course => {\n\t\t\t\tconst subjectId = course.subjectId;\n\t\t\t\tconst subjectTitle = course.subjectTitle;\n\t\t\t\tconst existingSubject = subjects.find(subject => subject.subjectId === subjectId);\n\t\t\t\tif (!existingSubject) {\n\t\t\t\t\tsubjects.push({\n\t\t\t\t\t\tsubjectId,\n\t\t\t\t\t\tsubjectTitle\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\tsetAllSubjects(subjects);\n\t}\n\n\t/**\n\t * This function is called when the user clicks on a row in the data grid.\n\t * @param {*} params \n\t */\n\tconst handleRowClick = (params) => {\n\t\tlet assignmentId = params?.row?.externalID ?? params?.row?.id;\n\t\tvar url = `${getRootUrl()}assignment/${assignmentId}`;\n\t\thistory.push(url);\n\t};\n\n\tconst renderAssignmentTitle = (assignment) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{assignment != null && assignment.externalID != null ?\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
: null}\n\t\t\t\t{assignment.title}
\n\t\t\t{translate('Title')}
,\n\t\t\t\trenderCell: (params) => renderAssignmentTitle(params?.row),\n\t\t\t\tvalueGetter: (value, row) => { return row?.title; },\n\t\t\t\tminWidth: 250,\n\t\t\t\tflex: 1\n\t\t\t},\n\t\t\t{\n\t\t\t\tfield: 'sectionName',\n\t\t\t\theaderName: translate('Group'),\n\t\t\t\theaderClassName: 'table-header',\n\t\t\t\tminWidth: 150,\n\t\t\t\tflex: 1,\n\t\t\t\tvalueGetter: (value, row) => `${row?.section?.title || ''}`,\n\t\t\t\trenderCell: (params) => { return `${params?.row?.section?.title || ''}`; }\n\t\t\t},\n\t\t\t{\n\t\t\t\tfield: 'dueDate',\n\t\t\t\theaderName: translate('Due Date'),\n\t\t\t\theaderClassName: 'table-header',\n\t\t\t\tdescription: 'This column has a value getter and is not sortable.',\n\t\t\t\twidth: 120,\n\t\t\t\trenderCell: (params) => {\n\t\t\t\t\treturn renderDueDate(params?.row?.dueDate)\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tfield: 'statistics',\n\t\t\t\theaderClassName: 'table-header',\n\t\t\t\theaderName: translate('Statistic'),\n\t\t\t\trenderHeader: (params) => renderStatisticsHeader(),\n\t\t\t\trenderCell: (params) => renderStatisticsCells(params),\n\t\t\t\twidth: 160,\n\t\t\t\tsortable: false,\n\t\t\t\tdisableColumnMenu: true\n\t\t\t},\n\t\t\t{\n\t\t\t\tfield: 'assignmentType',\n\t\t\t\theaderClassName: 'table-header',\n\t\t\t\theaderName: translate('Assignment type'),\n\t\t\t\tminWidth: 150,\n\t\t\t\tflex: 1,\n\t\t\t\trenderCell: (params) => {\n\t\t\t\t\tconst assignmentType = assignmentTypesOptions.find(option => option.id === params?.row?.assignmentType);\n\t\t\t\t\treturn assignmentType ? assignmentType.title : '';\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tfield: 'information',\n\t\t\t\theaderClassName: 'table-header',\n\t\t\t\theaderName: translate('Information'),\n\t\t\t\tminWidth: 150,\n\t\t\t\tflex: 1,\n\t\t\t\tsortable: false,\n\t\t\t\trenderCell: (params) => renderInformationColumn(params),\n\t\t\t\tvalueGetter: (params) => `${params?.row?.submittedTasks || 0} / ${params?.row?.totalTasks || 0}`,\n\t\t\t}\n\t\t];\n\n\t\treturn (\n\t\t\t
);\n\t};\n\n\tconst renderCircleWithData = (color, number) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t { return 'table-row' }}\n\t\t\t\t\tonRowClick={handleRowClick}\n\t\t\t\t\tonSortModelChange={onSortModelChange}\n\t\t\t\t\tdisableColumnFilter={true}\n\t\t\t\t\tdisableColumnPinning={true}\n\t\t\t\t\tdisableColumnSelector={true}\n\t\t\t\t\tdisableColumnResize={false}\n\t\t\t\t\tgetRowHeight={() => 'auto'}\n\t\t\t\t\tautoPageSize={false}\n\t\t\t\t\tautosizeOnMount={false}\n\t\t\t\t\tdisableAutosize={true}\n\t\t\t\t\tapiRef={apiRef}\n\t\t\t\t\tslots={{\n\t\t\t\t\t\tnoRowsOverlay: () => (\n\t\t\t\t\t\t)\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t
\n\t\t\n\t\t\t\t{number}\n\t\t\t
\n\t\t);\n\t}\n\n\tconst renderStatisticsHeader = (params) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t{translate('Not available')}
\n\t\t};\n\n\t\tlet labelNotStarted = useMemo(() => {\n\t\t\tconst status = assignmentTaskStatuses.find(item => item.id === 'ASSIGNMENT_TASK_NOT_STARTED');\n\t\t\treturn status ? status.value : '';\n\t\t}, [assignmentTaskStatuses]);\n\n\t\tlet labelStarted = useMemo(() => {\n\t\t\tconst status = assignmentTaskStatuses.find(item => item.id === 'ASSIGNMENT_TASK_STARTED');\n\t\t\treturn status ? status.value : '';\n\t\t}, [assignmentTaskStatuses]);\n\n\t\tlet labelSubmitted = useMemo(() => {\n\t\t\tconst status = assignmentTaskStatuses.find(item => item.id === 'ASSIGNMENT_TASK_SUBMITTED');\n\t\t\treturn status ? status.value : '';\n\t\t}, [assignmentTaskStatuses]);\n\n\t\tlet labelNotComplete = useMemo(() => {\n\t\t\tconst status = assignmentTaskStatuses.find(item => item.id === 'ASSIGNMENT_TASK_NOT_COMPLETE');\n\t\t\treturn status ? status.value : '';\n\t\t}, [assignmentTaskStatuses]);\n\n\t\tlet labelCanDevelop = useMemo(() => {\n\t\t\tconst status = assignmentTaskStatuses.find(item => item.id === 'ASSIGNMENT_TASK_CAN_DEVELOP');\n\t\t\treturn status ? status.value : '';\n\t\t}, [assignmentTaskStatuses]);\n\n\n\t\tlet notStarted = assignment.stats == null || assignment.stats.length == 0 ? 0 : assignment.stats.find(item => item.assignmentTaskStatusId === \"ASSIGNMENT_TASK_NOT_STARTED\")?.count;\n\t\tlet started = assignment.stats == null || assignment.stats.length == 0 ? 0 : assignment.stats.find(item => item.assignmentTaskStatusId === \"ASSIGNMENT_TASK_STARTED\")?.count;\n\t\tlet submitted = assignment.stats == null || assignment.stats.length == 0 ? 0 : assignment.stats.find(item => item.assignmentTaskStatusId === \"ASSIGNMENT_TASK_SUBMITTED\")?.count;\n\t\tlet notComplete = assignment.stats == null || assignment.stats.length == 0 ? 0 : assignment.stats.find(item => item.assignmentTaskStatusId === \"ASSIGNMENT_TASK_NOT_COMPLETE\")?.count;\n\t\tlet canDevelop = assignment.stats == null || assignment.stats.length == 0 ? 0 : assignment.stats.find(item => item.assignmentTaskStatusId === \"ASSIGNMENT_TASK_CAN_DEVELOP\")?.count;\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{renderCircleWithData('#f3f3f3', notStarted)}\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{renderCircleBorder('#e2c30b', started)}\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{renderCircleWithData('#fefdde', notComplete)}\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{renderCircleWithData('#d7e4ff', canDevelop)}\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{renderCircleBorder('#4879d4', submitted)}\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\n\t\t\t\t{data}\n\t\t\t
\n\t\t);\n\t}\n\n\tconst renderDueDate = (date) => {\n\t\tif (date == null) return null;\n\n\t\t//convert date which is utc to local time\n\t\tvar localDate = moment.utc(date).local();\n\t\treturn (\n\t\t\t\n\t\t\t\t{localDate.format('YYYY-MM-DD')}\n\t\t\t
\n\t\t);\n\t}\n\n\tconst onDateChange = (dates) => {\n\t\tsetStartDate(prevStartDate => prevStartDate != null && moment(prevStartDate).isSame(dates.start, 'day') ? prevStartDate : dates.start);\n\n\t\tsetEndDate(prevEndDate =>\n\t\t\tprevEndDate != null && moment(prevEndDate).isSame(dates.end, 'day') ? prevEndDate : dates.end\n\t\t);\n\n\t\tconst filterObjects = {\n\t\t\t...currentTableFilter.current,\n\t\t\t\"startDate\": dates.start,\n\t\t\t\"endDate\": dates.end\n\t\t};\n\n\t\tlocalStorage.setItem(\"assignments_filter_objects\", JSON.stringify(filterObjects));\n\t};\n\n\tconst updateData = (forceReload = true) => {\n\t\tif (services.haldor) {\n\t\t\tif (section != null) {\n\t\t\t\tsetIsLoading(true);\n\t\t\t\tdispatch(getHaldorAssignments(section.graphId, moment(startDate).utc().format('YYYY-MM-DD hh:mm'), moment(endDate).utc().format('YYYY-MM-DD hh:mm')));\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// fetch assignments if they are not already fetched or if haldorAssignmentsFetchedUTC is older than 10 minutes\n\t\t\tif ((assignments == null || assignments.length == 0 || forceReload || moment().diff(moment(haldorAssignmentsFetchedUTC), 'minutes') > 10)) {\n\t\t\t\tsetIsLoading(true);\n\t\t\t\tdispatch(getHaldorAssignments(null, moment(startDate).utc().format('YYYY-MM-DD hh:mm'), moment(endDate).utc().format('YYYY-MM-DD hh:mm')));\n\t\t\t}\n\t\t} else if (!services.haldor && services.microsoft) {\n\t\t\tif ((teamsAssignments == null || forceReload || moment().diff(moment(teamsAssignmentsFetchedUTC), 'minutes') > 10)) {\n\t\t\t\tsetIsLoading(true);\n\t\t\t\tdispatch(getMicrosoftEducationAssignments());\n\t\t\t}\n\t\t}\n\t}\n\n\tconst renderInformationColumn = (params) => {\n\t\tlet assignment = params?.row;\n\n\t\tif (assignment == null)\n\t\t\treturn null;\n\n\t\tlet status = assignmentStatus.find(item => item.id === assignment.status);\n\n\t\t/**\n\t\t * We need to do this since the draft status will never be set as status on assignmentTask\n\t\t */\n\t\tif (assignment.published == null || assignment.published == \"0001-01-01T00:00:00\") {\n\t\t\tstatus = assignmentStatus.find(item => item.id === 'ASSIGNMENT_DRAFT');\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
: null}\n\t\t\t\t{translate('assessed-tasks')}{' '}{assignment.publishedAssessments}
\n\t\t\t\t\n\t\t\t\t\t{status.value}\n\t\t\t\t
\n\t\t\t\t{assignment.groupEnabled ? {translate('group-assignment')}
: null}\n\t\t\t\t{assignment.autoAssignStudents ? \n\t\t\t\n\t\t\t\t{startDate != null && endDate != null ? (\n\t\t\t\t\t ) : null}\n\t\t\t\t\n\t\t\t\t\t{translate('Update')} \n\t\t\t\t \n\t\t\t \n\n\t\t\t{renderDataGrid()}\n\t\t
\n\t);\n}\n\nconst mapStateToProps = (state) => ({\n});\n\nconst mapDispatchToProps = {\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(MyAssignmentsTableAsStaff);","import React from 'react';\nimport AssignmentTaskStatusCanDevelop from \"UI/IconsSrc/assignment_task_status_can_develop\";\nimport AssignmentTaskStatusNotComplete from \"UI/IconsSrc/assignment_task_status_not_complete\";\nimport AssignmentTaskStatusNotStarted from \"UI/IconsSrc/assignment_task_status_not_started\";\nimport AssignmentTaskStatusStarted from \"UI/IconsSrc/assignment_task_status_started\";\nimport AssignmentTaskStatusSubmitted from \"UI/IconsSrc/assignment_task_status_submitted\";\n\n\nconst assignmentTaskStatusIcons = [\n\t{ id: 'ASSIGNMENT_TASK_NOT_STARTED', icon: \n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{translate('select-period')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\n\t\t\t\t onChangeFilter('subjects', selectedOptions)} initialSelectedItems={initialSelectedSubjects} options={subjectsOptions} label='Ämnen' sx={{ minWidth: 300, maxWidth: 350 }} />\n\t\t\t\t{groupId == null ? onChangeFilter('groups', selectedOptions)} initialSelectedItems={initialSelectedGroups} options={groupOptions} label='Grupper' sx={{ minWidth: 300, maxWidth: 350 }} /> : null}\n\t\t\t\t onChangeFilter('assignmentTypes', selectedOptions)} initialSelectedItems={initialSelectedAssignmentTypes} options={assignmentTypes} label='Uppgiftstyper' sx={{ minWidth: 300, maxWidth: 350 }} />\n\t\t\t\t{noFilterApplied ? null : }>Rensa Filter}\n\t\t\t\t \n\t\t
\n\t);\n});\n\nfunction MyAssignmentsTableAsStudent({ pageSize, section }) {\n\tconst assignments = useSelector(state => state.assignments.assignments);\n\tconst teamsAssignments = useSelector(state => state.assignments.teamsAssignments);\n\tconst translations = useSelector(state => state.Languages.translations);\n\tconst mySections = useSelector(state => state.sections.educationGroups);\n\tconst assignmentTypes = useSelector(state => state.status.status.assignmentTypes);\n\tconst assessmentStatus = useSelector(state => state.status.status.assessmentStatus);\n\tconst assignmentStatus = useSelector(state => state.status.status.assignmentStatus);\n\tconst assignmentTaskStatus = useSelector(state => state.status.status.assignmentTaskStatus);\n\tconst services = useSelector(state => state.Services.availableServices);\n\tconst haldorAssignmentsFetchedUTC = useSelector(state => state.assignments.haldorAssignmentsFetchedUTC);\n\tconst teamsAssignmentsFetchedUTC = useSelector(state => state.assignments.teamsAssignmentsFetchedUTC);\n\tconst currrentUser = useSelector(state => state.user.currentUser);\n\n\tconst history = useHistory();\n\tlet translate = translateConstructor(translations);\n\n\tconst assignmentTypesOptions = assignmentTypes != null ? assignmentTypes.map(item => { return { id: item.id, title: item.value } }) : [];\n\n\tconst [currentAssignmentList, setCurrentAssignmentList] = useState(null);\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [allSubjects, setAllSubjects] = useState(null);\n\tconst [datagridLanguage, setDatagridLanguage] = useState(null);\n\tconst [startDate, setStartDate] = useState(moment().month() < 7 ? moment().month(0).date(1) : moment().month(6).date(1));\n\tconst [endDate, setEndDate] = useState(moment().month() < 7 ? moment().month(6).date(31) : moment().month(11).date(31));\n\n\tconst dispatch = useDispatch();\n\n\tconst apiRef = useGridApiRef();\n\tconst currentTableFilter = useRef(null);\n\n\tuseEffect(() => {\n\t\t/**\n\t\t * Set the default term to 'semester' when the component is mounted.\n\t\t */\n\t\tonTermChange('semester');\n\n\t\tif ((assignments == null && teamsAssignments == null) || (assignments.length === 0) || (section && section.archived)) {\n\t\t\tsetIsLoading(true);\n\t\t\tupdateData(true);\n\t\t}\n\n\t\tif (section == null) {\n\t\t\tcurrentTableFilter.current = JSON.parse(localStorage.getItem(\"assignments_filter_objects\"));\n\t\t}\n\n\t\tdispatch(setPageTitle(translate('tasks-header-overview')));\n\n\t\tif (currrentUser != null && currrentUser.lcid != null && localeMapDataGrid[currrentUser.lcid.toUpperCase()] != null) {\n\t\t\tsetDatagridLanguage(localeMapDataGrid[currrentUser.lcid.toUpperCase()]);\n\t\t} else {\n\t\t\tsetDatagridLanguage(enUS);\n\t\t}\n\n\n\t\treturn () => {\n\t\t\tif (section != null && section.archived) {\n\t\t\t\tdispatch(clearAssignmentsFromStore());\n\t\t\t}\n\t\t};\n\t}, []);\n\n\n\t/**\n\t * This useEffect will be triggered when the assignments are fetched from the API\n\t * or when loading is false and datagrid is rendered.\n\t */\n\tuseEffect(() => {\n\t\tif (assignments) {\n\t\t\tsetCurrentAssignmentList(assignments);\n\t\t\tsetIsLoading(false);\n\t\t} else if (teamsAssignments) {\n\t\t\tsetCurrentAssignmentList(teamsAssignments.filter(item => item.reference != null).map(item => item.reference));\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, [assignments, teamsAssignments]);\n\n\t/**\n\t * Once currentAssignmentList is set, we will fetch the subjects from the assignments and set isLoading to false. When isLoading is false, the the apiRef will be initiated\n\t */\n\tuseEffect(() => {\n\t\tif (currentAssignmentList != null && currentAssignmentList.length > -1) {\n\t\t\tfetchSubjects();\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, [currentAssignmentList]);\n\n\t/**\n\t * When isLoading is false, we can start to filter the assignments. This will make sure the table will be updated correctly\n\t */\n\tuseEffect(() => {\n\t\tif (!isLoading && allSubjects != null) {\n\t\t\tfilterAssignments();\n\t\t}\n\t}, [isLoading, allSubjects, section]);\n\n\n\t/**\n\t * Once DataGrid is loaded, we will set the sortModel from the localstorage. (This can happen whenever the component is mounted)\n\t */\n\tuseEffect(() => {\n\t\tif (apiRef != null && apiRef.current != null && apiRef.current.setSortModel != null) {\n\t\t\tlet sortModel = JSON.parse(localStorage.getItem(\"assignments_sort_objects\"));\n\t\t\tif (sortModel != null)\n\t\t\t\tapiRef.current.setSortModel(sortModel);\n\t\t}\n\t}, [apiRef, isLoading]);\n\n\t/**\n\t * This method will be retrieving the assignments from the API.\n\t * @param {*} forceReload \n\t */\n\tconst updateData = (forceReload = true) => {\n\n\n\t\tif (services.haldor) {\n\t\t\tif (section != null) {\n\t\t\t\tsetIsLoading(true);\n\t\t\t\tdispatch(getHaldorAssignments(section.graphId, moment(startDate).utc().format('YYYY-MM-DD hh:mm'), moment(endDate).utc().format('YYYY-MM-DD hh:mm')));\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// fetch assignments if they are not already fetched or if haldorAssignmentsFetchedUTC is older than 10 minutes\n\t\t\tif ((assignments == null || forceReload || moment().diff(moment(haldorAssignmentsFetchedUTC), 'minutes') > 10)) {\n\t\t\t\tsetIsLoading(true);\n\t\t\t\tdispatch(getHaldorAssignments(null, moment(startDate).utc().format('YYYY-MM-DD hh:mm'), moment(endDate).utc().format('YYYY-MM-DD hh:mm')));\n\t\t\t}\n\t\t} else if (!services.haldor && services.microsoft) {\n\t\t\tif ((teamsAssignments == null || forceReload || moment().diff(moment(teamsAssignmentsFetchedUTC), 'minutes') > 10)) {\n\t\t\t\tsetIsLoading(true);\n\t\t\t\tdispatch(getMicrosoftEducationAssignments());\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Filter the assignments based on the current filter objects.\n\t */\n\tconst filterAssignments = () => {\n\t\tlet filteredAssignments = currentAssignmentList;\n\t\t/**\n\t\t * This function uses the groupId prop from the component to filter the assignments. \n\t\t * Mainly used when the component is used in a group context.\n\t\t */\n\t\tif (section != null) {\n\t\t\tfilteredAssignments = filteredAssignments.filter((assignment) => {\n\t\t\t\treturn assignment.sectionId == section.id;\n\t\t\t});\n\t\t}\n\n\n\t\tif (currentTableFilter.current) {\n\t\t\tconst { groups, assignmentTypes, assessmentStatus, assignmentStatus, subjects } = currentTableFilter.current;\n\n\t\t\tif (groups && groups.length > 0) {\n\t\t\t\tfilteredAssignments = filteredAssignments.filter((assignment) => {\n\t\t\t\t\treturn groups.some((group) => group.id == assignment.sectionId);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (assignmentTypes && assignmentTypes.length > 0) {\n\t\t\t\tfilteredAssignments = filteredAssignments.filter((assignment) => {\n\t\t\t\t\treturn assignmentTypes.some((type) => type.id == assignment.assignmentType);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (assessmentStatus && assessmentStatus.length > 0) {\n\t\t\t\tfilteredAssignments = filteredAssignments.filter((assignment) => {\n\t\t\t\t\treturn assessmentStatus.some((status) => status.id == assignment.assessmentStatus);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (assignmentStatus && assignmentStatus.length > 0) {\n\t\t\t\tfilteredAssignments = filteredAssignments.filter((assignment) => {\n\t\t\t\t\treturn assignmentStatus.some((status) => status.id == assignment.assignmentStatus);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (subjects && subjects.length > 0) {\n\t\t\t\tlet filteredSubjectIds = allSubjects\n\t\t\t\t\t.filter((subject) => subjects.some((selectedSubject) => selectedSubject.title === subject.subjectTitle))\n\t\t\t\t\t.map((subject) => subject.subjectId);\n\n\t\t\t\tfilteredAssignments = filteredAssignments.filter((assignment) => {\n\t\t\t\t\treturn assignment.courses.some((course) =>\n\t\t\t\t\t\tfilteredSubjectIds.includes(course.subjectId)\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tif (apiRef && apiRef.current && apiRef.current.setRows) {\n\t\t\tapiRef.current.setRows(filteredAssignments);\n\t\t\tlet sortModel = JSON.parse(localStorage.getItem(\"assignments_sort_objects\"));\n\t\t\tapiRef.current.setSortModel(sortModel ?? []);\n\t\t}\n\t};\n\n\t/**\n\t * This function is called when the user changes the filter in the table filter component.\n\t * @param {*} filterType \n\t * @param {*} selectedOptions \n\t */\n\tconst onChangeFilter = (filterType, selectedOptions) => {\n\t\tconst filterObjects = {\n\t\t\t...currentTableFilter.current,\n\t\t\t[filterType]: selectedOptions\n\t\t};\n\n\t\t// Save the filter objects to local storage if the component is not used in a group context.\n\t\tif (section == null) {\n\t\t\tlocalStorage.setItem(\"assignments_filter_objects\", JSON.stringify(filterObjects));\n\t\t}\n\n\t\tcurrentTableFilter.current = filterObjects;\n\t\tfilterAssignments();\n\t};\n\n\t/**\n\t * This function is called when the user changes the sort model in the data grid.\n\t * @param {*} details \n\t */\n\tconst onSortModelChange = (details) => {\n\t\tlocalStorage.setItem(\"assignments_sort_objects\", JSON.stringify(details));\n\t\tif (apiRef != null && apiRef.current != null)\n\t\t\tapiRef.current.setSortModel(details);\n\t}\n\n\t/**\n\t * This function is called when the user clicks the 'Reset Filter' button in the table filter component.\n\t */\n\tconst resetTableFilter = () => {\n\t\tlocalStorage.removeItem(\"assignments_filter_objects\");\n\t\tcurrentTableFilter.current = null;\n\t\tfilterAssignments();\n\t}\n\n\t/**\n\t * Fetch all subjects from the current assignment list.\n\t */\n\tconst fetchSubjects = async () => {\n\t\tlet subjects = [];\n\t\tcurrentAssignmentList.forEach(assignment => {\n\n\t\t\tif (assignment.courses == null || assignment.courses.length == 0) return null;\n\n\t\t\tassignment.courses.forEach(course => {\n\t\t\t\tconst subjectId = course.subjectId;\n\t\t\t\tconst subjectTitle = course.subjectTitle;\n\t\t\t\tconst existingSubject = subjects.find(subject => subject.subjectId === subjectId);\n\t\t\t\tif (!existingSubject) {\n\t\t\t\t\tsubjects.push({\n\t\t\t\t\t\tsubjectId,\n\t\t\t\t\t\tsubjectTitle\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\tsetAllSubjects(subjects);\n\t}\n\n\tconst handleRowClick = (params) => {\n\t\tlet assignmentId = params?.row?.externalID ?? params?.row?.id;\n\t\thistory.push('/assignment/' + assignmentId);\n\t};\n\n\tconst renderAssignmentTitle = (assignment) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{assignment != null && assignment.externalID != null ?\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
: null}\n\t\t\t\t{assignment.title}
\n\t\t\t{icon}
\n\t\t\t{currentStatus.value}
\n\t\t{assignmentType}
: null}\n\t\t\t{status?.value}
\n\n\t\t{translate('Title')}
,\n\t\t\t\trenderCell: (params) => renderAssignmentTitle(params?.row),\n\t\t\t\tvalueGetter: (value, row) => { return row?.title; },\n\t\t\t\twidth: 250,\n\t\t\t},\n\t\t\t{\n\t\t\t\tfield: 'sectionName',\n\t\t\t\theaderName: translate('Group'),\n\t\t\t\theaderClassName: 'table-header',\n\t\t\t\twidth: 250,\n\t\t\t\tvalueGetter: (value, row) => `${row?.section?.title || ''}`,\n\t\t\t\trenderCell: (params) => { return `${params?.row?.section?.title || ''}`; }\n\t\t\t},\n\t\t\t{\n\t\t\t\tfield: 'dueDate',\n\t\t\t\theaderName: translate('Due Date'),\n\t\t\t\theaderClassName: 'table-header',\n\t\t\t\tdescription: 'This column has a value getter and is not sortable.',\n\t\t\t\twidth: 150,\n\t\t\t\trenderCell: (params) => {\n\t\t\t\t\treturn renderDueDate(params?.row?.dueDate)\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tfield: 'assignmentTaskStatus',\n\t\t\t\theaderClassName: 'table-header',\n\t\t\t\theaderName: translate('Work status'),\n\t\t\t\tminWidth: 150,\n\t\t\t\tflex: 1,\n\t\t\t\trenderCell: (params) => {\n\t\t\t\t\tconst assignmentTask = params?.row?.tasks != null && params.row.tasks.length > 0 ? params.row.tasks[0] : null;\n\t\t\t\t\tconst currentStatus = assignmentTaskStatus.find(task => task.id == assignmentTask.status);\n\t\t\t\t\treturn renderAssignmentTaskStatus(currentStatus);\n\t\t\t\t},\n\t\t\t\tvalueGetter: (value, row) => {\n\t\t\t\t\tconst assignmentTask = row?.tasks != null && row.tasks.length > 0 ? row.tasks[0] : null;\n\t\t\t\t\tconst status = assignmentTaskStatus.find(task => task.id == assignmentTask.status);\n\t\t\t\t\treturn status != null ? status.value : '';\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tfield: 'assessmentStatus',\n\t\t\t\theaderClassName: 'table-header',\n\t\t\t\theaderName: 'Bedömningsstatus',\n\t\t\t\tminWidth: 150,\n\t\t\t\tflex: 1,\n\t\t\t\trenderCell: (params) => {\n\t\t\t\t\tvar status = params?.value;\n\t\t\t\t\treturn status;\n\t\t\t\t},\n\t\t\t\tvalueGetter: (value, row) => {\n\t\t\t\t\tconst assignmentTask = row?.tasks != null && row.tasks.length > 0 ? row.tasks[0] : null;\n\t\t\t\t\tconst assessmentStatus = assignmentTask.assessments == null || assignmentTask.assessments.length == 0 ? null : assignmentTask.assessments[0].status;\n\t\t\t\t\treturn assessmentStatus == \"ASSESSMENT_PUBLISHED\" ? translate('assessed') : translate('Not assessed');\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tfield: 'information',\n\t\t\t\theaderClassName: 'table-header',\n\t\t\t\theaderName: translate('Information'),\n\t\t\t\tminWidth: 150,\n\t\t\t\tflex: 1,\n\t\t\t\trenderCell: (params) => renderInformationColumn(params),\n\t\t\t\tvalueGetter: (value, params) => {\n\t\t\t\t\tconst assignmentType = assignmentTypesOptions.find(option => option.id === params?.row?.assignmentType);\n\t\t\t\t\treturn assignmentType ? assignmentType.title : null;\n\t\t\t\t}\n\t\t\t},\n\t\t];\n\n\t\treturn (\n\t\t\t
);\n\t};\n\n\tconst renderDueDate = (date) => {\n\t\tif (date == null) return null;\n\n\t\t//convert date which is utc to local time\n\t\tvar localDate = moment.utc(date).local();\n\t\treturn (\n\t\t\t\n\t\t\t\t { return 'table-row' }}\n\t\t\t\t\tonRowClick={handleRowClick}\n\t\t\t\t\tonSortModelChange={onSortModelChange}\n\t\t\t\t\tdisableColumnFilter={true}\n\t\t\t\t\tdisableColumnSelector={true}\n\t\t\t\t\tdisableColumnResize={true}\n\t\t\t\t\tdisableColumnPinning={true}\n\t\t\t\t\tgetRowHeight={() => 'auto'}\n\t\t\t\t\tpagination\n\t\t\t\t\tpaginationMode=\"client\"\n\t\t\t\t\tpageSizeOptions={[50, 100]}\n\t\t\t\t\tpageSize={50}\n\t\t\t\t\tapiRef={apiRef}\n\t\t\t\t\tslots={{\n\t\t\t\t\t\tnoRowsOverlay: () => (\n\t\t\t\t\t\t)\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t
\n\t\t\n\t\t\t\t{localDate.format('YYYY-MM-DD')}\n\t\t\t
\n\t\t);\n\t}\n\n\n\tconst onTermChange = (value) => {\n\t\tif (value != '') {\n\t\t\tlet dStartDate = moment();\n\t\t\tlet dDueDate = moment();\n\n\t\t\tswitch (value) {\n\t\t\t\tcase 'year':\n\t\t\t\t\tif (moment().month() < 7) {\n\t\t\t\t\t\tdStartDate = moment().subtract(1, 'year').month(7).date(1);\n\t\t\t\t\t\tdDueDate = moment().month(6).date(31);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tdStartDate = moment().month(7).date(1);\n\t\t\t\t\t\tdDueDate = moment().add(1, 'year').month(6).date(31);\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'previous-year':\n\t\t\t\t\tif (moment().month() < 7) {\n\t\t\t\t\t\tdStartDate = moment().subtract(2, 'year').month(7).date(1);\n\t\t\t\t\t\tdDueDate = moment().subtract(1, 'year').month(6).date(31);\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tdStartDate = moment().subtract(1, 'year').month(7).date(1);\n\t\t\t\t\t\tdDueDate = moment().subtract(0, 'year').month(6).date(31);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'semester':\n\t\t\t\t\tif (moment().month() < 7) {\n\t\t\t\t\t\tdStartDate = moment().month(0).date(1);\n\t\t\t\t\t\tdDueDate = moment().month(6).date(31);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tdStartDate = moment().month(6).date(1);\n\t\t\t\t\t\tdDueDate = moment().month(11).date(31);\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\n\t\t\tsetStartDate(dStartDate);\n\t\t\tsetEndDate(dDueDate);\n\t\t}\n\t}\n\n\tconst onDateChange = (dates) => {\n\t\tsetStartDate(dates.start);\n\t\tsetEndDate(dates.end);\n\t};\n\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t{translate('Update')} \n\t\t\t\t \n\t\t\t \n\t\t\t
\n\t);\n}\n\nconst mapStateToProps = (state) => ({\n});\n\nconst mapDispatchToProps = {\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(MyAssignmentsTableAsStudent);","import React, { useEffect, useState, useMemo, useRef } from 'react';\nimport { DataGrid, GridToolbarContainer, useGridApiRef } from '@mui/x-data-grid';\nimport { Box, Button, Stack, TablePagination } from '@mui/material';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { getAssignmentEvents, setCurrentAssignmentEventPage, setAssignmentEventPageSort, setAssignmentEventPageFilter, clearAssignmentEventPaginationFromStore } from 'actions/assignments';\nimport NoAssginmentsFoundLayout from './NoItemsFoundLayout';\nimport SelectMultiple from 'containers/Overview/TableFilterComponents/SelectMultiple';\nimport moment from 'moment';\nimport { useHistory } from 'react-router-dom';\nimport RunningWithErrorsOutlinedIcon from '@mui/icons-material/RunningWithErrorsOutlined';\nimport { Icon, translate, translate as translateConstructor } from '@haldor/ui';\nimport { getRootUrl } from 'helpers/url';\n\n\nconst MyAssignmentsLogs = ({ groupId }) => {\n\tconst translations = useSelector(state => state.Languages.translations);\n\tconst currentPage = useSelector(state => state.AssignmentEventsPagination.currentPage);\n\tconst sortField = useSelector(state => state.AssignmentEventsPagination.sortField);\n\tconst sortOrder = useSelector(state => state.AssignmentEventsPagination.sortOrder);\n\tconst filterField = useSelector(state => state.AssignmentEventsPagination.filterField);\n\tconst filterValues = useSelector(state => state.AssignmentEventsPagination.filterValues);\n\tconst lastFetched = useSelector(state => state.AssignmentEventsPagination.lastFetched);\n\n\tconst dispatch = useDispatch();\n\n\tlet translate = translateConstructor(translations);\n\tconst history = useHistory();\n\tconst apiRef = useGridApiRef();\n\tconst currentTableFilter = useRef(null);\n\n\tconst [paginationModel, setPaginationModel] = useState({\n\t\tpage: currentPage > 1 ? currentPage - 1 : 0,\n\t\tpageSize: 15,\n\t\tsortField: sortField,\n\t\tsortOrder: sortOrder,\n\t\tfilterField: groupId ? 'sectionIds' : filterField,\n\t\tfilterValues: groupId ? [groupId] : filterValues,\n\t});\n\n\t/**\n\t * This will be triggered when the lastFetched is updated.\n\t */\n\tuseEffect(() => {\n\t\t/**\n\t\t * if lastFetched is becoming null, then we need to reset the page in paginationModel to the initial state.\n\t\t */\n\t\tif (lastFetched == null) {\n\t\t\tsetPaginationModel({ ...paginationModel, page: 0 });\n\t\t}\n\t}, [lastFetched]);\n\n\t/**\n\t * This useEffect will be triggered when the component is mounted and set the sort and filter values in the table.\n\t */\n\tuseEffect(() => {\n\t\tif (paginationModel.sortField != null && paginationModel.sortOrder != null && paginationModel.filterValues.length > 0) {\n\t\t\tapiRef.current.setSortModel([{ field: paginationModel.sortField, sort: paginationModel.sortOrder }]);\n\t\t}\n\n\t\tif (paginationModel.filterField != null && paginationModel.filterValues != null) {\n\t\t\tcurrentTableFilter.current = {\n\t\t\t\t[paginationModel.filterField]: paginationModel.filterValues\n\t\t\t};\n\n\t\t\tlet sectionIds = null;\n\n\t\t\tif (groupId != null) {\n\t\t\t\tsectionIds = [groupId];\n\t\t\t} else {\n\t\t\t\tsectionIds = paginationModel.filterValues != null && paginationModel.filterValues.length > 0 ? paginationModel.filterValues.map(item => item.id) : null;\n\t\t\t}\n\n\t\t\tsetPaginationModel({ ...paginationModel, filterField: paginationModel.filterField, filterValues: sectionIds });\n\t\t}\n\n\t\t// Check if lastFetched is 5 min old, then clear the pagination from the store\n\t\tif (lastFetched != null && moment().diff(lastFetched, 'minutes') > 5) {\n\n\t\t\t/**\n\t\t\t * This will set lastFetched to null and clear the pagination from the store.\n\t\t\t */\n\t\t\tdispatch(clearAssignmentEventPaginationFromStore());\n\t\t}\n\t}, []);\n\n\t/**\n\t * FetchData will be triggered every time the paginationModel is updated.\n\t */\n\tconst {\n\t\tisLoading,\n\t\trows,\n\t\tinfo: { hasNextPage, totalRowCount },\n\t} = fetchData(paginationModel);\n\n\tconst onPaginationModelChange = (updatedPageInfo) => {\n\t\tif (updatedPageInfo != null) {\n\t\t\tsetPaginationModel({ ...paginationModel, page: updatedPageInfo.page, pageSize: updatedPageInfo.pageSize })\n\t\t}\n\t}\n\n\tconst onSortModelChange = (details) => {\n\t\tif (details && details.length > 0) {\n\t\t\tconst sortField = details[0].field;\n\t\t\tconst sortOrder = details[0].sort;\n\n\t\t\tdispatch(setAssignmentEventPageSort(sortField, sortOrder));\n\t\t\tsetPaginationModel({ ...paginationModel, sortField, sortOrder });\n\t\t} else {\n\t\t\tdispatch(setAssignmentEventPageSort(null, null));\n\t\t\tsetPaginationModel({ ...paginationModel, sortField: null, sortOrder: null });\n\t\t}\n\t}\n\n\t/**\n\t * This function is called when the user selects a filter in the table filter component.\n\t * @param {*} filterType \n\t * @param {*} selectedOptions \n\t */\n\tconst onChangeFilter = (filterType, selectedOptions) => {\n\t\tconst filterObjects = {\n\t\t\t...currentTableFilter.current,\n\t\t\t[filterType]: selectedOptions\n\t\t};\n\n\t\tcurrentTableFilter.current = filterObjects;\n\n\t\tif (selectedOptions == null || selectedOptions.length === 0) {\n\t\t\tsetPaginationModel({ ...paginationModel, filterField: null, filterValues: null });\n\t\t\tdispatch(setAssignmentEventPageFilter(null, null));\n\t\t\treturn;\n\t\t}\n\n\t\tswitch (filterType) {\n\t\t\tcase 'sectionIds':\n\t\t\t\tlet sectionIds = selectedOptions != null && selectedOptions.length > 0 ? selectedOptions.map(item => item.id) : null;\n\t\t\t\tdispatch(setAssignmentEventPageFilter(filterType, selectedOptions));\n\t\t\t\tsetPaginationModel({ ...paginationModel, filterField: filterType, filterValues: sectionIds });\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\tconst resetTableFilter = () => {\n\t\tcurrentTableFilter.current = null;\n\t\tsetPaginationModel({ ...paginationModel, filterField: null, filterValues: null });\n\t\tdispatch(setAssignmentEventPageFilter(null, null));\n\t}\n\n\tconst handleRowClick = (params) => {\n\t\tlet row = params.row;\n\n\t\tswitch (row.event) {\n\t\t\tcase \"ASSIGNMENT_DEADLINE_PASSED\":\n\t\t\t\t// Navigate to the assignment page\n\t\t\t\tvar url = `${getRootUrl()}assignment/${row.assignmentId}`;\n\t\t\t\thistory.push(url);\n\t\t\t\tbreak;\n\t\t\tcase \"ASSIGNMENT_TASK_STATUS\":\n\t\t\t\t// Navigate to the assignment task page\n\t\t\t\tvar url = `${getRootUrl()}assignment/${row.assignmentId}/task/${row.assignmentTaskId}/documents`;\n\t\t\t\thistory.push(url);\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tconst columns = [\n\t\t{\n\t\t\tfield: 'created',\n\t\t\theaderName: 'Created',\n\t\t\trenderHeader: (params) => \n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{translate('select-period')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t{RenderDataGrid()}
\n\t\t{translate('Created')}
,\n\t\t\tflex: 0,\n\t\t\twidth: 160,\n\t\t\tsortable: true,\n\t\t\trenderCell: (params) => {\n\t\t\t\tvar eventType = params?.row?.eventType;\n\t\t\t\tvar icon = null;\n\n\t\t\t\tif (eventType != null) {\n\t\t\t\t\tswitch (eventType) {\n\t\t\t\t\t\tcase 'DEADLINE_PASSED':\n\t\t\t\t\t\t\ticon = {icon}
}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{moment.utc(params?.row?.created).local().format('YYYY-MM-DD HH:mm')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\t// Memoize the assignmentTaskStatusIcons to prevent reloading all the time\n\tconst assignmentTaskStatusIcons = useMemo(() => ([\n\t\t{ id: 'ASSIGNMENT_TASK_NOT_STARTED', icon: {icon}
\n\t\t\t{assignment.title}
{moment.utc(assignment.dueDate).local().format('YYYY-MM-DD')}
;\n\t\t\t\treturn {\n\t\t\t\t\tfield: `assignment-${assignment.id}`,\n\t\t\t\t\trenderHeader: (params) => (\n\t\t\t\t\t\t{moment.utc(assignment.dueDate).local().format('YYYY-MM-DD')}
\n\t\t\t\t\t\t\t\t{assignment.title}
\n\t\t\t\t\t\t\t\t{moment.utc(assignment.dueDate).local().format('YYYY-MM-DD')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{moment.utc(assignment.dueDate).local().format('YYYY-MM-DD')}\n\t\t\t\t\t\t\t
\n\t\t\t{!isLoading ? \n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t{translate('Update')} \n\t\t\t\t\t \n\t\t\t : null}\n\t\t\t
\n\t);\n};\n\nexport default AssignmentsStudentsProgress;\n","\n\nimport React, { useState, useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Link, useParams, useHistory } from 'react-router-dom';\n\nimport { getEducationGroups } from 'actions/sections';\nimport { clearAssignmentsFromStore, clearAssignmentEventPaginationFromStore } from 'actions/assignments';\n\nimport MyAssignments from 'containers/Overview/Sections/MyAssignments';\nimport moment from 'moment';\nimport { Icon, TooltipMenu, Button, translate as translateConstructor } from '@haldor/ui';\nimport ToggleButton from '@mui/material/ToggleButton';\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup';\nimport TableRowsIcon from '@mui/icons-material/TableRows';\nimport WidgetsIcon from '@mui/icons-material/Widgets';\nimport Grid from '@mui/material/Grid';\nimport { isUserStudent, isUserTeacher } from 'helpers/user';\nimport MyAssignmentsTableAsStaff from 'containers/Assignments/MyAssignmentsTableAsStaff';\nimport MyAssignmentsTableAsStudent from 'containers/Assignments/MyAssignmentsTableAsStudent';\nimport SectionTitle from 'components/Presentation/SectionTitle';\nimport Modal from 'containers/Modals/Modal';\nimport swal from 'sweetalert2';\nimport { isMicrosoftTeams } from 'helpers/teams';\nimport { getRootUrl } from 'helpers/url';\nimport * as microsoftTeams from '@microsoft/teams-js';\n\nimport { setPageTitle, setPageActions } from 'actions/header';\n\nimport AssignmentForm from 'containers/Forms/AssignmentForm/AssignmentForm';\nimport MultipleAssignmentForm from 'containers/Forms/AssignmentForm/MultipleAssignmentForm';\nimport Tab from '@mui/material/Tab';\nimport TabContext from '@mui/lab/TabContext';\nimport TabList from '@mui/lab/TabList';\nimport MyAssignmentsLogs from './MyAssignmentsLogs';\nimport { Stack } from '@mui/material';\n\nimport AssignmentsStudentsProgress from 'components/List/AssignmentsStudentsProgress';\n\nimport { assignmentsStudentsProgress_assignmentsDateFilter_key, myAssignmentsWrapper_selectedTab_key } from 'helpers/localstorage';\n\nfunction MyAssignmentsWrapper({ showHeaderIcon, pageSize, overview, groupId }) {\n\tconst [serviceEnabled, setServiceEnabled] = useState(false);\n\tconst [currentLayout, setCurrentLayout] = useState('old_assignment_layout');\n\tconst [showAssignmentHeader, setShowAssignmentHeader] = useState(false);\n\tconst [groupAssignmentFormModal, showGroupAssignmentFormModal] = useState(false);\n\tconst [multipleAssignmentFormModal, showMultipleAssignmentFormModal] = useState(false);\n\tconst [missingWorkspace, setMissingWorkspace] = useState(false);\n\tconst [currentSelectedTab, setCurrentSelectedTab] = useState(null);\n\tconst [currentGroupId, setCurrentGroupId] = useState(null);\n\tconst [isTeacher, setIsTeacher] = useState(false);\n\n\tconst translations = useSelector(state => state.Languages.translations);\n\tconst tenant = useSelector(state => state.user.tenant);\n\tconst currentUser = useSelector(state => state.user.currentUser);\n\tconst sections = useSelector(state => state.sections.educationGroups);\n\tconst activeSection = useSelector(state => state.sections.activeSection);\n\tconst services = useSelector(state => state.Services.availableServices);\n\tconst assignments = useSelector(state => state.assignments.assignments);\n\tconst teamsAssignments = useSelector(state => state.assignments.teamsAssignments);\n\n\t/**\n\t * Retrieves the hash value from the URL.\n\t */\n\tconst hash = window.location.hash;\n\tlet translate = translateConstructor(translations);\n\n\tconst dispatch = useDispatch();\n\tconst history = useHistory();\n\n\t/**\n\t * This useEffect will run when the groupId is changed. Which happens when the user navigates to section.\n\t */\n\tuseEffect(() => {\n\t\tconst clearAssignmentEventPagination = async () => {\n\t\t\tawait dispatch(clearAssignmentEventPaginationFromStore());\n\t\t\tsetCurrentGroupId(groupId);\n\t\t};\n\n\t\tif (groupId) {\n\t\t\tclearAssignmentEventPagination();\n\t\t}\n\t}, [groupId]);\n\n\tuseEffect(() => {\n\t\tif (currentSelectedTab != null) {\n\t\t\tlocalStorage.setItem(myAssignmentsWrapper_selectedTab_key, currentSelectedTab);\n\t\t}\n\t}, [currentSelectedTab]);\n\n\tuseEffect(() => {\n\t\tif (sections && sections.length > 0) {\n\t\t\tcheckIfWorkspaceExists();\n\t\t}\n\t}, [sections, assignments, teamsAssignments]);\n\n\tuseEffect(() => {\n\t\tif (isTeacher && (!overview && groupId == null)) {\n\t\t\tlet actions = [];\n\n\t\t\tif (getRootUrl() == '/' || getRootUrl() == '/assignments-tab/' || getRootUrl() == '/haldor-tab/') {\n\t\t\t\tactions.push({\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tvalue: translate('task-create-button'),\n\t\t\t\t\tonClick: () => showMultipleAssignmentFormModal(true),\n\t\t\t\t\tbuttonType: 'primary',\n\t\t\t\t\ticon: 'plus',\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tactions.push({\n\t\t\t\ttype: 'button',\n\t\t\t\tvalue: translate('create-group-assignment'),\n\t\t\t\tonClick: () => showGroupAssignmentFormModal(true),\n\t\t\t\tbuttonType: 'primary',\n\t\t\t\ticon: 'plus',\n\t\t\t});\n\n\t\t\tdispatch(setPageTitle(translate('tasks-header-overview')));\n\t\t\tdispatch(setPageActions(actions));\n\t\t}\n\t}, [isTeacher]);\n\n\tuseEffect(() => {\n\t\t// If the hash is set in the URL, we want to set the currentSelectedTab to the hash value\n\t\t// Otherwise we want to set the currentSelectedTab to the default value #assignments\n\t\tvar recentlySelectedTab = localStorage.getItem(myAssignmentsWrapper_selectedTab_key);\n\t\tif (recentlySelectedTab != null) {\n\t\t\tsetCurrentSelectedTab(recentlySelectedTab);\n\t\t}\n\t\telse\n\t\t\tsetCurrentSelectedTab(\"#assignments\");\n\n\t\tif (sections == null || sections.length == 0) {\n\t\t\tdispatch(getEducationGroups());\n\t\t}\n\n\t\tvar savedLayoutView = localStorage.getItem(\"assigment_layoutView\");\n\t\tif (savedLayoutView) { setCurrentLayout(savedLayoutView); }\n\n\t\tconst assignmentServices = tenant.tenantServices.find(service => {\n\t\t\treturn (service.serviceId == 'HALDOR_ASSIGNMENTS' || service.serviceId == 'MS_ASSIGNMENTS') && moment(service.serviceEnd).isSameOrAfter(moment(), 'day');\n\t\t});\n\n\t\tsetServiceEnabled(assignmentServices != null);\n\n\t\tif (isMicrosoftTeams() && window.location.pathname == '/haldor-tab/assignments') {\n\t\t\tdispatch(setPageTitle(translate('tasks-header-overview')));\n\t\t}\n\n\t\tif (groupId || showHeaderIcon) {\n\t\t\tsetShowAssignmentHeader(true);\n\t\t}\n\n\t\tsetIsTeacher(isUserTeacher(currentUser));\n\n\t\treturn () => {\n\n\t\t};\n\t}, []);\n\n\tconst checkIfWorkspaceExists = () => {\n\t\t// If groupId is provided in the URL, we can use that to find the section\n\t\tif (groupId != null) {\n\t\t\tlet section = sections.find((section) => section.id == groupId);\n\t\t\tif (section) {\n\t\t\t\tsetMissingWorkspace(section.classroomUrl == null || section.classroomUrl == '');\n\t\t\t}\n\t\t} else {\n\t\t\t// If groupId is not provided in the URL, we can use the context to find the section if user using the teams\n\t\t\tif (microsoftTeams.app.isInitialized()) {\n\t\t\t\tmicrosoftTeams.app.getContext().then(async (context) => {\n\t\t\t\t\tif (context.team != null && context.team.groupId != null) {\n\t\t\t\t\t\tlet section = sections.find((section) => section.graphId == context.team.groupId);\n\t\t\t\t\t\tif (section != null) {\n\t\t\t\t\t\t\tsetMissingWorkspace(section.classroomUrl == null || section.classroomUrl == '');\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\tconst renderCreateAssignmentButton = () => {\n\t\tif (!serviceEnabled) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst isTeacher = isUserTeacher(currentUser);\n\n\t\tif (isTeacher) {\n\t\t\tif (missingWorkspace) {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{translate('select-period')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t{translate('Sign explanation')}\n\n\t\t\t\t\t\t\t\t{assignmentTaskStatusIcons.map((item) => {\n\t\t\t\t\t\t\t\t\tlet currentStatus = status?.assignmentTaskStatus.find(t => t.id === item.id);\n\n\t\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{item.icon}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{currentStatus != null ? currentStatus.value : null}\n\t\t\t\t\t\t\t\t\t\t{currentStatus == null && item.value != null ? translate(item.value) : null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t (
\n\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t showGroupAssignmentFormModal(true)}>\n\t\t\t\t\t\t\t{translate('create-group-assignment')}\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t showMultipleAssignmentFormModal(true)}>\n\t\t\t\t\t\t\t{translate('task-create-button')}\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\t};\n\n\tconst setLayout = (newLayout) => {\n\t\tif (newLayout) {\n\t\t\tlocalStorage.setItem(\"assigment_layoutView\", newLayout);\n\t\t\tdispatch(clearAssignmentsFromStore());\n\t\t\tsetCurrentLayout(newLayout);\n\t\t}\n\t}\n\n\tconst renderNewTableLayout = (groupId) => {\n\t\tconst isTeacher = isUserTeacher(currentUser);\n\t\tconst isStudent = isUserStudent(currentUser);\n\n\t\tif (isTeacher) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tif (isStudent) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tconst renderOldLayout = (groupid) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n\n\tconst onTabChange = (event, nextTab) => {\n\t\tlet previousTab = currentSelectedTab;\n\n\t\t// Clear the assignments from the store when switching between assignments and assignmentStudentsProgress\n\t\t// This is to avoid showing the wrong assignments when switching between the tabs, becuause the assignments are loadeded with expand.\n\t\tif (nextTab == \"#assignmentStudentsProgress\" || (previousTab == \"#assignmentStudentsProgress\" && nextTab == \"#assignments\")) {\n\t\t\tdispatch(clearAssignmentsFromStore());\n\t\t}\n\n\t\tsetCurrentSelectedTab(nextTab);\n\t};\n\n\tconst showMissingWorkspaceNotice = () => {\n\t\tlet text = translate(\n\t\t\t'A configuration problem has occurred with one of your groups. This means that the group is missing a workspace in Sharepoint and no assignments or plans can be created.'\n\t\t);\n\t\ttext +=\n\t\t\t' ' +\n\t\t\ttranslate(\n\t\t\t\t'Please wait and try again later. If the problem persists, please contact your school for support.'\n\t\t\t);\n\n\t\tswal.fire({\n\t\t\ttitle: translate('Workspace missing'),\n\t\t\ttext: text,\n\t\t\tshowCancelButton: false,\n\t\t\tconfirmButtonText: translate('Ok'),\n\t\t}).then((result) => { });\n\t};\n\n\tif (!serviceEnabled) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{translate('Showing data between')}{' '}\n\t\t\t\t\t\t{moment().subtract(6, 'months').format('YYYY-MM-DD')}{' '}\n\t\t\t\t\t\t{translate('to').toLowerCase()}{' '}\n\t\t\t\t\t\t{moment().format('YYYY-MM-DD')}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t{translate('service-not-active-error')}\n\t\t\t
\n\t\t);\n\t}\n\n\tconst assignmentFormParams = {\n\t\tonAbort: () => { showGroupAssignmentFormModal(false) },\n\t\teditView: false,\n\t\tcloneView: false,\n\t\tgroupId\n\t};\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t\t\t{translate('create-group-assignment')}{' '}\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\tonClose={() => { showGroupAssignmentFormModal(false) }}\n\t\t\t>\n\t\t\t\t\n\t\t\t\t\t\t{translate('task-create-button')}{' '}\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\tonClose={() => { showMultipleAssignmentFormModal(false); }}\n\t\t\t>\n\t\t\t\t { showMultipleAssignmentFormModal(false); }}\n\t\t\t\t/>\n\t\t\t\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t onTabChange(event, newValue)}>\n\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t{currentSelectedTab === \"#assignments\" && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t setLayout(newValue)} exclusive>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t)}\n\t\t\t \n\n\t\t\t{\n\t\t\t\tcurrentSelectedTab == \"#assignments\" && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{currentLayout == 'old_assignment_layout' ? renderOldLayout(groupId) : null}\n\t\t\t\t\t\t{currentLayout == 'new_assignment_layout' ? renderNewTableLayout(groupId) : null}\n\t\t\t\t\t\n\t\t\t\t)\n\t\t\t}\n\n\n\t\t\t{\n\t\t\t\tcurrentSelectedTab == \"#logs\" ? <>\n\t\t\t\t\t
\n\t);\n}\n\nexport default MyAssignmentsWrapper;","import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { getPlans, getPlansBySectionId } from \"actions/plans\";\nimport { Select, translate as translateConstructor, Button as HaldorButton } from '@haldor/ui';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useEffect } from 'react';\nimport { DataGridPro, gridClasses, GridToolbarContainer, useGridApiRef } from '@mui/x-data-grid-pro';\nimport { makeStyles } from '@mui/styles';\nimport { svSE, enUS, nbNO, daDK } from '@mui/x-data-grid-pro/locales';\nimport { Avatar, Chip, Grid, Stack, Tooltip } from '@mui/material';\nimport ColorLabelContainer from 'UI/Elements/ColorLabel/ColorLabelContainer';\nimport ColorLabel from 'UI/Elements/ColorLabel/ColorLabel';\nimport PersonAddIcon from '@mui/icons-material/PersonAdd';\nimport { getRootUrl } from 'helpers/url';\nimport { useHistory } from 'react-router-dom';\n\nimport NoItemsFoundLayout from 'containers/Assignments/NoItemsFoundLayout';\nimport SelectMultiple from 'containers/Overview/TableFilterComponents/SelectMultiple';\nimport CustomColumnSelector from 'components/DataGrid/CustomColumnSelector';\nimport DatePickerFromTo from 'containers/Forms/Partials/DatePickerFromTo';\nimport moment from 'moment';\n\n/**\n * this is a map of the locale to the data grid language\n */\nconst localeMapDataGrid = {\n\t'EN-US': enUS,\n\t'SV-SE': svSE,\n\t'NB-NO': nbNO,\n\t'DA-DK': daDK,\n};\nconst CustomToolbar = ({ filterValues, onChangeFilter, mySections, subjects }) => {\n\tconst translations = useSelector(state => state.Languages.translations);\n\tconst planStatuses = useSelector(state => state.status.status.planningStatus);\n\tlet translate = translateConstructor(translations);\n\n\tconst groupOptions = useMemo(() => mySections?.filter(item => item?.id > 0)?.map(item => ({ id: item.id, title: item.title })) || [], [mySections]);\n\tconst assessmentStatusOptions = [{ id: 'NOT_PUBLISHED_ASSESSMENTS', title: translate('Missing published assessments') }];\n\tconst planStatusOptions = useMemo(() => planStatuses != null ? planStatuses.map(item => ({ id: item.id, title: item.value })) : [], [planStatuses]);\n\n\tconst subjectsOptions = useMemo(() => {\n\t\tif (subjects == null) return [];\n\n\t\tconst uniqueSubjectObjects = subjects.reduce((uniqueSubjects, subject) => {\n\t\t\tif (!uniqueSubjects.some(item => item.title === subject.subjectTitle)) {\n\t\t\t\tuniqueSubjects.push({ id: subject.subjectId, title: subject.subjectTitle });\n\t\t\t}\n\t\t\treturn uniqueSubjects;\n\t\t}, []);\n\n\t\tif (uniqueSubjectObjects.length > 1)\n\t\t\tuniqueSubjectObjects.sort((a, b) => a.title.localeCompare(b.title));\n\n\t\treturn uniqueSubjectObjects;\n\t}, [subjects]);\n\n\tconst initialSelectedGroups = useMemo(() => filterValues?.groups ?? [], [filterValues?.groups]);\n\tconst initialSelectedSubjects = useMemo(() => filterValues?.subjects ?? [], [filterValues?.subjects]);\n\tconst initialSelectedAssessmentStatus = useMemo(() => filterValues?.assessmentStatus ?? [], [filterValues?.assessmentStatus]);\n\tconst initialSelectedPlanStatus = useMemo(() => filterValues?.planStatus ?? [], [filterValues?.planStatus]);\n\n\treturn (\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{(showAssignmentHeader ? (\n\t\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\n\n\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null)}\n\t\t\t\t\t\n\t\t\t\n\t\t\t\t onChangeFilter('groups', selectedOptions)} initialSelectedItems={initialSelectedGroups} options={groupOptions} label={translate('Active groups')} sx={{ minWidth: 300, maxWidth: 350 }} />\n\t\t\t\t onChangeFilter('subjects', selectedOptions)} initialSelectedItems={initialSelectedSubjects} options={subjectsOptions} label={translate('Subjects')} sx={{ minWidth: 300, maxWidth: 350 }} />\n\t\t\t\t{/* onChangeFilter('assessmentStatus', selectedOptions)} initialSelectedItems={initialSelectedAssessmentStatus} options={assessmentStatusOptions} label={translate('Assessment status')} sx={{ minWidth: 350, maxWidth: 350 }} /> */}\n\t\t\t\t onChangeFilter('planStatus', selectedOptions)} initialSelectedItems={initialSelectedPlanStatus} options={planStatusOptions} label={translate('Access status')} sx={{ minWidth: 300, maxWidth: 350 }} />\n\t\t\t\t \n\t\t
\n\t);\n};\n\nconst useStyles = makeStyles({\n\troot: {\n\t\twidth: '100%',\n\t\tbackgroundColor: '#FFFFFF',\n\t\tmarginBottom: '3rem',\n\t\tposition: 'relative',\n\t},\n\tfirstColumn: {\n\t\tboxShadow: '5px 0 10px #0000000d;',\n\t\tfontSize: '.688rem',\n\t},\n\trowStyle: {\n\t\tcursor: 'pointer',\n\t},\n\t'& .MuiDataGrid-columnHeaders': {\n\t\tbackgroundColor: '#f0f0f0', // Custom background color\n\t\tcolor: '#333', // Custom text color\n\t\tfontSize: '.688rem', // Font size for headers\n\t\tfontWeight: 'normal !important',\n\t\tcursor: 'unset !important',\n\t},\n\t'& .MuiDataGrid-columnHeaderTitle': {\n\t\tfontWeight: 'normal !important',\n\t\twhiteSpace: 'normal',\n\t\tlineHeight: '1.2',\n\t\toverflow: 'visible',\n\t},\n});\n\nconst MyPlansList = () => {\n\tconst [datagridLanguage, setDatagridLanguage] = useState(enUS); // Default to English\n\tconst [loading, setLoading] = useState(true);\n\tconst [paginationModel, setPaginationModel] = useState({ pageSize: 10, page: 0 });\n\tconst [allSubjects, setAllSubjects] = useState(null);\n\tconst [startDate, setStartDate] = useState(null);\n\tconst [endDate, setEndDate] = useState(null);\n\n\tconst translations = useSelector(state => state.Languages.translations);\n\tconst plans = useSelector(state => state.planning.plans);\n\tconst currrentUser = useSelector(state => state.user.currentUser);\n\tconst mySections = useSelector(state => state.sections.educationGroups);\n\n\tconst currentTableFilter = useRef(null);\n\tuseEffect(() => {\n\t\tconst filterObject = localStorage.getItem(\"plans_filter_objects\");\n\t\tcurrentTableFilter.current = JSON.parse(filterObject);\n\t\tif (startDate == null && endDate == null && currentTableFilter.current != null && currentTableFilter.current.startDate != null && currentTableFilter.current.endDate != null) {\n\t\t\tconst newStartDate = moment(currentTableFilter.current.startDate);\n\t\t\tconst newEndDate = moment(currentTableFilter.current.endDate);\n\n\t\t\tsetStartDate(prevStartDate =>\n\t\t\t\tprevStartDate != null && moment(prevStartDate).isSame(newStartDate, 'day') ? prevStartDate : newStartDate\n\t\t\t);\n\t\t\tsetEndDate(prevEndDate =>\n\t\t\t\tprevEndDate != null && moment(prevEndDate).isSame(newEndDate, 'day') ? prevEndDate : newEndDate\n\t\t\t);\n\t\t} else {\n\t\t\tonTermChange('year');\n\t\t}\n\t}, []);\n\n\n\tuseEffect(() => {\n\t\tif (plans != null && plans.length >= 0) {\n\t\t\tfetchSubjects();\n\t\t}\n\t}, [plans]);\n\n\tuseEffect(() => {\n\t\tif (allSubjects != null) {\n\t\t\tfilterPlans();\n\t\t}\n\t}, [allSubjects]);\n\n\tuseEffect(() => {\n\t\tif (currrentUser != null && currrentUser.lcid != null && localeMapDataGrid[currrentUser.lcid.toUpperCase()] != null) {\n\t\t\tsetDatagridLanguage(localeMapDataGrid[currrentUser.lcid.toUpperCase()]);\n\t\t}\n\t}, [currrentUser]);\n\n\tconst classes = useStyles();\n\tconst dispatch = useDispatch();\n\tconst history = useHistory();\n\tconst apiRef = useGridApiRef();\n\tlet translate = translateConstructor(translations);\n\n\t/**\n\t * This is the columns for the DATAGRIDS and only to be recaulated when the plans are changed\n\t */\n\tconst columns = useMemo(() => [\n\t\t{\n\t\t\tfield: 'title',\n\t\t\theaderName: translate('Title'),\n\t\t\tdisableColumnMenu: true,\n\t\t\tminWidth: 200,\n\t\t\talign: 'left',\n\t\t\tflex: 1,\n\t\t},\n\t\t{\n\t\t\tfield: 'groupTitle',\n\t\t\theaderName: translate('Groups'),\n\t\t\tdisableColumnMenu: true,\n\t\t\talign: 'left',\n\t\t\tminWidth: 200,\n\t\t\tflex: 1,\n\t\t},\n\t\t{\n\t\t\tfield: 'startDate',\n\t\t\theaderName: translate('Start date'),\n\t\t\trenderCell: (params) => { return params.value ? new Date(params.value).toLocaleDateString() : '' },\n\t\t\tdisableColumnMenu: true,\n\t\t\tminWidth: 100,\n\t\t\talign: 'left',\n\t\t\tflex: 1,\n\t\t},\n\t\t{\n\t\t\tfield: 'endDate',\n\t\t\theaderName: translate('Due Date'),\n\t\t\tdisableColumnMenu: true,\n\t\t\trenderCell: (params) => { return params.value ? new Date(params.value).toLocaleDateString() : '' },\n\t\t\talign: 'left',\n\t\t\tminWidth: 100,\n\t\t\tflex: 1,\n\t\t},\n\t\t{\n\t\t\tfield: 'subjects',\n\t\t\theaderName: translate('Subjects'),\n\t\t\tdisableColumnMenu: true,\n\t\t\trenderCell: (params) => renderCourses(params),\n\t\t\tminWidth: 250,\n\t\t\talign: 'left',\n\t\t},\n\t\t{\n\t\t\tfield: 'informations',\n\t\t\theaderName: translate('Information'),\n\t\t\tdisableColumnMenu: true,\n\t\t\trenderCell: (params) => renderInformations(params),\n\t\t\talign: 'left',\n\t\t\tminWidth: 150,\n\t\t\tflex: 1,\n\t\t}\n\t], [plans]);\n\n\t/**\n\t * This method is used within the DATAGRIDS to render the column of informations\n\t * @param {*} params \n\t * @returns \n\t */\n\tconst renderInformations = (params) => {\n\t\tlet plan = params.row && params.row.plan;\n\t\tif (plan == null) return null;\n\n\t\tlet status = plan.status;\n\t\tlet statusHtml = null;\n\t\tlet autoAssignHTML = null;\n\n\t\tif (plan.autoAssignStudents) {\n\t\t\tautoAssignHTML = (\n\t\t\t\t\t{translate(\"Open\")}\n\t\t\t\t
\n\t\t\t);\n\t\t} else if (status === \"PLANNING_CLOSED\") {\n\t\t\tstatusHtml = (\n\t\t\t\t\n\t\t\t\t\t{translate(\"Closed\")}\n\t\t\t\t
\n\t\t\t);\n\t\t} else if (status === \"PLANNING_DRAFT\") {\n\t\t\tstatusHtml = (\n\t\t\t\t\n\t\t\t\t\t{translate(\"Draft\")}\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t{startDate && endDate ? (\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t { updateData(startDate, endDate) }}>{translate('Update')} \n\t\t\t\t \n\t\t\t ) : null}\n\t\t\t
\n\t);\n};\n\nexport default MyPlansList;","// External Libraries\nimport React, { useEffect, useState } from 'react';\nimport { Link, useHistory } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\n// MUI Components\nimport Grid from '@mui/material/Grid';\nimport Stack from '@mui/material/Stack';\nimport ToggleButton from '@mui/material/ToggleButton';\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup';\n\n// MUI Icons\nimport TableRowsIcon from '@mui/icons-material/TableRows';\nimport WidgetsIcon from '@mui/icons-material/Widgets';\n\n// Haldor Components\nimport { Button, Icon, Spinner, translate as translateConstructor } from '@haldor/ui';\n\n// Constants\nimport { PRESCHOOL } from 'constants/schoolTypes';\n\n// Helpers\nimport { isUserStudent, isUserTeacher } from 'helpers/user';\nimport { getRootUrl } from 'helpers/url';\nimport { isMicrosoftTeams } from 'helpers/teams';\n\n// Actions\nimport { setPageTitle, setPageActions } from 'actions/header';\nimport { clearPlansFromStore } from 'actions/plans';\n\n// Local Components\nimport SectionTitle from 'components/Presentation/SectionTitle';\nimport SectionForm from 'containers/Forms/SectionForm';\nimport SinglePlanForm from 'containers/Forms/PlanningForm/SinglePlanForm';\nimport MultiplePlanForm from 'containers/Forms/PlanningForm/MultiplePlanForm';\nimport MultiplePreschoolPlanForm from 'containers/Forms/PlanningForm/MultiplePreschoolPlanForm';\nimport Modal from 'containers/Modals/Modal';\nimport MyPlans from 'containers/Overview/Sections/MyPlans';\nimport MyPlansList from './MyPlansList';\nimport moment from 'moment';\n\nconst MyPlansWrapper = ({ overview = false, onlyGantView = false, groupId = null }) => {\n\tconst [currentLayout, setCurrentLayout] = useState('gant_plans_layout');\n\tconst [multiplePlanFormModal, setMultiplePlanFormModal] = useState(null);\n\tconst [groupSettingFormModel, setGroupSettingFormModel] = useState(false);\n\tconst [sectionId, setSectionId] = useState(null);\n\tconst [loading, setLoading] = useState(false);\n\n\tconst currentUser = useSelector(state => state.user.currentUser);\n\tconst translations = useSelector(state => state.Languages.translations);\n\tconst group = useSelector(state => state.sections.graphSection);\n\n\tlet translate = translateConstructor(translations);\n\n\tconst dispatch = useDispatch();\n\tconst history = useHistory();\n\n\tlet isTeacher = isUserTeacher(currentUser);\n\tlet isStudent = isUserStudent(currentUser);\n\n\tuseEffect(() => {\n\t\tif (multiplePlanFormModal != null && !multiplePlanFormModal) {\n\t\t\tsetLoading(true);\n\n\t\t\t/**\n\t\t\t * To make sure it cleans the store before loading the plans\n\t\t\t */\n\t\t\tsetTimeout(() => {\n\t\t\t\tdispatch(clearPlansFromStore());\n\t\t\t\tsetLoading(false);\n\t\t\t}, 400);\n\t\t}\n\t}, [multiplePlanFormModal]);\n\n\tuseEffect(() => {\n\t\tlet actions = [];\n\n\t\tif (!onlyGantView) {\n\t\t\tconst layout = localStorage.getItem(\"plans_layoutView\");\n\n\t\t\tif (layout) {\n\t\t\t\tsetCurrentLayout(layout);\n\t\t\t}\n\t\t}\n\n\t\tif (!overview) {\n\t\t\tdispatch(setPageTitle(translate('planning-header-overview')));\n\t\t}\n\n\t\tif (isTeacher && !overview) {\n\t\t\tactions.push({\n\t\t\t\ttype: \"button\",\n\t\t\t\tvalue: translate(\"Create\"),\n\t\t\t\tonClick: toggleMultiplePlansForm,\n\t\t\t\tbuttonType: \"primary\",\n\t\t\t\ticon: \"plus\"\n\t\t\t});\n\n\t\t\tif (getRootUrl() == '/planning-tab/') {\n\t\t\t\tactions.push({\n\t\t\t\t\ttype: 'icon',\n\t\t\t\t\tonClick: toggleGroupSettings,\n\t\t\t\t\ticon: 'cog_bw',\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tdispatch(setPageActions(actions));\n\t\t}\n\t}, []);\n\n\tconst setLayout = (newLayout) => {\n\t\tconsole.log(\"setLayout - Clearing plans from store\");\n\t\tdispatch(clearPlansFromStore());\n\t\tif (newLayout) {\n\t\t\tlocalStorage.setItem(\"plans_layoutView\", newLayout);\n\t\t\tsetCurrentLayout(newLayout);\n\t\t}\n\t}\n\n\tconst renderGantPlans = () => {\n\t\treturn (\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{translate('select-period')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t (
\n\t\t\n\t\t\t
);\n\t}\n\n\tconst renderListPlans = () => {\n\t\treturn (\n\t\t\t
);\n\t}\n\n\tconst toggleGroupSettings = async () => {\n\t\tsetGroupSettingFormModel(!groupSettingFormModel);\n\t}\n\n\tconst toggleMultiplePlansForm = skipModal => {\n\t\tsetMultiplePlanFormModal(!multiplePlanFormModal);\n\t};\n\n\tconst outputForms = () => {\n\t\tvar schoolType = currentUser.schools.getActiveSchool(\n\t\t\tcurrentUser.userId\n\t\t).type;\n\n\t\tif (groupId != null && schoolType != PRESCHOOL) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t {\n\t\t\t\t\tsetMultiplePlanFormModal(false);\n\t\t\t\t}}\n\t\t\t\ttitle={translate(\"plan-create-button\")}\n\t\t\t>\n\t\t\t\t{outputForms()}\n\t\t\t\n\t\t\t{group ? \n\t\t\t\t : null}\n\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t{overview || onlyGantView ? \n\t\t\t\t\t\t : null}\n\t\t\t\t \n\n\t\t\t\t{!onlyGantView ? (\n\t\t\t\t\t setLayout(newValue)} exclusive>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t ) : null}\n\t\t\t\n\n\t\t\t{currentLayout === 'gant_plans_layout' ? renderGantPlans() : null}\n\t\t\t{currentLayout === 'list_plans_layout' ? renderListPlans() : null}\n\t\t
\n\t);\n};\n\nexport default MyPlansWrapper;","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\n\nimport { PRESCHOOL } from 'constants/schoolTypes';\nimport { setPageTitle } from 'actions/header';\n\nimport WelcomeMessage from 'containers/WelcomeMessage';\n\nimport MyPosts from './Sections/MyPosts';\nimport MyPlans from './Sections/MyPlans';\nimport MyAssignments from './Sections/MyAssignments';\nimport Schedule from '../Schedule/Schedule';\nimport { InView } from 'react-intersection-observer';\nimport LoadingCard from 'components/Cards/LoadingCard';\nimport MyAssignmentsWrapper from 'containers/Assignments/MyAssignmentsWrapper';\nimport MyPlansWrapper from 'containers/Plans/MyPlansWrapper';\n\nclass Overview extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tthis.props.setPageTitle(this.props.translate('home-navitem-overview'));\n\t}\n\n\trender() {\n\t\tconst school = this.props.user.schools.find((school) => {\n\t\t\treturn school.id == this.props.activeSchool;\n\t\t});\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t{({ inView, ref, entry }) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t \n\t\t\t\t) : null}\n\n\t\t\t\t{this.props.services.schedule && school.type != PRESCHOOL ? (\n\t\t\t\t\t\n\t\t\t\t\t\t{({ inView, ref, entry }) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t ) : null}\n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuser: state.user.currentUser,\n\t\tservices: state.Services.availableServices,\n\t\tactiveSchool: state.user.activeSchool,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tsetPageTitle,\n})(Overview);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\n\nimport Overview from 'containers/Overview';\n\nclass IndexWrapper extends Component {\n\trender() {\n\t\tif (this.props.currentUser == null) {\n\t\t\treturn \n\t\t} else {\n\t\t\tvar typeRaw = this.props.currentUser.schools.getActiveSchool(this.props.currentUser.userId).type;\n\t\t\tvar type = typeRaw ? typeRaw.toUpperCase() : \"\";\n\n\t\t\treturn \n\t\t\t\t\t\t
\n\t\t\t\t) : null}\n\n\t\t\t\t{this.props.services.plans ? (\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t) : null}\n\n\t\t\t\t{(this.props.services.haldor || this.props.services.microsoft) && school.type != PRESCHOOL ? (\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{inView ?
\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{inView ?
\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}}\n\t\t\t\t\t- \n\t\t\t\t\t
| {translate('user')} | \n\t\t\t\t\t\t\t\t{translate('activity')} | \n\t\t\t\t\t\t\t\t{translate('item')} | \n\t\t\t\t\t\t\t\t{translate('item-id')} | \n\t\t\t\t\t\t\t\t{translate('school')} | \n\t\t\t\t\t\t\t\t{translate('time')} | \n\t\t\t\t\t\t\t
|---|---|---|---|---|---|
| {log.userName} | \n\t\t\t\t\t\t\t\t\t\t{log.logType} | \n\t\t\t\t\t\t\t\t\t\t{log.referenceType} | \n\t\t\t\t\t\t\t\t\t\t{log.referenceId} | \n\t\t\t\t\t\t\t\t\t\t{log.schoolId} | \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{Moment(log.timestamp).format(\"lll\")}\n\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t
{translate('unauthorized')}!
\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tcurrentUser: state.user.currentUser,\n\t\tlogs: state.Logs.logs,\n\t\ttranslate: translate(state.Languages.translations),\n\t}\n}\n\nexport default connect(mapStateToProps, { getLogsPage, logActivity })(UserLogs);\n","import React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\n\nimport ColorScale from '_class/ColorScale';\n\n/* Compontent for selecting objects from a Matrix */\n\nclass MatrixAssessmentBlock extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tuserClicked: false,\n\t\t};\n\n\t\tthis.onStepSelect.bind(this);\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tthis.props.block.cells.forEach((step) => {\n\t\t\tstep.selected = false;\n\t\t});\n\t}\n\n\tonStepSelect(step) {\n\t\tif (this.props.disabled != null && this.props.disabled) {\n\t\t} else {\n\t\t\tif (this.props.type == \"single\") {\n\t\t\t\tstep.selected = step.selected ? false : true;\n\t\t\t\tthis.props.block.cells.forEach((blockStep) =>\n\t\t\t\t\tblockStep.selected == null\n\t\t\t\t\t\t? (blockStep.selected = false)\n\t\t\t\t\t\t: null\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tlet index = this.props.block.cells.findIndex(\n\t\t\t\t\t(t) => t.id == step.id\n\t\t\t\t);\n\t\t\t\tlet nextStep = this.props.block.cells[index + 1];\n\n\t\t\t\tif (index != 0) {\n\t\t\t\t\tif (nextStep != null && nextStep.selected) {\n\t\t\t\t\t\tstep.selected = step.selected ? true : false;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tstep.selected = step.selected ? false : true;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tthis.props.block.cells.forEach((blockStep, i) => {\n\t\t\t\t\tif (index > 0 && i == 0) {\n\t\t\t\t\t\t/* Handle F Grade */\n\t\t\t\t\t\tblockStep.selected = false;\n\t\t\t\t\t} else if (index == 0 && i == 0) {\n\t\t\t\t\t\tblockStep.selected = step.selected ? false : true;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (index > i && i > 0) {\n\t\t\t\t\t\t/* Handle rest of Grades */\n\t\t\t\t\t\tblockStep.selected = step.selected ? true : false;\n\t\t\t\t\t} else if (index == i) {\n\t\t\t\t\t} else if (i != 0) {\n\t\t\t\t\t\tblockStep.selected = false;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.setState({ userClicked: true }, () => {\n\t\t\t\tif (this.props.type == \"single\") {\n\t\t\t\t\tthis.props.onMatrixDescriptionAssessmentUpdate(\n\t\t\t\t\t\tthis.props.block,\n\t\t\t\t\t\tstep,\n\t\t\t\t\t\tthis.props.details\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tthis.props.onMatrixAssessmentUpdate(\n\t\t\t\t\t\tthis.props.block,\n\t\t\t\t\t\tthis.props.details\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tgetGrade(index) {\n\t\tvar type = this.props.type;\n\t\tif (type == \"single\") {\n\t\t\tindex = index + 1;\n\t\t}\n\t\tif (index == 0) {\n\t\t\treturn \"F\";\n\t\t} else if (index == 1) {\n\t\t\treturn \"E\";\n\t\t} else if (index == 2) {\n\t\t\treturn \"C\";\n\t\t} else if (index == 3) {\n\t\t\treturn \"A\";\n\t\t} else {\n\t\t\treturn \"A\";\n\t\t}\n\t}\n\n\tdescriptionStepSelected = (step) => {\n\t\tif (this.props.assessments != null) {\n\t\t\tvar selectedUsers = null;\n\t\t\tif (this.props.studentAssessment != null) {\n\t\t\t\tselectedUsers = [this.props.items[0]];\n\t\t\t} else {\n\t\t\t\tif (this.props.groupAssignment) {\n\t\t\t\t\tthis.props.items.forEach((task) => {\n\t\t\t\t\t\ttask.students.forEach((student) => {\n\t\t\t\t\t\t\tif (student.selected) {\n\t\t\t\t\t\t\t\tif (selectedUsers == null) {\n\t\t\t\t\t\t\t\t\tselectedUsers = [];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tselectedUsers.push(student);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tselectedUsers = this.props.items.filter((t) => t.selected);\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (selectedUsers.length == 1) {\n\t\t\t\tlet studentId = \"\";\n\t\t\t\tif (this.props.referenceType == \"Plan\") {\n\t\t\t\t\tstudentId = selectedUsers[0].id;\n\t\t\t\t} else {\n\t\t\t\t\tif (this.props.groupAssignment) {\n\t\t\t\t\t\tstudentId = selectedUsers[0].id;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tstudentId = selectedUsers[0].assignedTo;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tvar assessment = this.props.assessments.find(\n\t\t\t\t\t(t) => t.studentId == studentId\n\t\t\t\t);\n\t\t\t\tif (assessment != null) {\n\t\t\t\t\tvar detail = assessment.assessmentDetails.find(\n\t\t\t\t\t\t(t) =>\n\t\t\t\t\t\t\tt.rowId == this.props.block.id &&\n\t\t\t\t\t\t\tt.cellId == step.id\n\t\t\t\t\t);\n\t\t\t\t\tif (detail != null) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t};\n\n\trender() {\n\t\tvar highestGrade = \"\";\n\t\tif (this.props.assessments != null) {\n\t\t\tvar selectedUsers = null;\n\t\t\tif (this.props.studentAssessment != null) {\n\t\t\t\tselectedUsers = [this.props.items[0]];\n\t\t\t} else {\n\t\t\t\tif (this.props.groupAssignment) {\n\t\t\t\t\tthis.props.items.forEach((task) => {\n\t\t\t\t\t\ttask.students.forEach((student) => {\n\t\t\t\t\t\t\tif (student.selected) {\n\t\t\t\t\t\t\t\tif (selectedUsers == null) {\n\t\t\t\t\t\t\t\t\tselectedUsers = [];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tselectedUsers.push(student);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tselectedUsers = this.props.items.filter((t) => t.selected);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (selectedUsers.length == 1) {\n\t\t\t\tlet studentId = \"\";\n\t\t\t\tif (this.props.referenceType == \"Plan\" || this.props.referenceType == \"TeamsAssignment\") {\n\t\t\t\t\tstudentId = selectedUsers[0].id;\n\t\t\t\t} else {\n\t\t\t\t\tif (this.props.groupAssignment) {\n\t\t\t\t\t\tstudentId = selectedUsers[0].id;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tstudentId = selectedUsers[0].assignedTo;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tvar assessment = this.props.assessments.find((t) => t.studentId == studentId);\n\t\t\t\tif (assessment != null) {\n\t\t\t\t\tvar detail = assessment.assessmentDetails.find((t) => t.rowId == this.props.block.id);\n\t\t\t\t\tif (detail != null) {\n\t\t\t\t\t\thighestGrade = detail.cellId;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tvar foundGrade = false;\n\t\tconst colors = new ColorScale(this.props.block.cells.length).get();\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{display}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps, {})(MatrixAssessmentBlock);\n","import DOMPurify from \"dompurify\";\nimport React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport ColorScale from '_class/ColorScale';\nimport { Collapsible } from 'UI';\n\n/* Compontent for displaying blocks from a Matrix */\n\nclass MatrixDisplayBlock extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\topenClarifications: false,\n\t\t};\n\t}\n\n\tgetGrade(index) {\n\t\tvar type = this.props.type;\n\t\tif (type == \"single\") {\n\t\t\tindex = index + 1;\n\t\t}\n\n\t\tif (index == 0) {\n\t\t\treturn \"F\";\n\t\t} else if (index == 1) {\n\t\t\treturn \"E\";\n\t\t} else if (index == 2) {\n\t\t\treturn \"C\";\n\t\t} else if (index == 3) {\n\t\t\treturn \"A\";\n\t\t} else {\n\t\t\treturn \"A\";\n\t\t}\n\t}\n\n\topenClarifications = () => {\n\t\tlet openClarifications = this.state.openClarifications;\n\t\topenClarifications = openClarifications ? false : true;\n\t\tthis.setState({ openClarifications });\n\t};\n\n\ttoggleIcon = () => (\n\t\t\n\t\t\t\n\t\t\t\t\t\t{this.props.index ?\n\t\t\t\t\t\t\t{this.props.index} \n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.block.cells.map((step, index) => {\n\t\t\t\t\t\t\tvar grade = this.getGrade(index);\n\t\t\t\t\t\t\tif (this.props.type == \"multiple\") {\n\t\t\t\t\t\t\t\tif (highestGrade != \"\" && this.state.userClicked == false) {\n\t\t\t\t\t\t\t\t\tif (grade == highestGrade && foundGrade == false) {\n\t\t\t\t\t\t\t\t\t\tfoundGrade = true;\n\t\t\t\t\t\t\t\t\t\tstep.selected = true;\n\t\t\t\t\t\t\t\t\t} else if (highestGrade == step.id && foundGrade == false) {\n\t\t\t\t\t\t\t\t\t\tfoundGrade = true;\n\t\t\t\t\t\t\t\t\t\tstep.selected = true;\n\t\t\t\t\t\t\t\t\t} else if (grade != highestGrade && foundGrade == false && grade != \"F\") {\n\t\t\t\t\t\t\t\t\t\tstep.selected = true;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} else if (highestGrade == \"\" && this.state.userClicked == false) {\n\t\t\t\t\t\t\t\t\tstep.selected = false;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tlet selected = this.descriptionStepSelected(step);\n\t\t\t\t\t\t\t\tstep.selected = selected;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}, this)}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{step.text}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t}\n\t\t);\n\t};\n\n\tdescriptionStepSelected = (step) => {\n\t\tif (this.props.assessments != null) {\n\t\t\tvar assessment = this.props.assessments.find(\n\t\t\t\t(t) => t.studentId == this.props.currentUser.userId\n\t\t\t);\n\n\t\t\tif (assessment != null) {\n\t\t\t\tvar detail = null;\n\t\t\t\tif (\n\t\t\t\t\tassessment.assessmentDetails != null &&\n\t\t\t\t\tassessment.assessmentDetails.length > 0\n\t\t\t\t) {\n\t\t\t\t\tdetail = assessment.assessmentDetails.find(\n\t\t\t\t\t\t(t) =>\n\t\t\t\t\t\t\tt.rowId == this.props.block.id &&\n\t\t\t\t\t\t\tt.cellId == step.id\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif (detail != null) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn false;\n\t};\n\n\trender() {\n\t\tconst { associatedBlock } = this.props;\n\n\t\tconst colors = new ColorScale(this.props.block.cells.length).get();\n\t\tvar highestGrade = \"\";\n\t\tif (this.props.assessments != null) {\n\t\t\tvar assessment = this.props.assessments.find(\n\t\t\t\t(t) => t.studentId == this.props.currentUser.userId\n\t\t\t);\n\n\t\t\tif (assessment != null) {\n\t\t\t\tvar detail = null;\n\t\t\t\tif (assessment.assessmentDetails != null && assessment.assessmentDetails.length > 0) {\n\t\t\t\t\tdetail = assessment.assessmentDetails.find(\n\t\t\t\t\t\t(t) => t.rowId == this.props.block.id\n\t\t\t\t\t);\n\t\t\t\t} else if (assessment.studentAssessmentDetails != null && assessment.studentAssessmentDetails.length > 0) {\n\t\t\t\t\tdetail = assessment.studentAssessmentDetails.find(\n\t\t\t\t\t\t(t) => t.rowId == this.props.block.id\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif (detail != null) {\n\t\t\t\t\thighestGrade = detail.cellId;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tvar foundGrade = false;\n\n\t\tlet clarificatonTrigger = this.props.translate('Clarifications');\n\t\tif (associatedBlock.clarifications.length > 0) {\n\t\t\tclarificatonTrigger += ' (' + associatedBlock.clarifications.length + ')';\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{clarification.cells.map((cell, i) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\n\t\t\t\t{associatedBlock.clarifications != null && associatedBlock.clarifications.length > 0 ?\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.index ? (\n\t\t\t\t\t\t\t{this.props.index} \n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t{this.props.block != null && this.props.block.text != null ?\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.block.cells.map((step, index) => {\n\t\t\t\t\t\t\tvar grade = this.getGrade(index);\n\t\t\t\t\t\t\tif (this.props.type == \"multiple\") {\n\t\t\t\t\t\t\t\tif (highestGrade != \"\") {\n\t\t\t\t\t\t\t\t\tif (grade == highestGrade && foundGrade == false) {\n\t\t\t\t\t\t\t\t\t\tfoundGrade = true;\n\t\t\t\t\t\t\t\t\t\tstep.selected = true;\n\t\t\t\t\t\t\t\t\t} else if (highestGrade == step.id && foundGrade == false) {\n\t\t\t\t\t\t\t\t\t\tfoundGrade = true;\n\t\t\t\t\t\t\t\t\t\tstep.selected = true;\n\t\t\t\t\t\t\t\t\t} else if (grade != highestGrade && foundGrade == false && grade != \"F\") {\n\t\t\t\t\t\t\t\t\t\tstep.selected = true;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tstep.selected = false;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else if (this.props.type == \"single\") {\n\t\t\t\t\t\t\t\tstep.selected = this.descriptionStepSelected(step);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tstep.selected = false;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}, this)}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{step.text}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tcurrentUser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps)(MatrixDisplayBlock);\n","import React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport { Link } from 'react-router-dom';\nimport MatrixAssessmentBlock from \"./MatrixAssessment/MatrixAssessmentBlock\";\nimport MatrixDisplayBlock from \"./MatrixDisplay/MatrixDisplayBlock\";\n\nclass ListPage extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tassessment: [],\n\t\t\tdescriptionMatrix: []\n\t\t};\n\n\t\tthis.onMatrixAssessmentUpdate.bind(this);\n\t}\n\n\tonMatrixAssessmentUpdate(block) {\n\t\tlet assessment = this.state.assessment;\n\t\tvar findBlock = assessment.find(findBlock => block.id == findBlock.id);\n\t\tif (findBlock == null) {\n\t\t\tassessment.push(block);\n\t\t} else {\n\t\t\tfindBlock.steps = block.steps;\n\t\t}\n\t\tthis.setState({ assessment });\n\t}\n\n\tonMatrixDescriptionAssessmentUpdate(block) {\n\t\tlet assessment = this.state.descriptionMatrix;\n\t\tvar findBlock = assessment.find(findBlock => block.id == findBlock.id);\n\t\tif (findBlock == null) {\n\t\t\tassessment.push(block);\n\t\t} else {\n\t\t\tfindBlock.steps = block.steps;\n\t\t}\n\t\tthis.setState({ descriptionMatrix: assessment });\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t{this.renderClarifications()}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t{this.props.matrixes.map(matrix => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tmatrixes: state.Matrix.matrixList\n\t};\n}\n\nexport default connect(mapStateToProps, {})(ListPage);\n","import React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport { Link } from 'react-router-dom';\n/*import MatrixForm from './MatrixForm/MatrixForm'; **/\nimport MatrixForm from \"./Form/MatrixForm\";\n\n/* Compontent for creating Matrixes */\n\nclass TestPage extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tmatrix: null\n\t\t};\n\t}\n\tUNSAFE_componentWillMount() {\n\t\tif (this.props.match.params != null && this.props.match.params.matrixId != null) {\n\t\t\tlet matrix = this.props.matrixes.find(\n\t\t\t\tt => t.id == this.props.match.params.matrixId\n\t\t\t);\n\t\t\tthis.setState({\n\t\t\t\tmatrix: {\n\t\t\t\t\tid: matrix.id,\n\t\t\t\t\ttitle: matrix.title,\n\t\t\t\t\tmatrixBlocks: matrix.matrixBlocks\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t{matrix.title}{\" \"}\n\t\t\t\t\t\t\tEdit\n\t\t\t\t\t\t
\n\t\t\t\t\t);\n\t\t\t\t})}\n\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\tASSESSMENT FORM
\n\t\t\t\t\t{this.props.matrixes[0].matrixBlocks.map(block => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t{JSON.stringify(this.state.assessment, null, 2)}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\tDESCRIPTION ASSESSMENT FORM
\n\t\t\t\t\t{this.props.matrixes[1].matrixBlocks.map(block => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t{JSON.stringify(\n\t\t\t\t\t\t\t\tthis.state.descriptionMatrix,\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t2\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\tMATRIX DISPLAY BLOCK
\n\t\t\t\t\t{this.props.matrixes[0].matrixBlocks.map(block => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\tMatrix List\n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tmatrixes: state.Matrix.matrixList\n\t};\n}\n\nexport default connect(mapStateToProps, {})(TestPage);\n","import { clearFormTemplate, getFormTemplate, getFormTemplates, getMyForms } from 'actions/templates';\nimport PreviewFormTemplate from 'containers/FormTemplate/Display/PreviewFormTemplate';\nimport Moment from 'moment';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, reduxForm } from 'redux-form';\nimport { Checkbox, Button } from '@haldor/ui';\nimport { Spinner } from 'UI';\nimport { PRESCHOOL } from \"constants/schoolTypes\";\n\nclass ConnectForm extends Component {\n\n\t/* Class setup */\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet template = '0';\n\t\tlet targetedAudience = 'FOLLOWUP';\n\t\tif (props.initialValues != null) {\n\t\t\tif (props.initialValues.formTemplateID) {\n\t\t\t\ttemplate = props.initialValues.formTemplateID;\n\t\t\t}\n\t\t}\n\n\t\tthis.state = {\n\t\t\tloading: false,\n\t\t\tallChecked: false,\n\t\t\ttemplate,\n\t\t\ttargetedAudience,\n\t\t\ttargetFollowUp: props.followUp != null ? true : false,\n\t\t\ttargetParticipants: false,\n\t\t\ttargetGuardians: false,\n\t\t\ttargetStudents: false,\n\t\t};\n\t}\n\n\t/* Lifecycle methods */\n\tcomponentDidMount = () => {\n\t\tif (this.props.initialValues != null) {\n\t\t\tconst { initialValues } = this.props;\n\n\t\t\tthis.setState({ loading: true });\n\t\t\tthis.props.getFormTemplate(initialValues.formTemplateID)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t} else {\n\t\t\tif (this.props.templates == null) {\n\t\t\t\tthis.props.getFormTemplates();\n\t\t\t}\n\t\t}\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.clearFormTemplate();\n\t}\n\n\t/* Events */\n\tsubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tlet submits = [];\n\t\t\tvalues.formTemplateId = this.state.template;\n\n\t\t\tif (this.state.targetStudents) {\n\t\t\t\tvar obj = JSON.parse(JSON.stringify(values));\n\t\t\t\tobj.targetedAudience = 'STUDENT';\n\t\t\t\tsubmits.push(obj);\n\t\t\t}\n\n\t\t\tif (this.state.targetGuardians) {\n\t\t\t\tvar obj = JSON.parse(JSON.stringify(values));\n\t\t\t\tobj.targetedAudience = 'GUARDIAN';\n\t\t\t\tsubmits.push(obj);\n\t\t\t}\n\n\t\t\tif (this.state.targetFollowUp) {\n\t\t\t\tvar obj = JSON.parse(JSON.stringify(values));\n\t\t\t\tobj.targetedAudience = 'FOLLOWUP';\n\t\t\t\tsubmits.push(obj);\n\t\t\t}\n\n\t\t\tif (this.props.onSubmit != null) {\n\t\t\t\tthis.props.onSubmit(submits).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tresolve(1);\n\t\t\t}\n\t\t});\n\t}\n\n\tonCancel = (event) => {\n\t\tevent.preventDefault();\n\n\t\tif (this.props.onClose != null) {\n\t\t\tthis.props.onClose();\n\t\t}\n\t}\n\n\tonFormChange = async (event) => {\n\t\tthis.setState({ template: event.target.value });\n\t\tif (event.target.value != '0') {\n\t\t\tthis.setState({ loading: true });\n\t\t\tawait this.props.getFormTemplate(event.target.value)\n\t\t\tthis.setState({ loading: false });\n\t\t\tthis.props.change('title', this.props.formTemplate.title);\n\t\t} else {\n\t\t\tthis.props.clearFormTemplate();\n\t\t\tthis.props.change('title', '');\n\t\t}\n\t}\n\n\trequired = (value) => {\n\t\tif (typeof (value) != 'undefined' && value != '' && value != null) {\n\t\t\tif (value.length > 199) {\n\t\t\t\t// Field failed validation, return error for this field (String)\n\t\t\t\treturn this.props.translate('field-max-200-chars');\n\t\t\t}\n\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string and not over 200 characters\n\t\t\treturn undefined;\n\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\t/* Render methods */\n\trender() {\n\t\tconst { submitting, handleSubmit, translate, valid } = this.props;\n\n\t\tif (submitting) {\n\t\t\treturn \n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttemplates: state.Templates.templates,\n\t\tcurrentUser: state.user.currentUser,\n\t\tformTemplate: state.Templates.formTemplate,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetMyForms,\n\tgetFormTemplate,\n\tclearFormTemplate,\n\tgetFormTemplates,\n})(reduxForm({\n\tform: 'ConnectFormToMeeting',\n\tdestroyOnUnmount: true,\n})(ConnectForm));\n","import { getMentorGroups, getSection, getSectionGuardians, toggleSelectedSection } from 'actions/sections';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Expandable, Spinner } from 'UI';\nimport { Checkbox } from '@haldor/ui';\nimport { BlockContent } from 'UI/Elements/Block';\nimport './MultipleSectionSelector.scss';\nimport DisplayName from 'components/Presentation/DisplayName';\n\nclass StudentGuardianSelector extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tvar sections = JSON.parse(JSON.stringify(props.educationSections));\n\t\tif (props.mentorGroups) {\n\t\t\tsections = JSON.parse(JSON.stringify(props.mentorSections));\n\t\t}\n\t\tif (sections != null) {\n\t\t\tsections = sections.sort(function (a, b) {\n\t\t\t\treturn (a.title > b.title) ? 1 : ((b.title > a.title) ? -1 : 0);\n\t\t\t});\n\t\t} else {\n\t\t\tsections = [];\n\t\t}\n\n\t\tthis.state = {\n\t\t\tselectedUsers: [],\n\t\t\tloadingSection: null,\n\t\t\tselectedSection: null,\n\t\t\tloading: true,\n\t\t\tsections\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.mentorGroups && ((this.props.mentorSections != null && this.props.mentorSections.length == 0) || this.props.mentorSections == null)) {\n\t\t\tthis.props.getMentorGroups().then(() => {\n\t\t\t\tthis.setState({ loading: false, sections: JSON.parse(JSON.stringify(this.props.mentorSections)) });\n\t\t\t});\n\t\t} else {\n\t\t\tif (this.state.sections != null && this.state.sections.length > 0) {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t}\n\t\t}\n\t}\n\n\tgetSection = (section, recursive) => {\n\t\tthis.setState({ loadingSection: section.id });\n\t\tthis.props.getSectionGuardians(section.id).then(() => {\n\t\t\tthis.setState({ loadingSection: null });\n\t\t\tif (recursive) {\n\t\t\t\tthis.onSectionSelect(section);\n\t\t\t}\n\t\t});\n\t}\n\n\tcomponentDidUpdate() {\n\t\tthis.props.onUpdate(this.state.selectedUsers);\n\t}\n\n\tonSectionSelect = (section) => {\n\t\tlet mSection = this.props.guardians.find(t => t.id == section.id);\n\n\t\tif (mSection == null) {\n\t\t\tthis.getSection(section, true);\n\t\t} else {\n\t\t\tif (section.selected) {\n\t\t\t\tsection.selected = false;\n\t\t\t\tlet selectedUsers = this.state.selectedUsers.filter(t => t.sectionId != section.id);\n\t\t\t\tthis.setState({ selectedUsers: selectedUsers, selectedSection: null });\n\t\t\t} else {\n\t\t\t\tsection.open = true;\n\t\t\t\tsection.selected = true;\n\t\t\t\tlet students = [];\n\t\t\t\tmSection.students.forEach(student => {\n\t\t\t\t\tif (this.props.currentSelected != null) {\n\t\t\t\t\t\t// If student id is in currentSelected, dont set this student as active\n\t\t\t\t\t\tif (this.props.currentSelected.find(t => t == student.userId) != null) {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet obj = {\n\t\t\t\t\t\tstudentId: student.id,\n\t\t\t\t\t\tsectionId: section.id,\n\t\t\t\t\t\tguardians: student.guardians,\n\t\t\t\t\t\tselected: true\n\t\t\t\t\t}\n\n\t\t\t\t\tstudents.push(obj);\n\t\t\t\t});\n\n\t\t\t\tthis.setState({\n\t\t\t\t\tselectedUsers: [...this.state.selectedUsers.filter(t => t.sectionId != section.id), ...students],\n\t\t\t\t\tselectedSection: section.id,\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\tonSectionToggle = (section) => {\n\t\tsection.open = !section.open;\n\n\t\tlet mSection = this.props.guardians.find(t => t.id == section.id);\n\n\t\tif (mSection == null) {\n\t\t\tthis.getSection(section);\n\t\t}\n\n\t\tthis.setState({});\n\t}\n\n\tonStudentSelect = (student, section) => {\n\t\tlet findStudent = this.state.selectedUsers.find(t => t.studentId == student.id && t.sectionId == section.id);\n\t\tif (findStudent == null) {\n\t\t\tlet obj = {\n\t\t\t\tstudentId: student.id,\n\t\t\t\tsectionId: section.id,\n\t\t\t\tguardians: student.guardians,\n\t\t\t\tselected: true\n\t\t\t}\n\n\t\t\tthis.setState({ selectedUsers: [...this.state.selectedUsers, obj] });\n\t\t} else {\n\t\t\tfindStudent.selected = !findStudent.selected;\n\t\t\tif (findStudent.selected == false && (findStudent.guardians == null || findStudent.guardians.length == 0)) {\n\t\t\t\tthis.setState({\n\t\t\t\t\tselectedUsers: [...this.state.selectedUsers.filter((t) => {\n\t\t\t\t\t\treturn (t.studentId == student.id && t.sectionId == section.id) == true ? false : true;\n\t\t\t\t\t})]\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.setState({\n\t\t\t\t\tselectedUsers: [...this.state.selectedUsers.filter((t) => {\n\t\t\t\t\t\treturn (t.studentId == student.id && t.sectionId == section.id) == true ? false : true;\n\t\t\t\t\t}), findStudent]\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\tonGuardianSelect = (student, guardian, section) => {\n\t\tlet findStudent = this.state.selectedUsers.find(t => t.studentId == student.id && t.sectionId == section.id);\n\t\tif (findStudent == null) {\n\t\t\tlet obj = {\n\t\t\t\tstudentId: student.id,\n\t\t\t\tsectionId: section.id,\n\t\t\t\tguardians: [...guardian],\n\t\t\t\tselected: false\n\t\t\t}\n\n\t\t\tthis.setState({ selectedUsers: [...this.state.selectedUsers, obj] });\n\t\t} else {\n\t\t\tlet findGuardian = null;\n\t\t\tif (findStudent != null) {\n\t\t\t\tfindGuardian = findStudent.guardians.find(t => t.id == guardian.id);\n\t\t\t}\n\n\t\t\tif (findGuardian != null) {\n\t\t\t\tfindStudent.guardians = [...findStudent.guardians.filter((t) => {\n\t\t\t\t\treturn (t.id == guardian.id) == true ? false : true;\n\t\t\t\t})];\n\n\t\t\t\tif (findStudent.selected == false && findStudent.guardians.length == 0) {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tselectedUsers: [...this.state.selectedUsers.filter((t) => {\n\t\t\t\t\t\t\treturn (t.studentId == student.id && t.sectionId == section.id) == true ? false : true;\n\t\t\t\t\t\t})]\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tselectedUsers: [...this.state.selectedUsers.filter((t) => {\n\t\t\t\t\t\t\treturn (t.studentId == student.id && t.sectionId == section.id) == true ? false : true;\n\t\t\t\t\t\t}), findStudent]\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (findStudent.guardians != null) {\n\t\t\t\t\tfindStudent.guardians = [...findStudent.guardians, guardian];\n\t\t\t\t}\n\n\t\t\t\tthis.setState({\n\t\t\t\t\tselectedUsers: [...this.state.selectedUsers.filter((t) => {\n\t\t\t\t\t\treturn (t.studentId == student.id && t.sectionId == section.id) == true ? false : true;\n\t\t\t\t\t}), findStudent]\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\trenderStudents = (section) => {\n\t\tlet mSection = this.props.guardians.find(t => t.id == section.id);\n\t\tlet rendered = 0;\n\n\t\tlet students = mSection.students\n\t\t.sort((a, b) => (a.lastName || \"\").localeCompare(b.lastName || \"\"))\n\t\t.map((student) => {\n\t\t\tif (this.props.currentSelected != null) {\n\t\t\t\tif (this.props.currentSelected.find(t => t == student.userId) != null) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\trendered++;\n\t\t\tvar findStudent = this.state.selectedUsers.find(t => t.studentId == student.id && t.sectionId == section.id);\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t this.onStudentSelect(student, section)}\n\t\t\t\t\t\tvalue={findStudent != null ? findStudent.selected : false}\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t x.students)}\n\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\n\t\t\t\t\t
\n\t\t\t)\n\t\t});\n\n\t\tif (rendered == 0) {\n\t\t\treturn \n\t\t\t\t\t\t{student.guardians != null ? \n\t\t\t\t\t\tstudent.guardians.sort((a, b) => (a.lastName || \"\").localeCompare(b.lastName || \"\")).map(guardian => {\n\t\t\t\t\t\t\tvar findGuardian = null;\n\t\t\t\t\t\t\tif (findStudent != null) {\n\t\t\t\t\t\t\t\tif (findStudent.guardians != null) {\n\t\t\t\t\t\t\t\t\tfindGuardian = findStudent.guardians.find(t => t.id == guardian.id);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn this.onGuardianSelect(student, guardian, section)}\n\t\t\t\t\t\t\t\tvalue={findGuardian != null}\n\t\t\t\t\t\t\t\tlabel={guardian.firstName + \" \" + (guardian.lastName != null ? guardian.lastName : '')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}) : null}\n\t\t\t\t\t
\n\t\t\t\tAll students are selected or no students found
\n\t\t} else {\n\t\t\treturn students;\n\t\t}\n\t}\n\n\trenderSection = (section) => {\n\t\tif (this.props.sectionId != null) {\n\t\t\tif (section.id != this.props.sectionId) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}\n\t\tconst title = (\n\t\t\t\n\t\t\t\t e.stopPropagation()}>\n\t\t\t\t\t { this.onSectionSelect(section) }}\n\t\t\t\t\t\tlabel={section.title}\n\t\t\t\t\t\tdisabled={this.state.selectedSection != null && this.state.selectedSection != section.id}\n\t\t\t\t\t/>\n\t\t\t\t \n\t\t\t
\n\t\t);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{this.renderSections()}\n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\teducationSections: state.sections.educationGroups,\n\t\tmentorSections: state.sections.mentorGroups,\n\t\tactiveSection: state.sections.activeSection,\n\t\tguardians: state.sections.guardians,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetSection,\n\tgetSectionGuardians,\n\tgetMentorGroups\n})(StudentGuardianSelector);\n","import { getSection } from 'actions/sections';\nimport StudentGuardianSelector from 'containers/Forms/Partials/StudentGuardianSelector';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { reduxForm } from 'redux-form';\nimport { Expandable, List } from 'UI';\nimport { Button } from '@haldor/ui';\n\nclass AddMeetingInstance extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tsectionId: 0,\n\t\t\tdate: null,\n\t\t\tendDate: null,\n\t\t\tdescription: null,\n\t\t\terror: null,\n\t\t\tselectedUsers: [],\n\t\t\tcurrentSelected: [],\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tlet currentSelected = [];\n\t\tthis.props.instances.forEach((instance) => {\n\t\t\tcurrentSelected.push(instance.studentId)\n\t\t});\n\n\t\tthis.setState({ currentSelected });\n\t}\n\n\tsubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tvalues.instances = [];\n\t\t\tthis.state.selectedUsers.forEach(student => {\n\t\t\t\tlet instance = {\n\t\t\t\t\tdate: null,\n\t\t\t\t\tendDate: null,\n\t\t\t\t\tdescription: null,\n\t\t\t\t\tparticipants: [],\n\t\t\t\t\tstatus: 'ACTIVE',\n\t\t\t\t};\n\n\t\t\t\tif (student.selected) {\n\t\t\t\t\tlet participant = {\n\t\t\t\t\t\tuserID: student.studentId,\n\t\t\t\t\t\tuserType: \"STUDENT\",\n\t\t\t\t\t\tsectionId: student.sectionId,\n\t\t\t\t\t};\n\n\t\t\t\t\tinstance.participants.push(participant);\n\t\t\t\t}\n\n\t\t\t\tif (student.guardians != null) {\n\t\t\t\t\tstudent.guardians.forEach((guardian) => {\n\t\t\t\t\t\tlet participant = {\n\t\t\t\t\t\t\tuserID: guardian.id,\n\t\t\t\t\t\t\tuserType: \"GUARDIAN\",\n\t\t\t\t\t\t\tsectionId: student.sectionId,\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\tinstance.participants.push(participant);\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tlet currentUser = {\n\t\t\t\t\tuserID: this.props.currentUser.id,\n\t\t\t\t\tuserType: 'USER',\n\t\t\t\t\tsectionId: student.sectionId,\n\t\t\t\t};\n\n\t\t\t\tinstance.participants.push(currentUser);\n\t\t\t\tvalues.type = \"EVALUATION\";\n\t\t\t\tinstance.studentId = student.studentId;\n\t\t\t\tvalues.instances.push(instance);\n\t\t\t});\n\n\t\t\tif (this.props.onSubmit) {\n\t\t\t\tthis.props.onSubmit(values)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tonUpdate = (selectedUsers) => {\n\t\tthis.setState({ selectedUsers: selectedUsers });\n\t}\n\n\trenderInput = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tfindSection() {\n\t\tlet sectionId = 0;\n\t\tthis.props.instances.forEach((instance) => {\n\t\t\tinstance.participants.forEach((participant) => {\n\t\t\t\tif (participant.sectionID != null) {\n\t\t\t\t\tsectionId = participant.sectionID;\n\t\t\t\t}\n\t\t\t})\n\t\t});\n\n\t\treturn sectionId;\n\t}\n\n\trender() {\n\t\tconst { handleSubmit, submitting } = this.props;\n\t\tlet sectionId = this.findSection();\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{submitting ?
: null}\n\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetSection,\n})(reduxForm({\n\tform: 'AddMeetingInstance',\n\tdestroyOnUnmount: true,\n})(AddMeetingInstance));\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, reduxForm, formValueSelector } from \"redux-form\";\nimport moment from 'moment';\nimport DateTime from '_class/DateTime';\n\nimport { addError } from 'actions';\nimport { getMeetingTimeBlocks } from 'actions/timeblocks';\nimport { updateMeetingInstanceDate } from 'actions/meetings';\n\nimport { Collapsible, Spinner } from 'UI';\nimport { Plus, Minus } from 'UI/Icons'\nimport { Button, Radio, Flex } from '@haldor/ui';\n\nimport './_BookMeeting.scss';\n\nclass BookMeeting extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tdates: null,\n\t\t\tloading: true\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tPromise.all([\n\t\t\tthis.props.getMeetingTimeBlocks(this.props.meeting.id)\n\t\t]).then(() => {\n\t\t\tthis.setState({ loading: false });\n\t\t});\n\t}\n\n\trequired = (value, values) => {\n\t\tif (value == null) {\n\t\t\treturn this.props.translate(\"field-needs-input\");\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tsubmit = (values) => {\n\t\tconst { onClose } = this.props;\n\n\t\treturn new Promise(async (resolve) => {\n\t\t\tvar slots = [];\n\n\t\t\tthis.props.meetingTimeBlocks.map((timeBlock) => {\n\t\t\t\tslots.push(...timeBlock.timeBlockSlots);\n\t\t\t});\n\n\t\t\tvar slot = slots.find(item => { return item.id == values.timeBlockSlotId });\n\n\t\t\tif (slot != null) {\n\t\t\t\tlet date = moment.utc(slot.startTime);\n\t\t\t\tlet endTime = moment.utc(slot.endTime);\n\n\t\t\t\tconst obj = {\n\t\t\t\t\tid: this.props.instance.id,\n\t\t\t\t\tmeetingId: this.props.meeting.id,\n\t\t\t\t\ttimeBlockSlotId: slot.id,\n\t\t\t\t\tdate: date.format('YYYY-MM-DDTHH:mm:ss'),\n\t\t\t\t\tendDate: endTime.format('YYYY-MM-DDTHH:mm:ss'),\n\t\t\t\t};\n\n\t\t\t\tthis.setState({ loading: true });\n\t\t\t\tthis.props.updateMeetingInstanceDate(obj).then(() => {\n\t\t\t\t\tonClose(null, true);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.props.addError(this.props.translate('The time you selected is no longer available. Please choose a different time.'), 'error');\n\t\t\t\tresolve(1);\n\t\t\t\treturn;\n\t\t\t}\n\t\t});\n\t}\n\n\tonCancel = (event) => {\n\t\t// Prevent button submitting form\n\t\tevent.preventDefault();\n\t\tthis.props.onClose(null, false);\n\t}\n\n\trender() {\n\t\tif (this.state.loading) {\n\t\t\treturn \n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{this.props.translate('no-bookable-times')}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state, ownProps) {\n\tlet initialValues = null;\n\n\tif (ownProps.instance != null) {\n\t\tinitialValues = {\n\t\t\t...ownProps.instance,\n\t\t\ttimeBlockSlotId: ownProps.instance.timeBlockSlotId,\n\t\t\tdate: moment.utc(ownProps.instance.date).local().format('YYYY-MM-DDTHH:mm:ss'),\n\t\t};\n\t}\n\n\treturn {\n\t\tinitialValues,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tmeetingTimeBlockSlots: state.TimeBlocks.meetingTimeBlockSlots,\n\t\tmeetingTimeBlocks: state.TimeBlocks.meetingTimeBlocks\n\t};\n};\n\nexport default connect(mapStateToProps, {\n\tgetMeetingTimeBlocks,\n\tupdateMeetingInstanceDate,\n\taddError,\n})(reduxForm({\n\tform: 'BookMeetingBlocks',\n\tdestroyOnUnmount: true,\n})(BookMeeting));\n","import { getSection } from 'actions/sections';\nimport Moment from 'moment';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, reduxForm } from 'redux-form';\nimport { Editor } from 'UI/Inputs';\nimport { Spinner } from 'UI';\nimport { Button, Checkbox } from '@haldor/ui';\n\nclass UpdateMeeting extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tsectionId: 0,\n\t\t\tdate: Moment(),\n\t\t\terror: null,\n\t\t\tselectedUsers: [],\n\t\t\tstudentLed: false,\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.initialValues != null && this.props.creating) {\n\t\t\tlet foundStudentLed = this.props.initialValues.instances.findIndex(instance => {\n\t\t\t\treturn instance.studentLed == true;\n\t\t\t})\n\n\t\t\tthis.setState({ studentLed: foundStudentLed > -1 });\n\t\t}\n\t}\n\n\tsubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\n\t\t\tif (this.props.creating) {\n\t\t\t\tvalues.instances.forEach(instance => {\n\t\t\t\t\tinstance.studentLed = this.state.studentLed;\n\t\t\t\t\treturn instance;\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tvalues.instances = [];\n\t\t\t}\n\n\t\t\tvalues.status = this.props.initialValues.status;\n\n\t\t\tif (this.props.onSubmit) {\n\t\t\t\tthis.props.onSubmit(values)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tonUpdate = (selectedUsers) => {\n\t\tthis.setState({ selectedUsers: selectedUsers });\n\t}\n\n\trenderInput = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\trequired = (value) => {\n\t\tif (typeof (value) != 'undefined' && value != '' && value != null) {\n\t\t\tif (value.length > 199) {\n\t\t\t\t// Field failed validation, return error for this field (String)\n\t\t\t\treturn this.props.translate('field-max-200-chars');\n\t\t\t}\n\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string and not over 200 characters\n\t\t\treturn undefined;\n\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\trender() {\n\t\tconst { handleSubmit, submitting, valid } = this.props;\n\n\t\tif (submitting) {\n\t\t\treturn \n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\tlet meeting = state.Meetings.meeting;\n\tif (meeting == null && state.Meetings.wizardMeeting != null) {\n\t\tmeeting = state.Meetings.wizardMeeting;\n\t}\n\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tinitialValues: meeting,\n\t\tservices: state.Services.availableServices,\n\t\tcurrentUser: state.user.currentUser,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetSection,\n})(reduxForm({\n\tform: 'UpdateMeeting',\n\tdestroyOnUnmount: true,\n})(UpdateMeeting));\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { reduxForm } from 'redux-form';\nimport moment from 'moment';\nimport DatePickerFromTo from 'containers/Forms/Partials/DatePickerFromTo';\nimport {\n\tcreateMeetingTimeBlocks, updateMeetingTimeBlock\n} from 'actions/timeblocks';\nimport { Button } from '@haldor/ui';\n\nclass CreateTimeBlocks extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tdates: null,\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidMount = async () => { }\n\n\tonSubmit = async () => {\n\t\tconst { translate } = this.props;\n\n\t\treturn new Promise(async (resolve) => {\n\t\t\tlet obj = {\n\t\t\t\tmeetingId: this.props.reference.id,\n\t\t\t\tstartTime: moment.utc(this.state.dates.start).local().format(),\n\t\t\t\tendTime: moment.utc(this.state.dates.end).local().format()\n\t\t\t}\n\n\t\t\tif (this.props.initialValues == null) {\n\t\t\t\tawait this.props.createMeetingTimeBlocks(this.props.reference.id, [obj]);\n\t\t\t\tthis.props.onClose();\n\t\t\t} else {\n\t\t\t\tobj.id = this.props.initialValues.id;\n\n\t\t\t\tawait this.props.updateMeetingTimeBlock(this.props.reference.id, obj);\n\n\t\t\t\tthis.props.onClose();\n\t\t\t}\n\t\t});\n\t}\n\n\tonDateChange = (dates) => {\n\t\tthis.setState({ error: null });\n\n\t\tvar filteredTimeBlocks = this.props.meetingTimeBlocks.filter((item) => { return this.props.initialValues == null || item.id != this.props.initialValues.id });\n\n\t\tfilteredTimeBlocks.map(item => {\n\t\t\tvar startDateTime = moment.utc(item.startTime).local();\n\t\t\tvar endDateTime = moment.utc(item.endTime).local();\n\t\t\tvar currentDateTimeStart = moment.utc(dates.start).local();\n\t\t\tvar currentDateTimeEnd = moment.utc(dates.end).local();\n\n\t\t\tif (currentDateTimeStart.isBetween(startDateTime, endDateTime)\n\t\t\t\t|| currentDateTimeEnd.isBetween(startDateTime, endDateTime)\n\t\t\t\t|| startDateTime.isBetween(currentDateTimeStart, currentDateTimeEnd)) {\n\t\t\t\tthis.setState({ error: 'There is already a meeting occasion during this time.' })\n\t\t\t}\n\t\t})\n\n\t\tthis.setState({ dates });\n\t}\n\n\trender() {\n\t\tconst { submitting, handleSubmit, valid } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{submitting ?
: null}\n\n\t\t\t\t\n\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tmeetingTimeBlocks: state.TimeBlocks.meetingTimeBlocks,\n\t\tinitialValues: ownProps.timeblock\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tcreateMeetingTimeBlocks,\n\tupdateMeetingTimeBlock\n})(reduxForm({\n\tform: 'CreateTimeBlocks',\n\tdestroyOnUnmount: true,\n})(CreateTimeBlocks));\n","import {\n\tgetMeeting,\n\tupdateMeeting,\n\tsendMeetingInstanceTimeBookingReminder,\n} from 'actions/meetings';\n\nimport {\n\tgetMeetingTimeBlocks,\n\tdeleteMeetingTimeBlock\n} from 'actions/timeblocks';\n\nimport { addError } from 'actions/index';\nimport { Link } from 'react-router-dom';\nimport Modal from 'containers/Modals/Modal';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Spinner, Collapsible, Person } from 'UI';\nimport BookMeeting from '../Form/BookMeeting';\nimport { TooltipMenu, Icon, Button, Flex, getActiveLanguage } from '@haldor/ui';\nimport CreateTimeBlocks from 'containers/TimeBlocks/CreateTimeBlocks';\nimport Select from 'components/Inputs/select';\nimport moment from 'moment';\nimport swal from 'sweetalert2';\nimport DateTime from '_class/DateTime';\nimport Onboarding from 'containers/Onboarding/Onboarding';\nimport { updateMeetingTimeBlockSlot } from 'actions/timeblocks';\nimport './Meeting.scss'\n\nimport { Plus, Minus } from 'UI/Icons'\n\nclass MeetingOccassions extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tmoment.locale(getActiveLanguage());\n\n\t\tlet onboarding = false;\n\t\tif (this.getParameterByName('onboarding') != null) {\n\t\t\tonboarding = (this.getParameterByName('onboarding') == 'true');\n\n\t\t\tlet firstOnboarding = localStorage.getItem('meeting-onboarding');\n\n\t\t\tif (firstOnboarding != null) {\n\t\t\t\tonboarding = false;\n\t\t\t} else {\n\t\t\t\tlocalStorage.setItem(\"meeting-onboarding\", true);\n\t\t\t}\n\t\t}\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\ttimeBlocksModal: false,\n\t\t\tlengthValue: 0,\n\t\t\trestLengthValue: 0,\n\t\t\tbookingInstance: null,\n\t\t\tbookingModal: false,\n\t\t\tonboarding: onboarding,\n\t\t\tsteps: [{\n\t\t\t\ttarget: '.occassions-datePickers',\n\t\t\t\tcontent: this.props.translate('Here you can set the meeting duration and pause between meetings.'),\n\t\t\t\tdisableBeacon: true\n\t\t\t}, {\n\t\t\t\ttarget: '#unbookedInstances',\n\t\t\t\tcontent: this.props.translate('Here you can see which students do not have a booked meeting time.'),\n\t\t\t\tdisableBeacon: true\n\t\t\t}, {\n\t\t\t\ttarget: '.meeting-add-date-button',\n\t\t\t\tcontent: this.props.translate('Here you can add a new date or send a reminder to those who have not booked an appointment.'),\n\t\t\t\tdisableBeacon: true\n\t\t\t},]\n\t\t};\n\t}\n\n\t/* Lifecycle methods */\n\tcomponentDidMount = () => {\n\t\tvar tasks = [];\n\t\ttasks.push(this.props.getMeetingTimeBlocks(this.props.meeting.id))\n\n\t\tPromise.all(tasks).then(() => {\n\t\t\tlet steps = this.state.steps;\n\t\t\t\n\t\t\tthis.setState({\n\t\t\t\tsteps,\n\t\t\t\tloading: false,\n\t\t\t\tlengthValue: this.props.meeting.length ? this.props.meeting.length : '',\n\t\t\t\trestLengthValue: this.props.meeting.restLength != null ? this.props.meeting.restLength : '',\n\t\t\t});\n\t\t})\n\t}\n\n\tgetParameterByName = (name, url) => {\n\t\tif (!url) url = window.location.href;\n\t\tname = name.replace(/[\\[\\]]/g, '\\\\$&');\n\t\tvar regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),\n\t\t\tresults = regex.exec(url);\n\t\tif (!results) return null;\n\t\tif (!results[2]) return '';\n\n\t\treturn decodeURIComponent(results[2].replace(/\\+/g, ' '));\n\t}\n\n\tdisableTimeChange = (timeblock) => {\n\t\tconst { meeting } = this.props;\n\t\tif (meeting == null) {\n\t\t\treturn true;\n\t\t}\n\n\t\tlet foundInstanceWithDate = this.props.meeting.instances.find(instance => {\n\t\t\tif (timeblock != null && instance.date != null) {\n\t\t\t\tlet instanceDate = moment.utc(instance.date);\n\t\t\t\treturn instanceDate.local().isBetween(moment.utc(timeblock.startTime).subtract(5, 'seconds').local(), moment.utc(timeblock.endTime).add(5, 'seconds').local())\n\t\t\t}\n\n\t\t\treturn instance.date != null;\n\t\t})\n\n\t\tif (foundInstanceWithDate != null) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tremoveTimeBlock = async (timeblock) => {\n\t\tawait swal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('are-you-sure-you-want-to-delete'),\n\t\t\tshowCancelButton: true,\n\t\t\tfocusConfirm: false,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('Delete'),\n\t\t}).then(async (response) => {\n\t\t\tif (response.value != null) {\n\t\t\t\tawait this.props.deleteMeetingTimeBlock(this.props.meeting.id, timeblock.id);\n\t\t\t\tawait this.props.getMeetingTimeBlocks(this.props.meeting.id);\t\t\n\t\t\t}\n\t\t});\n\t}\n\n\tsendReminderToAllUnbookInstances = () => {\n\t\tconst { meeting } = this.props;\n\n\t\tif (meeting.instances != null) {\n\t\t\tlet promises = [];\n\t\t\tmeeting.instances.forEach(instance => {\n\t\t\t\tif (instance.date == null) {\n\t\t\t\t\tpromises.push(this.sendReminder(instance, false));\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tPromise.all(promises).then(() => {\n\t\t\t\tthis.props.addError(this.props.translate('reminders-sent'), 'info');\n\t\t\t});\n\t\t}\n\t}\n\n\tsendReminder = (instance, notify = true) => {\n\t\treturn new Promise((resolve) => {\n\t\t\tthis.props.sendMeetingInstanceTimeBookingReminder(this.props.meeting.id, instance.id).then(() => {\n\t\t\t\tif (notify)\n\t\t\t\t\tthis.props.addError(this.props.translate('reminders-sent'), 'info');\n\n\t\t\t\tresolve(1);\n\t\t\t})\n\t\t});\n\t}\n\n\ttoggleTimeBlocksModal = async (timeblock) => {\n\t\tif (this.props.meeting.length == null || this.props.meeting.length === \"\") {\n\t\t\tswal.fire({\n\t\t\t\ttitle: this.props.translate('notice') + '!',\n\t\t\t\ttext: this.props.translate('meeting-length-rest-validate-message'),\n\t\t\t\tshowCancelButton: false,\n\t\t\t\tconfirmButtonText: this.props.translate('okey')\n\t\t\t});\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.props.meeting.restLength == null || this.props.meeting.restLength === \"\") {\n\t\t\tswal.fire({\n\t\t\t\ttitle: this.props.translate('notice') + '!',\n\t\t\t\ttext: this.props.translate('meeting-length-rest-validate-message'),\n\t\t\t\tshowCancelButton: false,\n\t\t\t\tconfirmButtonText: this.props.translate('okey')\n\t\t\t});\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.state.timeBlocksModal)\n\t\t\tawait this.props.getMeetingTimeBlocks(this.props.meeting.id);\n\n\t\tthis.setState({ timeBlocksModal: !this.state.timeBlocksModal, editTimeblock: timeblock });\n\t}\n\n\tgetLengthDurations = () => {\n\t\tlet times = [];\n\t\tlet increment = 5;\n\t\tfor (var i = 0; i < 24; i++) {\n\t\t\tif (i == 0) {\n\t\t\t\ttimes.push({ text: increment + ' ' + this.props.translate('minutes'), value: i + increment });\n\t\t\t} else {\n\t\t\t\ttimes.push({ text: ((i + 1) * increment) + ' ' + this.props.translate('minutes'), value: ((i + 1) * increment) });\n\t\t\t}\n\t\t}\n\t\treturn times;\n\t}\n\n\tgetRestLength = () => {\n\t\tlet times = [];\n\t\tlet increment = 5;\n\t\tfor (var i = 0; i < 13; i++) {\n\t\t\tif (i == 0) {\n\t\t\t\ttimes.push({ text: i + ' ' + this.props.translate('minutes'), value: i });\n\t\t\t} else {\n\t\t\t\ttimes.push({ text: (i * increment) + ' ' + this.props.translate('minutes'), value: (i * increment) });\n\t\t\t}\n\t\t}\n\t\treturn times;\n\t}\n\n\tsetLengthDuration = async (event) => {\n\t\tlet meeting = this.props.meeting;\n\t\tmeeting.length = event.target.value;\n\t\tawait this.props.updateMeeting(meeting);\n\t\tawait this.props.getMeetingTimeBlocks(this.props.meeting.id);\n\n\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t}\n\n\tsetSlotBookable = async (meeting, timeBlockSlot, bookable) => {\n\t\ttimeBlockSlot.bookable = bookable;\n\t\tawait this.props.updateMeetingTimeBlockSlot(meeting.id, timeBlockSlot);\n\t}\n\n\tsetRestDuration = async (event) => {\n\t\tlet meeting = this.props.meeting;\n\t\tmeeting.restLength = event.target.value;\n\t\tawait this.props.updateMeeting(meeting);\n\t\tawait this.props.getMeetingTimeBlocks(this.props.meeting.id);\n\n\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t}\n\n\ttoggleBooking = (instance, reload = false) => {\n\t\tconst { meeting } = this.props;\n\t\tthis.setState({\n\t\t\tbookingModal: !this.state.bookingModal,\n\t\t\tbookingInstance: instance\n\t\t});\n\n\t\tif (reload) {\n\t\t\tthis.props.getMeeting(meeting.id).then(() => {\n\t\t\t\tthis.setState({\n\t\t\t\t\tlengthValue: this.props.meeting.length ? this.props.meeting.length : '',\n\t\t\t\t\trestLengthValue: this.props.meeting.restLength != null ? this.props.meeting.restLength : '',\n\t\t\t\t\tloading: false\n\t\t\t\t});\n\t\t\t}).catch((err) => {\n\t\t\t\tconsole.log(err);\n\t\t\t\tthis.setState({ notFound: true });\n\t\t\t});\n\t\t}\n\t}\n\n\trenderMeetingProgress = (meeting) => {\n\t\tvar width = 0;\n\t\tif (meeting.totalMeetings != 0 && meeting.meetingsCompleted != 0) {\n\t\t\twidth = (meeting.meetingsCompleted / meeting.totalMeetings) * 100;\n\t\t}\n\n\t\treturn (\n\t\t\tmeeting.totalMeetings != null && meeting.meetingsCompleted != null ?\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t: null\n\t\t)\n\t}\n\n\trenderDatePickers = () => {\n\t\tif (this.disableTimeChange()) {\n\t\t\treturn \n\t\t\t\t\t\t
\n\n\t\t\t\t\t{this.props.translate('completed-meeting')}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{meeting.meetingsCompleted} / {meeting.totalMeetings}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t)\n\t}\n\n\trenderUnbookedInstances = () => {\n\t\tlet instances = this.props.meeting.instances.filter(t => t.date == null);\n\n\t\tif (instances.length == 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst trigger = (open) => (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t{this.props.translate('You can only edit time slots as long as no meetings have been booked.')}
\n\t\t\t\t\n\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('meeting-length')}\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t { this.setLengthDuration(event) }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('meeting-rest-length')}\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t { this.setRestDuration(event) }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{this.props.translate('not-booked')} ({instances.length})\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t{open ?\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{instances.sort((a, b) => (a.student.lastName || \"\").localeCompare(b.student.lastName || \"\"))\n\t\t\t\t\t.map((instance) => {\n\t\t\t\t\t\tconst dropdownTrigger = (\n\t\t\t\t\t\t\t \n\t\t\t
\n\t\t)\n\t}\n\n\trenderTimeSlot = (slot, instance, index) => {\n\t\tconst { meeting, translate } = this.props;\n\n\t\tconst dropdownTrigger = (\n\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t { this.sendReminder(instance) }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('send-reminder')}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t\t\t\t { this.toggleBooking(instance) }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('book-meeting-time')}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{instance != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t{moment.utc(slot.startTime).local().format('HH:mm')} - {moment.utc(slot.endTime).local().format('HH:mm')} {instance.student.firstName + ' ' + instance.student.lastName}\n\t\t\t\t\t\n\t\t\t\t\t: slot.bookable ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{moment.utc(slot.startTime).local().format('HH:mm')} - {moment.utc(slot.endTime).local().format('HH:mm')} \n\t\t\t\t\t\t\n\t\t\t\t\t\t:\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t{instance != null ?\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t { this.toggleBooking(instance) }}>\n\t\t\t\t\t\t\t\t{this.props.translate('Change meeting time')}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{instance == null ?\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t this.setSlotBookable(meeting, slot, !slot.bookable)}>\n\t\t\t\t\t\t\t\t{slot.bookable ? this.props.translate('Change to non-bookable') : this.props.translate('Change to bookable')}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n\n\trenderTimeBlock = (timeblock) => {\n\n\t\tvar instances = this.props.meeting.instances.filter(t =>\n\t\t\tt.date != null && moment.utc(t.date).local().isBetween(moment.utc(timeblock.startTime).subtract(5, 'seconds').local(), moment.utc(timeblock.endTime).add(5, 'seconds').local())\n\t\t);\n\n\t\tconst dropdownTrigger = (\n\t\t\t{moment.utc(slot.startTime).local().format('HH:mm')} - {moment.utc(slot.endTime).local().format('HH:mm')}
{translate('Non-bookable')}\n\t\t\t\t\t\t\n\t\t\t\t}\n\n\t\t\t\t e.stopPropagation()} className=\"dropdown--trigger\">\n\t\t\t\t
\n\t\t);\n\n\t\tconst trigger = (open) => (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t\tvar slots = timeblock?.timeBlockSlots.filter(t =>\n\t\t\tmoment(t.startTime) < moment(timeblock.endTime) &&\n\t\t\tmoment(t.endTime) > moment(timeblock.startTime)\n\t\t);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{new DateTime(timeblock.startTime).getDateString().capitalize() + ' ' + (instances.length > 0 ? `(${instances.length})` : '')}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{new DateTime(timeblock.startTime).getTime()}\n\t\t\t\t\t\t{' - '}\n\t\t\t\t\t\t{new DateTime(timeblock.endTime).getTime()}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{!this.disableTimeChange(timeblock) ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t { this.toggleTimeBlocksModal(timeblock) }}>\n\t\t\t\t\t\t\t\t\t{this.props.translate('Edit')}\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t { this.removeTimeBlock(timeblock) }}>\n\t\t\t\t\t\t\t\t\t{this.props.translate('Delete')}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{open ?\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t{slots.length == 0 ?\n\t\t\t\t\t\t \n\t\t\t
\n\t\t)\n\t}\n\n\tonboardingExit = () => {\n\t\tthis.setState({ onboarding: !this.state.onboarding })\n\t}\n\n\trender() {\n\t\tif (this.state.loading) {\n\t\t\treturn \n\t\t\t\t\t\t\t{this.props.translate('no-meeting-occasions')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\n\t\t\t\t\t\t{slots.map((slot, index) => {\n\t\t\t\t\t\t\tlet foundInstance = instances.find(instance => {\n\t\t\t\t\t\t\t\treturn moment.utc(instance.date).local() < moment.utc(slot.endTime).local() &&\n\t\t\t\t\t\t\t\t\tmoment.utc(instance.endDate).local() > moment.utc(slot.startTime).local()\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\treturn this.renderTimeSlot(slot, foundInstance, index);\n\t\t\t\t\t\t})}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t{this.state.onboarding ?\n\t\t\t\t\t this.toggleTimeBlocksModal()} title={this.props.translate('add-date')}>\n\t\t\t\t\t \n\n\t\t\t\t this.toggleBooking(instance, reload)} type=\"small\" title={this.props.translate('book-meeting-time')}>\n\t\t\t\t\t { this.toggleBooking(instance, reload) }}\n\t\t\t\t\t\tmeeting={this.props.meeting}\n\t\t\t\t\t\tinstance={this.state.bookingInstance}\n\t\t\t\t\t/>\n\t\t\t\t \n\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\tlet meeting = state.Meetings.meeting;\n\tif (meeting == null && state.Meetings.wizardMeeting != null) {\n\t\tmeeting = state.Meetings.wizardMeeting;\n\t}\n\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tmeeting: meeting,\n\t\tuser: state.user.currentUser,\n\t\tmeetingTimeBlocks: state.TimeBlocks.meetingTimeBlocks,\n\t\tmeetingTimeBlockSlots: state.TimeBlocks.meetingTimeBlockSlots,\n\t\tlanguages: state.Languages.languages,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetMeeting,\n\tupdateMeeting,\n\taddError,\n\tgetMeetingTimeBlocks,\n\tdeleteMeetingTimeBlock,\n\tsendMeetingInstanceTimeBookingReminder,\n\tupdateMeetingTimeBlockSlot\n})(MeetingOccassions);\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { withRouter, Link } from 'react-router-dom';\n\nimport User from '_class/User';\nimport DateTime from '_class/DateTime';\n\nimport { setPageTitle } from 'actions/header';\nimport { updateForm } from 'actions/templates';\nimport { addError } from 'actions/index';\n\nimport {\n\taddMeetingInstances,\n\tgetMeeting,\n\tupdateMeeting,\n\tdeleteMeetingRelationship,\n\tdeleteMeeting,\n} from 'actions/meetings';\n\nimport {\n\tgetMeetingTimeBlocks,\n\tdeleteMeetingTimeBlock,\n} from 'actions/timeblocks';\n\nimport swal from 'sweetalert2';\nimport Modal from 'containers/Modals/Modal';\nimport PostContent from 'components/Presentation/PostContent';\nimport ConnectForm from 'containers/Meeting/Form/ConnectForm';\n\nimport AddMeetingInstances from '../Form/AddMeetingInstances';\nimport BookMeeting from '../Form/BookMeeting';\nimport UpdateMeeting from '../Form/UpdateMeeting';\nimport CreateTimeBlocks from '../../TimeBlocks/CreateTimeBlocks';\nimport MeetingOccassions from './MeetingOccassions';\n\nimport { Spinner, Person } from 'UI';\nimport { Block, Flex, Icon, Button, Tabs, Tab } from '@haldor/ui';\nimport DisplayName from 'components/Presentation/DisplayName';\n\nclass Meeting extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tmodal: false,\n\t\t\tupdateModal: false,\n\t\t\tconnectForm: false,\n\t\t\tactiveForm: null,\n\t\t\tstatus: null,\n\t\t\ttimeBlocksModal: false,\n\t\t\tlengthValue: 0,\n\t\t\trestLengthValue: 0,\n\t\t\tbookingInstance: null,\n\t\t\tbookingModal: false\n\t\t};\n\t}\n\n\n\t/* Lifecycle methods */\n\tcomponentDidMount = () => {\n\t\tif (this.props.meeting == null || (this.props.meeting != null && this.props.meeting.id != this.props.match.params.id)) {\n\t\t\tthis.props.getMeeting(this.props.match.params.id).then(() => {\n\t\t\t\tthis.props.setPageTitle(this.props.meeting.title);\n\t\t\t\tthis.setState({\n\t\t\t\t\tlengthValue: this.props.meeting.length ? this.props.meeting.length : '',\n\t\t\t\t\trestLengthValue: this.props.meeting.restLength ? this.props.meeting.restLength : '',\n\t\t\t\t\tloading: false\n\t\t\t\t});\n\t\t\t}).catch((err) => {\n\t\t\t\tconsole.log(err);\n\t\t\t\tthis.setState({ notFound: true });\n\t\t\t});\n\n\t\t\tthis.props.getMeetingTimeBlocks(this.props.match.params.id);\n\t\t} else {\n\t\t\tthis.props.setPageTitle(this.props.meeting.title);\n\t\t\tthis.setState({ loading: false });\n\n\t\t\tthis.props.getMeeting(this.props.match.params.id);\n\t\t}\n\t}\n\n\ttoggleModal = () => {\n\t\tthis.setState({ modal: !this.state.modal });\n\t}\n\n\ttoggleUpdateModal = () => {\n\t\tthis.setState({ updateModal: !this.state.updateModal });\n\t}\n\n\tonAddMeetingInstances = (values) => {\n\t\treturn new Promise(async (resolve) => {\n\t\t\tvalues.instances.forEach((instance) => { instance.meetingId = this.props.match.params.id });\n\n\t\t\tawait this.props.addMeetingInstances(this.props.match.params.id, values.instances)\n\t\t\tthis.setState({ loading: true });\n\t\t\tawait this.props.getMeeting(this.props.match.params.id)\n\t\t\tthis.setState({ loading: false });\n\t\t\tthis.toggleModal();\n\t\t});\n\t}\n\n\tonUpdateMeeting = (values) => {\n\t\treturn new Promise(async (resolve) => {\n\t\t\tvalues.id = this.props.match.params.id;\n\t\t\tvalues.instances = this.props.meeting.instances;\n\n\t\t\tthis.setState({ loading: true });\n\n\t\t\tawait this.props.updateMeeting(values)\n\t\t\tawait this.props.getMeeting(this.props.match.params.id);\n\n\t\t\tthis.setState({ loading: false });\n\t\t\tthis.toggleUpdateModal();\n\t\t});\n\t}\n\n\t/* Events */\n\tonLockMeeting = async () => {\n\t\tlet values = this.props.meeting;\n\t\tvalues.status = 'COMPLETED';\n\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('meeting-lock-prompt'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('Cancel'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then(async result => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.setState({});\n\n\t\t\t\tawait this.props.updateMeeting(values);\n\t\t\t\tthis.props.getMeeting(this.props.match.params.id);\n\t\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t\t\t}\n\t\t});\n\t}\n\n\tonUnlockMeeting = async () => {\n\t\tlet values = this.props.meeting;\n\t\tvalues.status = 'ACTIVE';\n\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('meeting-unlock-prompt'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('Cancel'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then(async result => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.setState({});\n\n\t\t\t\tawait this.props.updateMeeting(values);\n\t\t\t\tthis.props.getMeeting(this.props.match.params.id);\n\t\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t\t\t}\n\t\t});\n\t}\n\n\tonPublishMeeting = async () => {\n\t\tlet values = this.props.meeting;\n\t\tvalues.status = 'ACTIVE';\n\n\t\tthis.setState({});\n\n\t\tawait this.props.updateMeeting(values);\n\t\tthis.props.getMeeting(this.props.match.params.id);\n\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t}\n\n\ttoggleConnectForm = (forceClose = false) => {\n\t\tif (forceClose == true) {\n\t\t\tthis.setState({ connectForm: false, activeForm: null });\n\t\t} else {\n\t\t\tthis.setState({ connectForm: !this.state.connectForm, activeForm: null });\n\t\t}\n\t}\n\n\ttoggleTimeBlocksModal = (timeblock) => {\n\t\tthis.setState({ timeBlocksModal: !this.state.timeBlocksModal, editTimeblock: timeblock });\n\t}\n\n\tonConnectSubmit = (submits) => {\n\t\treturn new Promise(async (resolve) => {\n\t\t\tlet tasks = [];\n\t\t\tsubmits.forEach((form) => {\n\t\t\t\tif (form.id == null) {\n\t\t\t\t\t// Add form to meeting\n\t\t\t\t\tlet meeting = { ...this.props.meeting };\n\n\t\t\t\t\tif (meeting.meetingForms == null) {\n\t\t\t\t\t\tmeeting.meetingForms = [];\n\t\t\t\t\t}\n\n\t\t\t\t\tmeeting.meetingForms.push(form);\n\n\t\t\t\t\tlet task = this.props.updateMeeting(meeting);\n\t\t\t\t\ttasks.push(task);\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tPromise.all(tasks).then(() => {\n\t\t\t\tthis.toggleConnectForm(true);\n\t\t\t\tresolve(1);\n\t\t\t});\n\t\t});\n\t}\n\n\tonFormClick = (form) => {\n\t\tthis.setState({ connectForm: true, activeForm: form.reference });\n\t}\n\n\trenderAudience(audience) {\n\t\tif (audience == \"STUDENT\") {\n\t\t\treturn {this.props.translate('assigned-to-students')}\n\t\t} else if (audience == \"GUARDIAN\") {\n\t\t\treturn {this.props.translate('assigned-to-guardians')}\n\t\t} else if (audience == \"SELF\") {\n\t\t\treturn {this.props.translate('assigned-to-me')}\n\t\t} else if (audience == \"FOLLOWUP\") {\n\t\t\treturn {this.props.translate('follow-up')}\n\t\t} else {\n\t\t\treturn \n\t\t}\n\t}\n\n\tremoveTimeBlock = (timeblock) => {\n\t\tthis.props.deleteMeetingTimeBlock(this.props.meeting.id, timeblock.id);\n\t}\n\n\tgetLengthDurations = () => {\n\t\tlet times = [];\n\t\tlet increment = 15;\n\t\tfor (var i = 0; i < 8; i++) {\n\t\t\tif (i == 0) {\n\t\t\t\ttimes.push({ text: increment + ' ' + this.props.translate('minutes'), value: i + increment });\n\t\t\t} else {\n\t\t\t\ttimes.push({ text: ((i + 1) * increment) + ' ' + this.props.translate('minutes'), value: ((i + 1) * increment) });\n\t\t\t}\n\t\t}\n\t\treturn times;\n\t}\n\n\tgetRestLength = () => {\n\t\tlet times = [];\n\t\tlet increment = 5;\n\t\tfor (var i = 0; i < 13; i++) {\n\t\t\tif (i == 0) {\n\t\t\t\ttimes.push({ text: i + ' ' + this.props.translate('minutes'), value: i });\n\t\t\t} else {\n\t\t\t\ttimes.push({ text: (i * increment) + ' ' + this.props.translate('minutes'), value: (i * increment) });\n\t\t\t}\n\t\t}\n\t\treturn times;\n\t}\n\n\tsetLengthDuration = async (event) => {\n\t\tlet meeting = this.props.meeting;\n\t\tmeeting.length = event.target.value;\n\t\tawait this.props.updateMeeting(meeting);\n\n\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t}\n\n\tsetRestDuration = async (event) => {\n\t\tlet meeting = this.props.meeting;\n\t\tmeeting.restLength = event.target.value;\n\t\tawait this.props.updateMeeting(meeting);\n\n\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t}\n\n\ttoggleBooking = (instance, reload = false) => {\n\t\tthis.setState({\n\t\t\tbookingModal: !this.state.bookingModal,\n\t\t\tbookingInstance: instance\n\t\t});\n\n\t\tif (reload) {\n\t\t\tthis.props.getMeeting(this.props.meeting.id).then(() => {\n\t\t\t\tthis.props.setPageTitle(this.props.meeting.title);\n\t\t\t\tthis.setState({\n\t\t\t\t\tlengthValue: this.props.meeting.length ? this.props.meeting.length : '',\n\t\t\t\t\trestLengthValue: this.props.meeting.restLength ? this.props.meeting.restLength : '',\n\t\t\t\t\tloading: false\n\t\t\t\t});\n\t\t\t}).catch((err) => {\n\t\t\t\tconsole.log(err);\n\t\t\t\tthis.setState({ notFound: true });\n\t\t\t});\n\t\t}\n\t}\n\n\trenderMeetingProgress = (meeting) => {\n\t\tvar width = 0;\n\t\tif (meeting.totalMeetings != 0 && meeting.meetingsCompleted != 0) {\n\t\t\twidth = (meeting.meetingsCompleted / meeting.totalMeetings) * 100;\n\t\t}\n\n\t\treturn (\n\t\t\tmeeting.totalMeetings != null && meeting.meetingsCompleted != null ?\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t{this.renderDatePickers()}\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('meeting-occasions')}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t { this.setState({ onboarding: !this.state.onboarding }) }}>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t{this.props.meetingTimeBlocks.map(this.renderTimeBlock)}\n\n\t\t\t\t\t\t{this.renderUnbookedInstances()}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t{this.props.next != null ?\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t
\n\t\t\t\t: null\n\t\t)\n\t}\n\n\trenderMeetingInstance = (instance) => {\n\t\tconst { meeting } = this.props;\n\n\t\treturn (\n\t\t\t{this.props.translate('completed-meeting')}
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{meeting.meetingsCompleted} / {meeting.totalMeetings}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t{instance.date != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t{new DateTime(instance.date).getLongDateWithTime()} - {new DateTime(instance.endDate).format('HH:mm')}\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\n\t\t\t\t{instance.status == \"COMPLETED\" ?\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('complete-meeting')}\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\t\t\t\n\t\t)\n\t}\n\n\tgetForms() {\n\t\tlet forms = [];\n\n\t\tif (this.props.meeting.relationships != null) {\n\t\t\tthis.props.meeting.relationships.forEach(form => {\n\t\t\t\tif (form.referenceType == 'FORM') {\n\t\t\t\t\tthis.props.meeting.instances.forEach((instance) => {\n\t\t\t\t\t\tinstance.relationships.forEach((relationship) => {\n\t\t\t\t\t\t\tif (relationship.referenceType == \"FORMINSTANCE\") {\n\t\t\t\t\t\t\t\tif (relationship.reference.formID == form.referenceID) {\n\t\t\t\t\t\t\t\t\tform.answeredBy = form.answeredBy != null ? form.answeredBy++ : 1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t\tforms.push(form);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\treturn forms;\n\t}\n\n\tdeleteForm = (form) => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('are-you-sure-you-want-to-delete'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('Cancel'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then(async result => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.setState({ loading: true });\n\t\t\t\tthis.props.deleteMeetingRelationship(this.props.meeting.id, form.id).then(() => {\n\t\t\t\t\tthis.props.getMeeting(this.props.match.params.id).then(() => {\n\t\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t\t});\n\t\t\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tonRemoveMeeting = () => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('are-you-sure-you-want-to-delete') + ' ' + this.props.translate('This action cannot be undone.'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('Cancel'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then(async result => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.setState({ loading: true });\n\t\t\t\tthis.props.deleteMeeting(this.props.meeting.id).then(() => {\n\t\t\t\t\tthis.props.history.push('/meetings');\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\trender() {\n\t\tif (this.state.loading && !this.state.notFound) {\n\t\t\treturn {this.props.translate('not-found')}
\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t this.toggleModal()} title={translate('meetings')}>\n\t\t\t\t\t \n\n\t\t\t\t this.toggleUpdateModal()} title={translate('meetings')}>\n\t\t\t\t\t \n\n\t\t\t\t this.toggleTimeBlocksModal()} title={this.props.translate('meeting-time')}>\n\t\t\t\t\t \n\n\t\t\t\t this.toggleBooking(instance, reload)} title={this.props.translate('book-meeting-time')}>\n\t\t\t\t\t { this.toggleBooking(instance, reload) }}\n\t\t\t\t\t\tmeeting={this.props.meeting}\n\t\t\t\t\t\tinstance={this.state.bookingInstance}\n\t\t\t\t\t/>\n\t\t\t\t \n\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tmeeting: state.Meetings.meeting,\n\t\tuser: state.user.currentUser,\n\t\tmeetingTimeBlocks: state.TimeBlocks.meetingTimeBlocks,\n\t\tlanguages: state.Languages.languages,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tgetMeeting,\n\tsetPageTitle,\n\tupdateMeeting,\n\taddMeetingInstances,\n\tupdateForm,\n\taddError,\n\tgetMeetingTimeBlocks,\n\tdeleteMeetingTimeBlock,\n\tdeleteMeetingRelationship,\n\tdeleteMeeting,\n})(Meeting));","import { createNote, updateNote } from 'actions/notes';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, reduxForm } from 'redux-form';\nimport { Editor } from 'UI/Inputs';\nimport Moment from 'moment';\nimport DateTime from '_class/DateTime';\nimport DatePicker from 'react-datepicker';\nimport { Button, Checkbox } from '@haldor/ui';\n\nclass NoteForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet isPublic = true;\n\t\tlet relationships = [];\n\t\t// let remindDate = null;\n\t\tif (props.initialValues != null) {\n\t\t\tif (props.initialValues.public != null) {\n\t\t\t\tisPublic = props.initialValues.public;\n\t\t\t}\n\n\t\t\trelationships = props.initialValues.relationships;\n\t\t\t// remindDate = props.initialValues.remindDate;\n\t\t}\n\n\t\tthis.state = {\n\t\t\t// remindDate,\n\t\t\tprivate: !isPublic,\n\t\t\trelationships: relationships\n\t\t};\n\t}\n\n\t/* Helper methods */\n\tgetRelationship = () => {\n\t\tif (this.state.relationships != null && this.state.relationships.length > 0) {\n\t\t\treturn this.state.relationships;\n\t\t}\n\n\t\tif (this.props.references != null) {\n\t\t\treturn this.props.references;\n\t\t}\n\n\t\treturn {\n\t\t\t'referenceID': this.props.id,\n\t\t\t'referenceType': this.props.reference,\n\t\t};\n\t}\n\n\trequired = (value) => {\n\t\tif (typeof (value) !== 'undefined' && value !== '') {\n\t\t\tif (value.length > 199) {\n\t\t\t\t// Field failed validation, return error for this field (String)\n\t\t\t\treturn this.props.translate('field-max-200-chars');\n\t\t\t}\n\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string and not over 200 characters\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\tquillValidation = (value) => {\n\t\tvar strValue = value;\n\n\t\tvar text = strValue;\n\t\tif (typeof (strValue) == 'string') {\n\t\t\t//text = strValue.replace(/<(?:.|\\n)*?>/gm, '');\n\t\t\ttext = text.replace('\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{meeting != null && meeting.status == \"DRAFT\" ? {translate('Draft')} : null}\n\n\t\t\t\t\t\t\t\t{this.props.translate('Information-to-participants')}\n\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t{!user.isStudent() && user.data.id == meeting.creator ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\t{!user.isStudent() && user.data.id == meeting.creator ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{meeting.description} \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('students')}\n\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{this.renderMeetingProgress(meeting)}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.meeting.instances\n\t\t\t\t\t\t\t\t\t\t\t.sort((a, b) => (a.student.lastName || \"\").localeCompare(b.student.lastName || \"\"))\n\t\t\t\t\t\t\t\t\t\t\t.map((instance) => {\n\t\t\t\t\t\t\t\t\t\t\t\treturn this.renderMeetingInstance(instance);\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t{user.data.id == meeting.creator && meeting.status != 'COMPLETED' ?\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('forms')}\n\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t{forms != null ?\n\t\t\t\t\t\t\t\t\t\t\tforms.map(form => {\n\t\t\t\t\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t{forms != null && forms.length == 0 ?\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{form.reference.title}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{form.answeredBy == null && user.data.id == meeting.creator ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t { this.deleteForm(form) }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.renderAudience(form.targetedAudience)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('no-form')}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t{!user.isStudent() && user.data.id == meeting.creator && meeting.status != 'COMPLETED' ?\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t{this.props.translate('tools')}
\n\n\t\t\t\t\t\t\t{meeting.status == 'COMPLETED' && user.isMentor() ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{meeting.status != 'COMPLETED' ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{meeting.status == 'DRAFT' ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{meeting.status == 'DRAFT' ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{meeting.status == 'ACTIVE' ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t', '');\n\t\t\ttext = text.replace('
', '');\n\t\t\ttext = text.replace('', '');\n\t\t}\n\n\t\tif (text == \"\" || text == null) {\n\t\t\treturn this.props.translate('write-a-meeting-note');\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\t/* Events */\n\tsubmit = (values) => {\n\t\treturn new Promise(async resolve => {\n\t\t\tvalues.public = !this.state.private;\n\t\t\tvalues.relationships = [];\n\t\t\tvalues.memberships = [];\n\t\t\t// values.remindDate = this.state.remindDate;\n\n\t\t\tlet references = this.getRelationship();\n\n\t\t\tif (Array.isArray(references) && references.length > 0) {\n\t\t\t\tvalues.relationships = references;\n\t\t\t} else {\n\t\t\t\tvalues.relationships.push(this.getRelationship());\n\t\t\t}\n\n\t\t\tif (values.status == null) {\n\t\t\t\tvalues.status = 'CREATED';\n\t\t\t}\n\n\t\t\tif (values.id == null) {\n\t\t\t\tawait this.props.createNote(values);\n\t\t\t} else {\n\t\t\t\tawait this.props.updateNote(values);\n\t\t\t}\n\n\t\t\tif (this.props.onAbort != null) {\n\t\t\t\tawait this.props.onAbort(true, values);\n\t\t\t}\n\n\t\t\tresolve(1);\n\t\t});\n\t}\n\n\tonCancel = () => {\n\t\tif (this.props.onAbort != null) {\n\t\t\tthis.props.onAbort(false);\n\t\t}\n\t}\n\n\tonDateChange = (remindDate) => {\n\t\tthis.setState({ remindDate });\n\t}\n\n\t/* Render methods */\n\trenderInput = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t
\n\t\t\t\t
\n\t\t);\n\t}\n\n\trenderShareCheckbox = () => {\n\t\tif (this.props.disableShare != null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet shareLabel = this.props.translate('private-note');\n\t\tif (this.props.shareLabel != null) {\n\t\t\tshareLabel = this.props.shareLabel;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t this.setState({ private: checked })}\n\t\t\t\t\tlabel={shareLabel}\n\t\t\t\t/>\n\t\t\t
\n\t\t)\n\t}\n\n\trender() {\n\t\tconst { submitting, handleSubmit, valid } = this.props;\n\t\tconst isEditing = this.props.initialValues != null;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{submitting ?
: null}\n\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tinitialValues: state.Notes.active,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tcreateNote,\n\tupdateNote,\n})(reduxForm({\n\tform: 'NoteForm',\n\tdestroyOnUnmount: true,\n})(NoteForm));\n","import React from 'react';\nimport DateTime from '_class/DateTime';\nimport { getRootUrl } from 'helpers/url';\nimport { Link } from 'react-router-dom';\nimport { Icon } from '@haldor/ui';\nimport { useTranslate } from 'lib/translate';\n\nconst DisplayCell = ({ cell, color, assessmentDetails, isSelected }) => {\n\tconst translate = useTranslate();\n\n\t/**\n\t * @param {object} detail\n\t */\n\tconst getDetailLink = (detail) => {\n\t\tif (detail.assessment.referenceType == 'Plan') {\n\t\t\treturn getRootUrl() + `plan/${detail.navigationObject.referenceId}`;\n\t\t}\n\n\t\tif (detail.assessment.referenceType == 'AssignmentTask') {\n\t\t\treturn getRootUrl() + `assignment/${detail.navigationObject.referenceId}`;\n\t\t}\n\t}\n\n\treturn (\n\t\t\n\t\t\t
\n\t);\n\n}\n\nDisplayCell.defaultProps = {\n\tisSelected: false,\n\tcolor: '#ccc',\n\tassessmentDetails: [],\n};\n\nexport default DisplayCell;","import React from 'react';\nimport ColorScale from '_class/ColorScale';\nimport { useTranslate } from 'lib/translate';\n\nimport DisplayCell from './DisplayCell';\n\nconst DisplayMatrix = ({ matrix, statistic }) => {\n\tconst translate = useTranslate();\n\n\tif (matrix == null) {\n\t\treturn null;\n\t}\n\n\tdelete matrix.paragraphSet;\n\n\t/**\n\t * @param {object} row\n\t */\n\tconst getColors = (row) => {\n\t\tlet showRed = true;\n\n\t\tif (matrix.disableNotAchieved) {\n\t\t\tshowRed = false;\n\t\t}\n\n\t\treturn new ColorScale(getRowCells(row).length).get(showRed);\n\t}\n\n\t/**\n\t * @param {object} row\n\t * @returns {array} cells\n\t */\n\tconst getRowCells = (row) => {\n\t\tlet cells = JSON.parse(JSON.stringify(row.cells));\n\n\t\tif (!matrix.disableNotAchieved) {\n\t\t\tcells.unshift({\n\t\t\t\ttext: translate('Not achieved'),\n\t\t\t\tid: 'F',\n\t\t\t});\n\t\t}\n\n\t\treturn cells;\n\t}\n\n\t/**\n\t * @param {object} row\n\t * @param {number} index\n\t * @returns {object} assessmentDetail\n\t */\n\tconst getCellAssessmentDetails = (row, index) => {\n\t\tif (statistic == null) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet foundEntry = statistic.statistics.find((stat) => stat.index == index);\n\t\tif (foundEntry != null) {\n\t\t\treturn foundEntry.assessmentDetails.filter((detail) =>\n\t\t\t\tdetail.assessmentBlockPartRow.referenceId == row.id\n\t\t\t);\n\t\t}\n\n\t\treturn [];\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t{cell.text != null ?\n\t\t\t\t\tcell.text\n\t\t\t\t\t: cell.value}\n\t\t\t
\n\n\t\t\t{assessmentDetails.map((detail) => {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{detail.assessment.referenceType == 'Plan' ?\n\t\t\t\t\t\t\t\ttranslate('Plan')\n\t\t\t\t\t\t\t\t: translate('Assignment')}\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t})}\n\t\t\n\t\t\t\t\t\t\t\t{detail.navigationObject.title}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{detail.editorUser != null ?\n\t\t\t\t\t\t\t\t\tdetail.editorUser.firstName + ' ' + detail.editorUser.lastName\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t{' • ' + new DateTime(detail.assessment.created).getLongDate()}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{detail.assessment.status === 'ASSESSMENT_PUBLISHED' ?\n\t\t\t\t\t\t\t\t\n\t\t\t
\n\t);\n}\n\nexport default DisplayMatrix;","import React from 'react';\nimport ColorScale from '_class/ColorScale';\n\nimport DisplayCell from './DisplayCell';\n\nconst DisplayGoal = ({ goal, statistic }) => {\n\tif (goal == null) {\n\t\treturn null;\n\t}\n\n\t/**\n\t * @param {object} row\n\t */\n\tconst getColors = (row) => {\n\t\tconst showRed = row.cells.find(cell =>\n\t\t\tcell.type == 'NotAchievedTextField'\n\t\t) != null;\n\n\t\treturn new ColorScale(row.cells.length).get(showRed);\n\t}\n\n\t/**\n\t * @param {object} row\n\t * @param {number} index\n\t * @returns {object} assessmentDetail\n\t */\n\tconst getCellAssessmentDetails = (row, index) => {\n\t\tif (statistic == null) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet foundEntry = statistic.statistics.find((stat) => stat.index == index);\n\t\tif (foundEntry != null) {\n\t\t\treturn foundEntry.assessmentDetails.filter((detail) =>\n\t\t\t\tdetail.assessmentBlockPartRow.referenceId == row.id\n\t\t\t);\n\t\t}\n\n\t\treturn [];\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t{matrix._ParagraphSet.map((paragraph) => {\n\t\t\t\t\treturn
\n\t\t\n\t\t\t\t\t\t{paragraph.title != null ?
\n\t\t\t\t})}\n\t\t\t{paragraph.title}
: null}\n\t\t\t\t\t\t{paragraph.subtitle != null ? {paragraph.subtitle}
: null}\n\t\t\t\t\t\t{paragraph.rows.map((row) => {\n\t\t\t\t\t\t\tconst colors = getColors(row);\n\n\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t{paragraph != null ?\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t})}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{paragraph.paragraphNr}.{row.sentenceNr}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{row.text}\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{getRowCells(row).map((cell, index) => {\n\t\t\t\t\t\t\t\t\t\tconst assessmentDetails = getCellAssessmentDetails(row, index);\n\t\t\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t\t\n\t\t\t
\n\t);\n\n};\n\nexport default DisplayGoal;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport DateTime from '_class/DateTime';\nimport { useTranslate } from 'lib/translate';\nimport { capitalize } from 'helpers/content';\n\n\nimport { Collapsible } from 'UI';\nimport { Icon } from '@haldor/ui';\n\nimport './_displayFeedbacks.scss';\nimport User from '_class/User';\nimport { useSelector } from 'react-redux';\n\nconst DisplayFeedbacks = ({ feedbacks, resource, resources, isStudentOverView }) => {\n\tconst translate = useTranslate();\n\tconst currentUser = useSelector(state => state.user.currentUser);\n\tconst user = new User(currentUser);\n\t/**\n\t * @returns {array} feedbacks\n\t */\n\tconst getPublicFeedbacks = () => {\n\t\tif (feedbacks == null) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn feedbacks.filter((feedback) => !feedback.isPrivate);\n\t}\n\n\t/**\n\t * @returns {array} feedbacks\n\t */\n\tconst getPrivateFeedbacks = () => {\n\t\tif (feedbacks == null || currentUser == null) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn feedbacks.filter((feedback) => feedback.isPrivate && feedback.editorUser != null && feedback.editorUser.userId == currentUser.id);\n\t}\n\n\tconst getResource = (feedback) => {\n\t\tif (resource != null) {\n\t\t\treturn resource;\n\t\t}\n\n\t\tif (resources.length > 0) {\n\t\t\treturn resources.find((resource) => feedback.assessmentBlockPartId == resource.id);\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * @param {string} permission\n\t * @param {array} permissions\n\t */\n\tconst renderPermission = (permission, permissions) => {\n\t\tconst active = permissions.find((perm) =>\n\t\t\tperm.target == permission && perm.referenceType == 'ASSESSMENTFEEDBACK'\n\t\t) != null;\n\n\t\treturn \n\t\t\t\t{goal.rows.map((row) => {\n\t\t\t\t\tconst cells = row.cells?.sort((a, b) => a.index - b.index);\n\t\t\t\t\tconst colors = getColors(row);\n\n\t\t\t\t\treturn
\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t})}\n\t\t\t\n\t\t\t\t\t\t\t{row.description}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{cells.map((cell, index) => {\n\t\t\t\t\t\t\t\tconst assessmentDetails = getCellAssessmentDetails(row, index);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t
\n\t}\n\n\tconst renderFeedback = (feedback, index) => {\n\t\tconst resource = getResource(feedback);\n\t\tlet permissions = [];\n\t\tif (resource != null && !feedback.isPrivate) {\n\t\t\tpermissions = resource.permissions;\n\t\t}\n\n\t\treturn \n\t\t\t
\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t{feedback.navigationObject != null ?\n\t\t\t\t\t\tfeedback.navigationObject.referenceType == 'PLAN' ?\n\t\t\t\t\t\t\ttranslate('Plan')\n\t\t\t\t\t\t\t: translate('Assignment')\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{feedback.navigationObject != null ?\n\t\t\t\t\t\t' • ' + feedback.navigationObject.title\n\t\t\t\t\t\t: null}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t{feedback.editorUser != null ?\n\t\t\t\t\t\tfeedback.editorUser.firstName + ' ' + feedback.editorUser.lastName\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{' • ' + new DateTime(feedback.published ? feedback.published : feedback.created).getLongDate()}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\t{renderPermission('STUDENT', permissions)}\n\t\t\t\t\t\t{renderPermission('GUARDIAN', permissions)}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t{getPublicFeedbacks().length > 0 ?\n\t\t\t\t
\n\t)\n\n}\n\nDisplayFeedbacks.propTypes = {\n\tfeedbacks: PropTypes.array,\n\tresource: PropTypes.object,\n\tresources: PropTypes.array,\n};\n\nDisplayFeedbacks.defaultProps = {\n\tresource: null,\n\tresources: [],\n};\n\nexport default DisplayFeedbacks;","import React, { Component } from 'react';\n\nclass Bar extends Component {\n\tstatic defaultProps = {\n\t\tshowAmount: false,\n\t\tshowLabel: false,\n\t};\n\n\trenderBar = ( data ) => {\n\t\tconst {\n\t\t\tshowAmount,\n\t\t\tshowLabel,\n\t\t\tshowAllSteps,\n\t\t\tshowPercentage,\n\t\t} = this.props;\n\n\t\tlet steps = [];\n\t\tlet total = data.map( item => {\n\t\t\treturn parseInt( item.amount, 10 );\n\t\t}).reduce( ( prev, next ) => {\n\t\t\treturn prev + next;\n\t\t});\n\n\t\tdata.map( step => {\n\t\t\tlet stepWidth = 0;\n\t\t\tif ( total > 0 ) {\n\t\t\t\tstepWidth = ( parseInt( step.amount, 10 ) / total * 100 ) + '%';\n\t\t\t} else {\n\t\t\t\tstepWidth = ( 100 / data.length ) + '%';\n\t\t\t}\n\n\t\t\tsteps.push({\n\t\t\t\twidth: stepWidth,\n\t\t\t\tlabel: step.label ? step.label : '',\n\t\t\t\tcolor: step.color ? step.color : '#9E82EB',\n\t\t\t\tamount: step.amount,\n\t\t\t});\n\t\t});\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{getPublicFeedbacks().map(renderFeedback)}\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\t: null}\n\n\t\t\t{getPrivateFeedbacks().length > 0 ?\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{getPrivateFeedbacks().map(renderFeedback)}\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\t: null}\n\t\t\n\t\t\t\t{ steps.map( (step, i) => {\n\t\t\t\t\tlet style = showAllSteps && step.width == '0%' ?\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tpadding: '0.2em 0.3em !important',\n\t\t\t\t\t\t\tbackgroundColor: step.color,\n\t\t\t\t\t\t}\n\t\t\t\t\t:\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\twidth: step.width,\n\t\t\t\t\t\t\tbackgroundColor: step.color\n\t\t\t\t\t\t};\n\n\t\t\t\t\treturn \n\t\t\t\t\t\t{ showLabel ? step.label : null }\n\t\t\t\t\t\t{ showAmount ? ` ${ step.amount }` : null }\n\t\t\t\t\t\t{ showPercentage ? ` ${ step.width }%` : null }\n\t\t\t\t\t;\n\t\t\t\t}) }\n\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { data, datasets } = this.props;\n\n\t\tif ( datasets ) {\n\t\t\treturn(\n\t\t\t\t\n\t\t\t\t\t{ datasets.map( data => {\n\t\t\t\t\t\treturn this.renderBar( data )\n\t\t\t\t\t}) }\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tif ( data ) {\n\t\t\treturn(\n\t\t\t\t\n\t\t\t\t\t{ this.renderBar( data ) }\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t}\n}\n\nexport default Bar;\n","import React from 'react';\n\nconst Progress = ({ currentValue, maxValue, percentage, label, labelPostion = 'end' }) => {\n\tif (currentValue && maxValue) {\n\t\tpercentage = (currentValue / maxValue) * 100;\n\t}\n\n\treturn (\n\t\t\n\t\t\t{labelPostion === 'end' && (\n\t\t\t\t
\n\t\t\t)}\n\t\t\t{labelPostion === 'start' && (\n\t\t\t\t\n\t\t\t\t\t{label}
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{label}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n}\n\nProgress.defaultProps = {\n\tpercentage: 0,\n\tlabel: null,\n\tlabelPostion: 'end',\n\tcurrentValue: null,\n\tmaxValue: null,\n};\n\nexport default Progress;\n","import React, { Component } from 'react';\nimport Block, { BlockWrapper, BlockContent, BlockHeader } from 'UI/Elements/Block';\n\nimport DatePickerFromTo from 'containers/Forms/Partials/DatePickerFromTo';\n\nclass GraphContent extends Component {\n\n\trender() {\n\t\treturn(\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{ this.props.title ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{ this.props.title }\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t: null }\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{ this.props.children }\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default GraphContent;\n","import React, { Component } from 'react';\n\nclass StandingBar extends Component {\n\n\t/* Class setup */\n\tstatic defaultProps = {\n\t\theightUnit: 2,\n\t\tminimumHeight: 5,\n\t\tshowAmount: true,\n\t};\n\n\t/* Render methods */\n\trenderData = () => {\n\t\tconst { data } = this.props;\n\t\tlet total = 0;\n\t\tif (data != null && data.length > 0) {\n\t\t\tdata.forEach(entry => {\n\t\t\t\ttotal += entry.amount;\n\t\t\t});\n\t\t}\n\n\t\treturn data.map((entry, index) => {\n\t\t\tlet height = 0;\n\t\t\tif (entry.amount != null && entry.amount > 0) {\n\t\t\t\tlet percentage = entry.amount / total * 100;\n\t\t\t\theight = Math.floor(percentage) * this.props.heightUnit;\n\t\t\t}\n\n\t\t\tif (height <= this.props.minimumHeight) {\n\t\t\t\theight = this.props.minimumHeight;\n\t\t\t}\n\n\t\t\treturn \n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default StandingBar;\n","import Bar from './Bar';\nimport Progress from './Progress';\nimport GraphContent from './Content';\nimport StandingBar from './StandingBar';\n\nimport './Styles.scss';\n\nexport { Bar, Progress, GraphContent, StandingBar };","import React, { Fragment, useEffect, useState } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport ColorScale from '_class/ColorScale';\nimport User from '_class/User';\nimport DateTime from '_class/DateTime';\nimport { useTranslate } from 'lib/translate';\nimport { capitalize } from 'helpers/content';\n\nimport { getUserSummary, getUserStatisticsDetailed } from 'actions/assessments';\n\nimport DisplayMatrix from 'components/Presentation/DisplayMatrix';\nimport DisplayGoal from 'components/Presentation/DisplayGoal';\nimport DisplayFeedbacks from 'components/Presentation/DisplayFeedbacks';\n\nimport { Spinner } from 'UI';\nimport { Bar } from 'UI/Graphs';\nimport { Block, Expandable, Icon, Flex } from '@haldor/ui';\n\nimport './_userAssessments.scss';\n\n// TODO: (Next version?) calculate most values with useMemo to improve performance\nconst UserAssessments = (props) => {\n\tconst dispatch = useDispatch();\n\tconst [open, setOpen] = useState([]);\n\tconst [loading, setLoading] = useState(true);\n\tconst currentUser = useSelector(state => state.user.currentUser);\n\tconst summary = useSelector(state => state.assessments?.studentOverview);\n\tconst statistics = useSelector(state => state.assessments?.studentStatistics);\n\n\tconst translate = useTranslate();\n\tconst user = new User(currentUser);\n\n\tuseEffect(async () => {\n\t\tlet params = {};\n\n\t\tif (props.courseId != null && props.courseId != 0) {\n\t\t\tparams.courseId = props.courseId;\n\t\t}\n\n\t\tif (props.sectionId != null && props.sectionId != 0) {\n\t\t\tparams.sectionId = props.sectionId;\n\t\t}\n\n\t\tif (props.showOnlyMyAssessments != null && props.showOnlyMyAssessments) {\n\t\t\tparams.type = \"MY\";\n\t\t}\n\n\t\tsetLoading(true);\n\n\t\tconst start = new DateTime(props.start).endOf('day').getUTCTimeStamp();\n\t\tconst end = new DateTime(props.end).endOf('day').getUTCTimeStamp();\n\n\t\tawait Promise.all([\n\t\t\tdispatch(getUserSummary(props.studentId, start, end, params)),\n\t\t\tdispatch(getUserStatisticsDetailed(props.studentId, start, end, params)),\n\t\t]);\n\n\t\tsetLoading(false);\n\n\t\treturn () => null;\n\t}, [props.studentId, props.start, props.end, props.courseId, props.sectionId, props.showOnlyMyAssessments])\n\n\tuseEffect(() => {\n\t\tif (summary != null && open.length == 0) {\n\t\t\tsetOpen(summary.courses.flatMap((course) => [\n\t\t\t\t`${course.id}-assessment`,\n\t\t\t\t`${course.id}-feedback`,\n\t\t\t\t`${course.id}-courseSubject`,\n\t\t\t]));\n\t\t}\n\t}, [summary]);\n\n\tconst getSummaryCourses = () => {\n\t\tif (summary == null) {\n\t\t\treturn [];\n\t\t}\n\n\t\tif (props.courseId != null) {\n\t\t\treturn summary.courses.filter((course) => course.id == props.courseId);\n\t\t}\n\n\t\treturn summary.courses;\n\t}\n\n\t/**\n\t * @param {number} matrixId\n\t * @returns {array} parts\n\t */\n\tconst getPartsByMatrixId = (matrixId) => {\n\t\tif (summary == null || !props.showMatrices) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn summary.assessmentBlockParts?.filter((part) =>\n\t\t\tpart.referenceType == 'matrix' && part.referenceId == matrixId\n\t\t);\n\t}\n\n\t/**\n\t * @param {number} courseId\n\t * @returns {array} parts\n\t */\n\tconst getGoalPartsByCourseId = (courseId) => {\n\t\tif (summary == null || !props.showGoals) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet blockParts = summary.assessmentBlockParts;\n\t\tblockParts = blockParts.filter((part) => {\n\t\t\tif (part.referenceType == 'matrix') {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn part.assessmentBlockPartRelationships.find((relationship) =>\n\t\t\t\trelationship.courseId == courseId\n\t\t\t) != null;\n\t\t});\n\n\t\treturn blockParts;\n\t}\n\n\t/**\n\t * @param {array} parts\n\t * @returns {array} feedbacks\n\t */\n\tconst getFeedbacksForParts = (parts) => {\n\t\tif (summary == null) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn JSON.parse(JSON.stringify(summary.assessmentFeedbacks)).filter((feedback) =>\n\t\t\tparts.find((part) => feedback.assessmentBlockPartId == part.id) != null\n\t\t);\n\t}\n\n\t/**\n\t * @returns {object} statistic\n\t */\n\tconst getStudentStatistic = () => {\n\t\tif (statistics == null || props.studentId == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn statistics.find((statistic) => statistic.studentId == props.studentId);\n\t}\n\n\t/**\n\t * @param {object} part\n\t * @returns {object} statistic\n\t */\n\tconst getPartStatistic = (part) => {\n\t\treturn getStudentStatistic()?.studentStatistics?.find((statistic) =>\n\t\t\tstatistic.type == part.referenceType.toUpperCase() && statistic.referenceId == part.referenceId\n\t\t);\n\t}\n\n\t/**\n\t * @param {number} matrixId \n\t * @returns {object} statistic\n\t */\n\tconst getMatrixStatistic = (matrixId) => {\n\t\treturn getStudentStatistic()?.studentStatistics?.find((statistic) =>\n\t\t\tstatistic.type == 'MATRIX' && statistic.referenceId == matrixId\n\t\t);\n\t}\n\n\tconst getPartTitle = (part, statistic, reference, index = 0) => {\n\t\tlet colors = [];\n\t\tlet extraTitle = null;\n\t\tlet displayGraph = true;\n\n\t\tif (statistic != null && statistic.statistics != null) {\n\t\t\tlet addRed = false;\n\t\t\tif (statistic.type == \"MATRIX\") {\n\t\t\t\taddRed = !(reference?.disableNotAchieved);\n\n\t\t\t\tdisplayGraph = statistic.statistics.find((stat) => stat.count > 0) != null;\n\t\t\t}\n\n\t\t\tif (statistic.type == \"ASSESSMENTGOAL\") {\n\t\t\t\taddRed = reference?.rows?.some((row) =>\n\t\t\t\t\trow?.cells?.some((cell) => cell.type === 'NotAchievedTextField')\n\t\t\t\t) ?? false;\n\n\t\t\t\tstatistic.statistics.forEach((stat) => {\n\t\t\t\t\tif (stat.assessmentDetails != null && stat.assessmentDetails.length > 0) {\n\t\t\t\t\t\textraTitle = stat.assessmentDetails[0].navigationObject.title;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tcolors = new ColorScale(statistic.statistics.length).get(addRed);\n\t\t}\n\n\t\treturn \n\t\t\t\t\t{this.renderData()}\n\t\t\t\t
\n\t\t\t\n\t\t\t ({\n\t\t\t\t\t\t\tamount: stat.count,\n\t\t\t\t\t\t\tlabel: stat.count,\n\t\t\t\t\t\t\tcolor: colors[stat.index],\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\tshowAmount\n\t\t\t\t\t\tshowAllSteps\n\t\t\t\t\t/>\n\t\t\t\t: null}\n\t\t
\n\t}\n\n\t/**\n\t * @param {string} target\n\t * @param {array} permissions\n\t * @param {string} referenceType\n\t */\n\tconst renderPermission = (target, permissions, referenceType) => {\n\t\tconst active = permissions.find((perm) =>\n\t\t\tperm.target == target && perm.referenceType == referenceType\n\t\t) != null;\n\n\t\treturn \n\t\t\t\t{translate(part.referenceType)}\n\n\t\t\t\t{part.referenceType == 'assessmentGoal' ?\n\t\t\t\t\t' ' + index\n\t\t\t\t\t: null}\n\n\t\t\t\t{extraTitle != null ?\n\t\t\t\t\t' - ' + extraTitle\n\t\t\t\t\t: null}\n\t\t\t
\n\n\t\t\t{statistic != null && displayGraph ?\n\t\t\t\tpart.referenceType == 'assessmentGoal' ?\n\t\t\t\t\t\n\t\t\t\t\t\t{statistic.statistics.map((items, index) =>\n\t\t\t\t\t\t\t 0 ? colors[items.index] : null}` }}\n\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t
\n\t\t\t\t\t:\n\t\t\t\t\t\n\t\t\t
\n\t}\n\n\t/**\n\t * TODO: Replace this with the DisplayFeedbacks component since it pretty much contains the same code\n\t * @param {object} feedback\n\t * @param {number} index\n\t */\n\tconst renderFeedback = (feedback, index) => {\n\t\tconst resource = summary?.assessmentBlockParts?.find((part) =>\n\t\t\tpart.id == feedback.assessmentBlockPartId\n\t\t);\n\n\t\tlet permissions = [];\n\t\tif (resource != null && !feedback.isPrivate) {\n\t\t\tpermissions = resource.permissions;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tconst renderAssessmentsWithOnlyFeedback = () => {\n\t\tif (summary == null || summary.assessmentBlockParts == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst parts = summary.assessmentBlockParts.filter((blockPart) =>\n\t\t\tblockPart.assessmentBlockPartRelationships?.length == 0\n\t\t);\n\n\t\tif (parts == null || parts.length == 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst isOpen = open.indexOf(`only-feedbacks`) > -1;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t{feedback.navigationObject != null ?\n\t\t\t\t\t\t\tfeedback.navigationObject.referenceType == 'PLAN' ?\n\t\t\t\t\t\t\t\ttranslate('Plan')\n\t\t\t\t\t\t\t\t: translate('Assignment')\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{feedback.navigationObject != null ?\n\t\t\t\t\t\t\t' • ' + feedback.navigationObject.title\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{feedback.editorUser != null ?\n\t\t\t\t\t\t\tfeedback.editorUser.firstName + ' ' + feedback.editorUser.lastName\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{' • ' + new DateTime(feedback.published ? feedback.published : feedback.created).getLongDate()}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t{renderPermission('STUDENT', permissions, 'ASSESSMENTFEEDBACK')}\n\t\t\t\t\t\t\t{renderPermission('GUARDIAN', permissions, 'ASSESSMENTFEEDBACK')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t{parts.map((part, index) => {\n\t\t\t\t\t\t\tif (part == null || part.referenceType != 'assessmentonlyfeedback') {\n\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tconst feedbacks = getFeedbacksForParts([part]).filter((f) => !f.isPrivate);\n\t\t\t\t\t\t\tif (feedbacks == null || feedbacks.length == 0) return null;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{feedbacks != null && feedbacks.length > 0 ?\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t
\n\t\t\t\t\n\n\t\t\t\t{user.isMentor() || user.isTeacher() ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{feedbacks.map(renderFeedback)}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{parts.map((part, index) => {\n\t\t\t\t\t\t\t\tif (part == null || part.referenceType != 'assessmentonlyfeedback' || currentUser == null) {\n\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tconst feedbacks = getFeedbacksForParts([part]).filter((f) => (f.isPrivate && f.editorUser != null && f.editorUser.userId == currentUser.id));\n\t\t\t\t\t\t\t\tif (feedbacks == null || feedbacks.length == 0) return null;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{feedbacks.map(renderFeedback)}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t{parts.map((part, index) => {\n\t\t\t\t\t\t\tif (part == null) {\n\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tconst goal = summary.assessmentGoals.find((goal) => goal.id == part.referenceId);\n\t\t\t\t\t\t\tconst statistic = getPartStatistic(part);\n\t\t\t\t\t\t\tconst feedbacks = getFeedbacksForParts([part]);\n\n\t\t\t\t\t\t\tif ((goal == null || goal.rows == null || goal.rows.length == 0) && (feedbacks == null || feedbacks?.length == 0)) {\n\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{goal != null ?\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t{parts.map((part, index) => {\n\t\t\t\t\t\t\tconst goal = summary.assessmentGoals.find((goal) => goal.id == part.referenceId);\n\n\t\t\t\t\t\t\tif (goal == null || part == null) {\n\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tconst feedbacks = getFeedbacksForParts([part]).filter((f) => !f.isPrivate);\n\t\t\t\t\t\t\tconst statistic = getPartStatistic(part);\n\t\t\t\t\t\t\tif (feedbacks == null || feedbacks.length == 0) return null;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{feedbacks != null && feedbacks.length > 0 ?\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t
\n\t\t\t\t\n\n\t\t\t\t{user.isMentor() || user.isTeacher() ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{feedbacks.map(renderFeedback)}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{parts.map((part, index) => {\n\t\t\t\t\t\t\t\tconst goal = summary.assessmentGoals.find((goal) => goal.id == part.referenceId);\n\n\t\t\t\t\t\t\t\tif (goal == null || part == null) {\n\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tconst feedbacks = getFeedbacksForParts([part]).filter((f) => f.isPrivate);\n\t\t\t\t\t\t\t\tconst statistic = getPartStatistic(part);\n\t\t\t\t\t\t\t\tif (feedbacks == null || feedbacks.length == 0) return null;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{feedbacks.map(renderFeedback)}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\n\n\treturn (\n\t\t\n\t\t\t\t\t
\n\n\t\t\t\t{translate('knowledge-overview')}
\n\t\t\t\t\n\t\t\t
\n\n\t\t\t{summary != null ?\n\t\t\t\tgetSummaryCourses().map((course) => {\n\t\t\t\t\t// TODO: Condense and optimize this render method\n\t\t\t\t\t// Do we have unnecessary data or do we fetch the same data twice?\n\t\t\t\t\tconst schoolType = translate(course.typeOfSchooling);\n\t\t\t\t\tconst courseTitle = `${course.title} - ${course.year != null ? course.year : ''} ${course.courseCode} (${schoolType})`;\n\t\t\t\t\tconst courseGoalParts = getGoalPartsByCourseId(course.id);\n\t\t\t\t\tlet isOpen = open.indexOf(`${course.id}-courseSubject`) > -1;;\n\n\t\t\t\t\tconst titleHeader = (\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t 0 ? \"expand-all active\" : \"expand-all\"}\n\t\t\t\t\t\t\tonClick={toggleAll}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t{translate('knowledge-overview')}
\n\n\t\t\t\t\t{summary != null ?\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{courseTitle}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t toggleCourse(course.id)}\n\t\t\t\t\t\t\t\tstyle={{ marginRight: '1.6rem' }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\n\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t{isOpen ?\n\t\t\t\t\t\t\t\t\t\ttranslate('Close all')\n\t\t\t\t\t\t\t\t\t\t: translate('Show all')}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t toggleSection(course.id, 'courseSubject')}\n\t\t\t\t\t\t\t\tcolor={course.colorCode}\n\t\t\t\t\t\t\t\ttitle={titleHeader}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t toggleSection(course.id, 'assessment')}\n\t\t\t\t\t\t\t\t\tcolor={course.colorCode}\n\t\t\t\t\t\t\t\t\ttitle={translate('Assessment')}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t toggleSection(course.id, 'feedback')}\n\t\t\t\t\t\t\t\t\tcolor={course.colorCode}\n\t\t\t\t\t\t\t\t\ttitle={translate('Collected feedback')}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t})\n\t\t\t\t: null}\n\n\t\t\t{props.courseId == null ?\n\t\t\t\trenderGoalsWithoutCourse()\n\t\t\t\t: null}\n\n\t\t\t{props.courseId == null ? renderAssessmentsWithOnlyFeedback() : null}\n\t\t\n\t);\n}\n\nUserAssessments.defaultProps = {\n\tshowGoals: true,\n\tshowMatrices: true,\n};\n\nexport default UserAssessments;","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { reduxForm } from 'redux-form';\n\nimport User from '_class/User';\nimport DateTime from '_class/DateTime';\nimport { getAttendanceColor } from 'helpers/attendance';\n\nimport { getScheduleItem } from 'actions/schedule';\n\nimport { Spinner } from 'UI';\nimport { Button, Checkbox, ButtonGroup, Flex } from '@haldor/ui';\n\nclass EditAttendanceForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet status = null;\n\t\tlet valid = false;\n\t\tlet lateDuration = '0';\n\t\tif (props.attendance != null) {\n\t\t\tstatus = props.attendance.type;\n\t\t\tvalid = props.attendance.type.indexOf('VALID') == 0;\n\t\t\tlateDuration = '' + props.attendance.lateDuration;\n\t\t}\n\n\t\tthis.state = {\n\t\t\tstatus,\n\t\t\tvalid,\n\t\t\tlateDuration,\n\t\t\tloading: true,\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.attendance != null) {\n\t\t\tthis.props.getScheduleItem(this.props.attendance.calendarEventId)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t})\n\t\t}\n\t}\n\n\tcancel = (event) => {\n\t\tevent.preventDefault();\n\n\t\tif (this.props.onClose != null) {\n\t\t\tthis.props.onClose();\n\t\t}\n\t}\n\n\tsubmit = () => {\n\t\tlet values = { ...this.props.attendance };\n\n\t\treturn new Promise((resolve) => {\n\t\t\tvalues.type = this.state.status;\n\t\t\tvalues.lateDuration = this.state.lateDuration;\n\n\t\t\tif (values.type.indexOf('PRESENT') > -1) {\n\t\t\t\tvalues.attendanceType = 'PRESENT';\n\t\t\t}\n\n\t\t\tif (values.type.indexOf('ABSENCE') > -1) {\n\t\t\t\tvalues.attendanceType = 'ABSENT';\n\t\t\t}\n\n\t\t\tif (values.type.indexOf('LATE') > -1) {\n\t\t\t\tvalues.attendanceType = 'LATE';\n\t\t\t}\n\n\t\t\tif (this.props.onSubmit != null) {\n\t\t\t\tthis.props.onSubmit(values).then(() => {\n\t\t\t\t\tresolve(1);\n\n\t\t\t\t\tif (this.props.onClose != null) {\n\t\t\t\t\t\tthis.props.onClose();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tresolve(1);\n\t\t\t}\n\t\t});\n\t}\n\n\tonSelectStatus = (status) => {\n\t\tif (status == 'PRESENT') {\n\t\t\tthis.setState({ status: 'PRESENT' });\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (status == 'ABSENCE') {\n\t\t\tif (this.state.valid) {\n\t\t\t\tthis.setState({ status: 'VALID_ABSENCE' });\n\t\t\t} else {\n\t\t\t\tthis.setState({ status: 'INVALID_ABSENCE' });\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (status == 'LATE') {\n\t\t\tif (this.state.valid) {\n\t\t\t\tthis.setState({ status: 'VALID_LATE' });\n\t\t\t} else {\n\t\t\t\tthis.setState({ status: 'INVALID_LATE' });\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\t}\n\n\ttoggleValid = () => {\n\t\tconst { status } = this.state;\n\t\tlet newStatus = status;\n\n\t\tif (this.state.valid) {\n\t\t\tif (status.indexOf('ABSENCE') > -1) {\n\t\t\t\tnewStatus = 'INVALID_ABSENCE';\n\t\t\t}\n\n\t\t\tif (status.indexOf('LATE') > -1) {\n\t\t\t\tnewStatus = 'INVALID_LATE';\n\t\t\t}\n\t\t} else {\n\t\t\tif (status.indexOf('ABSENCE') > -1) {\n\t\t\t\tnewStatus = 'VALID_ABSENCE';\n\t\t\t}\n\n\t\t\tif (status.indexOf('LATE') > -1) {\n\t\t\t\tnewStatus = 'VALID_LATE';\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ valid: !this.state.valid, status: newStatus });\n\t}\n\n\tonMinutesChange = (value) => {\n\t\tvalue = value.replace(/[^\\d]/, '');\n\n\t\tif (parseInt(value) !== 0) {\n\t\t\tif (value > this.props.scheduleItem.length) {\n\t\t\t\tvalue = this.props.scheduleItem.length;\n\t\t\t}\n\t\t\tthis.setState({ lateDuration: value });\n\t\t}\n\t}\n\n\tgetIndicator = (attendance) => {\n\t\tconst { translate } = this.props;\n\n\t\tif (attendance.type == null) {\n\t\t\tattendance.type = attendance.attendanceType;\n\t\t}\n\n\t\tconst indicatorColor = getAttendanceColor(attendance);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t{courseGoalParts.map((part, index) => {\n\t\t\t\t\t\t\t\t\t\t\tif (part == null) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\tconst goal = summary.assessmentGoals.find((goal) => goal.id == part.referenceId);\n\t\t\t\t\t\t\t\t\t\t\tconst statistic = getPartStatistic(part);\n\t\t\t\t\t\t\t\t\t\t\tconst feedbacks = getFeedbacksForParts([part]);\n\n\t\t\t\t\t\t\t\t\t\t\tif ((goal == null || goal.rows == null || goal.rows.length == 0) && (feedbacks == null || feedbacks.length == 0)) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{goal != null ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t\t\t{course.details.map((detail) => {\n\t\t\t\t\t\t\t\t\t\t\tconst parts = getPartsByMatrixId(detail.matrixID);\n\n\t\t\t\t\t\t\t\t\t\t\tif (parts == null || parts.length == 0) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\tconst statistic = getMatrixStatistic(detail.matrixID);\n\t\t\t\t\t\t\t\t\t\t\tconst feedbacks = getFeedbacksForParts(parts);\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{courseGoalParts.map((part, index) => {\n\t\t\t\t\t\t\t\t\t\t\tconst goal = summary.assessmentGoals.find((goal) => goal.id == part.referenceId);\n\n\t\t\t\t\t\t\t\t\t\t\tif (goal == null || part == null) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\tconst feedbacks = getFeedbacksForParts([part]).filter((f) => !f.isPrivate);\n\t\t\t\t\t\t\t\t\t\t\tconst statistic = getPartStatistic(part);\n\t\t\t\t\t\t\t\t\t\t\tif (feedbacks == null || feedbacks.length == 0) return null;\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t\t\t{course.details.map((detail) => {\n\t\t\t\t\t\t\t\t\t\t\tconst parts = getPartsByMatrixId(detail.matrixID);\n\n\t\t\t\t\t\t\t\t\t\t\tif (parts == null || parts.length == 0) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\tconst feedbacks = getFeedbacksForParts(parts).filter((f) => !f.isPrivate);\n\t\t\t\t\t\t\t\t\t\t\tif (feedbacks == null || feedbacks.length == 0) return null;\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{user.isMentor() || user.isTeacher() ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{feedbacks.map(renderFeedback)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{feedbacks.map(renderFeedback)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{courseGoalParts.map((part, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\tconst goal = summary.assessmentGoals.find((goal) => goal.id == part.referenceId);\n\n\t\t\t\t\t\t\t\t\t\t\t\tif (goal == null || part == null) {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\tconst feedbacks = getFeedbacksForParts([part]).filter((f) => f.isPrivate);\n\t\t\t\t\t\t\t\t\t\t\t\tconst statistic = getPartStatistic(part);\n\t\t\t\t\t\t\t\t\t\t\t\tif (feedbacks == null || feedbacks.length == 0) return null;\n\n\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t\t\t\t{course.details.map((detail) => {\n\t\t\t\t\t\t\t\t\t\t\t\tconst parts = getPartsByMatrixId(detail.matrixID);\n\n\t\t\t\t\t\t\t\t\t\t\t\tif (parts == null || parts.length == 0) {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\tconst feedbacks = getFeedbacksForParts(parts).filter((f) => f.isPrivate);\n\t\t\t\t\t\t\t\t\t\t\t\tif (feedbacks == null || feedbacks.length == 0) return null;\n\n\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{feedbacks.map(renderFeedback)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{feedbacks.map(renderFeedback)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t{translate(attendance.type.toLowerCase())}\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\tgetReportedBy = (item) => {\n\t\tconst { translate } = this.props;\n\n\t\tif (item.reportedBy != null && item.reportedBy.firstName != null) {\n\t\t\tconst reportedBy = new User(item.reportedBy);\n\t\t\treturn reportedBy.getName()\n\t\t}\n\n\t\tif (item.reportedBy != null) {\n\t\t\tif (item.reportedBy.userId == 'TrackAttendance') {\n\t\t\t\treturn translate('system');\n\t\t\t}\n\n\t\t\tif (item.reportedBy != '') {\n\t\t\t\treturn translate('Guardian')\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\trenderStatusSelect = () => {\n\t\tconst { status } = this.state;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t}\n\n\t\tif (this.props.attendance != null) {\n\t\t\tif (this.props.attendance.history != null) {\n\t\t\t\thistory = this.props.attendance.history;\n\t\t\t}\n\n\t\t\tif (this.props.attendance.absences != null) {\n\t\t\t\tabsences = this.props.attendance.absences;\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{submitting ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tscheduleItem: state.schedule.activeScheduleItem,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetScheduleItem,\n})(reduxForm({\n\tform: 'EditAttendance',\n\tdestroyOnUnmount: true,\n})(EditAttendanceForm));","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport User from \"_class/User\";\nimport Moment from 'moment';\n\nimport { getAttendanceColor } from 'helpers/attendance';\n\nimport {\n\tdeleteAbsence,\n\tgetUserAttendance,\n\tsubmitAbsence,\n\tupdateAbsence,\n\tupdateAttendance,\n} from 'actions/absence';\n\nimport { addError } from 'actions/index';\nimport { clearStudentAttendance } from 'actions/sections';\n\nimport Modal from 'containers/Modals/Modal';\nimport ReportAbsenceForm from 'containers/Forms/Absence/ReportAbsence';\nimport EditAttendanceForm from 'containers/Forms/EditAttendance';\n\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\nimport { DataList, ColorLabelContainer, ColorLabel, Skeleton, Spinner } from 'UI';\nimport { TooltipMenu, Block, Flex, Button, Checkbox, Icon } from '@haldor/ui';\n\nclass AttendanceList extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet activeFilters = localStorage.getItem('attendance-filters');\n\t\tif (activeFilters != null) {\n\t\t\tactiveFilters = JSON.parse(activeFilters);\n\t\t} else {\n\t\t\tactiveFilters = [];\n\t\t}\n\n\t\tthis.state = {\n\t\t\tfilters: [\n\t\t\t\t'present',\n\t\t\t\t'invalid_absence',\n\t\t\t\t'valid_absence',\n\t\t\t\t'invalid_late',\n\t\t\t\t'valid_late',\n\t\t\t\t'not_reported'\n\t\t\t],\n\t\t\tactiveFilters,\n\t\t\tabsenceModal: false,\n\t\t\tfilterCourse: '0',\n\t\t\tactiveAttendance: null,\n\t\t\tloading: true,\n\t\t};\n\t}\n\n\tcomponentDidMount = async () => {\n\t\tconst { start, end, user, sectionId } = this.props;\n\n\t\tawait this.props.getUserAttendance(user, start, end, sectionId);\n\t\tthis.setState({ loading: false });\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.clearStudentAttendance();\n\t}\n\n\tUNSAFE_componentWillReceiveProps = async (nextProps) => {\n\t\tconst { start, end, user, sectionId } = nextProps;\n\n\t\tif (nextProps.start == this.props.start && nextProps.end == this.props.end) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (Moment(this.props.start).isValid() && Moment(this.props.end).isValid() && (this.props.start !== start || this.props.end !== end)) {\n\t\t\tthis.setState({ loading: true });\n\t\t\tthis.props.clearStudentAttendance();\n\t\t\tawait this.props.getUserAttendance(user, start, end, sectionId);\n\t\t\tthis.setState({ loading: false });\n\t\t}\n\t}\n\n\tonFilterToggle = (filter) => {\n\t\tlet { activeFilters } = this.state;\n\t\tconst isActive = activeFilters.findIndex(activeFilter => {\n\t\t\treturn activeFilter == filter;\n\t\t});\n\n\t\tif (isActive > -1) {\n\t\t\tactiveFilters.splice(isActive, 1);\n\t\t} else {\n\t\t\tactiveFilters.push(filter);\n\t\t}\n\n\t\tlocalStorage.setItem('attendance-filters', JSON.stringify(activeFilters));\n\n\t\tthis.setState({ activeFilters });\n\t}\n\n\tonFilterCourseChange = (event) => this.setState({ filterCourse: event.target.value });\n\n\trenderRow = (attendance, index) => {\n\t\tconst { translate } = this.props;\n\t\tconst currentUser = new User(this.props.currentUser);\n\n\t\treturn \n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t this.onFilterToggle(filter)}\n\t\t\t\t\tlabel={translate(filter === 'not_reported' ? 'unreported' : filter)}\n\t\t\t\t/>\n\t\t\t
\n\t\t});\n\t}\n\n\tonAttendanceSubmit = (values) => {\n\t\tconst { start, end, user, sectionId } = this.props;\n\n\t\treturn new Promise((resolve) => {\n\t\t\tthis.props.updateAttendance([values], values.calendarEventId).then(() => {\n\t\t\t\tPromise.all([\n\t\t\t\t\tthis.props.getUserAttendance(user, start, end, sectionId),\n\t\t\t\t]).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t}\n\n\tsetAttendanceStatus = (attendance, status) => {\n\t\tlet values = { ...attendance };\n\t\tvalues.type = status;\n\n\t\tif (status.indexOf('ABSENCE')) {\n\t\t\tvalues.attendanceType = 'ABSENT';\n\t\t} else {\n\t\t\tvalues.attendanceType = 'PRESENT'\n\t\t}\n\n\t\tthis.onAttendanceSubmit(values).then(() => {\n\t\t\tthis.props.addError(this.props.translate('attendance-saved'), 'info');\n\t\t});\n\t}\n\n\tonEditAttendance = (attendance) => this.setState({ activeAttendance: attendance });\n\tcloseAttendanceModal = () => this.setState({ activeAttendance: null });\n\n\tcloseAbsenceModal = () => {\n\t\tconst { start, end, user, sectionId } = this.props;\n\t\tthis.props.getUserAttendance(user, start, end, sectionId);\n\n\t\tthis.setState({ absenceModal: false });\n\t}\n\n\topenAbsenceModal = () => this.setState({ absenceModal: true });\n\n\tonAbsenceSubmit = (values) => {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tlet data = [values];\n\n\t\t\tif (values.id != null) {\n\t\t\t\tthis.props.updateAbsence(data).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t}).catch(() => {\n\t\t\t\t\treject(0);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.props.submitAbsence(data).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t}).catch(() => {\n\t\t\t\t\treject(0);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tonAbsenceDelete = (id) => {\n\t\tthis.props.deleteAbsence(id).then(() => {\n\t\t\tthis.closeAbsenceModal();\n\t\t})\n\t}\n\n\tgetAttendanceSum = (attendances, type) => {\n\t\tlet total = 0;\n\t\tattendances.forEach(attendance => {\n\t\t\tif (attendance.type == type) {\n\t\t\t\tif (type == 'INVALID_LATE' || type == 'VALID_LATE') {\n\t\t\t\t\ttotal += attendance.lateDuration;\n\t\t\t\t} else {\n\t\t\t\t\ttotal += attendance.length;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (type == 'PRESENT' && attendance.attendanceType == 'LATE') {\n\t\t\t\ttotal += attendance.length - attendance.lateDuration;\n\t\t\t}\n\t\t})\n\n\t\treturn total;\n\t}\n\n\tcalculateAttendance = (attendances) => {\n\t\tconst { translate } = this.props;\n\n\t\tif (attendances != null) {\n\t\t\tlet invalidAbsence, validAbsence, invalidLate, validLate, present = 0;\n\n\t\t\tinvalidAbsence = this.getAttendanceSum(attendances, 'INVALID_ABSENCE');\n\t\t\tvalidAbsence = this.getAttendanceSum(attendances, 'VALID_ABSENCE');\n\n\t\t\tinvalidLate = this.getAttendanceSum(attendances, 'INVALID_LATE');\n\t\t\tvalidLate = this.getAttendanceSum(attendances, 'VALID_LATE')\n\n\t\t\tpresent = this.getAttendanceSum(attendances, 'PRESENT');\n\n\t\t\tconst total = invalidAbsence + invalidLate + present + validAbsence + validLate;\n\n\t\t\tlet attendance = {\n\t\t\t\t'percentage': {\n\t\t\t\t\t'attendance': 0,\n\t\t\t\t\t'validAbsence': 0,\n\t\t\t\t\t'invalidAbsence': 0,\n\t\t\t\t},\n\t\t\t\t'minutes': {\n\t\t\t\t\t'present': present,\n\t\t\t\t\t'validAbsence': validAbsence + validLate,\n\t\t\t\t\t'invalidAbsence': invalidAbsence + invalidLate,\n\t\t\t\t},\n\t\t\t\t'display': {\n\t\t\t\t\t'present': '0 ' + translate('minutes').toLowerCase(),\n\t\t\t\t\t'validAbsence': '0 ' + translate('minutes').toLowerCase(),\n\t\t\t\t\t'invalidAbsence': '0 ' + translate('minutes').toLowerCase(),\n\t\t\t\t},\n\t\t\t};\n\n\t\t\tif (total > 0) {\n\t\t\t\tattendance.percentage = {\n\t\t\t\t\tattendance: Math.round(((present / total) * 100) * 10) / 10,\n\t\t\t\t\tvalidAbsence: Math.round((((validAbsence + validLate) / total) * 100) * 10) / 10,\n\t\t\t\t\tinvalidAbsence: Math.round((((invalidAbsence + invalidLate) / total) * 100) * 10) / 10,\n\t\t\t\t};\n\n\t\t\t\tif (attendance.minutes.present > 600) {\n\t\t\t\t\tattendance.display.present = Math.floor(attendance.minutes.present / 60) + ' ' + translate('hours').toLowerCase();\n\t\t\t\t} else {\n\t\t\t\t\tattendance.display.present = attendance.minutes.present + ' ' + translate('minutes');\n\t\t\t\t}\n\n\t\t\t\tif (attendance.minutes.validAbsence > 600) {\n\t\t\t\t\tattendance.display.validAbsence = Math.floor(attendance.minutes.validAbsence / 60) + ' ' + translate('hours').toLowerCase();\n\t\t\t\t} else {\n\t\t\t\t\tattendance.display.validAbsence = attendance.minutes.validAbsence + ' ' + translate('minutes').toLowerCase();\n\t\t\t\t}\n\n\t\t\t\tif (attendance.minutes.invalidAbsence > 600) {\n\t\t\t\t\tattendance.display.invalidAbsence = Math.floor(attendance.minutes.invalidAbsence / 60) + ' ' + translate('hours').toLowerCase();\n\t\t\t\t} else {\n\t\t\t\t\tattendance.display.invalidAbsence = attendance.minutes.invalidAbsence + ' ' + translate('minutes').toLowerCase();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn attendance;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\trenderAttendanceStatistics = (attendances) => {\n\t\tif (attendances == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet attendance = this.calculateAttendance(attendances);\n\n\t\tif (attendance == null) {\n\t\t\treturn \n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { translate } = this.props;\n\n\t\tlet courses = [];\n\t\tlet data = this.props.attendance;\n\t\tif (this.state.activeFilters.length > 0 && data != null && data.length > 0) {\n\t\t\tdata = data.filter(attendance => {\n\t\t\t\t// S \n\t\t\t\tif (this.state.activeFilters.indexOf(attendance.type.toLowerCase()) > -1) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\treturn false;\n\t\t\t});\n\t\t}\n\n\t\tif (this.state.filterCourse != '0' && data != null && data.length > 0) {\n\t\t\tdata = data.filter(attendance => {\n\t\t\t\tif (attendance.courseCode == null) {\n\t\t\t\t\treturn attendance.title == this.state.filterCourse;\n\t\t\t\t} else {\n\t\t\t\t\treturn attendance.courseCode == this.state.filterCourse;\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tif (this.props.attendance != null && this.props.attendance.length > 0) {\n\t\t\tthis.props.attendance.forEach(attendance => {\n\t\t\t\tif (attendance.courseCode == null) {\n\t\t\t\t\tif (courses.indexOf(attendance.title) == -1) {\n\t\t\t\t\t\tcourses.push(attendance.title)\n\t\t\t\t\t}\n\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif (courses.indexOf(attendance.courseCode) == -1) {\n\t\t\t\t\tcourses.push(attendance.courseCode);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tcourses.sort((a, b) => {\n\t\t\t\treturn a > b ? 1 : -1;\n\t\t\t});\n\t\t}\n\n\t\tlet userObject = null;\n\t\tlet user = null;\n\t\tlet currentUser = new User(this.props.currentUser);\n\n\t\tif (currentUser.isStudent() && currentUser.isAuthoritative()) {\n\t\t\tuserObject = this.props.currentUser;\n\t\t} else {\n\t\t\tif (this.props.users != null && this.props.users.length > 0) {\n\t\t\t\tuserObject = this.props.users.find(usr => {\n\t\t\t\t\treturn usr.userId == this.props.user;\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tif (userObject != null) {\n\t\t\tuser = new User(userObject);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{userObject != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t{this.state.activeAttendance != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t{(!currentUser.isStudent() && (currentUser.isMentor() || currentUser.isAdministrator())) || (currentUser.isStudent() && currentUser.isAuthoritative()) ?\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\n\t\t\t\t\n\n\t\t\t\t{this.state.loading ?\n\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t window.print()} style={{ cursor: 'pointer' }} className=\"color--meta\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{translate('filter')}\n\t\t\t\t\t\t\t{this.renderListActions()}\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{translate('statistics')}\n\t\t\t\t\t\t\t{this.renderAttendanceStatistics(data)}\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t{courses.length > 0 ?\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{translate('label-course-section-form')}\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t{this.state.filterCourse != '0' ?\n\t\t\t\t\t\t\t\t\t\t\t this.setState({ filterCourse: '0' })}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"color--meta no-print\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('restore-filter')}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tattendance: state.Absence.userAttendance,\n\t\tgroups: state.user.sections,\n\t\tattendanceStats: state.sections.studentAttendanceStats,\n\t\tusers: state.user.info,\n\t\tcurrentUser: state.user.currentUser,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetUserAttendance,\n\tsubmitAbsence,\n\tupdateAbsence,\n\tdeleteAbsence,\n\tclearStudentAttendance,\n\tupdateAttendance,\n\taddError,\n})(AttendanceList);","import Moment from 'moment';\nimport React, { Component } from 'react';\nimport DatePicker from 'react-datepicker';\nimport { registerLocale, setDefaultLocale } from \"react-datepicker\";\nimport sv from 'date-fns/locale/sv';\nimport no from 'date-fns/locale/nb';\nimport en from 'date-fns/locale/en-US';\nimport da from 'date-fns/locale/da';\nimport uk from 'date-fns/locale/uk';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Select, getActiveLanguage } from '@haldor/ui';\n\nclass DatePickers extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tMoment.locale(getActiveLanguage());\n\t\tregisterLocale('en-US', en);\n\t\tregisterLocale('sv-SE', sv);\n\t\tregisterLocale('nb-NO', no);\n\t\tregisterLocale('da-DK', da);\n\t\tregisterLocale('uk', uk);\n\t\tsetDefaultLocale('en-US');\n\n\t\tlet dStartDate;\n\t\tlet dDueDate;\n\t\tlet startDate;\n\t\tlet dueDate;\n\n\t\tif (props.startDate != null) {\n\t\t\tdStartDate = Moment(props.startDate);\n\t\t\tstartDate = props.startDate;\n\t\t} else {\n\t\t\tdStartDate = Moment();\n\t\t\tstartDate = Moment().format('YYYY-MM-DD');\n\t\t}\n\n\t\tif (props.endDate != null) {\n\t\t\tdDueDate = Moment(props.endDate);\n\t\t\tdueDate = props.endDate;\n\t\t} else {\n\t\t\tdDueDate = Moment();\n\t\t\tdueDate = Moment().format('YYYY-MM-DD');\n\t\t}\n\n\t\tthis.state = {\n\t\t\tdtPickerStartDate: dStartDate,\n\t\t\tdtPickerDueDate: dDueDate,\n\t\t\tstartDate: startDate,\n\t\t\tendDate: dueDate,\n\t\t}\n\t}\n\n\tonStartChange = (time) => {\n\t\tlet { dtPickerStartDate, startDate } = this.state;\n\t\tif (time != \"Invalid date\" && time != null) {\n\t\t\tdtPickerStartDate = Moment(time);\n\t\t\tstartDate = Moment(time).format('YYYY-MM-DD');\n\n\t\t\tthis.setState({ dtPickerStartDate, startDate }, () => {\n\t\t\t\tthis.onChange();\n\t\t\t});\n\t\t} else {\n\t\t\tlet dStartDate = Moment();\n\t\t\tlet startDate = Moment().format('YYYY-MM-DD');\n\t\t\tlet dDueDate = Moment();\n\t\t\tlet dueDate = Moment().format('YYYY-MM-DD');\n\t\t\tthis.setState({\n\t\t\t\tdtPickerStartDate: dStartDate,\n\t\t\t\tdtPickerDueDate: dDueDate,\n\t\t\t\tstartDate: startDate,\n\t\t\t\tendDate: dueDate,\n\t\t\t});\n\t\t}\n\t}\n\n\tonEndChange = (time) => {\n\t\tlet { dtPickerDueDate, endDate } = this.state;\n\t\tif (time != \"Invalid date\" && time != null) {\n\t\t\tdtPickerDueDate = Moment(time);\n\t\t\tendDate = Moment(time).format('YYYY-MM-DD');\n\n\t\t\tthis.setState({ dtPickerDueDate, endDate }, () => {\n\t\t\t\tthis.onChange();\n\t\t\t});\n\t\t} else {\n\t\t\tlet dDueDate = Moment();\n\t\t\tlet dueDate = Moment().format('YYYY-MM-DD');\n\t\t\tthis.setState({\n\t\t\t\tdtPickerDueDate: dDueDate,\n\t\t\t\tendDate: dueDate,\n\t\t\t}, () => {\n\t\t\t\tthis.onChange();\n\t\t\t});\n\t\t}\n\t}\n\n\tonTermChange = (value) => {\n\t\tif (value != '') {\n\t\t\tlet dStartDate = Moment();\n\t\t\tlet startDate = Moment().format('YYYY-MM-DD');\n\t\t\tlet dDueDate = Moment();\n\t\t\tlet dueDate = Moment().format('YYYY-MM-DD');\n\n\t\t\tswitch (value) {\n\t\t\t\tcase 'year':\n\t\t\t\t\tif (Moment().month() < 7) {\n\t\t\t\t\t\tdStartDate = Moment().subtract(1, 'year').month(7).date(1);\n\t\t\t\t\t\tstartDate = Moment().subtract(1, 'year').month(7).date(1).format('YYYY-MM-DD');\n\n\t\t\t\t\t\tdDueDate = Moment().month(6).date(31);\n\t\t\t\t\t\tdueDate = Moment().month(6).date(31).format('YYYY-MM-DD');\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tdStartDate = Moment().month(7).date(1);\n\t\t\t\t\t\tstartDate = Moment().month(7).date(1).format('YYYY-MM-DD');\n\n\t\t\t\t\t\tdDueDate = Moment().add(1, 'year').month(6).date(31);\n\t\t\t\t\t\tdueDate = Moment().add(1, 'year').month(6).date(31).format('YYYY-MM-DD');\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'previous-year':\n\t\t\t\t\tif (Moment().month() < 7) {\n\t\t\t\t\t\tdStartDate = Moment().subtract(2, 'year').month(7).date(1);\n\t\t\t\t\t\tstartDate = Moment().subtract(2, 'year').month(7).date(1).format('YYYY-MM-DD');\n\n\t\t\t\t\t\tdDueDate = Moment().subtract(1, 'year').month(6).date(31);\n\t\t\t\t\t\tdueDate = Moment().subtract(1, 'year').month(6).date(31).format('YYYY-MM-DD');\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tdStartDate = Moment().subtract(1, 'year').month(7).date(1);\n\t\t\t\t\t\tstartDate = Moment().subtract(1, 'year').month(7).date(1).format('YYYY-MM-DD');\n\n\t\t\t\t\t\tdDueDate = Moment().subtract(0, 'year').month(6).date(31);\n\t\t\t\t\t\tdueDate = Moment().subtract(0, 'year').month(6).date(31).format('YYYY-MM-DD');\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'semester':\n\t\t\t\t\tif (Moment().month() < 7) {\n\t\t\t\t\t\tdStartDate = Moment().month(0).date(1);\n\t\t\t\t\t\tstartDate = Moment().month(0).date(1).format('YYYY-MM-DD');\n\n\t\t\t\t\t\tdDueDate = Moment().month(6).date(31);\n\t\t\t\t\t\tdueDate = Moment().month(6).date(31).format('YYYY-MM-DD');\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tdStartDate = Moment().month(6).date(1);\n\t\t\t\t\t\tstartDate = Moment().month(6).date(1).format('YYYY-MM-DD');\n\n\t\t\t\t\t\tdDueDate = Moment().month(11).date(31);\n\t\t\t\t\t\tdueDate = Moment().month(11).date(31).format('YYYY-MM-DD');\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tthis.setState({\n\t\t\t\tdtPickerStartDate: dStartDate,\n\t\t\t\tdtPickerDueDate: dDueDate,\n\t\t\t\tstartDate: startDate,\n\t\t\t\tendDate: dueDate,\n\t\t\t}, () => {\n\t\t\t\tthis.onChange();\n\t\t\t});\n\t\t}\n\t}\n\n\tonChange = () => {\n\t\tif (this.props.onChange) {\n\t\t\tconst dates = {\n\t\t\t\tstart: this.state.startDate,\n\t\t\t\tend: this.state.endDate,\n\t\t\t};\n\n\t\t\tthis.props.onChange(dates);\n\t\t}\n\t}\n\n\tgetDateFormat = () => {\n\t\tlet format = Moment.localeData(getActiveLanguage()).longDateFormat(\"L\");\n\t\tlet newFormat = format.replace(\"YYYY\", \"yyyy\");\n\t\tlet days = newFormat.replace(\"DD\", \"dd\");\n\t\treturn days;\n\t};\n\n\tnormalizeLocale = (locale) => {\n\t\tconst [language, region] = locale.split('-');\n\n\t\tif (language.toUpperCase() == \"UK\"){\n\t\t\treturn `uk`;\n\t\t}\n\t\treturn `${language}-${region.toUpperCase()}`;\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tlanguages: state.Languages.languages\n\t};\n}\n\nexport default connect(mapStateToProps)(DatePickers);\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\n\nclass GroupFilter extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tvalue: props.selectedGroupId,\n\t\t};\n\t}\n\n\treset = () => {\n\t\tthis.setState({ value: '0' }, () => {\n\t\t\tif (this.props.onChange) {\n\t\t\t\tthis.props.onChange('0');\n\t\t\t}\n\t\t});\n\t}\n\n\tonChange = (event) => {\n\t\tif (this.props.onChange) {\n\t\t\tthis.props.onChange(event.target.value);\n\t\t}\n\n\t\tthis.setState({ value: event.target.value });\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('select-period')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations)\n\t};\n}\n\nexport default connect(mapStateToProps)(GroupFilter);\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { FlexibleTextArea } from 'UI/Inputs';\nimport '../../Verdict.scss';\n\nclass VerdictFeedbackForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet value = '';\n\n\t\tif (props.value != null) {\n\t\t\tvalue = props.value;\n\t\t}\n\n\t\tthis.state = {\n\t\t\tvalue,\n\t\t}\n\t}\n\n\tonChange = (event) => {\n\t\tconst { value } = event.target;\n\t\tthis.setState({ value }, () => {\n\t\t\tif (this.props.onChange != null) {\n\t\t\t\tthis.props.onChange(value);\n\t\t\t}\n\t\t});\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tif (nextProps.value != this.state.value) {\n\t\t\tthis.setState({ value: nextProps.value });\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { translate } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t{this.state.value != '0' ?\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('restore-filter')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps)(VerdictFeedbackForm);\n","import React, { Component } from 'react';\nimport ColorScale from '_class/ColorScale';\n\nimport '../../Verdict.scss';\n\nclass VerdictLevelForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet active = null;\n\t\tif (props.value != null) {\n\t\t\tactive = props.value;\n\t\t}\n\n\t\tthis.state = {\n\t\t\tactive,\n\t\t};\n\t}\n\n\tonCellClick = (cell) => {\n\t\tthis.setState({ active: cell.id });\n\n\t\tif (this.props.onChange) {\n\t\t\tthis.props.onChange(cell.id);\n\t\t}\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tif (nextProps.value != this.state.value) {\n\t\t\tthis.setState({ active: nextProps.value });\n\t\t}\n\t}\n\n\trender() {\n\t\tif (this.props.levels == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst colors = new ColorScale(this.props.levels.length).get();\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default VerdictLevelForm\n","import React, { Component } from 'react';\nimport { Icon, translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { reduxForm } from 'redux-form';\nimport swal from 'sweetalert2';\n\nimport { clearVerdicts, getVerdictScale } from 'actions/verdicts';\n\nimport VerdictFeedbackForm from 'containers/Verdict/Form/Partials/VerdictFeedbackForm';\nimport VerdictLevelForm from 'containers/Verdict/Form/Partials/VerdictLevelForm';\n\nimport { Button } from '@haldor/ui';\nimport '../Verdict.scss';\n\nclass VerdictForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet level = 0;\n\t\tlet feedback = '';\n\n\t\tif (props.initialValues != null) {\n\t\t\tif (props.initialValues.scaleLevelId != null) {\n\t\t\t\tlevel = props.initialValues.scaleLevelId;\n\t\t\t}\n\n\t\t\tif (props.initialValues.feedback != null) {\n\t\t\t\tfeedback = props.initialValues.feedback;\n\t\t\t}\n\t\t}\n\n\t\tthis.state = {\n\t\t\tlevel,\n\t\t\tfeedback,\n\t\t\tloading: true,\n\t\t\tid: null\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.scale == null) {\n\t\t\tthis.props.getVerdictScale()\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.initForm();\n\t\t\t\t})\n\t\t} else {\n\t\t\tthis.initForm();\n\t\t}\n\t}\n\n\tinitForm = () => {\n\t\tthis.setState({ level: null, feedback: null, loading: true, id: null }, () => {\n\t\t\tif (this.props.duplicate == true) {\n\t\t\t\tlet verdict = this.props.sectionVerdicts.find(verdict => {\n\t\t\t\t\treturn this.props.activeStudent == verdict.userId;\n\t\t\t\t});\n\t\t\t\tthis.setState({ level: verdict.scaleLevelId, feedback: verdict.feedback, loading: false });\n\t\t\t} else if (this.props.userVerdicts != null && this.props.userVerdicts.length > 0) {\n\t\t\t\tlet latestVerdict = this.props.userVerdicts[0];\n\t\t\t\tif (latestVerdict.status == 'VERDICT_DRAFT') {\n\t\t\t\t\tthis.setState({ level: latestVerdict.scaleLevelId, feedback: latestVerdict.feedback, id: latestVerdict.id });\n\t\t\t\t}\n\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t} else if (this.props.verdict != null) {\n\t\t\t\tthis.setState({ level: this.props.verdict.scaleLevelId, feedback: this.props.verdict.feedback, id: this.props.verdict.id, loading: false });\n\t\t\t} else {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t}\n\t\t});\n\t}\n\n\tsubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tvalues.scaleLevelId = this.state.level;\n\t\t\tvalues.feedback = this.state.feedback;\n\t\t\tvalues.scaleId = this.props.scale.id;\n\n\t\t\tif (this.state.id != null)\n\t\t\t\tvalues.id = this.state.id;\n\n\t\t\tif (values.status == null) {\n\t\t\t\tvalues.status = 'VERDICT_PUBLISHED';\n\t\t\t}\n\n\t\t\tif (this.props.onSubmit != null) {\n\t\t\t\tthis.props.onSubmit(values)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tif (values.status == \"VERDICT_PUBLISHED\") {\n\t\t\t\t\t\t\tthis.setState({ level: 0, feedback: '' });\n\t\t\t\t\t\t\tthis.props.reset();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.initForm();\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tdeleteVerdictDraft = () => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('are-you-sure-you-want-to-delete'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then(async (result) => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.setState({ loading: true });\n\t\t\t\tawait this.props.deleteVerdict(this.props.userVerdicts[0].id);\n\t\t\t\tthis.setState({\n\t\t\t\t\tloading: false,\n\t\t\t\t\tlevel: 0,\n\t\t\t\t\tfeedback: '',\n\t\t\t\t\tid: null\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\trender() {\n\t\tconst { submitting, handleSubmit } = this.props;\n\t\tconst { feedback, level, loading } = this.state;\n\n\t\tif (loading) {\n\t\t\treturn \n\t\t}\n\n\t\tlet saveText = this.props.translate('save-verdict');\n\t\tlet status = null;\n\t\tif (this.props.userVerdicts != null && this.props.userVerdicts.length > 0) {\n\t\t\tif (this.props.userVerdicts[0].status == 'VERDICT_DRAFT')\n\t\t\t\tsaveText = this.props.translate('publish');\n\t\t\tstatus = this.props.userVerdicts[0].status;\n\t\t}\n\n\t\tlet invalid_group = this.props.section?.deleted || this.props.section?.archived;\n\t\tlet invalid = level == 0 || level == null || invalid_group;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{this.props.levels.map(cell => {\n\t\t\t\t\t\tlet styles = {\n\t\t\t\t\t\t\t'--level-color': cell.colorCode != null ? cell.colorCode : colors[cell.level],\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\tlet className = \"cell\";\n\n\t\t\t\t\t\tif (cell.id == this.state.active) {\n\t\t\t\t\t\t\tclassName += ' active';\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn
\n\t\t\t this.onCellClick(cell)}>\n\t\t\t\t\t\t\t{cell.localizationText != null ? cell.localizationText : cell.level}\n\t\t\t\t\t\t
\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\t{submitting ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tscale: state.Verdicts.scale,\n\t\tsectionVerdicts: state.Verdicts.section,\n\t\tsection: state.sections.activeSection\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetVerdictScale,\n\tclearVerdicts,\n})(reduxForm({\n\tform: 'VerdictForm',\n\tdestroyOnUnmount: true,\n})(VerdictForm));\n","import React, { Component } from 'react';\nimport { Person } from 'UI';\nimport '../../Verdict.scss';\n\nclass VerdictDisplayFeedback extends Component {\n\n\trender() {\n\t\tlet feedback = '';\n\t\tif (this.props.verdict != null) {\n\t\t\tfeedback = this.props.verdict.feedback;\n\t\t} else if (this.props.feedback != null) {\n\t\t\tfeedback = this.props.feedback;\n\t\t} else if (this.props.value != null) {\n\t\t\tfeedback = this.props.value;\n\t\t}\n\n\t\tif (feedback != null && feedback != '') {\n\t\t\tfeedback = feedback.replace(/(\\r\\n|\\r|\\n)/g, '\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{invalid_group ? \n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
: null}\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t');\n\t\t}\n\n\t\treturn (\n\t\t\t
\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default VerdictDisplayFeedback;\n","import ColorScale from '_class/ColorScale';\nimport React, { Component } from 'react';\nimport '../../Verdict.scss';\n\nclass VerdictDisplayLevel extends Component {\n\n\trender() {\n\t\tif (this.props.scale == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst verdictIndexColors = new ColorScale(this.props.scale.levels.length).get();\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{this.props.user != null ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t:\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default VerdictDisplayLevel;\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport swal from 'sweetalert2';\nimport User from '_class/User';\n\nimport { getUserInfo } from 'actions/user';\nimport { getVerdictScale, updateVerdict, deleteVerdict } from 'actions/verdicts';\n\nimport VerdictForm from 'containers/Verdict/Form/VerdictForm';\n\nimport VerdictDisplayFeedback from './Partials/VerdictDisplayFeedback';\nimport VerdictDisplayLevel from './Partials/VerdictDisplayLevel';\nimport { Button } from '@haldor/ui';\n\nclass VerdictDisplay extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tedit: false\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.scale == null) {\n\t\t\tthis.props.getVerdictScale();\n\t\t}\n\n\t\tif (this.getUser() == null) {\n\t\t\tthis.props.getUserInfo(this.props.verdict.creator, 'base');\n\t\t}\n\t}\n\n\tgetUser = () => {\n\t\tlet user = this.props.users.find(user => {\n\t\t\treturn user.userId == this.props.verdict.creator;\n\t\t});\n\n\t\treturn user;\n\t}\n\n\tdeleteVerdictPublished = (verdict) => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('are-you-sure-you-want-to-delete'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then(result => {\n\t\t\tif (result.value != null) {\n\t\t\t\tif (this.props.setLoading) {\n\t\t\t\t\tthis.props.setLoading(true);\n\t\t\t\t}\n\n\t\t\t\tthis.props.deleteVerdict(verdict.id).then(() => {\n\t\t\t\t\tif (this.props.reload != null) {\n\t\t\t\t\t\tthis.props.reload();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tdeleteVerdictForm = (verdict) => {\n\t\tthis.setState({ loading: true });\n\n\t\tif (this.props.setLoading) {\n\t\t\tthis.props.setLoading(true);\n\t\t}\n\n\t\tthis.props.deleteVerdict(verdict.id).then(() => {\n\t\t\tif (this.props.reload != null) {\n\t\t\t\tthis.props.reload();\n\t\t\t}\n\t\t});\n\t}\n\n\tonVerdictFormSubmit = (values) => {\n\t\treturn new Promise((resolve) => {\n\t\t\tvalues.courses = [{\n\t\t\t\t\"courseCode\": this.props.course.courseCode,\n\t\t\t\t\"subjectCode\": this.props.course.subjectCode,\n\t\t\t\t\"courseID\": this.props.course.id,\n\t\t\t}];\n\n\t\t\tthis.props.updateVerdict(values).then(() => {\n\t\t\t\tthis.setState({ edit: false });\n\t\t\t\tif (this.props.reload != null) {\n\t\t\t\t\tthis.props.reload();\n\t\t\t\t}\n\n\t\t\t\tresolve(1);\n\t\t\t})\n\t\t});\n\t}\n\n\trender() {\n\t\tif (this.props.verdict == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst user = new User(this.props.currentUser);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{this.props.scale.levels.map(cell => {\n\t\t\t\t\t\tlet styles = {};\n\n\t\t\t\t\t\tif (this.props.verdict != null) {\n\t\t\t\t\t\t\tif (cell.id == this.props.verdict.scaleLevelId) {\n\t\t\t\t\t\t\t\tstyles = {\n\t\t\t\t\t\t\t\t\tbackgroundColor: cell.colorCode != null ?\n\t\t\t\t\t\t\t\t\t\tcell.colorCode\n\t\t\t\t\t\t\t\t\t\t: verdictIndexColors[cell.level],\n\t\t\t\t\t\t\t\t\tcolor: 'white',\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn
\n\t\t\t\n\t\t\t\t\t\t\t{cell.localizationText != null ? cell.localizationText : cell.level}\n\t\t\t\t\t\t
\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\t{this.props.scale != null && !this.state.edit ?\n\t\t\t\t\t { e.preventDefault(); this.setState({ edit: this.state.edit ? false : true }) }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.state.edit ? this.props.translate('close') : this.props.translate('Edit')}\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\n\t\t\t\t{!this.props.isStudent && (!this.props.group || !this.props.group.archived) && (user.isAdministrator() || user.data.id == this.props.verdict.creator) ?\n\t\t\t\t\t { e.preventDefault(); this.deleteVerdictPublished(this.props.verdict) }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.props.translate('Delete')}\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\n\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tscale: state.Verdicts.scale,\n\t\tcurrentUser: state.user.currentUser,\n\t\tusers: state.user.info,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetVerdictScale,\n\tgetUserInfo,\n\tupdateVerdict,\n\tdeleteVerdict\n})(VerdictDisplay);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { translate } from '@haldor/ui';\n\nimport ColorScale from '_class/ColorScale';\n\nimport '../Verdict.scss';\n\nclass VerdictWidget extends Component {\n\n\tstatic defaultProps = {\n\t\tdisplayLabel: true,\n\t\tdisplayLevel: true,\n\t};\n\n\trender() {\n\t\tif (this.props.scale == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst scale = this.props.scale;\n\t\tconst verdictColors = new ColorScale(scale.levels.length).get();\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{!this.state.edit ?\n\t\t\t\t\t\t
\n\n\t\t\t\t{!this.props.isStudent && (!this.props.group || !this.props.group.archived) && user.isTeacher() ?\n\t\t\t\t\t\n\t\t\t\t{this.props.displayLabel ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tscale: state.Verdicts.scale,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n})(VerdictWidget);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\n\nimport { addError } from 'actions';\nimport { getUserCourses } from 'actions/user';\nimport {\n\tclearVerdicts,\n\tgetAssignmentAssessments,\n\tgetPlanAssessments,\n\tgetStudentLatestVerdict,\n\n\tresetPlanAssessments,\n\tresetAssignmentAssessments,\n\tgetVerdictsForUser,\n\tgetStudentVerdicts,\n\tgetVerdictScale,\n} from 'actions/verdicts';\n\nimport DateTime from '_class/DateTime';\n\nimport api from 'lib/api';\nimport Modal from 'containers/Modals/Modal';\nimport UserAssessments from './UserAssessments';\nimport VerdictDisplay from 'containers/Verdict/Display/VerdictDisplay';\nimport VerdictWidget from 'containers/Verdict/Display/VerdictWidget';\n\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\nimport { Collapsible, ColorLabel, ColorLabelContainer, DataList, Skeleton, Spinner, Person } from 'UI';\nimport { Icon, TooltipMenu, Checkbox, Button, translate } from '@haldor/ui';\n\nimport './_mentorVerdicts.scss';\nimport User from '_class/User';\n\nclass MentorVerdicts extends Component {\n\n\t/* Class setup */\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tverdictModal: false,\n\t\t\tverdictModalLoading: false,\n\t\t\tverdictLoading: false,\n\t\t\tloading: false,\n\t\t\tselectedCourses: [],\n\t\t\tcourse: null,\n\t\t\topen: [],\n\t\t\tstart: this.props.start,\n\t\t\tend: this.props.end,\n\t\t};\n\t}\n\n\t/* Lifecycle methods */\n\tcomponentDidMount = () => {\n\t\tthis.setState({ loading: true });\n\n\t\tlet promises = [];\n\n\n\t\tif (this.props.verdictScale == null) {\n\t\t\tpromises.push(this.props.getVerdictScale());\n\t\t}\n\n\t\tconst start = moment(moment(this.props.start).startOf('day'), 'YYYY-MM-DD HH:mm:ss').utc().format();\n\t\tconst end = moment(moment(this.props.end).endOf('day'), 'YYYY-MM-DD HH:mm:ss').utc().format();\n\n\t\tpromises.push(this.props.getStudentVerdicts(this.props.userId, start, end));\n\n\t\tPromise.all(promises).then(() => {\n\t\t\tthis.props.userCourses.forEach(course => {\n\t\t\t\tif (course.verdicts == null) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis.setState({ loading: false, start: this.props.start, end: this.props.end });\n\t\t});\n\t}\n\n\tcomponentDidUpdate = () => {\n\t\tif (this.props.start != this.state.start || this.props.end != this.state.end) {\n\t\t\tthis.setState({ loading: true, start: this.props.start, end: this.props.end });\n\n\t\t\tthis.props.getStudentVerdicts(this.props.userId, this.props.start, this.props.end)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.props.userCourses.forEach(course => {\n\t\t\t\t\t\tif (course.verdicts == null) {\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t}\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.clearVerdicts();\n\t}\n\n\t/* Events */\n\ttoggleVerdictModal = () => {\n\t\tthis.setState({ verdictModal: !this.state.verdictModal });\n\t}\n\n\ttoggleOpen = (course, active) => {\n\t\tlet { open } = this.state;\n\t\tlet found = this.state.open.indexOf(course.id);\n\n\t\tif (active && found == -1) {\n\t\t\topen.push(course.id);\n\t\t}\n\n\t\tif (!active && found > -1) {\n\t\t\topen.splice(found, 1);\n\t\t}\n\n\t\tthis.setState({ open });\n\t}\n\n\ttoggleOpenAll = () => {\n\t\tif (this.state.open.length > 0) {\n\t\t\tthis.setState({ open: [] });\n\t\t} else {\n\t\t\tconst { group } = this.props;\n\t\t\tthis.setState({ open: [...this.props.userCourses].map(course => course.id) })\n\t\t}\n\t}\n\n\n\tonCourseClick = (course) => {\n\t\tthis.setState({ verdictLoading: true, course });\n\n\t\tvar promises = [];\n\n\t\tthis.props.resetAssignmentAssessments();\n\t\tthis.props.resetPlanAssessments();\n\n\t\tpromises.push(this.props.getPlanAssessments(this.props.userId, course.id));\n\t\tpromises.push(this.props.getVerdictsForUser(this.props.userId, course.id, this.props.start, this.props.end));\n\t\tpromises.push(this.props.getAssignmentAssessments(this.props.userId, course.id));\n\n\t\tPromise.all(promises)\n\t\t\t.then(() => {\n\t\t\t\tthis.setState({ verdictLoading: false });\n\t\t\t});\n\n\n\t\tthis.toggleVerdictModal();\n\t}\n\n\tonRequestVerdict = (course) => {\n\t\tconst { translate } = this.props;\n\n\t\tapi.post(`verdict/notify?studentId=${this.props.userId}&courseId=${course.id}`, {})\n\t\t\t.then((response) => {\n\t\t\t\tthis.props.addError(translate('request-verdict-sucess'), 'info');\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tvar message = translate('something-went-wrong');\n\t\t\t\tif (error.response.data != null && error.response.data.errorCode == 'H-003') {\n\t\t\t\t\tmessage = translate('request-verdict-teacher-error');\n\t\t\t\t}\n\t\t\t\tthis.props.addError(message, 'error');\n\t\t\t});\n\t}\n\n\trequestVerdictForSelectedCourses = () => {\n\t\tthis.state.selectedCourses.forEach(course => {\n\t\t\tthis.onRequestVerdict(course);\n\t\t});\n\t}\n\n\ttoggleAllCourses = (checked, courses) => {\n\t\tif (checked) {\n\t\t\tthis.setState({ selectedCourses: courses });\n\t\t} else {\n\t\t\tthis.setState({ selectedCourses: [] });\n\t\t}\n\t}\n\n\tonCourseSelect = (checked, course) => {\n\t\tlet { selectedCourses } = this.state;\n\n\t\tif (checked) {\n\t\t\tselectedCourses.push(course);\n\t\t} else {\n\t\t\tlet found = selectedCourses.findIndex(selectedCourse => {\n\t\t\t\treturn selectedCourse.id == course.id;\n\t\t\t});\n\n\t\t\tif (found > -1) {\n\t\t\t\tselectedCourses.splice(found, 1);\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ selectedCourses });\n\t}\n\n\tonVerdictSubmit = (verdict, course) => {\n\t\tvar promises = [];\n\t\tpromises.push(this.props.getVerdictsForUser(this.props.userId, course.id, this.props.start, this.props.end));\n\t\tpromises.push(this.props.getStudentVerdicts(this.props.userId, this.props.start, this.props.end));\n\n\t\tPromise.all(promises).then(() => {\n\t\t\tthis.setVerdictModalLoading(false);\n\t\t})\n\t}\n\n\tsetVerdictModalLoading = (loading) => {\n\t\tthis.setState({ verdictModalLoading: loading });\n\t}\n\n\t/* Render methods */\n\trenderVerdict = (verdict, index) => {\n\t\tif (verdict == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet date = this.props.tenant.currentSchoolYear != null ? this.props.tenant.currentSchoolYear : '2017-01-01';\n\t\tlet start = new DateTime(date).getDateStamp();\n\t\tlet end = new DateTime(verdict.published).getDateStamp();\n\n\t\tlet verdictBefore = this.props.userVerdicts[index + 1];\n\t\tif (verdictBefore != null) {\n\t\t\tstart = new DateTime(verdictBefore.published).getDateStamp();\n\t\t}\n\n\t\tconst trigger = (\n\t\t\t\n\t\t\t\t\t\t{scale.levels.map(cell => {\n\t\t\t\t\t\t\tif (this.props.verdict != null) {\n\t\t\t\t\t\t\t\tif (cell.id == this.props.verdict.scaleLevelId) {\n\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t{cell.shortLocalizationText != null ?\n\t\t\t\t\t\t\t\t\t\t\tcell.shortLocalizationText\n\t\t\t\t\t\t\t\t\t\t\t: cell.level}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t})}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{this.props.displayLevel ?\n\t\t\t\t\t\n\t\t\t\t\t\t{scale.levels.map(cell => {\n\t\t\t\t\t\t\tlet styles = {};\n\n\t\t\t\t\t\t\tif (this.props.verdict != null) {\n\t\t\t\t\t\t\t\tif (cell.id == this.props.verdict.scaleLevelId) {\n\t\t\t\t\t\t\t\t\tstyles = {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: cell.colorCode != null ?\n\t\t\t\t\t\t\t\t\t\t\tcell.colorCode\n\t\t\t\t\t\t\t\t\t\t\t: verdictColors[cell.level],\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t})}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t
\n\t\t);\n\n\t\treturn \n\t\t\t\t\t{new DateTime(verdict.published).getLongDateWithTime()}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t this.onVerdictSubmit(verdict, this.state.course)}\n\t\t\t\t\tsetLoading={this.setVerdictModalLoading}\n\t\t\t\t/>\n\t\t\t \n\t\t
\n\t}\n\n\trenderCurrentVerdict = (verdict) => {\n\t\tif (verdict == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t this.onVerdictSubmit(verdict, this.state.course)}\n\t\t\t\t\tsetLoading={this.setVerdictModalLoading}\n\t\t\t\t/>\n\t\t\t
\n\t\t);\n\t}\n\n\trenderVerdictsModal = () => {\n\t\tlet currentVerdict = null;\n\t\tlet verdicts = null;\n\t\tif (this.props.userVerdicts != null && this.props.userVerdicts.length > 0) {\n\t\t\tlet publishedVerdicts = this.props.userVerdicts.filter(v => v.status == \"VERDICT_PUBLISHED\");\n\t\t\tcurrentVerdict = publishedVerdicts[0];\n\t\t\tverdicts = [...publishedVerdicts];\n\t\t\tverdicts.splice(0, 1);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t{this.props.translate('current-verdict')}
\n\t\t\t\t\n\t\t\t\t{currentVerdict != null && !this.state.verdictLoading ?\n\t\t\t\t\tthis.renderCurrentVerdict(currentVerdict)\n\t\t\t\t\t: null}\n\n\t\t\t\t
\n\t\t);\n\t}\n\n\trenderPublishedInformation = (verdict) => {\n\t\tif (new Date(verdict.published) < new Date(verdict.edited)) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t{this.state.verdictLoading ?\n\t\t\t\t\t{this.props.translate('past-verdicts')}
\n\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('no-previous-verdicts')}\n\t\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('published') + \": \" + new DateTime(verdict.published).getTimeStamp()}\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('edited') + \": \" + new DateTime(verdict.edited).getTimeStamp()}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('published') + \": \" + new DateTime(verdict.published).getTimeStamp()}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)\n\t\t}\n\t}\n\n\trenderCourseRow = (course) => {\n\t\tconst triggerButton = (\n\t\t\t\n\t\t);\n\n\t\tlet found = this.state.selectedCourses.findIndex(selectedCourse => {\n\t\t\treturn selectedCourse.id == course.id;\n\t\t});\n\n\t\tlet open = false;\n\t\tif (this.state.open.indexOf(course.id) > -1) {\n\t\t\topen = true;\n\t\t}\n\n\t\tlet verdict = course.verdicts.find(verdict => {\n\t\t\treturn verdict.courses.find(co => {\n\t\t\t\treturn co.courseID == course.id;\n\t\t\t});\n\t\t});\n\n\t\tlet verdictValid = false;\n\t\tlet feedback = '';\n\n\t\tif (verdict == null) return null;\n\n\t\tconst verdictPublished = moment.utc(verdict.published).local();\n\n\t\tif (verdictPublished.isBetween(moment(this.state.start).startOf('day'), moment(this.state.end).endOf('day'))) {\n\t\t\tverdictValid = true;\n\t\t}\n\n\t\tif (verdict.feedback != null) {\n\t\t\tfeedback = verdict.feedback.replace(/(\\r\\n|\\r|\\n)/g, '');\n\t\t}\n\n\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tvar showAllCourses = user.isMentor();\n\t\tif (!showAllCourses && verdict == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet collapsibleTrigger = (\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\n\t\t\t\t{verdict != null && verdictValid ?\n\t\t\t\t\t
\n\t\t)\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{!this.props.isStudent ?\n\t\t\t\t\t\t\t -1} onChange={c => this.onCourseSelect(c, course)} />\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t{verdict.createdBy != null ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t{verdictModalLoading ? \n\t\t\t\t\t\tthis.toggleAllCourses(c, this.props.userCourses)\n\t\t\t\t\t\t: null}\n\t\t\t\t\tactions={!this.props.isStudent && user.isMentor() ? () => (\n\t\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuserVerdicts: state.Verdicts.user,\n\t\tuserCourses: state.user.userCourses,\n\t\tlastVerdicts: state.Verdicts.lastVerdicts,\n\t\tverdictScale: state.Verdicts.scale,\n\t\tcurrentUser: state.user.currentUser,\n\t\ttenant: state.user.tenant,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetVerdictsForUser,\n\tgetUserCourses,\n\tgetStudentLatestVerdict,\n\tgetStudentVerdicts,\n\tclearVerdicts,\n\tresetPlanAssessments,\n\taddError,\n\tresetAssignmentAssessments,\n\tgetPlanAssessments,\n\tgetAssignmentAssessments,\n\tgetVerdictScale,\n})(MentorVerdicts);","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Spinner } from 'UI';\nimport DateTime from '_class/DateTime';\nimport SectionTitle from 'components/Presentation/SectionTitle';\nimport Modal from 'containers/Modals/Modal';\nimport NoteForm from 'containers/Forms/Note';\nimport { getMentorNotesByReference, resetActiveNote, setActiveNote, removeNote } from 'actions/notes';\nimport swal from 'sweetalert2';\n\nimport { Icon, Button, Checkbox, Block } from '@haldor/ui';\n\nclass MentorNotes extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: false,\n\t\t\tnoteForm: false,\n\t\t\tshowPrivateNotes: false,\n\t\t};\n\t}\n\n\t/* Lifecycle methods */\n\tcomponentDidMount = () => {\n\t\tthis.setState({ loading: true });\n\t\tthis.props.getMentorNotesByReference(this.props.user, 'STUDENT').then(() => {\n\t\t\tthis.setState({ loading: false });\n\t\t})\n\t}\n\n\ttoggleNoteForm = (reload = false, values) => {\n\t\treturn new Promise(async resolve => {\n\t\t\tif (reload) {\n\t\t\t\tconst { user } = this.props;\n\n\n\t\t\t\tif (this.props.isUpdating != null) {\n\t\t\t\t\tthis.props.isUpdating();\n\t\t\t\t}\n\n\t\t\t\tthis.props.getMentorNotesByReference(user, \"STUDENT\").then(() => {\n\t\t\t\t\tif (this.props.isUpdated != null) {\n\t\t\t\t\t\tthis.props.isUpdated();\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tif (this.props.isUpdating == null) {\n\t\t\t\t\tthis.setState({ noteForm: !this.state.noteForm });\n\t\t\t\t\tthis.props.resetActiveNote();\n\t\t\t\t\tresolve(1);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.setState({ noteForm: !this.state.noteForm });\n\t\t\t\tthis.props.resetActiveNote();\n\n\t\t\t\tresolve(1);\n\t\t\t}\n\t\t});\n\t}\n\n\trenderNote = (reference) => {\n\t\tconst date = new DateTime(reference.created);\n\n\t\tif (!reference.public && !this.state.showPrivateNotes) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\t\t\t\t/>\n\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t window.print()} style={{ cursor: 'pointer' }} className=\"color--meta\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tonNoteClick = (note) => {\n\t\tthis.props.setActiveNote(note);\n\t\tthis.setState({ noteForm: true });\n\t}\n\n\tonNoteRemove = (note) => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('note-delete-prompt'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('Cancel'),\n\t\t\tconfirmButtonText: this.props.translate('Delete'),\n\t\t})\n\t\t\t.then(result => {\n\t\t\t\tif (result.value != null) {\n\t\t\t\t\tthis.props.removeNote(note.id)\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\trender() {\n\t\tif (this.state.loading)\n\t\t\treturn {reference.title}
\n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t{reference.author != null ?\n\t\t\t\t\t\treference.author.firstName + \" \" + reference.author.lastName\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t {date.getFromNow()}\n\t\t\t\t\t\n\t\t\t\t\t\t{' • '} {reference.public ? this.props.translate('shared-note') : this.props.translate('private-note')}\n\t\t\t\t\t\n\n\t\t\t\t\t{reference.creator == this.props.currentUser.id || reference.id == this.props.createdNote ?\n\t\t\t\t\t\t this.onNoteClick(reference)}>\n\t\t\t\t\t\t\t{' • '}
\n\t\t\t\t{!isStudent ?\n\t\t\t\t\t this.toggleNoteForm()} title={this.props.translate('note')}>\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttenant: state.user.tenant,\n\t\tnotes: state.Notes.mentorNotes,\n\t\tcurrentUser: state.user.currentUser,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetMentorNotesByReference,\n\tresetActiveNote,\n\tsetActiveNote,\n\tremoveNote,\n})(MentorNotes);\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, reduxForm, change } from 'redux-form';\nimport { getUserSubjects } from 'actions/user';\nimport {\n\tgetAdditionalAdjustments,\n\tcreateAdditionalAdjustment,\n\tcreateStudentAdjustment,\n} from 'actions/additional_adjustments';\nimport moment from 'moment';\n\nimport { Button, Checkbox, Icon } from '@haldor/ui';\nimport { Spinner } from 'UI';\nimport { Editor } from 'UI/Inputs';\n\nclass StudentAdjustmentForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tcategory: '',\n\t\t\tloading: true,\n\t\t\tselectedSubjects: [],\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.props.getAdditionalAdjustments();\n\n\t\tif (this.props.userId != null) {\n\t\t\tthis.props.getUserSubjects(this.props.userId).then(() => {\n\t\t\t\tlet selectedSubjects = [...this.state.selectedSubjects];\n\n\t\t\t\tif (this.props.userSubjects != null && this.props.userSubjects.length > 0) {\n\t\t\t\t\tif (this.props.subjectId != null) {\n\t\t\t\t\t\tthis.props.userSubjects.forEach(subject => {\n\t\t\t\t\t\t\tif (subject.id == this.props.subjectId) {\n\t\t\t\t\t\t\t\tselectedSubjects.push(subject);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tif (this.props.course != null) {\n\t\t\t\t\t\tthis.props.userSubjects.forEach(subject => {\n\t\t\t\t\t\t\tif (this.props.course.subjectCode == subject.subjectCode) {\n\t\t\t\t\t\t\t\tselectedSubjects.push(subject);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.setState({ loading: false, selectedSubjects });\n\t\t\t\t} else {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t}\n\n\trequired = (value) => {\n\t\tif (typeof (value) != 'undefined' && value != '' && value != null) {\n\t\t\tif (value.length > 199) {\n\t\t\t\t// Field failed validation, return error for this field (String)\n\t\t\t\treturn this.props.translate('field-max-200-chars');\n\t\t\t}\n\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string and not over 200 characters\n\t\t\treturn undefined;\n\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\teditorRequired = (value) => {\n\t\tif (typeof (value) != 'undefined' && value != '' && value != null) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\tsubmit = (values) => {\n\t\treturn new Promise((resolve) => {\n\t\t\tvalues.subjects = this.state.selectedSubjects;\n\n\t\t\tif (this.props.initialValues == null) {\n\t\t\t\tvalues.status = 'ACTIVE';\n\t\t\t\tvalues.studentId = this.props.userId;\n\t\t\t\tvalues.startDate = moment().format('YYYY-MM-DD');\n\t\t\t}\n\n\t\t\tif (values.subTitle != null) {\n\t\t\t\tlet adjustmentObj = {\n\t\t\t\t\ttitle: this.props.translate('other'),\n\t\t\t\t\tsubTitle: values.subTitle,\n\t\t\t\t\tdescription: values.adjustmentDescription\n\t\t\t\t};\n\n\t\t\t\tthis.props.createAdditionalAdjustment(adjustmentObj).then(() => {\n\t\t\t\t\tvalues.adjustmentId = this.props.createdAdjustment.id;\n\t\t\t\t\tthis.props.createStudentAdjustment(values).then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\tthis.props.onClose();\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tvalues.adjustmentId = this.state.category;\n\n\t\t\t\tthis.props.createStudentAdjustment(values).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t\tthis.props.onClose();\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tonCancel = (event) => {\n\t\tevent.preventDefault();\n\n\t\tif (this.props.onClose != null) {\n\t\t\tthis.props.onClose();\n\t\t}\n\t}\n\n\tonCategoryChange = (event) => {\n\t\tthis.setState({ category: event.target.value });\n\n\t\tconst category = this.props.additionalAdjustments.find(adjustment => {\n\t\t\treturn adjustment.id == parseInt(event.target.value, 10);\n\t\t});\n\n\t\tif (category != null) {\n\t\t\tthis.props.change('description', category.description, null);\n\t\t}\n\t}\n\n\tselectAllSubjects = () => {\n\t\tlet { selectedSubjects } = this.state;\n\n\t\tif (this.props.userSubjects == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet selectedAmount = selectedSubjects.length;\n\n\t\tselectedSubjects = [];\n\n\t\tif (selectedAmount != this.props.userSubjects.length) {\n\t\t\tthis.props.userSubjects.forEach(subject => {\n\t\t\t\tselectedSubjects.push(subject)\n\t\t\t});\n\t\t} else {\n\t\t\tthis.props.userSubjects.forEach(subject => {\n\t\t\t\tlet disabled = false;\n\t\t\t\tif (this.props.course != null) {\n\t\t\t\t\tdisabled = this.props.course.subjectCode == subject.subjectCode;\n\t\t\t\t}\n\n\t\t\t\tif (this.props.subjectId != null) {\n\t\t\t\t\tdisabled = this.props.subjectId == subject.id;\n\t\t\t\t}\n\n\t\t\t\tif (disabled) {\n\t\t\t\t\tselectedSubjects.push(subject)\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tthis.setState({ selectedSubjects });\n\t}\n\n\tonSubjectToggle = (subject) => {\n\t\tlet selectedSubjects = [...this.state.selectedSubjects];\n\t\tlet found = this.state.selectedSubjects.findIndex(sel =>\n\t\t\tsel.id == subject.id\n\t\t)\n\n\t\tif (found > -1) {\n\t\t\tselectedSubjects.splice(found, 1);\n\t\t} else {\n\t\t\tselectedSubjects.push(subject);\n\t\t}\n\n\t\tthis.setState({ selectedSubjects });\n\t}\n\n\trender() {\n\t\tconst { submitting, handleSubmit, valid } = this.props;\n\n\t\tlet allSelected = false;\n\t\tif (this.props.userSubjects != null) {\n\t\t\tallSelected = this.state.selectedSubjects.length == this.props.userSubjects.length;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('notes')}\n\t\t\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t{!isStudent ?\n\t\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\t this.setState({ showPrivateNotes: value })}\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{notes.map((note) => {\n\t\t\t\t\t\t\treturn this.renderNote(note)\n\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t{notes.length == 0 ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('no-notes')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{!isStudent ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t{submitting ?
: null}\n\n\t\t\t\t\n\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tadditionalAdjustments: state.AdditionalAdjustments.adjustments,\n\t\tuserSubjects: state.user.userSubjects,\n\t\tcreatedAdjustment: state.AdditionalAdjustments.createdAdjustment\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetAdditionalAdjustments,\n\tgetUserSubjects,\n\tcreateAdditionalAdjustment,\n\tcreateStudentAdjustment,\n\tchange,\n})(reduxForm({\n\tform: 'StudentAdjustmentForm',\n\tdestroyOnUnmount: true,\n})(StudentAdjustmentForm));\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport swal from 'sweetalert2';\n\nimport User from '_class/User';\nimport DateTime from '_class/DateTime';\n\nimport {\n\taddComment,\n\tupdateStudentAdjustment,\n\tdeleteStudentAdjustment,\n} from 'actions/additional_adjustments';\n\nimport Modal from 'containers/Modals/Modal';\nimport { Collapsible, Spinner } from 'UI';\nimport { Block, Flex, Select, Icon, Button, translate } from '@haldor/ui';\n\nimport PostContent from 'components/Presentation/PostContent';\nimport EditAdditionalAdjustmentSubjects from '../Form/EditAdditionalAdjustmentSubjects';\nimport EditStudentAdjustmentForm from '../Form/EditStudentAdjustmentForm';\n\nimport Comments from './Partials/Comments';\n\nimport './Adjustment.scss';\n\nclass StudentAdjustment extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tstatus: props.adjustment.status,\n\t\t\tcourseModal: false,\n\t\t\teditAdjustment: false,\n\t\t\tloading: false,\n\t\t};\n\t}\n\n\t/* Event methods - JEVEN */\n\taddComment = (values) => {\n\t\tconst { adjustment } = this.props;\n\n\t\treturn new Promise(resolve => {\n\t\t\tthis.props.addComment(values, adjustment.id).then(() => {\n\t\t\t\tresolve(1);\n\t\t\t});\n\t\t});\n\t}\n\n\tonStatusChange = async (status) => {\n\t\tthis.setState({ status, loading: true, });\n\n\t\tlet values = { ...this.props.adjustment };\n\t\tvalues.status = status;\n\n\t\tif (status == 'COMPLETED') {\n\t\t\tvalues.endDate = moment().format('YYYY-MM-DD');\n\t\t} else {\n\t\t\tvalues.endDate = null;\n\t\t}\n\n\t\tawait this.props.updateStudentAdjustment(values);\n\t\tthis.setState({ loading: false });\n\t}\n\n\tonAdjustmentSubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tthis.setState({ loading: true });\n\n\t\t\tthis.props.updateStudentAdjustment(values).then(() => {\n\t\t\t\tthis.setState({ loading: false, editAdjustment: false });\n\t\t\t\tresolve(1);\n\t\t\t})\n\t\t})\n\t}\n\n\tonAdjustmentRemove = async () => {\n\t\tconst { translate } = this.props;\n\t\tconst user = new User(this.props.user);\n\n\t\tthis.setState({ loading: true });\n\n\t\tif (!user.isPedagogue()) {\n\t\t\tconst response = await swal.fire({\n\t\t\t\ttitle: translate('Are you sure?'),\n\t\t\t\ttext: translate('The adjustment will be removed from the student wherever it is used. Restoration can only be done by a special educational needs teacher.'),\n\t\t\t\tshowCancelButton: true,\n\t\t\t\tcancelButtonText: translate('Cancel'),\n\t\t\t\tconfirmButtonText: translate('Remove'),\n\t\t\t});\n\n\t\t\tif (response.value == null) {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\tawait this.props.deleteStudentAdjustment(this.props.adjustment);\n\t\tthis.setState({ loading: false });\n\t}\n\n\ttoggleCourseModal = () => {\n\t\tthis.setState({ courseModal: !this.state.courseModal });\n\t}\n\n\ttoggleEditModal = () => {\n\t\tthis.setState({ editAdjustment: !this.state.editAdjustment });\n\t}\n\n\t/* Render methods - JREND */\n\trender() {\n\t\tconst { adjustment, translate } = this.props;\n\t\tif (adjustment == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst user = new User(this.props.user);\n\t\tconst statuses = [\n\t\t\t{\n\t\t\t\tlabel: translate('Active'),\n\t\t\t\tvalue: 'ACTIVE',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: translate('adjustment-closed'),\n\t\t\t\tvalue: 'COMPLETED',\n\t\t\t}\n\t\t];\n\n\t\tlet status = statuses.find(st => st.value == this.state.status) ?? null;\n\n\t\tconst student = new User(this.props.adjustment.student);\n\n\t\tconst collapseTrigger = (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{this.props.translate('subjects')} {adjustment.subjects.length}\n\t\t\t\t\n\n\t\t\t\t{!user.isStudent() && (user.isTeacher() || user.isMentor() || user.isPedagogue()) ?\n\t\t\t\t\t {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\tthis.toggleCourseModal()\n\t\t\t\t\t}}>\n\t\t\t\t\t\t\n\t\t\t\n\t\t\t\t \n\n\t\t\t\n\t\t\t\t \n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{adjustment.additionalAdjustment.subTitle != null ?\n\t\t\t\t\t\tadjustment.additionalAdjustment.title + ' ' + adjustment.additionalAdjustment.subTitle\n\t\t\t\t\t\t: adjustment.additionalAdjustment.title}\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t \n\t\t
\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuser: state.user.currentUser,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\taddComment,\n\tupdateStudentAdjustment,\n\tdeleteStudentAdjustment,\n})(StudentAdjustment);","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { translate } from '@haldor/ui';\nimport { createStudentAdjustment, getStudentAdjustments } from 'actions/additional_adjustments';\nimport User from '_class/User';\nimport sniffer from 'sniffer';\n\nimport { Collapsible, Spinner } from 'UI';\nimport { Icon, Flex, Button } from '@haldor/ui';\n\nimport Modal from 'containers/Modals/Modal';\nimport StudentAdjustmentForm from 'containers/AdditionalAdjustments/Form/StudentAdjustmentForm';\nimport StudentAdjustment from 'containers/AdditionalAdjustments/Display/StudentAdjustment';\n\nclass AdditionalAdjustments extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tmodal: false,\n\t\t\tloading: true,\n\t\t};\n\t}\n\n\tcomponentDidMount = async () => {\n\t\tconst { start, end } = this.props;\n\t\tawait this.props.getStudentAdjustments(this.props.user, start, end);\n\t\tthis.setState({ loading: false });\n\t}\n\n\tcomponentWillReceiveProps = async (nextProps) => {\n\t\tconst { start, end } = nextProps;\n\n\t\tif (nextProps.start == this.props.start && nextProps.end == this.props.end) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (this.props.start != start || this.props.end != end) {\n\t\t\tthis.setState({ loading: true });\n\t\t\tawait this.props.getStudentAdjustments(this.props.user, start, end);\n\t\t\tthis.setState({ loading: false });\n\t\t}\n\t}\n\n\ttoggleModal = () => {\n\t\tthis.setState({ modal: !this.state.modal });\n\t}\n\n\tcreateStudentAdjustment = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tthis.props.createStudentAdjustment(values)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setState({ modal: false });\n\t\t\t\t\tthis.props.getStudentAdjustments(this.props.user);\n\t\t\t\t});\n\t\t});\n\t}\n\n\trender() {\n\t\tif (this.props.studentAdjustments == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst { translate } = this.props;\n\n\t\tif (this.state.loading) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{adjustment.description}\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{!user.isStudent() && (user.isPedagogue() || user.isTeacher() || user.isMentor()) ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{adjustment.createdBy.firstName} {adjustment.createdBy.lastName}\n\t\t\t\t\t\t\t\t{' • ' + new DateTime(adjustment.created).getTimeStampHours()}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\t{this.state.status == 'ACTIVE' ?\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('start-time')}\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t{new DateTime(adjustment.startDate).getLongDate()}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{new DateTime(adjustment.startDate).getLongDate()}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{this.props.translate('time-period')}\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t{new DateTime(adjustment.startDate).getLongDate()}\n\t\t\t\t\t\t\t\t{' - ' + new DateTime(adjustment.endDate).getLongDate()}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t{this.state.status != 'DELETED' ?\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{new DateTime(adjustment.startDate).getLongDate()}\n\t\t\t\t\t\t\t\t{' - ' + new DateTime(adjustment.endDate).getLongDate()}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{this.props.translate('Status')}\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t{!user.isStudent() && (user.isPedagogue() || user.isTeacher() || user.isMentor()) ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t: status?.label}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{!user.isStudent() && (user.isPedagogue() || user.isTeacher() || user.isMentor()) ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t: status?.label}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{adjustment.subjects != null ?\n\t\t\t\t\t\t\t\t\tadjustment.subjects.map(subject => {\n\t\t\t\t\t\t\t\t\t\treturn \n\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{!user.isStudent() && (user.isPedagogue() || user.isTeacher() || user.isMentor()) && adjustment.status == 'ACTIVE' ?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{subject.title}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{!user.isStudent() && (user.isPedagogue() || user.isTeacher() || user.isMentor()) && adjustment.status == 'ACTIVE' ?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{!user.isStudent() && (user.isPedagogue() || user.isMentor()) && adjustment.status == 'COMPLETED' ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{!user.isStudent() && user.isPedagogue() && adjustment.status == 'DELETED' ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{!user.isStudent() && user.isPedagogue() && adjustment.status == 'DELETED' ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tconst active = this.props.studentAdjustments.filter(adjustment => {\n\t\t\tif (adjustment == null) return false;\n\n\t\t\treturn adjustment.status == 'ACTIVE';\n\t\t});\n\n\t\tconst completed = this.props.studentAdjustments.filter(adjustment => {\n\t\t\tif (adjustment == null) return false;\n\n\t\t\treturn adjustment.status == 'COMPLETED';\n\t\t});\n\n\t\tconst deleted = this.props.studentAdjustments.filter(adjustment => {\n\t\t\tif (adjustment == null) return false;\n\n\t\t\treturn adjustment.status == 'DELETED';\n\t\t});\n\n\t\tconst currentUser = new User(this.props.currentUser);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t{translate('additional-adjustments')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t{!currentUser.isStudent() ?\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\n\t\t\t\t{this.props.studentAdjustments.length == 0 ?\n\t\t\t\t\t\n\t\t\t\t\t\t{completed.map(adjustment => {\n\t\t\t\t\t\t\treturn \n\t\t\t\t\t: null}\n\n\t\t\t\t\n\n\t\t\t\t{currentUser.isPedagogue() && deleted.length > 0 ?\n\t\t\t\t\t\n\t\t\t\t\t\t{deleted.map(adjustment => {\n\t\t\t\t\t\t\treturn \n\t\t\t\t\t: null}\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tstudentAdjustments: state.AdditionalAdjustments.studentAdjustments,\n\t\tcurrentUser: state.user.currentUser,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetStudentAdjustments,\n\tcreateStudentAdjustment,\n})(AdditionalAdjustments);","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\n\nimport User from '_class/User';\nimport DateTime from '_class/DateTime';\n\nimport { getUserMeetings } from 'actions/meetings';\n\nimport { Spinner } from 'UI';\nimport { Block, translate } from '@haldor/ui';\n\nclass UserMeetings extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t};\n\t};\n\n\tcomponentDidMount = async () => {\n\t\tconst { start, end } = this.props;\n\t\tawait this.props.getUserMeetings(this.props.user, start, end);\n\t\tthis.setState({ loading: false });\n\t}\n\n\tcomponentWillReceiveProps = async (nextProps) => {\n\t\tconst { start, end } = nextProps;\n\n\t\tif (nextProps.start == this.props.start && nextProps.end == this.props.end) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (this.props.start != start || this.props.end != end) {\n\t\t\tthis.setState({ loading: true });\n\t\t\tawait this.props.getUserMeetings(this.props.user, start, end);\n\t\t\tthis.setState({ loading: false });\n\t\t}\n\t}\n\n\trenderMeetingInfo = (meeting) => {\n\t\tif (meeting == null || meeting.instances == null || meeting.instances.length == 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst instance = meeting.instances[0];\n\n\t\tif (instance == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{translate('additional-adjustments')}\n\t\t\t\t\t
\n\n\t\t\t\t\t{!currentUser.isStudent() && (currentUser.isPedagogue() || currentUser.isMentor() || currentUser.isTeacher()) && !sniffer.isDevice ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t{translate('no-additional-adjustments')}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{active.map(adjustment => {\n\t\t\t\t\treturn \n\t\t\t\t{instance.date != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t{new DateTime(instance.date).getLongDateWithTime()}\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\n\t\t\t\t{instance.status == \"COMPLETED\" ?\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('complete-meeting')}\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (this.state.loading) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tif (this.props.meetings == null)\n\t\t\treturn null;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.props.meetings.map((meeting) => {\n\t\t\t\t\tif (meeting.status == \"DRAFT\") {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{meeting.title}\n\n\t\t\t\t\t\t\t{this.renderMeetingInfo(meeting)}\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t})}\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tcurrentUser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tmeetings: state.Meetings.user,\n\t};\n};\n\nexport default connect(mapStateToProps, {\n\tgetUserMeetings,\n})(UserMeetings);\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, reduxForm } from 'redux-form';\nimport { isValidPhoneNumber, parsePhoneNumber } from 'libphonenumber-js';\nimport User from '_class/User';\nimport Moment from 'moment';\n\nimport { Spinner } from 'UI';\nimport { PhoneInput } from 'UI/Inputs';\nimport { Flex, Button, Icon, TooltipMenu } from '@haldor/ui';\n\nimport './_studentDetailsForm.scss';\n\nclass StudentDetailsForm extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tcurrentStudent: this.props.currentStudent,\n\t\t\tcurrentGuadians: [],\n\t\t\tloading: false\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.setState({ currentGuadians: [...this.props.guardians], currentStudent: this.props.currentStudent });\n\t}\n\n\tsubmit = (values) => {\n\t\tvalues.guardians = this.state.currentGuadians;\n\t\tvalues.authoritative = this.state.currentStudent.authoritative;\n\n\t\tif (values.mobilePhone != null && values.mobilePhone != '') {\n\t\t\tvalues.mobilePhone = '+' + values.mobilePhone;\n\t\t\tvalues.mobilePhone = parsePhoneNumber(values.mobilePhone).format('E.164');\n\t\t}\n\n\t\tthis.setState({ loading: true });\n\t\tthis.props.onModalSave(values);\n\t}\n\n\tonCancel = () => {\n\t\tthis.props.cancelModal();\n\t}\n\n\tchangeStudentPermissionLevel = (status) => {\n\t\tlet currentStudent = this.state.currentStudent;\n\t\tcurrentStudent.authoritative = status;\n\t\tthis.setState({ currentStudent: currentStudent });\n\t}\n\n\tonGuardianStatusChange = (guardianId, status) => {\n\t\tlet guardians = this.state.currentGuadians;\n\t\tlet guardianIndex = guardians.findIndex(g => g.id == guardianId);\n\t\tguardians[guardianIndex].active = status;\n\t\tguardians[guardianIndex].linkGuardianStudents[0].active = status;\n\t\tthis.setState({ currentGuadians: guardians });\n\t}\n\n\tvalidatePhone = (value) => {\n\t\tif (value == null || value == '') {\n\t\t\treturn undefined;\n\t\t}\n\n\t\tif (value.length < 5) {\n\t\t\treturn this.props.translate('Enter a valid phone number');\n\t\t}\n\n\t\tconst number = '+' + value;\n\t\tif (isValidPhoneNumber(number)) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.props.translate('Enter a valid phone number');\n\t}\n\n\tvalidatePID = value => {\n\t\tif (value != null && value != '') {\n\t\t\tlet dateOfBirth = \"\";\n\t\t\tvar length = value.toString().length;\n\t\t\t/** en-us validering **/\n\t\t\tif (length > 6 && (value.toString().charAt(6) == \"-\" || value.toString().charAt(6) == \"A\")) {\n\t\t\t\tdateOfBirth = value.toString().substring(0, 6);\n\t\t\t\tif (value.toString().charAt(6) == \"-\") {\n\t\t\t\t\tdateOfBirth = dateOfBirth.slice(0, 4) + \"19\" + dateOfBirth.substring(4);\n\t\t\t\t} else {\n\t\t\t\t\tdateOfBirth = dateOfBirth.slice(0, 4) + \"20\" + dateOfBirth.substring(4);\n\t\t\t\t}\n\t\t\t\tif (Moment(dateOfBirth, \"DDMMYYYY\", true).isValid()) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/** sv-se nb-no da-dk validering **/\n\t\t\tif (length > 7) {\n\t\t\t\tdateOfBirth = value.toString().substring(0, 8);\n\t\t\t\t/** sv-se validering **/\n\t\t\t\tif (Moment(dateOfBirth, \"YYYYMMDD\", true).isValid()) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\t/** nb-no da-dk validering **/\n\t\t\t\tif (Moment(dateOfBirth, \"DDMMYYYY\", true).isValid()) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn this.props.translate('pid-field-validation');\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { handleSubmit, submitting, valid, initialValues } = this.props;\n\t\tconst country = this.props.tenant.lcid.slice(-2);\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (this.state.loading) {\n\t\t\treturn \n\t\t\t\t
\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{user.isAdministrator() ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.state.currentGuadians.map(guardian => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('active')}
: {this.props.translate('inactive')}
}\n\t\t\t\t\t\t\t\t\t\t\tid={\"guardianPermissionsTooltip\" + guardian.id}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t)\n\t}\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\tinitialValues: ownProps.currentStudent,\n\t\tguardians: state.user.guardians,\n\t\tlanguages: state.Languages.languages,\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttenant: state.user.tenant,\n\t\tcurrentUser: state.user.currentUser,\n\t};\n}\n\nexport default connect(mapStateToProps)(reduxForm({\n\tform: 'StudentDetailForm',\n\tdestroyOnUnmount: true,\n})(StudentDetailsForm));","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { translate } from '@haldor/ui';\nimport SectionTitle from 'components/Presentation/SectionTitle';\nimport Modal from 'containers/Modals/Modal';\nimport StudentDetailsForm from 'containers/Forms/StudentDetailsForm';\nimport GuardianDetailsForm from 'containers/Forms/GuardianDetailsForm';\n\nimport {\n\tgetUserInfo,\n\tupdateUser,\n\tgetUserGuardian,\n\tsetUserGuardian,\n\tgetUserGuardianByEmail,\n\tlinkStudentGuardian,\n\taddUserGuardian,\n\tdeleteStudentGuardian,\n} from 'actions/user';\n\nimport { Flex, Skeleton, TooltipMenu, Button, Icon } from '@haldor/ui';\n\nimport Block, { BlockHeader, BlockContent } from \"UI/Elements/Block\";\nimport swal from 'sweetalert2';\nimport User from '_class/User';\n\nclass UserDetails extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tmodal: false,\n\t\t\tmodalType: \"user\",\n\t\t\tcurrentGuardian: null,\n\t\t\tcurrentStudent: null,\n\t\t\tsearchingGuardian: false\n\t\t};\n\t}\n\n\tcomponentDidMount = async () => {\n\t\tif (this.props.currentStudent == null) {\n\t\t\tawait this.props.getUserInfo(this.props.user, \"extended\", true)\n\t\t}\n\n\t\tif (this.props.user != null) {\n\t\t\tthis.setState({ currentStudent: this.props.currentStudent });\n\n\t\t\tthis.props.getUserGuardian(this.props.user).then(() => {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t});\n\t\t}\n\t}\n\n\ttoggleModal = (type, object) => {\n\t\tif (type == \"guardian\") {\n\t\t\tthis.setState({ modal: !this.state.modal, currentGuardian: object, modalType: \"guardian\" });\n\t\t}\n\t\telse if (type == \"user\") {\n\t\t\tthis.setState({ modal: !this.state.modal, currentGuardian: {}, modalType: \"user\" });\n\t\t}\n\t\telse {\n\t\t\tthis.setState({ modal: !this.state.modal });\n\t\t}\n\n\t\tlet promises = [];\n\n\t\tpromises.push(this.props.getUserGuardian(this.props.user));\n\t\tpromises.push(this.props.getUserInfo(this.props.user, \"extended\", true));\n\n\t\tPromise.all(promises).then(() => {\n\t\t\tthis.setState({ loading: false, currentStudent: this.props.currentStudent });\n\t\t})\n\t}\n\n\tonStudentUpdate = (userItem) => {\n\t\tconst user = new User(this.props.currentUser);\n\t\tthis.setState({ loading: true });\n\n\t\tlet promises = [];\n\n\t\tthis.props.updateUser(userItem).then(() => {\n\t\t\tif (user.isAdministrator()) {\n\t\t\t\tuserItem.guardians.forEach((guardian, index) => {\n\t\t\t\t\tpromises.push(this.props.setUserGuardian(this.props.user, guardian));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tPromise.all(promises).then((response) => {\n\t\t\t\tthis.props.getUserInfo(this.props.user, \"extended\", true).then((response) => {\n\t\t\t\t\tthis.props.getUserGuardian(this.props.user).then(() => {\n\t\t\t\t\t\tthis.setState({ loading: false, currentStudent: this.props.currentStudent });\n\t\t\t\t\t\tthis.toggleModal(\"user\", null);\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}).catch(error => {\n\t\t\t\tconsole.error(error.message);\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t});\n\t\t});\n\t}\n\n\tonModalCancel = () => {\n\n\t\tthis.toggleModal(\"user\", null);\n\t\tthis.setState({ loading: true });\n\t}\n\n\tonGuardianModalCancel = () => {\n\t\tthis.toggleModal(\"guardian\", null);\n\n\t\tthis.props.getUserGuardian(this.props.user).then(() => {\n\t\t\tlet currentStudent = { ...this.state.currentStudent };\n\t\t\tcurrentStudent.guardians = this.props.guardians;\n\t\t\tthis.setState({ currentStudent: currentStudent });\n\t\t});\n\t}\n\n\tonStudentAuthoritativeUpdate = (userId, authoritative) => {\n\t}\n\n\tonGuardianStatusChange = (guardian, status) => {\n\t}\n\n\tonGuardianUpdate = guardian => {\n\t\tif (guardian.id != \"\") {\n\t\t\tthis.props.setUserGuardian(this.props.user, guardian).then(() => {\n\t\t\t\tthis.props.getUserGuardian(this.props.user);\n\t\t\t\tthis.props.getUserInfo(this.props.user, \"extended\");\n\t\t\t\tthis.toggleModal();\n\t\t\t});\n\t\t} else {\n\t\t\tthis.props.getUserGuardianByEmail(guardian.mail).then(() => {\n\t\t\t\tif (this.props.guardianByMail != null && this.props.guardianByMail != \"\" && this.props.guardianByMail.mail.toLowerCase() == guardian.mail.toLowerCase()) {\n\t\t\t\t\tlet alreadyLinked = this.props.guardians.findIndex(g => {\n\t\t\t\t\t\treturn this.props.guardianByMail.id == g.id;\n\t\t\t\t\t})\n\t\t\t\t\tif (alreadyLinked == -1) {\n\t\t\t\t\t\tthis.props.linkStudentGuardian(this.props.user, this.props.guardianByMail.id);\n\t\t\t\t\t}\n\t\t\t\t\tlet guardianByMail = this.props.guardianByMail;\n\t\t\t\t\tguardianByMail.active = guardian.active;\n\t\t\t\t\tguardianByMail.lcid = guardian.lcid;\n\t\t\t\t\tthis.props.setUserGuardian(this.props.user, guardianByMail);\n\t\t\t\t\tthis.toggleModal();\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tthis.props.addUserGuardian(this.props.user, guardian).then(() => {\n\t\t\t\t\t\tthis.toggleModal();\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tonMailChanged = (email) => {\n\t\tconst re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n\t\tif (re.test(String(email).toLowerCase())) {\n\t\t\tthis.setState({ searchingGuardian: true });\n\n\t\t\tthis.props.getUserGuardianByEmail(email).then(() => {\n\t\t\t\tthis.setState({ searchingGuardian: false });\n\t\t\t\tif (this.props.guardianByMail != null && this.props.guardianByMail != \"\" && this.props.guardianByMail.mail.toLowerCase() == email.toLowerCase()) {\n\t\t\t\t\tlet guardian = this.props.guardianByMail;\n\t\t\t\t\tguardian.id = \"\";\n\t\t\t\t\tguardian.active = true;\n\t\t\t\t\tthis.toggleModal();\n\t\t\t\t\tthis.toggleModal(\"guardian\", guardian);\n\t\t\t\t} else {\n\t\t\t\t\tthis.toggleModal();\n\t\t\t\t\tthis.toggleModal(\"guardian\", {\n\t\t\t\t\t\tid: \"\",\n\t\t\t\t\t\tfirstName: \"\",\n\t\t\t\t\t\tlastName: \"\",\n\t\t\t\t\t\tmail: email,\n\t\t\t\t\t\tphone: \"\",\n\t\t\t\t\t\tpostal: \"\",\n\t\t\t\t\t\tstreet: \"\",\n\t\t\t\t\t\tactive: true\n\t\t\t\t\t});\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t}\n\n\tonGuardianDelete = guardian => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('Cancel'),\n\t\t\tconfirmButtonText: this.props.translate('Delete'),\n\t\t}).then(response => {\n\t\t\tif (response.value != null) {\n\t\t\t\tthis.props.getUserGuardianByEmail(guardian.mail).then(() => {\n\t\t\t\t\tif (this.props.guardianByMail != null && this.props.guardianByMail != \"\" && this.props.guardianByMail.mail.toLowerCase() == guardian.mail.toLowerCase()) {\n\t\t\t\t\t\tif (this.props.guardianByMail.students.length > 1) {\n\t\t\t\t\t\t\tswal.fire({\n\t\t\t\t\t\t\t\ttitle: this.props.translate('remove-completely'),\n\t\t\t\t\t\t\t\ttext: this.props.translate('remove-guardian-completely'),\n\t\t\t\t\t\t\t\tshowCancelButton: true,\n\t\t\t\t\t\t\t\tcancelButtonText: this.props.translate('remove-for-current-student'),\n\t\t\t\t\t\t\t\tconfirmButtonText: this.props.translate('remove-for-all-students'),\n\t\t\t\t\t\t\t}).then(response => {\n\t\t\t\t\t\t\t\tif (response.value != null) {\n\t\t\t\t\t\t\t\t\tthis.props.deleteStudentGuardian(this.props.user, guardian.id, true).then(() => {\n\t\t\t\t\t\t\t\t\t\tthis.props.getUserGuardian(this.props.user).then(() => {\n\t\t\t\t\t\t\t\t\t\t\tlet currentStudent = this.state.currentStudent;\n\t\t\t\t\t\t\t\t\t\t\tcurrentStudent.guardians = this.props.guardians;\n\t\t\t\t\t\t\t\t\t\t\tthis.setState({ currentStudent: currentStudent });\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\telse {\n\t\t\t\t\t\t\t\t\tthis.props.deleteStudentGuardian(this.props.user, guardian.id, false).then(() => {\n\t\t\t\t\t\t\t\t\t\tthis.props.getUserGuardian(this.props.user).then(() => {\n\t\t\t\t\t\t\t\t\t\t\tlet currentStudent = this.state.currentStudent;\n\t\t\t\t\t\t\t\t\t\t\tcurrentStudent.guardians = this.props.guardians;\n\t\t\t\t\t\t\t\t\t\t\tthis.setState({ currentStudent: currentStudent });\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tthis.props.deleteStudentGuardian(this.props.user, guardian.id, true).then(() => {\n\t\t\t\t\t\t\t\tthis.props.getUserGuardian(this.props.user).then(() => {\n\t\t\t\t\t\t\t\t\tlet currentStudent = this.state.currentStudent;\n\t\t\t\t\t\t\t\t\tcurrentStudent.guardians = this.props.guardians;\n\t\t\t\t\t\t\t\t\tthis.setState({ currentStudent: currentStudent });\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tisUserSchoolAdmin = () => {\n\t\tif (this.props.roles != null && this.props.roles.length > 0) {\n\t\t\tvar schoolAdministrator = this.props.roles.find(role => (role.roleId.toUpperCase() == \"SCHOOL_ADMINISTRATOR\" && role.referenceId == this.props.activeSchool) || (role.roleId.toUpperCase() == \"SYSADMIN\" && role.referenceId == this.props.activeSchool));\n\n\t\t\tif (schoolAdministrator != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\trender() {\n\t\tconst { translate } = this.props;\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (this.state.loading) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Student')}\n\t\t\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t \n\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Guardians')}\n\t\t\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tconst triggerButton = (\n\t\t\t\n\t\t);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('Student')}\n\t\t\t\t\t\n\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t{this.state.modalType == \"user\" ?\n\t\t\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.currentStudent.firstName} {this.props.currentStudent.lastName}\n\n\t\t\t\t\t\t{user.isAdministrator() || user.isMentor() || user.isSchoolLeader() ?\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('Guardians')}\n\t\t\t\t\t\n\n\t\t\t\t\t{user.isAdministrator() ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\t\t\t\t \n\n\t\t\t\t{this.props.guardians.map(guardian => {\n\t\t\t\t\tif (guardian != null && guardian.linkGuardianStudents && guardian.linkGuardianStudents.some(student => student.studentId === this.props.user && student.active === true)) {\n\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t{guardian.firstName} {guardian.lastName != null ? guardian.lastName : ''}\n\t\t\t\t\t\t\t\t{user.isAdministrator() && !guardian.synced ?\n\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t}\n\t\t\t\t})}\n\n\t\t\t\t{this.props.guardians && this.props.guardians.some(g => g != null && g.linkGuardianStudents &&\n\t\t\t\t\tg.linkGuardianStudents.some(student => student.studentId === this.props.user && student.active === false)) ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tactiveSchool: state.user.activeSchool,\n\t\tguardians: state.user.guardians,\n\t\tuserRoles: state.user.currentUser.userRoles,\n\t\troles: state.user.currentUser.roles,\n\t\tguardianByMail: state.user.searchGuardian,\n\t\tcurrentStudent: state.user.info.find(u => {\n\t\t\treturn u.userId == ownProps.user;\n\t\t}),\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetUserInfo,\n\tgetUserGuardian,\n\tsetUserGuardian,\n\tupdateUser,\n\tgetUserGuardianByEmail,\n\tlinkStudentGuardian,\n\taddUserGuardian,\n\tdeleteStudentGuardian,\n})(UserDetails);\n","import api from 'lib/api';\n\nexport const GET_TAGS = 'TAGS_GET_TAGS';\nexport const ADD_TAGS_ON_FILE = 'TAGS_ADD_TAGS_ON_FILES';\nexport const REMOVE_TAG_ON_FILE = 'TAGS_REMOVE_TAG_ON_FILES';\n\nexport const getTags = () => ({\n\ttype: GET_TAGS,\n\tpayload: new Promise(resolve => {\n\t\tapi.get(``).then((response) => {\n\t\t\tresolve(response.data);\n\t\t});\n\t}),\n});\n\nexport const addTagsOnFile = (fileId, tags) => ({\n\ttype: ADD_TAGS_ON_FILE,\n\tpayload: new Promise((resolve, reject) => {\n\t\tapi.post(`fileItems/${fileId}/tags`, tags).then((response) => {\n\t\t\tresolve(response.data);\n\t\t});\n\t}),\n});\n\nexport const removeTagOnFile = (fileId, tagId) => ({\n\ttype: REMOVE_TAG_ON_FILE,\n\tpayload: new Promise((resolve) => {\n\t\tapi.delete(`fileItems/${fileId}/tags/${tagId}`).then((response) => {\n\t\t\tresolve(1);\n\t\t});\n\t}),\n});","import React, { Component } from 'react';\nimport User from '_class/User';\nimport { connect } from 'react-redux';\nimport { translate } from '@haldor/ui';\nimport { Field, reduxForm } from 'redux-form';\n\nimport getEnvironment from 'lib/env';\nimport { getToken, loginRequest, http } from 'lib/msal';\n\nimport DropzoneComponent from 'react-dropzone-component';\n\nimport { Tags, Button, Icon } from '@haldor/ui';\n\nimport './_fileUpload.scss';\n\nclass FileUpload extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tfiles: [],\n\t\t\tuploadedFiles: [],\n\t\t};\n\n\t\tthis.dropzone = null;\n\t\tconst user = new User(props.currentUser);\n\n\t\tthis.componentConfig = {\n\t\t\ticonFiletypes: ['.jpg', '.png', '.gif'],\n\t\t\tshowFiletypeIcon: false,\n\t\t\tpostUrl: `${http.defaults.baseURL}users/${props.userId}/files?schoolId=${user.getActiveSchool().id}`,\n\t\t\tdropzoneSelector: '.dropzone-trigger',\n\t\t};\n\n\t\tthis.djsConfig = {\n\t\t\tautoProcessQueue: false,\n\t\t\tparallelUploads: 2,\n\t\t\tmaxFilesize: 3,\n\t\t\theaders: {},\n\t\t};\n\n\t\tloginRequest.scopes = getEnvironment().scopes;\n\t\tgetToken(loginRequest).then((response) => {\n\t\t\tthis.djsConfig.headers['Authorization'] = 'Bearer ' + response.accessToken;\n\t\t});\n\n\t\tthis.dropzoneEvents = {\n\t\t\tinit: this.dropzoneInit,\n\t\t\taddedfile: this.onAddFile,\n\t\t\tsuccess: this.uploadedFile,\n\t\t};\n\t}\n\n\tdropzoneInit = (dropzone) => {\n\t\tthis.dropzone = dropzone;\n\t}\n\n\ttriggerDropzone = () => {\n\t\tif (this.dropzone != null) {\n\t\t\tthis.dropzone.hiddenFileInput.click();\n\t\t}\n\t}\n\n\tonAddFile = (file) => {\n\t\tlet { files } = this.state;\n\n\t\tfiles.push(file);\n\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({ files });\n\t\t}, 40);\n\t}\n\n\tonRemoveFile = (file) => {\n\t\tlet { files } = this.state;\n\n\t\tconst fileIndex = files.findIndex(function (f) {\n\t\t\treturn f.upload.filename === file.upload.filename;\n\t\t});\n\n\t\tfiles.splice(fileIndex, 1);\n\t\tthis.setState({ files }, () => {\n\t\t\tif (this.dropzone) {\n\t\t\t\tthis.dropzone.removeFile(file);\n\t\t\t}\n\t\t});\n\t}\n\n\tuploadedFile = (djsFile, response) => {\n\t\t// Gets called every time a file is uploaded\n\t\tlet files = this.state.uploadedFiles;\n\n\t\tresponse.map((file) => {\n\t\t\tfiles.push(file);\n\t\t});\n\n\t\tthis.setState({ uploadedFiles: files });\n\t}\n\n\tonCancel = (event) => {\n\t\tevent.preventDefault();\n\n\t\tif (this.props.onCancel) {\n\t\t\tthis.props.onCancel();\n\t\t}\n\t}\n\n\tsubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tif (this.dropzone && this.dropzone.getQueuedFiles().length > 0) {\n\t\t\t\tthis.dropzone.processQueue();\n\n\t\t\t\tthis.dropzone.on(\"queuecomplete\", () => {\n\t\t\t\t\t// Do something after all files are uploaded\n\t\t\t\t\tvalues.files = this.state.uploadedFiles;\n\n\t\t\t\t\tif (this.props.onSubmit != null) {\n\t\t\t\t\t\tthis.props.onSubmit(values).then(() => {\n\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tresolve(1);\n\t\t\t}\n\t\t});\n\t}\n\n\trender() {\n\t\tconst { submitting, handleSubmit, translate } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t this.toggleModal(\"user\", null)}>\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('Edit')}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.currentStudent.email != null ?\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('e-mail')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{this.props.currentStudent.email}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.currentStudent.email}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{this.props.currentStudent.mobilePhone != null ?\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('Phone number')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{this.props.currentStudent.mobilePhone}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.currentStudent.mobilePhone}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t this.toggleModal(\"guardian\", guardian)}>\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Edit')}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t this.onGuardianDelete(guardian)}>\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Delete')}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{guardian.phone != null ?\n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{translate('phone')}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{guardian.phone}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t{guardian.mail != null ?\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{guardian.phone}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{translate('e-mail')}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{guardian.mail}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{guardian.mail}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{guardian.street != null && guardian.postal != null ?\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{translate('address')}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{guardian.street}
\n\t\t\t\t\t\t\t\t\t\t\t\t{guardian.postal}, {guardian.city}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{guardian.street}
\n\t\t\t\t\t\t\t\t\t\t\t\t{guardian.postal}, {guardian.city}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('archived-guardian')}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t{this.props.guardians.map(guardian => {\n\t\t\t\t\t\t\tif (guardian != null && guardian.linkGuardianStudents && guardian.linkGuardianStudents.some(student => student.studentId === this.props.user && student.active === false)) {\n\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{guardian.firstName} {guardian.lastName != null ? guardian.lastName : ''} {guardian.synced}\n\n\t\t\t\t\t\t\t\t\t\t{user.isAdministrator() && !guardian.synced ?\n\t\t\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})}\n\t\t\t\t\t
\n\t\t\t\t\t: null\n\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.toggleModal(\"guardian\", guardian)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Edit')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.onGuardianDelete(guardian)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Delete')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{guardian.phone != null ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{translate('phone')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{guardian.phone}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t\t\t{guardian.mail != null ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{guardian.phone}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{translate('e-mail')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{guardian.mail}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{guardian.mail}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{guardian.street != null && guardian.postal != null ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{translate('address')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{guardian.street}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{guardian.postal}, {guardian.city}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{guardian.street}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{guardian.postal}, {guardian.city}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t{submitting ?\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tcurrentUser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps)(reduxForm({\n\tform: 'FileUpload',\n\tdestroyOnUnmount: true,\n})(FileUpload));","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { reduxForm, Field } from 'redux-form';\n\nimport { Button, Tags } from '@haldor/ui';\n\nclass FileForm extends Component {\n\n\tsubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tif (this.props.onSubmit != null) {\n\t\t\t\tthis.props.onSubmit(values)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tresolve(1);\n\t\t\t}\n\t\t});\n\t}\n\n\tonCancel = (event) => {\n\t\tevent.preventDefault();\n\n\t\tif (this.props.onCancel != null) {\n\t\t\tthis.props.onCancel();\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { submitting, handleSubmit, translate } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{submitting ?
: null}\n\n\t\t\t\t\n\n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t}\n}\n\nexport default connect(mapStateToProps)(reduxForm({\n\tform: 'FileForm',\n\tdestroyOnUnmount: true,\n})(FileForm));","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport swal from 'sweetalert2';\n\nimport { addError } from 'actions';\n\nimport {\n\tgetUserFiles,\n\tupdateUserFile,\n\tdeleteUserFile,\n} from 'actions/user';\n\nimport {\n\taddTagsOnFile,\n\tremoveTagOnFile,\n} from 'actions/tags';\n\nimport Modal from 'containers/Modals/Modal';\nimport FileUpload from 'containers/Forms/FileUpload';\nimport FileForm from 'containers/Forms/File';\n\nimport { Block, Flex, Icon, Button, TooltipMenu, translate, getActiveLanguage } from '@haldor/ui';\nimport { Collapsible, Spinner } from 'UI';\n\nimport './_userFileArchive.scss';\nimport User from '_class/User';\n\nclass UserFileArchive extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tselectedTag: null,\n\t\t\tuploadModal: false,\n\t\t\tloading: true,\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.props.getUserFiles(this.props.user).then(() => {\n\t\t\tthis.setState({ loading: false })\n\t\t});\n\t}\n\n\t_sortAlphabetically = (a, b) => {\n\t\tif (a.toUpperCase() < b.toUpperCase())\n\t\t\treturn -1;\n\n\t\tif (b.toUpperCase(0) < a.toUpperCase())\n\t\t\treturn 1;\n\n\t\treturn 0;\n\t}\n\n\ttoggleModal = () => this.setState({ uploadModal: !this.state.uploadModal });\n\tonFileEdit = (file) => this.setState({ activeFile: file });\n\tcloseEditModal = () => this.setState({ activeFile: null });\n\tonSelectTag = (tag) => this.setState({ selectedTag: tag });\n\n\tonFileDelete = (file) => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('This file will be deleted permanently'),\n\t\t\tshowCancelButton: true,\n\t\t\tfocusConfirm: false,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t\tpreConfirm: async () => {\n\t\t\t\tawait this.props.deleteUserFile(this.props.user, file.id).catch(() => {\n\t\t\t\t\tconst { translate } = this.props;\n\t\t\t\t\tthis.props.addError(translate('something-went-wrong'), 'error');\n\t\t\t\t});\n\n\t\t\t\tswal.close();\n\t\t\t},\n\t\t});\n\t};\n\n\tonFileArchive = (file) => {\n\t\tthis.onFileUpdate({\n\t\t\t...file,\n\t\t\tarchived: !file.archived,\n\t\t});\n\t}\n\n\tonFileSubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tconst { addTagsOnFile } = this.props;\n\t\t\tconst lang = getActiveLanguage();\n\n\t\t\tlet tags = [];\n\t\t\tlet promises = [];\n\n\t\t\tif (values.tags != null) {\n\t\t\t\tvalues.tags.forEach(tag => {\n\t\t\t\t\ttags.push({\n\t\t\t\t\t\tlcid: lang.code,\n\t\t\t\t\t\t...tag,\n\t\t\t\t\t});\n\t\t\t\t})\n\t\t\t}\n\n\t\t\tif (tags.length > 0) {\n\t\t\t\tvalues.files.forEach(file => {\n\t\t\t\t\tpromises.push(addTagsOnFile(file.id, tags));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tPromise.all(promises).then(() => {\n\t\t\t\tthis.props.getUserFiles(this.props.user);\n\t\t\t\tresolve(1);\n\t\t\t\tthis.toggleModal();\n\t\t\t});\n\t\t});\n\t}\n\n\tonFileUpdate = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tconst file = this.props.files.find(file => {\n\t\t\t\treturn file.id == values.id;\n\t\t\t});\n\n\t\t\tconst lang = getActiveLanguage();\n\n\t\t\tlet promises = [];\n\t\t\tlet newTags = [...values.tags.filter(tag => tag.id == null)];\n\t\t\tlet oldTags = [...file.tags.filter(tag => {\n\t\t\t\treturn values.tags.find(currentTag => currentTag.name == tag.name) == null;\n\t\t\t})];\n\n\t\t\tif (newTags.length > 0) {\n\t\t\t\tlet tags = []\n\t\t\t\tnewTags.forEach(tag => {\n\t\t\t\t\ttags.push({\n\t\t\t\t\t\tlcid: lang.code,\n\t\t\t\t\t\ttenantId: 0,\n\t\t\t\t\t\t...tag,\n\t\t\t\t\t});\n\t\t\t\t})\n\n\t\t\t\tpromises.push(this.props.addTagsOnFile(values.id, tags));\n\t\t\t}\n\n\t\t\tif (oldTags.length > 0) {\n\t\t\t\toldTags.forEach(tag => {\n\t\t\t\t\tpromises.push(this.props.removeTagOnFile(values.id, tag.id));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tpromises.push(this.props.updateUserFile(this.props.user, values));\n\n\t\t\tPromise.all(promises).then(() => {\n\t\t\t\tthis.props.getUserFiles(this.props.user);\n\t\t\t\tthis.closeEditModal();\n\n\t\t\t\tresolve(1);\n\t\t\t});\n\t\t})\n\t}\n\n\trenderFile = (file, index) => {\n\t\tconst { translate } = this.props;\n\n\t\tconst user = new User(this.props.currentUser);\n\t\tlet visible = true;\n\n\t\tif (this.state.selectedTag != null) {\n\t\t\tvisible = file.tags.find(tag =>\n\t\t\t\ttag.name == this.state.selectedTag\n\t\t\t) != null;\n\t\t}\n\n\t\tif (!visible) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t{user.isMentor() ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t{file.tags.map((tag, index) => {\n\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t{tag.name}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t\t { e.preventDefault(); this.onFileEdit(file) }}>\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t { e.preventDefault(); this.onFileArchive(file) }}>\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t { e.preventDefault(); this.onFileDelete(file); }}>\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t
: null}\n\t\t\t\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { translate } = this.props;\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tlet tags = [];\n\t\tlet files = [];\n\t\tlet archivedFiles = [];\n\t\tthis.props.files.forEach(file => {\n\t\t\tif (file.tags != null) {\n\t\t\t\tfile.tags.forEach(tag => {\n\t\t\t\t\tif (tags.indexOf(tag.name) == -1) {\n\t\t\t\t\t\ttags.push(tag.name);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\n\t\tfiles = [...this.props.files].filter(file =>\n\t\t\t!file.archived\n\t\t).sort((a, b) => {\n\t\t\treturn this._sortAlphabetically(a.name, b.name);\n\t\t});\n\n\t\tarchivedFiles = [...this.props.files].filter(file =>\n\t\t\tfile.archived\n\t\t).sort((a, b) => {\n\t\t\treturn this._sortAlphabetically(a.name, b.name);\n\t\t});\n\n\t\tif (tags.length > 0) {\n\t\t\ttags = tags.sort(this._sortAlphabetically);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t{this.state.loading ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t}\n\t\t\t
\n\t\t)\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tlanguages: state.Languages.languages,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tfiles: state.user.files,\n\t\tcurrentUser: state.user.currentUser,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetUserFiles,\n\taddTagsOnFile,\n\tupdateUserFile,\n\tremoveTagOnFile,\n\tdeleteUserFile,\n\taddError,\n})(UserFileArchive);","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { translate } from '@haldor/ui';\n\nimport {\n\tfetch_preschoolgoals,\n\tgetLinkedPlansAndDocumententationsForGoal,\n\tresetLinkedPlansAndDocumentations,\n\tgetGoalsStatisticsForUser,\n} from 'actions/preschoolform';\n\nimport { Collapsible, Spinner } from 'UI';\nimport { Block, Flex } from '@haldor/ui';\n\nimport './_mentorGoalOverview.scss';\n\nclass MentorGoalOverView extends Component {\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.goals == null || this.props.goals.length == 0) {\n\t\t\tthis.props.fetch_preschoolgoals();\n\t\t}\n\n\t\tif (this.props.linkedData != null && this.props.linkedData.length > 0) {\n\t\t\tthis.props.resetLinkedPlansAndDocumentations();\n\t\t}\n\n\t\tconst { userId, start, end } = this.props;\n\t\tthis.props.getGoalsStatisticsForUser(userId, start, end);\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tif (nextProps.start != this.props.start || nextProps.end != this.props.end) {\n\t\t\tconst { userId } = this.props;\n\t\t\tthis.props.resetLinkedPlansAndDocumentations();\n\t\t\tthis.props.getGoalsStatisticsForUser(userId, nextProps.start, nextProps.end);\n\t\t}\n\t}\n\n\tgetCategories = () => {\n\t\tlet categories = [];\n\t\tif (this.props.goals != null) {\n\t\t\tthis.props.goals.forEach(goal => {\n\t\t\t\tif (!categories.find(category => category.title === goal.group)) {\n\t\t\t\t\tcategories.push({ title: goal.group, color: goal.colorCode });\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\treturn categories;\n\t}\n\n\tgetGoalsByCategoryName = (category) => {\n\t\tlet goals = [];\n\t\tif (this.props.goals != null) {\n\t\t\tgoals = [...this.props.goals].filter(goal => goal.group == category);\n\t\t}\n\n\t\treturn goals;\n\t}\n\n\tonGoalCategoryChange = (open, goal) => {\n\t\tconst { userId, start, end } = this.props;\n\n\t\tif (open) {\n\t\t\tconst linked = this.getGoalLinkedData(goal.id);\n\n\t\t\tif (linked == null) {\n\t\t\t\tthis.props.getLinkedPlansAndDocumententationsForGoal(goal.id, userId, start, end);\n\t\t\t}\n\t\t}\n\t}\n\n\tgetGoalLinkedData = (goalId) => {\n\t\tconst { linkedData } = this.props;\n\t\tlet data = [];\n\n\t\tif (linkedData != null) {\n\t\t\tconst foundGoalData = linkedData.find(linked => {\n\t\t\t\treturn linked.goalId == goalId;\n\t\t\t});\n\n\t\t\tif (foundGoalData != null) {\n\t\t\t\tfoundGoalData.plans.forEach(plan => {\n\t\t\t\t\tdata.push({ ...plan, type: 'planning' });\n\t\t\t\t});\n\n\t\t\t\tfoundGoalData.documentations.forEach(documentation => {\n\t\t\t\t\tdata.push({ ...documentation, type: 'documentation' });\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t// Nothing loaded\n\t\t\t\tdata = null;\n\t\t\t}\n\t\t}\n\n\t\treturn data;\n\t}\n\n\tgetGoalBadgeContent = (goalId) => {\n\t\tlet content = null;\n\n\t\tif (this.props.statistics != null && this.props.statistics.length > 0) {\n\t\t\tlet foundStatistic = this.props.statistics[0].statistics.find(stat => {\n\t\t\t\treturn stat.goalId == goalId;\n\t\t\t});\n\n\t\t\tif (foundStatistic != null) {\n\t\t\t\tcontent = foundStatistic.total;\n\t\t\t}\n\t\t}\n\n\t\treturn content;\n\t}\n\n\tgetCategoryProgress = (category) => {\n\t\tlet goals = this.getGoalsByCategoryName(category);\n\t\tlet categoryCount = 0;\n\n\t\tgoals.forEach(goal => {\n\t\t\tlet goalStatistics = this.getGoalBadgeContent(goal.id);\n\t\t\tif (goalStatistics != null) {\n\t\t\t\tcategoryCount += 1;\n\t\t\t}\n\t\t})\n\n\t\treturn categoryCount;\n\t}\n\n\trender() {\n\t\tconst categories = this.getCategories();\n\t\tconst { translate } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{tags.map((tag, index) => {\n\t\t\t\t\t\t\t\t\t\treturn this.setState({ selectedTag: null })}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('show-all')}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t\t{this.state.selectedTag != null ?\n\t\t\t\t\t\t\t\t\t\t this.onSelectTag(tag)}>\n\t\t\t\t\t\t\t\t\t\t\t\t{tag}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{translate('Files')}\n\n\t\t\t\t\t\t\t\t\t{this.state.selectedTag != null ?\n\t\t\t\t\t\t\t\t\t\t this.setState({ selectedTag: null })}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t#{this.state.selectedTag}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{files.map(this.renderFile)}\n\n\t\t\t\t\t\t\t\t\t{archivedFiles.length > 0 ?\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{user.isMentor() ? : null}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{archivedFiles.map(this.renderFile)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t{categories.map((category, index) => {\n\t\t\t\t\tconst goals = this.getGoalsByCategoryName(category.title);\n\n\t\t\t\t\treturn
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tgoals: state.PreschoolGoals.preschoolGoals,\n\t\tlinkedData: state.PreschoolGoals.linkedData,\n\t\tstatistics: state.PreschoolGoals.userStatistics,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tfetch_preschoolgoals,\n\tgetLinkedPlansAndDocumententationsForGoal,\n\tresetLinkedPlansAndDocumentations,\n\tgetGoalsStatisticsForUser,\n})(MentorGoalOverView);","import React, { Component } from \"react\";\nimport { Redirect } from 'react-router-dom';\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport Moment from \"moment\";\n\nimport { getUserInfo, getAllUserSections } from 'actions/user';\nimport { setPageTitle } from 'actions/header';\n\nimport User from \"_class/User\";\nimport DateTime from \"_class/DateTime\";\n\nimport { getUserAssessmentDates } from \"helpers/user\";\nimport { getActiveSchool } from 'helpers/localstorage';\n\nimport swal from 'sweetalert2';\n\nimport UserAssessments from './Partials/UserAssessments';\nimport AttendanceList from \"./Partials/AttendanceList\";\nimport DatePickers from \"./Partials/DatePickers\";\nimport GroupFilter from \"./Partials/GroupFilter\";\nimport MentorVerdicts from \"./Partials/MentorVerdicts\";\nimport Schedule from 'containers/Schedule/Schedule';\nimport MentorNotes from './Partials/MentorNotes';\nimport AdditionalAdjustments from './Partials/AdditionalAdjustments';\nimport UserMeetings from './Partials/UserMeetings';\nimport UserDetails from './Partials/UserDetails';\n\nimport UserFileArchive from './Partials/UserFileArchive';\nimport MentorGoalOverview from './Partials/MentorGoalOverview';\n\nimport { Spinner } from \"UI\";\nimport { Button, getActiveLanguage, Tabs, Tab } from '@haldor/ui';\nimport PermissionManager from \"_class/PermissionManager\";\n\nclass UserProgress extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tMoment.locale(getActiveLanguage());\n\n\t\tthis.state = {\n\t\t\tloaded: false,\n\t\t\tselectedGroupId: 0,\n\t\t\tstart: getUserAssessmentDates().start,\n\t\t\tend: getUserAssessmentDates().end,\n\t\t\tcurrentStartDate: getUserAssessmentDates().start,\n\t\t\tcurrentEndDate: getUserAssessmentDates().end,\n\t\t\tpermissionTypes: new PermissionManager().getPermissionTypes()\n\t\t};\n\t}\n\n\t_getUserId = () => {\n\t\tlet userId = null;\n\t\tif (this.props.match != null && this.props.match.params.userId != null) {\n\t\t\tuserId = this.props.match.params.userId;\n\t\t} else if (this.props.userId != null) {\n\t\t\tuserId = this.props.userId;\n\t\t} else {\n\t\t\tuserId = this.props.currentUser.id;\n\t\t}\n\n\t\treturn userId;\n\t};\n\n\tcomponentDidMount = () => {\n\t\tconst userId = this._getUserId();\n\t\tthis.props.getUserInfo(userId, 'extended').then(() => {\n\t\t\tconst savedUser = this.props.users.find(function (usr) {\n\t\t\t\treturn usr.id == userId;\n\t\t\t});\n\n\t\t\tif (savedUser != null) {\n\t\t\t\tthis.props.setPageTitle(savedUser.firstName + \" \" + savedUser.lastName);\n\t\t\t}\n\t\t});\n\n\t\tthis.props.getAllUserSections(userId, { pageSize: 999, filter: 'EDUCATION_GROUP;ACTIVE' });\n\t};\n\n\tonDateChange = ({ start, end }) => {\n\t\tif (start == 'Invalid date') {\n\t\t\tstart = Moment().subtract(1, 'years');\n\t\t}\n\t\tif (end == 'Invalid date') {\n\t\t\tend = Moment().add(1, 'years');\n\t\t}\n\n\t\tthis.setState({\n\t\t\tstart: new DateTime(start).getDateStamp(),\n\t\t\tend: new DateTime(end).getDateStamp(),\n\t\t});\n\t};\n\n\tupdateDates = (event) => {\n\t\tevent.preventDefault();\n\t\tconst { start, end } = this.state;\n\n\t\tlocalStorage.setItem(\"assessment-start-date\", new DateTime(start).getDateStamp());\n\t\tlocalStorage.setItem(\"assessment-end-date\", new DateTime(end).getDateStamp());\n\n\t\tthis.setState({ currentStartDate: start, currentEndDate: end });\n\t};\n\n\tonGroupChange = (groupId) => {\n\t\tlet group = this.props.userSections.find((g_object) => {\n\t\t\treturn g_object.id == groupId;\n\t\t});\n\n\t\tthis.props.userSections.map((group) => {\n\t\t\tgroup.open = false;\n\t\t\tgroup.hidden = false;\n\t\t});\n\n\t\tif (group != null) {\n\t\t\tthis.props.userSections.map((group) => {\n\t\t\t\tif (groupId != group.id) {\n\t\t\t\t\tgroup.hidden = true;\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tthis.props.userSections.map((group) => {\n\t\t\t\tgroup.open = false;\n\t\t\t\tgroup.hidden = false;\n\n\t\t\t\treturn group;\n\t\t\t});\n\t\t}\n\n\t\tthis.setState({ selectedGroupId: groupId }, () => {\n\t\t\tif (group != null) {\n\t\t\t\tgroup.open = true;\n\t\t\t\tgroup.hidden = false;\n\t\t\t}\n\n\t\t\tthis.setState({});\n\t\t});\n\t};\n\n\trender() {\n\t\tconst { userSections, translate } = this.props;\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst activeSchoolId = getActiveSchool(this.props.currentUser.id);\n\t\tconst activeSchool = this.props.currentUser.schools.find(\n\t\t\t(school) => school.id == activeSchoolId\n\t\t);\n\n\t\tconst isStudent = user.isStudent();\n\t\tconst showTeacherTabs =\n\t\t\tuser.isStudent() || user.isTeacher() || user.isMentor() || user.isAdministrator();\n\n\t\tlet userId = null;\n\t\tif (this.props.match != null && this.props.match.params.userId != null) {\n\t\t\tuserId = this.props.match.params.userId;\n\t\t} else if (this.props.userId != null) {\n\t\t\tuserId = this.props.userId;\n\t\t} else {\n\t\t\tuserId = this.props.currentUser.id;\n\t\t}\n\n\t\tconst activeUser = this.props.users.find((user) => {\n\t\t\treturn user.userId == userId;\n\t\t});\n\n\t\tif (isStudent) {\n\t\t\tif (userId != this.props.currentUser.id) {\n\t\t\t\treturn \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{category.title}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{goals.map(goal => {\n\t\t\t\t\t\t\t\tconst linked = this.getGoalLinkedData(goal.id);\n\t\t\t\t\t\t\t\tconst badgeContent = this.getGoalBadgeContent(goal.id);\n\n\t\t\t\t\t\t\t\tconst title = (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{goal.title}\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\treturn this.onGoalCategoryChange(e, goal)}\n\t\t\t\t\t\t\t\t\ttrigger={title}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{linked != null ?\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t})}\n\t\t\t\n\t\t\t\t\t\t\t\t\t{this.getCategoryProgress(category.title)}/{goals.length}\n\t\t\t\t\t\t\t\t\t{' ' + translate('completed-meeting').toLowerCase()}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{badgeContent != null ?\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{badgeContent}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{linked.length > 0 ?\n\t\t\t\t\t\t\t\t\t\t\t\tlinked.map((item, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tlet link = '/plan/' + item.id;\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (item.type == 'documentation') {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlink = '/preschooldocument/' + item.id;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.title}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate(item.type)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('no-results')}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{activeSchool.type != 'PRESCHOOL' && (showTeacherTabs || user.havingPermission(this.state.permissionTypes.ASSESSMENTS_READ_SCHOOL)) ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{(this.props.services.verdicts && activeSchool.type != 'PRESCHOOL' && (showTeacherTabs || user.havingPermission(this.state.permissionTypes.VERDICT_READ_SCHOOL))) ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{!isStudent && this.props.services.schedule && activeSchool.type != 'PRESCHOOL' ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{this.props.services.attendance && activeSchool.type != 'PRESCHOOL' ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{this.props.services.additionalAdjustments ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{this.props.services.notes ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{this.props.services.meetings && (user.isMentor() || user.isAdministrator() || user.havingPermission(this.state.permissionTypes.MEETINGS_READ_SCHOOL)) ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{(user.isMentor() || user.havingPermission(this.state.permissionTypes.FILES_READ_SCHOOL)) ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{!isStudent ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t) : null}\n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttenant: state.user.tenant,\n\t\tservices: state.Services.availableServices,\n\t\tuserSections: state.user.userSections,\n\t\tcurrentUser: state.user.currentUser,\n\t\tusers: state.user.info,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetAllUserSections,\n\tgetUserInfo,\n\tsetPageTitle,\n})(UserProgress);\n","import moment from 'moment';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { reduxForm } from 'redux-form';\nimport { Search as SearchInput } from 'UI/Inputs';\nimport { searchSchoolUsers } from 'actions/search';\nimport { DataList } from 'UI';\nimport { Checkbox, Button } from '@haldor/ui';\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\n\nclass UpdateMeetingInstance extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tselectedUsers: [],\n\t\t\tloading: false\n\t\t};\n\t}\n\n\tsubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tvalues.staff = this.state.selectedUsers;\n\n\t\t\tif (this.props.onSubmit) {\n\t\t\t\tthis.props.onSubmit(values).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\trenderInput = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{activeSchool.type == 'PRESCHOOL' ? (\n\t\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\trequired = (value) => {\n\t\tif (typeof (value) != 'undefined' && value != '' && value != null) {\n\t\t\tif (value.length > 199) {\n\t\t\t\t// Field failed validation, return error for this field (String)\n\t\t\t\treturn this.props.translate('field-max-200-chars');\n\t\t\t}\n\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string and not over 200 characters\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\trunSearch = (term) => {\n\t\tthis.setState({ loading: true });\n\n\t\tvar studentIds = this.props.meetingInstance.participants.filter(x => x.userType === 'STUDENT').map(x => x.userID);\n\n\t\tif (term != null && term !== '') {\n\t\t\tthis.setState({ term });\n\n\t\t\tPromise.all([\n\t\t\t\tthis.props.searchSchoolUsers(term, 'staff,guardian', studentIds),\n\t\t\t]).then(() => {\n\t\t\t\tthis.setState({ loading: false, selectStudent: null });\n\t\t\t});\n\t\t}\n\t}\n\n\tonSearch = (value) => {\n\t\tthis.runSearch(value.query);\n\t}\n\n\tselectUser = (staff) => {\n\t\tif (this.state.selectedUsers.findIndex(ss => ss.userId == staff.userId) > -1) {\n\t\t\tthis.setState({ selectedUsers: this.state.selectedUsers.filter(t => t.userId != staff.userId) });\n\t\t} else {\n\t\t\tthis.setState({ selectedUsers: [...this.state.selectedUsers, staff] });\n\t\t}\n\t}\n\n\trenderUserName = (user) => {\n\t\tif (!user.displayName || user.displayName === \" \")\n\t\t\treturn user.email;\n\n\t\treturn user.displayName;\n\t}\n\n\trenderResult = (user) => {\n\t\tif (this.props.meetingInstance.participants.find(t => t.userID == user.userId) != null)\n\t\t\treturn null;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.state.loading ?
: null}\n\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\tcheckDates = () => {\n\t\tif (this.state.date != null && this.state.endDate != null) {\n\t\t\tif (this.state.date > this.state.endDate) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tinitialValues: state.Meetings.meetingInstance,\n\t\tstaff: state.Search.staff,\n\t\tguardians: state.Search.guardians,\n\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tsearchSchoolUsers\n})(reduxForm({\n\tform: 'UpdateMeetingInstance',\n\tdestroyOnUnmount: true,\n})(UpdateMeetingInstance));\n","import Moment from 'moment';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { TooltipMenu, Icon, Flex, Checkbox, Button } from '@haldor/ui';\nimport { Person } from 'UI';\n\nimport './MeetingUsers.scss';\nimport User from '_class/User';\nimport PermissionManager from '_class/PermissionManager';\n\nclass MeetingUsers extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tpermissionTypes: new PermissionManager().getPermissionTypes(),\n\t\t\tcallingUser: new User(this.props.user)\n\t\t}\n\t}\n\n\tselectParticipant = (user) => {\n\t\tthis.props.onParticipantSelect(user);\n\t}\n\n\tmarkForConversation = (participant) => {\n\t\tif (this.props.onConversation != null) {\n\t\t\tthis.props.onConversation(participant);\n\t\t}\n\t}\n\n\tgetUserRoles = (roles) => {\n\t\tif (roles != null && roles.length > 0) {\n\t\t\treturn roles.map((role, index) => {\n\t\t\t\tif (role.roleId.toLowerCase() == 'school_administrator') {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tif (role.roleId.toLowerCase() == 'standard_curriculum_admin') {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tif (role.roleId.toLowerCase() == 'course_administrator') {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tif (role.roleId.toLowerCase() == 'conversation_admin') {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tif (role.roleId.toLowerCase() == 'sysadmin') {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tif (role.roleId.toLowerCase() == 'special_pedagogue') {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn \n\t\t\t\t\t{this.props.translate(role.roleId.toLowerCase())}\n\t\t\t\t\n\t\t\t})\n\t\t}\n\n\t\treturn null;\n\t}\n\n\trenderUsers() {\n\t\tconst { users, meeting, meetingInstance, user } = this.props;\n\t\tconst { callingUser } = this.state;\n\n\t\tvar havingReadPermission = callingUser.havingPermission(this.state.permissionTypes.MEETINGS_READ_SCHOOL);\n\n\t\treturn users.map((participant) => {\n\t\t\tlet user = participant.user;\n\n\t\t\tif (user == null)\n\t\t\t\treturn null;\n\n\t\t\tlet conversation = null;\n\t\t\tif (this.props.conversations != null) {\n\t\t\t\tconversation = this.props.conversations.find(conv => {\n\t\t\t\t\treturn conv.memberships.find(member => {\n\t\t\t\t\t\treturn member.membershipID == user.id;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tlet actions = [];\n\n\t\t\tif ((this.props.services.conversations &&\n\t\t\t\tthis.props.onConversation != null &&\n\t\t\t\tthis.props.user.id != user.userId &&\n\t\t\t\t!((this.props.isStudent && user.userType == 'GUARDIAN') || havingReadPermission))\n\t\t\t) {\n\t\t\t\tactions.push({\n\t\t\t\t\tlabel: (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('manage-conversation')}\n\t\t\t\t\t\t\t{conversation != null && conversation.unreadMessages > 0 ?\n\t\t\t\t\t\t\t\t' (' + conversation.unreadMessages + ')'\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t),\n\t\t\t\t\tonClick: () => this.markForConversation(user),\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (this.props.onParticipantRemove != null && participant.userID != this.props.user.userId && meeting.creator === this.props.user.userId && !this.props.isStudent && meeting.status != 'COMPLETED') {\n\t\t\t\tactions.push({\n\t\t\t\t\tlabel: this.props.translate('Remove'),\n\t\t\t\t\tonClick: () => this.props.onParticipantRemove(participant),\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tlet roles = [];\n\t\t\tif (user.userType != 'GUARDIAN' && user.roles != null) {\n\t\t\t\troles = user.roles;\n\t\t\t\troles = roles.filter((thing, index, self) =>\n\t\t\t\t\tindex === self.findIndex((t) => (\n\t\t\t\t\t\tt.roleId.toLowerCase() === thing.roleId.toLowerCase()\n\t\t\t\t\t))\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tlet name = (\n\t\t\t\t\n\t\t\t\t\t{user.firstName} {user.lastName != null ? user.lastName : null}\n\n\t\t\t\t\t{this.getUserRoles(roles)}\n\n\t\t\t\t\t{user.userType == 'GUARDIAN' ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Guardian')}\n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{conversation != null && conversation.unreadMessages > 0 ?\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{conversation.unreadMessages}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}>\n\t\t\t\t\t\t\t\t{actions.map((action, index) => {\n\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t{!this.props.isStudent && meetingInstance.status != \"COMPLETED\" && meeting.status != 'COMPLETED' ?\n\t\t\t\t\t\t\t\t { this.selectParticipant(participant) }}\n\t\t\t\t\t\t\t\t\tlabel={name}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t: !this.props.isStudent && (meeting.status == 'COMPLETED' || meetingInstance.status == 'COMPLETED') ?\n\t\t\t\t\t\t\t\t\tparticipant.present ? \n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{!this.props.isStudent && (meeting.status == 'COMPLETED' || meetingInstance.status == 'COMPLETED') && !participant.present ?\n\t\t\t\t\t\t\tnull \n\t\t\t\t\t\t\t: actions.length > 1 ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{actions.map((action, index) => {\n\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)\n\t\t});\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{conversation != null && conversation.unreadMessages > 0 ?\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t: \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{conversation.unreadMessages}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t{this.renderUsers()}\n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tservices: state.Services.availableServices,\n\t\tconversations: state.Conversation.referenceConversations,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuser: state.user.currentUser,\n\t\tmeeting: state.Meetings.meeting,\n\t};\n}\n\nexport default connect(mapStateToProps)(MeetingUsers);\n","import moment from 'moment';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\n\nimport User from '_class/User';\nimport DateTime from '_class/DateTime';\n\nimport { PRESCHOOL } from \"constants/schoolTypes\";\nimport { isUserAdministrator, isUserTeacher } from 'helpers/user';\n\nimport { addError } from 'actions';\nimport { setPageTitle, setPageActions } from 'actions/header';\nimport { getNotesByReference, resetActiveNote, setActiveNote, removeNote } from 'actions/notes';\nimport { getForm, getFormInstance, getFormTemplate, updateFormInstance } from 'actions/templates';\n\nimport {\n\tcreateMeetingInstanceRelationship,\n\tgetMeeting,\n\tgetMeetingInstance,\n\tupdateMeetingInstance,\n\tdeleteMeetingInstanceRelationship,\n\tdeleteMeetingInstanceParticipant,\n\tupdateMeetingInstanceDate,\n\tcreateMeetingFormInstance,\n\tdeleteMeetingInstance,\n} from 'actions/meetings';\n\nimport swal from 'sweetalert2';\nimport PostContent from 'components/Presentation/PostContent';\nimport NoteForm from 'containers/Forms/Note';\n\nimport DisplayFormResults from 'containers/FormTemplate/Display/DisplayFormResults';\nimport FormInstance from 'containers/FormTemplate/Display/FormInstance';\nimport Modal from 'containers/Modals/Modal';\nimport UserProgress from 'containers/Progress/User';\n\nimport UpdateMeetingInstance from '../Form/UpdateMeetingInstance';\nimport Message from 'containers/SinglePages/Partials/Message';\nimport MeetingUsers from 'components/List/MeetingUsers';\nimport BookMeeting from '../Form/BookMeeting';\n\nimport { Button, Block, Icon, Checkbox, Tabs, Tab, getActiveLanguage } from '@haldor/ui';\nimport { Spinner } from 'UI';\n\nimport './Meeting.scss';\n\nconst ics = require('ics');\n\nclass MeetingInstance extends Component {\n\n\t/* Class setup */\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tmoment.locale(getActiveLanguage());\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tloadingFormTemplate: false,\n\t\t\tcreatingTeamsMeeting: false,\n\t\t\tsaving: false,\n\t\t\toutcome: '',\n\t\t\tfollowUp: false,\n\t\t\tparticipants: [],\n\t\t\tnoteForm: false,\n\t\t\tformInstance: null,\n\t\t\tanswerFormModal: false,\n\t\t\tdate: moment(),\n\t\t\tmodalFormInstance: false,\n\t\t\teditMeetingInstanceModal: false,\n\t\t\tconversationMember: null,\n\t\t\tshowPrivateNotes: false,\n\t\t\tinstanceJustBeenCreated: false,\n\t\t\tdateNow: new Date(),\n\t\t\tstudentLed: false,\n\t\t};\n\t}\n\n\t/* Lifecycle methods */\n\tcomponentDidMount = () => {\n\t\tconst user = new User(this.props.user);\n\n\t\tif (!user.isStudent()) {\n\t\t\tlet actions = [];\n\t\t\tthis.props.setPageActions(actions);\n\t\t}\n\n\t\tthis.loadInstance();\n\t}\n\n\tloadInstance() {\n\t\tconst { getMeetingInstance, getMeeting, getNotesByReference, match } = this.props;\n\t\tlet promises = [];\n\n\t\tthis.setState({ loading: true });\n\n\t\tpromises.push(getMeetingInstance(match.params.id, match.params.instanceId));\n\n\t\tif (this.props.services.notes)\n\t\t\tpromises.push(getNotesByReference(match.params.instanceId, \"MEETING_INSTANCE\"));\n\n\t\tif (this.props.meeting == null || (this.props.meeting?.id != match.params.id)) {\n\t\t\tpromises.push(getMeeting(match.params.id));\n\t\t}\n\n\t\tPromise.all(promises).then(() => {\n\t\t\tthis.props.setPageTitle(this.props.meeting.title);\n\n\t\t\tlet outcome = '';\n\t\t\tif (this.props.meetingInstance.outcome != null) {\n\t\t\t\toutcome = this.props.meetingInstance.outcome;\n\t\t\t}\n\n\t\t\tthis.setState({\n\t\t\t\tloading: false,\n\t\t\t\tsaving: false,\n\t\t\t\toutcome,\n\t\t\t\tdate: this.props.meetingInstance.date != null ? moment.utc(this.props.meetingInstance.date).local() : null,\n\t\t\t\tendDate: this.props.meetingInstance.endDate != null ? moment.utc(this.props.meetingInstance.endDate).local() : null,\n\t\t\t\tdescription: this.props.meetingInstance.description,\n\t\t\t\tfollowUp: this.props.meetingInstance.followUp,\n\t\t\t\tparticipants: this.props.meetingInstance.participants.filter(t => t.present),\n\t\t\t\tstudentLed: this.props.meetingInstance.studentLed\n\t\t\t});\n\t\t}).catch((er) => {\n\t\t\tconsole.log(er);\n\t\t\tthis.setState({ notFound: true });\n\t\t})\n\t}\n\n\t/* Events */\n\tonParticipantSelect = async (participant) => {\n\t\tlet found = this.state.participants.find(part => {\n\t\t\treturn part.id == participant.id;\n\t\t});\n\n\t\tif (found == null) {\n\t\t\tparticipant.present = true;\n\t\t\tawait this.setState({ participants: [...this.state.participants, participant] });\n\t\t} else {\n\t\t\tparticipant.present = false;\n\t\t\tawait this.setState({ participants: [...this.state.participants.filter(t => t.id != participant.id)] });\n\t\t}\n\n\t\tthis.saveInstance(false);\n\t}\n\n\tonRemoveParticipant = (participant) => {\n\t\tconst { meeting, meetingInstance } = this.props;\n\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('are-you-sure-you-want-to-delete'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then(async response => {\n\t\t\tif (response.value != null) {\n\t\t\t\tawait this.props.deleteMeetingInstanceParticipant(\n\t\t\t\t\tmeeting.id,\n\t\t\t\t\tmeetingInstance.id,\n\t\t\t\t\tparticipant.id\n\t\t\t\t);\n\n\t\t\t\tthis.loadInstance();\n\t\t\t}\n\t\t});\n\t}\n\n\tonDeleteMeetingInstance = () => {\n\t\tconst { meeting, meetingInstance } = this.props;\n\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('are-you-sure-you-want-to-delete'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then(async response => {\n\t\t\tif (response.value != null) {\n\t\t\t\tawait this.props.deleteMeetingInstance(meeting.id, meetingInstance.id);\n\t\t\t\tthis.props.history.push(`/meeting/${meeting.id}`);\n\t\t\t}\n\t\t});\n\t}\n\n\tsaveInstance = async (reload = true) => {\n\t\tthis.setState({ saving: true });\n\n\t\tlet instance = {\n\t\t\tid: this.props.match.params.instanceId,\n\t\t\tmeetingId: this.props.match.params.id,\n\t\t\toutcome: this.state.outcome,\n\t\t\tstatus: 'PUBLISHED',\n\t\t\tdate: this.state.date,\n\t\t\tendDate: this.state.endDate,\n\t\t\tdescription: this.state.description,\n\t\t\tfollowUp: this.state.followUp,\n\t\t\tparticipants: this.state.participants,\n\t\t\tstudentLed: this.state.studentLed,\n\t\t\tstudentId: this.props.meetingInstance.studentId,\n\t\t};\n\n\t\tawait this.props.updateMeetingInstance(instance);\n\n\t\tif (reload) {\n\t\t\tthis.loadInstance();\n\t\t} else {\n\t\t\tthis.setState({ saving: false });\n\t\t}\n\t}\n\n\tonFormInstanceClick = (form) => {\n\t\tconst { meeting, meetingInstance } = this.props;\n\n\t\tvar formTemplate = JSON.parse(JSON.stringify(form.form.reference.formTemplate));\n\t\tvar formTemplateFields = JSON.parse(JSON.stringify(form.form.reference.formTemplate.fields));\n\t\tthis.setState({ formTemplate, formTemplateFields, form: form.form.reference, formInstance: form.formInstance });\n\n\t\tif (form.participant.userID == this.props.user.id && meetingInstance.status != 'COMPLETED') {\n\t\t\tthis.toggleAnswerForm();\n\t\t} else {\n\t\t\tthis.toggleFormPreview();\n\t\t}\n\t}\n\n\ttoggleFormPreview = () => {\n\t\tthis.setState({ modalFormInstance: !this.state.modalFormInstance });\n\t}\n\n\ttoggleAnswerForm = (loadData) => {\n\t\tthis.setState({ answerFormModal: !this.state.answerFormModal }, () => {\n\t\t\tif (loadData) {\n\t\t\t\tthis.loadInstance();\n\t\t\t}\n\t\t});\n\t}\n\n\tupdateMeetingInstance = (values) => {\n\t\treturn new Promise(async resolve => {\n\t\t\tif (values.staff != null) {\n\t\t\t\tvalues.staff.forEach((staff) => {\n\t\t\t\t\tvalues.participants.push({\n\t\t\t\t\t\tuserId: staff.userId,\n\t\t\t\t\t\tuserType: staff.userType\n\t\t\t\t\t});\n\t\t\t\t})\n\t\t\t}\n\t\t\tthis.props.updateMeetingInstance(values).then(() => {\n\t\t\t\tthis.toggleEditMeetingInstanceModal();\n\t\t\t\tthis.loadInstance();\n\t\t\t})\n\t\t});\n\t}\n\n\ttoggleNoteForm = (reload = false, values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tif (reload) {\n\t\t\t\tthis.setState({ loading: true });\n\t\t\t\tconst { instanceId, id } = this.props.match.params;\n\n\t\t\t\tlet promises = [this.props.getMeetingInstance(id, instanceId),\n\t\t\t\tthis.props.getNotesByReference(this.props.match.params.instanceId, \"MEETING_INSTANCE\")];\n\n\t\t\t\tPromise.all(promises).then(() => {\n\t\t\t\t\tthis.setState({ noteForm: !this.state.noteForm, loading: false });\n\t\t\t\t\tthis.props.resetActiveNote();\n\t\t\t\t\tresolve(1);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.setState({ noteForm: !this.state.noteForm });\n\t\t\t\tthis.props.resetActiveNote();\n\t\t\t\tresolve(1);\n\t\t\t}\n\t\t});\n\t}\n\n\tonNoteClick = (note, isPublic) => {\n\t\tthis.props.setActiveNote(note);\n\t\tthis.setState({ noteForm: true });\n\t}\n\n\tonNoteRemove = (note) => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('note-delete-prompt'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('Cancel'),\n\t\t\tconfirmButtonText: this.props.translate('Delete'),\n\t\t}).then(async (result) => {\n\t\t\tif (result.value != null) {\n\t\t\t\tawait this.props.removeNote(note.id);\n\t\t\t\tthis.props.getMeetingInstance(this.props.match.params.id, this.props.match.params.instanceId);\n\t\t\t}\n\t\t});\n\t}\n\n\tcreateTeamsMeeting = () => {\n\t\tthis.setState({ creatingTeamsMeeting: true });\n\n\t\treturn new Promise((resolve) => {\n\t\t\tlet data = this.props.meetingInstance;\n\t\t\tdata.addTeamsMeeting = true;\n\n\t\t\tthis.props.updateMeetingInstance(data).then(async () => {\n\t\t\t\tawait this.props.getMeetingInstance(this.props.match.params.id, this.props.match.params.instanceId);\n\t\t\t\tthis.setState({ creatingTeamsMeeting: false });\n\t\t\t\tresolve(1);\n\t\t\t});\n\t\t});\n\t}\n\n\tunbookTeamsMeeting = () => {\n\t\tthis.setState({ creatingTeamsMeeting: true });\n\n\t\treturn new Promise((resolve) => {\n\t\t\tlet data = this.props.meetingInstance;\n\t\t\tdata.addTeamsMeeting = false;\n\t\t\tdata.teamsMeeting = null;\n\t\t\tdata.teamsMeetingData = null;\n\n\t\t\tthis.props.updateMeetingInstance(data).then(async () => {\n\t\t\t\tawait this.props.getMeetingInstance(this.props.match.params.id, this.props.match.params.instanceId);\n\t\t\t\tthis.setState({ creatingTeamsMeeting: false });\n\t\t\t\tresolve(1);\n\t\t\t});\n\t\t});\n\t}\n\n\ttoggleEditMeetingInstanceModal = () => {\n\t\tthis.setState({ editMeetingInstanceModal: !this.state.editMeetingInstanceModal });\n\t}\n\n\tgenerateICS = () => {\n\t\tvar date = moment.utc(this.props.meetingInstance.date).local().format('YYYY-M-D-H-m').split(\"-\");\n\t\tdate = date.map(point => {\n\t\t\treturn parseInt(point, 10);\n\t\t});\n\n\t\tvar endDate = moment.utc(this.props.meetingInstance.endDate).local();\n\t\tvar duration = moment.duration(endDate.diff(moment.utc(this.props.meetingInstance.date).local()));\n\t\tvar hours = Math.floor(duration.asHours());\n\t\tvar minutes = Math.round(duration.asMinutes() - (hours * 60));\n\n\t\tlet description = '';\n\t\tif (this.props.meetingInstance.description != null) {\n\t\t\tlet meetingInstanceDescription = document.createElement('div');\n\t\t\tmeetingInstanceDescription.innerHTML = this.props.meetingInstance.description;\n\t\t\tdescription += meetingInstanceDescription.innerText + \"\\n\\n\";\n\t\t}\n\n\t\tif (this.props.meeting.description != null) {\n\t\t\tlet meetingDescription = document.createElement('div');\n\t\t\tmeetingDescription.innerHTML = this.props.meeting.description;\n\t\t\tdescription += meetingDescription.innerText;\n\t\t}\n\n\t\tif (this.props.meetingInstance.teamsMeetingData != null && this.props.meetingInstance.teamsMeetingData.joinWebUrl != null) {\n\t\t\tdescription += `\\n\\n------------------\\nAnslut till mötet:\\n${this.props.meetingInstance.teamsMeetingData.joinWebUrl}`;\n\t\t}\n\n\t\tlet uid = moment.utc(this.props.meetingInstance.date).local().toISOString();\n\t\tuid += '-M' + this.props.meeting.id;\n\t\tuid += '-I' + this.props.meetingInstance.id;\n\t\tdescription += '\\n\\n';\n\n\t\tconst event = {\n\t\t\ttitle: this.props.meeting.title,\n\t\t\tdescription: description,\n\t\t\tstart: date,\n\t\t\tstartInputType: \"local\",\n\t\t\tstartOutputType: \"local\",\n\t\t\tuid: uid + '@app.haldor.se',\n\t\t\tproductId: 'haldor/education',\n\t\t\tduration: {\n\t\t\t\thours: hours,\n\t\t\t\tminutes: minutes,\n\t\t\t},\n\t\t\tstatus: 'CONFIRMED',\n\t\t\torganizer: {\n\t\t\t\tname: this.props.currentUser.firstName,\n\t\t\t\temail: this.props.currentUser.email,\n\t\t\t},\n\t\t};\n\n\t\tics.createEvent(event, (error, value) => {\n\t\t\twindow.open(\"data:text/calendar;charset=utf-8,\" + encodeURI(value));\n\t\t});\n\t}\n\n\t/* Render methods */\n\trenderNote = (reference) => {\n\t\tconst date = new DateTime(reference.created);\n\n\t\tif (!reference.public && !this.state.showPrivateNotes) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{reference.title != null ?\n\t\t\t\t\t
\n\t\t)\n\t}\n\n\tonConversation = (participant) => {\n\t\tthis.setState({ conversationMember: participant })\n\t}\n\n\tonConversationClose = () => {\n\t\tthis.setState({ conversationMember: null });\n\t}\n\n\tisUpdating = () => {\n\t\tthis.setState({ loading: true });\n\t\tlet promises = [\n\t\t\tthis.props.getMeetingInstance(this.props.match.params.id, this.props.match.params.instanceId),\n\t\t\tthis.props.getNotesByReference(this.props.match.params.instanceId, \"MEETING_INSTANCE\"),\n\t\t];\n\n\t\tPromise.all(promises).then(() => {\n\t\t});\n\t}\n\n\tisUpdated = () => {\n\t\tthis.setState({ loading: false });\n\t}\n\n\tunbookMeeting = () => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('are-you-sure-unbook-meeting'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then(async result => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.setState({ loading: true })\n\t\t\t\tlet instance = this.props.meetingInstance;\n\t\t\t\tinstance.date = null;\n\t\t\t\tinstance.endDate = null;\n\t\t\t\tthis.props.updateMeetingInstanceDate(instance).then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tcompleteMeeting = () => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('are-you-sure-complete-meeting'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then(async result => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.setState({ loading: true })\n\t\t\t\tlet instance = this.props.meetingInstance;\n\t\t\t\tinstance.status = \"COMPLETED\";\n\t\t\t\tthis.props.updateMeetingInstance(instance).then(() => {\n\t\t\t\t\tthis.props.history.push('/meeting/' + this.props.meeting.id);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\topenMeeting = () => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('are-you-sure-open-meeting'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then(async (result) => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.setState({ loading: true })\n\t\t\t\tlet instance = this.props.meetingInstance;\n\t\t\t\tinstance.status = \"ACTIVE\";\n\t\t\t\tthis.props.updateMeetingInstance(instance).then(() => {\n\t\t\t\t\tthis.setState({ loading: false })\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tonChangeStudentLed = () => {\n\t\tlet instance = this.props.meetingInstance;\n\t\tinstance.studentLed = !this.props.meetingInstance.studentLed;\n\t\tthis.props.updateMeetingInstance(instance);\n\t}\n\n\trenderTeamsHtml = () => {\n\t\tvar strHtml = this.props.meetingInstance.teamsMeetingData.joinHtml;\n\t\tconst locale = getActiveLanguage();\n\t\tstrHtml = strHtml.replace(\"Learn more about Teams\", \"\");\n\n\t\tif (locale == 'sv-se') {\n\t\t\tstrHtml = strHtml.replace(\"Join Microsoft Teams Meeting\", \"Anslut till Microsoft Teams-möte\");\n\t\t\tstrHtml = strHtml.replace(\"Meeting options\", \"Mötesalternativ\");\n\t\t\tstrHtml = strHtml.replace(\"Learn more about Teams\", \"Läs mer om Teams\");\n\t\t\tstrHtml = strHtml.replace(\"en-US\", \"sv-SE\");\n\t\t}\n\n\t\tstrHtml = strHtml.replace(\"width:100%;height: 20px;\", \"width:100%;height: 1px;\");\n\t\tstrHtml = strHtml.replace(\"margin-top: 24px;\", \"margin-top: 5px;\");\n\t\tstrHtml = strHtml.replace(\"white-space:nowrap;color:gray;opacity:.36;\", \"\");\n\t\tstrHtml = strHtml.replace(\"white-space:nowrap;color:gray;opacity:.36;\", \"\");\n\t\tstrHtml = strHtml.replace(\"|\", \"\");\n\t\tstrHtml = strHtml.replace(\"________________________________________________________________________________\", \"{reference.title}
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t{reference.author != null ?\n\t\t\t\t\t\treference.author.firstName + \" \" + reference.author.lastName\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t {date.getFromNow()}\n\n\t\t\t\t\t\n\t\t\t\t\t\t{reference.public != null && !reference.public ?\n\t\t\t\t\t\t\tthis.props.translate('private-note')\n\t\t\t\t\t\t\t: this.props.translate('shared-note')}\n\t\t\t\t\t\n\n\t\t\t\t\t{reference.creator == this.props.user.id || reference.id == this.props.createdNote ?\n\t\t\t\t\t\t this.onNoteClick(reference)}>\n\t\t\t\t\t\t\t
\");\n\t\tstrHtml = strHtml.replace(\"________________________________________________________________________________\", \"
\");\n\n\t\treturn \n\t}\n\n\trenderTeamsHtmlFromData = () => {\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\t\tconst isAdmin = isUserAdministrator(this.props.currentUser);\n\n\t\treturn (\n\t\t\t
\n\t\t\t\t\n\n\t\t\t\t{(isTeacher || isAdmin) && this.props.schedule.teamsMeetingData != null ?\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\t\t\t
\n\t\t)\n\t}\n\n\trenderTeamsSettings = () => {\n\t\tconst { meeting } = this.props;\n\n\t\tif (meeting.status == 'COMPLETED') {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\t\tconst isAdmin = isUserAdministrator(this.props.currentUser);\n\n\t\tif (!this.props.services.teamsMeeting) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn \n\t\t\t{this.props.meetingInstance.teamsMeeting != null ?\n\t\t\t\t
\n\t}\n\n\tgetMeetingForms() {\n\t\t// Hämtar alla formulär (exkl. Follow up)\n\t\tlet forms = this.props.meeting.relationships.filter((t) => {\n\t\t\tif (t.referenceType == \"FORM\" && t.targetedAudience != \"FOLLOWUP\") {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn false;\n\t\t}).map(t => t);\n\n\t\t// Mappar mot insända formulär\n\t\tconst user = new User(this.props.user);\n\t\tconst { meetingInstance } = this.props;\n\t\tlet returnForms = [];\n\n\t\tif (user.isStudent() && !this.props.meetingInstance.studentLed) {\n\t\t\tforms.forEach(form => {\n\t\t\t\tmeetingInstance.participants.forEach(participant => {\n\t\t\t\t\tif (participant.userID == user.data.userId && form.targetedAudience == \"STUDENT\") {\n\t\t\t\t\t\tlet instance = null;\n\t\t\t\t\t\tmeetingInstance.relationships.forEach(meetingRelationship => {\n\t\t\t\t\t\t\tif (meetingRelationship.referenceType == 'FORMINSTANCE' && form.referenceID == meetingRelationship.reference.formID && meetingRelationship.reference.assignedTo == user.data.userId) {\n\t\t\t\t\t\t\t\tinstance = meetingRelationship;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\treturnForms.push({\n\t\t\t\t\t\t\tform: form,\n\t\t\t\t\t\t\tparticipant,\n\t\t\t\t\t\t\tformInstance: instance,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t\treturn returnForms;\n\t\t}\n\n\t\tif (user.isStudent() && this.props.meetingInstance.studentLed) {\n\t\t\tforms.forEach(form => {\n\t\t\t\tmeetingInstance.participants.forEach(participant => {\n\t\t\t\t\tif (participant.userType == form.targetedAudience) {\n\t\t\t\t\t\tlet formInstance = null;\n\t\t\t\t\t\tthis.props.meetingInstance.relationships.forEach((relationship) => {\n\t\t\t\t\t\t\tif (relationship.referenceType == \"FORMINSTANCE\" && relationship.reference.formID == form.referenceID && relationship.reference.assignedTo == participant.userID) {\n\t\t\t\t\t\t\t\tformInstance = relationship;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t\treturnForms.push({\n\t\t\t\t\t\t\tform,\n\t\t\t\t\t\t\tparticipant,\n\t\t\t\t\t\t\tformInstance\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t\treturn returnForms;\n\t\t};\n\n\t\tforms.forEach((form) => {\n\t\t\tmeetingInstance.participants.forEach((participant) => {\n\t\t\t\tif (participant.userType == form.targetedAudience) {\n\t\t\t\t\tlet formInstance = null;\n\t\t\t\t\tthis.props.meetingInstance.relationships.forEach((relationship) => {\n\t\t\t\t\t\tif (relationship.referenceType == \"FORMINSTANCE\" && relationship.reference.formID == form.referenceID && relationship.reference.assignedTo == participant.userID) {\n\t\t\t\t\t\t\tformInstance = relationship;\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\n\t\t\t\t\treturnForms.push({\n\t\t\t\t\t\tform,\n\t\t\t\t\t\tparticipant,\n\t\t\t\t\t\tformInstance\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\treturn returnForms;\n\t}\n\n\tgetFollowUpForms() {\n\t\tlet forms = this.props.meeting.relationships.filter((t) => {\n\t\t\tif (t.referenceType == \"FORM\" && t.targetedAudience == \"FOLLOWUP\") {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn false;\n\t\t}).map(t => t);\n\n\t\tconst user = new User(this.props.user);\n\t\tlet returnForms = [];\n\n\t\tif (user.isStudent() && !this.props.meetingInstance.studentLed) {\n\t\t\tforms.forEach((form) => {\n\t\t\t\tlet formInstance = null;\n\t\t\t\tthis.props.meetingInstance.relationships.forEach((relationship) => {\n\t\t\t\t\tif (relationship.referenceType == \"FORMINSTANCE\") {\n\t\t\t\t\t\tif (relationship.reference.formID == form.referenceID && this.props.meetingInstance.status == \"COMPLETED\") {\n\t\t\t\t\t\t\tformInstance = relationship;\n\t\t\t\t\t\t\treturnForms.push({\n\t\t\t\t\t\t\t\tform,\n\t\t\t\t\t\t\t\tformInstance\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t});\n\t\t} else if (user.isStudent() && this.props.meetingInstance.studentLed) {\n\t\t\tforms.forEach((form) => {\n\t\t\t\tlet formInstance = null;\n\t\t\t\tthis.props.meetingInstance.relationships.forEach((relationship) => {\n\t\t\t\t\tif (relationship.referenceType == \"FORMINSTANCE\") {\n\t\t\t\t\t\tif (relationship.reference.formID == form.referenceID) {\n\t\t\t\t\t\t\tformInstance = relationship;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\n\t\t\t\treturnForms.push({\n\t\t\t\t\tform,\n\t\t\t\t\tformInstance\n\t\t\t\t})\n\t\t\t});\n\t\t} else if (!user.isStudent()) {\n\t\t\tforms.forEach((form) => {\n\t\t\t\tlet formInstance = null;\n\t\t\t\tthis.props.meetingInstance.relationships.forEach((relationship) => {\n\t\t\t\t\tif (relationship.referenceType == \"FORMINSTANCE\") {\n\t\t\t\t\t\tif (relationship.reference.formID == form.referenceID) {\n\t\t\t\t\t\t\tformInstance = relationship;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\n\t\t\t\treturnForms.push({\n\t\t\t\t\tform,\n\t\t\t\t\tformInstance\n\t\t\t\t})\n\t\t\t});\n\t\t}\n\n\t\treturn returnForms;\n\t}\n\n\trenderForm = (form, index) => {\n\t\tconst user = new User(this.props.user);\n\t\tif (!user.isStudent() || form.participant.userID == user.data.id) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{this.props.meetingInstance.teamsMeetingData.joinHtml != null ?\n\t\t\t\t\t\tthis.renderTeamsHtml()\n\t\t\t\t\t\t: this.renderTeamsHtmlFromData()}\n\t\t\t\t
\n\t\t\t\t: ((isTeacher && this.props.currentUser.id == this.props.meeting.creator) || isAdmin) ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t this.onFormInstanceClick(form)} className=\"form-item\">\n\t\t\t\t\t
\n\t\t\t)\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\tsubmitFormInstance = (values) => {\n\t\treturn new Promise((resolve) => {\n\t\t\tif (values.id == null) {\n\t\t\t\tvalues.formID = this.state.form.id\n\n\t\t\t\tthis.props.createMeetingFormInstance(this.props.meeting.id, this.props.meetingInstance.id, values)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\n\tsubmitFollowUpForm = (values) => {\n\t\treturn new Promise((resolve) => {\n\t\t\tif (values.id == null) {\n\t\t\t\tthis.props.createMeetingFormInstance(this.props.meeting.id, this.props.meetingInstance.id, values)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tthis.props.getMeetingInstance(this.props.meeting.id, this.props.meetingInstance.id);\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\n\ttoggleBooking = (instance) => {\n\t\tthis.setState({ bookingModal: !this.state.bookingModal, bookingInstance: instance });\n\t}\n\n\trender() {\n\t\tif (this.state.loading) {\n\t\t\treturn \n\t\t\t\t\t\t{form.form.reference.title}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{form.participant.user.firstName} {form.participant.user.lastName}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{form.formInstance != null ? new DateTime(form.formInstance.reference.edited).getLongDateWithTime() : ''}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{form.formInstance?.reference.status == 'SUBMITTED' ?\n\t\t\t\t\t\t\tthis.props.translate('turned-in')\n\t\t\t\t\t\t\t: this.props.translate('not-turned-in')}\n\t\t\t\t\t
\n\t\t\t\t{this.props.translate('not-found')}
\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t this.toggleNoteForm()}\n\t\t\t\t\ttitle={this.props.activeNote ? translate('edit-meeting-note') : translate('new-meeting-note')}\n\t\t\t\t>\n\t\t\t\t\t this.toggleBooking(instance)} title={this.props.translate('book-meeting-time')}>\n\t\t\t\t\t { this.toggleBooking(instance) }}\n\t\t\t\t\t\tmeeting={this.props.meeting}\n\t\t\t\t\t\tinstance={this.props.meetingInstance}\n\t\t\t\t\t/>\n\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t{this.state.formTemplate != null ?\n\t\t\t\t\t\t \n\n\t\t\t\t{this.props.services.conversations ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{meetingInstance.date != null ?\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\n\t\t\t\t\t\t{forms.length > 0 ?\n\t\t\t\t\t\t\t{translate('forms')} \n\t\t\t\t\t\t\t\t\t{translate('forms')}\n\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{this.props.services.notes ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{user.isStudent() && (!hasBooked || !hasFilledForms) && meeting.status == 'ACTIVE' && meetingInstance.status != 'COMPLETED' ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{translate('To do')}\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{!hasBooked && isAuthoritative ?\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t{!hasFilledForms ?\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t this.toggleBooking(meetingInstance)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ display: 'inline-block', marginBottom: '.35rem', cursor: 'pointer' }}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('time')}\n\t\t\t\t\t\t\t\t\t\t{new DateTime(meetingInstance.date).getLongDate()}\n\t\t\t\t\t\t\t\t\t\t{' • '}\n\t\t\t\t\t\t\t\t\t\t{new DateTime(meetingInstance.date).getTime()}\n\n\t\t\t\t\t\t\t\t\t\t{meetingInstance.endDate != null ?\n\t\t\t\t\t\t\t\t\t\t\t' - ' + new DateTime(meetingInstance.endDate).getTime()\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t{meeting.status == 'COMPLETED' ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('meeting-closed')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t{meetingInstance.studentLed ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('studentled-meeting')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t{translate('Information-to-participants')}\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{meeting.description} \n\t\t\t\t\t\t\t\t\t{meetingInstance.description} \n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t{!user.isStudent() && meeting.creator == user.data.id && !isPreschool ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('studentled')}\n\n\t\t\t\t\t\t\t\t\t\t { this.onChangeStudentLed() }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{user.isStudent() || meeting.creator != user.data.id ?\n\t\t\t\t\t\t\t\t\t\t\ttranslate('participants')\n\t\t\t\t\t\t\t\t\t\t\t: translate('attending')}\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t{(meeting.status == 'ACTIVE' || meeting.status == 'DRAFT') && !user.isStudent() && user.data.id == meeting.creator ?\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{nrOfSubmittedForms.toString()} / {nrOfForms.toString()}
} route=\"forms\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{forms.map(this.renderForm)}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('meeting-notes')}\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t\t\t\t\t\t\t this.setState({ showPrivateNotes: value })}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t{notes.map((note) => {\n\t\t\t\t\t\t\t\t\t\t\treturn this.renderNote(note)\n\t\t\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t\t\t{notes.length == 0 ?\n\t\t\t\t\t\t\t\t\t\t\t this.toggleNoteForm()}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('no-notes')}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t{!user.isStudent() && meeting.creator == user.data.id ?\n\t\t\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t{followUpForms.length > 0 ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t:\n\t\t\t\t\t\t{this.props.translate('tools')}
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{(this.props.meetingInstance.status != \"COMPLETED\" && this.props.meeting.status != 'COMPLETED') ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t(this.props.meeting.status != 'COMPLETED') ?\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t:
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Meeting is archived. Unlock meeting to make changes.')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.meetingInstance.status != 'COMPLETED' && this.props.meeting.status != 'COMPLETED' ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{this.props.meeting.status != 'COMPLETED' && this.props.meetingInstance.date != null && this.props.meetingInstance.endDate != null ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\tthis.props.meetingInstance.teamsMeeting != null ?\n\n\t\t\t\t\t\t\t\t\t// \n\t\t\t\t\t\t\t\t\t// \t\n\t\t\t\t\t\t\t\t\t//
\n\t\t\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t{this.props.meetingInstance.date != null && this.props.meetingInstance.endDate != null ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{this.renderTeamsSettings()}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
}\n\n\t\t\t\t\t{(user.isStudent() && isAuthoritative && meetingInstance.status != 'COMPLETED' && meeting.status == 'ACTIVE' && startDate > dateNow) ?\n\t\t\t\t\t\t{this.props.translate('tools')}
\n\t\t\t\t\t\t\t{this.renderTeamsSettings()}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{this.props.meetingInstance.date != null && this.props.meetingInstance.endDate != null ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{followUpForms.map((form, i) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{translate('If the form was opened by several people at the same time, there is a risk that information may be overwritten by mistake.')}\n\n\t\t\t\t\t\t\t\t{getActiveLanguage() == 'sv-se' ?\n\t\t\t\t\t\t\t\t\tRead more in the Knowledge Bank')\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{form.form.reference.title}\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t})}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\trequired = (value) => {\n\t\tif (typeof (value) != 'undefined' && value != '' && value != null) {\n\t\t\tif (value.length > 199) {\n\t\t\t\t// Field failed validation, return error for this field (String)\n\t\t\t\treturn this.props.translate('field-max-200-chars');\n\t\t\t}\n\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string and not over 200 characters\n\t\t\treturn undefined;\n\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\trender() {\n\t\tconst { handleSubmit, submitting, valid } = this.props;\n\n\t\tlet isPreschool = this.props.currentUser.schools.getActiveSchool(this.props.currentUser.userId).type == PRESCHOOL;\n\n\t\tif (submitting) {\n\t\t\treturn \n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tservices: state.Services.availableServices,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetSection,\n})(reduxForm({\n\tform: 'CreateMeting',\n\tdestroyOnUnmount: true,\n})(CreateMeeting));","import { getCurrentMeetings, getPastMeetings, createMeeting } from 'actions/meetings';\nimport CreateMeeting from 'containers/Meeting/Form/CreateMeeting';\nimport Modal from 'containers/Modals/Modal';\nimport React, { Component } from 'react';\nimport moment from 'moment';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { setPageTitle, setPageActions } from 'actions/header';\nimport { Block, Flex, Tabs, Tab } from '@haldor/ui';\nimport { Spinner } from 'UI';\nimport User from '_class/User';\nimport { withRouter, Link } from 'react-router-dom';\n\nclass MyMeetings extends Component {\n\n\t/* Class setup */\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloadingCurrent: true,\n\t\t\tloadingPast: false,\n\t\t\tcurrentActiveTab: 'current',\n\t\t\tmodal: false,\n\t\t\tuser: new User(this.props.user)\n\t\t};\n\t}\n\n\t/* Lifecycle methods */\n\tcomponentDidMount = () => {\n\t\tconst user = new User(this.props.user);\n\t\tlet actions = [];\n\n\t\tif (user.isMentor()) {\n\t\t\tactions.push({\n\t\t\t\ttype: 'button',\n\t\t\t\tvalue: this.props.translate('new-meeting'),\n\t\t\t\tbuttonType: 'primary',\n\t\t\t\tonClick: this.toggleModal,\n\t\t\t\ticon: 'plus',\n\t\t\t});\n\t\t}\n\n\t\tthis.setState({ loadingCurrent: true });\n\t\tthis.props.getCurrentMeetings()\n\t\t\t.then(() => {\n\t\t\t\tthis.setState({ loadingCurrent: false });\n\t\t\t});\n\n\t\tthis.props.setPageTitle(this.props.translate('meetings'));\n\t\tthis.props.setPageActions(actions);\n\t}\n\n\tonTabsChange = () => {\n\t\tlet reloadData = false;\n\n\t\tif (window.location.hash === \"#past\" && this.state.currentActiveTab == \"current\") {\n\t\t\treloadData = true;\n\t\t\tthis.setState({ currentActiveTab: 'past' });\n\t\t}\n\n\t\tif (window.location.hash === \"#current\" && this.state.currentActiveTab == \"past\") {\n\t\t\treloadData = true;\n\t\t\tthis.setState({ currentActiveTab: 'current' });\n\t\t}\n\n\t\tif (reloadData) {\n\t\t\tswitch (this.state.currentActiveTab) {\n\t\t\t\tcase 'past':\n\t\t\t\t\tthis.setState({ loadingCurrent: true });\n\t\t\t\t\tthis.props.getCurrentMeetings()\n\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\tthis.setState({ loadingCurrent: false });\n\t\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'current':\n\t\t\t\t\tthis.setState({ loadingPast: true });\n\t\t\t\t\tthis.props.getPastMeetings()\n\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\tthis.setState({ loadingPast: false });\n\t\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t/* Events */\n\ttoggleModal = () => {\n\t\tthis.props.history.push('/meetings/wizard');\n\t}\n\n\tonMeetingSubmit = (meeting) => {\n\t\treturn new Promise(async resolve => {\n\t\t\tawait this.props.createMeeting(meeting);\n\t\t\tawait this.props.getCurrentMeetings();\n\n\t\t\tthis.toggleModal();\n\t\t\tresolve(1);\n\t\t});\n\t}\n\n\trenderMeetingProgress = (meeting) => {\n\t\tvar width = 0;\n\t\tif (meeting.totalMeetings != 0 && meeting.meetingsCompleted != 0) {\n\t\t\twidth = (meeting.meetingsCompleted / meeting.totalMeetings) * 100;\n\t\t}\n\n\t\treturn (\n\t\t\tmeeting.totalMeetings != null && meeting.meetingsCompleted != null ?\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t
\n\t\t\t\t: null\n\t\t)\n\t}\n\n\trenderMeetingCard = (meeting) => {\n\t\tconst { translate } = this.props;\n\t\tconst user = new User(this.props.user);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.props.translate('completed-meeting')}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{meeting.meetingsCompleted} / {meeting.totalMeetings}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t{this.renderMeetingProgress(meeting)}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t{this.props.translate('no-meetings')}\n\t\t\t
\n\t\t);\n\t}\n\n\trenderPastMeetings = () => {\n\t\tconst { past } = this.props;\n\t\tconst { user } = this.state;\n\n\t\treturn (\n\t\t\tpast.length > 0 ? past.map((meeting) => {\n\t\t\t\tif (user.isStudent()) {\n\t\t\t\t\treturn this.renderStudentMeetingCard(meeting);\n\t\t\t\t}\n\n\t\t\t\treturn this.renderMeetingCard(meeting);\n\t\t\t}) : \n\t\t\t\t{this.props.translate('no-meetings')}\n\t\t\t
\n\t\t);\n\t}\n\n\t/* Render methods */\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.state.loadingCurrent ?\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.state.loadingPast ?\n\t\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuser: state.user.currentUser,\n\t\tcreated: state.Meetings.meetingsByCreator,\n\t\tcurrent: state.Meetings.current,\n\t\tpast: state.Meetings.past,\n\t}\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tsetPageTitle,\n\tsetPageActions,\n\tcreateMeeting,\n\tgetCurrentMeetings,\n\tgetPastMeetings,\n})(MyMeetings));","import React, { Component } from 'react';\n\nexport default class Alert extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\ttype: this.props.hasOwnProperty('type') ? this.props.type : '',\n\t\t};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.state.loading ?\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\tvar notifications = [];\n\n\tif (state.Notifications != null) {\n\t\tif (state.Notifications.notifications != null) {\n\t\t\tstate.Notifications.notifications.forEach((notCol) => {\n\t\t\t\tnotifications = notifications.concat(notCol.notifications);\n\t\t\t});\n\n\t\t\tnotifications = notifications.sort((a, b) => { return b.id - a.id });\n\t\t}\n\t}\n\n\treturn {\n\t\tnotifications: notifications,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tlanguages: state.Languages.languages,\n\t\tcurrentUser: state.user.currentUser,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\taddError,\n\tgetNotifications,\n\tsetPageTitle,\n\tsetPageActions,\n})(Notifications);\n","import React, { Component } from 'react';\n\nimport NotificationSection from 'containers/Overview/Sections/Notifications';\n\nclass Notifications extends Component {\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t: notifications != null && notifications.length == 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('no-new-notifications')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t{notifications != null && notifications.length > 0 ?\n\t\t\t\t\t\n\t\t\t\t\t\t{notifications.map((notification, i) => {\n\t\t\t\t\t\t\tif (notification.referenceUrl !== null) {\n\t\t\t\t\t\t\t\tvar url = new URL(notification.referenceUrl);\n\n\t\t\t\t\t\t\t\tif (domains.length > 0 && !domains.some((domain) => { return domain === url.hostname })) {\n\t\t\t\t\t\t\t\t\tvar correctHost = domains[0];\n\t\t\t\t\t\t\t\t\turl.host = correctHost;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{notification.created} \n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t{notification.notificationText}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{notification.created} \n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t{notification.notificationText}\n\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nexport default Notifications;\n","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\n\nimport { setActiveSchool, } from 'actions/user';\nimport { reloadSchoolActions, reloadSchoolProps } from 'components/SchoolSwitch/SchoolSwitch';\n\nimport { translate } from '@haldor/ui';\nimport swal from 'sweetalert2';\n\nclass ConditionReceiver extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t}\n\n\tcomponentDidMount = async () => {\n\t\tvar url = this.getParameterByName('url', this.props.location.search);\n\t\tvar schoolId = this.getParameterByName('schoolId', this.props.location.search);\n\t\tif (url != null && schoolId != null) {\n\t\t\tthis.verifySchool(schoolId, url);\n\t\t\treturn;\n\t\t}\n\n\t\t// fallback\n\t\tthis.props.history.replace(url != null ? url : \"\");\n\t}\n\n\tverifySchool = (schoolId, url) => {\n\t\tif (schoolId != this.props.activeSchool) {\n\t\t\tswal.fire({\n\t\t\t\ttitle: this.props.translate('Switch active school?'),\n\t\t\t\ttext: this.props.translate(\"This information can't be viewed with the current school. Do you want to switch active school?\"),\n\t\t\t\tshowCancelButton: true,\n\t\t\t\tfocusConfirm: false,\n\t\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t\t}).then((result) => {\n\t\t\t\tif (result.value != null) {\n\t\t\t\t\tthis.switchSchool(schoolId);\n\t\t\t\t\tthis.props.history.replace(url);\n\t\t\t\t} else {\n\t\t\t\t\tthis.props.history.goBack();\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tthis.props.history.replace(url);\n\t\t}\n\t}\n\n\tswitchSchool = (schoolId) => {\n\t\tlocalStorage.setItem('hal.school' + this.props.currentUser.id, schoolId);\n\t\tthis.props.setActiveSchool(schoolId);\n\t\treloadSchoolProps(this.props);\n\t}\n\n\tgetParameterByName = (name, url) => {\n\t\tif (!url) url = window.location.href;\n\t\tname = name.replace(/[\\[\\]]/g, '\\\\$&');\n\t\tvar regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),\n\t\t\tresults = regex.exec(url);\n\t\tif (!results) return null;\n\t\tif (!results[2]) return '';\n\n\t\treturn decodeURIComponent(results[2].replace(/\\+/g, ' '));\n\t}\n\n\trender() {\n\t\treturn \n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tactiveSchool: state.user.activeSchool,\n\t}\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tsetActiveSchool,\n\t...reloadSchoolActions\n})(ConditionReceiver));","import React, { Component } from 'react';\nimport { Field, Form } from 'react-final-form';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\n\nimport { addError } from 'actions/index';\nimport { Button, translate, Checkbox } from '@haldor/ui';\n\nimport { getSchoolDataForSections } from 'actions/schools';\n\nimport api from 'lib/api';\nimport { getActiveSchool } from 'helpers/localstorage';\n\nclass SectionOptionForm extends Component {\n\n\tonSubmit = (values) => new Promise((resolve) => {\n\t\tconst { translate } = this.props;\n\t\tconst activeSchool = getActiveSchool(this.props.currentUser.id);\n\n\t\tlet data = [];\n\t\tObject.keys(values).forEach((key) => {\n\t\t\tif (key == 'schoolId') {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tdata.push({\n\t\t\t\t'Key': key,\n\t\t\t\t'Value': values[key],\n\t\t\t});\n\t\t});\n\n\t\tapi.put('schools/schooldata', data).then(() => {\n\t\t\tresolve(1);\n\t\t\tthis.props.getSchoolDataForSections(activeSchool).then(() => {\n\t\t\t\tthis.props.onAbort(true);\n\t\t\t\tthis.props.addError(translate('changes-saved'), 'info');\n\t\t\t});\n\t\t}).catch(() => {\n\t\t\tresolve(1);\n\t\t\tthis.props.addError(translate('Something went wrong while saving the options'), 'error');\n\t\t});\n\t});\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nconst mapStateToProps = state => ({\n\ttranslate: translate(state.Languages.translations),\n\tcurrentUser: state.user.currentUser,\n});\n\nexport default withRouter(connect(mapStateToProps, {\n\taddError,\n\tgetSchoolDataForSections\n})(SectionOptionForm));\n","import React, { Component, Fragment } from 'react';\nimport { Link } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport swal from 'sweetalert2';\n\nimport DateTime from '_class/DateTime';\nimport User from '_class/User';\n\nimport { getDescription } from 'helpers/content';\nimport { setPageTitle, setPageActions } from 'actions/header';\n\nimport { getArchivedEducationGroups, updateArchived } from 'actions/sections';\nimport { getMySections, getAllSections } from 'actions/user';\nimport { getSchoolDataForSections } from 'actions/schools';\nimport { searchGroups, clearSearch, searchMySections } from 'actions/search';\n\nimport SectionForm from 'containers/Forms/SectionForm';\nimport Modal from 'containers/Modals/Modal';\n\nimport { Button, Card, Checkbox, Flex, Tabs, Tab, Icon, translate } from '@haldor/ui';\nimport { Spinner, Expandable } from 'UI';\nimport { Search as SearchInput } from 'UI/Inputs';\n\nimport './_Groups.scss';\nimport SectionOptionForm from 'containers/Forms/SectionOptionForm';\nimport { getActiveSchool } from 'helpers/localstorage';\nimport { Stack } from '@mui/material';\n\nclass MySections extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet activeTab = 'linked';\n\t\tlet filters = ['education'];\n\t\tlet sort = 'TITLE';\n\t\tconst user = new User(props.currentUser);\n\n\t\tif (!user.isStudent()) {\n\t\t\tfilters.push('archived');\n\t\t}\n\n\t\tif (user.isMentor()) {\n\t\t\tfilters.push('mentor');\n\t\t}\n\n\t\tif (window.location.hash.replace('#', '') != '') {\n\t\t\tactiveTab = window.location.hash.replace('#', '');\n\t\t}\n\n\t\tif (localStorage.getItem('group-filters:' + props.currentUser.id) != null) {\n\t\t\tfilters = JSON.parse(localStorage.getItem('group-filters:' + props.currentUser.id));\n\t\t}\n\n\t\tif (localStorage.getItem('group-sort:' + props.currentUser.id) != null) {\n\t\t\tsort = localStorage.getItem('group-sort:' + props.currentUser.id);\n\t\t}\n\n\t\tthis.state = {\n\t\t\tactiveTab,\n\n\t\t\texpand: false,\n\t\t\tloading: false,\n\t\t\tselectedGroup: null,\n\t\t\tloadingGroups: [],\n\t\t\tnextPageLoading: false,\n\n\t\t\tpage: 1,\n\t\t\tsort,\n\t\t\tfilters,\n\n\t\t\toptionsModalVisible: false\n\t\t};\n\t}\n\n\tUNSAFE_componentWillMount = () => {\n\t\tthis.props.setPageTitle(this.props.translate('sections-header-overview'));\n\t}\n\n\tcomponentDidMount = () => {\n\t\tconst user = new User(this.props.currentUser);\n\t\tif (user.isAdministrator()) {\n\t\t\tthis.props.setPageActions([\n\t\t\t\t{\n\t\t\t\t\tvalue: this.props.translate('Options'),\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tonClick: this.toggleOptionModal,\n\t\t\t\t\ticon: 'cog_bw',\n\t\t\t\t},\n\t\t\t]);\n\t\t}\n\n\t\tthis.getSchoolDataForSection();\n\t\tthis.getSections();\n\n\t\twindow.addEventListener('hashchange', this.handleHashChange);\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\twindow.removeEventListener('hashchange', this.handleHashChange);\n\t\tthis.props.clearSearch();\n\t}\n\n\tgetFilter = () => {\n\t\tlet filter = '';\n\n\t\tif (this.state.activeTab == 'all') {\n\t\t\tfilter += 'UNLINKED;';\n\t\t}\n\n\t\tif (this.state.activeTab == 'notconnected') {\n\t\t\tfilter += 'UNLINKED;';\n\t\t} else {\n\t\t\tif (this.state.filters.includes('mentor')) {\n\t\t\t\tfilter += 'MENTOR_GROUP;';\n\t\t\t}\n\n\t\t\tif (this.state.filters.includes('education')) {\n\t\t\t\tfilter += 'EDUCATION_GROUP;';\n\t\t\t}\n\n\t\t\t// WE do this because user must select mentor groups or education group in the filter\n\t\t\tif ((filter.includes('MENTOR_GROUP') || filter.includes('EDUCATION_GROUP')) && this.state.activeTab == 'connected') {\n\t\t\t\tfilter += 'LINKED;';\n\t\t\t}\n\t\t}\n\n\t\t// if (this.state.filters.includes('groups_owned_by_me')) {\n\t\t// \tfilter += 'OWNED_BY_ME;';\n\t\t// }\n\n\t\tif (!this.state.filters.includes('archived')) {\n\t\t\tfilter += 'ACTIVE;';\n\t\t}\n\n\t\treturn filter;\n\t}\n\n\ttoggleOptionModal = () => {\n\t\tthis.setState({ optionsModalVisible: !this.state.optionsModalVisible });\n\t}\n\n\tgetSchoolDataForSection = () => {\n\t\tconst activeSchool = getActiveSchool(this.props.currentUser.id);\n\n\t\tthis.props.getSchoolDataForSections(activeSchool);\n\t}\n\n\tshowConnectButton = () => {\n\t\tconst user = new User(this.props.currentUser);\n\t\tif (this.props.schoolDataForSections == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (user.isTeacher() && !user.isMentor()) {\n\t\t\treturn this.props.schoolDataForSections.allowManualEducationGroupConnection\n\t\t}\n\n\t\tif (!user.isTeacher() && user.isMentor()) {\n\t\t\treturn this.props.schoolDataForSections.allowManualMentorGroupConnection\n\t\t}\n\n\n\t\tif (user.isTeacher() && user.isMentor()) {\n\n\t\t\treturn this.props.schoolDataForSections.allowManualEducationGroupConnection\n\t\t\t\t|| this.props.schoolDataForSections.allowManualMentorGroupConnection;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tgetSections = (nextPage = false) => {\n\t\tconst user = new User(this.props.currentUser);\n\t\tthis.setState({ loading: !nextPage, nextPageLoading: nextPage });\n\t\tlet filter = this.getFilter();\n\t\tif (user.isAdministrator()) {\n\t\t\tif (this.state.activeTab == \"allgroupsfromschool\") {\n\t\t\t\tthis.props.getAllSections({\n\t\t\t\t\tpageIndex: this.state.page,\n\t\t\t\t\tfilter: filter,\n\t\t\t\t\tsortBy: this.state.sort,\n\t\t\t\t}).then(() => {\n\t\t\t\t\tthis.setState({ loading: false, nextPageLoading: false });\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.props.getMySections({\n\t\t\t\t\tpageIndex: this.state.page,\n\t\t\t\t\tfilter: filter,\n\t\t\t\t\tsortBy: this.state.sort,\n\t\t\t\t}).then(() => {\n\t\t\t\t\tthis.setState({ loading: false, nextPageLoading: false });\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tthis.props.getMySections({\n\t\t\t\tpageIndex: this.state.page,\n\t\t\t\tfilter: filter,\n\t\t\t\tsortBy: this.state.sort,\n\t\t\t}).then(() => {\n\t\t\t\tthis.setState({ loading: false, nextPageLoading: false });\n\t\t\t});\n\t\t}\n\t}\n\n\tgetNextPage = async () => {\n\t\tawait this.setState({ page: this.state.page + 1 });\n\t\tthis.getSections(true);\n\t}\n\n\thandleHashChange = async () => {\n\t\tawait this.setState({ activeTab: window.location.hash.replace('#', ''), page: 1 });\n\n\t\tif (this.state.searchQuery != null) {\n\t\t\tthis.onSearch(this.state.searchQuery);\n\t\t} else {\n\t\t\tthis.getSections();\n\t\t}\n\t}\n\n\tnoGroupsFound = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tnoSearchResultFound = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{this.props.translate('no-sections-found')}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tcutDescription = (description) => {\n\t\tif (description == null) {\n\t\t\treturn '';\n\t\t}\n\n\t\tlet strippedDescription = getDescription(description).replace(/(<([^>]+)>)/ig, '');\n\t\tif (strippedDescription.length > 99) {\n\t\t\treturn strippedDescription.slice(0, 100) + '…';\n\t\t}\n\n\t\treturn strippedDescription;\n\t}\n\n\tcloseModal = () => {\n\t\tthis.setState({ selectedGroup: null });\n\t}\n\n\tcloseOptionsModal = () => {\n\t\tthis.setState({ optionsModalVisible: false });\n\t}\n\n\tonSearch = async (values) => {\n\t\tif (values.query.length < 3) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst user = new User(this.props.currentUser);\n\t\tthis.setState({ loading: true, searchQuery: values });\n\t\tconst filter = this.getFilter();\n\t\tthis.setState({ loading: true });\n\n\t\tif (user.isAdministrator() && this.state.activeTab == \"allgroupsfromschool\") {\n\t\t\tthis.props.getAllSections({\n\t\t\t\tfilter: filter,\n\t\t\t\tquery: values.query,\n\t\t\t\tsortBy: this.state.sort,\n\t\t\t}).then(() => {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t});\n\t\t} else {\n\t\t\tawait this.props.searchMySections({\n\t\t\t\tquery: values.query,\n\t\t\t\tfilter: filter,\n\t\t\t\tsortBy: this.state.sort,\n\t\t\t}).then(() => {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t});\n\t\t}\n\n\t\t// this.setState({ loading: false });\n\t}\n\n\tsearchOnChange = async (values) => {\n\t\tif (values == null || values.length == 0) {\n\t\t\tconst user = new User(this.props.currentUser);\n\t\t\tawait this.setState({ searchQuery: null, page: 1 });\n\t\t\tthis.props.clearSearch();\n\n\t\t\tif (user.isAdministrator() && this.state.activeTab == \"allgroupsfromschool\") {\n\t\t\t\tthis.getSections();\n\t\t\t}\n\t\t}\n\t}\n\n\ttoggleArchived = async (group) => {\n\t\tif (!group.archived) {\n\t\t\tconst result = await swal.fire({\n\t\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\t\thtml: this.props.translate('Both the group and the Microsoft Team will be archived.\n\t\t\t\t\t{this.props.translate('no-search-was-found')}\n\t\t\t\t
\n\t\t\tDo you want to archive this group?'),\n\t\t\t\tshowCancelButton: true,\n\t\t\t\tfocusConfirm: false,\n\t\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t\t});\n\n\t\t\tif (result.dismiss != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t} else {\n\t\t\tconst result = await swal.fire({\n\t\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\t\ttext: this.props.translate('Are you sure you want to reset this group?'),\n\t\t\t\tshowCancelButton: true,\n\t\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t\t});\n\n\t\t\tif (result.dismiss != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tgroup.courses = null;\n\n\t\tthis.setState({ loadingGroups: [...this.state.loadingGroups, group.id] });\n\n\t\tthis.props.updateArchived(group)\n\t\t\t.then(() => {\n\t\t\t\tthis.setState({ loadingGroups: [...this.state.loadingGroups.filter(lg => lg != group.id)] });\n\t\t\t});\n\t}\n\n\ttoggleFilter = async (filter) => {\n\t\tlet filters = this.state.filters;\n\t\tif (filters.includes(filter)) {\n\t\t\tfilters = filters.filter(f => f != filter);\n\t\t} else {\n\t\t\tfilters.push(filter);\n\t\t}\n\n\t\tawait this.setState({ filters, page: 1 }, () => {\n\t\t\tconst { currentUser } = this.props;\n\t\t\tlocalStorage.setItem('group-filters:' + currentUser.id, JSON.stringify(this.state.filters));\n\t\t});\n\n\t\tthis.setState({ loading: true });\n\t\tthis.getSections();\n\t}\n\n\tonSortChange = async (event) => {\n\t\tawait this.setState({ sort: event.target.value, page: 1 }, () => {\n\t\t\tconst { currentUser } = this.props;\n\t\t\tlocalStorage.setItem('group-sort:' + currentUser.id, this.state.sort);\n\t\t});\n\n\t\tthis.setState({ loading: true });\n\t\tthis.getSections();\n\t}\n\n\tconnectGroup = (group) => {\n\t\tthis.setState({ selectedGroup: group });\n\t}\n\n\trenderSearchResult = () => {\n\t\tconst { searchResults } = this.props;\n\n\t\tif (this.state.loading) {\n\t\t\treturn
\n\t\t\t\t
\n\t\t}\n\n\t\treturn (\n\t\t\t{searchResults != null && searchResults.length == 0 ?\n\t\t\t\tthis.noSearchResultFound()\n\t\t\t\t: null}\n\n\t\t\t{searchResults != null && searchResults.length > 0 ?\n\t\t\t\tsearchResults.map(this.renderGroup)\n\t\t\t\t: null}\n\t\t
)\n\t}\n\n\trenderGroupResult = () => {\n\t\tconst { groups } = this.props;\n\t\tlet filter = this.getFilter();\n\t\tlet showResult = filter.includes('MENTOR_GROUP') || filter.includes('EDUCATION_GROUP') || filter.includes('UNLINKED');\n\n\t\tif (this.state.loading) {\n\t\t\treturn \n\t\t\t\t
\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{(!this.state.loading && groups != null && groups.length == 0) || !showResult ?\n\t\t\t\t\tthis.noGroupsFound()\n\t\t\t\t\t: null}\n\n\t\t\t\t{groups != null && groups.length > 0 && showResult ?\n\t\t\t\t\tgroups.map(this.renderGroup)\n\t\t\t\t\t: null}\n\t\t\t
\n\t\t);\n\t}\n\n\trenderGroup = (group, index) => {\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst loading = this.state.loadingGroups.indexOf(group.id) > -1;\n\t\tlet events = group.events;\n\t\tlet element = Link;\n\t\tif (group.id == 0) {\n\t\t\telement = null;\n\t\t}\n\n\t\tif (this.state.filters == null || this.state.filters.length == 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet cardTitle = (\n\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Connected')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{group.lastSynced ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Not connected')}\n\t\t\t\t\t\t
\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{group.archived && (\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('Archived')}\n\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\n\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t
\n\n\t\t\t{!user.isStudent() && (user.isAdministrator() || group.userRole == 'OWNER') ?\n\t\t\t\t\n\t\t\t\t\t\t\t{this.cutDescription(group.description)}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{events != null ?\n\t\t\t\t\t\t\t\t\tevents.map((event, index) => {\n\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t{new DateTime(event.created).getDateStamp()}
\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate(event.event)}\n\t\t\t\t\t\t\t\t\t\t\t\t{event.createdBy != null ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t' • ' + event.createdBy.firstName + ' ' + event.createdBy.lastName\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t{group.type != null ?\n\t\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate(group.type)}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{group.userRole == 'OWNER' ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Owner')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t{group.id == 0 && this.showConnectButton() && (user.isAdministrator || group.userRole == 'OWNER') ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\t\t\t\t
\n\t\t\t\t: null}\n\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{group.id != 0 && group.userRole == 'OWNER' ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t
\n\t}\n\n\trenderNotConnectedErrorMessages = () => {\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (user != null && !user.isMentor() && !user.isTeacher()) {\n\t\t\treturn (\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{(user.isMentor() && user.isTeacher()) || user.isAdministrator() ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t -1}\n\t\t\t\t\t\t\t\t\t\tonChange={() => this.toggleFilter('education')}\n\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t -1}\n\t\t\t\t\t\t\t\t\t\tonChange={() => this.toggleFilter('mentor')}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{this.state.filters.indexOf('mentor') > -1 || this.state.filters.indexOf('education') > -1 ?\n\t\t\t\t\t\t\t\t -1}\n\t\t\t\t\t\t\t\t\tonChange={() => this.toggleFilter('archived')}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{/* {user.isAdministrator() && (this.state.filters.indexOf('mentor') > -1 || this.state.filters.indexOf('education') > -1) ?\n\t\t\t\t\t\t\t\t -1}\n\t\t\t\t\t\t\t\t\tonChange={() => this.toggleFilter('groups_owned_by_me')}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t: null} */}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
)\n\t\t}\n\n\t\tif (!this.showConnectButton()) {\n\t\t\treturn (\n\t\t\t\t
)\n\t\t}\n\n\t\treturn null;\n\t}\n\n\trenderGroupList = () => {\n\t\tconst user = new User(this.props.currentUser);\n\t\tlet { searchQuery } = this.state;\n\n\t\tif (user.isStudent()) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{this.renderFoldButton()}\n\n\t\t\t\t\t{this.renderGroupResult()}\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\teducationGroups: state.sections.educationGroups,\n\t\tarchivedEducationGroups: state.sections.archivedEducationGroups,\n\t\tcurrentUser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tgroups: state.user.mySections,\n\t\tsearchResults: state.Search.groups,\n\t\tschoolDataForSections: state.School.schoolDataForSection\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetArchivedEducationGroups,\n\tsetPageTitle,\n\tupdateArchived,\n\tgetMySections,\n\tsearchGroups,\n\tclearSearch,\n\tgetAllSections,\n\tsearchMySections,\n\tgetSchoolDataForSections,\n\tsetPageActions\n})(MySections);\n","import React, { Component } from 'react';\nimport Groups from 'containers/Overview/Sections/Groups';\n\nclass GroupsPage extends Component {\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nexport default GroupsPage;\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport Moment from 'moment';\n\nimport { PRESCHOOL } from 'constants/schoolTypes';\n\nimport { getFileUrl } from 'actions/files';\n\nimport {\n\tclearDocumentsFromStore,\n\tclearSectionDocumentsFromStore,\n\tgetDocumentsBySectionId,\n\tgetDocumentsPage,\n} from 'actions/documents';\n\nimport {\n\tclearPostsFromStore,\n\tgetPostsBySectionId,\n\tgetPostsPage,\n\tsetPostCollectionInfo\n} from 'actions/posts';\n\nimport { fetch_preschoolgoals } from 'actions/preschoolform';\nimport { getMentorGroups } from 'actions/sections';\nimport { setPageTitle, setPageActions } from 'actions/header';\n\nimport { getDescription } from 'helpers/content';\nimport { getParameterByName } from 'helpers/url';\n\nimport User from '_class/User';\n\nimport LoadingCards from 'components/Cards/LoadingCard';\nimport Date from 'components/Presentation/Date/Date';\nimport Documentation from 'containers/Forms/Documentation';\nimport Post from 'containers/Forms/Post';\nimport Modal from 'containers/Modals/Modal';\nimport DatePickerFromTo from 'containers/Forms/Partials/DatePickerFromTo';\n\nimport Block, { BlockWrapper } from 'UI/Elements/Block';\nimport { Icon, TooltipMenu, Button, Radio } from '@haldor/ui';\nimport FromNow from 'components/Presentation/Date/FromNow';\n\nclass AllPosts extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tdocumentModal: false,\n\t\t\teventModal: false,\n\t\t\tsendAllmodal: false,\n\t\t\tappending: false,\n\t\t\tpage: 1,\n\t\t\tgroupFilter: 0,\n\t\t\tstatusFilter: 'published',\n\t\t\tstartDate: moment().subtract('3', 'months').format('YYYY-MM-DD'),\n\t\t\tendDate: moment().format('YYYY-MM-DD'),\n\t\t\tcombined: []\n\t\t};\n\n\t\tthis.collections = [\n\t\t\t{\n\t\t\t\ttype: \"POST\",\n\t\t\t\titems: [],\n\t\t\t\tfetched: 0,\n\t\t\t\tpage: 1,\n\t\t\t\tfetchPage: this.props.getPostsPage,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: \"DOCUMENTATION\",\n\t\t\t\titems: [],\n\t\t\t\tfetched: 0,\n\t\t\t\tpage: 1,\n\t\t\t\tfetchPage: this.props.getDocumentsPage,\n\t\t\t}\n\t\t];\n\n\t\tthis.pageSize = 15;\n\t}\n\n\tcomponentDidMount = async () => {\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst isPreschool = user.getActiveSchool() != null && user.getActiveSchool().type == PRESCHOOL;\n\t\tlet actions = [];\n\n\t\tif ((user.isMentor() || user.isAdministrator() || user.isSchoolLeader()) && this.props.mentorGroups.length == 0) {\n\t\t\tthis.props.getMentorGroups();\n\t\t}\n\n\t\tif (getParameterByName('group') != null) {\n\t\t\tconst groupId = parseInt(getParameterByName('group'), 10);\n\t\t\tthis.collections[0].fetchPage = this.props.getPostsBySectionId;\n\t\t\tthis.collections[1].fetchPage = this.props.getDocumentsBySectionId;\n\t\t\tawait this.setState({ groupFilter: groupId });\n\t\t}\n\n\t\tawait this.props.clearPostsFromStore();\n\t\tthis.fetchData(this.state.page);\n\n\t\tif (this.props.preschoolGoals.length < 1 && isPreschool) {\n\t\t\tthis.props.fetch_preschoolgoals();\n\t\t}\n\n\t\tif (!user.isStudent()) {\n\t\t\tactions.push({\n\t\t\t\ttype: 'button',\n\t\t\t\tvalue: this.props.translate('Create post'),\n\t\t\t\tonClick: this.toggleEventModal,\n\t\t\t\tbuttonType: 'primary',\n\t\t\t\ticon: 'plus',\n\t\t\t});\n\n\t\t\tif (isPreschool) {\n\t\t\t\tactions.push({\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tvalue: this.props.translate('Create documentation'),\n\t\t\t\t\tonClick: this.toggleDocumentModal,\n\t\t\t\t\tbuttonType: 'primary',\n\t\t\t\t\ticon: 'plus',\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (user.isOperationManager()) {\n\t\t\t\tactions.push({\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tvalue: this.props.translate('Create schoolwide announcement'),\n\t\t\t\t\tonClick: this.toggleSendAllModal,\n\t\t\t\t\tbuttonType: 'primary',\n\t\t\t\t\ticon: 'plus',\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tthis.props.setPageTitle(this.props.translate('preschooldocument-posts'));\n\t\tthis.props.setPageActions(actions);\n\t}\n\n\tfetchPages = (collections) => {\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst { statusFilter, groupFilter } = this.state;\n\t\tconst isPreschool = user.getActiveSchool() != null && user.getActiveSchool().type == PRESCHOOL;\n\t\tconst start = this.props.userRole === \"student\" ? null : moment(this.state.startDate).subtract('1', 'days').format('YYYY-MM-DD');\n\t\tconst end = moment(this.state.endDate).add('1', 'days').format('YYYY-MM-DD');\n\t\tconst foundInCombined = (obj) => {\n\t\t\tlet added = this.state.combined.findIndex(combined => combined.id == obj.id);\n\t\t\treturn added == -1;\n\t\t}\n\n\t\treturn new Promise((resolve) => {\n\t\t\tlet promises = [];\n\n\t\t\tcollections.map((collection) => {\n\t\t\t\tif (collection.items.length <= 0 && collection.page > collection.fetched) {\n\t\t\t\t\tif (collection.type == 'DOCUMENTATION' && !isPreschool) {\n\t\t\t\t\t\treturn collection;\n\t\t\t\t\t}\n\n\t\t\t\t\tlet filter = statusFilter;\n\t\t\t\t\tif (collection.type == 'DOCUMENTATION' && filter != null) {\n\t\t\t\t\t\tfilter = statusFilter == 'published' ? 'DOCUMENTATION_PUBLISHED' : 'DOCUMENTATION_DRAFT';\n\t\t\t\t\t}\n\n\t\t\t\t\tcollection.fetched = collection.page;\n\t\t\t\t\tlet promise = null;\n\n\t\t\t\t\tif (groupFilter > 0) {\n\t\t\t\t\t\tpromise = collection.fetchPage(groupFilter, collection.page, filter, start, end, this.pageSize);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tpromise = collection.fetchPage(collection.page, filter, start, end, this.pageSize);\n\t\t\t\t\t}\n\n\t\t\t\t\tpromises.push(promise);\n\t\t\t\t}\n\n\t\t\t\treturn collection;\n\t\t\t});\n\n\t\t\tPromise.all(promises).then(() => {\n\t\t\t\tcollections.map((collection) => {\n\t\t\t\t\tlet posts = this.props.posts;\n\t\t\t\t\tlet documentations = this.props.documentations;\n\n\t\t\t\t\tif (groupFilter > 0) {\n\t\t\t\t\t\tposts = this.props.groupPosts;\n\t\t\t\t\t\tdocumentations = this.props.groupDocuments;\n\t\t\t\t\t}\n\n\t\t\t\t\tswitch (collection.type) {\n\t\t\t\t\t\tcase \"POST\":\n\t\t\t\t\t\t\tcollection.items = posts.map(\n\t\t\t\t\t\t\t\t(obj) => ({ ...obj, type: 'POST' })\n\t\t\t\t\t\t\t).filter(foundInCombined);\n\t\t\t\t\t\t\treturn collection;\n\t\t\t\t\t\t\tbreak;\n\n\t\t\t\t\t\tcase \"DOCUMENTATION\":\n\t\t\t\t\t\t\tif (!isPreschool)\n\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\tcollection.items = documentations.map(\n\t\t\t\t\t\t\t\t(obj) => ({ ...obj, type: 'DOCUMENTATION' })\n\t\t\t\t\t\t\t).filter(foundInCombined);\n\t\t\t\t\t\t\treturn collection;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tresolve(collections);\n\t\t\t});\n\t\t});\n\t}\n\n\tpaginationSort = (page = 1) => new Promise(async (resolve) => {\n\t\t// Offset start and end date by 1 day bc <>\n\t\tconst sortItems = (a, b) => {\n\t\t\treturn Moment(b.published).unix() - Moment(a.published).unix();\n\t\t};\n\n\t\tlet combined = JSON.parse(JSON.stringify(this.state.combined));\n\t\tlet collection = [...this.collections[0].items, ...this.collections[1].items].sort(sortItems);\n\n\t\tif (collection.length == 0) {\n\t\t\tthis.collections = await this.fetchPages(this.collections);\n\t\t\tcollection = [...this.collections[0].items, ...this.collections[1].items].sort(sortItems);\n\t\t}\n\n\t\twhile (combined.length < (this.pageSize * page)) {\n\t\t\tconst item = collection.shift();\n\n\t\t\tif (item != null) {\n\t\t\t\tcombined.push(item);\n\n\t\t\t\tlet collectionInfo = this.collections.find((obj) => {\n\t\t\t\t\treturn obj.type == item.type;\n\t\t\t\t});\n\n\t\t\t\tif (collectionInfo != null) {\n\t\t\t\t\tlet index = collectionInfo.items.findIndex((obj) => {\n\t\t\t\t\t\treturn obj.id == item.id && obj.type == item.type\n\t\t\t\t\t});\n\n\t\t\t\t\tif (index > -1) {\n\t\t\t\t\t\tcollectionInfo.items.splice(index, 1);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (item.type == 'POST') {\n\t\t\t\t\t\tthis.collections[0] = collectionInfo;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.collections[1] = collectionInfo;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (collectionInfo.items.length <= 0) {\n\t\t\t\t\t\t//Fetch next page\n\t\t\t\t\t\tcollectionInfo.page += 1;\n\t\t\t\t\t\tawait this.setState({ combined });\n\t\t\t\t\t\tthis.collections = await this.fetchPages(this.collections);\n\t\t\t\t\t\tcollection = [...this.collections[0].items, ...this.collections[1].items].sort(sortItems);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\tawait this.setState({ combined });\n\t\tresolve(1);\n\t})\n\n\tfetchData = async (page) => {\n\t\tthis.setState({ appending: true });\n\t\tawait this.paginationSort(page);\n\t\tthis.setState({ appending: false });\n\t}\n\n\tloadMore = async () => {\n\t\tconst { page } = this.state;\n\n\t\tif (this.state.appending) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet newPage = page + 1;\n\n\t\tthis.setState({ appending: true });\n\t\tawait this.paginationSort(newPage);\n\t\tthis.setState({ page: newPage, appending: false });\n\t}\n\n\tresetCollectionProgress = () => {\n\t\tthis.collections = this.collections.map((collection) => {\n\t\t\tcollection.page = 1;\n\t\t\tcollection.fetched = 0;\n\t\t\tcollection.items = [];\n\t\t\treturn collection;\n\t\t});\n\t}\n\n\ttoggleDocumentModal = () => {\n\t\tthis.setState({ documentModal: !this.state.documentModal });\n\t}\n\n\ttoggleEventModal = () => {\n\t\tthis.setState({ eventModal: !this.state.eventModal });\n\t}\n\n\ttoggleSendAllModal = () => {\n\t\tthis.setState({ sendAllModal: !this.state.sendAllModal });\n\t}\n\n\tfilterOnGroup = async (event) => {\n\t\tconst groupId = parseInt(event.target.value, 10);\n\n\t\tthis.resetCollectionProgress();\n\n\t\tif (groupId < 1) {\n\t\t\tthis.collections[0].fetchPage = this.props.getPostsPage;\n\t\t\tthis.collections[1].fetchPage = this.props.getDocumentsPage;\n\n\t\t\tawait this.setState({ combined: [], groupFilter: 0, page: 1 });\n\t\t} else {\n\t\t\tthis.collections[0].fetchPage = this.props.getPostsBySectionId;\n\t\t\tthis.collections[1].fetchPage = this.props.getDocumentsBySectionId;\n\n\t\t\tawait this.setState({ combined: [], groupFilter: groupId, page: 1 });\n\t\t}\n\n\t\tthis.fetchData(1);\n\t}\n\n\tclearGroupFilter = async (event) => {\n\t\tevent.preventDefault();\n\n\t\tthis.resetCollectionProgress();\n\t\tthis.collections[0].fetchPage = this.props.getPostsPage;\n\t\tthis.collections[1].fetchPage = this.props.getDocumentsPage;\n\n\t\tlet page = 1;\n\n\t\tawait this.setState({ combined: [], groupFilter: 0, page });\n\n\t\tthis.fetchData(1);\n\t}\n\n\tonFilterDateChange = async (dates) => {\n\t\tvar changedStartDate = moment(dates.start);\n\t\tvar changedEndDate = moment(dates.end);\n\n\t\tconst { startDate, endDate } = this.state;\n\t\tif (changedStartDate.format('YYYY-MM-DD') == startDate && changedEndDate.format('YYYY-MM-DD') == endDate) {\n\t\t\treturn false;\n\t\t}\n\n\t\tthis.resetCollectionProgress();\n\t\tawait this.setState({\n\t\t\tcombined: [],\n\t\t\tstartDate: changedStartDate.format('YYYY-MM-DD'),\n\t\t\tendDate: changedEndDate.format('YYYY-MM-DD'),\n\t\t\tpage: 1,\n\t\t});\n\n\t\tawait this.props.clearPostsFromStore();\n\t\tthis.fetchData(1);\n\t}\n\n\tonStatusFilterChange = async (filter) => {\n\t\tif (filter == this.state.statusFilter) {\n\t\t\treturn false;\n\t\t}\n\n\t\tthis.resetCollectionProgress();\n\t\tawait this.setState({ combined: [], statusFilter: filter, page: 1 });\n\n\t\tawait this.props.clearPostsFromStore();\n\t\tthis.fetchData(1);\n\t}\n\n\trenderContent = () => {\n\t\tconst { combined } = this.state;\n\n\t\tif (combined.length > 0) {\n\t\t\treturn \n\t\t\t\t{this.props.translate('no-items-found')}\n\t\t\t
\n\t\t);\n\t}\n\n\theaderContent = (document) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tcontent = (document) => {\n\t\tif (document.type == 'POST') {\n\t\t\tlet strippedDescription = \"\";\n\n\t\t\tif (document.abbreviatedDescription != null) {\n\t\t\t\tstrippedDescription = getDescription(document.abbreviatedDescription).replace(/(<([^>]+)>)/ig, '');\n\t\t\t\tif (strippedDescription.length > 99) {\n\t\t\t\t\tstrippedDescription = strippedDescription.slice(0, 100) + '…';\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{document.author != null ?\n\t\t\t\t\t\ttypeof document.author == 'string' ?\n\t\t\t\t\t\t\tdocument.author\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t`${document.author.firstName != null ? document.author.firstName : ''} ${document.author.lastName != null ? document.author.lastName : ''}`\n\t\t\t\t\t\t: ' '}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t{document.published != null ?\n\t\t\t\t\t\tmoment.utc(document.published).isAfter(moment()) ?\n\t\t\t\t\t\t\t{moment.utc(document.published).local().format()} \n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t{moment.utc(document.published).local()} \n\t\t\t\t\t\t: null}\n\t\t\t\t
\n\n\t\t\t\t{document.important && document.eventDate != null ?\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{document.status == 'POST_DRAFT' || document.status == 'DOCUMENTATION_DRAFT' ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Draft')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{document.important && document.eventDate != null && moment() <= moment(document.eventDate) ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('important!')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\tif (document.description) {\n\t\t\t\tlet strippedDescription = getDescription(document.description).replace(/(<([^>]+)>)/ig, '');\n\t\t\t\tif (strippedDescription.length > 99) {\n\t\t\t\t\tstrippedDescription = strippedDescription.slice(0, 100) + '…';\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t{document.title}
\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t{document.title}
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\t}\n\n\tfooterContent = (document) => {\n\t\tconst { preschoolGoals } = this.props;\n\n\t\tif (document.associatedGoals && document.associatedGoals.length > 0) {\n\t\t\tlet groups = [];\n\n\t\t\tif (preschoolGoals && preschoolGoals.length > 0) {\n\t\t\t\tpreschoolGoals.map(goal => {\n\t\t\t\t\tconst inDocument = document.associatedGoals.find(function (goalOb) {\n\t\t\t\t\t\treturn goalOb.goalId == goal.id;\n\t\t\t\t\t});\n\n\t\t\t\t\tif (typeof (inDocument) != 'undefined') {\n\t\t\t\t\t\tlet inArray = groups.findIndex(i => i.name == goal.group);\n\n\t\t\t\t\t\tif (inArray > -1) {\n\t\t\t\t\t\t\treturn groups[inArray].count++;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlet group = {\n\t\t\t\t\t\t\t\t'name': goal.group,\n\t\t\t\t\t\t\t\t'color': goal.colorCode,\n\t\t\t\t\t\t\t\t'count': 1,\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\treturn groups.push(group);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t{document.title}
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\trenderDocument = (document) => {\n\t\tlet link = '';\n\n\t\tif (document.type == 'POST') {\n\t\t\tlink = 'post/' + document.id;\n\t\t} else {\n\t\t\tlink = 'preschooldocument/' + document.id;\n\t\t}\n\n\t\tlet file = null;\n\t\tif (document.associatedFiles != null && document.associatedFiles.length > 0) {\n\t\t\tfile = document.associatedFiles.find(file => {\n\t\t\t\treturn file.type && file.type.indexOf('image') > -1;\n\t\t\t})\n\t\t}\n\t\tif (document.status != 'POST_PUBLISHED') {\n\t\t\tdocument.published = null;\n\t\t}\n\n\t\treturn (\n\t\t\t{this.props.translate('goals')}
\n\n\t\t\t\t\t{groups.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{groups.map(group => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{group.name} ({group.count})\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Create documentation')}\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Create post')}\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t{user.isOperationManager() ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Create schoolwide announcement')}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\tif (!user.isStudent()) {\n\t\t\t\tif (user.isOperationManager()) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('Create post')}\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('Create schoolwide announcement')}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn null;\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { appending, groupFilter } = this.state;\n\n\t\tlet isPreschool = false;\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (user.getActiveSchool() != null && user.getActiveSchool().type == PRESCHOOL) {\n\t\t\tisPreschool = true;\n\t\t}\n\n\t\tlet sections = [];\n\n\t\tif (user.isMentor() || user.isAdministrator() || user.isSchoolLeader() || user.isOperationManager()) {\n\t\t\tsections = this.props.groups.concat(this.props.mentorGroups);\n\t\t} else {\n\t\t\tsections = this.props.groups;\n\t\t}\n\n\t\tif (!(user.isStudent() || user.isSchoolLeader() || user.isAdministrator() || user.isOperationManager())) {\n\t\t\tsections = sections.filter(section => {\n\t\t\t\treturn section.userRole === \"OWNER\";\n\t\t\t});\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{!user.isStudent() && isPreschool ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tuser: state.user.user,\n\t\tcurrentUser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tdocumentations: state.CombinedEvents.documentations,\n\t\tposts: state.CombinedEvents.posts,\n\t\tpreschoolGoals: state.PreschoolGoals.preschoolGoals,\n\t\tgroups: state.sections.educationGroups,\n\t\tmentorGroups: state.sections.mentorGroups,\n\t\tgroupPosts: state.CombinedEvents.sectionPosts,\n\t\tgroupDocuments: state.CombinedEvents.sectionDocumentations,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetDocumentsPage,\n\tgetPostsPage,\n\tgetFileUrl,\n\tfetch_preschoolgoals,\n\tgetPostsBySectionId,\n\tgetDocumentsBySectionId,\n\tclearSectionDocumentsFromStore,\n\tclearDocumentsFromStore,\n\tclearPostsFromStore,\n\tsetPageTitle,\n\tsetPageActions,\n\tgetMentorGroups,\n\tsetPostCollectionInfo\n})(AllPosts);","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { reduxForm } from 'redux-form';\nimport StudentAdjustmentForm from 'containers/AdditionalAdjustments/Form/StudentAdjustmentForm';\nimport { Search as SearchInput } from 'UI/Inputs';\nimport { getActiveSchool } from 'helpers/localstorage';\nimport { searchSchoolUsers } from 'actions/search';\nimport { DataList } from 'UI';\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\nimport { Checkbox } from '@haldor/ui';\n\nclass AssignAdditionalAdjustments extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tselectStudent: null\n\t\t};\n\n\t\tthis.selectStudent = this.selectStudent.bind(this);\n\t\tthis.renderStudent = this.renderStudent.bind(this);\n\t}\n\n\tonSubmit = (values) => {\n\t\tconst { onClose } = this.props;\n\t\treturn new Promise((resolve) => {\n\n\t\t});\n\t}\n\n\trunSearch = (term) => {\n\t\tif (term != null && term !== '') {\n\t\t\tthis.setState({ term });\n\n\t\t\tPromise.all([\n\t\t\t\tthis.props.searchSchoolUsers(term, 'student', ''),\n\t\t\t]).then(() => {\n\t\t\t\tthis.setState({ loading: false, selectStudent: null });\n\t\t\t});\n\t\t}\n\t}\n\n\tonSearch = (value) => {\n\t\tthis.runSearch(value.query);\n\t}\n\n\tselectStudent = (student) => {\n\t\tif (this.state.selectStudent?.userId == student.userId) {\n\t\t\tthis.setState({ selectStudent: null });\n\t\t} else {\n\t\t\tthis.setState({ selectStudent: student });\n\t\t}\n\t}\n\n\trenderStudent = (user) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{groupFilter > 0 ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{this.renderContent()}\n\n\t\t\t\t\t\t{appending ?\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tstudents: state.Search.students,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tsearchSchoolUsers\n})(reduxForm({\n\tform: 'AssignAdditionalAdjustments',\n\tdestroyOnUnmount: true,\n})(AssignAdditionalAdjustments));\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, reduxForm } from 'redux-form';\n\nimport {\n\tcreateAdditionalAdjustment,\n\tupdateAdditionalAdjustment,\n\tgetSchoolAdjustments,\n} from 'actions/additional_adjustments';\n\nimport { Editor } from 'UI/Inputs';\nimport { Button } from '@haldor/ui'\n\nclass CreateAdditionalAdjustmentForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\ttitle: '',\n\t\t\tsubTitle: '',\n\t\t\tdescription: ''\n\t\t};\n\t}\n\n\tonTitleChange = (event) => {\n\t\tthis.setState({ title: event.target.value });\n\t}\n\n\tonSubTitleChange = (event) => {\n\t\tthis.setState({ subTitle: event.target.value });\n\t}\n\n\tonDescriptionChange = (event) => {\n\t\tthis.setState({ description: event.target.value });\n\t}\n\n\tonSubmit = (values) => {\n\t\tconst { onClose } = this.props;\n\t\treturn new Promise((resolve) => {\n\t\t\tif (this.props.initialValues == null) {\n\t\t\t\tthis.props.createAdditionalAdjustment(values).then(() => {\n\t\t\t\t\tresolve(1);\n\n\t\t\t\t\tif (onClose) {\n\t\t\t\t\t\tonClose();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.props.updateAdditionalAdjustment(values).then(() => {\n\t\t\t\t\tthis.props.getSchoolAdjustments().then(() => {\n\t\t\t\t\t\tresolve(1);\n\n\t\t\t\t\t\tif (onClose) {\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\trenderInput = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t (\n\t\t\t\t\t\t\t
\n\n\t\t\t\t{this.state.selectStudent != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\trequired = (value) => {\n\t\tif (typeof (value) != 'undefined' && value != '' && value != null) {\n\t\t\tif (value.length > 199) {\n\t\t\t\t// Field failed validation, return error for this field (String)\n\t\t\t\treturn this.props.translate('field-max-200-chars');\n\t\t\t}\n\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string and not over 200 characters\n\t\t\treturn undefined;\n\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\trender() {\n\t\tconst { submitting, handleSubmit, valid } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{submitting ?
: null}\n\n\t\t\t\t\n\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tinitialValues: ownProps.editAdjustment\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tcreateAdditionalAdjustment,\n\tupdateAdditionalAdjustment,\n\tgetSchoolAdjustments,\n})(reduxForm({\n\tform: 'CreateAdditionalAdjustmentForm',\n\tdestroyOnUnmount: true,\n})(CreateAdditionalAdjustmentForm));","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\n\nimport User from '_class/User';\n\nimport { setPageTitle, setPageActions } from 'actions/header';\n\nimport {\n\tgetSchoolAdjustments,\n\tgetAdditionalAdjustments,\n\tupdateAdditionalAdjustment,\n\tgetStudentAdjustments,\n\tupdateStudentAdjustment,\n\tdeleteAdditionalAdjustment,\n\tdeleteStudentAdjustment,\n} from 'actions/additional_adjustments';\n\nimport { clearSearchResults } from 'actions/search';\nimport { getStudentAdditionalAdjustmentsForGroup } from 'actions/sections';\n\nimport { GetGroupedByStudent, AddUnusedAdditionalAdjustments } from '../Helpers';\nimport AssignAdditionalAdjustments from './AssignAdditionalAdjustments';\nimport StudentAdjustment from 'containers/AdditionalAdjustments/Display/StudentAdjustment';\n\nimport EditStudentAdjustmentForm from '../Form/EditStudentAdjustmentForm';\nimport CreateAdditionalAdjustment from './CreateAdditionalAdjustment';\nimport Redirect from 'components/Redirect/Redirect';\n\nimport { Block, Icon, TooltipMenu, Flex, Button, Tabs, Tab, translate } from '@haldor/ui';\nimport Modal from 'containers/Modals/Modal';\nimport { Spinner, Collapsible, Person } from 'UI';\n\nimport '../Display/GroupAdjustments.scss';\nimport './AdministrateAdjustments.scss';\n\nclass AdministrateAdjustments extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\teditAdjustment: false,\n\t\t\tcreateAdjustmentModal: false,\n\t\t\tassignAdjustmentModal: false,\n\t\t\tloading: true,\n\t\t\tactiveStudent: null,\n\t\t\tactiveStudentAdjustment: null,\n\t\t\tadjustment: null,\n\t\t\tselectedStatus: null,\n\t\t\tselectedGroup: '0',\n\t\t\tstudentAdjustmentsModal: false,\n\t\t\tloadingStudentAdjustments: false,\n\t\t\tstudentAdjustmentId: null\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.props.setPageTitle(this.props.translate('additional-adjustments'));\n\n\t\tlet promises = [this.props.getSchoolAdjustments(), this.props.getAdditionalAdjustments()];\n\t\tPromise.all(promises).then(() => {\n\t\t\tthis.setState({ loading: false });\n\t\t})\n\n\t\tlet actions = []\n\t\tactions.push({\n\t\t\ttype: 'button',\n\t\t\tvalue: this.props.translate('Create additional adjustment template'),\n\t\t\tonClick: this.toggleCreateAdditionalAdjustment,\n\t\t\ticon: 'plus',\n\t\t});\n\n\t\tactions.push({\n\t\t\ttype: 'button',\n\t\t\tvalue: this.props.translate('assign-adjustment'),\n\t\t\tonClick: this.toggleAssignStudentAdditionalAdjustment,\n\t\t\ticon: 'plus',\n\t\t});\n\n\t\tthis.props.setPageActions(actions);\n\t}\n\n\t/* Events */\n\tonStudentAdjustmentEdit = (studentAdjustment) => {\n\t\tthis.setState({ editAdjustment: true, adjustment: studentAdjustment });\n\t}\n\n\tonStudentClick = (student) => {\n\t\tthis.setState({ activeStudent: student, studentAdjustmentsModal: true, loadingStudentAdjustments: true });\n\t\tvar fetchStudent = false;\n\n\t\tif (this.props.studentAdjustments != null && this.props.studentAdjustments.length > 0) {\n\t\t\tif (this.props.studentAdjustments[0].studentID != student.userId) {\n\t\t\t\tfetchStudent = true;\n\t\t\t} else {\n\t\t\t\tlet adjustmentId = student.items[0].adjustmentID;\n\t\t\t\tthis.setState({ loadingStudentAdjustments: false, studentAdjustmentId: adjustmentId });\n\t\t\t}\n\t\t} else {\n\t\t\tfetchStudent = true;\n\t\t}\n\n\t\tif (fetchStudent) {\n\t\t\tthis.props.getStudentAdjustments(student.userId).then(() => {\n\t\t\t\tlet adjustmentId = student.items[0].adjustmentID;\n\t\t\t\tthis.setState({ loadingStudentAdjustments: false, studentAdjustmentId: adjustmentId });\n\t\t\t});\n\t\t}\n\t}\n\n\tcloseStudent = () => {\n\t\tthis.setState({ activeStudent: null, studentAdjustmentsModal: false });\n\t}\n\n\ttoggleStudentAdjustment = (adjustment) => {\n\t\tif (adjustment != null) {\n\t\t\tthis.setState({ activeStudentAdjustment: adjustment.id });\n\t\t} else {\n\t\t\tthis.setState({ activeStudentAdjustment: null });\n\t\t}\n\t}\n\n\tupdateAdjustmentStatus = (adjustment, status) => {\n\t\tlet values = { ...adjustment };\n\t\tvalues.status = status;\n\n\t\tthis.props.updateAdditionalAdjustment(values).then(() => {\n\t\t\tlet promises = [this.props.getSchoolAdjustments(), this.props.getAdditionalAdjustments()];\n\t\t\tPromise.all(promises);\n\t\t});\n\t}\n\n\tupdateStudentAdjustmentStatus = (studentAdjustment, status) => {\n\t\tlet values = { ...studentAdjustment };\n\t\tvalues.status = status;\n\n\t\t// Clean up properties that doesnt need to be sent to the api\n\t\tdelete values.comments;\n\t\tdelete values.courses;\n\t\tdelete values.createdBy;\n\t\tdelete values.editedBy;\n\t\tdelete values.versions;\n\t\tdelete values.student;\n\n\t\tthis.props.updateStudentAdjustment(values);\n\t}\n\n\tdeleteStudentAdjustment = (studentAdjustment) => {\n\t\tthis.props.deleteStudentAdjustment(studentAdjustment);\n\t}\n\n\ttoggleCreateAdditionalAdjustment = () => {\n\t\tthis.setState({ createAdjustmentModal: !this.state.createAdjustmentModal, adjustment: null });\n\t}\n\n\ttoggleAssignStudentAdditionalAdjustment = () => {\n\t\tif (this.state.assignAdjustmentModal == false) {\n\t\t\tthis.setState({ assignAdjustmentModal: !this.state.assignAdjustmentModal });\n\t\t} else {\n\t\t\tthis.setState({ loading: true, assignAdjustmentModal: !this.state.assignAdjustmentModal });\n\n\t\t\tlet promises = [\n\t\t\t\tthis.props.getSchoolAdjustments(),\n\t\t\t\tthis.props.getAdditionalAdjustments(),\n\t\t\t\tthis.props.clearSearchResults()\n\t\t\t];\n\n\t\t\tPromise.all(promises).then(() => {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t});\n\t\t}\n\t}\n\n\tonStudentAdjustmentSubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\t// Clean up properties that doesnt need to be sent to the api\n\t\t\tdelete values.comments;\n\t\t\tdelete values.courses;\n\t\t\tdelete values.createdBy;\n\t\t\tdelete values.editedBy;\n\t\t\tdelete values.versions;\n\t\t\tdelete values.student;\n\n\t\t\tthis.props.updateStudentAdjustment(values).then(() => {\n\t\t\t\tresolve(1);\n\n\t\t\t\tthis.setState({ editAdjustment: false, adjustment: null });\n\t\t\t})\n\t\t})\n\t}\n\n\tonAdjustmentDelete = (adjustment) => {\n\t\tthis.props.deleteAdditionalAdjustment(adjustment);\n\t}\n\n\tonStatusSelect = (event) => {\n\t\tif (event.target.value == '0') {\n\t\t\tthis.setState({ selectedStatus: null });\n\t\t\treturn true;\n\t\t}\n\n\t\tthis.setState({ selectedStatus: event.target.value });\n\t}\n\n\tonGroupSelect = (event) => {\n\t\tthis.setState({ selectedGroup: event.target.value });\n\n\t\tif (event.target.value != '0') {\n\t\t\tthis.setState({ loading: true });\n\t\t\tthis.props.getStudentAdditionalAdjustmentsForGroup(event.target.value)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t}\n\t}\n\n\tclearFilter = () => {\n\t\tthis.setState({ selectedGroup: \"0\", selectedStatus: null, loading: true });\n\t\tlet promises = [this.props.getSchoolAdjustments(), this.props.getAdditionalAdjustments()];\n\t\tPromise.all(promises).then(() => {\n\t\t\tthis.setState({ loading: false });\n\t\t})\n\t}\n\n\teditAdjustment = (adjustment) => {\n\t\tthis.setState({ adjustment, createAdjustmentModal: true });\n\t}\n\n\ttoggleEditModal = () => {\n\t\tthis.setState({ editAdjustment: false, adjustment: null });\n\t}\n\n\t/* Render methods */\n\trenderModals() {\n\t\tlet adjustments = this.props.schoolAdjustments;\n\n\t\tif (this.state.selectedGroup != '0') {\n\t\t\tadjustments = this.props.groupAdjustments;\n\t\t}\n\n\t\tvar completed = [];\n\t\tthis.props.studentAdjustments.forEach(adjustment => {\n\t\t\tif (adjustment.adjustmentID == this.state.studentAdjustmentId && adjustment.status == 'COMPLETED') {\n\t\t\t\tcompleted.push(adjustment);\n\t\t\t}\n\t\t});\n\n\t\tlet studentAdjustmentModalTitle = '';\n\t\tlet studentAdjustment = null;\n\t\tif (this.state.activeStudentAdjustment != null) {\n\t\t\tstudentAdjustment = adjustments.find(adj => adj.id == this.state.activeStudentAdjustment);\n\n\t\t\tif (studentAdjustment != null) {\n\t\t\t\tstudentAdjustmentModalTitle += studentAdjustment.student.firstName + ' ' + studentAdjustment.student.lastName;\n\t\t\t\tstudentAdjustmentModalTitle += ' - ' + studentAdjustment.additionalAdjustment.title;\n\t\t\t\tif (studentAdjustment.additionalAdjustment.subTitle != null) {\n\t\t\t\t\tstudentAdjustmentModalTitle += ' - ' + studentAdjustment.additionalAdjustment.subTitle;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t this.toggleStudentAdjustment()}\n\t\t\t\t\ttitle={studentAdjustmentModalTitle}\n\t\t\t\t\ttype=\"small\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t);\n\t}\n\n\trenderFilters = () => {\n\t\tconst { translate } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t{this.state.loadingStudentAdjustments ? \n\t\t\t\t\t\t\t\t{completed.map(adjustment => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t{this.state.selectedStatus != null || this.state.selectedGroup != '0' ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n\trenderAdjustmentTrigger = (adjustment) => {\n\t\tconst dropdownTrigger = (\n\t\t\t\t\t\t{translate('section')}\n\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{translate('Status on the assigned student adjustment')}\n\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t
);\n\n\t\tconst user = new User(this.props.user);\n\t\tconst count = [...adjustment.items].filter(student => {\n\t\t\tlet hasActive = student.items.find(adj => adj.status == 'ACTIVE');\n\t\t\treturn hasActive != null;\n\t\t}).length;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{adjustment.type == \"CUSTOM\" ?\n\t\t\t\t\t\t { this.editAdjustment(adjustment) }}>\n\t\t\t\t\t\t\t{this.props.translate('Edit')}\n\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{adjustment.status == 'ACTIVE' ?\n\t\t\t\t\t\t { this.updateAdjustmentStatus(adjustment, 'ARCHIVED') }}>\n\t\t\t\t\t\t\t{this.props.translate('Archive')}\n\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{adjustment.status == 'ARCHIVED' ?\n\t\t\t\t\t\t { this.updateAdjustmentStatus(adjustment, 'ACTIVE') }}>\n\t\t\t\t\t\t\t{this.props.translate('Activate')}\n\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{adjustment.status == 'DELETED' ?\n\t\t\t\t\t\t { this.updateAdjustmentStatus(adjustment, 'ARCHIVED') }}>\n\t\t\t\t\t\t\t{this.props.translate('Reset')}\n\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{adjustment.status == 'ARCHIVED' ?\n\t\t\t\t\t\t { this.updateAdjustmentStatus(adjustment, 'DELETED') }}>\n\t\t\t\t\t\t\t{this.props.translate('Delete')}\n\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{adjustment.status == 'DELETED' && adjustment.deletable && user.isPedagogue() ?\n\t\t\t\t\t\t { this.onAdjustmentDelete(adjustment) }}>\n\t\t\t\t\t\t\t{this.props.translate('Delete permanently')}\n\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\t\t\t\t \n\t\t\t
\n\t\t)\n\t}\n\n\trenderStudents = (status) => {\n\t\tlet students = [];\n\t\tlet adjustments = this.props.schoolAdjustments;\n\n\t\tif (this.state.selectedGroup != '0') {\n\t\t\tadjustments = this.props.groupAdjustments;\n\t\t}\n\n\t\tif (adjustments == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (status != null) {\n\t\t\tadjustments = adjustments.filter(adjustment =>\n\t\t\t\tadjustment.status == status\n\t\t\t);\n\t\t}\n\n\t\tif (this.state.selectedStatus != null) {\n\t\t\tadjustments = adjustments.filter(adjustment =>\n\t\t\t\tadjustment.status == this.state.selectedStatus\n\t\t\t);\n\t\t}\n\n\t\tadjustments = adjustments.sort((a, b) =>\n\t\t\ta.student.firstName == null || b.student.firstName == null ? 0\n\t\t\t\t: a.student.firstName.localeCompare(b.student.firstName)\n\t\t)\n\n\t\tadjustments.forEach(adjustment => {\n\t\t\tif (students.indexOf(adjustment.studentID) == -1) {\n\t\t\t\tstudents.push(adjustment.studentID);\n\t\t\t}\n\t\t});\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{adjustment.title} {adjustment.subTitle != null ? \" - \" + adjustment.subTitle : null}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t{count}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)\n\n\t\t\t\t\t\tconst dropdownTrigger = (\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{foundAdjustments.length}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
);\n\n\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t})}\n\t\t\t\n\t\t\t\t\t\t\t\t\t{foundAdjustments.map(adjustment => {\n\t\t\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t this.toggleStudentAdjustment(adjustment)}>\n\t\t\t\t\t\t\t\t\t\t\t\t{adjustment.additionalAdjustment.title}\n\t\t\t\t\t\t\t\t\t\t\t\t{adjustment.additionalAdjustment.subTitle != null ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t' - ' + adjustment.additionalAdjustment.subTitle\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t { this.onStudentAdjustmentEdit(adjustment) }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Edit')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t\t\t\t\t{adjustment.status == 'ACTIVE' ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t { this.updateStudentAdjustmentStatus(adjustment, 'COMPLETED') }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Complete')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t{adjustment.status == 'COMPLETED' ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t { this.updateStudentAdjustmentStatus(adjustment, 'ACTIVE') }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Activate')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t{adjustment.status == 'COMPLETED' ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t { this.updateStudentAdjustmentStatus(adjustment, 'DELETED') }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Delete')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t{adjustment.status == 'DELETED' ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t { this.updateStudentAdjustmentStatus(adjustment, 'COMPLETED') }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Reset')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t{adjustment.status == 'DELETED' ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t { this.deleteStudentAdjustment(adjustment) }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Remove permanently')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t{this.renderModals()}\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.renderFilters()}\n\n\t\t\t\t\t\t{this.state.selectedStatus == null ?\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.renderFilters()}\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t{user.isPedagogue() ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuser: state.user.currentUser,\n\t\tschoolAdjustments: state.AdditionalAdjustments.schoolAdjustments,\n\t\tadjustments: state.AdditionalAdjustments.adjustments,\n\t\tgroupAdjustments: state.AdditionalAdjustments.groupAdjustments,\n\t\tstudentAdjustments: state.AdditionalAdjustments.studentAdjustments,\n\t\tgroups: state.sections.educationGroups,\n\t\tservices: state.Services.availableServices,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tsetPageTitle,\n\tgetSchoolAdjustments,\n\tsetPageActions,\n\tgetAdditionalAdjustments,\n\tupdateAdditionalAdjustment,\n\tgetStudentAdditionalAdjustmentsForGroup,\n\tclearSearchResults,\n\tgetStudentAdjustments,\n\tupdateStudentAdjustment,\n\tdeleteStudentAdjustment,\n\tdeleteAdditionalAdjustment,\n})(AdministrateAdjustments);","import React, { Component } from 'react';\nimport { reduxForm } from 'redux-form';\nimport { connect } from 'react-redux';\nimport { translate } from '@haldor/ui';\n\nimport { clearVerdicts, getVerdictScale } from 'actions/verdicts';\n\nimport VerdictFeedbackForm from 'containers/Verdict/Form/Partials/VerdictFeedbackForm';\nimport VerdictLevelForm from 'containers/Verdict/Form/Partials/VerdictLevelForm';\n\nimport { Icon, Button, TooltipMenu } from '@haldor/ui';\n\nclass MultipleVerdictForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tlevel: '0',\n\t\t\tfeedback: '',\n\t\t\tloading: true,\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.scale == null) {\n\t\t\tthis.props.getVerdictScale()\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t} else {\n\t\t\tthis.setState({ loading: false });\n\t\t}\n\t};\n\n\tremoveStudent = (student) => {\n\t\tif (this.props.onRemoveStudent != null) {\n\t\t\tthis.props.onRemoveStudent(student);\n\t\t}\n\t}\n\n\tabort = (event) => {\n\t\tevent.preventDefault();\n\t\tthis.props.onAbort();\n\t}\n\n\tsubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tlet data = [];\n\n\t\t\tthis.props.students.forEach(student => {\n\t\t\t\tdata.push({\n\t\t\t\t\tscaleLevelId: this.state.level,\n\t\t\t\t\tfeedback: this.state.feedback,\n\t\t\t\t\tscaleId: this.props.scale.id,\n\t\t\t\t\tstatus: 'VERDICT_DRAFT',\n\t\t\t\t\tuserId: student.id,\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tif (this.props.onSubmit != null) {\n\t\t\t\tthis.props.onSubmit(data).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tresolve(1);\n\t\t\t}\n\t\t});\n\t}\n\n\trender() {\n\t\tconst { submitting, handleSubmit } = this.props;\n\t\tconst { feedback, level, loading } = this.state;\n\n\t\tif (loading) {\n\t\t\treturn \n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{user.isPedagogue() ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.renderStudents('ACTIVE')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.renderStudents('COMPLETED')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{this.renderStudents('DELETED')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.renderStudents(this.state.selectedStatus)}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.state.loading ?\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{adjustment.items.map(student => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlet hasActive = student.items.find(adj => adj.status == 'ACTIVE');\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (hasActive == null) return null;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t}) : \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\t this.onStudentClick(student)} className=\"name\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('no-adjustments-found')}
\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.state.loading ?\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{adjustment.items.map(student => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlet hasActive = student.items.find(adj => adj.status == 'ACTIVE');\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (hasActive == null) return null;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\t this.onStudentClick(student)} className=\"name\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('no-adjustments-archived')}
\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.state.loading ?\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{adjustment.items.map(student => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlet hasActive = student.items.find(adj => adj.status == 'ACTIVE');\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (hasActive == null) return null;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.onStudentClick(student)} className=\"name\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('no-adjustments-archived')}
\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t{submitting ?\n\t\t\t\t\t
\n\t\t)\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tscale: state.Verdicts.scale,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetVerdictScale,\n\tclearVerdicts,\n}, null, {\n\tpure: false,\n})(reduxForm({\n\tform: 'MultipleVerdictForm',\n\tdestroyOnUnmount: true,\n})(MultipleVerdictForm));","import React, { useEffect, useState } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport ColorScale from '_class/ColorScale';\nimport DateTime from '_class/DateTime';\nimport { useTranslate } from 'lib/translate';\nimport { capitalize } from 'helpers/content';\n\nimport { getUserSummary, getUserStatisticsDetailed } from 'actions/assessments';\n\nimport DisplayMatrix from 'components/Presentation/DisplayMatrix';\nimport DisplayGoal from 'components/Presentation/DisplayGoal';\nimport DisplayFeedbacks from 'components/Presentation/DisplayFeedbacks';\n\nimport { Spinner } from 'UI';\nimport { Bar } from 'UI/Graphs';\nimport { Expandable, Icon } from '@haldor/ui';\nimport User from '_class/User';\n\nconst VerdictAssessmentsDisplay = (props) => {\n\tconst [loading, setLoading] = useState(true);\n\tconst dispatch = useDispatch();\n\n\tconst summary = useSelector(state => state.assessments?.studentOverview);\n\tconst statistics = useSelector(state => state.assessments?.studentStatistics);\n\tconst currentUser = useSelector(state => state.user.currentUser);\n\tconst user = new User(currentUser);\n\tconst translate = useTranslate();\n\n\tuseEffect(async () => {\n\t\tsetLoading(true);\n\n\t\tawait Promise.all([\n\t\t\tdispatch(getUserSummary(props.studentId, props.start, props.end)),\n\t\t\tdispatch(getUserStatisticsDetailed(props.studentId, props.start, props.end)),\n\t\t]);\n\n\t\tsetLoading(false);\n\n\t\treturn () => null;\n\t}, [props.studentId, props.start, props.end, props.sectionId])\n\n\tconst getGoals = () => {\n\t\tif (summary == null) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet goals = [];\n\n\t\tsummary.assessmentGoals.forEach((goal) => {\n\t\t\tlet parts = summary.assessmentBlockParts?.filter((part) =>\n\t\t\t\tpart.referenceType == 'assessmentGoal' && part.referenceId == goal.id &&\n\t\t\t\tpart.assessmentBlockPartRelationships.find((relation) => relation.courseId == props.courseId) != null\n\t\t\t);\n\n\t\t\tgoals.push({\n\t\t\t\tparts: parts,\n\t\t\t\t...goal\n\t\t\t})\n\t\t});\n\n\t\treturn goals;\n\t}\n\n\tconst getMatrices = () => {\n\t\tif (summary == null) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet matrices = [];\n\t\tsummary.courses.forEach((course) => {\n\t\t\tcourse.details.forEach((detail) => {\n\t\t\t\tlet parts = summary.assessmentBlockParts?.filter((part) =>\n\t\t\t\t\tpart.referenceType == 'matrix' && part.referenceId == detail.matrixID &&\n\t\t\t\t\tpart.assessmentBlockPartRelationships.find((relation) => relation.courseId == props.courseId) != null\n\t\t\t\t);\n\n\t\t\t\tif (parts.length > 0) {\n\t\t\t\t\tmatrices.push({\n\t\t\t\t\t\tid: detail.matrix.id,\n\t\t\t\t\t\tdisableNotAchieved: detail.matrix.disableNotAchieved,\n\t\t\t\t\t\t'_ParagraphSet': detail.matrix['_ParagraphSet'],\n\t\t\t\t\t\tcolor: course.colorCode,\n\t\t\t\t\t\tparts: parts,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t})\n\t\t});\n\n\t\treturn matrices;\n\t}\n\n\t/**\n\t * @param {array} parts\n\t * @returns {array} feedbacks\n\t */\n\tconst getFeedbacksForParts = (parts) => {\n\t\tif (summary == null) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn JSON.parse(JSON.stringify(summary.assessmentFeedbacks)).filter((feedback) =>\n\t\t\tparts.find((part) =>\n\t\t\t\tfeedback.assessmentBlockPartId == part.id &&\n\t\t\t\tpart.assessmentBlockPartRelationships.find((relation) => relation.courseId == props.courseId) != null\n\t\t\t) != null\n\t\t);\n\t}\n\n\t/**\n\t * @returns {object} statistic\n\t */\n\tconst getStudentStatistic = () => {\n\t\tif (statistics == null || props.studentId == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn statistics.find((statistic) => statistic.studentId == props.studentId);\n\t}\n\n\t/**\n\t * @param {number} goalId\n\t * @returns {object} statistic\n\t */\n\tconst getGoalStatistic = (goalId) => {\n\t\treturn getStudentStatistic()?.studentStatistics?.find((statistic) =>\n\t\t\tstatistic.type == 'ASSESSMENTGOAL' && statistic.referenceId == goalId\n\t\t);\n\t}\n\n\t/**\n\t * @param {number} matrixId \n\t * @returns {object} statistic\n\t */\n\tconst getMatrixStatistic = (matrixId) => {\n\t\treturn getStudentStatistic()?.studentStatistics?.find((statistic) =>\n\t\t\tstatistic.type == 'MATRIX' && statistic.referenceId == matrixId\n\t\t);\n\t}\n\n\tconst getPartTitle = (type, statistic, reference, index = 0) => {\n\t\tlet colors = [];\n\t\tif (statistic != null) {\n\t\t\tlet addRed = false;\n\t\t\tif (statistic.type == \"MATRIX\") {\n\t\t\t\taddRed = !reference.disableNotAchieved;\n\t\t\t}\n\n\t\t\tif (statistic.type == \"ASSESSMENTGOAL\") {\n\t\t\t\taddRed = reference.rows.find((row) => {\n\t\t\t\t\treturn row.cells.find((cell) => cell.type == 'NotAchievedTextField');\n\t\t\t\t}) != null;\n\t\t\t}\n\n\t\t\tcolors = new ColorScale(statistic.statistics.length).get(addRed);\n\t\t}\n\n\t\treturn \n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t ({\n\t\t\t\t\t\tamount: stat.count,\n\t\t\t\t\t\tlabel: stat.count,\n\t\t\t\t\t\tcolor: colors[stat.index],\n\t\t\t\t\t}))}\n\t\t\t\t\tshowAmount\n\t\t\t\t\tshowAllSteps\n\t\t\t\t/>\n\t\t\t\t: null}\n\t\t
\n\t}\n\n\t/**\n\t * @param {string} target\n\t * @param {array} permissions\n\t */\n\tconst renderPermission = (target, permissions) => {\n\t\tconst active = permissions.find((perm) => perm.target == target) != null;\n\t\treturn \n\t\t\t\t{translate(type)}\n\n\t\t\t\t{type == 'assessmentGoal' ?\n\t\t\t\t\t' ' + index\n\t\t\t\t\t: null}\n\t\t\t
\n\n\t\t\t{statistic != null ?\n\t\t\t\t\n\t\t\t
\n\t}\n\n\t/**\n\t * @param {object} feedback\n\t * @param {number} index\n\t */\n\tconst renderFeedback = (feedback, index) => {\n\t\tconst resource = summary?.assessmentBlockParts?.find((part) =>\n\t\t\tpart.id == feedback.assessmentBlockPartId\n\t\t);\n\n\t\tlet permissions = [];\n\t\tif (resource != null && !feedback.isPrivate) {\n\t\t\tpermissions = resource.permissions;\n\t\t}\n\n\t\treturn \n\t\t\t
\n\t}\n\n\t/**\n\t * @param {array} goals \n\t * @param {array} matrices \n\t * @param {boolean} isPrivate\n\t */\n\tconst renderCollected = (goals = [], matrices = [], isPrivate = false) => {\n\t\treturn \n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t{feedback.navigationObject != null ?\n\t\t\t\t\t\tfeedback.navigationObject.referenceType == 'PLAN' ?\n\t\t\t\t\t\t\ttranslate('Plan')\n\t\t\t\t\t\t\t: translate('Assignment')\n\t\t\t\t\t\t\t+ ' • ' + feedback.navigationObject.title\n\t\t\t\t\t\t: null}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t{feedback.editorUser.firstName} {feedback.editorUser.lastName}\n\t\t\t\t\t{' • ' + new DateTime(feedback.created).getLongDate()}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\t{renderPermission('STUDENT', permissions)}\n\t\t\t\t\t\t{renderPermission('GUARDIAN', permissions)}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t{goals.map((goal, index) => {\n\t\t\t\tconst feedbacks = getFeedbacksForParts(goal.parts).filter((feedback) =>\n\t\t\t\t\tfeedback.isPrivate == isPrivate\n\t\t\t\t);\n\n\t\t\t\tif (feedbacks.length == 0) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn \n\t\t\t\t\t \n\t\t\t})}\n\n\t\t\t{matrices.map((matrix) => {\n\t\t\t\tconst feedbacks = getFeedbacksForParts(matrix.parts).filter((feedback) =>\n\t\t\t\t\tfeedback.isPrivate == isPrivate\n\t\t\t\t);\n\n\t\t\t\tif (feedbacks.length == 0) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn \n\t\t\t\t\t \n\t\t\t})}\n\t\t
\n\t}\n\n\tif (loading) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{feedbacks.map(renderFeedback)}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t{feedbacks.map(renderFeedback)}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tconst goals = getGoals();\n\tconst matrices = getMatrices();\n\tconst title = (\n\t\t\n\t\t\t\n\t\t\t\t{translate('Assessments')}\n\t\t\t\n\n\t\t\t
\n\t)\n\n\treturn (\n\t\t\n\t\t\t\t{new DateTime(props.start).getDateStamp()} - {new DateTime(props.end).getDateStamp()}\n\t\t\t
\n\t\t\n\t\t\t\n\t\t\t\t \n\n\t\t\t\n\t\t\t\t{renderCollected(goals, matrices, false)}\n\t\t\t \n\n\t\t\t\n\t\t\t\t{renderCollected(goals, matrices, true)}\n\t\t\t \n\t\t
\n\t);\n\n}\n\nVerdictAssessmentsDisplay.defaultProps = {\n\tshowGoals: true,\n\tshowMatrices: true,\n};\n\nexport default VerdictAssessmentsDisplay;\n","import React, { Component } from 'react';\nimport Moment from 'moment';\nimport { connect } from 'react-redux';\n\nimport DateTime from '_class/DateTime';\nimport { getUserAssessmentDates } from 'helpers/user';\n\nimport {\n\tdeleteVerdict,\n\tgetAssignmentAssessments,\n\tgetPlanAssessments,\n\tgetVerdictsForUser,\n\tgetVerdictScale,\n} from 'actions/verdicts';\nimport { getStudentAdjustmentsBySubject } from 'actions/additional_adjustments';\n\nimport Modal from 'containers/Modals/Modal';\nimport VerdictAssessmentsDisplay from 'containers/Verdict/Display/VerdictAssessmentsDisplay';\nimport InputVerdictForm from 'containers/Verdict/Form/VerdictForm';\nimport VerdictWidget from 'containers/Verdict/Display/VerdictWidget';\nimport VerdictDisplay from 'containers/Verdict/Display/VerdictDisplay';\nimport TeacherAdjustments from 'containers/AdditionalAdjustments/Display/TeacherAdjustments';\nimport StudentAdjustmentForm from 'containers/AdditionalAdjustments/Form/StudentAdjustmentForm';\nimport DatePickers from \"./DatePickers\";\n\nimport { Collapsible } from 'UI';\nimport { Button, Checkbox, Expandable, Icon, translate } from '@haldor/ui';\n\nclass VerdictForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tadjustmentModal: false,\n\t\t\tstart: getUserAssessmentDates().start,\n\t\t\tend: getUserAssessmentDates().end,\n\t\t\tcurrentStart: getUserAssessmentDates().start,\n\t\t\tcurrentEnd: getUserAssessmentDates().end,\n\t\t\tloading: true,\n\t\t\tshowLearningGoals: true,\n\t\t\tshowKnowledgeRequirements: true,\n\t\t}\n\n\t\tthis.container = null;\n\t\tthis.content = null;\n\t}\n\n\t_setContainer = (element) => this.container = element;\n\t_setContent = (element) => this.content = element;\n\n\tcomponentDidMount = () => {\n\t\tconst { activeStudent, course, scale } = this.props;\n\t\twindow.addEventListener('resize', this.resize);\n\n\t\tthis.resize();\n\n\t\tlet promises = [];\n\t\tpromises.push(this.props.getAssignmentAssessments(activeStudent.id, course.id));\n\t\tpromises.push(this.props.getPlanAssessments(activeStudent.id, course.id));\n\t\tpromises.push(this.props.getVerdictsForUser(activeStudent.id, course.id));\n\t\t\n\t\tif (scale == null) {\n\t\t\tpromises.push(this.props.getVerdictScale())\n\t\t}\n\t\tPromise.all(promises).then(() => {\n\t\t\tthis.setState({ loading: false }, () => this.resize());\n\t\t});\n\t}\n\n\treload = () => {\n\t\tconst { activeStudent, course } = this.props;\n\t\tthis.setState({ loading: true });\n\n\t\tthis.props.getVerdictsForUser(activeStudent.id, course.id).then(() => {\n\t\t\tthis.setState({ loading: false }, () => this.resize());\n\t\t});\n\n\t\tif (this.props.reload != null) {\n\t\t\tthis.props.reload();\n\t\t}\n\t}\n\n\tsetLoading = (loading) => {\n\t\tthis.setState({ loading: loading });\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\twindow.removeEventListener('resize', this.resize);\n\t}\n\n\tonExpandableChange = () => {\n\t\tthis.resize();\n\n\t\t// Animation timing\n\t\tsetTimeout(() => this.resize(), 50);\n\t\tsetTimeout(() => this.resize(), 100);\n\t\tsetTimeout(() => this.resize(), 150);\n\t\tsetTimeout(() => this.resize(), 200);\n\t\tsetTimeout(() => this.resize(), 250);\n\t}\n\n\tonDateChange = ({ start, end }) => {\n\t\tif (start == \"Invalid date\") {\n\t\t\tstart = Moment().subtract(1, \"years\");\n\t\t}\n\t\tif (end == \"Invalid date\") {\n\t\t\tend = Moment().add(1, \"years\");\n\t\t}\n\n\t\tthis.setState({\n\t\t\tstart: new DateTime(start).getDateStamp(),\n\t\t\tend: new DateTime(end).getDateStamp()\n\t\t});\n\t};\n\n\tonSubmitDates = (event) => {\n\t\tevent.preventDefault();\n\n\t\tthis.setState({\n\t\t\tcurrentStart: this.state.start,\n\t\t\tcurrentEnd: this.state.end,\n\t\t});\n\t}\n\n\tresize = () => {\n\t\tif (this.container == null || this.content == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet height = window.innerHeight - 185;\n\t\theight = height - this.container.scrollHeight;\n\t\tthis.content.style.maxHeight = (height) + 'px';\n\t}\n\n\tdeleteVerdict = (id) => {\n\t\tconst { course } = this.props;\n\t\tlet userId = null;\n\n\t\tif (this.props.userVerdicts != null && this.props.userVerdicts.length > 0) {\n\t\t\tuserId = this.props.userVerdicts[0].userId;\n\t\t}\n\n\t\treturn new Promise((resolve) => {\n\t\t\tthis.setState({ loading: true });\n\t\t\tthis.props.deleteVerdict(id).then(async () => {\n\t\t\t\tthis.postSubmit();\n\n\t\t\t\tif (userId != null) {\n\t\t\t\t\tawait this.props.getVerdictsForUser(userId, course.id);\n\t\t\t\t}\n\n\t\t\t\tresolve(1);\n\t\t\t});\n\t\t});\n\t}\n\n\tonVerdictSubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tconst { course } = this.props;\n\n\t\t\tvalues.userId = this.state.activeStudent.id;\n\t\t\tvalues.courses = [{\n\t\t\t\t\"courseCode\": course.courseCode,\n\t\t\t\t\"subjectCode\": course.subjectCode,\n\t\t\t\t\"courseID\": course.id,\n\t\t\t}];\n\n\t\t\tthis.setState({ loading: true });\n\t\t\tif (values.id != null) {\n\t\t\t\tthis.props.updateVerdict(values).then(() => {\n\t\t\t\t\tthis.postSubmit(resolve);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.props.createVerdict(values).then(() => {\n\t\t\t\t\tthis.postSubmit(resolve);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\ttoggleAdjustmentModal = () => {\n\t\tconst { course, group } = this.props;\n\t\tif (this.state.adjustmentModal == false) {\n\t\t\tthis.setState({ adjustmentModal: !this.state.adjustmentModal });\n\t\t} else {\n\t\t\tthis.setState({ adjustmentModal: !this.state.adjustmentModal });\n\t\t\tthis.props.getStudentAdjustmentsBySubject(group.id, course.subjectId, this.props.activeStudent.id);\n\t\t}\n\t}\n\n\trenderPublishedInformation = (verdict) => {\n\t\tlet name = verdict.createdBy.firstName + ' ' + verdict.createdBy.lastName;\n\t\tif (verdict.editedBy != null) {\n\t\t\tname = verdict.editedBy.firstName + ' ' + verdict.editedBy.lastName;\n\t\t}\n\n\t\tif (new Date(verdict.published) < new Date(this.props.end)) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{props.showGoals ?\n\t\t\t\t\t\tgoals.map((goal, index) => {\n\t\t\t\t\t\t\tconst statistic = getGoalStatistic(goal.id);\n\t\t\t\t\t\t\tconst feedbacks = getFeedbacksForParts(goal.parts);\n\n\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t})\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{props.showMatrices ?\n\t\t\t\t\t\tmatrices.map((matrix) => {\n\t\t\t\t\t\t\tconst statistic = getMatrixStatistic(matrix.id);\n\t\t\t\t\t\t\tconst feedbacks = getFeedbacksForParts(matrix.parts);\n\n\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t})\n\t\t\t\t\t\t: null}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('published') + ': ' + name + ' • ' + new DateTime(verdict.published).getTimeStamp()}\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('edited') + \": \" + name + ' • ' + new DateTime(verdict.edited).getTimeStamp()}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('published') + ': ' + name + ' • ' + new DateTime(verdict.published).getTimeStamp()}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)\n\t\t}\n\t}\n\n\trenderDraftInformation = (userVerdicts) => {\n\t\tif (userVerdicts != null && userVerdicts.length > 0 && userVerdicts[0].status == 'VERDICT_DRAFT') {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('Draft')}\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('created') + \": \" + new DateTime(userVerdicts[0].created).getTimeStamp()}\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('edited') + \": \" + new DateTime(userVerdicts[0].edited).getTimeStamp()}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\trenderAdjustmentModal = () => {\n\t\tconst { translate } = this.props;\n\n\t\tif (!this.props.services.additionalAdjustments) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\n\t\treturn \n\t\t\t\t\t{new DateTime(verdict.published).getLongDateWithTime()}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t{this.renderPublishedInformation(verdict)}\n\n\t\t\t\t \n\t\t
\n\t}\n\n\trender() {\n\t\tconst { activeStudent, duplicate, translate } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.renderAdjustmentModal()}\n\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttenant: state.user.tenant,\n\t\tservices: state.Services.availableServices,\n\t\tuserVerdicts: state.Verdicts.user,\n\t\tscale: state.Verdicts.scale,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetStudentAdjustmentsBySubject,\n\tdeleteVerdict,\n\tgetAssignmentAssessments,\n\tgetPlanAssessments,\n\tgetVerdictsForUser,\n\tgetVerdictScale,\n})(VerdictForm);","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { translate } from '@haldor/ui';\nimport { Link } from 'react-router-dom';\n\nimport { getCourse, setActiveCourse } from 'actions/courses';\nimport { getSection, setActiveSection } from 'actions/sections';\nimport { setPageTitle } from 'actions/header';\nimport { addError } from 'actions';\n\nimport {\n\tcreateVerdict,\n\tgetSectionVerdicts,\n\tgetVerdictScale,\n\tupdateVerdict,\n\tsubmitBulkVerdicts,\n} from 'actions/verdicts';\n\nimport DateTime from '_class/DateTime';\n\nimport Modal from 'containers/Modals/Modal';\nimport VerdictWidget from 'containers/Verdict/Display/VerdictWidget';\nimport MultipleVerdictForm from 'containers/Verdict/Form/MultipleVerdictForm';\nimport VerdictForm from './Partials/VerdictForm';\n\nimport { Collapsible, DataList, Spinner, Person } from 'UI';\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\nimport { Button, Icon, Checkbox, TooltipMenu, Tabs, Tab } from '@haldor/ui';\nimport DisplayName from 'components/Presentation/DisplayName';\n\nclass CourseProgress extends Component {\n\n\t/* Class setup */\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tactiveStudent: null,\n\t\t\tverdictModal: false,\n\t\t\tloading: true,\n\t\t\tmultipleVerdicts: false,\n\t\t\teditVerdict: 1,\n\t\t\tdisableCreateVerdict: false,\n\t\t\tdisableCopyButton: false,\n\t\t\tdisablePublishButton: false,\n\t\t\tcopyPreviousButtonIsLoading: false,\n\t\t\tselectedStudents: [],\n\t\t\tmarkableStudentCount: -1,\n\t\t\topen: [],\n\t\t};\n\t}\n\n\t/* Lifecycle methods */\n\tcomponentDidMount = async () => {\n\t\tif (this.props.scale == null) {\n\t\t\tthis.props.getVerdictScale();\n\t\t}\n\n\t\tawait this.props.getSection(this.props.match.params.groupId);\n\t\tawait this.props.getCourse(this.props.match.params.courseId);\n\n\t\tconst { course } = this.props;\n\t\tthis.props.setPageTitle(course.title);\n\n\t\tawait this.props.getSectionVerdicts(this.props.match.params.groupId, this.props.match.params.courseId);\n\t\tthis.setState({ loading: false });\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.setActiveSection();\n\t\tthis.props.setActiveCourse();\n\t}\n\n\t/* Events */\n\tonStudentSelect = (student) => {\n\t\tlet { selectedStudents } = this.state;\n\t\tlet found = this.state.selectedStudents.findIndex(selectedStudent => {\n\t\t\treturn selectedStudent.id == student.id;\n\t\t});\n\n\t\tlet verdicts = this.props.sectionVerdicts.filter(verdict => {\n\t\t\treturn verdict.status == 'VERDICT_DRAFT'\n\t\t});\n\n\t\tif (found == -1) {\n\t\t\tselectedStudents.push(student);\n\t\t} else {\n\t\t\tselectedStudents.splice(found, 1);\n\t\t}\n\n\t\tlet studentsWithDrafts = this.state.selectedStudents.filter(student => {\n\t\t\treturn verdicts.find(verdict => { return verdict.userId == student.userId }) == null\n\t\t});\n\n\t\tlet disableCreateVerdict = studentsWithDrafts.length < this.state.selectedStudents.length;\n\t\tlet disablePublishButton = studentsWithDrafts.length > 0;\n\t\tlet disableCopyButton = studentsWithDrafts.length === 0;\n\n\t\tthis.setState({\n\t\t\tselectedStudents,\n\t\t\tdisableCreateVerdict: disableCreateVerdict,\n\t\t\tdisablePublishButton: disablePublishButton,\n\t\t\tdisableCopyButton: disableCopyButton\n\t\t});\n\t}\n\n\ttoggleOpen = (student, active) => {\n\t\tlet { open } = this.state;\n\t\tlet found = this.state.open.indexOf(student.id);\n\n\t\tif (active && found == -1) {\n\t\t\topen.push(student.id);\n\t\t}\n\n\t\tif (!active && found > -1) {\n\t\t\topen.splice(found, 1);\n\t\t}\n\n\t\tthis.setState({ open });\n\t}\n\n\ttoggleOpenAll = () => {\n\t\tif (this.state.open.length > 0) {\n\t\t\tthis.setState({ open: [] });\n\t\t} else {\n\t\t\tconst { group } = this.props;\n\t\t\tthis.setState({ open: [...group.students].map(student => student.id) })\n\t\t}\n\t}\n\n\ttoggleAllEntries = (checked) => {\n\t\tif (checked) {\n\t\t\tlet verdicts = this.props.sectionVerdicts.filter(verdict => {\n\t\t\t\treturn verdict.status == 'VERDICT_DRAFT'\n\t\t\t});\n\n\t\t\tlet studentsWithDrafts = this.props.group.students.filter(student => {\n\t\t\t\treturn verdicts.find(verdict => { return verdict.userId == student.userId }) == null\n\t\t\t});\n\n\t\t\tlet disableCreateVerdict = studentsWithDrafts.length < this.props.group.students.length;\n\n\t\t\tlet disablePublishButton = studentsWithDrafts.length > 0;\n\n\t\t\tthis.setState({\n\t\t\t\tselectedStudents: [...this.props.group.students],\n\t\t\t\tmarkableStudentCount: this.props.group.students.length,\n\t\t\t\tdisableCreateVerdict: disableCreateVerdict,\n\t\t\t\tdisablePublishButton: disablePublishButton\n\t\t\t});\n\t\t} else {\n\t\t\tthis.setState({ selectedStudents: [] });\n\t\t}\n\t}\n\n\tonStudentClick = (student) => {\n\t\tthis.setState({ activeStudent: student, duplicate: false, verdictModal: true });\n\t}\n\n\treload = () => {\n\t\tconst { course } = this.props;\n\n\t\tthis.props.getSectionVerdicts(this.props.match.params.groupId, course.id);\n\t}\n\n\tonDuplicateClick = (student) => {\n\t\tif (this.props.sectionVerdicts != null) {\n\t\t\tlet verdict = this.props.sectionVerdicts.find(verdict => {\n\t\t\t\treturn student.id == verdict.userId;\n\t\t\t});\n\n\t\t\tif (verdict != null) {\n\t\t\t\tthis.setState({ duplicate: true, activeStudent: student });\n\t\t\t}\n\t\t}\n\t}\n\n\ttoggleVerdictModal = () => {\n\t\tthis.setState({ verdictModal: !this.state.verdictModal });\n\t}\n\n\tonMultipleVerdictPublish = (values) => {\n\t\tconst { course } = this.props;\n\n\t\treturn new Promise(resolve => {\n\t\t\tvalues.forEach(value => {\n\t\t\t\tvalue.courses = [{\n\t\t\t\t\t\"courseCode\": course.courseCode,\n\t\t\t\t\t\"subjectCode\": course.subjectCode,\n\t\t\t\t\t\"courseID\": course.id\n\t\t\t\t}];\n\t\t\t});\n\n\t\t\tthis.props.submitBulkVerdicts(values)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setState({ multipleVerdicts: false });\n\t\t\t\t\tthis.postSubmit(resolve);\n\t\t\t\t});\n\t\t});\n\t}\n\n\tpostSubmit = (resolve) => {\n\t\tconst { course } = this.props;\n\t\tlet promises = [];\n\n\t\tpromises.push(this.props.getSectionVerdicts(this.props.match.params.groupId, course.id));\n\n\t\tPromise.all(promises).then(() => {\n\t\t\tlet date = this.props.tenant.currentSchoolYear != null ? this.props.tenant.currentSchoolYear : '2017-01-01';\n\n\t\t\tlet verdicts = this.props.sectionVerdicts.filter(verdict => {\n\t\t\t\treturn verdict.status == 'VERDICT_DRAFT'\n\t\t\t});\n\n\t\t\tlet studentsWithDrafts = this.state.selectedStudents.filter(student => {\n\t\t\t\treturn verdicts.find(verdict => { return verdict.userId == student.userId }) == null\n\t\t\t});\n\n\t\t\tlet disableCreateVerdict = studentsWithDrafts.length < this.state.selectedStudents.length;\n\t\t\tlet disablePublishButton = studentsWithDrafts.length > 0;\n\t\t\tlet disableCopyButton = studentsWithDrafts.length === 0;\n\n\t\t\tthis.setState({\n\t\t\t\tloading: false,\n\t\t\t\tdisableCreateVerdict,\n\t\t\t\tdisablePublishButton,\n\t\t\t\tdisableCopyButton,\n\t\t\t});\n\n\t\t\tif (resolve != null) {\n\t\t\t\tresolve(1);\n\t\t\t}\n\t\t});\n\t}\n\n\t/* Render methods */\n\trenderStudentRow = (student, index) => {\n\t\tconst { groupId, courseId } = this.props.match.params;\n\n\t\tlet verdict = null;\n\t\tif (this.props.sectionVerdicts != null) {\n\t\t\tverdict = this.props.sectionVerdicts.find(verdict => {\n\t\t\t\treturn student.id == verdict.userId;\n\t\t\t});\n\t\t}\n\n\t\tlet open = false;\n\t\tif (this.state.open.indexOf(student.id) > -1) {\n\t\t\topen = true;\n\t\t}\n\n\t\tconst found = this.state.selectedStudents.find(selectedStudent => {\n\t\t\treturn selectedStudent.id == student.id;\n\t\t});\n\n\t\tconst isDraft = verdict != null && verdict.status == 'VERDICT_DRAFT';\n\t\tconst isPublished = verdict != null && verdict.status == 'VERDICT_PUBLISHED';\n\n\t\tconst triggerButton = (\n\t\t\t\n\t\t);\n\n\t\tlet collapsibleTrigger = (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t:\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.renderDraftInformation(this.props.userVerdicts)}\n\n\t\t\t\t\t\t\t \n\t\t\t\t\t
\n\n\t\t\t\t\t{this.props.services.additionalAdjustments ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t}\n\n\t\t\t\t\t{this.props.userVerdicts != null && this.props.userVerdicts.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.userVerdicts.map(this.renderVerdict)}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t this.setState({ showLearningGoals: active })}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t this.setState({ showKnowledgeRequirements: active })}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t{!this.state.loading ?\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t)\n\t\tlet feedback = '';\n\t\tif (verdict != null && verdict.feedback != null) {\n\t\t\tfeedback = verdict.feedback.replace(/(\\r\\n|\\r|\\n)/g, '');\n\t\t}\n\n\t\treturn
\n\t\t\t\t\t\t\t{verdict.createdBy != null ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t{this.renderModals()}\n\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.state.loading ? \n\t\t\t\t \n\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tgroup: state.sections.activeSection,\n\t\tcourse: state.Courses.course,\n\t\tuserVerdicts: state.Verdicts.user,\n\t\tscale: state.Verdicts.scale,\n\t\tsectionVerdicts: state.Verdicts.section,\n\t\ttenant: state.user.tenant,\n\t\tstudentAdjustmentsByCourse: state.AdditionalAdjustments.studentAdjustmentsByCourse,\n\t\tstudentAdjustmentsBySubject: state.AdditionalAdjustments.studentAdjustmentsBySubject,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetSection,\n\tsetActiveSection,\n\tgetCourse,\n\tsetActiveCourse,\n\tcreateVerdict,\n\tgetVerdictScale,\n\tgetSectionVerdicts,\n\tupdateVerdict,\n\taddError,\n\tsetPageTitle,\n\tsubmitBulkVerdicts,\n})(CourseProgress);","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport User from '_class/User';\nimport sniffer from 'sniffer';\nimport Moment from 'moment';\n\nimport { setPageTitle } from 'actions/header';\nimport {\n\tsetCurrentSearchTerm,\n\tsearchSchoolUsers,\n\tsearchEducationGroups,\n\tsearchMentorGroups,\n\tsearchAssignment,\n\tsearchPlans,\n\tsearchPosts,\n\tclearSearch,\n} from 'actions/search';\n\nimport { Spinner, DataList } from 'UI';\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\nimport { Search as SearchInput } from 'UI/Inputs';\nimport { Tabs, Tab, translate } from '@haldor/ui';\n\nclass Search extends Component {\n\n\tstatic contextTypes = {\n\t\trouter: PropTypes.object,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.location = window.location.href;\n\t\tthis.nextTerm = '';\n\t\tthis.state = {\n\t\t\tloading: false,\n\t\t\tloadingEducationGroups: false,\n\t\t\tloadingMentorGroups: false,\n\t\t\tloadingStaff: false,\n\t\t\tloadingStudents: false,\n\t\t\tloadingAssignments: false,\n\t\t\tloadingPlans: false,\n\t\t\tloadingGuardians: false,\n\t\t\tloadingPosts: false,\n\t\t\tterm: null,\n\t\t};\n\t}\n\n\tgetSearchQuery = () => {\n\t\tlet url = window.location.href;\n\t\t// Extract everything after 'q='\n\n\t\tlet tabPaths = ['#posts',\n\t\t\t'#plans',\n\t\t\t'#assignments',\n\t\t\t'#mentorgroups',\n\t\t\t'#educationgroups',\n\t\t\t'#guardian',\n\t\t\t'#staff',\n\t\t\t'#students',\n\t\t\t'#all']\n\n\t\t// Check if the URL ends with any of the tab paths and remove it\n\t\ttabPaths.forEach(path => {\n\t\t\tif (url.endsWith(path)) {\n\t\t\t\turl = url.replace(path, '');\n\t\t\t}\n\t\t});\n\n\t\tconst qIndex = url.indexOf('q=');\n\t\tconst qValueEncoded = url.substring(qIndex + 2);\n\n\t\t// URL-decode the extracted substring\n\t\tconst qValue = decodeURIComponent(qValueEncoded);\n\t\treturn qValue;\n\t};\n\n\tcomponentWillUnmount() {\n\t\tthis.props.clearSearch();\n\t}\n\n\n\tUNSAFE_componentWillMount = () => {\n\t\tthis.props.setPageTitle(this.props.translate('search'));\n\t}\n\n\tUNSAFE_componentWillReceiveProps(nextProps) {\n\t\tconst searchString = this.getSearchQuery();\n\n\t\tif (nextProps.term != searchString) {\n\t\t\tthis.nextTerm = searchString;\n\t\t\tthis.runSearch(searchString);\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tconst searchString = this.getSearchQuery();\n\t\tif (searchString != this.props.term) {\n\t\t\tthis.runSearch(searchString);\n\t\t}\n\t}\n\n\trunSearch = (term) => {\n\t\tif (term != null && term !== '') {\n\t\t\tconst user = new User(this.props.currentUser);\n\n\t\t\tthis.props.clearSearch();\n\t\t\tthis.props.setCurrentSearchTerm(term);\n\n\t\t\tthis.setState({\n\t\t\t\tterm,\n\t\t\t\tloading: true,\n\t\t\t\tloadingEducationGroups: true,\n\t\t\t\tloadingMentorGroups: true,\n\t\t\t\tloadingStaff: true,\n\t\t\t\tloadingGuardians: true,\n\t\t\t\tloadingStudents: true,\n\t\t\t\tloadingAssignments: true,\n\t\t\t\tloadingPosts: true,\n\t\t\t\tloadingPlans: true,\n\t\t\t});\n\n\t\t\tif (!user.isStudent()) {\n\t\t\t\tthis.props.searchEducationGroups(encodeURIComponent(term)).then(() => {\n\t\t\t\t\tthis.setState({ loadingEducationGroups: false });\n\t\t\t\t});\n\t\t\t}\n\t\t\tif (!user.isStudent()) {\n\t\t\t\tthis.props.searchMentorGroups(encodeURIComponent(term)).then(() => {\n\t\t\t\t\tthis.setState({ loadingMentorGroups: false });\n\t\t\t\t});\n\t\t\t}\n\t\t\tif (!user.isStudent()) {\n\t\t\t\tif (term.indexOf('/') == -1) {\n\t\t\t\t\tthis.props.searchSchoolUsers(encodeURIComponent(term), 'staff,student,guardian', '').then(() => {\n\t\t\t\t\t\tthis.setState({ loadingStaff: false, loadingStudents: false, loadingGuardians: false });\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tthis.setState({ loadingStaff: false, loadingStudents: false, loadingGuardians: false });\n\t\t\t\t}\n\t\t\t}\n\t\t\telse {\n\t\t\t\tthis.props.searchSchoolUsers(encodeURIComponent(term), 'staff', '').then(() => {\n\t\t\t\t\tthis.setState({ loadingStaff: false });\n\t\t\t\t});\n\t\t\t}\n\t\t\tthis.props.searchAssignment(encodeURIComponent(term)).then(() => {\n\t\t\t\tthis.setState({ loadingAssignments: false });\n\t\t\t});\n\n\t\t\tthis.props.searchPlans(encodeURIComponent(term)).then(() => {\n\t\t\t\tthis.setState({ loadingPlans: false });\n\t\t\t});\n\n\t\t\tthis.props.searchPosts(encodeURIComponent(term)).then(() => {\n\t\t\t\tthis.setState({ loadingPosts: false });\n\t\t\t});\n\t\t}\n\t}\n\n\tonSearch = (value) => {\n\t\tthis.runSearch(value.query);\n\t}\n\n\trenderGroupRow = (group) => {\n\t\treturn \n\t\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Go to group page for')}\t{this.props.group.title}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t this.printAndHideSupportButtonOnPrint()} style={{ cursor: 'pointer' }} className=\"color--meta\">\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{!this.props.group.archived ? this.renderCopyPreviousVerdictButton() : null}\n\t\t\t\t\t\t\t\t\t\t\t\t{!this.props.group.archived ? this.renderVerdictButton() : null}\n\t\t\t\t\t\t\t\t\t\t\t\t{!this.props.group.archived ? this.renderPublishButton() : null}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t- \n\t\t\t\t\t{user.userRoles\n\t\t\t\t\t\t.filter((role) => {\n\t\t\t\t\t\t\tif (currentUser.isStudent()) {\n\t\t\t\t\t\t\t\treturn role.indexOf('ADMIN') == -1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.map(role => {\n\t\t\t\t\t\t\treturn
- \n\t\t\t\t\t\t\t\t{this.props.translate(role)}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t})}\n\t\t\t\t
- \n\t\t\t\t\t{user.students.map(student => { return
- {student.firstName + \" \" + student.lastName} })}\n\t\t\t\t
\n\t\t\t\t{sniffer.isDevice ?\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t{!this.state.loadingStudents && this.props.students != null && this.props.students.length > 0 && !user.isStudent() ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{!this.state.loadingStaff && this.props.staff != null && this.props.staff.length > 0 ?\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{(user.isAdministrator() || user.isMentor()) && !this.state.loadingGuardians && this.props.guardians != null && this.props.guardians.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{!this.state.loadingEducationGroups && this.props.educationGroups != null && this.props.educationGroups.length > 0 && !user.isStudent() ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{!this.state.loadingMentorGroups && this.props.mentorGroups != null && this.props.mentorGroups.length > 0 && !user.isStudent() ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{!this.state.loadingAssignments && this.props.assignments != null && this.props.assignments.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{!this.state.loadingPlans && this.props.plans != null && this.props.plans.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{!this.state.loadingPosts && this.props.posts != null && this.props.posts.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tterm: state.Search.term,\n\t\teducationGroups: state.Search.educationGroups,\n\t\tmentorGroups: state.Search.mentorGroups,\n\t\tstaff: state.Search.staff,\n\t\tstudents: state.Search.students,\n\t\tassignments: state.Search.assignments,\n\t\tplans: state.Search.plans,\n\t\tcurrentUser: state.user.currentUser,\n\t\tguardians: state.Search.guardians,\n\t\tposts: state.Search.posts,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tsetCurrentSearchTerm,\n\tsearchSchoolUsers,\n\tsearchEducationGroups,\n\tsearchMentorGroups,\n\tsetPageTitle,\n\tsearchAssignment,\n\tsearchPlans,\n\tsearchPosts,\n\tclearSearch,\n})(Search);","import React, { useState } from 'react';\nimport \"./_infoButton.scss\";\n\n\nconst InfoButton = ({ email }) => {\n\t\n\tconst [showEmail, setShowEmail] = useState(false);\n\n\tconst InfoButtonClicked = () => {\n\t\tsetShowEmail(true);\n\n\t\tsetTimeout(() => {\n\t\t\tsetShowEmail(false);\n\t\t}, 3000);\n\t}\n\t\n\treturn (\n\t\t<>\n\t\t {email ?\n\t\t\t\n\t\t\t\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t\t\t\t (a.lastName || \"\").localeCompare(b.lastName || \"\"))}\n\t\t\t\t\t\t\t\t\trenderRow={this.renderStudent}\n\t\t\t\t\t\t\t\t\temptyData={this.state.loadingStudents ? () => (\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t) : () => (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t (a.lastName || \"\").localeCompare(b.lastName || \"\"))}\n\t\t\t\t\t\t\t\trenderRow={this.renderStaff}\n\t\t\t\t\t\t\t\temptyData={this.state.loadingStaff ? () => (\n\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t) : () => (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{user.isAdministrator() || user.isMentor() ?\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t (a.lastName || \"\").localeCompare(b.lastName || \"\"))}\n\t\t\t\t\t\t\t\t\t\trenderRow={this.renderGuardian}\n\t\t\t\t\t\t\t\t\t\temptyData={this.state.loadingGuardians ? () => (\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t) : () => (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{this.props.guardians.length > 0 ?\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{translate('show-all-guardians')}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('show-all-guardians')}\n\t\t\t\t\t\t\t\t\t\t
: null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t\t\t\t (\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t) : () => (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t\t\t\t (\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t) : () => (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t (\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t) : () => (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t (\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t) : () => (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t) : () => (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t) : () => (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('no-results')}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t \n\t\t\t {showEmail ?\n \t\t\t {email}\t\t\t \n\t\t\t\t: \"\"}\n\t\t\t
\n\t\t : null}\n\t\t\n\t );\n\t}\n\nexport default InfoButton;","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport ColorScale from '_class/ColorScale';\nimport moment from 'moment';\n\nimport User from '_class/User';\n\nimport { getVerdictScale } from 'actions/verdicts';\nimport { getGroupAbsenceForToday, getSectionAssessmentStatistics } from 'actions/sections';\nimport { getVerdictsForStudentsInSection } from 'actions/verdicts';\nimport DateTime from '_class/DateTime';\nimport { getSectionSubjects } from 'actions/subjects';\n\nimport VerdictWidget from 'containers/Verdict/Display/VerdictWidget';\nimport { Collapsible } from 'UI';\nimport { Checkbox, Expandable, translate } from '@haldor/ui';\nimport { Bar, Progress } from 'UI/Graphs';\nimport { Skeleton, Spinner } from 'UI';\nimport { Table, Block, Flex, Tabs, Tab, Icon, MultiSelect } from '@haldor/ui';\nimport ArrowDropDownOutlinedIcon from '@mui/icons-material/ArrowDropDownOutlined';\nimport './UserMentorSection.scss';\nimport DisplayName from 'components/Presentation/DisplayName';\nimport InfoButton from 'components/Presentation/InfoButton';\nimport { Stack, Tooltip } from '@mui/material';\nimport ErrorRoundedIcon from '@mui/icons-material/ErrorRounded';\n\nclass UserMentorSection extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tsubjects: [],\n\t\t\tfilters: ['ASSESSMENTGOAL', 'MATRIX', 'ASSESSED-ASSIGNED'],\n\t\t\tloadingVerdicts: false,\n\t\t\tloadingAssessments: false,\n\t\t\tsmallLoader: false,\n\t\t\twidth: 0,\n\t\t\topenStudents: [],\n\t\t\tshowMenu: true,\n\t\t\tabsences: null,\n\t\t}\n\n\t\tthis.container = null;\n\t\tthis.barColumn = null;\n\t}\n\n\t_setContainer = (element) => this.container = element;\n\t_setBarColumn = (element) => this.barColumn = element;\n\n\tcomponentDidMount = () => {\n\t\tconst { section, start, end, mentorGroups } = this.props;\n\n\t\tif (section != null) {\n\t\t\tlet students = [];\n\t\t\tsection.students.forEach(student => {\n\t\t\t\tstudents.push(student.userId);\n\t\t\t});\n\n\t\t\tthis.setState({ loadingVerdicts: true });\n\t\t\tthis.props.getVerdictsForStudentsInSection(students, section.id, start, end).then(() => {\n\t\t\t\tthis.setState({ loadingVerdicts: false });\n\t\t\t});\n\t\t}\n\n\t\tthis.fetchAbsences();\n\n\t\tif (this.props.scale == null) {\n\t\t\tthis.props.getVerdictScale();\n\t\t}\n\n\t\tthis.setState({ loadingAssessments: true });\n\t\tthis.props.getSectionSubjects(section.id).then(() => {\n\t\t\tthis.setState({ loadingAssessments: false, subjects: this.props.subjects });\n\t\t});\n\n\t\twindow.addEventListener('hashchange', this.onHashChange);\n\t\twindow.addEventListener('resize', this.resize);\n\t\tthis.setState({ openStudents: this.props.section.students.map(student => student.userId) }, () => {\n\t\t\tthis.resize();\n\t\t});\n\t}\n\n\tfetchAbsences = () => {\n\t\tconst { mentorGroups, section } = this.props;\n\n\t\tif (mentorGroups != null) {\n\t\t\tconst listSection = mentorGroups.find((g) => g.id == section.id);\n\t\t\tif (listSection != null) {\n\t\t\t\tif (listSection.absences != null) {\n\t\t\t\t\t// Use absences from list instead\n\t\t\t\t\tthis.setState({ absences: listSection.absences });\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (section.absences == null) {\n\t\t\tthis.props.getGroupAbsenceForToday(section.id, encodeURIComponent(moment().format()), encodeURIComponent(moment().add(1, 'd').format()))\n\t\t\t\t.then(() => {\n\t\t\t\t\tif (section.absences != null) {\n\t\t\t\t\t\tthis.setState({ absences: section.absences });\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t} else {\n\t\t\tthis.setState({ absences: section.absences });\n\t\t}\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\twindow.removeEventListener('resize', this.resize);\n\t\twindow.removeEventListener('hashchange', this.onHashChange);\n\t}\n\n\tonHashChange = () => {\n\t\tif (window.location.hash == '#assessments') {\n\t\t\tthis.setState({ showMenu: true })\n\t\t} else {\n\t\t\tthis.setState({ showMenu: false })\n\t\t}\n\t}\n\n\tresize = () => {\n\t\tif (this.barColumn != null && this.container != null) {\n\t\t\tthis.setState({ width: this.container.scrollWidth - this.barColumn.scrollWidth })\n\t\t}\n\t}\n\n\tonSubjectsChange = (subjects) => {\n\t\tthis.setState({ subjects });\n\t\tconst { section, start, end } = this.props;\n\n\t\tthis.setState({ smallLoader: true });\n\t\tthis.props.getSectionAssessmentStatistics(section.id, start, end, subjects).then(() => {\n\t\t\tthis.resize();\n\t\t\tthis.setState({ smallLoader: false });\n\t\t});\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tif (nextProps.start == null || nextProps.end == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst { section } = this.props;\n\n\t\tif (nextProps.start != this.props.start || nextProps.end != this.props.end) {\n\t\t\tconst { start, end } = nextProps;\n\t\t\tlet students = [];\n\t\t\tsection.students.forEach(student => {\n\t\t\t\tstudents.push(student.userId);\n\t\t\t});\n\n\t\t\tthis.setState({ loadingVerdicts: true });\n\t\t\tthis.props.getVerdictsForStudentsInSection(students, section.id, start, end).then(() => {\n\t\t\t\tthis.setState({ loadingVerdicts: false });\n\t\t\t});\n\n\t\t\tthis.setState({ loadingAssessments: true });\n\n\t\t\tthis.props.getSectionAssessmentStatistics(section.id, start, end, this.props.subjects.map((subject) => subject.id)).then(() => {\n\t\t\t\tthis.resize();\n\t\t\t\tthis.setState({ loadingAssessments: false, subjects: this.props.subjects });\n\t\t\t});\n\t\t}\n\t}\n\n\tcalculateAttendance = (attendance, student) => {\n\t\tif (attendance != null) {\n\t\t\tconst { translate } = this.props;\n\t\t\tlet foundAttendance = null;\n\t\t\tif (attendance != null) {\n\t\t\t\tfoundAttendance = this.props.attendance.find((user_attendance) => {\n\t\t\t\t\tif (user_attendance != null) {\n\t\t\t\t\t\treturn user_attendance.userId == student.id;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn false;\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (foundAttendance != null) {\n\t\t\t\tconst { invalidAbsence, invalidLate, present, validAbsence, validLate } = foundAttendance;\n\n\t\t\t\tconst total = invalidAbsence + invalidLate + present + validAbsence + validLate;\n\n\t\t\t\tlet attendance = {\n\t\t\t\t\t'percentage': {\n\t\t\t\t\t\t'attendance': 0,\n\t\t\t\t\t\t'validAbsence': 0,\n\t\t\t\t\t\t'invalidAbsence': 0,\n\t\t\t\t\t},\n\t\t\t\t\t'minutes': {\n\t\t\t\t\t\t'present': present,\n\t\t\t\t\t\t'validAbsence': validAbsence + validLate,\n\t\t\t\t\t\t'invalidAbsence': invalidAbsence + invalidLate,\n\t\t\t\t\t},\n\t\t\t\t\t'display': {\n\t\t\t\t\t\t'present': '0 ' + translate('minutes').toLowerCase(),\n\t\t\t\t\t\t'validAbsence': '0 ' + translate('minutes').toLowerCase(),\n\t\t\t\t\t\t'invalidAbsence': '0 ' + translate('minutes').toLowerCase(),\n\t\t\t\t\t},\n\t\t\t\t};\n\n\t\t\t\tif (total > 0) {\n\t\t\t\t\tattendance.percentage = {\n\t\t\t\t\t\tattendance: Math.round(((present / total) * 100) * 10) / 10,\n\t\t\t\t\t\tvalidAbsence: Math.round((((validAbsence + validLate) / total) * 100) * 10) / 10,\n\t\t\t\t\t\tinvalidAbsence: Math.round((((invalidAbsence + invalidLate) / total) * 100) * 10) / 10,\n\t\t\t\t\t};\n\n\t\t\t\t\tif (attendance.minutes.present > 600) {\n\t\t\t\t\t\tattendance.display.present = Math.floor(attendance.minutes.present / 60) + ' ' + translate('hours').toLowerCase();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tattendance.display.present = attendance.minutes.present + ' ' + translate('minutes');\n\t\t\t\t\t}\n\n\t\t\t\t\tif (attendance.minutes.validAbsence > 600) {\n\t\t\t\t\t\tattendance.display.validAbsence = Math.floor(attendance.minutes.validAbsence / 60) + ' ' + translate('hours').toLowerCase();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tattendance.display.validAbsence = attendance.minutes.validAbsence + ' ' + translate('minutes').toLowerCase();\n\t\t\t\t\t}\n\n\t\t\t\t\tif (attendance.minutes.invalidAbsence > 600) {\n\t\t\t\t\t\tattendance.display.invalidAbsence = Math.floor(attendance.minutes.invalidAbsence / 60) + ' ' + translate('hours').toLowerCase();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tattendance.display.invalidAbsence = attendance.minutes.invalidAbsence + ' ' + translate('minutes').toLowerCase();\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn attendance;\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tgetPercentageFromStatistics = (items) => {\n\t\tif (items == null) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tlet percentages = [];\n\n\t\titems.forEach((item) => {\n\t\t\tlet item_total = 0;\n\t\t\tlet indexed = [];\n\n\t\t\titem.statistics.forEach((stat) => {\n\t\t\t\titem_total += stat.count;\n\t\t\t\tindexed.push({ count: stat.count, index: stat.index, weight: stat.weight });\n\t\t\t});\n\n\t\t\tfor (let i = 0; i <= item_total; i++) {\n\t\t\t\tindexed.map((entry) => {\n\t\t\t\t\tif (entry.count > 0) {\n\t\t\t\t\t\tpercentages.push(entry.weight);\n\t\t\t\t\t\tentry.count = entry.count - 1;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn entry;\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\treturn Math.round(percentages.reduce((a, b) => a + b, 0) / percentages.length);\n\t}\n\n\trenderAssessedAndAssignedInfo = (item) => {\n\t\tif (item == null) return;\n\n\t\tif (!this.state.filters.includes('ASSESSED-ASSIGNED')) {\n\t\t\treturn null;\n\t\t}\n\n\t\tvar title = `${item.totalAssessedAssignments + item.totalAssessedPlannings} ${this.props.translate('of')} ${item.totalAssignedAssignments + item.totalAssignedPlannings} ${this.props.translate('plans and assignments in all subjects')}`\n\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\trenderAssessmentBar = (item, index) => {\n\t\tif (!this.state.filters.includes(item.type)) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (item.statistics != null) {\n\t\t\tvar data = [];\n\t\t\tconst isEmpty = item.statistics.find((stat) => stat.count > 0) == null;\n\n\t\t\tif (isEmpty) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst colors = new ColorScale(item.statistics.length).get();\n\t\t\titem.statistics.map((stat) => {\n\t\t\t\tdata.push({\n\t\t\t\t\tamount: stat.count,\n\t\t\t\t\tlabel: stat.count,\n\t\t\t\t\tcolor: colors[stat.index],\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tlet line = null;\n\t\t\tif (data.length > 0) {\n\t\t\t\tline = (\n\t\t\t\t\t\n\t\t\t\t\t{this.props.translate(\"Assessed-Assigned\")}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn ;\n\t}\n\n\trenderGoalBar = (percentage = 0) => {\n\t\tif (!this.state.filters.includes('ASSESSMENTGOAL')) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (percentage == 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{this.props.translate(item.type)}\n\t\t\t\t\t
\n\t\t\t\t\t{line}\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\n\tgetCourses = () => {\n\t\tlet courses = [];\n\t\tif (this.props.sectionVerdicts != null) {\n\t\t\tthis.props.sectionVerdicts.forEach(verdict => {\n\t\t\t\tverdict.courses.forEach(course => {\n\t\t\t\t\tlet inCourses = courses.find(c => {\n\t\t\t\t\t\treturn c.courseID == course.courseID;\n\t\t\t\t\t});\n\n\t\t\t\t\tif (inCourses == null) {\n\t\t\t\t\t\tcourses.push(course);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t})\n\t\t}\n\n\t\tif (courses.length > 0) {\n\t\t\tcourses = courses.sort((a, b) =>\n\t\t\t\ta.courseID > b.courseID ? 1 : 0\n\t\t\t);\n\t\t}\n\n\t\treturn courses;\n\t}\n\n\ttoggleStudentOpen = (student) => {\n\t\tconst index = this.state.openStudents.indexOf(student.userId);\n\n\t\tif (index > -1) {\n\t\t\tthis.setState({ openStudents: this.state.openStudents.filter(id => id != student.userId) });\n\t\t} else {\n\t\t\tthis.setState({ openStudents: [...this.state.openStudents, student.userId] });\n\t\t}\n\t}\n\n\ttoggleStudentsOpen = () => {\n\t\tconst active = this.props.section.students.length == this.state.openStudents.length;\n\n\t\tif (active) {\n\t\t\tthis.setState({ openStudents: [] });\n\t\t} else {\n\t\t\tthis.setState({ openStudents: this.props.section.students.map(student => student.userId) });\n\t\t}\n\t}\n\n\ttoggleFilter = (filter) => {\n\t\tconst index = this.state.filters.indexOf(filter);\n\n\t\tif (index > -1) {\n\t\t\tthis.setState({ filters: this.state.filters.filter(id => id != filter) });\n\t\t} else {\n\t\t\tthis.setState({ filters: [...this.state.filters, filter] });\n\t\t}\n\t}\n\n\tgetChildHistoricMembers = (historicMember) => {\n\t\tconst children = this.props.section.historicMembers.filter(el =>\n\t\t\tel.userId == historicMember.userId && el.relationship == 'child'\n\t\t);\n\n\t\treturn children.map((member) => {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{this.props.translate('ASSESSMENTGOAL')}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t});\n\t}\n\n\tcheckIfStudentHasSameName = (student, data) => {\n\t\tif (student && data) {\n\t\t\treturn data.filter(x =>\n\t\t\t\tx.firstName === student.firstName && x.lastName === student.lastName\n\t\t\t).length > 1;\n\t\t}\n\t}\n\n\trenderStudentRecentlyAdded = (student) => {\n\t\tif (student == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (student.connectedToSectionDate != null) {\n\n\t\t\tconst endDate = moment(student.connectedToSectionDate);\n\t\t\tconst today = moment();\n\t\t\tconst sevenDaysAgo = moment().subtract(7, 'days');\n\t\t\tvar recentlyAdded = endDate.isBetween(sevenDaysAgo, today, null, '[]');\n\n\t\t\tif (recentlyAdded) {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{`${new DateTime(member.startDate).getDateStamp()} - ${new DateTime(member.endDate).getDateStamp()}`}\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t{member.userRoles.some(el => el == 'OWNER') ?\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Owner')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t{this.props.translate('no-results')}\n\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t\treturn (\n\t\t\t| {this.props.translate('name')} | \n\n\t\t\t\t\t\t{courses.map((course, i) => {\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t{course.title + (course.year != null ? \" \" + course.year : '')}\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t})}\n\t\t\t\t\t|
|---|---|---|
| \n\t\t\t\t\t\t\t\t{this.checkIfStudentHasSameName(student, sortedStudents) ?\n\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t{courses.map((course, i) => {\n\t\t\t\t\t\t\t\tlet verdict = this.props.sectionVerdicts.find(verdict => {\n\t\t\t\t\t\t\t\t\tif (verdict.userId != student.userId) {\n\t\t\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tlet inCourses = verdict.courses.findIndex(co =>\n\t\t\t\t\t\t\t\t\t\tco.courseID == course.courseID\n\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\tif (inCourses > -1) {\n\t\t\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\tif (verdict == null) {\n\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t);\n\t}\n\n\trenderAssessmentsTable = () => {\n\t\tlet width = this.state.width > 0 ? this.state.width + 'px' : '100%';\n\t\tconst sortedStudents = this.props.section.students.sort((a, b) => (a.lastName || \"\").localeCompare(b.lastName || \"\"));\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t| {this.props.translate('name')} | \n\t\t\t\t\t\t\t\t{this.props.translate('attendance')} | \n\t\t\t\t\t\t\t\t{this.props.translate('valid_absence')} | \n\t\t\t\t\t\t\t\t{this.props.translate('invalid_absence')} | \n\t\t\t\t\t\t\t
|---|
\n\t\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\tthis.props.section.historicMembers?.forEach((member, index) => {\n\t\t\tvar laterEntries = this.props.section.historicMembers.some((el, someIndex) => el.userId == member.userId && someIndex > index);\n\t\t\tvar earlierEntries = this.props.section.historicMembers.some((el, someIndex) => el.userId == member.userId && someIndex < index);\n\t\t\tif (laterEntries && !earlierEntries) {\n\t\t\t\tmember.relationship = 'parent';\n\t\t\t} else if ((laterEntries && earlierEntries) || (!laterEntries && earlierEntries)) {\n\t\t\t\tmember.relationship = 'child';\n\t\t\t} else {\n\t\t\t\tmember.relationship = null;\n\t\t\t}\n\t\t});\n\n\t\tlet subjects = this.props.subjects;\n\n\t\tif (subjects != null && subjects.find((subject) => subject.id == 0) == null) {\n\t\t\tsubjects.push({ id: 0, title: this.props.translate('Assessments without subjects') })\n\t\t}\n\n\t\tlet membersRecentlyLeft = this.props.section.historicMembers?.some((member) => {\n\t\t\tconst endDate = moment(member.endDate);\n\t\t\tconst today = moment();\n\t\t\tconst sevenDaysAgo = moment().subtract(7, 'days');\n\t\t\treturn endDate.isBetween(sevenDaysAgo, today, null, '[]');\n\t\t});\n\n\t\tlet multipleDropDown = null;\n\n\t\tif (this.state.subjects != null && subjects != null && subjects.length > 0) {\n\t\t\tmultipleDropDown = \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t| \n\t\t\t\t\t\t\t\t\t{this.props.translate('name')}\n\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('assessment-overview')}\n\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t
|---|---|
| \n\t\t\t\t\t\t\t\t\t\t{this.checkIfStudentHasSameName(student, sortedStudents) ?\n\t\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.renderAssessedAndAssignedInfo(assessments)}\n\n\n\t\t\t\t\t\t\t\t\t\t{percentage > 0 ?\n\t\t\t\t\t\t\t\t\t\t\tthis.renderGoalBar(percentage)\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t{assessments != null ?\n\t\t\t\t\t\t\t\t\t\t\tassessments.studentStatistics.map((item, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (item.type == 'MATRIX') {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn this.renderAssessmentBar(item, index);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t: }\n\n\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t
{this.props.translate('Showing') + ' ' + this.state.subjects.length + ' ' + this.props.translate('of') + ' ' + subjects.length + ' ' + this.props.translate('subjects')}
\n\t\t}\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.props.renderActions != null ? this.props.renderActions() : null}\n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.state.loadingAssessments ?\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.state.loadingVerdicts ?\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.renderAttendanceTable()}\n\t\t\t\t\t\t \n\t\t\t\t\t \n\n\t\t\t\t\t{this.props.section.historicMembers?.length > 0 &&\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tmentorGroups: state.sections.mentorGroups,\n\t\tsectionVerdicts: state.Verdicts.sectionStudents,\n\t\tscale: state.Verdicts.scale,\n\t\tassessments: state.sections.assessmentStatistics,\n\t\tsubjects: state.Subjects.section,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetGroupAbsenceForToday,\n\tgetVerdictsForStudentsInSection,\n\tgetVerdictScale,\n\tgetSectionAssessmentStatistics,\n\tgetSectionSubjects,\n})(UserMentorSection);","import { addError } from 'actions/index';\nimport { searchSectionByTitle } from 'actions/search';\nimport { debounce } from 'helpers/content';\nimport React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport Select from 'react-select/async';\nimport { QuillEditor } from 'UI/Inputs';\nimport { Checkbox, Button } from '@haldor/ui';\nimport api from 'lib/api';\n\nclass MentorSectionForm extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tvalues: {\n\t\t\t\tid: 0,\n\t\t\t\ttitle: '',\n\t\t\t\tdescription: '',\n\t\t\t\tgraphId: null,\n\t\t\t\tHideClassroomLink: false,\n\t\t\t\tteamsUrl: null,\n\t\t\t\ttype: 'MENTOR_GROUP'\n\t\t\t},\n\t\t\tsectionInput: null,\n\t\t\tisSending: false,\n\t\t\tdisableSectionInput: false,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillMount = () => {\n\t\tconst {\n\t\t\teditView,\n\t\t\tteamsContext\n\t\t} = this.props;\n\n\t\tif (editView) {\n\t\t\tthis.loadEditView();\n\t\t}\n\n\t\tif (teamsContext != null) {\n\t\t\tthis.setSectionFieldToTeam();\n\t\t}\n\t}\n\n\tsetSectionFieldToTeam() {\n\t\tconst sectionInput = {\n\t\t\tlabel: this.props.teamsContext.team.displayName,\n\t\t\tvalue: this.props.teamsContext.team.groupId,\n\t\t};\n\n\t\tthis.setState({ sectionInput, disableSectionInput: true });\n\t}\n\n\tloadEditView = () => {\n\t\tconst values = this.state.values;\n\t\tvalues.title = this.props.section.title;\n\t\tvalues.description = this.props.section.description;\n\t\tvalues.HideClassroomLink = this.props.section.hideClassroomLink;\n\t\tvalues.type = this.props.section.type;\n\n\t\tthis.setState({ values });\n\t}\n\n\tonInputChange = (input, event) => {\n\t\tconst values = this.state.values;\n\t\tvalues[input] = event.target.value;\n\t\tthis.setState({ values });\n\t}\n\n\tonSubmit = (event) => {\n\t\tconst values = this.state.values;\n\t\tif (this.props.editView == false) {\n\t\t\tvalues.title = this.state.sectionInput.label;\n\t\t\tvalues.graphId = this.state.sectionInput.value;\n\t\t} else {\n\t\t\tvalues.id = this.props.section.id;\n\t\t}\n\n\t\tthis.setState({ values }, () => {\n\t\t\tconst newError = this.validateForm();\n\n\t\t\tif (!newError) {\n\t\t\t\tconst that = this;\n\t\t\t\tthis.setState({ isSending: true }, () => {\n\t\t\t\t\tif (this.props.editView) {\n\t\t\t\t\t\tapi.put('sections', values).then(() => {\n\t\t\t\t\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t\t\t\t\t\t\tthis.props.onAbort(true);\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tapi.post('sections', values).then((response) => {\n\t\t\t\t\t\t\tthis.props.history.push(`/groups/${response.data}`);\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tvalidateForm = () => {\n\t\tconst values = this.state.values;\n\t\tlet newError = false;\n\n\t\tif (values.title.length === 0) {\n\t\t\tnewError = true;\n\t\t\tthis.props.addError(this.props.translate('enter-a-title-error'), 'notice');\n\t\t}\n\n\t\tif (this.props.editView == false) {\n\t\t\tif (values.graphId == null) {\n\t\t\t\tnewError = true;\n\t\t\t\tthis.props.addError(this.props.translate('pick-a-section'), 'notice');\n\t\t\t}\n\t\t}\n\n\t\treturn newError;\n\t}\n\n\tonDescriptionChange = (text) => {\n\t\tconst values = this.state.values;\n\t\tvalues.description = text;\n\t\tthis.setState({ values });\n\t}\n\n\tonClickSave = (event) => {\n\t\tevent.preventDefault();\n\n\t\tif (!this.state.isSending) {\n\t\t\tthis.onSubmit();\n\t\t}\n\t}\n\n\tonSearchSection = (title, callback) => {\n\t\tif (!title) {\n\t\t\tcallback(null, []);\n\t\t} else {\n\t\t\tvar searchValue = title.trim();\n\t\t\tsearchValue = searchValue.replace(/[^A-Za-z0-9]/g, \"\");\n\t\t\tsearchValue = encodeURIComponent(searchValue);\n\n\t\t\tif (searchValue != null && searchValue != \"\") {\n\t\t\t\tif (searchValue.length < 3) {\n\t\t\t\t\tcallback([]);\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tthis.props.searchSectionByTitle(searchValue, true, (data) => {\n\t\t\t\t\tlet options = [];\n\n\t\t\t\t\tdata.forEach((section) => {\n\t\t\t\t\t\toptions.push({\n\t\t\t\t\t\t\tvalue: section.graphId,\n\t\t\t\t\t\t\tlabel: section.title\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\n\t\t\t\t\tcallback(options);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tcallback([]);\n\t\t\t}\n\t\t}\n\t}\n\n\tonSectionChange = (option) => {\n\t\tthis.setState({ sectionInput: option });\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Students')}\n\t\t\t\t\t\t\n\t\t\t\t\t\t{this.state.showMenu ?\n\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.state.smallLoader ?\n\t\t\t\t\t\t\t\t\t this.toggleFilter('ASSESSED-ASSIGNED')}\n\t\t\t\t\t\t\t\t\tvalue={this.state.filters.includes('ASSESSED-ASSIGNED')}\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t this.toggleFilter('MATRIX')}\n\t\t\t\t\t\t\t\t\tvalue={this.state.filters.includes('MATRIX')}\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t this.toggleFilter('ASSESSMENTGOAL')}\n\t\t\t\t\t\t\t\t\tvalue={this.state.filters.includes('ASSESSMENTGOAL')}\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t{multipleDropDown != null && this.props.subjects != null ?\n\t\t\t\t\t\t\t\t\t ({\n\t\t\t\t\t\t\t\t\t\t\tlabel: subject.title,\n\t\t\t\t\t\t\t\t\t\t\tvalue: subject.id,\n\t\t\t\t\t\t\t\t\t\t}))}\n\t\t\t\t\t\t\t\t\t\tonChange={this.onSubjectsChange}\n\t\t\t\t\t\t\t\t\t\tvalue={this.props.subjects.map((subject) => subject.id)}\n\t\t\t\t\t\t\t\t\t\tselectAllLabel={this.props.translate('Select all')}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.renderVerdictTable()}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{membersRecentlyLeft ?
\n\t\t\t\t\t\t\t)}>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.section.historicMembers?.map((student) => {\n\t\t\t\t\t\t\t\t\t\tlet memberLeftRecently = false;\n\n\t\t\t\t\t\t\t\t\t\tif (student.endDate != null) {\n\t\t\t\t\t\t\t\t\t\t\tconst endDate = moment(student.endDate);\n\t\t\t\t\t\t\t\t\t\t\tconst today = moment();\n\t\t\t\t\t\t\t\t\t\t\tconst sevenDaysAgo = moment().subtract(7, 'days');\n\t\t\t\t\t\t\t\t\t\t\tmemberLeftRecently = endDate.isBetween(sevenDaysAgo, today, null, '[]');\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\tconst hasSameName = this.props.section.historicMembers.filter(x =>\n\t\t\t\t\t\t\t\t\t\t\tx.displayName === student.displayName).length > 1;\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{student.relationship == 'parent' ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.getChildHistoricMembers(student)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\t\tstudent.relationship == null ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{memberLeftRecently ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t : null}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{`${new DateTime(student.startDate).getDateStamp()} - ${new DateTime(student.endDate).getDateStamp()}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{student.userRoles.some(el => el == 'OWNER') ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Owner')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{memberLeftRecently ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t : null}\n\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{`${new DateTime(student.startDate).getDateStamp()} - ${new DateTime(student.endDate).getDateStamp()}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t{this.props.teamsContext != null ?\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nconst mapStateToProps = state => ({\n\ttranslate: translate(state.Languages.translations),\n});\n\nconst mapDispatchToProps = {\n\tsearchSectionByTitle,\n\taddError,\n};\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(MentorSectionForm));","import React, { Component } from \"react\";\nimport Moment from 'moment';\nimport { Redirect } from 'react-router-dom';\nimport { connect } from \"react-redux\";\n\nimport DateTime from \"_class/DateTime\";\nimport User from \"_class/User\";\n\nimport { getUserAssessmentDates } from \"helpers/user\";\n\nimport { setPageTitle } from \"actions/header\";\nimport { getSection } from \"actions/sections\";\n\nimport DatePickers from \"./Partials/DatePickers\";\nimport UserAssessments from './Partials/UserAssessments';\n\nimport { Spinner } from \"UI\";\nimport { Button, translate } from '@haldor/ui';\n\nclass SectionProgress extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tstudent: null,\n\t\t\tend: getUserAssessmentDates().end,\n\t\t\tstart: getUserAssessmentDates().start,\n\t\t\tcurrentEnd: getUserAssessmentDates().end,\n\t\t\tcurrentStart: getUserAssessmentDates().start\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tlet groupId = null;\n\n\t\tif (this.props.match != null) {\n\t\t\tif (this.props.match.params.groupId != null) {\n\t\t\t\tgroupId = this.props.match.params.groupId;\n\t\t\t}\n\t\t}\n\n\t\tif (groupId == null) {\n\t\t\tgroupId = this.props.groupId;\n\t\t}\n\n\t\tif (this.props.activeSection != null) {\n\t\t\tif (this.props.activeSection.id == groupId) {\n\t\t\t\tthis.setTitleAndStudent();\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tthis.props.getSection(groupId).then(() => {\n\t\t\tthis.setTitleAndStudent();\n\t\t});\n\t};\n\n\tsetTitleAndStudent = () => {\n\t\tconst { activeSection } = this.props;\n\t\tlet studentId = null;\n\t\tlet student = null;\n\n\t\tif (this.props.match != null) {\n\t\t\tif (this.props.match.params.userId != null) {\n\t\t\t\tstudentId = this.props.match.params.userId;\n\t\t\t}\n\t\t}\n\n\t\tif (studentId == null) {\n\t\t\tstudentId = this.props.userId;\n\t\t}\n\n\t\tconst currentUser = new User(this.props.currentUser);\n\t\tif (currentUser.isStudent()) {\n\t\t\tstudent = this.props.currentUser;\n\t\t} else {\n\t\t\tconst foundStudent = activeSection.students.find(t => t.id == studentId);\n\n\t\t\tif (foundStudent != null) {\n\t\t\t\tstudent = foundStudent;\n\n\t\t\t\tthis.props.setPageTitle(\n\t\t\t\t\tactiveSection.title + ' / ' + foundStudent.firstName + \" \" + foundStudent.lastName\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tif (student != null) {\n\t\t\tthis.setState({ loading: false, student });\n\t\t}\n\t}\n\n\tupdateDates = () => {\n\t\tconst { start, end } = this.state;\n\n\t\tlocalStorage.setItem(\"assessment-start-date\", new DateTime(start).getDateStamp());\n\t\tlocalStorage.setItem(\"assessment-end-date\", new DateTime(end).getDateStamp());\n\n\t\tthis.setState({ currentStart: start, currentEnd: end });\n\t}\n\n\tonDateChange = ({ start, end }) => {\n\t\tif (start == \"Invalid date\") {\n\t\t\tstart = Moment().subtract(1, \"years\");\n\t\t}\n\t\tif (end == \"Invalid date\") {\n\t\t\tend = Moment().add(1, \"years\");\n\t\t}\n\n\t\tthis.setState({ start: new DateTime(start).getDateStamp(), end: new DateTime(end).getDateStamp() });\n\t};\n\n\trender() {\n\t\tconst { loading, student } = this.state;\n\t\tlet groupId = null;\n\n\t\tif (this.props.match != null) {\n\t\t\tif (this.props.match.params.groupId != null) {\n\t\t\t\tgroupId = this.props.match.params.groupId;\n\t\t\t}\n\t\t}\n\n\t\tif (groupId == null) {\n\t\t\tgroupId = this.props.groupId;\n\t\t}\n\n\t\tif (this.props.activeSection == null && student == null || loading) {\n\t\t\treturn (\n\t\t\t\t{this.props.translate('form-no-section-found')}
\n\t\t\t\t\t: null}\n\n\t\t\t\t{this.state.isSending ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{this.props.editView ? this.props.translate('creation-phrase-1') : this.props.translate('creating-section')}...\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst isStudent = user.isStudent();\n\n\t\tif (isStudent) {\n\t\t\tlet studentId;\n\t\t\tif (this.props.match?.params != null && this.props.match?.params?.userId != null) {\n\t\t\t\tstudentId = this.props.match.params.userId;\n\t\t\t} else {\n\t\t\t\tstudentId = this.props.userId;\n\t\t\t}\n\n\t\t\tif (studentId == null || studentId != this.props.currentUser.id) {\n\t\t\t\treturn \n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tactiveSection: state.sections.activeSection,\n\t\tcurrentUser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations)\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetSection,\n\tsetPageTitle\n})(SectionProgress);","import React, { Component, Fragment } from 'react';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport DateTime from '_class/DateTime';\nimport ColorScale from '_class/ColorScale';\nimport { getRootUrl } from 'helpers/url';\n\nimport { getSectionAssessmentStatistics } from 'actions/sections';\n\nimport { Spinner, Collapsible } from 'UI';\nimport { Bar, Progress } from 'UI/Graphs';\nimport { Block, Checkbox, Icon, MultiSelect, Table, translate } from '@haldor/ui';\nimport './UserSection.scss'\nimport DisplayName from 'components/Presentation/DisplayName';\nimport { Stack, Tooltip } from '@mui/material';\nimport moment from 'moment';\nimport ErrorRoundedIcon from '@mui/icons-material/ErrorRounded';\n\nimport ArrowDropDownOutlinedIcon from '@mui/icons-material/ArrowDropDownOutlined';\n\nclass UserSection extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tfilters: ['ASSESSMENTGOAL', 'MATRIX', 'ASSESSED-ASSIGNED'],\n\t\t\tsubjects: [],\n\t\t\topenStudents: [],\n\t\t\tloadingAssessments: false,\n\t\t\twidth: 0,\n\t\t\tshowMenu: true,\n\t\t};\n\n\t\tthis.container = null;\n\t\tthis.barColumn = null;\n\t}\n\n\t_setContainer = (element) => this.container = element;\n\t_setBarColumn = (element) => this.barColumn = element;\n\n\tcomponentDidMount = () => {\n\t\twindow.addEventListener('hashchange', this.onHashChange);\n\t\twindow.addEventListener('resize', this.resize);\n\t\tthis.setState({ openStudents: this.props.section.students.map(student => student.userId) }, () => {\n\t\t\tthis.resize();\n\t\t});\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\twindow.removeEventListener('resize', this.resize);\n\t\twindow.removeEventListener('hashchange', this.onHashChange);\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\t// Check if start or end has changed\n\t\tif ((prevProps.start !== this.props.start || prevProps.end !== this.props.end) && this.state.subjects.length > 0) {\n\t\t\tthis.fetchAssessmentStatistics(this.state.subjects);\n\t\t}\n\t}\n\n\tonHashChange = () => {\n\t\tif (window.location.hash == '#assessments') {\n\t\t\tthis.setState({ showMenu: true })\n\t\t} else {\n\t\t\tthis.setState({ showMenu: false })\n\t\t}\n\t}\n\n\tresize = () => {\n\t\tif (this.barColumn != null && this.container != null) {\n\t\t\tthis.setState({ width: this.container.scrollWidth - this.barColumn.scrollWidth })\n\t\t}\n\t}\n\n\ttoggleStudentOpen = (student) => {\n\t\tconst index = this.state.openStudents.indexOf(student.userId);\n\n\t\tif (index > -1) {\n\t\t\tthis.setState({ openStudents: this.state.openStudents.filter(id => id != student.userId) });\n\t\t} else {\n\t\t\tthis.setState({ openStudents: [...this.state.openStudents, student.userId] });\n\t\t}\n\t}\n\n\ttoggleStudentsOpen = () => {\n\t\tconst active = this.props.section.students.length == this.state.openStudents.length;\n\n\t\tif (active) {\n\t\t\tthis.setState({ openStudents: [] });\n\t\t} else {\n\t\t\tthis.setState({ openStudents: this.props.section.students.map(student => student.userId) });\n\t\t}\n\t}\n\n\ttoggleFilter = (filter) => {\n\t\tconst index = this.state.filters.indexOf(filter);\n\n\t\tif (index > -1) {\n\t\t\tthis.setState({ filters: this.state.filters.filter(id => id != filter) });\n\t\t} else {\n\t\t\tthis.setState({ filters: [...this.state.filters, filter] });\n\t\t}\n\t}\n\n\tfetchAssessmentStatistics = (subjects) => {\n\t\tconst { section, start, end } = this.props;\n\t\tthis.setState({ loadingAssessments: true });\n\t\tthis.props.getSectionAssessmentStatistics(section.id, start, end, subjects).then(() => {\n\t\t\tthis.setState({ loadingAssessments: false });\n\t\t});\n\t}\n\n\tonSubjectsChange = (subjects) => {\n\t\tthis.setState({ subjects });\n\t\tthis.fetchAssessmentStatistics(subjects);\n\t}\n\n\tgetPercentageFromStatistics = (items) => {\n\t\tif (items == null) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tlet percentages = [];\n\n\t\titems.forEach((item) => {\n\t\t\tlet item_total = 0;\n\t\t\tlet indexed = [];\n\n\t\t\titem.statistics.forEach((stat) => {\n\t\t\t\titem_total += stat.count;\n\t\t\t\tindexed.push({ count: stat.count, index: stat.index, weight: stat.weight });\n\t\t\t});\n\n\t\t\tfor (let i = 0; i <= item_total; i++) {\n\t\t\t\tindexed.map((entry) => {\n\t\t\t\t\tif (entry.count > 0) {\n\t\t\t\t\t\tpercentages.push(entry.weight);\n\t\t\t\t\t\tentry.count = entry.count - 1;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn entry;\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\treturn Math.round(percentages.reduce((a, b) => a + b, 0) / percentages.length);\n\t}\n\n\trenderAssessmentBar = (item, index) => {\n\t\tif (!this.state.filters.includes(item.type)) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (item.statistics != null) {\n\t\t\tvar data = [];\n\t\t\tconst isEmpty = item.statistics.find((stat) => stat.count > 0) == null;\n\n\t\t\tif (isEmpty) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst colors = new ColorScale(item.statistics.length).get();\n\t\t\titem.statistics.map((stat) => {\n\t\t\t\tdata.push({\n\t\t\t\t\tamount: stat.count,\n\t\t\t\t\tlabel: stat.count,\n\t\t\t\t\tcolor: colors[stat.index],\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tlet line = null;\n\t\t\tif (data.length > 0) {\n\t\t\t\tline = (\n\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\t\treturn ;\n\t}\n\n\tgetChildHistoricMembers = (historicMember) => {\n\t\tconst children = this.props.section.historicMembers.filter(el =>\n\t\t\tel.userId == historicMember.userId && el.relationship == 'child'\n\t\t);\n\n\t\treturn children.map((member) => {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t{this.props.translate(item.type)}\n\t\t\t\t\t
\n\n\t\t\t\t\t{line}\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t});\n\t}\n\n\trenderStudentRecentlyAdded = (student) => {\n\t\tif (student == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (student.connectedToSectionDate != null) {\n\n\t\t\tconst endDate = moment(student.connectedToSectionDate);\n\t\t\tconst today = moment();\n\t\t\tconst sevenDaysAgo = moment().subtract(7, 'days');\n\t\t\tvar recentlyAdded = endDate.isBetween(sevenDaysAgo, today, null, '[]');\n\n\t\t\tif (recentlyAdded) {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{`${new DateTime(member.startDate).getDateStamp()} - ${new DateTime(member.endDate).getDateStamp()}`}\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t{member.userRoles.some(el => el.toUpperCase() == 'OWNER') ?\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Owner')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\trenderAssessedAndAssignedInfo = (item) => {\n\t\tif (item == null) return;\n\n\t\tif (!this.state.filters.includes('ASSESSED-ASSIGNED')) {\n\t\t\treturn null;\n\t\t}\n\n\t\tvar title = `${item.totalAssessedAssignments + item.totalAssessedPlannings} ${this.props.translate('of')} ${item.totalAssignedAssignments + item.totalAssignedPlannings} ${this.props.translate('plans and assignments in all subjects')}`\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{this.props.translate('ASSESSMENTGOAL')}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\n\trenderTable = () => {\n\t\tconst width = this.state.width > 0 ? this.state.width + 'px' : '100%';\n\t\tconst sortedStudents = this.props.section.students.sort((a, b) => (a.lastName || \"\").localeCompare(b.lastName || \"\")\n\t\t);\n\n\t\treturn \n\t\t\t\t\t{this.props.translate(\"Assessed-Assigned\")}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t| \n\t\t\t\t\t\t{this.props.translate('name')}\n\t\t\t\t\t | \n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('assessment-overview')}\n\t\t\t\t\t | \n\t\t\t\t
|---|---|
| \n\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t | \n\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.renderAssessedAndAssignedInfo(studentStatistics)}\n\n\t\t\t\t\t\t\t\t{percentage > 0 ?\n\t\t\t\t\t\t\t\t\tthis.renderGoalBar(percentage)\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t{studentStatistics != null ?\n\t\t\t\t\t\t\t\t\tstudentStatistics.studentStatistics.map((item, index) => {\n\t\t\t\t\t\t\t\t\t\tif (item.type == 'MATRIX') {\n\t\t\t\t\t\t\t\t\t\t\treturn this.renderAssessmentBar(item, index);\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t: }\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t
{this.props.translate('Showing') + ' ' + this.state.subjects.length + ' ' + this.props.translate('of') + ' ' + subjects.length + ' ' + this.props.translate('subjects')}
\n\t\t}\n\t\treturn (\n\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tstatistics: state.sections.assessmentStatistics,\n\t\tsubjects: state.Subjects.section,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetSectionAssessmentStatistics,\n})(UserSection);\n","import DisplayName from 'components/Presentation/DisplayName';\nimport React, { Component } from 'react';\n\nclass UserSectionPreschool extends Component {\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Students')}\n\t\t\t\t\t\t\n\t\t\t\t\t\t{this.state.showMenu ?\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.state.loadingAssessments ?\n\t\t\t\t\t\t\t\t\t this.toggleFilter('ASSESSED-ASSIGNED')}\n\t\t\t\t\t\t\t\t\tvalue={this.state.filters.includes('ASSESSED-ASSIGNED')}\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t this.toggleFilter('MATRIX')}\n\t\t\t\t\t\t\t\t\tvalue={this.state.filters.includes('MATRIX')}\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t this.toggleFilter('ASSESSMENTGOAL')}\n\t\t\t\t\t\t\t\t\tvalue={this.state.filters.includes('ASSESSMENTGOAL')}\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t{multipleDropDown != null && this.props.subjects != null ?\n\t\t\t\t\t\t\t\t\t ({\n\t\t\t\t\t\t\t\t\t\t\tlabel: subject.title,\n\t\t\t\t\t\t\t\t\t\t\tvalue: subject.id,\n\t\t\t\t\t\t\t\t\t\t}))}\n\t\t\t\t\t\t\t\t\t\tvalue={subjects.map((subject) => subject.id)}\n\t\t\t\t\t\t\t\t\t\tonChange={this.onSubjectsChange}\n\t\t\t\t\t\t\t\t\t\tselectAllLabel={this.props.translate('Select all')}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\t{this.renderTable()}\n\t\t\t\t\t
\n\n\t\t\t\t\t{this.props.section.historicMembers && this.props.section.historicMembers.length > 0 &&\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t {membersRecentlyLeft ?
\n\t\t\t\t\t\t\t)}>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.section.historicMembers?.map((student) => {\n\t\t\t\t\t\t\t\t\t\tlet memberLeftRecently = false;\n\n\t\t\t\t\t\t\t\t\t\tif (student.endDate != null) {\n\t\t\t\t\t\t\t\t\t\t\tconst endDate = moment(student.endDate);\n\t\t\t\t\t\t\t\t\t\t\tconst today = moment();\n\t\t\t\t\t\t\t\t\t\t\tconst sevenDaysAgo = moment().subtract(7, 'days');\n\t\t\t\t\t\t\t\t\t\t\tmemberLeftRecently = endDate.isBetween(sevenDaysAgo, today, null, '[]');\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{student.relationship == 'parent' ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{memberLeftRecently ? \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t : null}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{student.displayName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.getChildHistoricMembers(student)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\t\tstudent.relationship == null ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{`${new DateTime(student.startDate).getDateStamp()} - ${new DateTime(student.endDate).getDateStamp()}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{student.userRoles.some(el => el == 'OWNER') ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Owner')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{memberLeftRecently ? \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t : null}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{student.displayName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{`${new DateTime(student.startDate).getDateStamp()} - ${new DateTime(student.endDate).getDateStamp()}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.section.students\n\t\t\t\t\t\t\t.sort((a, b) => (a.lastName || \"\").localeCompare(b.lastName || \"\"))\n\t\t\t\t\t\t\t.map((student) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default UserSectionPreschool;","import React, { Component } from 'react';\nimport Moment from 'moment';\nimport { connect } from 'react-redux';\n\nimport { getSectionSubjects, clearSectionSubjects } from 'actions/subjects';\nimport { getUserAssessmentDates } from 'helpers/user';\n\nimport DateTime from '_class/DateTime';\nimport DatePickers from './Partials/DatePickers';\nimport UserSection from 'components/List/UserSection';\nimport UserSectionPreschool from 'components/List/UserSectionPreschool';\n\nimport { List, Spinner } from 'UI';\nimport { Button, getActiveLanguage, translate } from '@haldor/ui';\nimport User from '_class/User';\n\nimport './TeacherSection.scss';\n\nclass TeacherSectionProgress extends Component {\n\n\tstatic defaultProps = {\n\t\tschoolType: 'COMPULSORY_SCHOOL'\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tMoment.locale(getActiveLanguage());\n\n\t\tthis.state = {\n\t\t\tloading: false,\n\t\t\tend: getUserAssessmentDates().end,\n\t\t\tstart: getUserAssessmentDates().start,\n\t\t\tcurrentEnd: getUserAssessmentDates().end,\n\t\t\tcurrentStart: getUserAssessmentDates().start,\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.props.clearSectionSubjects();\n\t\tthis.props.getSectionSubjects(this.props.group.id);\n\t}\n\tcomponentWillUnmount() {\n\t\tthis.props.clearSectionSubjects();\n\t}\n\n\tonDateChange = ({ start, end }) => {\n\t\tif (start == \"Invalid date\") {\n\t\t\tstart = Moment().subtract(1, \"years\");\n\t\t}\n\t\tif (end == \"Invalid date\") {\n\t\t\tend = Moment().add(1, \"years\");\n\t\t}\n\n\t\tlocalStorage.setItem('assessment-start-date', new DateTime(start).getDateStamp());\n\t\tlocalStorage.setItem('assessment-end-date', new DateTime(end).getDateStamp());\n\n\t\tthis.setState({ start: new DateTime(start).getDateStamp(), end: new DateTime(end).getDateStamp() });\n\t}\n\n\tupdateDates = async () => {\n\t\tconst { start, end } = this.state;\n\t\tthis.setState({ currentStart: start, currentEnd: end });\n\t}\n\n\trenderDateFilterText = () => {\n\t\tif (Moment().isSame(Moment(this.state.currentEnd), 'day')) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t| \n\t\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t{this.props.translate('Shows statistics for tasks and plans that have due dates between')} {Moment(this.state.currentStart).format('YYYY-MM-DD')} {this.props.translate('to').toLowerCase()} {Moment(this.state.currentEnd).format('YYYY-MM-DD')}\n\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { group } = this.props;\n\t\tconst { loading } = this.state;\n\n\t\tconst user = new User(this.props.currentUser);\n\t\tlet isOwner = this.props.group.owners.find(owner => {\n\t\t\treturn owner.userId == this.props.currentUser.id;\n\t\t});\n\n\t\tif (((user.isTeacher || user.isMentor) && isOwner) || user.isAdministrator()) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{this.props.schoolType != 'PRESCHOOL' ?\n\t\t\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\treturn ;\n\t\t}\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tgroup: state.sections.activeSection,\n\t\tcurrentUser: state.user.currentUser,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetSectionSubjects,\n\tclearSectionSubjects,\n})(TeacherSectionProgress);\n","import PostContent from 'components/Presentation/PostContent';\nimport { getSchedule } from 'actions/schedule';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport DateTime from '_class/DateTime';\nimport Moment from 'moment';\nimport { Link } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport User from '_class/User';\nimport { Block } from '@haldor/ui';\nimport { getActiveSchool } from 'helpers/localstorage';\nimport { ColorLabel, ColorLabelContainer, Collapsible } from 'UI';\n\nimport TeacherAdjustments from 'containers/AdditionalAdjustments/Display/TeacherAdjustments';\n\nconst styles = {\n\tbackground: 'white',\n\tcolor: 'black',\n\tborderRadius: '6px',\n\tmarginBottom: '0.55rem',\n\tpadding: '0.65rem',\n\tcursor: 'pointer',\n\tboxShadow: '0px 1px 4px rgba(0, 0, 0, 0.09)',\n\ttextDecoration: 'none',\n\tdisplay: 'block',\n};\n\nclass SectionInformation extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t}\n\n\tcomponentDidMount() {\n\t\tif (this.props.group.type != 'MENTOR_GROUP') {\n\t\t\tthis.props.getSchedule(\n\t\t\t\tencodeURIComponent(Moment({ hour: 0 }).format('YYYY-MM-DD HH:mm:ss')),\n\t\t\t\tencodeURIComponent(Moment({ hour: 23, minute: 59 }).format('YYYY-MM-DD HH:mm:ss')),\n\t\t\t);\n\t\t}\n\t}\n\n\tisUserOwner = () => {\n\t\tconst { currentUser, group } = this.props;\n\n\t\tif (currentUser == null || group == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet foundOwner = group.owners.find(owner => {\n\t\t\treturn currentUser.id == owner.id;\n\t\t});\n\n\t\tif (foundOwner != null) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\trender() {\n\t\tlet subjects = [];\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst groupId = this.props.group.id;\n\t\tconst scheduleItems = this.props.schedule.filter(function (scheduleItem) {\n\t\t\tif (scheduleItem.section != null) {\n\t\t\t\treturn scheduleItem.section.id == groupId;\n\t\t\t}\n\t\t\telse {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t});\n\n\t\tif (this.props.currentUser.subjects != null && this.props.currentUser.subjects.length > 0) {\n\t\t\tthis.props.currentUser.subjects.forEach(subject => {\n\t\t\t\tif (getActiveSchool(this.props.currentUser.id) == subject.schoolId) {\n\t\t\t\t\tsubjects.push(subject);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{this.renderDateFilterText()}\n\n\t\t\t\t\t{loading ? \n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{this.props.group.description ?\n\t\t\t\t\t\t \n\t\t\t
\n\t\t)\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tservices: state.Services.availableServices,\n\t\tcurrentUser: state.user.currentUser,\n\t\tschedule: state.schedule.scheduleToday,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetSchedule,\n})(SectionInformation);\n","import React, { Component } from 'react';\nimport { Icon, translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, reduxForm } from 'redux-form';\nimport { withRouter } from 'react-router-dom';\nimport Moment from \"moment\";\n\nimport { getRootUrl } from 'helpers/url';\nimport { isUserTeacher } from 'helpers/user';\nimport { updatePlan, createPlan, getPlanDetails } from 'actions/plans';\nimport { getSection } from \"actions/sections\";\nimport { saveBlocksOnReference, updateBlocksOnReference, deleteBlock } from 'actions/blocks';\n\nimport BlockEditor from 'components/BlockEditor';\nimport TeacherAdjustments from \"containers/AdditionalAdjustments/Display/TeacherAdjustments\";\nimport DatePickerFromTo from '../Partials/DatePickerFromTo';\nimport GroupSelector from '../Partials/GroupSelector';\nimport SearchPreschoolGoals from '../SearchPreschoolGoals';\n\nimport { Editor } from 'UI/Inputs';\nimport { Checkbox, Button } from '@haldor/ui';\nimport { Expandable, Spinner } from \"UI\";\nimport { Stack } from '@mui/material';\n\nclass PreschoolPlanningForm extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tvar students = [];\n\t\tif (this.props.editView) {\n\t\t\tif (props.initialValues != null) {\n\t\t\t\tstudents = props.initialValues.students;\n\t\t\t}\n\t\t}\n\n\t\tthis.state = {\n\t\t\tselectedGoals: [],\n\t\t\tattachedFiles: props.editView || props.cloneView ? props.initialValues.attachedFiles : [],\n\t\t\tdateStart: null,\n\t\t\tdateEnd: null,\n\t\t\tsectionId: '0',\n\t\t\tnewDocuments: [],\n\t\t\tstudents: students,\n\t\t\tloading: true,\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.cloneView) {\n\t\t\tthis.props.getPlanDetails(this.props.plan.id).then(() => {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t});\n\t\t} else {\n\t\t\tthis.setState({ loading: false });\n\t\t}\n\n\t\tlet sectionId = null;\n\t\tif (this.props.initialValues != null) {\n\t\t\tsectionId = this.props.initialValues.sectionId;\n\t\t\tthis.setState({ dateStart: this.props.initialValues.timeStart, dateEnd: this.props.initialValues.timeEnd });\n\t\t}\n\n\t\tif (this.props.sectionId != null) {\n\t\t\tsectionId = this.props.sectionId;\n\t\t}\n\n\t\tif (sectionId != null) {\n\t\t\tvar find = this.props.sections.find(t => t.id == sectionId);\n\t\t\tif (find == null) {\n\t\t\t\tthis.setState({ sectionId: 0 });\n\t\t\t} else {\n\t\t\t\tthis.setState({ sectionId: sectionId });\n\t\t\t\tthis.props.getSection(sectionId).then(() => {\n\t\t\t\t\tif (!this.props.editView) {\n\t\t\t\t\t\tthis.setState({ students: this.props.section.students });\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t};\n\n\t/* Redux form functions */\n\trequired = (value) => {\n\t\tif (typeof (value) !== 'undefined' && value !== '') {\n\t\t\tif (value.length > 199) {\n\t\t\t\t// Field failed validation, return error for this field (String)\n\t\t\t\treturn this.props.translate('field-max-200-chars');\n\t\t\t}\n\n\t\t\t// Field passes validation, return a undefined error for this field\n\t\t\t// Rule: Not undefined and not an empty string and not over 200 characters\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// Field failed validation, return error for this field (String)\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\tsubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tconst { selectedGoals, dateStart, dateEnd, sectionId } = this.state;\n\t\t\tconst { initialValues } = this.props;\n\t\t\tconst { progress, evaluation } = values;\n\t\t\tlet attachedFiles = [];\n\t\t\tlet blocks = [];\n\t\t\tlet deletedBlocks = [];\n\n\t\t\tif (values.blocks != null) {\n\t\t\t\tblocks = [...values.blocks];\n\t\t\t\tblocks.forEach(block => {\n\t\t\t\t\tif (block.type == 'Haldor.Blocks.Assignment') {\n\t\t\t\t\t\tif (block.resources != null) {\n\t\t\t\t\t\t\tlet resources = [];\n\t\t\t\t\t\t\tblock.resources.forEach(resource => {\n\t\t\t\t\t\t\t\tresources.push({\n\t\t\t\t\t\t\t\t\tid: resource.id,\n\t\t\t\t\t\t\t\t\t'@odata.type': resource['@odata.type'],\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tblock.resources = resources;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\treturn block;\n\t\t\t\t})\n\n\t\t\t\tif (initialValues != null && initialValues.blocks != null) {\n\t\t\t\t\tdeletedBlocks = [...initialValues.blocks].filter(block =>\n\t\t\t\t\t\t!blocks.find(_bl => _bl.id == block.id)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tdelete values.blocks;\n\t\t\tdelete values.progress;\n\t\t\tdelete values.evaluation;\n\n\t\t\tif (values.files == null) {\n\t\t\t\tvalues.fields = [];\n\t\t\t}\n\n\t\t\tlet foundProgress = values.fields.find(field => {\n\t\t\t\treturn field.title == 'How to continue our work';\n\t\t\t});\n\n\t\t\tlet foundEvaluation = values.fields.find(field => {\n\t\t\t\treturn field.title == 'evaluation-and-analysis';\n\t\t\t});\n\n\t\t\tif (foundProgress != null) {\n\t\t\t\tfoundProgress.content = progress;\n\t\t\t}\n\t\t\telse {\n\t\t\t\tvar progressField = {\n\t\t\t\t\ttitle: 'How to continue our work',\n\t\t\t\t\tcontent: progress,\n\t\t\t\t\ttype: 'MULTILINETEXT',\n\t\t\t\t\troles: [{\n\t\t\t\t\t\t'roleID': 'Teacher',\n\t\t\t\t\t}],\n\t\t\t\t};\n\t\t\t\tvalues.fields.push(progressField);\n\t\t\t}\n\n\t\t\tif (foundEvaluation != null) {\n\t\t\t\tfoundEvaluation.content = evaluation;\n\t\t\t}\n\t\t\telse {\n\t\t\t\tvar evaluationField = {\n\t\t\t\t\ttitle: 'evaluation-and-analysis',\n\t\t\t\t\tcontent: evaluation,\n\t\t\t\t\ttype: 'MULTILINETEXT',\n\t\t\t\t\troles: [{\n\t\t\t\t\t\t'roleID': 'Teacher',\n\t\t\t\t\t}],\n\t\t\t\t};\n\t\t\t\tvalues.fields.push(evaluationField);\n\t\t\t}\n\n\t\t\t/* Add custom inputs to the values object that redux form creates */\n\t\t\tvalues.associatedGoals = selectedGoals;\n\t\t\tvalues.timeStart = dateStart;\n\t\t\tvalues.timeEnd = dateEnd;\n\t\t\tvalues.students = this.state.students;\n\n\t\t\tif (values.status == null) {\n\t\t\t\tvalues.status = 'PLANNING_OPEN';\n\t\t\t}\n\n\t\t\tvalues.sectionId = sectionId;\n\t\t\tvalues.associatedMatrices = [];\n\t\t\tvalues.matrix = null;\n\n\t\t\tif (this.state.attachedFiles != null && this.state.attachedFiles.length > 0) {\n\t\t\t\tattachedFiles = this.state.attachedFiles;\n\t\t\t}\n\n\t\t\tvalues.attachedFiles = attachedFiles;\n\n\t\t\tif (this.state.newDocuments != null && this.state.newDocuments.length > 0) {\n\t\t\t\tvalues.attachedFiles = [...values.attachedFiles, ...this.state.newDocuments];\n\t\t\t}\n\n\t\t\t/* Make request */\n\t\t\tconst that = this;\n\t\t\tif (this.props.editView) {\n\t\t\t\tlet promises = [];\n\t\t\t\tpromises.push(new Promise(resolve => {\n\t\t\t\t\tthis.props.updatePlan(values).then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t})\n\t\t\t\t}))\n\n\t\t\t\tif (blocks != null && blocks.length > 0) {\n\t\t\t\t\tpromises.push(new Promise(resolve => {\n\t\t\t\t\t\tthis.props.updateBlocksOnReference(blocks, initialValues.id, 'PLAN')\n\t\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t\t})\n\t\t\t\t\t}));\n\t\t\t\t}\n\n\t\t\t\tif (deletedBlocks.length > 0) {\n\t\t\t\t\tdeletedBlocks.forEach(block => {\n\t\t\t\t\t\tpromises.push(new Promise(resolve => {\n\t\t\t\t\t\t\tthis.props.deleteBlock(block.id)\n\t\t\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}));\n\t\t\t\t\t})\n\t\t\t\t}\n\n\t\t\t\tPromise.all(promises).then(() => {\n\t\t\t\t\tthat.props.onAbort(true, true);\n\n\t\t\t\t\tresolve(1);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tif (this.props.cloneView) {\n\t\t\t\t\tif (values.attachedFiles != null) {\n\t\t\t\t\t\tvalues.attachedFiles.forEach(element => {\n\t\t\t\t\t\t\telement.originId = this.props.initialValues.id;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tif (blocks != null) {\n\t\t\t\t\t\tblocks.forEach(block => {\n\t\t\t\t\t\t\tblock.id = 0;\n\t\t\t\t\t\t\treturn block;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tthis.props.createPlan(values).then(() => {\n\t\t\t\t\tlet promises = [];\n\n\t\t\t\t\tif (blocks != null && blocks.length > 0) {\n\t\t\t\t\t\tpromises.push(this.props.saveBlocksOnReference(blocks, this.props.createdPlanId.id, 'PLAN'));\n\t\t\t\t\t}\n\n\t\t\t\t\tPromise.all(promises).then(() => {\n\t\t\t\t\t\tif (this.props.cloneView) {\n\t\t\t\t\t\t\twindow.location = this.props.createdPlanId.hasOwnProperty('id') ? `${getRootUrl()}plan/${this.props.createdPlanId.id}` : `${getRootUrl()}plan/${this.props.createdPlanId}`;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.props.history.push(this.props.createdPlanId.hasOwnProperty('id') ? `${getRootUrl()}plan/${this.props.createdPlanId.id}` : `${getRootUrl()}plan/${this.props.createdPlanId}`);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\t/* Begin custom endpoint input events */\n\tonGroupChange = (groupId) => {\n\t\tif (groupId != 0) {\n\t\t\tthis.setState({ sectionId: groupId });\n\n\t\t\tif (this.props.section?.id != groupId) {\n\t\t\t\tthis.props.getSection(groupId).then(() => {\n\t\t\t\t\tthis.setState({ students: this.props.section.students });\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\tonGoalsChange = (selectedGoals) => {\n\t\tthis.setState({ selectedGoals });\n\t}\n\n\tselectDocument = (files) => {\n\t\tthis.setState({ newDocuments: files });\n\t}\n\n\tremoveInstruction = (instruction, remove) => {\n\t\tlet { attachedFiles } = this.state;\n\n\t\tlet removeFile = attachedFiles.find(file => file.value == instruction);\n\t\tremoveFile.markedForDeletion = remove;\n\n\t\tthis.setState({ attachedFiles });\n\t}\n\n\tonDateChange = (dates) => {\n\t\tthis.setState({ dateStart: dates.start, dateEnd: dates.end });\n\t}\n\n\tgetSectionStudents = () => {\n\t\tlet sectionStudents = this.props.section.students;\n\t\tlet missingStudents = this.state.students.filter(\n\t\t\tt => sectionStudents.find(s => s.id == t.id) == null\n\t\t);\n\n\t\tmissingStudents.forEach(student => {\n\t\t\tstudent.firstName = student.firstname;\n\t\t\tstudent.lastName = student.lastname;\n\t\t\tstudent.missing = true;\n\t\t});\n\n\t\tsectionStudents = sectionStudents.concat(missingStudents);\n\n\t\treturn sectionStudents;\n\t}\n\n\tonStudentSelect = (student) => {\n\t\tlet foundStudent = false;\n\t\tthis.state.students.find(studentPlan => {\n\t\t\tif (studentPlan.id == student.id) {\n\t\t\t\tfoundStudent = true;\n\t\t\t}\n\t\t});\n\n\t\tlet students = this.state.students;\n\t\tif (foundStudent) {\n\t\t\tif (student.missing && !student.remove) {\n\t\t\t\tstudent.remove = true;\n\t\t\t} else if (student.missing && student.remove) {\n\t\t\t\tstudent.remove = false;\n\t\t\t} else {\n\t\t\t\tstudents = students.filter(t => t.id != student.id);\n\t\t\t}\n\t\t} else {\n\t\t\tstudents.push(student);\n\t\t}\n\n\t\tthis.setState({ students });\n\t};\n\t/* End custom input change events */\n\n\t/* Redux form input method */\n\trenderInput = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('group-information')}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.group.description}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{this.props.group.owners != null && this.props.group.owners.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('owners')}\n\n\t\t\t\t\t\t\t{this.props.group.owners.map(owner => (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{!user.isStudent() && subjects.length > 0 && this.props.group.type != 'MENTOR_GROUP' && this.props.services.verdicts ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{owner.firstName} {owner.lastName}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('verdicts')}\n\n\t\t\t\t\t\t\t{subjects.map(userSubject => {\n\t\t\t\t\t\t\t\tconst course = this.props.group.courses.find(course => {\n\t\t\t\t\t\t\t\t\treturn userSubject.subjectCode == course.subjectCode;\n\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\tif (course == null) {\n\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tif (course.status == 'COURSE_DRAFT') {\n\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tconst schoolType = this.props.translate(course.typeOfSchooling);\n\t\t\t\t\t\t\t\tconst title = `${course.title} ${course.year != null ? course.year : ''} (${schoolType})`;\n\n\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{this.props.group.type != 'MENTOR_GROUP' && this.props.services.schedule ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('todays-lessons')}\n\n\t\t\t\t\t\t\t{scheduleItems != null ? scheduleItems.map(item => {\n\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{this.props.group.type == 'MENTOR_GROUP' && !user.isStudent() && this.props.services.additionalAdjustments ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{new DateTime(item.startTime).getTime() + ' - ' + new DateTime(item.startTime).add(item.length, 'minutes').getTime()}\n\t\t\t\t\t\t\t\t\t\t{item.room != null ?\n\t\t\t\t\t\t\t\t\t\t\t` - ${item.room}`\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t}) : null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\trenderStudents = () => {\n\t\tconst { section } = this.props;\n\t\tconst { sectionId } = this.state;\n\n\t\tif (section != null && sectionId != \"0\" && sectionId != null) {\n\t\t\tlet sectionStudents = this.getSectionStudents();\n\n\t\t\treturn sectionStudents.map(student => {\n\t\t\t\tlet checked = false;\n\t\t\t\tlet disabled = false;\n\n\t\t\t\tthis.state.students.forEach(studentPlan => {\n\t\t\t\t\tif (studentPlan.id == student.id) {\n\t\t\t\t\t\tchecked = true;\n\t\t\t\t\t\tif (studentPlan.remove) {\n\t\t\t\t\t\t\tchecked = false;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (this.props.assessments != null && this.props.editView) {\n\t\t\t\t\t\t\tthis.props.assessments.find(assessment => {\n\t\t\t\t\t\t\t\tif (assessment.studentId == student.id) {\n\t\t\t\t\t\t\t\t\tdisabled = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tlet title = student.firstName + \" \" + student.lastName;\n\t\t\t\tif (disabled && this.props.editView) {\n\t\t\t\t\ttitle += \" (\" + this.props.translate(\"assessed\") + \")\";\n\t\t\t\t}\n\n\t\t\t\tif (student.missing) {\n\t\t\t\t\ttitle += \" (\" + this.props.translate(\"removed-from-group\") + \")\";\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tthis.onStudentSelect(student);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={title}\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t});\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t{this.props.translate(\"select-a-group-to-continue\")}
\n\t\t\t);\n\t\t}\n\t};\n\n\t/**\n * Render a label with an alert icon\n * @param {string} label \n * @param {string} alertText\n * @returns \n */\n\trenderLabelWithAlertIcon = (label, alertText) => {\n\t\treturn {this.props.translate(label)}
\n\t\t\t{this.props.translate(alertText)}
\n\t\t\t\n\t\t\t\t{submitting ?\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\tlet initialValues = { ...state.planning.active_plan };\n\n\tinitialValues.progress = '';\n\tinitialValues.evaluation = '';\n\n\tif (initialValues != null && initialValues.fields != null) {\n\t\tlet foundProgress = initialValues.fields.find(field => {\n\t\t\treturn field.title == 'How to continue our work';\n\t\t});\n\n\t\tlet foundEvaluation = initialValues.fields.find(field => {\n\t\t\treturn field.title == 'evaluation-and-analysis';\n\t\t});\n\n\t\tif (foundProgress != null) {\n\t\t\tinitialValues.progress = foundProgress.content;\n\t\t}\n\n\t\tif (foundEvaluation != null) {\n\t\t\tinitialValues.evaluation = foundEvaluation.content;\n\t\t}\n\t}\n\n\tif (state.Blocks.reference != null) {\n\t\tinitialValues.blocks = state.Blocks.reference;\n\t}\n\n\treturn {\n\t\tinitialValues,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tsections: state.sections.educationGroups,\n\t\tsection: state.sections.activeSection,\n\t\tcurrentUser: state.user.currentUser,\n\t\tservices: state.Services.availableServices,\n\t\tcreatedPlanId: state.planning.createdPlanId,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tcreatePlan,\n\tupdatePlan,\n\tgetSection,\n\tsaveBlocksOnReference,\n\tupdateBlocksOnReference,\n\tdeleteBlock,\n\tgetPlanDetails,\n})(\n\treduxForm({\n\t\tform: 'PreschoolPlanningForm',\n\t\tdestroyOnUnmount: true,\n\t})(PreschoolPlanningForm)\n));","import { getPlansBySectionId, clearSectionPlansFromStore } from 'actions/plans';\nimport { getEducationGroups } from 'actions/sections';\nimport { CardsContainer } from 'components/Cards/Card';\nimport LoadingCards from 'components/Cards/LoadingCard';\nimport SectionTitle from 'components/Presentation/SectionTitle';\nimport { PRESCHOOL } from 'constants/schoolTypes';\nimport PreschoolPlanningForm from 'containers/Forms/PlanningForm/PreschoolPlanningForm';\nimport SinglePlanForm from 'containers/Forms/PlanningForm/SinglePlanForm';\nimport SectionForm from 'containers/Forms/SectionForm';\nimport Modal from 'containers/Modals/Modal';\nimport { getRootUrl } from 'helpers/url';\nimport { isUserTeacher } from 'helpers/user';\nimport moment from 'moment';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { withRouter, Link } from 'react-router-dom';\nimport { Button, Icon, getActiveLanguage } from '@haldor/ui';\nimport ReactGantt from '../../Gantt/ReactGantt';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\nimport { isMicrosoftTeams } from 'helpers/teams';\n\nclass SectionPlans extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tmoment.locale(getActiveLanguage());\n\n\t\tconst momentDate = moment();\n\t\tthis.state = {\n\t\t\tmodalIsOpen: false,\n\t\t\trows: null,\n\t\t\tgroups: [],\n\t\t\tsectionId: null,\n\t\t\tnoSectionFound: false,\n\t\t\tteamsContext: null,\n\t\t\toptions: {\n\t\t\t\tlabelWidth: '20%',\n\t\t\t\tlabelBorderColor: '#E4E4EB',\n\t\t\t\tlabelAppendBeforeFormat: this.props.translate('week'),\n\t\t\t\tintervalFormat: 'W',\n\t\t\t\tshowBorders: false,\n\t\t\t\tresponsive: true,\n\t\t\t\tbootstrapped: true,\n\t\t\t\tleftBound: momentDate.startOf('week').toDate(),\n\t\t\t\trightBound: momentDate.endOf('week').add('3', 'weeks').toDate(),\n\t\t\t\tplaceholder: '',\n\t\t\t\tbeforeClimaxColor: 'white',\n\t\t\t\tafterClimaxColor: 'white',\n\t\t\t\thideFirstColumn: true,\n\t\t\t\tbarStyle: {\n\t\t\t\t\theight: '105px',\n\t\t\t\t\tborder: '1px solid #E4E4EB',\n\t\t\t\t\tshowTitle: true,\n\t\t\t\t\tshadow: false,\n\t\t\t\t\tborderRadius: '4px',\n\t\t\t\t\thoverPopup: false,\n\t\t\t\t\tshowGroupTitle: true,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tgetContext() {\n\t\tconst isFrame = isMicrosoftTeams();\n\n\t\tif (isFrame) {\n\t\t\tif (window.location.pathname == '/planning-tab') {\n\t\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\t\tconst section = this.props.sections.find(section => section.graphId == context.team.groupId);\n\n\t\t\t\t\tif (section != null) {\n\t\t\t\t\t\tthis.setState({ sectionId: section.id, noSectionFound: false });\n\t\t\t\t\t\tthis.parseRows(section.id);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.setState({ noSectionFound: true, teamsContext: context });\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.parseRows();\n\t\t\t}\n\t\t} else {\n\t\t\tthis.parseRows();\n\t\t}\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.clearSectionPlansFromStore();\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.initComponent();\n\t}\n\n\tinitComponent = () => {\n\t\tif (this.props.groupid != null) {\n\t\t\tthis.setState({ sectionId: this.props.groupid });\n\t\t}\n\n\t\tthis.props.getPlansBySectionId(this.props.groupid).then(() => {\n\t\t\tthis.getContext();\n\t\t});\n\t}\n\n\tparseRows = (sectionId) => {\n\t\tlet { groups, rows } = this.state;\n\t\tlet groupId = this.props.groupid;\n\n\t\tif (sectionId != null) {\n\t\t\tgroupId = sectionId;\n\t\t}\n\n\t\tif (this.props.planning != null) {\n\t\t\tif (rows == null && this.props.planning != null) {\n\t\t\t\trows = [];\n\t\t\t\tthis.props.planning.map((planning) => {\n\t\t\t\t\t// One planning object\n\t\t\t\t\tconst isInGroups = groups.find(g_o => g_o.id == planning.sectionId);\n\n\t\t\t\t\t// Filter by groupid\n\t\t\t\t\tif (groupId && planning.sectionId != parseInt(groupId)) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\tlet open = false;\n\t\t\t\t\tlet showGroupTitle = true;\n\t\t\t\t\tif (window.location.pathname == '/planning-tab') {\n\t\t\t\t\t\topen = true;\n\t\t\t\t\t\tshowGroupTitle = false;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (!isInGroups) {\n\t\t\t\t\t\tconst newGroup = {\n\t\t\t\t\t\t\tid: planning.sectionId, title: planning.section.title, open, showGroupTitle,\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\tgroups.push(newGroup);\n\t\t\t\t\t}\n\n\n\t\t\t\t\tlet url = `${getRootUrl()}plan/${planning.id}`;\n\n\t\t\t\t\tconst newRow = {\n\t\t\t\t\t\ttitle: planning.title,\n\t\t\t\t\t\tid: planning.id,\n\t\t\t\t\t\tborderLeft: `3px solid #997AE8`,\n\t\t\t\t\t\tstartDate: moment(planning.timeStart).toDate(),\n\t\t\t\t\t\tclimaxDate: moment(planning.timeStart).add('6', 'hours').toDate(),\n\t\t\t\t\t\tplanning: planning,\n\t\t\t\t\t\tgroupColor: \"grey\",\n\t\t\t\t\t\tendDate: moment(planning.timeEnd).toDate(),\n\t\t\t\t\t\tgroup: planning.sectionId,\n\t\t\t\t\t\taction: () => { this.props.history.push(url); },\n\t\t\t\t\t};\n\n\t\t\t\t\tif (this.props.dateRestriction && planning.status != 'PLANNING_CLOSED') {\n\t\t\t\t\t\trows.push(newRow);\n\t\t\t\t\t} else if (this.props.dateRestriction == false) {\n\t\t\t\t\t\trows.push(newRow);\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tthis.setState({ groups, rows, sectionId: groupId }, () => true);\n\t\t\t}\n\t\t}\n\t}\n\n\tTaskList = (plannings, i) => (\n\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tplanning: state.planning.sectionPlans,\n\t\tsections: state.sections.educationGroups,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tlanguages: state.Languages.languages,\n\t\tcurrentUser: state.user.currentUser,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tgetPlansBySectionId,\n\tgetEducationGroups,\n\tclearSectionPlansFromStore,\n})(SectionPlans));\n","import { clearSectionDocumentsFromStore, getDocumentsBySectionId } from 'actions/documents';\nimport { getFileUrl } from 'actions/files';\nimport { clearSectionPostsFromStore, getPostsBySectionId } from 'actions/posts';\nimport { fetch_preschoolgoals } from 'actions/preschoolform';\nimport LoadingCards from 'components/Cards/LoadingCard';\nimport Date from 'components/Presentation/Date/Date';\nimport SectionTitle from 'components/Presentation/SectionTitle';\nimport { PRESCHOOL } from 'constants/schoolTypes';\nimport Documentation from 'containers/Forms/Documentation';\nimport Post from 'containers/Forms/Post';\nimport Modal from 'containers/Modals/Modal';\nimport { objectsAreSame } from 'helpers/array';\nimport { isUserTeacher } from 'helpers/user';\nimport { getDescription } from 'helpers/content';\nimport Moment from 'moment';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { bindActionCreators } from 'redux';\nimport Block, { BlockWrapper } from 'UI/Elements/Block';\nimport { Button, Icon, TooltipMenu } from '@haldor/ui';\nimport FromNow from 'components/Presentation/Date/FromNow';\n\nclass SectionPosts extends Component {\n\tstatic defaultProps = {\n\t\tlimit: 3,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tdocumentModal: false,\n\t\t\teventModal: false,\n\t\t\tloadingDocuments: false,\n\t\t\tloadingPosts: false,\n\t\t\tappending: false,\n\t\t\tlimitReached: false,\n\t\t\tcurrentLength: 0,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tconst { currentLength } = this.state;\n\n\t\tif (!objectsAreSame(nextProps.combined, this.props.combined)) {\n\t\t\t// Only check if the combined has changed\n\t\t\tconst received = nextProps.combined.length - currentLength;\n\n\t\t\tif (received < 14) {\n\t\t\t\tthis.setState({ limitReached: true, currentLength: nextProps.combined.length });\n\t\t\t} else {\n\t\t\t\tthis.setState({ limitReached: false, currentLength: nextProps.combined.length });\n\t\t\t}\n\t\t}\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.clearSectionDocumentsFromStore();\n\t\tthis.props.clearSectionPostsFromStore();\n\t}\n\n\tcomponentDidMount = () => {\n\t\tlet isPreschool = false;\n\n\t\tif (this.props.currentUser.schools.getActiveSchool(this.props.currentUser.userId).type == PRESCHOOL) {\n\t\t\tisPreschool = true;\n\t\t}\n\n\t\tif (isPreschool) {\n\t\t\tthis.setState({ loadingDocuments: true });\n\n\t\t\tthis.props.clearSectionDocumentsFromStore();\n\t\t\tthis.props.getDocumentsBySectionId(this.props.groupid, 1).then(() => {\n\t\t\t\tthis.setState({ loadingDocuments: false });\n\t\t\t});\n\n\t\t\tif (this.props.preschoolGoals.length < 1) {\n\t\t\t\tthis.props.fetch_preschoolgoals();\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ loadingPosts: true });\n\t\tthis.props.clearSectionPostsFromStore();\n\t\tthis.props.getPostsBySectionId(this.props.groupid, 1).then(() => {\n\t\t\tthis.setState({ loadingPosts: false });\n\t\t});\n\n\t\tif (this.props.combined.length > 0) {\n\t\t\tthis.setState({ currentLength: this.props.combined.length });\n\t\t}\n\t}\n\n\ttoggleDocumentModal = () => {\n\t\tthis.setState({ documentModal: !this.state.documentModal });\n\t}\n\n\ttoggleEventModal = () => {\n\t\tthis.setState({ eventModal: !this.state.eventModal });\n\t}\n\n\trenderSectionContent = () => {\n\t\tconst { combined, limit } = this.props;\n\n\t\tif (combined.length > 0) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.currentUser.schools.getActiveSchool(this.props.currentUser.userId).type === PRESCHOOL ?\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t\n\n\t\t\t\t\t{planning != null && rows != null && rows.length == 0 ?\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.planning != null ?\n\t\t\t\t\t\t\t\tthis.props.planning.length > 0 ?\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t:\n\t\t\t\t\t\trows != null ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('no-plans-created')}\n\t\t\t\t\t\t\t\t\t\t{isTeacher && this.state.noSectionFound == false ? this.CreateButton() : null}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: this.state.noSectionFound == false ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t{this.props.translate('no-items-found')}\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\t}\n\n\theaderContent = (document) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tcontent = (document) => {\n\t\tif (document.ReferenceType == 'post') {\n\n\t\t\tlet strippedDescription = \"\";\n\t\t\tif (document.abbreviatedDescription != null) {\n\t\t\t\tstrippedDescription = getDescription(document.abbreviatedDescription).replace(/(<([^>]+)>)/ig, '');\n\t\t\t\tif (strippedDescription.length > 99) {\n\t\t\t\t\tstrippedDescription = strippedDescription.slice(0, 100) + '…';\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{document.author != null ?\n\t\t\t\t\t\ttypeof document.author == 'string' ?\n\t\t\t\t\t\t\tdocument.author\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t`${document.author.firstName != null ? document.author.firstName : ''} ${document.author.lastName != null ? document.author.lastName : ''}`\n\t\t\t\t\t\t: ' '}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t{document.published != null ?\n\t\t\t\t\t\tMoment.utc(document.published).isAfter(Moment()) ?\n\t\t\t\t\t\t\t{Moment.utc(document.published).local().format()} \n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t{Moment.utc(document.published).local()} \n\t\t\t\t\t\t: null}\n\t\t\t\t
\n\n\t\t\t\t{document.status == 'POST_DRAFT' || document.status == 'DOCUMENTATION_DRAFT' ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Draft')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{document.important && document.eventDate != null && Moment() <= Moment(document.eventDate) ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('important!')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\tlet strippedDescription = '';\n\n\t\t\tif (document.description != null) {\n\t\t\t\tstrippedDescription = getDescription(document.description).replace(/(<([^>]+)>)/ig, '');\n\t\t\t\tif (strippedDescription.length > 99) {\n\t\t\t\t\tstrippedDescription = strippedDescription.slice(0, 100) + '…';\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t{document.title}
\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\t}\n\n\tfooterContent = (document) => {\n\t\tconst { preschoolGoals } = this.props;\n\n\t\tif (document.associatedGoals && document.associatedGoals.length > 0) {\n\t\t\tlet groups = [];\n\n\t\t\tif (preschoolGoals && preschoolGoals.length > 0) {\n\t\t\t\tpreschoolGoals.map(goal => {\n\t\t\t\t\tconst inDocument = document.associatedGoals.find(function (goalOb) {\n\t\t\t\t\t\treturn goalOb.goalId == goal.id;\n\t\t\t\t\t});\n\n\t\t\t\t\tif (typeof (inDocument) != 'undefined') {\n\t\t\t\t\t\tlet inArray = groups.findIndex(i => i.name == goal.group);\n\n\t\t\t\t\t\tif (inArray > -1) {\n\t\t\t\t\t\t\treturn groups[inArray].count++;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlet group = {\n\t\t\t\t\t\t\t\t'name': goal.group,\n\t\t\t\t\t\t\t\t'color': goal.colorCode,\n\t\t\t\t\t\t\t\t'count': 1,\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\treturn groups.push(group);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t{document.title}
\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\trenderDocument = (document, important = false) => {\n\t\tlet link = '';\n\n\t\tif (document.ReferenceType == 'post') {\n\t\t\tlink = '/post/' + document.id;\n\t\t} else {\n\t\t\tlink = '/preschooldocument/' + document.id;\n\t\t}\n\n\t\tlet expireDate = Moment(document.validUntil).hour(23).minute(59);\n\t\tif (document.validUntil != null && expireDate.diff(Moment()) < 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (!important && document.important && document.ReferenceType == \"post\" &&\n\t\t\tMoment().isSameOrAfter(Moment(document.published), 'day') &&\n\t\t\tMoment(document.eventDate).isSameOrAfter(Moment(), 'day') &&\n\t\t\tMoment().isSameOrAfter(Moment(document.eventDate).subtract(7, \"days\"), 'day')) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet file = null;\n\t\tif (document.associatedFiles != null && document.associatedFiles.length > 0) {\n\t\t\tfile = document.associatedFiles.find(file => {\n\t\t\t\treturn file.type.indexOf('image') > -1;\n\t\t\t})\n\t\t}\n\n\t\treturn (\n\t\t\t{this.props.translate('goals')}
\n\n\t\t\t\t\t{groups.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{groups.map(group => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{group.name} ({group.count})\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('create-new-documentation')}\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('create-new-post')}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn \n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tloadingDocuments,\n\t\t\tloadingPosts,\n\t\t\tappending,\n\t\t\tlimitReached,\n\t\t} = this.state;\n\n\t\tconst {\n\t\t\tcombined,\n\t\t\tdocuments,\n\t\t\tuserRole,\n\t\t\tlimit,\n\t\t\tgroups,\n\t\t} = this.props;\n\t\tlet isPreschool = false;\n\n\t\tif (this.props.currentUser.schools.getActiveSchool(this.props.currentUser.userId).type == PRESCHOOL) {\n\t\t\tisPreschool = true;\n\t\t}\n\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{isTeacher && isPreschool ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tuser: state.user.user,\n\t\tcurrentUser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tpreschoolGoals: state.PreschoolGoals.preschoolGoals,\n\t\tgroups: state.sections.educationGroups,\n\t\tdocuments: state.Documents.sectionDocuments,\n\t\tposts: state.Posts.sectionPosts,\n\t\tcombined: state.CombinedEvents.sectionCombined,\n\t\tgroup: state.sections.activeSection,\n\t}\n}\n\nfunction mapDispatchToProps(dispatch) {\n\treturn bindActionCreators({\n\t\tgetDocumentsBySectionId,\n\t\tgetPostsBySectionId,\n\t\tgetFileUrl,\n\t\tfetch_preschoolgoals,\n\t\tclearSectionDocumentsFromStore,\n\t\tclearSectionPostsFromStore,\n\t}, dispatch);\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SectionPosts);","import CalendarEventForm from 'containers/Forms/CalendarEvent';\nimport Modal from 'containers/Modals/Modal';\nimport Moment from 'moment';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { withRouter, Link } from 'react-router-dom';\nimport User from '_class/User';\nimport swal from \"sweetalert2\";\n\nimport { stageConversation } from 'actions/conversation';\nimport { getSchedule } from 'actions/schedule';\n\nimport { PRESCHOOL } from 'constants/schoolTypes';\n\nimport SelectRecipient from 'containers/Conversation/Form/SelectRecipient';\nimport { Button } from '@haldor/ui';\n\nclass SectionTools extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tcreateEvent: false,\n\t\t};\n\t}\n\n\tisUserOwner = () => {\n\t\tconst { currentUser, group } = this.props;\n\n\t\tif (currentUser == null || group == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet foundOwner = group.owners.find(owner => {\n\t\t\treturn currentUser.id == owner.id;\n\t\t});\n\n\t\tif (foundOwner != null) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tonConversation = () => {\n\t\tthis.setState({ selectRecipient: !this.state.selectRecipient });\n\t}\n\n\ttoggleForm = (skip) => {\n\t\tthis.setState({ createEvent: true });\n\t}\n\n\tcloseForm = (date) => {\n\t\tthis.setState({ createEvent: false });\n\n\t\tif (date != null) {\n\t\t\tthis.props.getSchedule(\n\t\t\t\tencodeURIComponent(Moment({ hour: 0 }).format('YYYY-MM-DD HH:mm:ss')),\n\t\t\t\tencodeURIComponent(Moment({ hour: 23, minute: 59 }).format('YYYY-MM-DD HH:mm:ss')),\n\t\t\t);\n\t\t}\n\t}\n\n\tonSelectRecipientSubmit = (conversation) => {\n\t\tconversation.relationships.push({\n\t\t\treferenceType: 'SECTION',\n\t\t\treferenceId: this.props.group.id,\n\t\t\treference: this.props.group,\n\t\t});\n\n\t\tconversation.title = '';\n\t\tconversation.status = 'ACTIVE';\n\t\tconversation.id = 'new';\n\t\tconversation.messages = [];\n\n\t\tthis.props.stageConversation(conversation)\n\t\t\t.then(() => {\n\t\t\t\tthis.setState({ selectRecipient: false });\n\t\t\t\tthis.props.history.push(`/conversations/new`);\n\t\t\t});\n\t}\n\n\trender() {\n\t\tconst groupId = this.props.group.id;\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst { translate } = this.props;\n\n\t\tlet isPreschool = false;\n\n\t\tif (this.props.currentUser.schools.getActiveSchool(this.props.currentUser.userId).type == PRESCHOOL) {\n\t\t\tisPreschool = true;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{limit != false && this.props.combined.find(post =>\n\t\t\t\t\t\tpost.important &&\n\t\t\t\t\t\tpost.ReferenceType == \"post\" &&\n\t\t\t\t\t\tMoment().isSameOrAfter(Moment(post.published), 'day') && Moment(post.eventDate).isSameOrAfter(Moment(), 'day') && Moment().isSameOrAfter(Moment(post.eventDate).subtract(7, \"days\"), 'day')) != null ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('important-posts')}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.combined.map((post) => {\n\t\t\t\t\t\t\t\t\tlet SevenDaysAgo = Moment(post.eventDate).subtract(7, \"days\");\n\t\t\t\t\t\t\t\t\tif (post.important && post.ReferenceType == \"post\" && Moment().isSameOrAfter(Moment(post.published), 'day') && Moment(post.eventDate).isSameOrAfter(Moment(), 'day') && Moment().isSameOrAfter(SevenDaysAgo, 'day')) {\n\t\t\t\t\t\t\t\t\t\treturn this.renderDocument(post, true);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\n\t\t\t\t\t{!limit ?\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t{loadingDocuments || loadingPosts ?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t:\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{loadingDocuments || loadingPosts ?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t}\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t{this.props.group.type != 'MENTOR_GROUP' && this.isUserOwner() ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tservices: state.Services.availableServices\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tstageConversation,\n\tgetSchedule,\n})(SectionTools));","import {\n\tclearSectionAttendanceStats,\n\tgetSectionAttendance,\n\tgetArchivedEducationGroups,\n\tgetArchievedMentorGroups,\n\tgetEducationGroups,\n\tgetMentorGroups,\n\tgetSection,\n\tupdateArchived,\n} from 'actions/sections';\n\nimport UserMentorSection from 'components/List/UserMentorSection';\nimport MentorSectionForm from 'containers/Forms/MentorSectionForm';\nimport SectionForm from 'containers/Forms/SectionForm';\nimport Modal from 'containers/Modals/Modal';\nimport SectionProgress from 'containers/Progress/Section';\nimport TeacherSectionProgress from 'containers/Progress/TeacherSection';\nimport { getUserAssessmentDates } from 'helpers/user';\nimport Moment from 'moment';\nimport React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { Button, translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport swal from 'sweetalert2';\nimport { Spinner } from 'UI';\nimport DateTime from '_class/DateTime';\nimport SectionInformation from '../Functionality/SectionInformation';\nimport SectionPlans from '../Functionality/SectionPlans';\nimport SectionPosts from '../Functionality/SectionPosts';\nimport SectionTools from '../Functionality/SectionTools';\nimport { setPageTitle } from 'actions/header';\nimport User from '_class/User';\n\nimport DatePickers from 'containers/Progress/Partials/DatePickers';\nimport MyAssignmentsWrapper from 'containers/Assignments/MyAssignmentsWrapper';\n\nclass CompulsorySchoolSection extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tmodalIsOpen: false,\n\t\t\tloading: false,\n\t\t\tend: getUserAssessmentDates().end,\n\t\t\tstart: getUserAssessmentDates().start,\n\t\t\tcurrentEnd: getUserAssessmentDates().end,\n\t\t\tcurrentStart: getUserAssessmentDates().start,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.loadCurrentGroup().then(() => {\n\t\t\twindow.addEventListener('hashchange', this.onHashChange, false);\n\t\t})\n\t}\n\n\tloadCurrentGroup = () => {\n\t\tconst { groupId } = this.props.match.params;\n\t\tif (groupId) {\n\t\t\tthis.setState({ loading: true });\n\t\t\treturn this.props.getSection(groupId, true, 'members_expand').then(() => {\n\t\t\t\tthis.setState({ loading: false });\n\n\t\t\t\tif (this.props.group) {\n\t\t\t\t\tthis.props.setPageTitle(this.props.group.title);\n\n\t\t\t\t\tif (window.location.hash === '#attendance' && this.props.group.type === 'MENTOR_GROUP') {\n\t\t\t\t\t\tthis.getAttendanceData();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\treturn Promise.resolve();\n\t\t}\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\twindow.removeEventListener('hashchange', this.onHashChange)\n\t}\n\n\tonHashChange = () => {\n\t\tif (window.location.hash == '#attendance') {\n\t\t\tif (this.props.group.type == 'MENTOR_GROUP') {\n\t\t\t\tthis.getAttendanceData();\n\t\t\t}\n\t\t}\n\t}\n\n\tgetAttendanceData = () => {\n\t\tconst start = Moment(this.state.start).format(\"YYYY-MM-DD\");\n\t\tconst end = Moment(this.state.end).format(\"YYYY-MM-DD\");\n\n\t\tthis.props.clearSectionAttendanceStats();\n\t\tthis.props.getSectionAttendance(this.props.group.id, start, end);\n\t}\n\n\tisUserOwner = () => {\n\t\tconst { currentUser, group } = this.props;\n\n\t\tif (currentUser == null || group == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet foundOwner = group.owners.find(owner => {\n\t\t\treturn currentUser.id == owner.id;\n\t\t});\n\n\t\tif (foundOwner != null) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tEditButton = () => {\n\t\tconst user = new User(this.props.currentUser)\n\t\tlet isOwner = this.props.group.owners.find(owner => {\n\t\t\treturn owner.userId == this.props.currentUser.id;\n\t\t});\n\n\t\tif (!user.isStudent() && isOwner != null) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tCreateLessonButton = () => {\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (!user.isStudent()) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tArchiveButton = () => {\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (!user.isStudent()) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tmakeArchive = () => {\n\t\tconst { groupId } = this.props.match.params;\n\t\tconst { translate, group } = this.props;\n\n\t\tswal.fire({\n\t\t\ttitle: translate('are-you-sure'),\n\t\t\thtml: group.archived ?\n\t\t\t\ttranslate('Are you sure you want to reset this group?') :\n\t\t\t\ttranslate('Both the group and the Microsoft Team will be archived.\n\t\t\t\t\t
\n\t\t\t{this.props.translate('tools')}
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{!this.props.group.locked && this.isUserOwner() ?\n\t\t\t\t\t\t\tthis.props.ArchiveButton(this.props.group)\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{!this.props.group.locked && this.isUserOwner() ?\n\t\t\t\t\t\t\tthis.props.EditButton(this.props.group)\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t
\n\n\t\t\t\t\t{!user.isStudent() && !isPreschool && this.props.group.type != 'MENTOR_GROUP' && !this.props.group.archived && this.props.services.schedule && this.isUserOwner() ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{this.props.group.teamsUrl != '' && this.props.group.teamsUrl != null && this.props.group.locked == false ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{this.props.group.type != 'MENTOR_GROUP' && this.isUserOwner() && !isPreschool ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\tDo you want to archive this group?'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: translate('No'),\n\t\t\tconfirmButtonText: translate('Yes'),\n\t\t}).then((result) => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.props.updateArchived(group).then(() => {\n\t\t\t\t\tthis.setState({ loading: true });\n\t\t\t\t\tthis.props.getSection(groupId).then(() => {\n\t\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t\t});\n\n\t\t\t\t\tif (group.type == 'EDUCATION_GROUP') {\n\t\t\t\t\t\tthis.props.getEducationGroups();\n\t\t\t\t\t}\n\n\t\t\t\t\tif (group.type == 'MENTOR_GROUP') {\n\t\t\t\t\t\tthis.props.getMentorGroups();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\topenModal = () => {\n\t\tthis.setState({ modalIsOpen: true });\n\t}\n\n\tcloseModal = (reRender, skipPrompt) => {\n\t\tif (skipPrompt) {\n\t\t\tconst { groupId } = this.props.match.params;\n\t\t\tif (reRender) {\n\t\t\t\tthis.setState({ loading: true });\n\t\t\t\tthis.props.getSection(groupId).then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.setState({ modalIsOpen: false });\n\t\t} else {\n\t\t\tthis.setState({ modalIsOpen: false });\n\t\t}\n\t}\n\n\trenderGroupContent = () => {\n\t\tconst { group, currentUser } = this.props;\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst hasAssignments = this.props.services.haldor || this.props.services.microsoft;\n\t\treturn (\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t
\n\t\t);\n\t}\n\n\tonDateChange = ({ start, end }) => {\n\t\tlocalStorage.setItem('assessment-start-date', new DateTime(start).getDateStamp());\n\t\tlocalStorage.setItem('assessment-end-date', new DateTime(end).getDateStamp());\n\n\t\tthis.setState({ start, end });\n\t}\n\n\tonUpdateStats = () => {\n\t\tconst { start, end } = this.state;\n\n\t\tthis.props.clearSectionAttendanceStats();\n\t\tthis.props.getSectionAttendance(this.props.group.id, start, end);\n\n\t\tthis.setState({ currentStart: start, currentEnd: end });\n\t}\n\n\trenderMentorGroupActions = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{this.props.services.plans ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{hasAssignments ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{group.students && group.students.length > 0 && !user.isStudent() ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{user.isStudent() ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\trenderDateFilterText = () => {\n\t\tif (Moment().isSame(Moment(this.state.currentEnd), 'day')) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst { translate } = this.props;\n\t\tconst { currentStart, currentEnd } = this.state;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t{this.renderDateFilterText()}\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t{translate('Showing data beween')} {Moment(currentStart).format('YYYY-MM-DD')} {translate('to').toLowerCase()} {Moment(currentEnd).format('YYYY-MM-DD')}\n\t\t\t
\n\t\t)\n\t}\n\n\trenderMentorGroup = () => {\n\t\tconst { group } = this.props;\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst isOwnerOrAdmin = this.props.group.owners.find(owner => {\n\t\t\treturn owner.userId == this.props.currentUser.id;\n\t\t}) || user.isAdministrator();\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { group } = this.props;\n\n\t\tif (!group || this.state.loading) {\n\t\t\tif (!this.state.loading) {\n\t\t\t\tthis.loadCurrentGroup();\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{group.students && group.students.length > 0 && (user.isMentor() || isOwnerOrAdmin != null) ?\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tswitch (group.type) {\n\t\t\tcase \"EDUCATION_GROUP\":\n\t\t\t\treturn this.renderGroupContent();\n\n\t\t\tcase \"MENTOR_GROUP\":\n\t\t\t\treturn this.renderMentorGroup();\n\n\t\t\tdefault:\n\t\t\t\treturn this.renderGroupContent();\n\t\t}\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tgroup: state.sections.activeSection,\n\t\tcurrentUser: state.user.currentUser,\n\t\tattendance: state.sections.sectionAttendance,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tservices: state.Services.availableServices\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tgetSection,\n\tupdateArchived,\n\tgetEducationGroups,\n\tgetArchivedEducationGroups,\n\tclearSectionAttendanceStats,\n\tgetSectionAttendance,\n\tsetPageTitle,\n\tgetMentorGroups,\n\tgetArchievedMentorGroups,\n})(CompulsorySchoolSection));","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Link, withRouter } from 'react-router-dom';\nimport Moment from 'moment';\nimport swal from 'sweetalert2';\n\nimport { setPageTitle } from 'actions/header';\nimport { getGoalsStatisticsForUsers } from 'actions/preschoolform';\nimport {\n\tgetArchivedEducationGroups,\n\tgetArchievedMentorGroups,\n\tgetEducationGroups,\n\tgetMentorGroups,\n\tgetSection,\n\tupdateArchived,\n} from 'actions/sections';\nimport { getUserAssessmentDates } from \"helpers/user\";\n\nimport User from '_class/User';\nimport DateTime from '_class/DateTime';\n\nimport MentorSectionForm from 'containers/Forms/MentorSectionForm';\nimport SectionForm from 'containers/Forms/SectionForm';\nimport Modal from 'containers/Modals/Modal';\nimport TeacherSectionProgress from 'containers/Progress/TeacherSection';\nimport SectionInformation from '../Functionality/SectionInformation';\nimport SectionPlans from '../Functionality/SectionPlans';\nimport SectionPosts from '../Functionality/SectionPosts';\nimport SectionTools from '../Functionality/SectionTools';\nimport DatePickers from \"containers/Progress/Partials/DatePickers\";\n\nimport { Spinner } from 'UI';\nimport { Table, Block, Button, Tabs, Tab, translate } from '@haldor/ui';\n\nimport './_sectionStats.scss';\nimport InfoButton from 'components/Presentation/InfoButton';\n\nclass PreSchoolSection extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tmodalIsOpen: false,\n\t\t\tloading: false,\n\t\t\tend: getUserAssessmentDates().end,\n\t\t\tstart: getUserAssessmentDates().start,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { groupId } = this.props.match.params;\n\t\tif (groupId != null && groupId != undefined && groupId != \"\") {\n\t\t\tthis.setState({ loading: true });\n\t\t\tthis.props.getSection(groupId).then(() => {\n\t\t\t\tthis.props.setPageTitle(this.props.group.title);\n\t\t\t\tthis.setState({ loading: false });\n\n\t\t\t\tif (this.props.group.type == \"MENTOR_GROUP\") {\n\t\t\t\t\tthis.getStatistics();\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tgetStatistics = () => {\n\t\tconst { group } = this.props;\n\t\tconst { start, end } = this.state;\n\n\t\tthis.props.getGoalsStatisticsForUsers(group.id, start, end);\n\t}\n\n\tupdateData = () => {\n\t\tthis.getStatistics();\n\t}\n\n\tonDateChange = ({ start, end }) => {\n\t\tif (start == \"Invalid date\") {\n\t\t\tstart = Moment().subtract(1, \"years\");\n\t\t}\n\t\tif (end == \"Invalid date\") {\n\t\t\tend = Moment().add(1, \"years\");\n\t\t}\n\n\t\tlocalStorage.setItem(\"assessment-start-date\", new DateTime(start).getDateStamp());\n\t\tlocalStorage.setItem(\"assessment-end-date\", new DateTime(end).getDateStamp());\n\n\t\tthis.setState({\n\t\t\tstart: new DateTime(start).getDateStamp(),\n\t\t\tend: new DateTime(end).getDateStamp()\n\t\t});\n\t};\n\n\tEditButton = () => {\n\t\tconst user = new User(this.props.currentUser);\n\t\tlet isOwner = this.props.group.owners.find(owner => {\n\t\t\treturn owner.userId == this.props.currentUser.id;\n\t\t});\n\n\t\tif (!user.isStudent() && isOwner != null) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tArchiveButton = () => {\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (!user.isStudent()) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tisUserOwner = () => {\n\t\tconst { currentUser, group } = this.props;\n\n\t\tif (currentUser == null || group == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet foundOwner = group.owners.find(owner => {\n\t\t\treturn currentUser.id == owner.id;\n\t\t});\n\n\t\tif (foundOwner != null) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\topenModal = () => {\n\t\tthis.setState({ modalIsOpen: true });\n\t}\n\n\tmakeArchive = async () => {\n\t\tconst { groupId } = this.props.match.params;\n\t\tconst { group, translate } = this.props;\n\n\t\tlet result = null;\n\t\tif (group.archived) {\n\t\t\tresult = await swal.fire({\n\t\t\t\ttitle: translate('are-you-sure'),\n\t\t\t\ttext: translate('Are you sure you want to reset this group?'),\n\t\t\t\tshowCancelButton: true,\n\t\t\t\tcancelButtonText: translate('No'),\n\t\t\t\tconfirmButtonText: translate('Yes'),\n\t\t\t});\n\t\t} else {\n\t\t\tresult = await swal.fire({\n\t\t\t\ttitle: translate('are-you-sure'),\n\t\t\t\thtml: this.props.translate('Both the group and the Microsoft Team will be archived.Do you want to archive this group?'),\n\t\t\t\tshowCancelButton: true,\n\t\t\t\tcancelButtonText: translate('No'),\n\t\t\t\tconfirmButtonText: translate('Yes'),\n\t\t\t});\n\t\t}\n\n\t\tif (result != null && result.value != null) {\n\t\t\tthis.props.updateArchived(group).then(() => {\n\t\t\t\tthis.setState({ loading: true });\n\t\t\t\tthis.props.getSection(groupId).then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\n\t\t\t\tif (group.type == 'EDUCATION_GROUP') {\n\t\t\t\t\tthis.props.getEducationGroups();\n\t\t\t\t}\n\n\t\t\t\tif (group.type == 'MENTOR_GROUP') {\n\t\t\t\t\tthis.props.getMentorGroups();\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tgetCategories = () => {\n\t\tlet categories = [];\n\t\tif (this.props.goals != null) {\n\t\t\tthis.props.goals.forEach(goal => {\n\t\t\t\tif (!categories.find(category => category.title === goal.group)) {\n\t\t\t\t\tcategories.push({ title: goal.group, color: goal.colorCode });\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\treturn categories;\n\t}\n\n\tgetGoalsByCategoryName = (category) => {\n\t\tlet goals = [];\n\t\tif (this.props.goals != null) {\n\t\t\tgoals = [...this.props.goals].filter(goal => goal.group == category);\n\t\t}\n\n\t\treturn goals;\n\t}\n\n\tcloseModal = (reRender, skipPrompt) => {\n\t\tif (skipPrompt) {\n\t\t\tconst { groupId } = this.props.match.params;\n\t\t\tif (reRender) {\n\t\t\t\tthis.setState({ loading: true });\n\t\t\t\tthis.props.getSection(groupId).then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.setState({ modalIsOpen: false });\n\t\t} else {\n\t\t\tthis.setState({ modalIsOpen: false });\n\t\t}\n\t}\n\n\trenderCategoryGoals = (category) => {\n\t\tconst { group } = this.props;\n\t\tconst goals = this.getGoalsByCategoryName(category);\n\n\t\treturn (\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t
\n\t\t);\n\t}\n\n\tcheckIfStudentHasSameName = (student, data) =>{\n\t\tif(student && data){\n\t\t\treturn data.filter(x =>\n\t\t\t\tx.firstName === student.firstName && x.lastName === student.lastName\n\t\t\t\t).length > 1;\n\t\t}\n\t}\n\n\trenderStudentRow = (student, goals) => {\n\t\tlet userStats = null;\n\t\tif (this.props.goalStatistics != null) {\n\t\t\tuserStats = this.props.goalStatistics.find(statistic => {\n\t\t\t\treturn statistic.studentId == student.userId;\n\t\t\t});\n\t\t}\n\t\treturn | \n\t\t\t\t\t\t\t\t{this.props.translate('name')}\n\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t{goals.map(goal => {\n\t\t\t\t\t\t\t\treturn
|---|
\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t
\n\t\t);\n\t}\n\n\trenderMentorGroup() {\n\t\tconst { group } = this.props;\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst categories = this.getCategories();\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{this.props.services.plans ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{group.students && group.students.length > 0 && !user.isStudent() ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { group } = this.props;\n\n\t\tif (!group || this.state.loading) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{group.students && group.students.length > 0 && !user.isStudent() ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('goals')}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{categories.length > 0 ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{categories.map((category, index) => {\n\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t{this.renderCategoryGoals(category.title)}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\tDo you want to archive this group?'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: translate('No'),\n\t\t\tconfirmButtonText: translate('Yes'),\n\t\t}).then((result) => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.props.updateArchived(group).then((response) => {\n\t\t\t\t\tif (response.status < 300) {\n\t\t\t\t\t\tthis.setState({ loading: true });\n\t\t\t\t\t\tthis.props.getSection(groupId).then(() => {\n\t\t\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (group.type == 'EDUCATION_GROUP') {\n\t\t\t\t\t\t\tthis.props.getEducationGroups();\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (group.type == 'MENTOR_GROUP') {\n\t\t\t\t\t\t\tthis.props.getMentorGroups();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tcloseModal = (reRender, skipPrompt) => {\n\t\tif (skipPrompt) {\n\t\t\tconst { groupId } = this.props.match.params;\n\t\t\tif (reRender) {\n\t\t\t\tthis.setState({ loading: true });\n\t\t\t\tthis.props.getSection(groupId).then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.setState({ modalIsOpen: false });\n\t\t} else {\n\t\t\tthis.setState({ modalIsOpen: false });\n\t\t}\n\t}\n\n\tonUpdateStats = () => {\n\t\tconst { start, end } = this.state;\n\n\t\tthis.props.clearSectionAttendanceStats();\n\t\tthis.props.getSectionAttendance(this.props.group.id, start, end);\n\n\t\tthis.setState({ currentStart: start, currentEnd: end });\n\t}\n\n\trenderMentorGroupActions = () => {\n\t\treturn (\n\t\t\t
\n\t\t\t\t
\n\t\t);\n\t}\n\n\trenderGroupContent = () => {\n\t\tconst { group } = this.props;\n\t\tconst isStudent = isUserStudent(this.props.currentUser);\n\t\tconst hasAssignments = this.props.services.haldor || this.props.services.microsoft;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t{this.renderDateFilterText()}\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t
\n\t\t);\n\t}\n\n\tonDateChange = (dates) => {\n\t\tconst { start, end } = dates;\n\n\t\tlocalStorage.setItem('assessment-start-date', new DateTime(start).getDateStamp());\n\t\tlocalStorage.setItem('assessment-end-date', new DateTime(end).getDateStamp());\n\n\t\tthis.setState({ start, end });\n\t}\n\n\trenderDateFilterText = () => {\n\t\tif (Moment().isSame(Moment(this.state.end), 'day')) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{this.props.services.plans ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{hasAssignments ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{group.students && group.students.length > 0 && !isStudent ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{isStudent ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t{this.props.translate('Shows statistics for tasks and plans that have due dates between')} {Moment(this.state.start).format('YYYY-MM-DD')} {this.props.translate('to').toLowerCase()} {Moment(this.state.end).format('YYYY-MM-DD')}\n\t\t\t
\n\t\t)\n\t}\n\n\trenderMentorGroup() {\n\t\tconst { group } = this.props;\n\t\tconst isStudent = isUserStudent(this.props.currentUser);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { group } = this.props;\n\n\t\tif (!group || this.state.loading) {\n\t\t\tif (!this.state.loading) {\n\t\t\t\tthis.loadCurrentGroup();\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{group.students && group.students.length > 0 && !isStudent ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t{baseGroup.units.map((unit, index) => {\n\t\t\t\t\treturn
\n\t\t);\n\t}\n\n\trender() {\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst { translate } = this.props;\n\t\tconst unassignedStudents = this.getUnassignedStudents();\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{unit.title}\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t{unit.memberships.map((membership) => {\n\t\t\t\t\t\t\treturn
\n\t\t\t\t})}\n\t\t\t\n\t\t\t\t\t\t\t\t{membership.user?.firstName} {membership.user?.lastName}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t})}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tsection: state.sections.activeSection,\n\t\tbaseGroups: state.BaseGroups.baseGroups,\n\t\tactive: state.BaseGroups.baseGroup,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tgetBaseGroups,\n\tdeleteBaseGroup,\n\tgetBaseGroup,\n\tupdateBaseGroup,\n\tgetSection,\n})(SectionBaseGroups));","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { translate } from '@haldor/ui';\nimport { withRouter } from 'react-router-dom';\n\nimport { getSection } from 'actions/sections';\nimport { setPageTitle, setPageActions } from 'actions/header';\nimport { createBaseGroup, clearActiveBaseGroup } from 'actions/basegroups';\n\nimport { Spinner } from 'UI';\nimport { Block } from '@haldor/ui';\n\nimport SectionBaseGroups from 'containers/Section/Functionality/SectionBaseGroups';\nimport BaseGroupForm from 'containers/BaseGroups/Form/BaseGroupForm';\nimport Modal from 'containers/Modals/Modal';\n\nclass SectionBaseGroupPage extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tcreateModal: false,\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tconst { groupId } = this.props.match.params;\n\n\t\tif (this.props.group == null) {\n\t\t\tif (groupId != null) {\n\t\t\t\tthis.props.getSection(groupId)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tthis.props.setPageTitle(this.props.group.title);\n\t\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tthis.setState({ loading: false });\n\t\t\tthis.props.setPageTitle(this.props.group.title);\n\t\t}\n\n\t\tthis.props.setPageActions([\n\t\t\t{\n\t\t\t\tvalue: this.props.translate('create-basegroup'),\n\t\t\t\ttype: 'button',\n\t\t\t\tonClick: this.toggleCreateModal,\n\t\t\t\ticon: 'plus',\n\t\t\t},\n\t\t]);\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.clearActiveBaseGroup();\n\t}\n\n\tonCreateBaseGroup = async (values) => {\n\t\tconst { translate } = this.props;\n\n\t\tawait this.props.createBaseGroup(values);\n\t\tthis.setState({ createModal: false });\n\t}\n\n\ttoggleCreateModal = () => {\n\t\tthis.setState({ createModal: !this.state.createModal });\n\t}\n\n\trender() {\n\t\tif (this.state.loading) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('basegroups')}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t
\n\n\t\t\t\t\t{this.state.loading ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t{this.props.baseGroups.map((baseGroup) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{this.props.active != null ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('unassigned-students')}\n\n\t\t\t\t\t\t\t{unassignedStudents.map((student, index) => {\n\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t{student.firstName} {student.lastName}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tconst { group, translate } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tgroup: state.sections.activeSection,\n\t\ttranslate: translate(state.Languages.translations),\n\t}\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tgetSection,\n\tsetPageTitle,\n\tsetPageActions,\n\tcreateBaseGroup,\n\tclearActiveBaseGroup,\n})(SectionBaseGroupPage));","import React from 'react';\nimport DataObject from './index.js';\n\nclass Post extends DataObject {\n\n\tgetName = () => {\n\t\treturn this.data.title;\n\t}\n\n\tgetDescription = () => {\n\t\treturn this.getHTML(this.data.body);\n\t}\n\n\tgetAuthor = () => {\n\t\treturn this.data.author.firstName + ' ' + this.data.author.lastName;\n\t}\n\n}\n\nexport default Post;\n","import React, { Component } from 'react';\n\n/**\n * ProgressBar UI Component\n *\n * @param {string} fillColor - CSS color code for the bar color\n * @param {int} percentage - How much progress has been made? Decides the width of the fill\n * @param {object} style - Custom inline style on the container\n *\n * @class ProgressBar\n * @extends {Component}\n *\n * @return {JSX-Component}\n */\nclass ProgressBar extends Component {\n\trender() {\n\t\tconst { fillColor, percentage, style } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n}\n\nexport default ProgressBar;\n","import {\n\tdeletePost,\n\tdeletePostFromStore,\n\tgetPostDetails,\n\tsetActivePost,\n\tgetPostReadList,\n\tclearPostReadList\n} from 'actions/posts';\nimport { getReaderParameters } from 'actions/user';\nimport Date from 'components/Presentation/Date/Date';\nimport PostContent from 'components/Presentation/PostContent';\nimport PostForm from 'containers/Forms/Post';\nimport Modal from 'containers/Modals/Modal';\nimport { trackImmersiveReaderError } from 'helpers/insights';\nimport { getRootUrl } from 'helpers/url';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { withRouter, Link } from 'react-router-dom';\nimport swal from 'sweetalert2';\nimport { Spinner } from 'UI';\nimport Block, { BlockWrapper } from 'UI/Elements/Block';\nimport { Immersive_Reader } from 'UI/Icons';\nimport { Block as ContentBlock, Button, Icon, Flex } from '@haldor/ui';\nimport Post from '_class/Post';\nimport User from '_class/User';\nimport { setPageTitle, setPageActions } from 'actions/header';\nimport FileItem from 'components/FileItem';\nimport ProgressBar from 'UI/Elements/ProgressBar';\nimport Moment from 'moment';\nimport FromNow from 'components/Presentation/Date/FromNow';\nimport DisplayName from 'components/Presentation/DisplayName';\n\nconst ImmersiveReader = require('@microsoft/immersive-reader-sdk');\n\nclass SinglePost extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloadingReadlist: true,\n\t\t\tmodalIsOpen: false,\n\t\t\trelationshipList: false,\n\t\t\tshowPostNotFound: false\n\t\t};\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.setActivePost();\n\t\tthis.props.clearPostReadList();\n\t\tImmersiveReader.close();\n\t}\n\n\tcomponentDidMount = async () => {\n\t\tconst { posts, currentUser, match } = this.props;\n\n\t\tif (posts.length > 0) {\n\t\t\tawait this.props.setActivePost(match.params.id);\n\t\t}\n\n\t\tawait this.props.getPostDetails(match.params.id).catch((error) => {\n\t\t\tif (error.status == 204 && !this.state.showPostNotFound) {\n\t\t\t\tthis.setState({ showPostNotFound: true });\n\t\t\t}\n\t\t});\n\n\t\tconst { activePost } = this.props;\n\t\tif (activePost != null) {\n\t\t\tif ((activePost.creator === currentUser.id || activePost.editable)) {\n\t\t\t\tawait this.props.getPostReadList(match.params.id);\n\t\t\t} else {\n\t\t\t\tthis.props.clearPostReadList();\n\t\t\t}\n\t\t\tif (activePost.title !== document.title) {\n\t\t\t\tthis.props.setPageTitle(this.props.activePost.title);\n\t\t\t}\n\t\t\tif (this.state.loadingReadlist) {\n\t\t\t\tthis.setState({ loadingReadlist: false });\n\t\t\t}\n\t\t} else {\n\t\t\tthis.props.clearPostReadList();\n\t\t}\n\t}\n\n\teditButton = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\tdeleteButton = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\topenDeleteModal = () => {\n\t\tconst { translate } = this.props;\n\n\t\tswal.fire({\n\t\t\ttitle: translate('Delete'),\n\t\t\ttext: translate('delete-post-prompt'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: translate('Cancel'),\n\t\t\tconfirmButtonText: translate('Delete'),\n\t\t}).then(result => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.props.deletePost(this.props.match.params.id).then(() => {\n\t\t\t\t\tthis.props.deletePostFromStore(this.props.match.params.id);\n\t\t\t\t\tthis.props.history.push(getRootUrl());\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tcloseDeleteModal = () => {\n\t\tthis.setState({ deleteModal: false });\n\t}\n\n\topenModal = () => {\n\t\tthis.setState({ modalIsOpen: true });\n\t}\n\n\tcloseModal = (proxy, skipPrompt) => {\n\t\tthis.props.getPostDetails(this.props.match.params.id).then(() => {\n\t\t\tthis.props.getPostReadList(this.props.match.params.id).then(() => {\n\t\t\t\tthis.setState({ loadingReadlist: false });\n\t\t\t});\n\t\t\tthis.setState({ modalIsOpen: false });\n\t\t\tthis.props.setPageTitle(this.props.activePost.title);\n\t\t});\n\t}\n\n\trunImmersiveReader = async () => {\n\t\tconst post = new Post(this.props.activePost);\n\t\tconst { currentUser } = this.props;\n\t\tconst localLanguage = localStorage.getItem('language');\n\n\t\tconst data = {\n\t\t\ttitle: post.getName(),\n\t\t\tchunks: [\n\t\t\t\t{\n\t\t\t\t\tcontent: '' + post.getName() + '
',\n\t\t\t\t\tmimeType: 'text/html',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcontent: post.getDescription(),\n\t\t\t\t\tmimeType: 'text/html',\n\t\t\t\t}\n\t\t\t],\n\t\t};\n\n\t\tawait this.props.getReaderParameters();\n\t\tconst { reader } = this.props;\n\n\t\tImmersiveReader.launchAsync(reader.token, reader.subdomain, data, {\n\t\t\tuiLang: localLanguage, // Set immersive reader UI language to selected lang in Haldor Edu\n\t\t}).catch((error) => {\n\t\t\tconsole.error('error', error);\n\t\t\ttrackImmersiveReaderError(error, currentUser.id);\n\t\t});\n\t}\n\n\ttoggleRelationshipList = () => {\n\t\tconst { readList, translate } = this.props;\n\t\tconst targetAudience = this.props.activePost.targetAudience.toLowerCase();\n\n\t\tif ((readList != null && targetAudience != null && targetAudience == \"guardians\" && readList.filter(read => read.userType == 'GUARDIAN').length > 200)\n\t\t\t|| (readList != null && targetAudience != null && targetAudience != \"guardians\" && readList.length > 200)) {\n\t\t\tswal.fire({\n\t\t\t\ttitle: '',\n\t\t\t\ttext: translate('Since the post was shared with more than 200 people, you can not see who read it'),\n\t\t\t\tshowCancelButton: false,\n\t\t\t\tconfirmButtonText: translate('Ok'),\n\t\t\t})\n\n\t\t\treturn true;\n\t\t}\n\n\t\tthis.setState({ relationshipList: !this.state.relationshipList });\n\t}\n\n\trenderReadList = () => {\n\t\tconst { translate, readList } = this.props;\n\t\tconst { relationshipList } = this.state;\n\t\tconst targetAudience = this.props.activePost.targetAudience.toLowerCase();\n\n\t\tif ((readList != null && targetAudience != null && targetAudience == \"guardians\" && readList.filter(read => read.userType == 'GUARDIAN').length > 200)\n\t\t\t|| (readList != null && targetAudience != null && targetAudience != \"guardians\" && readList.length > 200)) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet modalTitle = this.props.activePost.targetAudience.toLowerCase() == \"guardians\" ?\n\t\t\ttranslate('Shared with guardians only')\n\t\t\t: this.props.activePost.targetAudience.toLowerCase() == \"students\" ?\n\t\t\t\ttranslate('Shared with students only')\n\t\t\t\t: this.props.activePost.targetAudience.toLowerCase() == \"all\" ?\n\t\t\t\t\ttranslate('Shared with students and guardians')\n\t\t\t\t\t: translate('shared-with');\n\n\n\t\treturn\n\t\t\t\t{readList != null ?\n\t\t\t\t\t
\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t:\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{this.props.activePost.targetAudience.toLowerCase() == \"students\" ?\n\t\t\t\t\t\t\treadList.map((read) => {\n\t\t\t\t\t\t\t\treturn read.hasRead ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t 0 ? readList.map(x => x.user) : null}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t 0 ? readList.map(x => x.user) : null}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t: this.props.activePost.targetAudience.toLowerCase() == \"guardians\" ?\n\t\t\t\t\t\t\t\treadList.map((read) => {\n\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t{read.userType != 'GUARDIAN' && read.user.guardians != null && read.user.guardians.length > 0 ?\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t: readList.map((read) => {\n\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: \"\"}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{read.userType != 'GUARDIAN' ?\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: \"\"}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('not-read-post')}\n\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t\n\t\t\t\t
\n\t\t}\n\n\t\tif (typeof (activePost) == 'undefined' || activePost == null || Object.keys(activePost).length == 0) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('You do not have permission to view the post')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tlet readCount = 0;\n\t\tlet percentage = 0;\n\t\tlet sharedWithPeopleCount = 0;\n\n\t\tif (this.props.readList != null) {\n\t\t\treadCount = [...this.props.readList].filter(read =>\n\t\t\t\tread.hasRead\n\t\t\t).length;\n\n\t\t\tsharedWithPeopleCount = [...this.props.readList].length;\n\n\t\t\tif (this.props.activePost.targetAudience.toLowerCase() == \"guardians\") {\n\t\t\t\tsharedWithPeopleCount = [...this.props.readList].filter(read =>\n\t\t\t\t\tread.userType == \"GUARDIAN\"\n\t\t\t\t).length;\n\n\t\t\t\treadCount = [...this.props.readList].filter(read =>\n\t\t\t\t\tread.hasRead && read.userType == \"GUARDIAN\"\n\t\t\t\t).length;\n\t\t\t}\n\n\t\t\tpercentage = Math.round(100 / sharedWithPeopleCount * readCount);\n\t\t}\n\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst post = new Post(this.props.activePost);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{!user.isStudent() ? this.renderReadList() : null}\n\n\t\t\t\t{activePost.creator == this.props.currentUser.id || activePost.editable ?\n\t\t\t\t\t\n\t\t\t\t\t\t ss.referenceType == 'SCHOOL') != null}\n\t\t\t\t\t\t\tonModalClose={this.closeModal}\n\t\t\t\t\t\t/>\n\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t
\n\t\t);\n\t}\n}\n\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tservices: state.Services.availableServices,\n\t\tposts: state.Posts.posts,\n\t\tactivePost: state.Posts.activePost,\n\t\tcurrentUser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t\treader: state.user.reader,\n\t\treadList: state.Posts.readList,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tsetActivePost,\n\tgetPostDetails,\n\tdeletePost,\n\tdeletePostFromStore,\n\tgetReaderParameters,\n\tsetPageTitle,\n\tsetPageActions,\n\tgetPostReadList,\n\tclearPostReadList\n})(SinglePost));","import {\n\tdeleteDocument,\n\tdeleteDocumentFromStore,\n\tgetPreschoolDetails,\n\tsetActivePreschoolDocument,\n\tgetDocumentReadList,\n\tclearDocumentReadList\n} from 'actions/documents';\nimport { fetch_preschoolgoals } from 'actions/preschoolform';\nimport { getReaderParameters } from 'actions/user';\nimport { setPageTitle } from 'actions/header';\nimport { CardSubtitle } from 'components/Cards/Card';\nimport Date from 'components/Presentation/Date/Date';\nimport PostContent from 'components/Presentation/PostContent';\nimport Documentation from 'containers/Forms/Documentation';\nimport Modal from 'containers/Modals/Modal';\nimport { trackImmersiveReaderError } from 'helpers/insights';\nimport { getRootUrl } from 'helpers/url';\nimport { isUserTeacher } from 'helpers/user';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { withRouter, Link } from 'react-router-dom';\nimport { bindActionCreators } from 'redux';\nimport swal from 'sweetalert2';\nimport { Spinner } from 'UI';\nimport Block, { BlockContent, BlockWrapper } from 'UI/Elements/Block';\nimport { Immersive_Reader } from 'UI/Icons';\nimport { getDescription } from 'helpers/content';\nimport { Button, Block as ContentBlock, Icon } from '@haldor/ui';\nimport FileItem from 'components/FileItem';\nimport ProgressBar from 'UI/Elements/ProgressBar';\nimport DisplayName from 'components/Presentation/DisplayName';\n\nconst ImmersiveReader = require('@microsoft/immersive-reader-sdk');\n\nclass SinglePreschoolDocument extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tmodalIsOpen: false,\n\t\t\tfiles: [],\n\t\t\trelationshipList: false,\n\t\t\tloadingReadlist: true,\n\t\t}\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.setActivePreschoolDocument();\n\t\tImmersiveReader.close();\n\t}\n\n\tcomponentDidMount = () => {\n\t\tconst { match, currentUser } = this.props;\n\n\t\tthis.props.getPreschoolDetails(match.params.id).then(() => {\n\t\t\tthis.props.setPageTitle(this.props.activeDocument.title);\n\n\t\t\tif (this.props.activeDocument.creator == currentUser.id || this.props.activeDocument.editable) {\n\t\t\t\tthis.props.getDocumentReadList(match.params.id).then(() => {\n\t\t\t\t\tthis.setState({ loadingReadlist: false });\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.props.clearDocumentReadList();\n\t\t\t}\n\t\t}).catch((error) => {\n\t\t\tif (error.status == 204) {\n\t\t\t\tthis.props.addError(this.props.translate(\"Document has been deleted\"), 'error');\n\t\t\t\tthis.props.history.push('/');\n\t\t\t}\n\t\t});\n\n\t\tif (this.props.preschoolGoals.length < 1) {\n\t\t\tthis.props.fetch_preschoolgoals();\n\t\t}\n\t}\n\n\topenModal = () => {\n\t\tthis.setState({ modalIsOpen: true });\n\t}\n\n\tcloseModal = (proxy, skipPrompt) => {\n\t\tconst { match } = this.props;\n\n\t\tthis.setState({ modalIsOpen: false });\n\n\t\tif (skipPrompt) {\n\t\t\tthis.props.getPreschoolDetails(match.params.id).then(() => {\n\t\t\t\tthis.props.setPageTitle(this.props.activeDocument.title);\n\t\t\t\tthis.props.getDocumentReadList(match.params.id).then(() => {\n\t\t\t\t\tthis.setState({ loadingReadlist: false });\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t}\n\n\teditButton = () => {\n\t\tif (this.props.activeDocument == null || this.props.activeDocument.title == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{activePost.status == 'POST_DRAFT' ?\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t{activePost.associatedFiles != null && activePost.associatedFiles.length > 0 ?\n\t\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Draft')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{activePost.published != null && Moment.utc(activePost.published).isAfter(Moment()) ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{post.getDescription()} \n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{Moment.utc(activePost.published).local().format()}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{this.props.translate('description')}\n\n\t\t\t\t\t\t\t{this.props.services.immersiveReaderPosts ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('date')}\n\t\t\t\t\t\t\t{activePost.status == 'POST_PUBLISHED' ?\n\t\t\t\t\t\t\t\t{activePost.published} : this.props.translate('Not-published')}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('column-created-by')}\n\n\t\t\t\t\t\t\t{activePost.author != null ?\n\t\t\t\t\t\t\t\tactivePost.author\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('shared-with')}\n\n\t\t\t\t\t\t\t\t\t{this.props.activePost.targetAudience != null ?\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t({this.props.translate(this.props.activePost.targetAudience.toLowerCase()).toLowerCase()})\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{this.props.activePost.relationships.map((relationship) => {\n\t\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{activePost.associatedFiles.map((file, index) => {\n\t\t\t\t\t\t\t\t\tif (file.type != null && file.type.indexOf('image') > -1) {\n\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tif (file.type != null) {\n\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t{file.name}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{this.props.translate('tools')}
\n\n\t\t\t\t\t\t{activePost.creator == this.props.currentUser.id || activePost.editable ?\n\t\t\t\t\t\t\tthis.editButton()\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{activePost.deletable ?\n\t\t\t\t\t\t\tthis.deleteButton()\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{this.props.readList != null && this.props.readList.length > 0 && !this.state.loadingReadlist ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{this.props.readList != null && this.props.readList.length > 0 && !this.state.loadingReadlist ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\tdeleteModal = () => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('delete-post-prompt'),\n\t\t\tshowCancelButton: true,\n\t\t\tfocusConfirm: false,\n\t\t\tcancelButtonText: this.props.translate('Cancel'),\n\t\t\tconfirmButtonText: this.props.translate('Delete'),\n\t\t}).then((result) => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.props.deleteDocument(this.props.match.params.id)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tthis.props.deleteDocumentFromStore(this.props.match.params.id);\n\t\t\t\t\t\tthis.props.history.push(getRootUrl());\n\t\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tdeleteButton = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\trunImmersiveReader = async () => {\n\t\tconst { activeDocument, currentUser } = this.props;\n\t\tconst localLanguage = localStorage.getItem('language');\n\n\t\tconsole.log('run Microsoft Immersive Reader', localLanguage, currentUser.id);\n\n\t\tconst data = {\n\t\t\ttitle: activeDocument.title,\n\t\t\tchunks: [\n\t\t\t\t{\n\t\t\t\t\tcontent: '' + activeDocument.title + '
',\n\t\t\t\t\tmimeType: 'text/html',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcontent: getDescription(activeDocument.description),\n\t\t\t\t\tmimeType: 'text/html',\n\t\t\t\t}\n\t\t\t],\n\t\t};\n\n\t\tawait this.props.getReaderParameters();\n\t\tconst { reader } = this.props;\n\n\t\tImmersiveReader.launchAsync(reader.token, reader.subdomain, data, {\n\t\t\tuiLang: localLanguage, // Set immersive reader UI language to selected lang in Haldor Edu\n\t\t}).catch((error) => {\n\t\t\tconsole.error('error', error);\n\t\t\ttrackImmersiveReaderError(error, currentUser.id);\n\t\t});\n\t}\n\n\ttoggleRelationshipList = () => {\n\t\tconst { readList } = this.props;\n\n\t\tif (readList != null && readList.filter(read => read.userType === 'GUARDIAN').length > 200) {\n\t\t\tconst { translate } = this.props;\n\t\t\tswal.fire({\n\t\t\t\ttitle: '',\n\t\t\t\ttext: translate('Since the post was shared with more than 200 people, you can not see who read it'),\n\t\t\t\tshowCancelButton: false,\n\t\t\t\tconfirmButtonText: translate('Ok'),\n\t\t\t})\n\n\t\t\treturn true;\n\t\t}\n\n\t\tthis.setState({ relationshipList: !this.state.relationshipList });\n\t}\n\n\trenderReadList = () => {\n\t\tconst { translate, readList } = this.props;\n\t\tconst { relationshipList } = this.state;\n\n\t\tif (readList != null && readList.filter(read => read.userType === 'GUARDIAN').length > 200) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn\n\t\t\t\t{readList != null ?\n\t\t\t\t\t
\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t:\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{readList.map((read) => {\n\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t{read.userType != 'GUARDIAN' && read.user.guardians != null && read.user.guardians.length > 0 ?\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t})}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: \"\"}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('not-read-post')}\n\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tlet readCount = 0;\n\t\tlet percentage = 0;\n\t\tlet sharedWithPeopleCount = 0;\n\n\t\tif (this.props.readList != null) {\n\t\t\treadCount = [...this.props.readList].filter(read =>\n\t\t\t\tread.hasRead\n\t\t\t).length;\n\n\t\t\tsharedWithPeopleCount = [...this.props.readList].filter(read =>\n\t\t\t\tread.userType == \"GUARDIAN\"\n\t\t\t).length;\n\n\t\t\tpercentage = Math.round(100 / sharedWithPeopleCount * readCount);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{isTeacher ? this.renderReadList() : null}\n\n\t\t\t\t{isTeacher ?\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tservices: state.Services.availableServices,\n\t\tactiveDocument: state.Documents.activeDocument,\n\t\tpreschoolDocuments: state.Documents.documents,\n\t\treadList: state.Documents.readList,\n\t\tcurrentUser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tpreschoolGoals: state.PreschoolGoals.preschoolGoals,\n\t\treader: state.user.reader,\n\t};\n}\n\nfunction mapDispatchToProps(dispatch) {\n\treturn bindActionCreators({\n\t\tsetActivePreschoolDocument,\n\t\tfetch_preschoolgoals,\n\t\tgetPreschoolDetails,\n\t\tclearDocumentReadList,\n\t\tdeleteDocument,\n\t\tdeleteDocumentFromStore,\n\t\tgetReaderParameters,\n\t\tgetDocumentReadList,\n\t\tsetPageTitle,\n\t}, dispatch);\n}\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(SinglePreschoolDocument));\n","import { getUserInfo, addUserRole, deleteUserRole, getUserRoles } from \"actions/user\";\nimport { getSchoolServices } from 'actions/schools';\nimport React, { Component } from 'react';\nimport { Button, Icon, translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { DataList } from 'UI';\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\nimport { Checkbox } from '@haldor/ui';\nimport { Spinner } from 'UI';\nimport { getActiveSchool } from 'helpers/localstorage';\nimport User from '_class/User';\nimport moment from 'moment';\nimport Modal from \"containers/Modals/Modal\";\n\nimport './UserRoles.scss';\n\nclass UserRoles extends Component {\n\tconstructor(props) {\n\t\tsuper(props)\n\t\tthis.state = {\n\t\t\tloading: false,\n\t\t\tverifyDeleteModal: false,\n\t\t\troles: [\n\t\t\t\t{ name: \"TEACHER\", staffInRole: false, synced: false, adminView: false },\n\t\t\t\t{ name: \"MENTOR\", staffInRole: false, synced: false, adminView: false },\n\t\t\t\t{ name: \"SPECIAL_PEDAGOGUE\", staffInRole: false, synced: false, adminView: false },\n\t\t\t\t{ name: \"COURSE_ADMINISTRATOR\", staffInRole: false, synced: false, adminView: false },\n\t\t\t\t{ name: \"CONVERSATION_ADMIN\", staffInRole: false, synced: false, adminView: true },\n\t\t\t\t{ name: \"SCHOOL_LEADER\", staffInRole: false, synced: false, adminView: true },\n\t\t\t\t{ name: \"SCHOOL_OVERALL_READER\", staffInRole: false, synced: false, adminView: true },\n\t\t\t\t{ name: \"OTHER_STAFF\", staffInRole: false, synced: false, adminView: true }\n\t\t\t]\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tconst user = new User(this.props.user);\n\t\tconst school = user.getActiveSchool();\n\n\t\tthis.props.getSchoolServices(school.id).then(() => {\n\t\t\tconst foundSMS = this.props.schoolServices.find(service => {\n\t\t\t\treturn service.serviceId == 'HALDOR_SMS' && moment(service.serviceEnd).isSameOrAfter(moment(), 'day');\n\t\t\t});\n\n\t\t\tif (foundSMS != null) {\n\t\t\t\tlet roles = this.state.roles;\n\t\t\t\troles.push({ name: \"SMS_ADMIN\", staffInRole: false, synced: false, adminView: true });\n\t\t\t\tthis.setState({ roles });\n\t\t\t}\n\n\t\t\tthis.loadRoleStatus();\n\t\t});\n\t}\n\n\tloadRoleStatus = () => {\n\t\tlet roles = this.state.roles.map(role => {\n\t\t\treturn {\n\t\t\t\t...role,\n\t\t\t\tstaffInRole: this.staffInRole(role.name),\n\t\t\t\tsynced: this.roleSynced(role.name)\n\t\t\t};\n\t\t});\n\n\t\tthis.setState({ roles: roles });\n\t}\n\n\tdeleteUserRoles = (roleId, isActive) => {\n\t\tthis.props.deleteUserRole(this.props.currentStaff.userId, roleId).then(() => {\n\t\t\tthis.props.getUserRoles(this.props.currentStaff.id).then(() => {\n\t\t\t\tlet roles = this.state.roles;\n\t\t\t\tthis.state.roles.forEach(role => {\n\t\t\t\t\tif (role.name == roleId) {\n\t\t\t\t\t\trole.staffInRole = isActive;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tthis.setState({ roles: roles, loading: false });\n\t\t\t})\n\t\t});\n\t}\n\n\tonVerifyModalClose = (confirmDelete) => {\n\t\tthis.setState({ verifyDeleteModal: false });\n\n\t\tif (confirmDelete) {\n\t\t\tconst { roleId, isActive } = this.state.pendingDelete;\n\t\t\tthis.deleteUserRoles(roleId, isActive);\n\t\t}\n\n\t\tthis.setState({ pendingDelete: null });\n\t}\n\n\tonCheckboxClick = (roleId, isActive, synced) => {\n\t\tthis.setState({ loading: true });\n\t\tif (isActive) {\n\t\t\tthis.props.addUserRole(this.props.currentStaff.userId, roleId).then(() => {\n\t\t\t\tthis.props.getUserRoles(this.props.currentStaff.id).then(() => {\n\t\t\t\t\tlet roles = this.state.roles;\n\t\t\t\t\tthis.state.roles.forEach(role => {\n\t\t\t\t\t\tif (role.name == roleId) {\n\t\t\t\t\t\t\trole.staffInRole = isActive;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tthis.setState({ roles: roles, loading: false });\n\t\t\t\t})\n\t\t\t});\n\t\t} else {\n\t\t\tlet totalActiveRoles = this.state.roles.reduce((count, staff) => staff.staffInRole ? count + 1 : count, 0);\n\n\t\t\tif (totalActiveRoles == 1) {\n\t\t\t\tthis.setState({ loading: false, verifyDeleteModal: true, pendingDelete: { roleId, isActive } });\n\t\t\t} else {\n\t\t\t\tthis.deleteUserRoles(roleId, isActive);\n\t\t\t}\n\t\t}\n\t}\n\n\trenderRolesRow = (role) => {\n\t\tconst { translate } = this.props;\n\t\treturn (\n\t\t\t((role.staffInRole && !role.adminView) || this.isCurrentUserAdmin() ?\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{activeDocument.status == 'POST_DRAFT' ?\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{activeDocument.associatedGoals &&\n\t\t\t\t\t\t\t\tactiveDocument.associatedGoals.length > 0 &&\n\t\t\t\t\t\t\t\tpreschoolGoals && preschoolGoals.length > 0 ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{activeDocument.associatedGoals.map(goal => {\n\t\t\t\t\t\t\t\t\t\t\tlet goalObject = preschoolGoals.find(function (gb) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn gb.id == goal.goalId;\n\t\t\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\t\t\tif (goalObject) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t{activeDocument.associatedFiles != null && activeDocument.associatedFiles.length > 0 ?\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('Draft')}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('description')}\n\n\t\t\t\t\t\t\t\t{this.props.services.immersiveReaderPosts ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{activeDocument.description} \n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('date')}\n\t\t\t\t\t\t\t\t{activeDocument.created}
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('column-created-by')}\n\t\t\t\t\t\t\t\t{activeDocument.author != null ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{activeDocument.author}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{isTeacher ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('shared-with')}\n\t\t\t\t\t\t\t\t\t{activeDocument.relationships != null ?\n\t\t\t\t\t\t\t\t\t\tactiveDocument.relationships.map((relationship) => {\n\t\t\t\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{goalObject.title}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{activeDocument.associatedFiles.map((file, index) => {\n\t\t\t\t\t\t\t\t\t\tif (file.type != null && file.type.indexOf('image') > -1) {\n\t\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\tif (file.type != null) {\n\t\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{file.name}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t{activeDocument.planId != null ?\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{this.props.translate('tools')}
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{activeDocument.planId != null || !activeDocument.editable ? null :\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('tools')}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t{isCreator || activeDocument.editable ? this.editButton() : null}\n\t\t\t\t\t\t\t{isCreator || activeDocument.deletable ? this.deleteButton() : null}\n\n\t\t\t\t\t\t\t{this.props.readList != null && !this.state.loadingReadlist ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{this.props.readList != null && this.props.readList.length > 0 && !this.state.loadingReadlist ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.isCurrentUserAdmin() ?\n\t\t\t\t\t\t\t\t this.onCheckboxClick(role.name, value, role.synced)}\n\t\t\t\t\t\t\t\t\tvalue={role.staffInRole}\n\t\t\t\t\t\t\t\t\tdisabled={role.synced}\n\t\t\t\t\t\t\t\t/> : null}\n\n\t\t\t\t\t\t\t{translate(role.name.toUpperCase())}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{role.synced ? \n\t\t\t\t\t\t\t\n\t\t\t\t{this.props.translate('roles-for')}\n\t\t\t\t{' ' + school.title}\n\n\t\t\t\t { this.onVerifyModalClose(false) }}\n\t\t\t\t\ttitle={this.props.translate('Are you sure?')}\n\t\t\t\t>\n\t\t\t\t\t {\n\t\t\t\t\t\tif (user.isStudent()) {\n\t\t\t\t\t\t\treturn role.name.indexOf('ADMIN') == -1;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t})}\n\t\t\t\t\trenderRow={this.renderRolesRow}\n\t\t\t\t\temptyData={() => (\n\t\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tschoolServices: state.School.schoolServices,\n\t\tuser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tactiveSchool: state.user.activeSchool,\n\t\troles: state.user.roles,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetUserInfo,\n\taddUserRole,\n\tdeleteUserRole,\n\tgetUserRoles,\n\tgetSchoolServices,\n})(UserRoles);\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, Form, reduxForm } from 'redux-form';\nimport { Spinner } from 'UI';\nimport { Checkbox, Flex, Button, Icon, TooltipMenu, Skeleton } from '@haldor/ui';\nimport { Search as SearchInput } from 'UI/Inputs';\nimport { DataList } from 'UI';\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\nimport { searchSubjects } from 'actions/subjects';\n\n\nclass TeacherRoleForm extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tselectedSubjects: []\n\t\t};\n\t}\n\n\tsubmit = (values) => {\n\t\tthis.props.onTeacherRoleSubmit(this.state.selectedSubjects)\n\t\tthis.setState({ selectedSubjects: [] });\n\t}\n\n\trenderInput = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('If you remove all roles from a user, it will not be possible to search for the person in Haldor. Any reset can only be done by your organization\\'s system administrator.')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('no-results')}\n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tonSearch = (value) => {\n\t\tthis.props.searchSubjects(value.query);\n\t\tthis.setState({ selectedSubjects: [] });\n\t}\n\n\tselectSubject = (subject) => {\n\t\tif (this.state.selectedSubjects.findIndex(ss => ss.is == subject.id) > -1) {\n\t\t\tthis.setState({ selectedSubjects: this.state.selectedSubjects.filter(t => t.id != subject.id) });\n\t\t} else {\n\t\t\tthis.setState({ selectedSubjects: [...this.state.selectedSubjects, subject] });\n\t\t}\n\t}\n\n\trenderSubject = (subject, index) => {\n\t\tlet subjectIndex = -1;\n\n\t\tif (this.props.previousTeacherRoles != null && this.props.previousTeacherRoles != '') {\n\t\t\tsubjectIndex = this.props.previousTeacherRoles.findIndex(r => {\n\t\t\t\treturn r.subjectCode == subject.subjectCode;\n\t\t\t});\n\t\t}\n\n\t\tif (subjectIndex < 0) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t{submitting ?
: null}\n\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tsubjects: state.Subjects.search\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tsearchSubjects\n})(reduxForm({\n\tform: 'AddTeacherRole',\n\tdestroyOnUnmount: true,\n})(TeacherRoleForm));","import React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport Moment from \"moment\";\nimport Modal from 'containers/Modals/Modal';\nimport { getActiveSchool } from 'helpers/localstorage';\nimport { Flex, Skeleton, Menu, Icon, TooltipMenu, Button, getActiveLanguage } from '@haldor/ui';\nimport { DataList, Spinner } from 'UI';\nimport { Trash } from 'UI/Icons';\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\nimport { getTeacherRoles, deleteTeacherRole, addTeacherRole } from 'actions/user';\nimport TeacherRoleForm from 'containers/Forms/TeacherRole';\nimport User from '_class/User';\n\nimport './Subjects.scss';\n\nclass Subjects extends Component {\n\tconstructor(props) {\n\t\tsuper(props)\n\n\t\tMoment.locale(getActiveLanguage());\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tremoving: null,\n\t\t\tmodal: false,\n\t\t\tteacherRoles: [],\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.props.getTeacherRoles(this.props.userId).then(() => {\n\t\t\tthis.setState({ loading: false });\n\t\t});\n\t}\n\n\ttoggleModal = () => {\n\t\tthis.setState({ modal: !this.state.modal });\n\t}\n\n\trenderSubjectRoleRow = (teacherRole) => {\n\t\tlet removing = false;\n\t\tif (this.state.removing != null && this.state.removing == teacherRole.subjectCode) {\n\t\t\tremoving = true;\n\t\t}\n\n\t\tconst user = new User(this.props.currentUser);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t { this.onStudentTeacherDelete(teacherRole.subjectId); }}>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t (\n\t\t\t\t\t\t
\n\t\t)\n\t}\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\tlanguages: state.Languages.languages,\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttenant: state.user.tenant,\n\t\tcurrentUser: state.user.currentUser,\n\t\tteacherRoles: state.user.teacherRoles,\n\t\tcurrentStaff: state.user.info.find(u => {\n\t\t\treturn u.userId == ownProps.userId;\n\t\t})\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetTeacherRoles,\n\tdeleteTeacherRole,\n\taddTeacherRole\n})(Subjects);","import React, { Component, Fragment } from 'react';\nimport { Link } from 'react-router-dom';\nimport { Button, Card, Checkbox, Flex, Tabs, Tab, Icon, translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\n\nimport { Spinner, Expandable } from 'UI';\n\nimport DateTime from '_class/DateTime';\nimport User from '_class/User';\n\nimport { getDescription } from 'helpers/content';\n\nimport { getAllUserSections } from 'actions/user';\n\nclass SectionList extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet filters = ['education', 'archived'];\n\t\tlet sort = 'TITLE';\n\t\tconst user = new User(props.currentUser);\n\n\t\tif (localStorage.getItem('staff-group-filters') != null) {\n\t\t\tfilters = JSON.parse(localStorage.getItem('staff-group-filters'));\n\t\t}\n\n\t\tthis.state = {\n\t\t\texpand: false,\n\t\t\tloading: false,\n\t\t\tselectedGroup: null,\n\t\t\tloadingGroups: [],\n\n\t\t\tpage: 1,\n\t\t\tsort,\n\t\t\tfilters,\n\t\t\tuser\n\t\t};\n\t}\n\tcomponentDidMount = () => {\n\t\tthis.getSections();\n\t}\n\n\tgetFilter = () => {\n\t\tlet filter = '';\n\t\tif (this.state.filters.includes('mentor')) {\n\t\t\tfilter += 'MENTOR_GROUP;';\n\t\t}\n\n\t\tif (this.state.filters.includes('education')) {\n\t\t\tfilter += 'EDUCATION_GROUP;';\n\t\t}\n\n\t\tif (this.state.filters.includes('groups_owned_by_me')) {\n\t\t\tfilter += 'OWNED_BY_ME;';\n\t\t}\n\n\t\tif (!this.state.filters.includes('archived')) {\n\t\t\tfilter += 'ACTIVE;';\n\t\t}\n\n\t\treturn filter;\n\t}\n\n\tgetSections = () => {\n\t\tthis.setState({ loading: true });\n\t\tlet filter = this.getFilter();\n\t\tif (this.state.user.isAdministrator()) {\n\t\t\tthis.props.getAllUserSections(this.props.userId, {\n\t\t\t\tpageIndex: this.state.page,\n\t\t\t\tfilter: filter,\n\t\t\t\tsortBy: this.state.sort,\n\t\t\t})\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t}\n\t}\n\n\tgetNextPage = async () => {\n\t\tawait this.setState({ page: this.state.page + 1 });\n\t\tthis.getSections();\n\t}\n\n\tnoGroupsFound = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('no-results')}\n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t/>\n\n\t\t\t\t{user.isAdministrator() ?\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tcutDescription = (description) => {\n\t\tif (description == null) {\n\t\t\treturn '';\n\t\t}\n\n\t\tlet strippedDescription = getDescription(description).replace(/(<([^>]+)>)/ig, '');\n\t\tif (strippedDescription.length > 99) {\n\t\t\treturn strippedDescription.slice(0, 100) + '…';\n\t\t}\n\n\t\treturn strippedDescription;\n\t}\n\n\ttoggleFilter = async (filter) => {\n\t\tlet filters = this.state.filters;\n\t\tif (filters.includes(filter)) {\n\t\t\tfilters = filters.filter(f => f != filter);\n\t\t} else {\n\t\t\tfilters.push(filter);\n\t\t}\n\n\t\tawait this.setState({ filters, page: 1 }, () => {\n\t\t\tlocalStorage.setItem('staff-group-filters', JSON.stringify(this.state.filters));\n\t\t});\n\n\t\tthis.getSections();\n\t}\n\n\trenderGroupResult = () => {\n\t\tlet { groups } = this.props;\n\t\tlet filter = this.getFilter();\n\t\tlet showResult = filter.includes('MENTOR_GROUP') || filter.includes('EDUCATION_GROUP') || filter.includes('UNLINKED');\n\t\tgroups = groups?.filter(el => {\n\t\t\treturn el.id != 0;\n\t\t})\n\n\t\treturn (\n\t\t\t\t\t{this.props.translate('no-sections-found')}\n\t\t\t\t
\n\t\t\t\n\t\t\t{(!this.state.loading && groups != null && groups.length == 0) || !showResult ?\n\t\t\t\tthis.noGroupsFound()\n\t\t\t\t: null}\n\n\n\t\t\t{groups != null && groups.length > 0 && showResult ?\n\t\t\t\tgroups.map(this.renderGroup)\n\t\t\t\t: null}\n\t\t
)\n\t}\n\n\n\trenderGroup = (group, index) => {\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst loading = this.state.loadingGroups.indexOf(group.id) > -1;\n\t\tlet events = group.events;\n\t\tlet element = Link;\n\t\tif (group.id == 0) {\n\t\t\telement = null;\n\t\t}\n\n\t\tif (this.state.filters == null || this.state.filters.length == 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (events != null) {\n\t\t\tevents = events.filter(e => e.event == 'Group connected' || e.event == 'Group archived' || e.event == 'Group recovered from archiving');\n\t\t}\n\n\t\tlet cardTitle = (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{group.title}\n\t\t\t\t\n\n\t\t\t\t{!user.isStudent() ? group.id != 0 ?\n\t\t\t\t\t<>\n\t\t\t\t\t\t
\n\t\t);\n\n\t\treturn \n\t\t\t\t\t\t\t{this.props.translate('Connected')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t{group.lastSynced != null ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t:\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('Not connected')}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{group.archived ?\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('Archived')}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\n\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t
\n\t\t\n\t\t\t\t\t\t\t{this.cutDescription(group.description)}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{events != null ?\n\t\t\t\t\t\t\t\t\tevents.map((event, index) => {\n\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t{new DateTime(event.created).getDateStamp()}
\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate(event.event) + ' ' + event.createdBy.firstName + ' ' + event.createdBy.lastName}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t{group.type != null ?\n\t\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate(group.type)}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{group.userRole == 'OWNER' ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Owner')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Member')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t
\n\t}\n\n\trenderGroupList = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t -1}\n\t\t\t\t\t\t\t\t\tonChange={() => this.toggleFilter('education')}\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t -1}\n\t\t\t\t\t\t\t\t\tonChange={() => this.toggleFilter('mentor')}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t{this.state.filters.indexOf('mentor') > -1 || this.state.filters.indexOf('education') > -1 ?\n\t\t\t\t\t\t\t\t -1}\n\t\t\t\t\t\t\t\t\tonChange={() => this.toggleFilter('archived')}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t{this.state.loading ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\tconst user = new User(this.props.currentUser);\n\t\tlet filter = this.getFilter();\n\n\t\tlet showResult = filter.length > 0;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{!user.isStudent() ?\n\t\t\t\t\tthis.renderFilters()\n\t\t\t\t\t: null}\n\n\t\t\t\t{this.renderGroupList()}\n\n\t\t\t\t{(this.state.searchQuery == null && this.props.groups?.length % 20 < 1 && this.props.groups?.length > 0 && this.state.filters.length > 0 && showResult) ?\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tgroups: state.user.userSections,\n\t};\n}\n\nexport default connect(mapStateToProps, { getAllUserSections })(SectionList);","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport Moment from \"moment\";\nimport User from '_class/User';\n\nimport { getUserInfo, getUserRoles } from \"actions/user\";\nimport { setPageTitle } from \"actions/header\";\n\nimport UserRoles from \"./Partials/UserRoles\";\nimport Subjects from \"./Partials/Subjects\";\n\nimport { Spinner } from 'UI';\nimport { Flex, Skeleton, getActiveLanguage, Block, Tabs, Tab, translate } from '@haldor/ui';\nimport SectionList from \"components/List/SectionList\";\n\nclass Staff extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props)\n\n\t\tMoment.locale(getActiveLanguage());\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tloadingGroups: true,\n\t\t\tloadingRoles: true,\n\t\t\tuserSchoolAdmin: false,\n\t\t\tstaffIsMentor: false,\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tlet userId = null;\n\t\tif (this.props.match != null && this.props.match.params.userId != null) {\n\t\t\tuserId = this.props.match.params.userId;\n\t\t} else if (this.props.userId != null) {\n\t\t\tuserId = this.props.userId;\n\t\t} else {\n\t\t\tuserId = this.props.currentStaff.id;\n\t\t}\n\n\t\tif (this.props.currentStaff == null) {\n\t\t\tlet userSchoolAdmin = this.isCurrentUserSchoolAdmin();\n\t\t\tthis.props.getUserInfo(userId, \"default\").then(() => {\n\t\t\t\tlet staffIsMentor = this.isCurrentStaffMentor();\n\t\t\t\tthis.setState({ loading: false, userSchoolAdmin: userSchoolAdmin, staffIsMentor: staffIsMentor });\n\t\t\t\tthis.props.setPageTitle(\n\t\t\t\t\tthis.props.currentStaff.firstName + \" \" + this.props.currentStaff.lastName\n\t\t\t\t);\n\t\t\t});\n\t\t} else {\n\t\t\tlet userSchoolAdmin = this.isCurrentUserSchoolAdmin();\n\t\t\tlet staffIsMentor = this.isCurrentStaffMentor();\n\t\t\tthis.setState({ loading: false, userSchoolAdmin: userSchoolAdmin, staffIsMentor: staffIsMentor });\n\t\t\tthis.props.setPageTitle(\n\t\t\t\tthis.props.currentStaff.firstName + \" \" + this.props.currentStaff.lastName\n\t\t\t);\n\t\t}\n\n\t\tthis.props.getUserRoles(userId).then(() => {\n\t\t\tthis.setState({ loadingRoles: false });\n\t\t})\n\t}\n\n\tisCurrentUserSchoolAdmin = () => {\n\t\tif (this.props.currentUser.userRoles != null && this.props.currentUser.userRoles.length > 0) {\n\t\t\tvar schoolAdministrator = this.props.currentUser.userRoles.find(role =>\n\t\t\t\trole.toUpperCase() == \"SCHOOL_ADMINISTRATOR\" || \"SYSADMIN\"\n\t\t\t);\n\n\t\t\tif (schoolAdministrator != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tisCurrentStaffMentor = () => {\n\t\tif (this.props.currentStaff == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (this.props.currentStaff.userRoles != null && this.props.currentStaff.userRoles.length > 0) {\n\t\t\tvar mentor = this.props.currentStaff.userRoles.find(role => role.toUpperCase() == \"MENTOR\");\n\t\t\tif (mentor != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\trender() {\n\t\tconst user = new User(this.props.currentUser);\n\t\tif (this.state.loading || this.props.currentStaff == null) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('e-mail')}\n\t\t\t\t\t\n\n\t\t\t\t\t{this.props.currentStaff.email != null ?\n\t\t\t\t\t\tthis.props.currentStaff.email\n\t\t\t\t\t\t: null}\n\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t{this.state.userSchoolAdmin || this.state.staffIsMentor ?\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{this.state.userSchoolAdmin ?\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.state.loadingRoles ?\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t{user.isAdministrator() ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t: null}\n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\tlanguages: state.Languages.languages,\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttenant: state.user.tenant,\n\t\tcurrentUser: state.user.currentUser,\n\t\tcurrentStaff: state.user.info.find(u => {\n\t\t\treturn u.userId == ownProps.match.params.userId;\n\t\t})\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetUserInfo,\n\tsetPageTitle,\n\tgetUserRoles,\n})(Staff);","import React, { Component } from 'react';\nimport { Button, Checkbox, Icon, Radio, Select, translate } from '@haldor/ui';\nimport { Link } from 'react-router-dom';\nimport { connect } from 'react-redux';\n\nimport { getActiveSchool } from 'helpers/localstorage';\n\nimport { setPageTitle } from 'actions/header';\n\nimport { Block } from '@haldor/ui';\n\nimport { Spinner } from 'UI';\n\nimport Moment from 'moment';\n\nimport {\n\tgetArchivedEducationGroups,\n\tgetEducationGroups,\n\tgetLegacyEducationGroups\n} from 'actions/sections';\n\nimport {\n\tgetCoursesUsedWithinMySections\n} from 'actions/assessments'\n\nimport './_SubjectPage.scss';\nimport DatePickers from 'containers/Progress/Partials/DatePickers';\nimport DateTime from '_class/DateTime';\nimport { getUserAssessmentDates } from 'helpers/user';\nimport DatePickerFromTo from 'containers/Forms/Partials/DatePickerFromTo';\n\nclass SubjectPage extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tvar subjectIds = []\n\n\t\tif (props.user.subjects != null) {\n\t\t\tprops.user.subjects.forEach(subject => {\n\t\t\t\tif (getActiveSchool(props.user.id) == subject.schoolId) {\n\t\t\t\t\tsubjectIds.push(subject.subjectId);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tlet currentYear = new Date().getFullYear();\n\t\tlet yearsList = [];\n\n\t\tfor (let i = 0; i < 4; i++) {\n\t\t\tlet schoolYear = `${currentYear - i - 1}/${currentYear - i}`;\n\t\t\tyearsList.push({ id: i + 1, text: schoolYear, from: currentYear - i - 1, to: currentYear - i });\n\t\t}\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tsubjectIds: subjectIds,\n\t\t\tyears: [...yearsList],\n\t\t\tfilter: {\n\t\t\t\tsubjectId: 0,\n\t\t\t\tshowArchivedLegacySections: false,\n\t\t\t\tsectionId: 0,\n\t\t\t\tdates: getUserAssessmentDates()\n\t\t\t},\n\t\t};\n\n\t\tvar storedFilter = localStorage.getItem(\"hal.subjectPageFilter\");\n\n\t\tif (storedFilter != null) {\n\t\t\tthis.state.filter = JSON.parse(storedFilter);\n\t\t}\n\t}\n\n\tcomponentDidMount = async () => {\n\t\tthis.props.setPageTitle(this.props.translate('verdicts'));\n\n\t\tif (this.state.filter.showArchivedLegacySections) {\n\t\t\tawait this.handleArchivedAndLegacyGroupsVisibilityChange(true);\n\t\t}\n\n\t\tawait this.reloadData();\n\t}\n\n\treloadData = async () => {\n\t\tthis.setState({ loading: true });\n\t\tvar filter = this.state.filter;\n\n\t\tlet from = Moment(this.state.filter.dates.start).format(\"YYYY-MM-DD\");\n\t\tlet to = Moment(this.state.filter.dates.end).format(\"YYYY-MM-DD\");\n\n\t\tawait this.props.getCoursesUsedWithinMySections(from, to);\n\t\tthis.setState({ loading: false });\n\t}\n\n\tcomponentWillUnmount = async () => {\n\t\tlocalStorage.setItem(\"hal.subjectPageFilter\", JSON.stringify(this.state.filter));\n\t}\n\n\tfilterOnGroup = (event) => {\n\t\tconst sectionId = parseInt(event.target.value, 10);\n\n\t\tvar filter = this.state.filter;\n\t\tfilter.sectionId = sectionId;\n\n\t\tthis.setState({ filter });\n\t}\n\n\tfilterOnSubject = (event) => {\n\t\tconst subjectId = parseInt(event.target.value, 10);\n\n\t\tvar filter = this.state.filter;\n\t\tfilter.subjectId = subjectId;\n\n\t\tthis.setState({ filter });\n\t}\n\n\tfilterOnYear = async (event) => {\n\t\tvar yearId = parseInt(event.target.value, 10);\n\n\t\tvar filter = this.state.filter;\n\t\tfilter.yearId = yearId;\n\n\t\tthis.setState({ filter, loading: true });\n\n\t\tvar yearData = this.state.years.find(data => { return data.id == yearId });\n\t\tawait this.props.getCoursesUsedWithinMySections(yearData.from, yearData.to);\n\n\t\tthis.setState({ loading: false });\n\t}\n\n\trenderGroupRow = (data) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n\n\tclearSubjectFilterSelection = () => {\n\t\tvar filter = this.state.filter;\n\t\tfilter.subjectId = 0;\n\n\t\tthis.setState({ filter });\n\t}\n\n\tclearGroupFilterSelection = () => {\n\t\tvar filter = this.state.filter;\n\t\tfilter.sectionId = 0;\n\n\t\tthis.setState({ filter });\n\t}\n\n\trenderSubjectsFilter = () => {\n\t\treturn (\n\t\t\t\t\t\t{data.group.title}\n\t\t\t\t\t\t{data.group.type === 'EDUCATION_GROUP_LEGACY' ?
\n\t\t\t\t\t{this.props.translate('Deleted')}
: null}\n\t\t\t\t\t\t{data.group.archived ? {this.props.translate('Archived')}
: null}\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{`${data.course.title} ${data.course.courseCode}`}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t
)\n\t}\n\n\trenderGroupsFilter = () => {\n\t\tvar groups = this.props.educationGroups;\n\n\t\tif (this.state.filter.showArchivedLegacySections && Array.isArray(this.props.archivedEducationGroups) && this.props.archivedEducationGroups.length > 0) {\n\t\t\tgroups = [...groups, ...this.props.archivedEducationGroups];\n\t\t}\n\n\t\tif (this.state.filter.showArchivedLegacySections && Array.isArray(this.props.legacyEducationGroups) && this.props.legacyEducationGroups.length > 0) {\n\t\t\tgroups = [...groups, ...this.props.legacyEducationGroups];\n\t\t}\n\n\t\tif (groups) {\n\n\t\t\tconst groupIds = new Set();\n\n\t\t\tgroups = groups.filter(group => {\n\t\t\t\tif (!groupIds.has(group.id)) {\n\t\t\t\t\tgroupIds.add(group.id);\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\treturn false;\n\t\t\t});\n\n\t\t\tgroups.sort((a, b) => a.title.toLowerCase().localeCompare(b.title.toLowerCase()));\n\t\t}\n\t\treturn (\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t{this.state.filter.subjectId > 0 ?\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t
: null}\n\t\t\t\t\n\t\t\t
);\n\t}\n\n\t/**\n\t * Renders a checkbox to filter archieved groups or deleted groups from AAD\n\t * \n\t * @returns {JSX.Element} A JSX element representing the header filter section.\n\t */\n\trenderGroupsCheckBoxFilter = () => {\n\t\treturn (\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t{this.state.filter.sectionId > 0 ?\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t
: null}\n\t\t\t\t\n\t\t\t
);\n\t}\n\n\tonDateChange = (dates) => {\n\t\tvar filter = this.state.filter;\n\t\tfilter.dates = dates;\n\t\tthis.setState({ filter });\n\t}\n\n\tonTermChange = (value) => {\n\t\tif (value != '') {\n\t\t\tlet dStartDate = Moment();\n\t\t\tlet startDate = Moment().format('YYYY-MM-DD');\n\t\t\tlet dDueDate = Moment();\n\t\t\tlet dueDate = Moment().format('YYYY-MM-DD');\n\n\t\t\tswitch (value) {\n\t\t\t\tcase 'year':\n\t\t\t\t\tif (Moment().month() < 7) {\n\t\t\t\t\t\tdStartDate = Moment().subtract(1, 'year').month(7).date(1);\n\t\t\t\t\t\tstartDate = Moment().subtract(1, 'year').month(7).date(1).format('YYYY-MM-DD');\n\n\t\t\t\t\t\tdDueDate = Moment().month(6).date(31);\n\t\t\t\t\t\tdueDate = Moment().month(6).date(31).format('YYYY-MM-DD');\n\t\t\t\t\t} else {\n\t\t\t\t\t\tdStartDate = Moment().month(7).date(1);\n\t\t\t\t\t\tstartDate = Moment().month(7).date(1).format('YYYY-MM-DD');\n\n\t\t\t\t\t\tdDueDate = Moment().add(1, 'year').month(6).date(31);\n\t\t\t\t\t\tdueDate = Moment().add(1, 'year').month(6).date(31).format('YYYY-MM-DD');\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'previous-year':\n\t\t\t\t\tif (Moment().month() < 7) {\n\t\t\t\t\t\tdStartDate = Moment().subtract(2, 'year').month(7).date(1);\n\t\t\t\t\t\tstartDate = Moment().subtract(2, 'year').month(7).date(1).format('YYYY-MM-DD');\n\n\t\t\t\t\t\tdDueDate = Moment().subtract(1, 'year').month(6).date(31);\n\t\t\t\t\t\tdueDate = Moment().subtract(1, 'year').month(6).date(31).format('YYYY-MM-DD');\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tdStartDate = Moment().subtract(1, 'year').month(7).date(1);\n\t\t\t\t\t\tstartDate = Moment().subtract(1, 'year').month(7).date(1).format('YYYY-MM-DD');\n\n\t\t\t\t\t\tdDueDate = Moment().subtract(0, 'year').month(6).date(31);\n\t\t\t\t\t\tdueDate = Moment().subtract(0, 'year').month(6).date(31).format('YYYY-MM-DD');\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'semester':\n\t\t\t\t\tif (Moment().month() < 7) {\n\t\t\t\t\t\tdStartDate = Moment().month(0).date(1);\n\t\t\t\t\t\tstartDate = Moment().month(0).date(1).format('YYYY-MM-DD');\n\n\t\t\t\t\t\tdDueDate = Moment().month(6).date(31);\n\t\t\t\t\t\tdueDate = Moment().month(6).date(31).format('YYYY-MM-DD');\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tdStartDate = Moment().month(6).date(1);\n\t\t\t\t\t\tstartDate = Moment().month(6).date(1).format('YYYY-MM-DD');\n\n\t\t\t\t\t\tdDueDate = Moment().month(11).date(31);\n\t\t\t\t\t\tdueDate = Moment().month(11).date(31).format('YYYY-MM-DD');\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tthis.onDateChange({\n\t\t\t\tstart: dStartDate,\n\t\t\t\tend: dDueDate,\n\t\t\t});\n\t\t}\n\t}\n\n\t/**\n\t * Renders a date filter options\n\t * \n\t * @returns {JSX.Element} A JSX element representing the header filter section.\n\t */\n\trenderDatesFilter = () => {\n\t\treturn (\n\t\t\t\t
\n\t\t\n\t\t\t
);\n\t}\n\n\t/**\n\t * Renders a header filter section composed of several filter components.\n\t * \n\t * @returns {JSX.Element} A JSX element representing the header filter section.\n\t */\n\trenderHeaderFilter = () => {\n\t\treturn (\n\t\t\t// Create a section for filters with specified styling\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('select-period')}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t)\n\t}\n\n\t/**\n\t * Function to handle the visibility of archived sections.\n\t * @param {boolean} isSelected - A boolean to decide if archived sections need to be shown.\n\t * If true, archived sections are retrieved if not already loaded and made visible.\n\t * If false, and the current selected section is an archived one, the selection is cleared.\n\t * @returns {Promise\n\t\t\t\t\t{/* Render the Year filter in a column*/}\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t{this.renderDatesFilter()}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{/* Render the Subjects filter in a column */}\n\t\t\t\t\t
\n\n\t\t\t\t{/* Render Groups Checkbox filter outside of the columns */}\n\t\t\t\t{this.renderGroupsCheckBoxFilter()}\n\n\t\t\t\t{/* Add a clearfix div to ensure proper wrapping */}\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t{this.renderSubjectsFilter()}\n\t\t\t\t\t
\n\t\t\t\t\t{/* Render the Groups filter in a column */}\n\t\t\t\t\t\n\t\t\t\t\t\t{this.renderGroupsFilter()}\n\t\t\t\t\t
\n\t\t\t\t{this.props.translate('no-subject-teacher-groups') + ' ' + this.props.translate('contact-your-school-administrator')}
);\n\t\t}\n\n\t\t// Default to an empty array if this.props.educationGroups is not an array\n\t\tlet groups = [...this.props.educationGroups || []];\n\n\t\t// Check if archivedEducationGroups exists and is an array before trying to access its length property\n\t\tif (this.state.filter.showArchivedLegacySections && Array.isArray(this.props.archivedEducationGroups) && this.props.archivedEducationGroups.length > 0) {\n\t\t\tgroups = [...groups, ...this.props.archivedEducationGroups];\n\t\t}\n\n\t\t// Check if legacyEducationGroups exists and is an array before trying to access its length property\n\t\tif (this.state.filter.showArchivedLegacySections && Array.isArray(this.props.legacyEducationGroups) && this.props.legacyEducationGroups.length > 0) {\n\t\t\tgroups = [...groups, ...this.props.legacyEducationGroups];\n\t\t}\n\n\t\t//Filter groups if any section has been choosen in the filter\n\t\tif (this.state.filter.sectionId > 0)\n\t\t\tgroups = groups.filter(group => { return group.id === this.state.filter.sectionId });\n\n\t\tlet processedCourseGroups = this.getFilteredAndSortedCourseGroup(groups);\n\n\t\treturn (\n\t\t\t// Render the UI elements\n\t\t\t\n\t\t\t\t{this.renderHeaderFilter()}\n\n\t\t\t\t\n\n\t\t\t\t\t \n\n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuser: state.user.currentUser,\n\t\teducationGroups: state.sections.educationGroups,\n\t\tlegacyEducationGroups: state.sections.legacyEducationGroups,\n\t\tarchivedEducationGroups: state.sections.archivedEducationGroups,\n\t\tassessmentCourses: state.assessments.courses\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tsetPageTitle,\n\tgetArchivedEducationGroups,\n\tgetEducationGroups,\n\tgetCoursesUsedWithinMySections,\n\tgetLegacyEducationGroups\n})(SubjectPage);\n","import React, { Component } from 'react';\n\nclass WizardStep extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t{this.state.loading ? \n\t\t\t\t\t\t\t{this.props.translate('Group')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Curriculum')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
:\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{processedCourseGroups.length === 0 ?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t}\n\n\t\t\t\t{this.props.translate('No groups found')}
\n\t\t\t\t\t\t\t\t: processedCourseGroups.map(this.renderGroupRow)}\n\t\t\t\t\t\t\n\t\t\t\t{this.props.children}\n\t\t\t
\n\t\t);\n\t}\n}\n\nexport default (WizardStep);\n","import React, { Component } from 'react';\nimport { Icon } from '@haldor/ui';\n\nimport './WizardTimeLine.scss';\n\nclass WizardTimeLine extends Component {\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.props.children.map((child, i) => {\n\t\t\t\t\tif (child.props.name == null)\n\t\t\t\t\t\treturn null;\n\n\t\t\t\t\tlet classname = 'timeline-item';\n\n\t\t\t\t\tif (this.props.currentPage > i) {\n\t\t\t\t\t\tclassname += ' active';\n\t\t\t\t\t}\n\n\t\t\t\t\tif (this.props.currentPage == i) {\n\t\t\t\t\t\tclassname += ' current';\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default (WizardTimeLine);\n","import React, { Component } from 'react';\nimport { Block } from '@haldor/ui';\nimport WizardTimeLine from './WizardTimeLine';\n\nclass Wizard extends Component {\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tif (this.props.currentPage != nextProps.currentPage) {\n\t\t\twindow.scrollTo(0, 0);\n\t\t}\n\t}\n\n\trender() {\n\t\tif (this.props.children == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t { this.props.goToPage(i) }}>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)\n\t\t\t\t})}\n\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{child.props.name}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t { return this.props.disableWizardStepNavigation ? null : this.props.goToPage(i) }}\n\t\t\t\t\tcurrentPage={this.props.currentPage}\n\t\t\t\t/>\n\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default (Wizard);\n","import React, { Component } from 'react';\nimport { Spinner } from 'UI';\nimport { Button } from '@haldor/ui';\n\nclass WizardQuestion extends Component {\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{this.props.children[this.props.currentPage]}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default (WizardQuestion);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\n\nimport User from '_class/User';\n\nimport {\n\tcreateMeeting,\n\tupdateMeeting,\n\tclearMeeting,\n\tdeleteMeetingRelationship,\n\tdeleteMeeting,\n\tgetMeeting,\n\tsaveWizardMeeting,\n\tclearWizardMeeting,\n} from 'actions/meetings';\n\nimport { getMeetingTimeBlocks } from 'actions/timeblocks';\nimport { setPageTitle } from 'actions/header';\n\nimport { Icon, Button, translate } from '@haldor/ui';\nimport Modal from 'containers/Modals/Modal';\nimport swal from 'sweetalert2';\n\nimport MeetingOccassions from 'containers/Meeting/Display/MeetingOccassions';\nimport CreateMeeting from 'containers/Meeting/Form/CreateMeeting';\nimport UpdateMeeting from 'containers/Meeting/Form/UpdateMeeting';\nimport ConnectForm from 'containers/Meeting/Form/ConnectForm';\n\nimport WizardStep from 'containers/Wizard/WizardStep';\nimport Wizard from 'containers/Wizard/Wizard';\nimport WizardQuestion from 'containers/Wizard/WizardQuestion';\n\nclass CreateMeetingWizard extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tcurrentPage: 0,\n\t\t\tloading: false,\n\t\t\tconnectForm: false,\n\t\t\toccassionsCreated: false,\n\t\t\tsubmitting: false,\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tconst user = new User(this.props.user);\n\t\tthis.props.setPageTitle(this.props.translate('new-meeting'))\n\n\t\tif (!user.isMentor()) {\n\t\t\twindow.location = '/meetings';\n\t\t}\n\n\t\tif (this.props.meeting != null) {\n\t\t\tthis.props.clearMeeting();\n\t\t}\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.clearMeeting();\n\t\tthis.deleteMeeting();\n\t}\n\n\tonCreateMeetingSubmit = (meeting) => {\n\t\tthis.setState({ loading: true });\n\t\treturn new Promise(async resolve => {\n\t\t\tawait this.props.createMeeting(meeting);\n\t\t\tthis.props.saveWizardMeeting(this.props.meeting);\n\t\t\tresolve(1);\n\n\t\t\tthis.setState({ loading: false });\n\t\t\tthis.goToPage(this.state.currentPage + 1);\n\t\t});\n\t}\n\n\tonUpdateMeeting = (values) => {\n\t\tthis.setState({ loading: true });\n\t\treturn new Promise(async (resolve) => {\n\t\t\tvalues.id = this.props.meeting.id;\n\t\t\tvalues.instances = this.props.meeting.instances;\n\t\t\tawait this.props.updateMeeting(values);\n\t\t\tthis.props.saveWizardMeeting(this.props.meeting);\n\n\t\t\tresolve(1);\n\t\t\tthis.setState({ loading: false });\n\t\t\tthis.goToPage(this.state.currentPage + 1);\n\t\t});\n\t}\n\n\tpublishMeeting = () => {\n\t\treturn new Promise(async (resolve) => {\n\t\t\tif (this.props.meeting != null) {\n\t\t\t\tconst values = { ...this.props.meeting };\n\t\t\t\tvalues.status = 'ACTIVE';\n\n\t\t\t\tawait this.props.updateMeeting(values);\n\t\t\t\t// Clear meeting wizard data here\n\t\t\t\tresolve(1);\n\t\t\t}\n\n\t\t\tresolve(0);\n\t\t});\n\t}\n\n\tdeleteMeeting = () => {\n\t\tif (this.props.meeting != null && !this.state.submitting) {\n\t\t\tif (this.props.meeting.status == \"DRAFT\") {\n\t\t\t\tthis.props.deleteMeeting(this.props.meeting.id);\n\t\t\t}\n\t\t}\n\t}\n\n\tonConnectSubmit = (submits) => {\n\t\tthis.setState({ loading: true });\n\t\treturn new Promise(async (resolve) => {\n\t\t\tlet tasks = [];\n\t\t\tsubmits.forEach((form) => {\n\t\t\t\tif (form.id == null) {\n\t\t\t\t\t// Add form to meeting\n\t\t\t\t\tlet meeting = { ...this.props.meeting };\n\n\t\t\t\t\tif (meeting.meetingForms == null) {\n\t\t\t\t\t\tmeeting.meetingForms = [];\n\t\t\t\t\t}\n\n\t\t\t\t\tmeeting.meetingForms.push(form);\n\n\t\t\t\t\tlet task = this.props.updateMeeting(meeting);\n\t\t\t\t\ttasks.push(task);\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tPromise.all(tasks).then(() => {\n\t\t\t\tresolve(1);\n\n\t\t\t\tthis.props.saveWizardMeeting(this.props.meeting);\n\n\t\t\t\tthis.toggleConnectForm(true);\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t});\n\t\t});\n\t}\n\n\tgoToPage = (page) => {\n\t\tif (this.props.meeting != null && this.state.loading == false) {\n\t\t\tthis.setState({ currentPage: page });\n\t\t}\n\t}\n\n\tnextPage = () => {\n\t\tthis.goToPage(this.state.currentPage + 1);\n\t}\n\n\ttoggleConnectForm = (forceClose = false) => {\n\t\tif (forceClose == true) {\n\t\t\tthis.setState({ connectForm: false, activeForm: null });\n\t\t} else {\n\t\t\tthis.setState({ connectForm: !this.state.connectForm, activeForm: null });\n\t\t}\n\t}\n\n\trenderAudience(audience) {\n\t\tif (audience == \"STUDENT\") {\n\t\t\treturn {this.props.translate('assigned-to-students')}\n\t\t} else if (audience == \"GUARDIAN\") {\n\t\t\treturn {this.props.translate('assigned-to-guardians')}\n\t\t} else if (audience == \"SELF\") {\n\t\t\treturn {this.props.translate('assigned-to-me')}\n\t\t} else if (audience == \"FOLLOWUP\") {\n\t\t\treturn {this.props.translate('follow-up')}\n\t\t} else {\n\t\t\treturn \n\t\t}\n\t}\n\n\tgetForms() {\n\t\tlet forms = [];\n\n\t\tif (this.props.meeting?.relationships != null) {\n\t\t\tthis.props.meeting.relationships.forEach(form => {\n\t\t\t\tif (form.referenceType == 'FORM') {\n\t\t\t\t\tthis.props.meeting.instances.forEach((instance) => {\n\t\t\t\t\t\tinstance.relationships.forEach((relationship) => {\n\t\t\t\t\t\t\tif (relationship.referenceType == \"FORMINSTANCE\") {\n\t\t\t\t\t\t\t\tif (relationship.reference.formID == form.referenceID) {\n\t\t\t\t\t\t\t\t\tform.answeredBy = form.answeredBy != null ? form.answeredBy++ : 1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\n\t\t\t\t\tforms.push(form);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\treturn forms;\n\t}\n\n\tdeleteForm = (form) => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('are-you-sure-you-want-to-delete'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('Cancel'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then(async result => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.setState({ loading: true });\n\t\t\t\tthis.props.deleteMeetingRelationship(this.props.meeting.id, form.id).then(() => {\n\t\t\t\t\tthis.props.getMeeting(this.props.meeting.id).then(() => {\n\t\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t\t});\n\t\t\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\trenderForms = (targetedAudience) => {\n\t\tlet forms = this.getForms();\n\n\t\tif (targetedAudience != null) {\n\t\t\tforms = forms.filter(t => targetedAudience.find(d => t.targetedAudience == d) != null);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{this.props.buttons.map((button, i) => {\n\t\t\t\t\t\tlet props = { ...button };\n\t\t\t\t\t\tdelete props.isLoading;\n\t\t\t\t\t\tdelete props.value;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t)\n\t}\n\n\trenderMeetingOccasions = () => {\n\t\tconst { translate } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('forms')}\n\t\t\t\t\t\n\n\t\t\t\t\t\n\n\t\t\t\t\t{forms != null ?\n\t\t\t\t\t\tforms.map(form => {\n\t\t\t\t\t\t\tif (targetedAudience != null) {\n\t\t\t\t\t\t\t\tif (targetedAudience.find(t => t == form.targetedAudience) == null) {\n\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t})\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{forms != null && forms.length == 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{form.reference.title}\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t{form.answeredBy == null ?\n\t\t\t\t\t\t\t\t\t\t\t { this.deleteForm(form) }}>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.renderAudience(form.targetedAudience)}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('no-form')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t { this.goToPage(i) }}>\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{translate('Meeting information')}\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t{this.props.meeting == null ?\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t{translate('Forms')}\n\n\t\t\t\t\t\t { this.goToPage(this.state.currentPage + 1) },\n\t\t\t\t\t\t\t\t\tvalue: translate('Yes'),\n\t\t\t\t\t\t\t\t\ttype: 'primary',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tonClick: () => { this.goToPage(this.state.currentPage + 2) },\n\t\t\t\t\t\t\t\t\tvalue: translate('No'),\n\t\t\t\t\t\t\t\t\ttype: 'secondary',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t { this.goToPage(this.state.currentPage + 1) }}\n\t\t\t\t\t\t\t\tonClose={this.toggleConnectForm}\n\t\t\t\t\t\t\t\tisfollowUpAdded={isFollowUpAdded}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t{this.renderForms()}\n\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t{translate('Time slots')}\n\n\t\t\t\t\t\t { this.goToPage(this.state.currentPage + 1) },\n\t\t\t\t\t\t\t\t\tvalue: translate('Yes'),\n\t\t\t\t\t\t\t\t\ttype: 'primary',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tonClick: () => { this.goToPage(this.state.currentPage + 2) },\n\t\t\t\t\t\t\t\t\tvalue: translate('No'),\n\t\t\t\t\t\t\t\t\ttype: 'secondary',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.renderMeetingOccasions()}\n\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t{translate('Review and save')}\n\n\t\t\t\t\t\t
' +\n\t\t\t\t\t\t\t\ttranslate('As long as the meeting is not published and has no booked meetings, you can edit meeting and rest lengths. When the meeting is published you can only change and remove slot series without booked meetings.')\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbuttons={[\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tonClick: async () => {\n\t\t\t\t\t\t\t\t\t\tawait this.setState({ submitting: true });\n\t\t\t\t\t\t\t\t\t\tawait this.publishMeeting();\n\t\t\t\t\t\t\t\t\t\tthis.props.clearWizardMeeting();\n\t\t\t\t\t\t\t\t\t\twindow.location = '/meeting/' + this.props.meeting?.id;\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tisLoading: this.state.submitting,\n\t\t\t\t\t\t\t\t\tvalue: translate('Save and publish'),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tonClick: async () => {\n\t\t\t\t\t\t\t\t\t\tawait this.setState({ submitting: true });\n\t\t\t\t\t\t\t\t\t\tif (this.props.meeting.id) {\n\t\t\t\t\t\t\t\t\t\t\tvar tasks = [];\n\t\t\t\t\t\t\t\t\t\t\ttasks.push(this.props.getMeetingTimeBlocks(this.props.meeting.id));\n\n\t\t\t\t\t\t\t\t\t\t\tPromise.all(tasks).then(() => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (this.props.meetingTimeBlocks && this.props.meetingTimeBlocks.length > 0) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.clearWizardMeeting();\n\t\t\t\t\t\t\t\t\t\t\t\t\twindow.location = '/meeting/' + this.props.meeting?.id + \"?onboarding=false#info\";\n\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.clearWizardMeeting();\n\t\t\t\t\t\t\t\t\t\t\t\t\twindow.location = '/meeting/' + this.props.meeting?.id + \"?onboarding=true#occasions\";\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tthis.props.clearWizardMeeting();\n\t\t\t\t\t\t\t\t\t\t\twindow.location = '/meeting/' + this.props.meeting?.id + \"?onboarding=true#occasions\";\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tvalue: translate('Save draft'),\n\t\t\t\t\t\t\t\t\tisLoading: this.state.submitting,\n\t\t\t\t\t\t\t\t\ttype: 'secondary'\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\tlet meeting = state.Meetings.meeting;\n\tif (meeting == null && state.Meetings.wizardMeeting != null) {\n\t\tmeeting = state.Meetings.wizardMeeting;\n\t}\n\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tuser: state.user.currentUser,\n\t\tmeeting: meeting,\n\t\tmeetingTimeBlocks: state.TimeBlocks.meetingTimeBlocks,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tcreateMeeting,\n\tsetPageTitle,\n\tupdateMeeting,\n\tclearMeeting,\n\tdeleteMeetingRelationship,\n\tdeleteMeeting,\n\tgetMeeting,\n\tsaveWizardMeeting,\n\tgetMeetingTimeBlocks,\n\tclearWizardMeeting,\n})(CreateMeetingWizard);\n","/**\n * @typedef {import('types').Bookmark} Bookmark\n */\n\n import React, { Component } from 'react';\n import { connect } from 'react-redux';\n import { Link } from 'react-router-dom';\n import { translate } from '@haldor/ui';\n \n import {\n\t PRESCHOOL,\n } from 'constants/schoolTypes';\n \n import { setPageTitle } from 'actions/header';\n \n import {\n\t getMyBookmarks,\n\t deleteBookmark,\n } from 'actions/bookmarks';\n \n import { Block, Icon } from '@haldor/ui';\n import LoadingCards from 'components/Cards/LoadingCard';\n import './_UserBookmarks.scss';\n\n class UserBookmarks extends Component {\n \n\t constructor(props) {\n\t\t super(props);\n\n\t\t this.state = {\n\t\t\t loading: false,\n\t\t }\n\t }\n \n\t UNSAFE_componentWillMount = () => {\n\t\t this.props.setPageTitle(this.props.translate('nav_bookmarks'));\n\t }\n \n\t componentDidMount = () => {\n\t\t if (this.props.bookmarks == null || this.props.bookmarks.length == 0) {\n\t\t\t this.setState({loading:true})\n\t\t\t this.props.getMyBookmarks().then(() => {\n\t\t\t\t this.setState({loading:false})\n\t\t\t }); \n\t\t }\n\t }\n \n\t /**\n\t * @param {Bookmark} bookmark\n\t */\n\t onRemoveBookmark = (bookmark) => {\n\t\t this.props.deleteBookmark(bookmark.id);\n\t }\n \n\t /**\n\t * @param {Bookmark} bookmark\n\t */\n\t getReferenceLink = (bookmark) => {\n\t\t if (bookmark.referenceType == 'ASSIGNMENT') {\n\t\t\t return '/assignment/' + bookmark.referenceId;\n\t\t }\n \n\t\t if (bookmark.referenceType == 'PLAN') {\n\t\t\t return '/plan/' + bookmark.referenceId;\n\t\t }\n\t }\n \n\t /**\n\t * @param {Bookmark} bookmark\n\t */\n\t renderBookmark = (bookmark) => {\n\t\t const link = this.getReferenceLink(bookmark);\n \n\t\t return \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t' +\n\t\t\t\t\t\t\t\ttranslate('As long as the meeting is not published and has no booked meetings, you can edit meeting and rest lengths. When the meeting is published you can only change and remove slot series without booked meetings.')\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbuttons={[\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tonClick: async () => {\n\t\t\t\t\t\t\t\t\t\tawait this.setState({ submitting: true });\n\t\t\t\t\t\t\t\t\t\tawait this.publishMeeting();\n\t\t\t\t\t\t\t\t\t\tthis.props.clearWizardMeeting();\n\t\t\t\t\t\t\t\t\t\twindow.location = '/meeting/' + this.props.meeting?.id;\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tisLoading: this.state.submitting,\n\t\t\t\t\t\t\t\t\tvalue: translate('Save and publish'),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tonClick: async () => {\n\t\t\t\t\t\t\t\t\t\tawait this.setState({ submitting: true });\n\t\t\t\t\t\t\t\t\t\tif (this.props.meeting.id) {\n\t\t\t\t\t\t\t\t\t\t\tvar tasks = [];\n\t\t\t\t\t\t\t\t\t\t\ttasks.push(this.props.getMeetingTimeBlocks(this.props.meeting.id));\n\n\t\t\t\t\t\t\t\t\t\t\tPromise.all(tasks).then(() => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (this.props.meetingTimeBlocks && this.props.meetingTimeBlocks.length > 0) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.clearWizardMeeting();\n\t\t\t\t\t\t\t\t\t\t\t\t\twindow.location = '/meeting/' + this.props.meeting?.id + \"?onboarding=false#info\";\n\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.clearWizardMeeting();\n\t\t\t\t\t\t\t\t\t\t\t\t\twindow.location = '/meeting/' + this.props.meeting?.id + \"?onboarding=true#occasions\";\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tthis.props.clearWizardMeeting();\n\t\t\t\t\t\t\t\t\t\t\twindow.location = '/meeting/' + this.props.meeting?.id + \"?onboarding=true#occasions\";\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tvalue: translate('Save draft'),\n\t\t\t\t\t\t\t\t\tisLoading: this.state.submitting,\n\t\t\t\t\t\t\t\t\ttype: 'secondary'\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t \n\t\t\t\t {bookmark.title}\n\t\t\t \n \n\t\t\t
\n\t }\n \n\t render() {\n\t\t const { currentUser } = this.props;\n \n\t\t /**\n\t\t * @type {Bookmark[]} assignments\n\t\t */\n\t\t const assignments = [...this.props.bookmarks].filter(bookmark =>\n\t\t\t bookmark.referenceType == 'ASSIGNMENT'\n\t\t );\n \n\t\t /**\n\t\t * @type {Bookmark[]} plans\n\t\t */\n\t\t const plans = [...this.props.bookmarks].filter(bookmark =>\n\t\t\t bookmark.referenceType == 'PLAN'\n\t\t );\n \n\t\t const schoolType = currentUser.schools.getActiveSchool(currentUser.userId).type\n \n\t\t const total = plans.length + assignments.length;\n \n\t\t return (\n\t\t\t \n\t\t\t\t this.onRemoveBookmark(bookmark)}>\n\t\t\t\t\t
\n\t\t \n {this.state.loading ? \n\t\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t{plans.length > 0 ?\n\t\t\t\t\t\t \n\t }\n\t\t\t
\n\t\t );\n\t }\n \n }\n \n function mapStateToProps(state) {\n\t return {\n\t\t translate: translate(state.Languages.translations),\n\t\t bookmarks: state.Bookmarks.user,\n\t\t currentUser: state.user.currentUser\n\t }\n }\n \n export default connect(mapStateToProps, {\n\t getMyBookmarks,\n\t setPageTitle,\n\t deleteBookmark,\n })(UserBookmarks);","import React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport PropTypes from 'prop-types';\nimport Moment from \"moment\";\nimport { getSchoolDetails, updateSchoolType } from \"actions/schools\";\nimport { getActiveSchool } from 'helpers/localstorage';\nimport SectionTitle from 'components/Presentation/SectionTitle';\nimport { DataList, Expandable } from 'UI';\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\nimport { Flex, Skeleton, Menu, Icon, TooltipMenu, Button, getActiveLanguage } from '@haldor/ui';\nimport { setActiveSchool, getMe } from 'actions/user';\nimport User from '_class/User';\n\nclass SchoolAdministration extends Component {\n\tconstructor(props) {\n\t\tsuper(props)\n\n\t\tMoment.locale(getActiveLanguage());\n\n\t\tthis.state = {\n\t\t\tschool: [],\n\t\t\tschools: [],\n\t\t\ttypeOfSchools: [\n\t\t\t\t{ id: 1, type: \"PRESCHOOL\" },\n\t\t\t\t{ id: 2, type: \"COMPULSORY_SCHOOL\" },\n\t\t\t\t{ id: 3, type: \"UPPER_SECONDARY_EDUCATION\" },\n\t\t\t\t{ id: 4, type: \"ADULT_EDUCATION\" }\n\t\t\t]\n\t\t}\n\t}\n\n\tstatic contextTypes = {\n\t\trouter: PropTypes.object,\n\t};\n\n\tchangeSchoolType = (school, schoolType) => {\n\t\tthis.props.updateSchoolType(school.id, schoolType);\n\t}\n\n\trenderSchoolRow = (school) => {\n\t\tconst dropdownTrigger = (\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t {this.props.translate('plans')}\n\t\t\t\t\t\t\t \n \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t : null}\n \n\t\t\t\t\t {assignments.length > 0 && schoolType != PRESCHOOL ?\n\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t {plans.map(bookmark => this.renderBookmark(bookmark))}\n\t\t\t\t\t\t\t
\n \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t {this.props.translate('Assignments')}\n\t\t\t\t\t\t\t \n \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t : null}\n \n\t\t\t\t\t {total == 0 ?\n\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t {assignments.map(bookmark => this.renderBookmark(bookmark))}\n\t\t\t\t\t\t\t
\n \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t\t\t {this.props.translate('no-bookmarks')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t : null}\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t{this.props.translate(school.type)}
);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t\tlet schools = [];\n\t\tthis.props.currentUser.schools.forEach((school) => {\n\t\t\tif (school.id == this.props.school.id) {\n\t\t\t\tschools.push(this.props.school);\n\t\t\t} else {\n\t\t\t\tschools.push(school);\n\t\t\t}\n\t\t});\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t (\n\t\t\t\t\t\t
\n\t\t)\n\t}\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttenant: state.user.tenant,\n\t\tcurrentUser: state.user.currentUser,\n\t\tschool: state.School.active\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tsetActiveSchool,\n\tgetSchoolDetails,\n\tupdateSchoolType,\n})(SchoolAdministration);","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { reduxForm } from 'redux-form';\nimport { getActiveSchool } from 'helpers/localstorage';\nimport { Checkbox, Button } from '@haldor/ui';\nimport { Search as SearchInput } from 'UI/Inputs';\nimport { DataList } from 'UI';\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\nimport { searchSchoolUsers } from 'actions/search';\nimport { getUserInfo } from 'actions/user';\n\nclass SubjectTeachersForm extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet subject = this.props.subject;\n\n\t\tthis.state = {\n\t\t\tallTeachers: [],\n\t\t\tteachers: [],\n\t\t\tsubject: subject,\n\t\t\tsubjectTeachers: [],\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tlet promises = [];\n\t\tlet subjectTeachers = [];\n\t\tthis.props.subject.subjectTeachersUserId.forEach(userId => {\n\t\t\tpromises.push(this.props.getUserInfo(userId, \"base\"));\n\t\t});\n\n\t\tPromise.all(promises).then(() => {\n\t\t\tthis.props.subject.subjectTeachersUserId.forEach(userId => {\n\t\t\t\tlet teacher = this.props.users.find(u => {\n\t\t\t\t\treturn u.userId == userId;\n\t\t\t\t});\n\n\t\t\t\tif (teacher != null) {\n\t\t\t\t\tsubjectTeachers.push(teacher);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis.setState({ subjectTeachers, teachers: subjectTeachers });\n\t\t});\n\t}\n\n\tsubmit = (values) => {\n\t\tthis.setState({ loading: true });\n\t\tthis.props.onSubjectTeachersSubmit(this.state.subject, this.state.subjectTeachers);\n\t\tthis.setState({ subjectTeachers: [], subject: [], loading: false });\n\t}\n\n\trenderInput = ({ input, label, type, placeholder, meta: { touched, error, warning } }) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('no-results')}\n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tonSearchInputChange = (value) => {\n\t\tlet teachers = [];\n\n\t\tif (value == '') {\n\t\t\tteachers = this.state.allTeachers;\n\t\t} else {\n\t\t\tconst activeSchool = getActiveSchool(this.props.currentUser.id);\n\t\t\tthis.props.searchSchoolUsers(value, 'teacher', '').then(() => {\n\t\t\t\tlet teachers = this.props.teachers;\n\t\t\t\tlet allTeachers = this.props.teachers;\n\t\t\t\tthis.setState({ allTeachers, teachers });\n\n\t\t\t\tteachers = this.state.allTeachers.filter(teacher => {\n\t\t\t\t\treturn teacher.firstName?.toLowerCase().startsWith(value.toLowerCase())\n\t\t\t\t\t\t|| teacher.lastName?.toLowerCase().startsWith(value.toLowerCase())\n\t\t\t\t\t\t|| teacher.email.toLowerCase().startsWith(value.toLowerCase)\n\t\t\t\t});\n\t\t\t})\n\t\t}\n\n\t\tthis.setState({ teachers });\n\t}\n\n\tselectTeacher = (teacher) => {\n\t\tif (this.state.subjectTeachers.findIndex(ss => ss.userId == teacher.userId) > -1) {\n\t\t\tthis.setState({ subjectTeachers: this.state.subjectTeachers.filter(t => t.userId != teacher.userId) });\n\t\t} else {\n\t\t\tthis.setState({ subjectTeachers: [...this.state.subjectTeachers, teacher] });\n\t\t}\n\t}\n\n\trenderTeacher = (teacher, index) => {\n\t\tlet teacherIndex = this.state.subjectTeachers.findIndex(u => {\n\t\t\treturn u.userId == teacher.userId;\n\t\t});\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{submitting ?
: null}\n\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tteachers: state.Search.teachers,\n\t\tusers: state.user.info,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tsearchSchoolUsers,\n\tgetUserInfo\n})(reduxForm({\n\tform: 'AddTeacherSubject',\n\tdestroyOnUnmount: true,\n})(SubjectTeachersForm));","import React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport Moment from \"moment\";\n\nimport User from '_class/User';\n\nimport { getActiveSchool } from 'helpers/localstorage';\nimport { deleteTeacherRole, addTeacherRole, getUserInfo } from 'actions/user';\nimport { getSchoolSubjectTeachers } from 'actions/schools';\n\nimport Modal from 'containers/Modals/Modal';\nimport SubjectTeachersForm from 'containers/Forms/SubjectTeachersForm';\nimport TeacherRoleForm from 'containers/Forms/TeacherRole';\n\nimport { DataList, Spinner } from 'UI';\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\nimport { Icon, Button, getActiveLanguage } from '@haldor/ui';\n\nclass Subjects extends Component {\n\tconstructor(props) {\n\t\tsuper(props)\n\n\t\tMoment.locale(getActiveLanguage());\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tmodal: false,\n\t\t\tmodalType: \"\",\n\t\t\tnoPermissionSubjects: [],\n\t\t\tsubjects: [],\n\t\t\tsubject: {}\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.getActiveSchoolTeachers();\n\t}\n\n\tuserSchoolAdmin = (schoolId) => {\n\t\tif (this.props.currentUser.roles != null && this.props.currentUser.roles.length > 0) {\n\t\t\tvar schoolAdministrator = this.props.currentUser.roles.find(role => (role.roleId.toUpperCase() == \"SCHOOL_ADMINISTRATOR\" && role.referenceId == schoolId) || (role.roleId.toUpperCase() == \"SYSADMIN\"));\n\n\t\t\tif (schoolAdministrator != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tgetActiveSchoolTeachers = () => {\n\t\tthis.setState({ loading: true });\n\t\tconst activeSchool = getActiveSchool(this.props.currentUser.id);\n\n\t\tthis.props.getSchoolSubjectTeachers(activeSchool).then(() => {\n\t\t\tthis.setState({ loading: false });\n\t\t\tlet subjects = [];\n\t\t\tlet subjectTeachersUserId = [];\n\t\t\tthis.props.subjectTeacher.forEach(s => {\n\t\t\t\tsubjectTeachersUserId.push(s.userId);\n\t\t\t\tlet subject = subjects.find(x => {\n\t\t\t\t\treturn x.subjectId == s.subjectId;\n\t\t\t\t})\n\t\t\t\tif (subject == null) {\n\t\t\t\t\tsubject = {\n\t\t\t\t\t\ttitle: s.title,\n\t\t\t\t\t\tsubjectId: s.subjectId,\n\t\t\t\t\t\tsubjectCode: s.subjectCode,\n\t\t\t\t\t\ttypeOfSchooling: s.typeOfSchooling,\n\t\t\t\t\t\tsubjectTeachersUserId: [s.userId],\n\t\t\t\t\t\tsubjectTeachers: [],\n\t\t\t\t\t\tnrOfSubjectTeachers: 1\n\t\t\t\t\t}\n\t\t\t\t\tsubjects.push(subject);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tlet userId = subject.subjectTeachersUserId.find(uid => {\n\t\t\t\t\t\treturn s.userId == uid;\n\t\t\t\t\t})\n\t\t\t\t\tif (userId == null) {\n\t\t\t\t\t\tsubject.nrOfSubjectTeachers = subject.nrOfSubjectTeachers + 1;\n\t\t\t\t\t\tsubject.subjectTeachersUserId.push(s.userId);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tsubjects = subjects.sort(function (a, b) {\n\t\t\t\treturn (a.title > b.title) ? 1 : ((b.title > a.title) ? -1 : 0);\n\t\t\t});\n\n\t\t\tthis.state.noPermissionSubjects.forEach(s => {\n\t\t\t\tlet subject = subjects.find(x => {\n\t\t\t\t\treturn x.subjectId == s.subjectId;\n\t\t\t\t})\n\t\t\t\tif (subject == null) {\n\t\t\t\t\tsubjects.push(s);\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tthis.setState({ loading: false, subjects });\n\t\t})\n\t}\n\n\ttoggleModal = (modalType) => {\n\t\tthis.setState({ modal: !this.state.modal, modalType });\n\t}\n\n\trenderSubjectRoleRow = (subject) => {\n\t\tconst activeSchool = getActiveSchool(this.props.currentUser.id);\n\t\tconst user = new User(this.props.currentUser);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{this.state.modalType == \"SubjectTeachersForm\" ?\n\t\t\t\t\t\t \n\n\t\t\t\t{this.state.loading ? (\n\t\t\t\t\t\t
\n\t\t)\n\t}\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\tlanguages: state.Languages.languages,\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttenant: state.user.tenant,\n\t\tcurrentUser: state.user.currentUser,\n\t\tusers: state.user.info,\n\t\tschool: state.School.active,\n\t\tsubjectTeacher: state.School.subjectTeacher\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetSchoolSubjectTeachers,\n\tdeleteTeacherRole,\n\taddTeacherRole,\n\tgetUserInfo\n})(Subjects);","import React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport PropTypes from 'prop-types';\nimport Moment from \"moment\";\nimport { getSchoolDetails, updateSchoolType } from \"actions/schools\";\nimport { getActiveSchool } from 'helpers/localstorage';\nimport SectionTitle from 'components/Presentation/SectionTitle';\nimport { DataList, Expandable } from 'UI';\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\nimport { Flex, Skeleton, Menu, Icon, TooltipMenu, Button, getActiveLanguage } from '@haldor/ui';\nimport { setActiveSchool } from 'actions/user';\nimport User from '_class/User';\nimport swal from \"sweetalert2\";\n\n\nclass ExportAssessmentForSchool extends Component {\n\tconstructor(props) {\n\t\tsuper(props)\n\n\t\tMoment.locale(getActiveLanguage());\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tschool: [],\n\t\t\tschools: [],\n\t\t\ttypeOfSchools: [\n\t\t\t\t{ id: 1, type: \"PRESCHOOL\" },\n\t\t\t\t{ id: 2, type: \"COMPULSORY_SCHOOL\" },\n\t\t\t\t{ id: 3, type: \"UPPER_SECONDARY_EDUCATION\" },\n\t\t\t\t{ id: 4, type: \"ADULT_EDUCATION\" }\n\t\t\t]\n\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tlet schools = [];\n\t\tthis.props.currentUser.schools.forEach(school => {\n\t\t\tif (this.userSchoolAdmin(school.id)) {\n\t\t\t\tschools.push({\n\t\t\t\t\ttitle: school.title,\n\t\t\t\t\tid: school.id,\n\t\t\t\t\ttype: school.type,\n\t\t\t\t\ttypeLocalizes: this.props.translate(school.type),\n\t\t\t\t\ttypeOfSchools: [\n\t\t\t\t\t\t{ id: 1, type: \"PRESCHOOL\" },\n\t\t\t\t\t\t{ id: 2, type: \"COMPULSORY_SCHOOL\" },\n\t\t\t\t\t\t{ id: 3, type: \"UPPER_SECONDARY_EDUCATION\" },\n\t\t\t\t\t\t{ id: 4, type: \"ADULT_EDUCATION\" }\n\t\t\t\t\t]\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\tlet school = this.props.school;\n\t\tthis.setState({ loading: false, schools, school });\n\n\t}\n\n\tuserSchoolAdmin = (schoolId) => {\n\n\t\tif (this.props.currentUser.roles != null && this.props.currentUser.roles.length > 0) {\n\t\t\tvar schoolAdministrator = this.props.currentUser.roles.find(role => (role.roleId.toUpperCase() == \"SCHOOL_ADMINISTRATOR\" && role.referenceId == schoolId) || (role.roleId.toUpperCase() == \"SYSADMIN\"));\n\n\t\t\tif (schoolAdministrator != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tstatic contextTypes = {\n\t\trouter: PropTypes.object,\n\t};\n\n\n\trenderSchoolRow = (school) => {\n\t\tconst dropdownTrigger = (\n\t\t\t\t\t\t\t{this.props.translate('no-results')}\n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t/>}\n\n\t\t\t\t{user.isAdministrator() ?\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t{school.typeLocalizes}
);\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t (\n\t\t\t\t\t\t
\n\t\t)\n\t}\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\tlanguages: state.Languages.languages,\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttenant: state.user.tenant,\n\t\tcurrentUser: state.user.currentUser,\n\t\tschool: state.School.active\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tsetActiveSchool,\n\tgetSchoolDetails,\n\tupdateSchoolType,\n})(ExportAssessmentForSchool);","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\n\nimport { getUsersWithoutMentorGroups } from 'actions/user';\n\nimport { DataList, Spinner } from 'UI';\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\nimport { translate } from '@haldor/ui';\nimport DisplayName from 'components/Presentation/DisplayName';\n\nclass UsersWithoutMentorGroups extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t};\n\t}\n\n\tcomponentDidMount = async () => {\n\t\tawait this.props.getUsersWithoutMentorGroups();\n\t\tthis.setState({ loading: false });\n\t}\n\n\trenderStudent = (student) => {\n\t\treturn \n\t\t\t\t\t\t\t{this.props.translate('no-results')}\n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\n\t\t\t\t
\n\t\t}\n\n\t\treturn \n\t\t\t\t\t
\n\t\t\t)}\n\t\t/>;\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tusersWithoutMentorGroups: state.user.usersWithoutMentorGroups,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetUsersWithoutMentorGroups,\n})(UsersWithoutMentorGroups);","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\n\nimport { getRemainingSMS, getSMSStatistics } from 'actions/sms';\n\nimport { DataList, Spinner } from 'UI';\nimport Block, { BlockHeader, BlockContent } from \"UI/Elements/Block\";\nimport RowItem, { RowCell } from 'UI/Elements/List/RowItem';\n\nimport { translate } from '@haldor/ui';\n\nclass SMSAdmin extends Component {\n\n\tcomponentDidMount = () => {\n\t\tthis.props.getRemainingSMS();\n\t\tthis.props.getSMSStatistics();\n\t}\n\n\trenderSchoolRow = (school) => {\n\t\tlet statistic = null;\n\t\tif (this.props.statistics != null) {\n\t\t\tstatistic = this.props.statistics.schools.find(_school => {\n\t\t\t\treturn _school.schoolId == school.id\n\t\t\t});\n\t\t}\n\n\t\treturn \n\t\t\t\t\t\t{this.props.translate('no-results')}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t (\n\t\t\t\t\t
\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tremaining: state.SMS.remaining,\n\t\tstatistics: state.SMS.statistics,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetRemainingSMS,\n\tgetSMSStatistics,\n})(SMSAdmin);","import React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport { withRouter } from 'react-router-dom';\nimport Moment from \"moment\";\nimport { getSchoolDetails } from \"actions/schools\";\nimport { setActiveSchool } from 'actions/user';\nimport { getActiveSchool } from 'helpers/localstorage';\nimport SectionTitle from 'components/Presentation/SectionTitle';\nimport { setPageTitle } from \"actions/header\";\nimport User from '_class/User';\n\nimport SchoolAdministration from './Partial/School';\nimport SubjectsAdministration from './Partial/Subjects';\nimport ExportAssessmentForSchool from './Partial/ExportAssessmentForSchool';\nimport UsersWithoutMentorGroups from './Partial/UsersWithoutMentorGroups';\nimport SMSAdmin from './Partial/SMS';\n\nimport { TooltipMenu, Tabs, Tab, getActiveLanguage } from '@haldor/ui';\n\nclass Admin extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props)\n\n\t\tMoment.locale(getActiveLanguage());\n\n\t\tthis.state = {\n\t\t\tschool: [],\n\t\t\tschools: [],\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tlet schools = [];\n\t\tthis.props.currentUser.schools.forEach(school => {\n\t\t\tif (this.userSchoolAdmin(school.id)) {\n\t\t\t\tschools.push({\n\t\t\t\t\ttitle: school.title,\n\t\t\t\t\tid: school.id,\n\t\t\t\t\ttype: school.type,\n\t\t\t\t\ttypeLocalizes: this.props.translate(school.type),\n\t\t\t\t\ttypeOfSchools: [\n\t\t\t\t\t\t{ id: 1, type: \"PRESCHOOL\" },\n\t\t\t\t\t\t{ id: 2, type: \"COMPULSORY_SCHOOL\" },\n\t\t\t\t\t\t{ id: 3, type: \"UPPER_SECONDARY_EDUCATION\" },\n\t\t\t\t\t\t{ id: 4, type: \"ADULT_EDUCATION\" }\n\t\t\t\t\t]\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\tconst schoolId = getActiveSchool(this.props.currentUser.id);\n\t\tthis.props.getSchoolDetails(schoolId).then(() => {\n\t\t\tlet school = this.props.school;\n\t\t\tthis.setState({ loading: false, schools, school });\n\t\t})\n\n\t\tthis.props.setPageTitle(this.props.translate('administration'));\n\t}\n\n\tuserSchoolAdmin = (schoolId) => {\n\t\tif (this.props.currentUser.roles != null && this.props.currentUser.roles.length > 0) {\n\t\t\tvar schoolAdministrator = this.props.currentUser.roles.find(role => (role.roleId.toUpperCase() == \"SCHOOL_ADMINISTRATOR\" && role.referenceId == schoolId) || (role.roleId.toUpperCase() == \"SYSADMIN\"));\n\n\t\t\tif (schoolAdministrator != null) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\trenderActiveSchoolAction = (school) => {\n\t\treturn \n\t\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t/>\n\t\t\n\t\t\t\t\t\t\t{this.props.translate('no-results')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.state.schools.map(this.renderActiveSchoolAction)}\n\t\t\t\t\t \n\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t)\n\t}\n\n}\n\nfunction mapStateToProps(state, ownProps) {\n\treturn {\n\t\tlanguages: state.Languages.languages,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tservices: state.Services.availableServices,\n\t\tcurrentUser: state.user.currentUser,\n\t\tschool: state.School.active\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tsetPageTitle,\n\tsetActiveSchool,\n\tgetSchoolDetails,\n})(Admin));","/**\n * @typedef {import('types').Bookmark} BookmarkModel\n */\n\nimport React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { translate } from '@haldor/ui';\n\nimport {\n\tgetMyBookmarks,\n\tgetBookmarkByReference,\n\tcreateBookmark,\n\tdeleteBookmark,\n} from 'actions/bookmarks';\n\nimport { Button, Icon } from '@haldor/ui';\n\nimport './_Bookmark.scss';\n\n/**\n * @prop {number} referenceId\n * @prop {string} referenceType\n */\nclass Bookmark extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.referenceType == null || this.props.referenceId == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (this.props.bookmarks == null || this.props.bookmarks.length == 0) {\n\t\t\tthis.props.getMyBookmarks()\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t})\n\t\t} else {\n\t\t\tthis.setState({ loading: false });\n\t\t}\n\t}\n\n\tonBookmarkClick = () => {\n\t\tconst { bookmarks, referenceType, referenceId } = this.props;\n\n\t\t/**\n\t\t * @type {BookmarkModel} bookmark\n\t\t */\n\t\tconst bookmark = bookmarks.find(bookmark =>\n\t\t\tbookmark.referenceType == referenceType && bookmark.referenceId == referenceId\n\t\t);\n\n\t\tif (bookmark != null) {\n\t\t\t// delete bookmark\n\t\t\tthis.props.deleteBookmark(bookmark.id)\n\t\t} else {\n\t\t\tthis.props.createBookmark([{\n\t\t\t\treferenceType: referenceType,\n\t\t\t\treferenceId: referenceId,\n\t\t\t}]);\n\t\t}\n\t}\n\n\trender() {\n\t\tif (this.props.referenceType == null || this.props.referenceId == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (this.state.loading) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst { bookmarks, referenceId, referenceType } = this.props;\n\n\t\t/**\n\t\t * @type {BookmarkModel} bookmark\n\t\t */\n\t\tconst bookmark = bookmarks.find(bookmark =>\n\t\t\tbookmark.referenceType == referenceType && bookmark.referenceId == referenceId\n\t\t);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{bookmark == null ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tbookmarks: state.Bookmarks.user,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetMyBookmarks,\n\tgetBookmarkByReference,\n\tcreateBookmark,\n\tdeleteBookmark\n})(Bookmark);","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\n\nimport { addError } from \"actions\";\n\nimport { getRootUrl } from 'helpers/url';\n\nimport CourseForm from 'containers/Forms/CourseForm';\n\nimport AssignmentForm from 'containers/Forms/AssignmentForm/AssignmentForm';\nimport MultipleAssignmentForm from 'containers/Forms/AssignmentForm/MultipleAssignmentForm';\n\nimport SinglePlanForm from 'containers/Forms/PlanningForm/SinglePlanForm';\nimport PreschoolPlanningForm from 'containers/Forms/PlanningForm/PreschoolPlanningForm';\n\nimport Modal from 'containers/Modals/Modal';\nimport { Button, TooltipMenu } from '@haldor/ui';\n\nclass CloneButton extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tprompt: false,\n\t\t\tmultipleAssignment: false,\n\t\t\tenableOverlayWarning: false,\n\t\t\toverlayWarningPrompt: false,\n\t\t};\n\t}\n\n\topenMultipleAssignmentModal = () => {\n\t\tthis.setState({ multipleAssignment: true });\n\t}\n\n\topenModal = () => {\n\t\tthis.setState({ prompt: true });\n\t}\n\n\tcloseModal = () => {\n\t\tif (this.state.enableOverlayWarning) {\n\t\t\tthis.setState({ overlayWarningPrompt: true });\n\t\t} else {\n\t\t\tthis.setState({ prompt: false });\n\t\t}\n\n\t\tif (this.props.onClose != null && typeof this.props.onClose === 'function') {\n\t\t\tthis.props.onClose();\n\t\t}\n\t}\n\n\tonClick = () => {\n\t\tthis.openModal();\n\t}\n\n\tenableOverlayWarningClose = (enable) => {\n\t\tthis.setState({ enableOverlayWarning: enable });\n\t}\n\n\toverlayWarningPromptAgree = () => {\n\t\tthis.setState({ prompt: false, overlayWarningPrompt: false, enableOverlayWarning: false });\n\t}\n\n\toverlayWarningPromptClose = () => {\n\t\tthis.setState({ overlayWarningPrompt: false });\n\t}\n\n\tcloseBulkAssignments = (reload) => {\n\t\tif (!reload) {\n\t\t\tthis.setState({ multipleAssignment: false });\n\n\t\t\tif (this.props.onClose != null && typeof this.props.onClose === 'function') {\n\t\t\t\tthis.props.onClose();\n\t\t\t}\n\n\t\t\treturn true;\n\t\t}\n\n\t\tif (this.props.bulkAssignments != null) {\n\t\t\tif (this.props.bulkAssignments.length > 1) {\n\t\t\t\tthis.props.addError('Kopior sparade', 'info');\n\t\t\t} else {\n\t\t\t\tlet assignment = this.props.bulkAssignments[0];\n\t\t\t\tif (assignment != null && assignment.id != null) {\n\t\t\t\t\twindow.location = `${getRootUrl()}assignment/${assignment.id}`;\n\t\t\t\t} else {\n\t\t\t\t\tthis.setState({ multipleAssignment: false });\n\n\t\t\t\t\tif (this.props.onClose != null && typeof this.props.onClose === 'function') {\n\t\t\t\t\t\tthis.props.onClose();\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tthis.setState({ multipleAssignment: false });\n\t\tif (this.props.onClose != null && typeof this.props.onClose === 'function') {\n\t\t\tthis.props.onClose();\n\t\t}\n\t}\n\n\trender = () => {\n\t\tconst { translate } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.props.type == 'assignment' ?\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t{this.props.type == 'assignment' ?\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t{this.props.type == 'planning' ?\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t{this.props.type == 'preschoolplanning' ?\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t{this.props.type == 'course' ?\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t{this.props.type == 'assignment' ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('column-copy')}\n\t\t\t\t\t\t\n\t\t\t\t\t)}>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('copy-assignment')}\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('copy-group-assignment')}\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t\t:\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t
\n\t\t)\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tbulkAssignments: state.assignments.newAssignments,\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\taddError,\n})(CloneButton);","import React from 'react';\n\nimport { HaldorBlockConsumer } from '@haldor/ui';\nimport { ASSESSMENT_TYPES } from 'components/BlockAssessments/AssessmentTypes';\nimport { useTranslate } from 'lib/translate';\nimport TeacherAssessmentBlock from './Blocks/TeacherAssessmentBlock/TeacherAssessmentBlock';\n\nconst BlockConsumer = (props) => {\n\tconst translate = useTranslate();\n\n\tconst getFields = () => {\n\t\tlet assessmentFeedback = props.assessment?.assessmentFeedbacks?.length > 0;\n\n\t\tlet assessmentBlocks = props.fields.filter(s => assessmentFeedback || s.resources.some(r => r.referenceType == 'assessmentonlyfeedback' && !props.isStudent || (r.assessmentBlockPartRows != null && r.assessmentBlockPartRows?.length > 0)))\n\n\n\t\treturn assessmentBlocks\n\t\t\t.sort((a, b) => a.sortorder - b.sortorder)\n\t\t\t.map((field) => {\n\t\t\t\tlet label = translate('Teacher assessment');\n\n\t\t\t\tif (field.assessmentType == ASSESSMENT_TYPES.PEER) {\n\t\t\t\t\tlabel = translate('Peer review');\n\t\t\t\t}\n\n\t\t\t\tif (field.assessmentType == ASSESSMENT_TYPES.SELF) {\n\t\t\t\t\tlabel = translate('Self assessment');\n\t\t\t\t}\n\n\t\t\t\tconst ofType = assessmentBlocks.filter((block) =>\n\t\t\t\t\tblock.assessmentType == field.assessmentType\n\t\t\t\t);\n\n\t\t\t\tconst foundIndex = ofType.findIndex((b) => b.id == field.id);\n\t\t\t\tfield.title = label + ' ' + (foundIndex + 1);\n\t\t\t\treturn field;\n\t\t\t});\n\t}\n\n\treturn (\n\t\t\n\t\t\t{getFields()?.length > 0 ?
\n\t);\n}\n\nexport default BlockConsumer;","import React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport MatrixAssessmentBlock from \"./MatrixAssessmentBlock\";\n\nclass MatrixAssessmentParagraph extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {};\n\t}\n\n\tonMatrixAssessmentUpdate = (block, detail) => {\n\t\tthis.props.onMatrixAssessmentUpdate(block, detail);\n\t};\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t{translate('Assessment')}\n\t\t\t
: null}\n\t\t\t\n\t\t\t\t{this.props.paragraph.title != null && this.props.paragraph.title != \"\" ?\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.paragraph.subtitle}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{this.props.paragraph.rows.map((block) => {\n\t\t\t\t\tlet associatedBlock = this.props.associatedParagraph.rows.find(\n\t\t\t\t\t\t(b) => b.id == block.id\n\t\t\t\t\t);\n\n\t\t\t\t\tif (associatedBlock != null) {\n\t\t\t\t\t\tlet blockIndex = this.props.paragraph.rows.indexOf(block) + 1;\n\n\t\t\t\t\t\tif (!this.props.disableNotAchieved && block.cells.find((t) => t.id == \"F\") == null) {\n\t\t\t\t\t\t\tblock.cells.unshift({\n\t\t\t\t\t\t\t\tid: \"F\",\n\t\t\t\t\t\t\t\ttext: this.props.translate(\"not-achieved\"),\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t{this.props.paragraph.title}\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{this.props.paragraph.subtitle != null && this.props.paragraph.subtitle != \"\" ?\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t
\n\t\t);\n\t}\n\n\trenderMatrix = () => {\n\t\tif (this.props.assignment && this.props.activeSection) {\n\t\t\tconst { associatedMatrices } = this.props.assignment;\n\t\t\tconst { courses } = this.props.activeSection;\n\t\t\tif (associatedMatrices?.length > 0) {\n\t\t\t\treturn courses.map((course) => {\n\t\t\t\t\tlet selectedRows = false;\n\t\t\t\t\tcourse.details.forEach((detail) => {\n\t\t\t\t\t\tvar matrix = associatedMatrices.find(\n\t\t\t\t\t\t\t(matrix) =>\n\t\t\t\t\t\t\t\tmatrix.courseId == course.id &&\n\t\t\t\t\t\t\t\tdetail.matrixID == matrix.matrixId\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif (matrix != null) {\n\t\t\t\t\t\t\tselectedRows = true;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tif (selectedRows) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{course.details.map((detail) => {\n\t\t\t\t\t\t\t\t\tvar matrix = associatedMatrices.find((matrix) =>\n\t\t\t\t\t\t\t\t\t\tmatrix.courseId == course.id && matrix.matrixId == detail.matrixID\n\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\tif (matrix != null) {\n\t\t\t\t\t\t\t\t\t\tvar title = course.title + \" (\" + detail.matrix.title;\n\t\t\t\t\t\t\t\t\t\tif (detail.endDate != null) {\n\t\t\t\t\t\t\t\t\t\t\ttitle += \" (\" + this.props.translate(\"Expired\") + \"))\";\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\ttitle += \")\";\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{matrix._ParagraphSet.map(\n\t\t\t\t\t\t\t\t\t\t\t\t\t(associatedParagraph) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlet paragraph = detail.matrix._ParagraphSet.find((p) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tp.id == associatedParagraph.id\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (paragraph != null) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\treturn;\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\thandleSubmit,\n\t\t\tchange,\n\t\t\tpristine,\n\t\t\treset,\n\t\t\tsubmitting,\n\t\t\tvalid,\n\t\t\tassessments,\n\t\t} = this.props;\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.props.submitting ? (\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state, ownProps) {\n\tlet section = state.sections.activeSection;\n\tif (ownProps.section != null) {\n\t\tsection = ownProps.section;\n\t}\n\n\treturn {\n\t\tcurrentUser: state.user.currentUser,\n\t\tactiveSection: section,\n\t\tassessment: state.assessments.studentAssessment,\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tcreateStudentAssessments,\n\tupdateStudentAssessment,\n\tgetStudentAssessment,\n\tdeletStudentAssessment,\n})(\n\treduxForm(\n\t\t{\n\t\t\tform: \"StudentAssessmentForm\",\n\t\t\tdestroyOnUnmount: true,\n\t\t},\n\t\tmapStateToProps\n\t)(StudentAssessmentFormV1)\n);\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport Select from 'react-select';\n\nimport StudentAssessmentForm from 'containers/Forms/StudentAssessmentFormV1';\nimport Modal from 'containers/Modals/Modal';\n\n/**\n * @param {string} props name - Input name\n * @param {string} props id - Input id\n * @param {Array\n\t\t\t\t\t\t
\n\t\t\t\t) : null}\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t { this.showStudentAssessmentModal(); }}>{this.props.translate('show-assessment')}\n\t\t\t\t
\n\t\t\t\t:\n\t\t\t\t\n\t\t\t {\n\t\t\t\t\treturn \n\t\t\t\t}}\n\t\t\t/>\n\t\t
\n\t);\n}\n\nexport default ClearBlockAssessments;","import * as React from 'react';\nimport Button from '@mui/material/Button';\nimport ButtonGroup from '@mui/material/ButtonGroup';\nimport ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';\nimport ClickAwayListener from '@mui/material/ClickAwayListener';\nimport Grow from '@mui/material/Grow';\nimport Paper from '@mui/material/Paper';\nimport Popper from '@mui/material/Popper';\nimport MenuItem from '@mui/material/MenuItem';\nimport MenuList from '@mui/material/MenuList';\nimport MoreHorizIcon from '@mui/icons-material/MoreHoriz';\n\nconst defaultoptions = ['Create a merge commit', 'Squash and merge', 'Rebase and merge'];\n\nexport default function DropdownButtons({ options }) {\n\tlet buttonOptions = options.map(item => item.title) || defaultoptions;\n\tconst [open, setOpen] = React.useState(false);\n\tconst anchorRef = React.useRef(null);\n\tconst arrowRef = React.useRef(null);\n\tconst [selectedIndex, setSelectedIndex] = React.useState(-1);\n\n\tconst handleMenuItemClick = (event, index) => {\n\t\tsetSelectedIndex(index);\n\t\tsetOpen(false);\n\n\t\tif (index < options.length && options[index] && options[index].onClick) {\n\t\t\toptions[index].onClick();\n\t\t} else {\n\t\t\tconst validFormat = JSON.stringify([{ title: 'test', onClick: this.handleClickEvent1 }, { title: 'test2', onClick: this.handleClickEvent2 }]);\n\t\t\tthrow new Error(`Invalid options format. Please provide options in the format: ${validFormat}`);\n\t\t}\n\t};\n\n\tconst handleToggle = () => {\n\t\tsetOpen((prevOpen) => !prevOpen);\n\t};\n\n\tconst handleClose = (event) => {\n\t\tif (anchorRef.current && anchorRef.current.contains(event.target)) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetOpen(false);\n\t};\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t { params.api.setEditCellValue({ id: params.id, field: 'submitted', value: newValue }); }}\n\t\t\t\t\t\tdisableFuture={true}\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t'& .MuiOutlinedInput-root': {\n\t\t\t\t\t\t\t\t'& fieldset': {\n\t\t\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tpaddingRight: '8px'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t handleDateAccept(params.value)}\n\t\t\t\t\t>\n\t\t\t\t\t\t handleOnClose()}\n\t\t\t\t\t>\n\t\t\t\t\t\t \n\t\t\t \n\t\t
\n\t);\n};\n\nclass UserAssignment extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tallSelected: false,\n\t\t\tassessmentOpen: false,\n\t\t\tstudentAssessmentOpen: false,\n\t\t\tremoveAssessments: false,\n\t\t\tassessTask: null,\n\t\t\tpermissionLoading: false,\n\t\t\tselectedAssessment: null,\n\t\t\tdatagridRef: null,\n\t\t\topenMenu: false,\n\t\t\tloadingSubmittedDate: false,\n\t\t\tdatagridLanguage: enUS,\n\t\t\tsortModel: [{ field: 'name', sort: 'asc' }]\n\t\t};\n\n\t\tthis.apiRef = createRef();\n\t}\n\n\tcomponentDidMount() {\n\t\tlet datagridLanguage = enUS;\n\n\t\tif (this.props.currentUser != null && this.props.currentUser.lcid != null && localeMapDataGrid[this.props.currentUser.lcid.toUpperCase()] != null) {\n\t\t\tdatagridLanguage = localeMapDataGrid[this.props.currentUser.lcid.toUpperCase()];\n\t\t}\n\n\t\tthis.setState({ datagridLanguage: datagridLanguage });\n\t}\n\n\tcloseAssessment = (skipPrompt) => {\n\t\tif (skipPrompt) {\n\t\t\tthis.props.reload(false);\n\t\t\tthis.setState({ assessmentOpen: false });\n\t\t} else {\n\t\t\tthis.setState({ assessmentOpen: false });\n\t\t}\n\t};\n\thandleLocked = (selectedUsers, lock) => {\n\t\tlet assignmentId = this.props.assignment.id;\n\t\tlet addPermissons = [];\n\t\tlet permissionData = [];\n\t\tselectedUsers.forEach((element) => {\n\t\t\treturn element.assignmentTaskAssignees.map((task) => {\n\t\t\t\tpermissionData.push(task);\n\t\t\t\tif (lock) {\n\t\t\t\t\tif (task.permission !== '0') {\n\t\t\t\t\t\taddPermissons.push(task);\n\t\t\t\t\t}\n\t\t\t\t} else if (task.permission === '0') {\n\t\t\t\t\taddPermissons.push(task);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\tif (addPermissons.length > 0) {\n\t\t\tthis.setState({ permissionLoading: true });\n\t\t\tlet tasks = this.props.assignment.tasks;\n\t\t\tif (lock) {\n\t\t\t\tapi.delete(`assignments/${assignmentId}/workspacepermissions`, addPermissons).then((response) => {\n\t\t\t\t\ttasks.map((items) => {\n\t\t\t\t\t\tlet object = response.data.find((x) => x.assignmentTaskId === items.id);\n\t\t\t\t\t\tif (object) {\n\t\t\t\t\t\t\tobject.permission = '0';\n\t\t\t\t\t\t\titems.assignmentTaskAssignees = [object];\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tlet newObject = this.props.assignment;\n\t\t\t\t\tnewObject.tasks = tasks;\n\t\t\t\t\tthis.props.assignment.tasks.forEach((t) => (t.selected = false));\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tallSelected: false,\n\t\t\t\t\t\tpermissionLoading: false,\n\t\t\t\t\t});\n\t\t\t\t})\n\t\t\t\t\t.catch(() => {\n\t\t\t\t\t\tthis.setState({ allSelected: false, permissionLoading: false });\n\t\t\t\t\t\tthis.props.assignment.tasks.forEach((t) => (t.selected = false));\n\t\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tapi.put(`assignments/${assignmentId}/workspacepermissions`, addPermissons)\n\t\t\t\t.then((response) => {\n\t\t\t\t\ttasks.map((items) => {\n\t\t\t\t\t\tlet object = response.data.find((x) => x.assignmentTaskId === items.id);\n\t\t\t\t\t\tif (object) {\n\t\t\t\t\t\t\titems.assignmentTaskAssignees = [object];\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tlet newObject = this.props.assignment;\n\t\t\t\t\tnewObject.tasks = tasks;\n\t\t\t\t\tthis.props.assignment.tasks.forEach((t) => (t.selected = false));\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tallSelected: false,\n\t\t\t\t\t\tpermissionLoading: false,\n\t\t\t\t\t});\n\t\t\t\t})\n\t\t\t\t.catch(() => {\n\t\t\t\t\tthis.setState({ allSelected: false, permissionLoading: false });\n\t\t\t\t\tthis.props.assignment.tasks.forEach((t) => (t.selected = false));\n\t\t\t\t});\n\t\t} else {\n\t\t\tthis.setState({ allSelected: false });\n\t\t\tthis.props.assignment.tasks.forEach((t) => (t.selected = false));\n\t\t}\n\t};\n\n\tgetSelectedAssignmentTasks = () => {\n\t\tlet selectedTasks = [];\n\t\tif (this.apiRef != null && this.apiRef.current != null) {\n\t\t\tconst selectedRows = this.apiRef.current.getSelectedRows();\n\t\t\tif (selectedRows != null) {\n\t\t\t\tconst selectedValues = Array.from(selectedRows.values());\n\t\t\t\tconst tasks = selectedValues.map((selectedValue) => selectedValue.task);\n\t\t\t\tselectedTasks = tasks;\n\t\t\t}\n\t\t}\n\t\treturn selectedTasks;\n\t}\n\n\t/**\n\t * Show the assessment modal for single specific assignmentTask or for all selecteded assignmentTasks from table\n\t * @param {*} assignmentTask \n\t */\n\topenAssessment = (assignmentTask = null) => {\n\t\tif (assignmentTask != null) {\n\t\t\tthis.props.assignment.tasks.forEach((t) => (t.selected = false));\n\t\t\tassignmentTask.selected = true;\n\t\t} else {\n\t\t\tvar selectedAssignmentTasks = this.getSelectedAssignmentTasks();\n\n\t\t\t/**\n\t\t\t * disable the selected assignmentTask who already have teacher assessment\n\t\t\t */\n\t\t\tselectedAssignmentTasks.forEach((student) => {\n\t\t\t\tvar assessment = this.props.assessments.find((t) => t.studentId == student.assignedTo && t.assessorType == ASSESSMENT_TYPES.TEACHER);\n\t\t\t\tif (assessment != null) {\n\t\t\t\t\tstudent.selected = false;\n\t\t\t\t} else {\n\t\t\t\t\tstudent.selected = true;\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tvar selectedUsers = selectedAssignmentTasks.filter((t) => t.selected);\n\n\t\tif (selectedUsers.length > 0) {\n\t\t\tthis.setState({ assessmentOpen: true });\n\t\t}\n\t};\n\n\tonAssessmentSubmit = (values) => {\n\t\treturn new Promise((resolve) => {\n\t\t\tif (values.id != null) {\n\t\t\t\tconst existing = this.props.assessments.find((assessment) => assessment.id == values.id);\n\t\t\t\tthis.props.updateAssessment(values, existing).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t\tthis.closeAssessment(true);\n\t\t\t\t});\n\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tconst selectedTasks = this.props.assignment.tasks.filter(t => t.selected);\n\t\t\tlet data = [];\n\n\t\t\tselectedTasks.forEach((task) => {\n\t\t\t\tdata.push({\n\t\t\t\t\t...values,\n\t\t\t\t\tassignmentId: this.props.assignment.id,\n\t\t\t\t\treferenceId: task.id,\n\t\t\t\t\tstudentId: task.assignedTo,\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tthis.props.createAssessments(data).then(() => {\n\t\t\t\tresolve(1);\n\t\t\t\tthis.closeAssessment(true);\n\t\t\t});\n\t\t});\n\t}\n\n\topenStudentAssessment = (user, selectedAssessment) => {\n\t\tthis.setState({ assessTask: user, selectedAssessment: selectedAssessment }, () => {\n\t\t\tthis.setState({ studentAssessmentOpen: true });\n\t\t});\n\t};\n\n\tcloseStudentAssessment = (event, skipPrompt) => {\n\t\tif (skipPrompt) {\n\t\t\tthis.setState({ studentAssessmentOpen: false });\n\t\t} else {\n\t\t\tthis.setState({ studentAssessmentOpen: false });\n\t\t}\n\t};\n\n\tonStatusSelect = async (item, selectedOption, params) => {\n\t\titem.disabled = true;\n\n\t\tthis.props.updateAssignmentTaskStatus(this.props.assignment.id, item.id, selectedOption.value).then((response) => {\n\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\n\t\t\titem.disabled = false;\n\t\t\titem.status = selectedOption.value;\n\n\t\t\tlet assignment = this.props.assignment;\n\t\t\tvar assignmentTasks = assignment.tasks;\n\n\t\t\tvar stats = assignment.stats;\n\t\t\tif (stats != null && stats.length > 0) {\n\t\t\t\tstats.forEach((stat) => {\n\t\t\t\t\tstat.count = assignmentTasks.filter((t) => t.status == stat.assignmentTaskStatusId).length;\n\t\t\t\t})\n\t\t\t}\n\n\t\t\tassignment.stats = stats;\n\t\t\tthis.props.updateAssignmentInList(assignment);\n\t\t\tthis.props.updateActiveAssignment(assignment);\n\n\t\t\tif (selectedOption.value == 'ASSIGNMENT_TASK_SUBMITTED') {\n\t\t\t\tconst submitted = moment().utc().format('YYYY-MM-DD HH:mm:ss');\n\t\t\t\titem.submittedDate = submitted;\n\t\t\t\tthis.apiRef.current.updateRows([{ id: params.id, submitted }]);;\n\t\t\t}\n\t\t});\n\t};\n\n\tonAssessmentStatusSelect = (item, value) => {\n\t\tvar assessment = this.props.assessments.find((t) =>\n\t\t\tt.studentId == item.assignedTo && t.assessorType == ASSESSMENT_TYPES.TEACHER\n\t\t);\n\n\t\tif (assessment != null) {\n\t\t\tthis.props.updateAssessmentStatus(assessment.id, value.value).then(() => {\n\t\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t\t\t});\n\t\t}\n\t};\n\n\tonStudentAssessorChange = (task, studentId) => {\n\t\tapi.put(`assignments/task/${task.id}/studentassessor/${studentId}`, null).then((response) => {\n\t\t\tthis.props.addError(this.props.translate('student-assessor-saved'), 'info');\n\n\t\t\t//should update all the assessment type relation records which are peer assessments\n\t\t\ttask.assessmentTypeRelationships?.forEach(s => {\n\t\t\t\tif (s.assessmentType == ASSESSMENT_TYPES.PEER) {\n\t\t\t\t\ts.assessor = event;\n\t\t\t\t}\n\t\t\t});\n\n\t\t\ttask.studentAssessorId = studentId;\n\t\t\tthis.setState({});\n\t\t});\n\t};\n\n\tmarkForConversation = (task) => {\n\t\tconst student = task.students[0];\n\t\tif (this.props.onConversation != null) {\n\t\t\tthis.props.onConversation(student);\n\t\t}\n\t};\n\n\tpublishAllAssessments = () => {\n\t\tconst { addError, translate, assessments } = this.props;\n\t\tlet { tasks, publishedAssessments } = this.props.assignment;\n\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('publish-all-assessments-warning'),\n\t\t\tshowCancelButton: true,\n\t\t\tfocusConfirm: false,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('yes-publish'),\n\t\t}).then((result) => {\n\t\t\tif (result.value != null) {\n\t\t\t\tvar requests = 0;\n\t\t\t\ttasks.map((task) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\ttask.status == 'ASSIGNMENT_TASK_SUBMITTED' ||\n\t\t\t\t\t\ttask.status == 'ASSIGNMENT_TASK_NOT_COMPLETE' ||\n\t\t\t\t\t\ttask.status == 'ASSIGNMENT_TASK_CAN_DEVELOP'\n\t\t\t\t\t) {\n\t\t\t\t\t\tlet userAssessment = assessments.find((ass) => {\n\t\t\t\t\t\t\treturn ass.referenceId == task.id;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (userAssessment != null) {\n\t\t\t\t\t\t\tif (userAssessment.status != 'ASSESSMENT_PUBLISHED') {\n\t\t\t\t\t\t\t\trequests++;\n\t\t\t\t\t\t\t\tapi.put(\n\t\t\t\t\t\t\t\t\t`assessments/status?assessmentId=${userAssessment.id}&status=ASSESSMENT_PUBLISHED`,\n\t\t\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t\t\t).then(() => {\n\t\t\t\t\t\t\t\t\trequests--;\n\n\t\t\t\t\t\t\t\t\tif (requests == 0) {\n\t\t\t\t\t\t\t\t\t\taddError(translate('changes-saved'), 'info');\n\t\t\t\t\t\t\t\t\t\tthis.props.reload(true);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\t/**\n\t\t\t\t * Update the publishedAssessments statistics and update in list in reducer.\n\t\t\t\t */\n\t\t\t\tlet assignment = this.props.assignment;\n\t\t\t\tassignment.publishedAssessments = publishedAssessments + requests;\n\t\t\t\tthis.props.updateAssignmentInList(assignment);\n\t\t\t}\n\t\t});\n\t};\n\n\topenRandomizeStudentAssessors = () => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('buddy-assessment-randomize-assessor-prompt'),\n\t\t\tshowCancelButton: true,\n\t\t\tfocusConfirm: false,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then((result) => {\n\t\t\tif (result.value != null) {\n\t\t\t\tapi.put(`assignments/${this.props.assignment.id}/studentassessors`, null).then(() => {\n\t\t\t\t\tthis.props.reload(true);\n\t\t\t\t\tthis.props.addError(this.props.translate('student-assessor-saved'), 'info');\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t};\n\n\tstudentAssessmentButton = (assignmentTask) => {\n\t\tconst { assignment } = this.props;\n\t\tlet disabled = false;\n\n\t\tif (\n\t\t\tassignment.status == 'ASSIGNMENT_DRAFT' ||\n\t\t\tassignmentTask.id == -1\n\t\t) {\n\t\t\tdisabled = true;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t);\n\t};\n\n\teditSubmittedDate = async (task) => {\n\t\tthis.apiRef.current.startCellEditMode({ id: task.id, field: 'submitted' });\n\t}\n\n\topenSharepointWorkspace = (task) => {\n\t\tlet section = this.props.assignment?.section;\n\t\tif (section == null) return null;\n\n\t\tlet rootUrl = section.classroomUrl;\n\t\tlet rootUri = new URL(rootUrl);\n\t\tlet segments = rootUri.pathname.split('/');\n\t\trootUrl = rootUrl.substring(0, rootUrl.indexOf('/' + segments[1] + '/'));\n\n\t\tif (task.workspace) {\n\t\t\twindow.open(rootUrl + task.workspace, '_blank');\n\t\t}\n\t};\n\n\thandleClickOpenWorkspace = (task) => {\n\t\tif (task.workspace) {\n\t\t\tthis.props.history.push(getRootUrl() +\n\t\t\t\t'assignment/' +\n\t\t\t\tthis.props.assignment.id +\n\t\t\t\t'/task/' +\n\t\t\t\ttask.id +\n\t\t\t\t'/documents');\n\t\t}\n\t}\n\n\thandleToggle = () => {\n\t\tthis.setState({ openMenu: !this.state.openMenu });\n\t}\n\n\trenderButtonGroups = () => {\n\t\treturn (\n\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\trenderTable = () => {\n\t\tlet assessmentBlocks = null;\n\t\tlet seperatedAssessments = {\n\t\t\tpeerAssessments: [],\n\t\t\tteacherAssessments: [],\n\t\t\tselfAssessments: []\n\t\t}\n\n\t\tif (this.props.blocks != null) {\n\t\t\tassessmentBlocks = [...this.props.blocks].filter((block) =>\n\t\t\t\tblock.type == 'Haldor.Blocks.AssessmentBlock' && block.resources.length > 0\n\t\t\t);\n\n\t\t\tseperatedAssessments.peerAssessments = assessmentBlocks.filter((block) =>\n\t\t\t\tblock.assessmentType == ASSESSMENT_TYPES.PEER && block.resources.length > 0\n\t\t\t)?.sort((a, b) => a.title.localeCompare(b.title));\n\n\t\t\tseperatedAssessments.teacherAssessments = assessmentBlocks.filter((block) =>\n\t\t\t\t(block.assessmentType == ASSESSMENT_TYPES.TEACHER || block.assessmentType == null) && block.resources.length > 0\n\t\t\t).sort((a, b) => a.title.localeCompare(b.title));\n\n\t\t\tseperatedAssessments.selfAssessments = assessmentBlocks.filter((block) =>\n\t\t\t\tblock.assessmentType == ASSESSMENT_TYPES.SELF && block.resources.length > 0\n\t\t\t).sort((a, b) => a.title.localeCompare(b.title));\n\t\t}\n\n\t\tconst columns = [\n\t\t\t{\n\t\t\t\tfield: 'lock',\n\t\t\t\theaderName: '',\n\t\t\t\twidth: 20,\n\t\t\t\ttype: null,\n\t\t\t\trenderCell: (params) => {\n\t\t\t\t\tif (params.row.locked) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t{submittedDate}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t this.markForConversation(task)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{conversation != null ? (\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tconst rows = this.props.assignment.tasks.map((task) => {\n\t\t\tlet student = task.students.length > 0 ? task.students[0] : null;\n\t\t\tlet teacherAssessment = null;\n\t\t\tif (this.props.assessments != null) {\n\t\t\t\tteacherAssessment = this.props.assessments.find(\n\t\t\t\t\t(t) =>\n\t\t\t\t\t\tt.studentId == task.assignedTo &&\n\t\t\t\t\t\tt.assessorType == ASSESSMENT_TYPES.TEACHER\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tlet peerAssessment = this.props.assessments.find(\n\t\t\t\t(t) =>\n\t\t\t\t\tt.studentId == task.assignedTo &&\n\t\t\t\t\tt.assessorType == ASSESSMENT_TYPES.PEER\n\t\t\t);\n\n\t\t\tlet selfAssessment = this.props.assessments.find(\n\t\t\t\t(t) =>\n\t\t\t\t\tt.studentId == task.assignedTo &&\n\t\t\t\t\tt.assessorType == ASSESSMENT_TYPES.SELF &&\n\t\t\t\t\tt.status != 'ASSESSMENT_STARTED'\n\t\t\t);\n\n\t\t\tlet disabled = task.disabled;\n\t\t\ttask.studentAssessorId = task.assessmentTypeRelationships.find(\n\t\t\t\t(s) => s.assessmentType == ASSESSMENT_TYPES.PEER\n\t\t\t)?.assessor;\n\t\t\tlet studentAssessor = peerAssessment != null\n\t\t\t\t? this.props.assignment.tasks.find((t) => t.assignedTo == task.studentAssessorId)\n\t\t\t\t: null;\n\n\t\t\tlet conversation = null;\n\t\t\tif (this.props.conversations != null) {\n\t\t\t\tconversation = this.props.conversations.find((conv) => {\n\t\t\t\t\treturn conv.memberships.find((member) => {\n\t\t\t\t\t\treturn member.membershipID == task.assignedTo;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tlet assigmentsTask = task?.assignmentTaskAssignees;\n\t\t\tlet locked = assigmentsTask.filter((x) => x.permission === '0').length > 0 ? true : false;\n\n\t\t\tlet linkTextVisible =\n\t\t\t\tseperatedAssessments.teacherAssessments?.length > 0 &&\n\t\t\t\tseperatedAssessments.selfAssessments?.length > 0 &&\n\t\t\t\tseperatedAssessments.peerAssessments?.length > 0;\n\n\t\t\tlet studentIsCurrentlyMemberInGroup = this.props.activeSection.students.find((s) => s.userId == student.userId);\n\n\t\t\tif (!studentIsCurrentlyMemberInGroup && this.props.activeSection.historicMembers != null && this.props.activeSection.historicMembers.length > 0) {\n\t\t\t\tvar historicalMembership = this.props.activeSection.historicMembers.find((m) => m.userId == student.userId);\n\t\t\t\tif (historicalMembership) {\n\t\t\t\t\tstudent.endDate = historicalMembership.endDate;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\ttask: task,\n\t\t\t\tstudent: student,\n\t\t\t\tid: task.id,\n\t\t\t\tlastName: student && student.lastName != null ? student.lastName : '',\n\t\t\t\tname: student ? `${student.firstName ? student.firstName : task.groupName} ${student.lastName ? student.lastName : ''}` : '',\n\t\t\t\tstatus: task.status,\n\t\t\t\tsubmitted: task.submittedDate == null || task.submittedDate == '0001-01-01T00:00:00' ? null : task.submittedDate,\n\t\t\t\tteacherAssessment: teacherAssessment,\n\t\t\t\tlinkTextVisible: linkTextVisible,\n\t\t\t\tconversation: conversation,\n\t\t\t\tpeerAssessment: peerAssessment,\n\t\t\t\tselfAssessment: selfAssessment,\n\t\t\t\tstudentAssessor: studentAssessor,\n\t\t\t\tdisabled: disabled,\n\t\t\t\tassignmentDueDate: this.props.assignment.dueDate,\n\t\t\t\tlocked: locked,\n\t\t\t};\n\t\t});\n\n\t\t// Add unassigned students to the list\n\t\tconst unassignedStudents = this.props.activeSection.students.filter(student => {\n\t\t\tlet studentTask = this.props.assignment.tasks.find(task => {\n\t\t\t\treturn task.assignmentTaskAssignees.some(assignee => assignee.assigneeId === student.userId);\n\t\t\t});\n\t\t\tconst deleted = studentTask != null ? studentTask.markedForDeletion : false;\n\t\t\treturn studentTask == null || deleted;\n\t\t}).sort((a, b) => (a.lastName || \"\").localeCompare(b.lastName || \"\"));\n\n\t\tlet negitiveId = -1;\n\n\t\tunassignedStudents.forEach(student => {\n\t\t\trows.push({\n\t\t\t\ttask: null,\n\t\t\t\tstudent: student,\n\t\t\t\tid: negitiveId,\n\t\t\t\tlastName: student && student.lastName ? student.lastName : '',\n\t\t\t\tname: student ? `${student.firstName ? student.firstName : ''} ${student.lastName ? student.lastName : ''}` : '',\n\t\t\t\tstatus: null,\n\t\t\t\tsubmitted: null,\n\t\t\t\tteacherAssessment: null,\n\t\t\t\tlinkTextVisible: null,\n\t\t\t\tconversation: null,\n\t\t\t});\n\n\t\t\tnegitiveId--;\n\t\t})\n\n\t\tconst handleCellEditStop = (params, event) => {\n\n\t\t\t/**\n\t\t\t * Prevent mui to auto close, only apply on submitted column\n\t\t\t */\n\t\t\tif (params.field == \"submitted\") {\n\t\t\t\tevent.defaultMuiPrevented = true;\n\t\t\t}\n\t\t};\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{conversation.unreadMessages}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t params.row.task != null}\n\t\t\t\t\tisCellEditable={this.isCellEditable}\n\t\t\t\t\tautosizeOptions={{\n\t\t\t\t\t\tcolumns: ['name', 'status', 'assessment-status'],\n\t\t\t\t\t\tincludeOutliers: true,\n\t\t\t\t\t\tincludeHeaders: false,\n\t\t\t\t\t}}\n\t\t\t\t\trows={rows}\n\t\t\t\t\tcolumns={columns}\n\t\t\t\t\tgetRowHeight={() => 'auto'}\n\t\t\t\t\tpagination\n\t\t\t\t\tpaginationMode=\"client\"\n\t\t\t\t\tpageSizeOptions={[50, 100]}\n\t\t\t\t\tpageSize={50}\n\t\t\t\t\tautoPageSize={false}\n\t\t\t\t\tautosizeOnMount={false}\n\t\t\t\t\tdensity='standard'\n\t\t\t\t\tdisableAutosize={true}\n\t\t\t\t\tdisableColumnPinning={true}\n\t\t\t\t\tslots={{ footer: this.renderFooter }}\n\t\t\t\t\tdisableColumnFilter={true}\n\t\t\t\t\tdisableColumnSelector={true}\n\t\t\t\t\tautosizeOnMount={true}\n\t\t\t\t\tsortModel={this.state.sortModel}\n\t\t\t\t\tonSortModelChange={(model) => this.setState({ sortModel: model })}\n\t\t\t\t\tonCellEditStop={handleCellEditStop}\n\t\t\t\t>\n\t\t\t
\n\t\t);\n\t}\n\n\n\tisCellEditable = (params) => {\n\t\tlet field = params.field;\n\t\tlet task = params.row.task;\n\n\t\tswitch (field) {\n\t\t\tcase 'submitted':\n\t\t\t\tif (task != null && task.status != 'ASSIGNMENT_TASK_NOT_STARTED')\n\t\t\t\t\treturn true;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\treturn false;\n\t\t}\n\t}\n\n\t/**\n\t * Change the status of selected assignment tasks to submitted if current status is not started or started\n\t */\n\tchangeToSubmitted = () => {\n\t\tthis.setState({ loading: true });\n\t\tvar selectedAssignmentTasks = this.getSelectedAssignmentTasks();\n\n\t\tlet requests = [];\n\t\tlet assignmentTasks = [];\n\t\tselectedAssignmentTasks.forEach((assignmentTask) => {\n\t\t\tif (\n\t\t\t\tassignmentTask.status == 'ASSIGNMENT_TASK_NOT_STARTED' ||\n\t\t\t\tassignmentTask.status == 'ASSIGNMENT_TASK_STARTED'\n\t\t\t) {\n\t\t\t\tlet promise = api\n\t\t\t\t\t.put(\n\t\t\t\t\t\t'assignments/Student/Status?assignmentTaskId=' +\n\t\t\t\t\t\tassignmentTask.id +\n\t\t\t\t\t\t'&status=ASSIGNMENT_TASK_SUBMITTED'\n\t\t\t\t\t)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tassignmentTask.status = 'ASSIGNMENT_TASK_SUBMITTED';\n\t\t\t\t\t});\n\n\t\t\t\tassignmentTasks.push(assignmentTask);\n\t\t\t\trequests.push(promise);\n\t\t\t}\n\t\t});\n\n\t\tPromise.all(requests).then(() => {\n\t\t\tassignmentTasks.forEach((item) => {\n\t\t\t\tconst submitted = moment().utc().format('YYYY-MM-DD HH:mm:ss');\n\t\t\t\titem.submittedDate = submitted;\n\t\t\t\tthis.apiRef.current.updateRows([{ id: item.id, submitted }]);;\n\t\t\t});\n\n\t\t\tthis.setState({ loading: false });\n\t\t});\n\n\t\tif (requests.length == 0) {\n\t\t\tthis.setState({ loading: false });\n\t\t}\n\t};\n\n\trenderFooter = () => {\n\t\tlet selectedTasks = [];\n\t\tselectedTasks = this.getSelectedAssignmentTasks();\n\n\t\tlet unpublishedAssessment = null;\n\t\tif (this.props.assessments != null) {\n\t\t\tunpublishedAssessment = this.props.assessments.find((ass) => {\n\t\t\t\treturn ass.status != 'ASSESSMENT_PUBLISHED' && ass.assessorType == ASSESSMENT_TYPES.TEACHER;\n\t\t\t});\n\t\t}\n\n\t\tlet disableAssessmentsButton = true;\n\t\tif (unpublishedAssessment != null) {\n\t\t\tdisableAssessmentsButton = false;\n\t\t}\n\n\t\tlet assessAllButtonError = false;\n\t\tlet disableRemoveAssessmentButton = true;\n\n\t\tlet changeToSubmittedError = selectedTasks.some(\n\t\t\t(user) =>\n\t\t\t\tuser.status == 'ASSIGNMENT_TASK_STARTED' || user.status == 'ASSIGNMENT_TASK_NOT_STARTED'\n\t\t);\n\n\t\tselectedTasks.forEach((task) => {\n\t\t\tif (task.status == 'ASSIGNMENT_TASK_STARTED' || task.status == 'ASSIGNMENT_TASK_NOT_STARTED') {\n\t\t\t\tassessAllButtonError = true;\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet studentId = task.students[0].userId;\n\t\t\tif (studentId != null) {\n\t\t\t\tlet hasAssessment = null;\n\t\t\t\tif (this.props.assessments != null) {\n\t\t\t\t\thasAssessment = this.props.assessments.findIndex(\n\t\t\t\t\t\t(ass) => ass.studentId == studentId && ass.assessorType == ASSESSMENT_TYPES.TEACHER\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif (hasAssessment > -1) {\n\t\t\t\t\tassessAllButtonError = true;\n\t\t\t\t\tdisableRemoveAssessmentButton = false;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tlet assessmentBlocks = null;\n\t\tlet assessment = null;\n\t\tlet seperatedAssessments = {\n\t\t\tpeerAssessments: [],\n\t\t\tteacherAssessments: [],\n\t\t\tselfAssessments: []\n\t\t}\n\n\t\tif (this.props.blocks != null) {\n\t\t\tassessmentBlocks = [...this.props.blocks].filter((block) =>\n\t\t\t\tblock.type == 'Haldor.Blocks.AssessmentBlock' && block.resources.length > 0\n\t\t\t);\n\n\t\t\tseperatedAssessments.peerAssessments = assessmentBlocks.filter((block) =>\n\t\t\t\tblock.assessmentType == ASSESSMENT_TYPES.PEER && block.resources.length > 0\n\t\t\t)?.sort((a, b) => a.title.localeCompare(b.title));\n\n\t\t\tseperatedAssessments.teacherAssessments = assessmentBlocks.filter((block) =>\n\t\t\t\t(block.assessmentType == ASSESSMENT_TYPES.TEACHER || block.assessmentType == null) && block.resources.length > 0\n\t\t\t).sort((a, b) => a.title.localeCompare(b.title));\n\n\t\t\tseperatedAssessments.selfAssessments = assessmentBlocks.filter((block) =>\n\t\t\t\tblock.assessmentType == ASSESSMENT_TYPES.SELF && block.resources.length > 0\n\t\t\t).sort((a, b) => a.title.localeCompare(b.title));\n\t\t}\n\n\t\tif (selectedTasks.length == 1 && this.props.assessments != null) {\n\t\t\tassessment = this.props.assessments.find((assessment) =>\n\t\t\t\tassessment.studentId == selectedTasks[0].assignedTo && assessment.assessorType == ASSESSMENT_TYPES.TEACHER\n\t\t\t)\n\t\t}\n\n\t\treturn (\n\t\t\t{!this.props.printable ?\n\t\t\t\t\n\t\t\t\t\t this.handleLocked(selectedTasks, true)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.state.permissionLoading ? this.handleLocked(selectedTasks)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.state.permissionLoading ? \n\t\t\t\t: null}\n\n\t\t\t{!this.props.printable ? (\n\t\t\t\t this.changeToSubmitted()}\n\t\t\t\t>\n\t\t\t\t\t{this.state.loading ? this.openAssessment()}\n\t\t\t\t>\n\t\t\t\t\t{this.props.translate('assess-selected-students')}\n\t\t\t\t\n\t\t\t) : null}\n\n\t\t\t{!this.props.printable ? (\n\t\t\t\t this.publishAllAssessments()}\n\t\t\t\t>\n\t\t\t\t\t{this.props.translate('publish-assessments')}\n\t\t\t\t\n\t\t\t) : null}\n\n\t\t\t{seperatedAssessments.peerAssessments?.length > 0 &&\n\t\t\t\tthis.props.assignment.created != '0001-01-01T00:00:00' &&\n\t\t\t\tthis.props.printable == false &&\n\t\t\t\tthis.props.assignment.locked == false ? (\n\t\t\t\t t.assessmentTypeRelationships?.some(s => s.assessmentType == ASSESSMENT_TYPES.PEER && s.assessor != null))}\n\t\t\t\t\tstyle={{ marginLeft: '1rem', marginTop: '1rem' }}\n\t\t\t\t\tonClick={() => this.openRandomizeStudentAssessors()}\n\t\t\t\t>\n\t\t\t\t\t{this.props.translate('assign-student-assessors')}\n\t\t\t\t\n\t\t\t) : null}\n\n\t\t\t{!this.props.printable ?\n\t\t\t\t this.setState({ removeAssessments: true })}\n\t\t\t\t>\n\t\t\t\t\t{this.state.loading ?
)\n\t};\n\n\trenderModals = () => {\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\n\t\tlet selectedTasks = [];\n\n\t\t// If we have selected tasks, we should only assess those from the table\n\t\t// else we should assess all tasks that are manually selected\n\t\tvar selectedAssignmentTasks = this.getSelectedAssignmentTasks();\n\t\tif (selectedAssignmentTasks.length > 0) {\n\t\t\tselectedTasks = selectedAssignmentTasks;\n\t\t} else {\n\t\t\tselectedTasks = this.props.assignment.tasks.filter((t) => t.selected);\n\t\t}\n\n\t\tlet unpublishedAssessment = null;\n\t\tif (this.props.assessments != null) {\n\t\t\tunpublishedAssessment = this.props.assessments.find((ass) => {\n\t\t\t\treturn ass.status != 'ASSESSMENT_PUBLISHED' && ass.assessorType == ASSESSMENT_TYPES.TEACHER;\n\t\t\t});\n\t\t}\n\n\t\tlet disableAssessmentsButton = true;\n\t\tif (unpublishedAssessment != null) {\n\t\t\tdisableAssessmentsButton = false;\n\t\t}\n\n\t\tlet assessAllButtonError = false;\n\t\tlet disableRemoveAssessmentButton = true;\n\n\t\tlet changeToSubmittedError = selectedTasks.some(\n\t\t\t(user) =>\n\t\t\t\tuser.status == 'ASSIGNMENT_TASK_STARTED' || user.status == 'ASSIGNMENT_TASK_NOT_STARTED'\n\t\t);\n\n\t\tselectedTasks.forEach((user) => {\n\t\t\tif (user.status == 'ASSIGNMENT_TASK_STARTED' || user.status == 'ASSIGNMENT_TASK_NOT_STARTED') {\n\t\t\t\tassessAllButtonError = true;\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet studentId = user.students[0].userId;\n\t\t\tif (studentId != null) {\n\t\t\t\tlet hasAssessment = null;\n\t\t\t\tif (this.props.assessments != null) {\n\t\t\t\t\thasAssessment = this.props.assessments.findIndex(\n\t\t\t\t\t\t(ass) => ass.studentId == studentId && ass.assessorType == ASSESSMENT_TYPES.TEACHER\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif (hasAssessment > -1) {\n\t\t\t\t\tassessAllButtonError = true;\n\t\t\t\t\tdisableRemoveAssessmentButton = false;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tlet assessmentBlocks = null;\n\t\tlet assessment = null;\n\t\tlet seperatedAssessments = {\n\t\t\tpeerAssessments: [],\n\t\t\tteacherAssessments: [],\n\t\t\tselfAssessments: []\n\t\t}\n\n\t\tif (this.props.blocks != null) {\n\t\t\tassessmentBlocks = [...this.props.blocks].filter((block) =>\n\t\t\t\tblock.type == 'Haldor.Blocks.AssessmentBlock' && block.resources.length > 0\n\t\t\t);\n\n\t\t\tseperatedAssessments.peerAssessments = assessmentBlocks.filter((block) =>\n\t\t\t\tblock.assessmentType == ASSESSMENT_TYPES.PEER && block.resources.length > 0\n\t\t\t)?.sort((a, b) => a.title.localeCompare(b.title));\n\n\t\t\tseperatedAssessments.teacherAssessments = assessmentBlocks.filter((block) =>\n\t\t\t\t(block.assessmentType == ASSESSMENT_TYPES.TEACHER || block.assessmentType == null) && block.resources.length > 0\n\t\t\t).sort((a, b) => a.title.localeCompare(b.title));\n\n\t\t\tseperatedAssessments.selfAssessments = assessmentBlocks.filter((block) =>\n\t\t\t\tblock.assessmentType == ASSESSMENT_TYPES.SELF && block.resources.length > 0\n\t\t\t).sort((a, b) => a.title.localeCompare(b.title));\n\t\t}\n\n\t\tif (selectedTasks.length == 1 && this.props.assessments != null) {\n\t\t\tassessment = this.props.assessments.find((assessment) =>\n\t\t\t\tassessment.studentId == selectedTasks[0].assignedTo && assessment.assessorType == ASSESSMENT_TYPES.TEACHER\n\t\t\t)\n\t\t}\n\n\n\t\treturn (\n\t\t\t\n\t\t\t\t ({\n\t\t\t\t\t\tfirstname: selected.groupName,\n\t\t\t\t\t\t...selected,\n\t\t\t\t\t}))}\n\t\t\t\t\treferenceType=\"AssignmentTask\"\n\t\t\t\t\tassessmentType={ASSESSMENT_TYPES.TEACHER}\n\t\t\t\t/>\n\t\t\t \n\n\t\t\t\n\t\t\t\t\n\t\t\t\n\n\t\t\t this.setState({ removeAssessments: false })}\n\t\t\t>\n\t\t\t\t {\n\t\t\t\t\t\treturn { assignedTo: x.assignedTo, groupName: x.groupName }\n\t\t\t\t\t})}\n\t\t\t\t\tassessments={this.props.assessments}\n\t\t\t\t\tsection={this.props.activeSection}\n\t\t\t\t\tonAbort={(reload) => {\n\t\t\t\t\t\tif (reload) this.props.reload(true);\n\n\t\t\t\t\t\tthis.setState({ removeAssessments: false });\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\n\t\t
)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.renderModals()}\n\t\t\t\t{this.renderButtonGroups()}\n\t\t\t\t{this.renderTable()}\n\t\t\t
\n\t\t);\n\t}\n}\n\n\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tservices: state.Services.availableServices,\n\t\tconversations: state.Conversation.referenceConversations,\n\t\tassignment: state.assignments.active_assignment,\n\t\tassessments: state.assessments.assessments,\n\t\tstudentAssessments: state.assessments.studentAssessments,\n\t\tactiveSection: state.assignments.section,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tblocks: state.Blocks.reference,\n\t\tcurrentUser: state.user.currentUser\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\taddError,\n\tcreateAssessments,\n\tupdateAssessment,\n\tupdateAssessmentStatus,\n\tupdateAssignmentTaskSubmittedDate,\n\tupdateAssignmentTaskStatus,\n\tupdateAssignmentInList,\n\tupdateActiveAssignment,\n})(UserAssignment));\n","import React, { Component, Fragment } from 'react';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport Moment from 'moment';\n\nimport api from 'lib/api';\nimport { addError } from 'actions';\nimport { updateAssignmentInList } from 'actions/assignments';\nimport { createAssessments, updateAssessment, updateAssessmentStatus } from 'actions/assessments';\n\nimport SimpleSelect from 'components/Inputs/SimpleSelect';\nimport AssessmentForm from 'containers/Forms/AssessmentForm';\nimport Modal from 'containers/Modals/Modal';\nimport ClearBlockAssessments from 'containers/Forms/Assessment/ClearBlockAssessments';\n\nimport swal from 'sweetalert2';\n\nimport { Spinner } from 'UI';\nimport { Checkbox, Icon, Button, translate } from '@haldor/ui';\nimport DisplayName from 'components/Presentation/DisplayName';\n\nclass UserGroupAssignment extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tassessmentOpen: false,\n\t\t\ttasks: [],\n\t\t\tlocked: false,\n\t\t\tremoveAssessments: false,\n\t\t\tassessTask: null,\n\t\t\tassignment: this.props.assignment,\n\t\t\tallSelected: false,\n\t\t\tloadingPermission: false,\n\t\t};\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tthis.parseGroups(null);\n\t}\n\n\tUNSAFE_componentWillReceiveProps(nextProps) {\n\t\tif (nextProps.assignment != this.props.assignment || nextProps.assignment.locked) {\n\t\t\tthis.parseGroups(nextProps);\n\t\t}\n\t}\n\n\tparseGroups(nextProps) {\n\t\tvar assignment = null;\n\t\tif (nextProps != null) {\n\t\t\tassignment = nextProps.assignment;\n\t\t} else {\n\t\t\tassignment = this.props.assignment;\n\t\t}\n\n\t\tvar tasks = [];\n\t\tassignment.tasks.forEach((item) => {\n\t\t\tif (item != null && item.assignedTo != null) {\n\t\t\t\tif (item.id != -1) {\n\t\t\t\t\tvar assignedUsers = item.assignedTo.split(';');\n\t\t\t\t\tvar students = [];\n\n\t\t\t\t\tassignedUsers.forEach((user) => {\n\t\t\t\t\t\tvar findStudent = this.props.activeSection.students.find((t) => t.id == user);\n\t\t\t\t\t\tif (findStudent != null) {\n\t\t\t\t\t\t\tfindStudent.referenceId = item.id;\n\t\t\t\t\t\t\tstudents.push(findStudent);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tstudents.sort((a, b) => {\n\t\t\t\t\t\tif (a.lastName != null && b.lastName != null) {\n\t\t\t\t\t\t\treturn a.lastName.localeCompare(b.lastName);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn 0;\n\t\t\t\t\t});\n\n\t\t\t\t\tvar task = item;\n\t\t\t\t\ttask.students = students;\n\t\t\t\t\ttasks.push(task);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tthis.setState({ tasks, locked: assignment.locked });\n\t}\n\n\tpublishAllAssessments = () => {\n\t\tconst { addError, translate, assessments } = this.props;\n\t\tconst { tasks } = this.props.assignment;\n\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('publish-all-assessments-warning'),\n\t\t\tshowCancelButton: true,\n\t\t\tfocusConfirm: false,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('yes-publish'),\n\t\t}).then((result) => {\n\t\t\tif (result.value != null) {\n\t\t\t\tvar requests = 0;\n\t\t\t\ttasks.map((task) => {\n\t\t\t\t\tif (task.status == 'ASSIGNMENT_TASK_SUBMITTED') {\n\t\t\t\t\t\ttask.students.map((student) => {\n\t\t\t\t\t\t\tlet userAssessment = assessments.find((assessment) => {\n\t\t\t\t\t\t\t\treturn assessment.referenceId == task.id && assessment.studentId == student.id;\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tif (userAssessment != null) {\n\t\t\t\t\t\t\t\tif (userAssessment.status != 'ASSESSMENT_PUBLISHED') {\n\t\t\t\t\t\t\t\t\trequests++;\n\t\t\t\t\t\t\t\t\tapi.put(`assessments/status?assessmentId=${userAssessment.id}&status=ASSESSMENT_PUBLISHED`, null).then(() => {\n\t\t\t\t\t\t\t\t\t\trequests--;\n\n\t\t\t\t\t\t\t\t\t\tif (requests == 0) {\n\t\t\t\t\t\t\t\t\t\t\taddError(translate('changes-saved'), 'info');\n\t\t\t\t\t\t\t\t\t\t\tthis.props.reload(true);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t};\n\n\tcloseAssessment = (skipPrompt) => {\n\t\tif (skipPrompt) {\n\t\t\tthis.props.reload(true);\n\t\t\tthis.unselectAll();\n\t\t\tthis.setState({ assessmentOpen: false });\n\t\t} else {\n\t\t\tthis.setState({ assessmentOpen: false });\n\t\t}\n\t};\n\n\topenAssessment = (task, user) => {\n\t\tif (user != null) {\n\t\t\tthis.state.tasks.forEach((task) => {\n\t\t\t\ttask.students.forEach((student) => (student.selected = false));\n\t\t\t\treturn task;\n\t\t\t});\n\n\t\t\tuser.selected = true;\n\t\t} else {\n\t\t\tthis.state.tasks.forEach((task) => {\n\t\t\t\ttask.students.forEach((student) => {\n\t\t\t\t\tvar assessment = this.props.assessments.find((t) => t.studentId == student.id);\n\t\t\t\t\tif (assessment != null) {\n\t\t\t\t\t\tstudent.selected = false;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tthis.setState({ assessmentOpen: true });\n\t};\n\n\tonAssessmentSubmit = (values) => {\n\t\treturn new Promise((resolve) => {\n\t\t\tif (values.id != null) {\n\t\t\t\tconst existing = this.props.assessments.find((assessment) => assessment.id == values.id);\n\t\t\t\tthis.props.updateAssessment(values, existing).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t\tthis.closeAssessment(true);\n\t\t\t\t});\n\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tlet data = [];\n\t\t\tlet selectedStudents = [];\n\t\t\tthis.state.tasks.forEach((task) => {\n\t\t\t\ttask.students.forEach((student) => {\n\t\t\t\t\tif (student.selected) {\n\t\t\t\t\t\tselectedStudents.push({\n\t\t\t\t\t\t\tstatus: task.status,\n\t\t\t\t\t\t\tgroupName: student.firstName + ' ' + student.lastName,\n\t\t\t\t\t\t\tassignedTo: student.userId,\n\t\t\t\t\t\t\t...student\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t});\n\n\t\t\tselectedStudents.forEach((student) => {\n\t\t\t\tdata.push({\n\t\t\t\t\t...values,\n\t\t\t\t\tassignmentId: this.props.assignment.id,\n\t\t\t\t\treferenceId: student.referenceId,\n\t\t\t\t\tstudentId: student.userId,\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tthis.props.createAssessments(data).then(() => {\n\t\t\t\tresolve(1);\n\t\t\t\tthis.closeAssessment(true);\n\t\t\t});\n\t\t});\n\t}\n\n\tonStatusSelect = (item, event) => {\n\t\titem.disabled = true;\n\t\tthis.setState({});\n\n\t\tapi.put('assignments/Student/Status?assignmentTaskId=' + item.id + '&status=' + event.value)\n\t\t\t.then(() => {\n\t\t\t\titem.disabled = false;\n\t\t\t\titem.status = event.value;\n\t\t\t\tthis.setState({});\n\t\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t\t\t});\n\t};\n\n\tonAssessmentStatusSelect = (item, value) => {\n\t\tvar assignment = this.state.assignment;\n\n\t\tif (assignment != null) {\n\t\t\t/**\n\t\t\t * Update the publishedAssessments count based on assessment status\n\t\t\t */\n\t\t\tif (value != null && value.value == 'ASSESSMENT_PUBLISHED') {\n\t\t\t\tassignment.publishedAssessments = assignment.publishedAssessments == null ? 1 : assignment.publishedAssessments + 1;\n\t\t\t} else {\n\t\t\t\tassignment.publishedAssessments = assignment.publishedAssessments == null ? 0 : assignment.publishedAssessments - 1;\n\t\t\t}\n\n\t\t\tthis.props.updateAssignmentInList(assignment);\n\t\t\tthis.setState({ assignment });\n\t\t}\n\n\t\tvar assessment = this.props.assessments.find((t) => t.studentId == item.id);\n\t\tif (assessment != null) {\n\t\t\tthis.props.updateAssessmentStatus(assessment.id, value.value).then(() => {\n\t\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t\t\t\tthis.props.reload(true);\n\t\t\t});\n\t\t}\n\t};\n\n\tonSelect = (user, checked) => {\n\t\tuser.selected = checked;\n\t\tthis.setState({});\n\t};\n\n\tmarkForConversation = (task) => {\n\t\tconst student = task;\n\n\t\tif (this.props.onConversation != null) {\n\t\t\tthis.props.onConversation(student);\n\t\t}\n\t};\n\n\thandleLocked = (locked) => {\n\t\t//get the task for the selected users\n\t\tlet task = [];\n\t\tthis.props?.assignment?.tasks.map((item) => {\n\t\t\titem.students.forEach((student) => {\n\t\t\t\tif (student.selected){\n\t\t\t\t\treturn item.assignmentTaskAssignees.map((assignees) => {\n\t\t\t\t\t\tif (student.id == assignees.assigneeId){\n\t\t\t\t\t\t\tif (locked) {\n\t\t\t\t\t\t\t\tif (assignees.permission === '5' || assignees.permission === '2') {\n\t\t\t\t\t\t\t\t\ttask.push(assignees);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\telse if (assignees.permission === '0') {\n\t\t\t\t\t\t\t\ttask.push(assignees);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\t\t\t\t\n\t\t\t});\n\t\t});\n\t\tif (task.length > 0) {\n\t\t\tthis.setState({ loadingPermission: true });\n\t\t\tlet assignmentId = this.props.assignment.id;\n\t\t\tif (locked) {\n\t\t\t\tapi.delete(`assignments/${assignmentId}/workspacepermissions`, task).then((response) => {\n\t\t\t\t\tthis.props?.assignment?.tasks.map((item) => {\n\t\t\t\t\t\treturn item.assignmentTaskAssignees.map((assignees) => {\n\t\t\t\t\t\t\tlet findItem = response.data.find(\n\t\t\t\t\t\t\t\t(x) => x.assigneeId == assignees.assigneeId\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tif (findItem) {\n\t\t\t\t\t\t\t\tassignees.permission = '0';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t\tthis.setState({ loadingPermission: false });\n\t\t\t\t\treturn;\n\t\t\t\t}).catch((e) => {\n\t\t\t\t\tthis.setState({ loadingPermission: false });\n\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tapi.put(`assignments/${assignmentId}/workspacepermissions`, task)\n\t\t\t\t.then((response) => {\n\t\t\t\t\tthis.props?.assignment?.tasks.map((item) => {\n\t\t\t\t\t\treturn item.assignmentTaskAssignees.map((assignees) => {\n\t\t\t\t\t\t\tlet findItem = response.data.find(\n\t\t\t\t\t\t\t\t(x) => x.assigneeId == assignees.assigneeId\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tif (findItem) {\n\t\t\t\t\t\t\t\tassignees.permission = findItem.permission;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t\tthis.setState({ loadingPermission: false });\n\t\t\t\t\treturn;\n\t\t\t\t})\n\t\t\t\t.catch((e) => {\n\t\t\t\t\tthis.setState({ loadingPermission: false });\n\t\t\t\t});\n\t\t} else {\n\t\t\tthis.unselectAll();\n\t\t}\n\t};\n\n\tonCheckAll = (checked) => {\n\t\tthis.state.tasks.forEach((task) => {\n\t\t\ttask.students.forEach((student) => {\n\t\t\t\tvar assessment = this.props.assessments.find((t) => t.studentId == student.id);\n\t\t\t\tif (assessment != null) {\n\t\t\t\t\tstudent.selected = false;\n\t\t\t\t} else {\n\t\t\t\t\tstudent.selected = student.selected ? false : true;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\tthis.setState({ assessTask: checked, allSelected: checked });\n\t};\n\n\tunselectAll = () => {\n\t\tthis.state.tasks.forEach((task) => {\n\t\t\ttask.students.forEach((student) => {\n\t\t\t\tstudent.selected = false;\n\t\t\t});\n\t\t});\n\n\t\tthis.setState({});\n\t};\n\n\trenderGroupBody = () => {\n\t\tvar rootUrl = this.props.activeSection.classroomUrl;\n\t\tvar rootUri = new URL(rootUrl);\n\t\tvar segments = rootUri.pathname.split('/');\n\t\trootUrl = rootUrl.substring(0, rootUrl.indexOf('/' + segments[1] + '/'));\n\n\t\treturn this.state.tasks.sort((a, b) =>\n\t\t\tisNaN(parseInt(a.groupName)) || isNaN(parseInt(b.groupName)) ?\n\t\t\t\ta.groupName.localeCompare(b.groupName, undefined, { numeric: true })\n\t\t\t\t: parseInt(a.groupName) - parseInt(b.groupName))\n\t\t\t.map((item) => {\n\n\t\t\t\tlet disableAssessmentButtons = false;\n\n\t\t\t\tif (item.status == 'ASSIGNMENT_TASK_STARTED' || item.status == 'ASSIGNMENT_TASK_NOT_STARTED') {\n\t\t\t\t\tdisableAssessmentButtons = true;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{item.workspace ?\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{conversation != null ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{conversation.unreadMessages}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t{/* \n\t\t\t\t\t\n\t\t\t\t\t ({\n\t\t\t\t\t\t\tfirstname: selected.groupName,\n\t\t\t\t\t\t\t...selected,\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\tblocks={assessmentBlocks}\n\t\t\t\t\t\treferenceType=\"AssignmentTask\"\n\t\t\t\t\t\tinitialValues={assessment}\n\t\t\t\t\t/>\n\t\t\t\t\n\n\t\t\t\t this.setState({ removeAssessments: false })}\n\t\t\t\t>\n\t\t\t\t\t {\n\t\t\t\t\t\t\treturn { assignedTo: x.assignedTo, groupName: x.groupName }\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tassessments={this.props.assessments}\n\t\t\t\t\t\tsection={this.props.activeSection}\n\t\t\t\t\t\tonAbort={(reload) => {\n\t\t\t\t\t\t\tif (reload) this.props.reload(true);\n\n\t\t\t\t\t\t\tthis.setState({ removeAssessments: false });\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t{!this.props.printable ? (\n\t\t\t\t\t\n\t\t\t\t\t\t this.handleLocked(true)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.state.loadingPermission ? this.handleLocked()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.state.loadingPermission ? ) : null}\n\t\t\t\t{!this.props.printable ? (\n\t\t\t\t\t this.openAssessment()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.props.translate('assess-selected-students')}\n\t\t\t\t\t\n\t\t\t\t) : null}\n\n\t\t\t\t{!this.props.printable ? (\n\t\t\t\t\t this.publishAllAssessments()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.props.translate('publish-assessments')}\n\t\t\t\t\t\n\t\t\t\t) : null}\n\n\t\t\t\t{!this.props.printable ? (\n\t\t\t\t\t this.setState({ removeAssessments: true })}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.state.loading ?
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tservices: state.Services.availableServices,\n\t\tassessments: state.assessments.assessments,\n\t\tconversations: state.Conversation.referenceConversations,\n\t\tactiveSection: state.assignments.section,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tblocks: state.Blocks.reference,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\taddError,\n\tcreateAssessments,\n\tupdateAssessment,\n\tupdateAssessmentStatus,\n\tupdateAssignmentInList\n})(UserGroupAssignment);\n","import { getDirectoryContents, getDriveSectionContent, getDrivesForSection, setDirectoryActive, setSectionContentActive } from 'actions/onedrive';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { FileList, Spinner } from 'UI';\nimport { Button } from '@haldor/ui';\n\nclass OneDrivePicker extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tselectedFiles: [],\n\t\t\tisLoading: false,\n\t\t\tsharepoint: false,\n\t\t\tsharepointDrive: null,\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.goRoot();\n\t}\n\n\tUNSAFE_componentWillReceiveProps(nextProps) {\n\t\tif (nextProps.section && nextProps.section !== this.props.section) {\n\t\t\tthis.props.getDrivesForSection(nextProps.section.graphId);\n\t\t}\n\t}\n\n\tonChangeDirectory = (id, force) => {\n\t\tconst { sharepoint, sharepointDrive } = this.state;\n\t\tconst { section } = this.props;\n\t\tconst { activeContent, fetchedFolders } = this.props.onedrive;\n\t\tconst foundObject = fetchedFolders.find(function (dir) {\n\t\t\tif (id != null) {\n\t\t\t\treturn dir.id === id;\n\t\t\t} else {\n\t\t\t\treturn dir.id === sharepointDrive.id;\n\t\t\t}\n\t\t});\n\n\t\tif (typeof (foundObject) === 'undefined' || force) {\n\t\t\t// We need to get this directory from the API\n\t\t\tthis.setState({ isLoading: true });\n\n\t\t\tif (sharepoint) {\n\t\t\t\tthis.props.getDriveSectionContent(section.graphId, sharepointDrive.id, id, (data) => {\n\t\t\t\t\tthis.setState({ isLoading: false });\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.props.getDirectoryContents(id, () => {\n\t\t\t\t\tthis.setState({ isLoading: false });\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif (sharepoint) {\n\t\t\t\tif (foundObject.id == sharepointDrive.id) {\n\t\t\t\t\tthis.props.setSectionContentActive(sharepointDrive.id, null);\n\t\t\t\t} else {\n\t\t\t\t\tthis.props.setSectionContentActive(sharepointDrive.id, foundObject.id);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.props.setDirectoryActive(foundObject.id);\n\t\t\t}\n\t\t}\n\t}\n\n\tgoRoot = () => {\n\t\tthis.onChangeDirectory('root');\n\t}\n\n\tonSharePointFolder = (file) => {\n\t\tif (file.folder) {\n\t\t\tthis.onChangeDirectory(file.id);\n\t\t}\n\t}\n\n\tonSelectFile = (file) => {\n\t\tif (file.folder) {\n\t\t\tthis.onChangeDirectory(file.id);\n\t\t} else {\n\t\t\tlet { selectedFiles } = this.state;\n\n\t\t\tconst foundObject = selectedFiles.findIndex(function (selF) {\n\t\t\t\treturn selF.id == file.id;\n\t\t\t});\n\n\t\t\tif (foundObject !== -1) {\n\t\t\t\t// File got unselected\n\t\t\t\tselectedFiles.splice(foundObject, 1);\n\t\t\t} else {\n\t\t\t\t// File got selected\n\t\t\t\tselectedFiles.push(file);\n\t\t\t}\n\n\t\t\tthis.setState({ selectedFiles }, () => {\n\t\t\t\tif (this.props.onChange) {\n\t\t\t\t\tthis.props.onChange(this.state.selectedFiles);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tonDriveClick = (drive) => {\n\t\tthis.setState({ sharepoint: true, sharepointDrive: drive }, () => {\n\t\t\tthis.onChangeDirectory();\n\t\t});\n\t}\n\n\tupdateCurrentFolder = () => {\n\t\tconst { activeContent } = this.props.onedrive;\n\n\t\tthis.onChangeDirectory(activeContent.id, true);\n\t}\n\n\tsetSharepointMode = () => {\n\t\tthis.setState({ sharepoint: !this.state.sharepoint });\n\t}\n\n\tsetOneDriveMode = () => {\n\t\tthis.setState({ sharepoint: false }, () => {\n\t\t\tthis.goRoot();\n\t\t});\n\t}\n\n\trenderFileList = () => {\n\t\tconst { activeContent, activeFolders, sectionContent } = this.props.onedrive;\n\t\tconst { sharepoint, isLoading } = this.state;\n\n\t\tif (sharepoint) {\n\t\t\treturn (\n\t\t\t\t| \n\t\t\t\t\t\t\t\t{this.props.printable == true ||\n\t\t\t\t\t\t\t\t\tthis.props.assignment.created == '0001-01-01T00:00:00' ||\n\t\t\t\t\t\t\t\t\tthis.state.locked ? null : (\n\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t{this.props.translate('name')} | \n\t\t\t\t\t\t\t{this.props.translate('Work status')} | \n\t\t\t\t\t\t\t{this.props.translate('assessment-status')} | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t |
|---|
\n\t\t\t\t\t{isLoading ?\n\t\t\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t\t
:\n\t\t\t\t\t\tsectionContent !== null ?\n\t\t\t\t\t\t\tsectionContent.files.length > 0 ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('no-files')}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t{isLoading ?\n\t\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\t}\n\n\trender() {\n\t\t// Define Onedrive constants from the state\n\t\tconst { activeContent, activeFolders, sectionDrives } = this.props.onedrive;\n\t\tconst { isLoading, sharepoint, sharepointDrive } = this.state;\n\t\tconst { section } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t
:\n\t\t\t\t\t\tactiveContent != null ?\n\t\t\t\t\t\t\tactiveContent.files.length > 0 ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('no-files')}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tonedrive: state.onedrive,\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetDirectoryContents,\n\tsetDirectoryActive,\n\tgetDrivesForSection,\n\tgetDriveSectionContent,\n\tsetSectionContentActive,\n})(OneDrivePicker);\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport swal from 'sweetalert2';\n\nimport { addError } from 'actions';\nimport { uploadUserOneDrive } from 'actions/assignments';\n\nimport OneDrivePicker from 'containers/OneDrivePicker/';\nimport DropzoneComponent from 'react-dropzone-component';\n\nimport { getToken, loginRequest, getUserId, http } from 'lib/msal';\n\nimport Modal from 'containers/Modals/Modal';\n\nimport { Button, ButtonGroup, Icon } from '@haldor/ui';\nimport { Image } from 'UI/Icons';\nimport getEnvironment from 'lib/env';\nimport './_uploadDocument.scss';\n\nclass UploadDocument extends Component {\n\n\tstatic defaultProps = {\n\t\tIsButtonEnable: true,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tconst schoolId = localStorage.getItem(`hal.school${getUserId()}`);\n\n\t\tthis.state = {\n\t\t\tisModelOpen: false,\n\t\t\toneDriveFiles: [],\n\t\t\tattachedFiles: [],\n\t\t\tuploadedFiles: [],\n\t\t\tselectedTab: 'OneDrive',\n\t\t\tisUploading: false,\n\t\t\tsubmitted: false,\n\t\t\tuploadProgress: null,\n\t\t};\n\n\t\tthis.dropzone = null;\n\n\t\t/* Configure dropzone component */\n\t\tthis.componentConfig = {\n\t\t\ticonFiletypes: ['.jpg', '.png', '.gif'],\n\t\t\tshowFiletypeIcon: false,\n\t\t\tpostUrl: http.defaults.baseURL + 'assignments/' + props.assignmentId + '/uploadDocuments?_=' + new Date().getTime() + '&SchoolId=' + this.props.schoolId,\n\t\t\tdropzoneSelector: '.dropzone-trigger',\n\t\t};\n\n\t\tthis.djsConfig = {\n\t\t\tautoProcessQueue: false,\n\t\t\tparallelUploads: 1,\n\t\t\ttimeout: 99900000,\n\t\t\theaders: {\n\t\t\t\t'SchoolId': schoolId,\n\t\t\t},\n\t\t};\n\n\t\tloginRequest.scopes = getEnvironment().scopes;\n\t\tgetToken(loginRequest).then((response) => {\n\t\t\tthis.djsConfig.headers['Authorization'] = 'Bearer ' + response.accessToken;\n\t\t});\n\n\t\tthis.dropzoneEvents = {\n\t\t\tinit: this.dropzoneInitEvent,\n\t\t\taddedfile: this.onAddFileEvent,\n\t\t\tsuccess: this.uploadedFileEvent,\n\t\t\terror: this.onUploadError,\n\t\t};\n\t}\n\n\tinitState = () => {\n\t\tthis.setState({\n\t\t\tisModelOpen: false,\n\t\t\toneDriveFiles: [],\n\t\t\tattachedFiles: [],\n\t\t\tuploadedFiles: [],\n\t\t\tselectedTab: 'OneDrive',\n\t\t\tisUploading: false,\n\t\t\tsubmitted: false,\n\t\t\tuploadProgress: null,\n\t\t});\n\t}\n\n\tmodelPopUpHelper = (popup) => {\n\t\tthis.setState({ isModelOpen: popup });\n\t}\n\n\tonAddFileEvent = (file) => {\n\t\tlet { attachedFiles } = this.state;\n\n\t\tif (file.size > 101000024) {\n\t\t\tthis.dropzone.removeFile(file);\n\n\t\t\t// File over 100MB\n\t\t\tswal.fire({\n\t\t\t\ttitle: file.name + \" (\" + Math.round(file.size / 1024 / 1024) + 'MB)',\n\t\t\t\thtml: `\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\tOneDrive\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{section ?\n\t\t\t\t\t\t\tsectionDrives == null ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tFiler\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{sectionDrives.length > 0 ?\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{section.title}\n\n\t\t\t\t\t\t\t\t\t\t\t{sectionDrives.map(drive => {\n\t\t\t\t\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.onDriveClick(drive)\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t
;\n\t\t\t\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{drive.name}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tDet finns inga drives i denna grupp\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('refresh')}\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t{sharepoint ?\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{section.title}\n\n\t\t\t\t\t\t\t\t\t{sharepointDrive ?\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t > \n\t\t\t\t\t\t\t\t\t\t\t { this.onDriveClick(sharepointDrive) }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{sharepointDrive.name}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tOneDrive > \n\t\t\t\t\t\t\t\t\t { this.onSelectFile({ folder: true, id: 'root' }) }}>\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('files')}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t{activeFolders.length > 0 ?\n\t\t\t\t\t\t\t\tactiveFolders.map(activeFolder => {\n\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t > \n\t\t\t\t\t\t\t\t { this.onSelectFile(activeFolder) }}>\n\t\t\t\t\t\t\t\t\t\t\t{activeFolder.name}\n\t\t\t\t\t\t\t\t\t
;\n\t\t\t\t\t\t\t\t}) : null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t{this.renderFileList()}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
`,\n\t\t\t\tshowCancelButton: false,\n\t\t\t\tconfirmButtonText: this.props.translate('okey'),\n\t\t\t});\n\n\t\t\treturn false;\n\t\t}\n\n\t\tattachedFiles.push(file);\n\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({ attachedFiles });\n\t\t}, 40);\n\t}\n\n\tuploadFiles = () => {\n\t\tthis.dropzone.processQueue();\n\t}\n\n\tuploadedFileEvent = (djsFile, response) => {\n\t\tthis.uploadFiles();\n\t}\n\n\tdropzoneInitEvent = (dropzone) => {\n\t\tthis.dropzone = dropzone;\n\t}\n\n\ttriggerDropzoneEvent = () => {\n\t\tif (this.dropzone != null) {\n\t\t\tthis.dropzone.hiddenFileInput.click();\n\t\t}\n\t}\n\n\tonUploadError = () => {\n\t\tthis.props.addError(this.props.translate('Forbidden'), 'error');\n\t}\n\n\tonOneDrivePickerChangeEvent = (files) => {\n\t\tlet parsedFiles = [];\n\n\t\tfiles.map((file) => {\n\t\t\tlet add = {\n\t\t\t\tid: file.id,\n\t\t\t\tkey: file.name,\n\t\t\t\tvalue: file.url,\n\t\t\t\tmarkedForDeletion: false,\n\t\t\t\tfileType: 0,\n\t\t\t};\n\n\t\t\tparsedFiles.push(add);\n\t\t});\n\n\t\tthis.setState({ oneDriveFiles: parsedFiles });\n\t}\n\n\tnewDocumentButtonClickEvent = (event) => {\n\t\tconst { isModelOpen } = this.state;\n\n\t\tloginRequest.scopes = getEnvironment().scopes;\n\t\tgetToken(loginRequest).then((response) => {\n\t\t\tthis.djsConfig.headers['Authorization'] = 'Bearer ' + response.accessToken;\n\t\t});\n\n\t\tthis.modelPopUpHelper(!isModelOpen);\n\t}\n\n\tmodelCloseClickEvent = () => {\n\t\tlet { submitted, oneDriveFiles } = this.state;\n\n\t\tconst closeConfirmCondition = !submitted &&\n\t\t\t((this.dropzone &&\n\t\t\t\tthis.dropzone.getQueuedFiles().length > 0) ||\n\t\t\t\toneDriveFiles.length > 0);\n\n\t\tif (closeConfirmCondition) {\n\t\t\tthis.modelPopUpHelper(false);\n\t\t\tthis.initState();\n\t\t\tthis.props.refreshDocuments();\n\t\t} else if (submitted) {\n\t\t\tthis.modelPopUpHelper(false);\n\t\t\tthis.initState();\n\t\t\tthis.props.refreshDocuments();\n\t\t} else {\n\t\t\tthis.modelPopUpHelper(false);\n\t\t\tthis.initState();\n\t\t}\n\t}\n\n\tonRemoveFileEvent = (file) => {\n\t\tlet { attachedFiles } = this.state;\n\n\t\tconst fileIndex = attachedFiles.findIndex(function (f) {\n\t\t\treturn f.upload.filename === file.upload.filename;\n\t\t});\n\n\t\tattachedFiles.splice(fileIndex, 1);\n\n\t\tthis.setState({ attachedFiles }, () => {\n\t\t\tif (this.dropzone) {\n\t\t\t\tthis.dropzone.removeFile(file);\n\t\t\t}\n\t\t});\n\t}\n\n\tUploadButtonClickEvent = () => {\n\t\tconst { oneDriveFiles } = this.state;\n\n\t\tthis.setState({ isUploading: true });\n\n\t\tconst outerThis = this;\n\t\tlet uploadPromises = [];\n\n\t\tif (outerThis.dropzone && outerThis.dropzone.getQueuedFiles().length > 0) {\n\t\t\tuploadPromises.push(new Promise(resolve => {\n\t\t\t\touterThis.uploadFiles();\n\n\t\t\t\touterThis.dropzone.on('totaluploadprogress', (progress) => {\n\t\t\t\t\touterThis.setState({ uploadProgress: progress });\n\t\t\t\t})\n\n\t\t\t\touterThis.dropzone.on(\"queuecomplete\", (files) => {\n\t\t\t\t\tresolve(files);\n\t\t\t\t});\n\t\t\t}));\n\t\t}\n\n\t\tif (oneDriveFiles.length > 0) {\n\t\t\tuploadPromises.push(this.props.uploadUserOneDrive(this.props.assignmentId, oneDriveFiles));\n\t\t}\n\n\t\tPromise.all(uploadPromises).then(files => {\n\t\t\tthis.setState({\n\t\t\t\tisUploading: false,\n\t\t\t\tsubmitted: true\n\t\t\t});\n\t\t\tthis.modelPopUpHelper(false);\n\t\t\tthis.initState();\n\t\t\tif (this.props.uploadError.error == true) {\n\t\t\t\tthis.props.onUploadError(this.props.uploadError);\n\t\t\t}\n\t\t\telse {\n\t\t\t\tsetTimeout(() => this.props.refreshDocuments(), 1000);\n\t\t\t}\n\t\t});\n\t}\n\n\ttabSwitchClickEvent = (tab) => {\n\t\tthis.setState({ selectedTab: tab });\n\t}\n\n\trenderComputer = () => {\n\t\tconst {\n\t\t\tselectedTab\n\t\t} = this.state;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t![\"warning\"/](\"/dist/svg/infoRed.svg\")
\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t${this.props.translate('The file was too large to upload. Open your workspace and upload the file from there instead.')}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t{this.props.translate('computer')}\n\n\t\t\t\t
\n\t\t)\n\t}\n\n\trenderOneDrive = () => {\n\t\tconst { selectedTab } = this.state;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('drop-files-or-click-here')}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t
\n\t\t)\n\t}\n\n\trenderUploadTypes = () => {\n\t\tconst {\n\t\t\tselectedTab\n\t\t} = this.state;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t { this.tabSwitchClickEvent('OneDrive') }}>\n\t\t\t\t\t\t{this.props.translate('one-drive')}\n\t\t\t\t\t\n\n\t\t\t\t\t { this.tabSwitchClickEvent('Computer') }}>\n\t\t\t\t\t\t{this.props.translate('computer')}\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t)\n\t}\n\n\trenderDocumentList = () => {\n\t\tconst { attachedFiles, oneDriveFiles } = this.state;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{oneDriveFiles.length > 0 || attachedFiles.length > 0 ?\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\t\t\t\n\t\t)\n\t}\n\n\trenderUploadDocumentButton = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{oneDriveFiles.length > 0\n\t\t\t\t\t\t\t\t? {this.props.translate('one-drive')}\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{attachedFiles.length > 0\n\t\t\t\t\t\t\t\t? {this.props.translate('computer')}\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{oneDriveFiles.map((file, i) => {\n\t\t\t\t\t\t\t\t\tconst fileKey = `onedrive-include-file-${i}`;\n\n\t\t\t\t\t\t\t\t\tif (file.fileType == null) {\n\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{file.key}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{attachedFiles.map((file, i) => {\n\t\t\t\t\t\t\t\t\tconst fileKey = `attached-file-${i}`;\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t 0 ? ' upload-started' : ' not-started'}`}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t{file.accepted && file.size > 7500000 ?\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{file.name + ' '}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t({file.size > 100000 ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tMath.round(file.size / 1024 / 1024) + 'MB'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tMath.round(file.size / 1024) + 'Kb'\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t { this.onRemoveFileEvent(file) }} className=\"file-delete-btn\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t\t{!file.accepted ?\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('size-warning')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('file-too-big')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t)\n\t}\n\n\trenderModel = () => {\n\t\tconst {\n\t\t\tisModelOpen,\n\t\t\tisUploading\n\t\t} = this.state;\n\n\t\tconst { translate } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{this.state.uploadProgress != null ?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t{this.renderUploadTypes()}\n\n\t\t\t\t\t{this.renderOneDrive()}\n\n\t\t\t\t\t{this.renderComputer()}\n\n\t\t\t\t\t{this.renderDocumentList()}\n\n\t\t\t\t\t{this.renderUploadDocumentButton()}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t{IsTeacher ? null\n\t\t\t\t\t: \n\t\t\t\t}\n\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.renderUploadButton()}\n\t\t\t\t{this.renderModel()}\n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tuploadError: state.assignments.uploadError,\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tuploadUserOneDrive,\n\taddError,\n})(UploadDocument);\n","import * as assignmentActions from 'actions/assignments';\nimport { addError } from 'actions/index';\nimport * as plagiarismActions from 'actions/plagiarism';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport DateTime from '_class/DateTime';\nimport { Checkbox, Button } from '@haldor/ui';\n\nclass FileList extends Component {\n\tUNSAFE_componentWillMount() {\n\t\tthis.initState();\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tconst { students } = this.props;\n\t\tif (prevProps.students !== students) {\n\t\t\tthis.initState();\n\t\t}\n\t}\n\n\tonCheckSelectedClick() {\n\t\tconst { allFiles } = this.state;\n\t\tconst selectedFileIds = this.selectedFileIds();\n\t\tconst selectedPlagiarismObjs = allFiles.filter(f => selectedFileIds.includes(f.id))\n\t\t\t.map(f => this.plagiarismObjectFromFile(f));\n\t\tthis.dispatchCheckAction(selectedPlagiarismObjs);\n\t}\n\n\tonCheckNowClicked(file) {\n\t\tconst plagiarismObj = this.plagiarismObjectFromFile(file);\n\n\t\tthis.dispatchCheckAction([plagiarismObj]);\n\t}\n\n\tgetSubmitters(assignmentTaskId) {\n\t\tconst { students } = this.props;\n\t\tconst assignment = students.find(x => x.id === assignmentTaskId);\n\t\tvar assignedUsers = assignment.assignedTo.split(\";\");\n\t\tvar submitterEmail = '';\n\n\t\tassignedUsers.forEach((user) => {\n\t\t\tvar student = this.props.activeSection.students.find(t => t.id == user);\n\n\t\t\tif (student != null) {\n\t\t\t\tsubmitterEmail = student.email;\n\t\t\t\treturn;\n\t\t\t}\n\t\t})\n\n\t\treturn submitterEmail;\n\t}\n\n\tisAllSelected() {\n\t\tconst { fileSelectStatus } = this.state;\n\t\treturn this.selectedFileIds().length > 0\n\t\t\t&& this.selectedFileIds().length === Object.keys(fileSelectStatus).length;\n\t}\n\n\tselectedFileIds() {\n\t\tconst { fileSelectStatus } = this.state;\n\t\treturn Object.keys(fileSelectStatus).filter(x => fileSelectStatus[x]);\n\t}\n\n\thasSelectedFiles() {\n\t\treturn this.selectedFileIds().length > 0;\n\t}\n\n\tinitState() {\n\t\tconst { students } = this.props;\n\t\tconst allFiles = students.reduce((prev, curr) => [...prev, ...curr.files], []);\n\t\tconst fileSelectStatus = allFiles.filter(f => !f.status) // Only files without status (null) should be selectable\n\t\t\t.reduce((prev, curr) => ({ ...prev, [curr.id]: false }), {});\n\t\tthis.setState({ allFiles, fileSelectStatus });\n\t}\n\n\tplagiarismObjectFromFile(file) {\n\t\tconst submitters = this.getSubmitters(file.assignmentTaskId);\n\t\tvar timeSent = new DateTime();\n\t\treturn {\n\t\t\tDocumentId: file.id,\n\t\t\tGroupId: this.props.activeSection.graphId,\n\t\t\tTimeSent: timeSent.data,\n\t\t\tTimeLastChecked: null,\n\t\t\tTimeLastUpdated: null,\n\t\t\tNextCheck: null,\n\t\t\tSystemSubmissionId: null,\n\t\t\tContentType: 'docx',\n\t\t\tStatus: null,\n\t\t\tSubmitter: submitters,\n\t\t\tIdentifier: '',\n\t\t\tSignificance: null,\n\t\t\tReportUrl: null,\n\t\t\tErrorInfo: null,\n\t\t\tTenantId: '',\n\t\t\tBlobFilename: null,\n\t\t\tId: 0,\n\t\t\tMinutesAdded: null,\n\t\t\tReceiver: null,\n\t\t\tOptOutUrl: null,\n\t\t\tPlagSystemMessage: null,\n\t\t\tTimeAdded: null,\n\t\t};\n\t}\n\n\tdispatchCheckAction(data) {\n\t\tconst {\n\t\t\tactiveTaskId,\n\t\t\tcheckPlagiarism,\n\t\t\tgetTaskDetails,\n\t\t\ttoast,\n\t\t\ttranslate,\n\t\t} = this.props;\n\n\t\t// TODO: loading indicator?\n\t\tcheckPlagiarism(data).then(() => {\n\t\t\tconst sentFiles = data.length;\n\t\t\tconst toastMessage = sentFiles === 1\n\t\t\t\t? `1 ${translate('toast-one-plagiarism-check-sent')}`\n\t\t\t\t: `${sentFiles} ${translate('toast-multi-plagiarism-check-sent')}`;\n\t\t\ttoast(toastMessage, 'info');\n\t\t\tgetTaskDetails(activeTaskId);\n\t\t\tthis.checkAll(false);\n\n\t\t\tif (this.props.reloadParent) {\n\t\t\t\tthis.props.reloadParent();\n\t\t\t}\n\t\t});\n\t}\n\n\tcheckRow(id, checked) {\n\t\tconst { fileSelectStatus } = this.state;\n\t\tconst newState = { ...fileSelectStatus, [id]: checked };\n\t\tthis.setState({ fileSelectStatus: newState });\n\t}\n\n\tcheckAll(checked) {\n\t\tconst { fileSelectStatus } = this.state;\n\t\tconst newState = Object.keys(fileSelectStatus).reduce((prev, curr) => ({ ...prev, [curr]: checked }), {});\n\t\tthis.setState({ fileSelectStatus: newState });\n\t}\n\n\tgetStatus = (status) => {\n\t\tif (!status) {\n\t\t\treturn '-';\n\t\t}\n\n\t\tif (status == 'Not Submitted' || status == 'Submitted') {\n\t\t\treturn this.props.translate('Submitted');\n\t\t}\n\n\t\tif (status == 'Analyzed') {\n\t\t\treturn this.props.translate('analyzed');\n\t\t}\n\n\t\tif (status == 'Error') {\n\t\t\treturn this.props.translate('something-went-wrong');\n\t\t}\n\n\t\tif (status == 'NotCustomer') {\n\t\t\treturn this.props.translate('not-a-customer-plagiarism');\n\t\t}\n\n\t\tif (status == 'NoUnitFound') {\n\t\t\treturn this.props.translate('no-unit-found');\n\t\t}\n\n\t\tif (status == 'TimedOut') {\n\t\t\treturn this.props.translate('timed-out')\n\t\t}\n\n\t\treturn status;\n\t}\n\n\trender() {\n\t\tconst { students, translate } = this.props;\n\t\tconst { fileSelectStatus } = this.state;\n\n\t\tif (students == null && students.length == 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst rows = students.reduce((prev, curr) => {\n\t\t\tif (curr.files != null) {\n\t\t\t\treturn [...prev, curr.groupName, ...curr.files];\n\t\t\t} else {\n\t\t\t\treturn [...prev, curr.groupName];\n\t\t\t}\n\t\t}, []);\n\n\t\tconst isAllSelected = this.isAllSelected();\n\t\tconst nameStyle = {\n\t\t\ttextAlign: 'left',\n\t\t};\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nconst mapStateToProps = state => ({\n\ttranslate: translate(state.Languages.translations),\n\tactiveTaskId: state.assignments.active_assignment.id,\n\tactiveSection: state.assignments.section,\n});\n\nconst mapDispatchToProps = {\n\t...plagiarismActions,\n\t...assignmentActions,\n\ttoast: addError,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(FileList);","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { withRouter, Link } from 'react-router-dom';\nimport api from 'lib/api';\n\nimport DateTime from '_class/DateTime';\n\nimport { trackImmersiveReaderError } from 'helpers/insights';\nimport { getRootUrl } from 'helpers/url';\nimport { isUserStudent, isUserTeacher } from 'helpers/user';\nimport swal from 'sweetalert2';\nimport { getDescription } from 'helpers/content';\n\nimport { getAssignmentAssessment, createStudentAssessment, updateAssessment } from \"actions/assessments\";\nimport { getBlocksByReference, clearBlocksOnReference } from 'actions/blocks';\nimport {\n\tdeleteAssignmentFromStore,\n\tgetAssignmentKnowledgeCollections,\n\tgetFolderFiles,\n\tgetTaskDetails,\n\tsetActiveAssignment,\n\tgetAssignmentStatus,\n\tgetAssignmentSection,\n\tupdateAssignment,\n\tclearAssignmentSection,\n\tcreateAssignmentTaskWorkspace,\n\tsetTeacherDone\n} from 'actions/assignments';\n\nimport { setPageTitle } from 'actions/header';\nimport { addError } from 'actions/index';\n\nimport { getStudentAssessment, getStudentAssessments } from 'actions/studentassessments';\n\nimport { getReaderParameters } from 'actions/user';\n\nimport Message from '../Partials/Message';\nimport Bookmark from '../Partials/Bookmark';\n\nimport AssignmentForm from \"containers/Forms/AssignmentForm/AssignmentForm\";\nimport AssessmentForm from 'containers/Forms/AssessmentForm';\nimport TeacherAdjustments from \"containers/AdditionalAdjustments/Display/TeacherAdjustments\";\nimport Modal from \"containers/Modals/Modal\";\nimport CloneButton from \"containers/SinglePages/Partials/CloneButton\";\nimport AssessmentsConsumer from 'components/BlockAssessments/Consumer';\n\nimport UserAssignment from \"components/List/UserAssignment\";\nimport UserGroupAssignment from \"components/List/UserGroupAssignment\";\nimport AttachedDocuments from \"components/Presentation/Documents/AttachedDocuments\";\nimport AttachedUserDocuments from \"components/Presentation/Documents/AttachedUserDocuments\";\nimport UploadDocument from \"components/Presentation/Documents/UploadDocument\";\nimport FileList from \"components/Presentation/FileList/FileList\";\nimport PostContent from \"components/Presentation/PostContent\";\nimport Status from \"components/Presentation/Status\";\nimport { ASSESSMENT_TYPES } from \"components/BlockAssessments/AssessmentTypes\";\n\nimport * as plagiarismActions from 'actions/plagiarism';\nimport { ColorLabel, ColorLabelContainer, Expandable, List, Spinner, Collapsible } from 'UI';\n\nimport { Block as ContentBlock, Button, ButtonGroup, Icon } from \"@haldor/ui\";\nimport { Immersive_Reader } from \"UI/Icons\";\nimport moment from 'moment';\nimport User from '_class/User';\nimport { FormControlLabel, Stack, Switch, Tooltip } from '@mui/material';\nimport assignmentTaskStatusIcons from 'constants/assignmentTaskStatusIcons';\n\nimport PersonAddIcon from '@mui/icons-material/PersonAdd';\n\nconst ImmersiveReader = require('@microsoft/immersive-reader-sdk');\n\nclass HaldorAssignment extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tmodals: [\n\t\t\t\t{ name: 'edit', open: false },\n\t\t\t\t{ name: 'studentAssessment', open: false },\n\t\t\t\t{ name: 'selfAssessment', open: false },\n\t\t\t],\n\t\t\ttab: 'assessments',\n\t\t\tdocumentRefresh: 0,\n\t\t\tstudentConversation: null,\n\t\t\tloadingBlocks: false,\n\t\t\tloadingDocuments: false,\n\t\t\tassessTask: null,\n\t\t\tteacherDone: null\n\t\t};\n\n\t\tthis.timer = null;\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.clearAssignmentSection();\n\t\tthis.props.setActiveAssignment();\n\t\tImmersiveReader.close();\n\n\t\tif (this.timer != null) {\n\t\t\tclearTimeout(this.timer);\n\t\t}\n\t};\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.assignment.id > 0) {\n\t\t\tthis.reload();\n\t\t}\n\n\t\t// this will update reducer variable (this.props.hasValidPlagiarismLicense)\n\t\tthis.props.validatePlagiarismLicense(this.props.activeSchool);\n\n\t\tthis.setState({ teacherDone: this.props.assignment.teacherDone });\n\t};\n\n\tcheckAssignmentTaskStatus = () => {\n\t\tconst { assignment } = this.props;\n\t\tconst isStudent = isUserStudent(this.props.currentUser);\n\n\t\tif (assignment != null && isStudent && assignment.tasks != null && assignment.tasks.length > 0) {\n\t\t\tlet assignmentTaskLocked = assignment.tasks[0].assignmentTaskAssignees.filter((x) => x.permission === '0').length > 0;\n\t\t\tif (assignment.created != '0001-01-01T00:00:00' && !assignmentTaskLocked) {\n\t\t\t\tconst task = assignment.tasks[0];\n\t\t\t\tif (task == null) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tif (task.status == 'ASSIGNMENT_TASK_NOT_STARTED') {\n\t\t\t\t\tconst url = `assignments/Student/Status?assignmentTaskId=${task.id}&status=ASSIGNMENT_TASK_STARTED`;\n\n\t\t\t\t\tapi.put(url);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tcheckAssignmentTaskWorkspace = () => {\n\t\tconst { assignment } = this.props;\n\t\tconst isStudent = isUserStudent(this.props.currentUser);\n\t\tif (assignment != null && isStudent) {\n\t\t\tconst task = assignment.tasks[0];\n\t\t\tif (task != null && !task.workspace) {\n\t\t\t\tthis.props.createAssignmentTaskWorkspace(assignment.id, task.id).then(() => {\n\t\t\t\t\tthis.reloadAssignment();\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t\telse if (assignment.created != '0001-01-01T00:00:00' && !assignment.locked && !isStudent) {\n\t\t\tif (assignment.tasks.some((task) => {\n\t\t\t\treturn !task.workspace;\n\t\t\t})) {\n\t\t\t\tswal.fire({\n\t\t\t\t\ttitle: this.props.translate('The-assignment-needs-to-be-updated'),\n\t\t\t\t\ttext: this.props.translate('One-or-more-students-do-not-have-access-to-the-tasks-workspace.-Update-the-assignment-to-fix-the-problem.'),\n\t\t\t\t\tshowCancelButton: false,\n\t\t\t\t\tfocusConfirm: false,\n\t\t\t\t\tconfirmButtonText: this.props.translate('Update-assignment'),\n\t\t\t\t}).then((result) => {\n\t\t\t\t\tif (result.value != null) {\n\t\t\t\t\t\tthis.props.updateAssignment(assignment).then(() => {\n\t\t\t\t\t\t\tthis.props.getTaskDetails(assignment.id).then(() => {\n\t\t\t\t\t\t\t\tthis.fetchStatusAfterDelay();\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t};\n\n\tfetchStatusAfterDelay = () => {\n\t\tconst getStatus = () => {\n\t\t\tthis.props.getAssignmentStatus(this.props.assignment.id).then(() => {\n\t\t\t\tclearTimeout(this.timer);\n\t\t\t\tthis.timer = null;\n\n\t\t\t\tlet assignmentEditedDate = moment(this.props.assignment.edited).format();\n\n\t\t\t\t/** substract 2 hours from now and if assignmentEditedDate bigger then run status call if assignment is locked */\n\t\t\t\tlet currentDate = moment(moment().utc().add(-2, 'hours')).format();\n\n\t\t\t\tif (\n\t\t\t\t\tthis.props.assignment.created != '0001-01-01T00:00:00' &&\n\t\t\t\t\t!this.props.assignment.locked\n\t\t\t\t) {\n\t\t\t\t\tthis.reloadAssignment(false);\n\t\t\t\t} else {\n\t\t\t\t\tif ((this.props.assignment.created == '0001-01-01T00:00:00' || this.props.assignment.locked) && assignmentEditedDate > currentDate) {\n\t\t\t\t\t\t// Run this method again\n\t\t\t\t\t\tthis.fetchStatusAfterDelay();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t};\n\n\t\tif (this.timer === null) {\n\t\t\tsetTimeout(getStatus, 10000);\n\t\t}\n\t};\n\n\treload = () => {\n\t\tconst { assignment } = this.props;\n\t\tconst student = isUserStudent(this.props.currentUser);\n\t\tconst teacher = isUserTeacher(this.props.currentUser);\n\t\tlet promises = [];\n\n\t\tif (assignment.assessmentType == 'BUDDY' || assignment.assessmentType == 'SELF') {\n\t\t\tif (teacher) {\n\t\t\t\tpromises.push(this.props.getStudentAssessments(assignment.id));\n\t\t\t} else if (student) {\n\t\t\t\tpromises.push(this.props.getStudentAssessment(assignment.id, this.props.currentUser.id));\n\t\t\t}\n\t\t}\n\n\t\tpromises.push(this.props.getAssignmentSection(assignment.sectionId));\n\t\tpromises.push(this.props.getAssignmentAssessment(assignment.id));\n\n\t\tPromise.all(promises).then(() => {\n\t\t\tif (assignment != null) {\n\t\t\t\tthis.props.setPageTitle(assignment.title);\n\t\t\t\tif (\n\t\t\t\t\tthis.props.assignment.created == '0001-01-01T00:00:00' ||\n\t\t\t\t\t(this.props.assignment.locked)\n\t\t\t\t) {\n\t\t\t\t\tthis.fetchStatusAfterDelay();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.props.getBlocksByReference(this.props.assignment.id, 'ASSIGNMENT')\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setState({ loadingBlocks: false });\n\t\t\t\t})\n\n\t\t\tthis.checkAssignmentTaskStatus();\n\t\t\tthis.checkAssignmentTaskWorkspace();\n\t\t\tthis.setState({ loading: false });\n\t\t});\n\t};\n\n\treloadAssignment = (skipLoading = false) => {\n\t\tif (!skipLoading) {\n\t\t\tthis.setState({ loading: true });\n\t\t}\n\n\t\tlet promises = [];\n\t\tpromises.push(this.props.getAssignmentAssessment(this.props.assignment.id));\n\t\tpromises.push(this.props.getTaskDetails(this.props.assignment.id));\n\t\tpromises.push(this.props.getBlocksByReference(this.props.assignment.id, 'ASSIGNMENT'));\n\n\t\tPromise.all(promises).then(() => {\n\t\t\tif (this.props.assignment.locked) {\n\t\t\t\t// Is updating\n\t\t\t\tthis.fetchStatusAfterDelay();\n\t\t\t}\n\n\t\t\tif (this.props.assignment === null)\n\t\t\t\t[\n\t\t\t\t\t//{assignmentId}/tasks/{taskId}/workspacepermission\n\t\t\t\t];\n\n\t\t\tthis.props.setPageTitle(this.props.assignment.title);\n\n\t\t\tthis.setState({ loading: false });\n\t\t});\n\t};\n\n\trunImmersiveReader = async () => {\n\t\tconst { assignment, currentUser } = this.props;\n\t\tconst localLanguage = localStorage.getItem('language');\n\n\t\tconsole.log('run Microsoft Immersive Reader', localLanguage, currentUser.id);\n\n\t\tconst data = {\n\t\t\ttitle: assignment.title,\n\t\t\tchunks: [\n\t\t\t\t{\n\t\t\t\t\tcontent: '| {translate('filename')} | \n\t\t\t\t\t\t\t{translate('Status')} | \n\t\t\t\t\t\t\t{translate('significance')} | \n\t\t\t\t\t\t\t{translate('report')} | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t | |
|---|---|---|---|---|---|
| {row} | \n\t\t\t\t\t\t\t\t|||||
| \n\t\t\t\t\t\t\t\t\t\t\t{row.status ?\n\t\t\t\t\t\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t\t{row.filename} | \n\t\t\t\t\t\t\t\t\t\t{this.getStatus(row.status)} | \n\t\t\t\t\t\t\t\t\t\t{row.significance || '-'} | \n\t\t\t\t\t\t\t\t\t\t{row.reportUrl ? {translate('report')} : '-'} | \n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t' + assignment.title + '
',\n\t\t\t\t\tmimeType: 'text/html',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcontent: getDescription(assignment.description),\n\t\t\t\t\tmimeType: 'text/html',\n\t\t\t\t},\n\t\t\t],\n\t\t};\n\n\t\tawait this.props.getReaderParameters();\n\t\tconst { reader } = this.props;\n\n\t\tImmersiveReader.launchAsync(reader.token, reader.subdomain, data, {\n\t\t\tuiLang: localLanguage, // Set immersive reader UI language to selected lang in Haldor Edu\n\t\t}).catch((error) => {\n\t\t\tconsole.error('error', error);\n\t\t\ttrackImmersiveReaderError(error, currentUser.id);\n\t\t});\n\t};\n\n\tpupilStatusIndicator = (status) => {\n\t\tvar assessed = false;\n\t\tif (this.props.assessments != null) {\n\t\t\tif (this.props.assessments.length > 0) {\n\t\t\t\tassessed = true;\n\t\t\t}\n\t\t}\n\n\t\tif (assessed == false) {\n\t\t\tlet icon = assignmentTaskStatusIcons.find(item => item.id == status)?.icon;\n\t\t\tconst currentStatus = this.props.assignmentTaskStatus.find(task => task.id == status);\n\n\t\t\tif (currentStatus != null) {\n\t\t\t\treturn ({icon}
\n\t\t\t\t\t{currentStatus.value}
\n\t\t\t\t{this.props.translate('Open')}
;\n\t\t} else if (status === 'ASSIGNMENT_CLOSED') {\n\t\t\treturn {this.props.translate('Hidden')}
;\n\t\t} else if (status === 'ASSIGNMENT_DELETED') {\n\t\t\treturn {this.props.translate('Deleted')}
;\n\t\t} else if (status === 'ASSIGNMENT_LOCKED') {\n\t\t\treturn {this.props.translate('Locked')}
;\n\t\t}\n\t};\n\n\ttoggleForm = () => {\n\t\tthis.setState({ formOpen: !this.state.formOpen });\n\t};\n\n\tmarkStudentForConversation = (student) => {\n\t\tthis.setState({ studentConversation: student });\n\t};\n\n\tonConversationClose = () => {\n\t\tthis.setState({ studentConversation: null });\n\t};\n\n\topenStudentConversation = () => {\n\t\tconst { currentUser, assignment } = this.props;\n\t\tthis.setState({ studentConversation: assignment.teacher });\n\t};\n\n\trenderMembersForStudent = () => {\n\t\tif (this.props.assignment.tasks.length > 0) {\n\t\t\tconst task = this.props.assignment.tasks.find(\n\t\t\t\t(task) => task.assignedTo.indexOf(this.props.currentUser.id) > -1\n\t\t\t);\n\n\t\t\tif (task == null) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst assignedTo = task.assignedTo.split(';');\n\t\t\tlet users = [];\n\n\t\t\tassignedTo.forEach((user) => {\n\t\t\t\ttask.students.find((student) => {\n\t\t\t\t\tif (student.userId == user) {\n\t\t\t\t\t\tusers.push(student);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\n\t\t\treturn users.map((student) => {student.firstName + ' ' + student.lastName}
);\n\t\t}\n\n\t\treturn null;\n\t};\n\n\tstatusSwitcher = () => {\n\t\tconst { assignment } = this.props;\n\t\tconst task = assignment.tasks[0];\n\t\tlet assignmentTaskLocked = assignment.tasks[0]?.assignmentTaskAssignees.filter((x) => x.permission === '0').length > 0;\n\n\t\tif (assignment.created != '0001-01-01T00:00:00' && task != null) {\n\t\t\tif (\n\t\t\t\ttask.status === 'ASSIGNMENT_TASK_NOT_STARTED' ||\n\t\t\t\ttask.status === 'ASSIGNMENT_TASK_STARTED' ||\n\t\t\t\ttask.status === 'ASSIGNMENT_TASK_NOT_COMPLETE'\n\t\t\t) {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t} else if (task.status === 'ASSIGNMENT_TASK_CAN_DEVELOP') {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t}\n\t\t} else {\n\t\t\treturn ;\n\t\t}\n\t};\n\n\trenderPrintButton = (id) => {\n\t\tlet url = `/print/assignment/${id}`;\n\t\tif (getRootUrl() != '/') {\n\t\t\turl = `/print/assignments-tab/${id}`;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t};\n\n\tcanDeleteAssignment = () => {\n\t\tconst { assessments, assignment } = this.props;\n\n\t\t// Check if assessments is null or empty\n\t\tconst assessmentsCondition = assessments === null || assessments.length === 0;\n\n\t\t// Check if all tasks have the status 'ASSIGNMENT_TASK_NOT_STARTED'\n\t\tconst tasksCondition = assignment.tasks && assignment.tasks.every(t => t.status === 'ASSIGNMENT_TASK_NOT_STARTED');\n\n\t\t// Determine if the assignment is deletable based on conditions\n\t\treturn assignment.isDeletable || (assessmentsCondition && tasksCondition);\n\t}\n\n\n\trenderDeleteButton = () => {\n\t\tif (this.canDeleteAssignment()) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t);\n\t\t}\n\t};\n\n\tsetTeacherDone = async (event) => {\n\t\tconst { target: { checked } } = event;\n\t\tawait setTeacherDone(this.props.assignment.id, checked);\n\t\tthis.setState({ teacherDone: checked });\n\t}\n\n\ttaskContent = (assignment, section, teacherOwnsAssignment) => {\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\n\t\t// If the assignment is not loaded, return null\n\t\tif (assignment == null) return null;\n\n\t\tlet taskWorkSpace = '';\n\t\tlet rootUrl = '';\n\t\tif (user.isStudent()) {\n\t\t\tvar sectionUrl = new URL(section.classroomUrl);\n\t\t\ttaskWorkSpace = `${sectionUrl.protocol}//${sectionUrl.hostname}${assignment.tasks[0].workspace}`;\n\t\t\trootUrl = `${sectionUrl.protocol}//${sectionUrl.hostname}`;\n\t\t}\n\n\t\tvar sectionUrl = new URL(section.classroomUrl);\n\t\tconst folderUrl = `${sectionUrl.protocol}//${sectionUrl.hostname}${assignment.workspace}`;\n\n\t\tvar associatedMatrices = [];\n\t\tlet subjects = [];\n\t\tlet assessmentBlocks = [];\n\n\t\tif (assignment.associatedMatrices != null) {\n\t\t\tassignment.associatedMatrices.forEach((matrix) => {\n\t\t\t\tif (matrix._ParagraphSet != null && matrix._ParagraphSet.length > 0) {\n\t\t\t\t\tassociatedMatrices.push(matrix);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tassociatedMatrices.forEach((matrice) => {\n\t\t\t\tif (subjects.indexOf(matrice.course.subjectId) == -1) {\n\t\t\t\t\tsubjects.push(matrice.course.subjectId);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t\tif (this.props?.blocks != null) {\n\t\t\tassessmentBlocks = [...this.props.blocks].filter((block) =>\n\t\t\t\tblock.type == 'Haldor.Blocks.AssessmentBlock' && block.resources.length > 0\n\t\t\t);\n\t\t}\n\n\t\tlet expiredCourses = [];\n\n\t\tif (assessmentBlocks?.length > 0) {\n\t\t\tassessmentBlocks?.forEach((content) => {\n\t\t\t\tcontent?.resources?.forEach(resources => {\n\t\t\t\t\tswitch (resources.referenceType) {\n\t\t\t\t\t\tcase 'matrix':\n\t\t\t\t\t\t\tvar matrixId = resources.referenceId;\n\t\t\t\t\t\t\tvar detail = resources.value?.details.find(detail => {\n\t\t\t\t\t\t\t\treturn detail.matrixID == matrixId;\n\t\t\t\t\t\t\t})\n\n\t\t\t\t\t\t\tif (detail != null && detail.endDate != null && moment(detail.endDate).isBefore(moment())) {\n\t\t\t\t\t\t\t\texpiredCourses.push(detail.courseID);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (resources?.value != null) {\n\t\t\t\t\t\tif (subjects.indexOf(resources.value?.subjectId) == -1) {\n\t\t\t\t\t\t\tsubjects.push(parseInt(resources.value?.subjectId));\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t});\n\t\t}\n\n\t\tlet conversation = null;\n\t\tif (this.props.conversations != null && !isTeacher) {\n\t\t\tconversation = this.props.conversations.find((conv) => {\n\t\t\t\treturn conv.memberships.find((member) => {\n\t\t\t\t\treturn member.membershipID == this.props.currentUser.id;\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\trenderCloneButton = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.services.immersiveReaderAssignments ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{assignment.description} \n\n\t\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{this.props.translate('description')}\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{user.isStudent() ?\n\t\t\t\t\t\t\t\t{this.props.translate('Work status')}\n\t\t\t\t\t\t\t\t: ({this.props.translate('Access status')})}\n\n\t\t\t\t\t\t\t{assignment.created == '0001-01-01T00:00:00' ? (\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('task-is-creating')}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : assignment.locked ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('task-is-updating')}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{user.isStudent()\n\t\t\t\t\t\t\t\t\t\t? this.pupilStatusIndicator(assignment.tasks[0].status)\n\t\t\t\t\t\t\t\t\t\t: this.assignmentIndicator(assignment.status)}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('type')}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('start')}\n\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{new DateTime(assignment.startDate).getShortDate(true)}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('end')}\n\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{new DateTime(assignment.dueDate).getShortDate(true)}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('assessment')}\n\t\t\t\t\t\t\t{assignment.assessmentType == 'BUDDY' ? (\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{isTeacher == false && assignment.groupEnabled ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('buddy-assessment')}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t{assignment.assessmentType == 'SELF' ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('self-assessment')}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('members')}\n\t\t\t\t\t\t\t\t{this.renderMembersForStudent()}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('section')}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{assignment?.section?.title}\n\t\t\t\t\t\t\t\t{assignment?.autoAssignStudents && user.isTeacher() ? \n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{assignment.courses.length > 0 ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate(\"courses\")}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{assignment.courses.map((course) => {\n\t\t\t\t\t\t\t\t\t\tlet text = course.title;\n\t\t\t\t\t\t\t\t\t\ttext = course.year != null ? text + \" \" + course.year : text;\n\n\t\t\t\t\t\t\t\t\t\tif (expiredCourses.indexOf(course.id) > -1) {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t{this.props.services.additionalAdjustments &&\n\t\t\t\t\t\t\tisTeacher &&\n\t\t\t\t\t\t\tthis.props.activeSection &&\n\t\t\t\t\t\t\tthis.props.activeSection.owners.filter(\n\t\t\t\t\t\t\t\t(ss) => ss.id == this.props.currentUser.id\n\t\t\t\t\t\t\t).length > 0 ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t{this.props.translate('tools')}
\n\n\t\t\t\t\t\t{this.props.services.conversations && user.isStudent() ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{conversation.unreadMessages}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t{!this.props.services.haldor ||\n\t\t\t\t\t\t\tuser.isStudent() ||\n\t\t\t\t\t\t\t!teacherOwnsAssignment ||\n\t\t\t\t\t\t\tassignment.created == '0001-01-01T00:00:00' ||\n\t\t\t\t\t\t\tassignment.locked ? null : (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{assignment.created != '0001-01-01T00:00:00' ?\n\t\t\t\t\t\t\tthis.renderPrintButton(assignment.id)\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{user.isStudent() &&\n\t\t\t\t\t\t\tassignment.status != 'ASSIGNMENT_TASK_NOT_STARTED' &&\n\t\t\t\t\t\t\tassignment.status != 'ASSIGNMENT_CLOSED' &&\n\t\t\t\t\t\t\tassignment.tasks[0].workspace != null &&\n\t\t\t\t\t\t\tassignment.tasks[0].assignmentTaskAssignees.find((assignee) =>\n\t\t\t\t\t\t\t\tassignee.permission != '0'\n\t\t\t\t\t\t\t) != null &&\n\t\t\t\t\t\t\tassignment.created != '0001-01-01T00:00:00' ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t{user.isTeacher() &&\n\t\t\t\t\t\t\tassignment.workspace != '' &&\n\t\t\t\t\t\t\tassignment.created != '0001-01-01T00:00:00' ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t{isTeacher == false || !teacherOwnsAssignment ? null : this.renderDeleteButton()}\n\n\t\t\t\t\t\t{isTeacher &&\n\t\t\t\t\t\t\tassignment.created != '' &&\n\t\t\t\t\t\t\t!assignment.locked &&\n\t\t\t\t\t\t\tassignment.created != '0001-01-01T00:00:00'\n\t\t\t\t\t\t\t? this.renderCloneButton()\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{isTeacher || assignment.status == 'ASSIGNMENT_CLOSED'\n\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t: this.statusSwitcher()}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t{this.props.translate('column-copy')}\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t};\n\n\teditStatus = (taskId, value, userId) => {\n\t\treturn new Promise((resolve) => {\n\t\t\tif (typeof value === 'string' && value.indexOf('ASSESSMENT') > -1) {\n\t\t\t\tapi.put(\n\t\t\t\t\t`assessments/${taskId}/type/AssignmentTask/studentId/${userId}/status/${value}`,\n\t\t\t\t\tnull\n\t\t\t\t).then(() => {\n\t\t\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t\t\t\t\tresolve();\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tapi.put(\n\t\t\t\t\t'assignments/Student/Status?assignmentTaskId=' + taskId + '&status=' + value,\n\t\t\t\t\tnull\n\t\t\t\t).then(() => {\n\t\t\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t\t\t\t\tresolve();\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tconst tasks = this.props.assignment.tasks;\n\t\t\ttasks.forEach((task) => {\n\t\t\t\tif (task.id === taskId) {\n\t\t\t\t\t// Change status of task.\n\t\t\t\t\tif (value.indexOf('ASSESSMENT') > -1) {\n\t\t\t\t\t\ttask.assignedUsers.forEach((user) => {\n\t\t\t\t\t\t\tif (user.id == userId) {\n\t\t\t\t\t\t\t\tuser.assessmentStatus = value;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\ttask.status == 'ASSIGNMENT_TASK_SUBMITTED' &&\n\t\t\t\t\t\t\tvalue != 'ASSIGNMENT_TASK_SUBMITTED'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// Old status is Inlämnad. Change users assessment to ASSESMENT STARTED\n\t\t\t\t\t\t\ttask.assignedUsers.forEach((user) => {\n\t\t\t\t\t\t\t\tif (user.assessmentStatus != null) {\n\t\t\t\t\t\t\t\t\tuser.assessmentStatus = 'ASSESSMENT_STARTED';\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\ttask.status = value;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis.setState({});\n\t\t});\n\t};\n\n\tonSubmitAssignment = () => {\n\t\tconst { translate } = this.props;\n\n\t\tlet that = this;\n\t\tswal.fire({\n\t\t\ttitle: translate('are-you-sure'),\n\t\t\ttext: translate('submit-task-text-prompt'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: translate('Cancel'),\n\t\t\tconfirmButtonText: translate('submit'),\n\t\t\tshowLoaderOnConfirm: true,\n\t\t\tallowOutsideClick: false,\n\t\t\tpreConfirm: async () => {\n\t\t\t\tswal.getTitle().innerText = translate('Good job!');\n\t\t\t\tswal.getHtmlContainer().innerText = translate('Please wait until the submission of the assignment is completed. The window will then close automatically.');\n\t\t\t\treturn new Promise(function (resolve, reject) {\n\t\t\t\t\tsetTimeout(async function () {\n\t\t\t\t\t\tconst task = that.props.assignment.tasks;\n\t\t\t\t\t\tconst taskId = task[0].id;\n\n\t\t\t\t\t\tawait that.editStatus(taskId, 'ASSIGNMENT_TASK_SUBMITTED', null);\n\t\t\t\t\t\tthat.reloadAssignment();\n\t\t\t\t\t\tswal.close();\n\t\t\t\t\t}, 8000);\n\t\t\t\t}).catch(err => {\n\t\t\t\t\treturn false\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t};\n\n\ttoggleDeletion = () => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('deletion-task-text-prompt'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('Cancel'),\n\t\t\tconfirmButtonText: this.props.translate('Delete'),\n\t\t}).then((result) => {\n\t\t\tif (result.value != null) {\n\t\t\t\tapi.delete('assignments/' + this.props.assignment.id).then((response) => {\n\t\t\t\t\tif (response.status != 200) {\n\t\t\t\t\t\tthis.props.addError(\n\t\t\t\t\t\t\tthis.props.translate('could-not-delete-assignment'),\n\t\t\t\t\t\t\t'error'\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.props.deleteAssignmentFromStore(this.props.assignment.id);\n\t\t\t\t\tthis.props.history.push(getRootUrl());\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t};\n\n\ttoggleModal = (modal) => {\n\t\tlet { modals } = this.state;\n\n\t\tconst current = modals.findIndex(function (n) {\n\t\t\treturn n.name === modal;\n\t\t});\n\n\t\tmodals[current].open = !modals[current].open;\n\t\tthis.setState({ modals });\n\t};\n\n\tgetModalState = (modal) => {\n\t\tconst { modals } = this.state;\n\n\t\tconst current = modals.find(function (n) {\n\t\t\treturn n.name === modal;\n\t\t});\n\n\t\tif (typeof current === 'undefined') {\n\t\t\tconsole.error(\n\t\t\t\t'Modals needs to be defined in the component state, the current modal will always be closed! Context:',\n\t\t\t\tmodal\n\t\t\t);\n\t\t\tconsole.error(\n\t\t\t\t\"Add this to the 'modals' array in component state: { name: '\" +\n\t\t\t\tmodal +\n\t\t\t\t\"', open: false }\"\n\t\t\t);\n\n\t\t\treturn false;\n\t\t}\n\n\t\treturn current.open;\n\t};\n\n\tonEditFormDone = (success, skipPrompt, reload) => {\n\t\tif (success) {\n\t\t\tif (skipPrompt) {\n\t\t\t\tthis.toggleModal('edit');\n\t\t\t\tif (reload) {\n\t\t\t\t\tthis.reloadAssignment();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.toggleModal('edit');\n\t\t\t}\n\t\t} else {\n\t\t\tthis.toggleModal('edit');\n\t\t}\n\t};\n\n\tcloseAssessmentModal = (skipPrompt) => {\n\t\tthis.toggleModal('studentAssessment');\n\t};\n\n\tcloseSelfAssessmentModal = (skipPrompt) => {\n\t\tthis.toggleModal('selfAssessment');\n\t};\n\n\topenStudentAssessment = (task) => {\n\t\ttask.firstname = task.groupName\n\t\tthis.setState({ assessTask: task }, () => {\n\t\t\tthis.toggleModal('studentAssessment');\n\t\t});\n\t};\n\n\topenSelfAssessment = () => {\n\t\tthis.toggleModal('selfAssessment');\n\t};\n\n\ttoggleTab = (tab) => {\n\t\tthis.setState({ tab });\n\t};\n\n\tonAssessmentSubmit = (values) => {\n\t\tvalues.studentId = values.assessorType == ASSESSMENT_TYPES.PEER\n\t\t\t? this.state.assessTask?.assignedTo\n\t\t\t: this.props.currentUser?.id;\n\n\t\treturn new Promise((resolve) => {\n\t\t\tif (values.id != null) {\n\t\t\t\tconst existing = this.props.assessments.find((assessment) => assessment.id == values.id);\n\t\t\t\tthis.props.updateAssessment(values, existing, this.props.assignment.id).then(() => {\n\t\t\t\t\tthis.props.getAssignmentAssessment(this.props.assignment.id).then((ass) => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\tvalues.assessorType == ASSESSMENT_TYPES.PEER ? this.closeAssessmentModal() : this.closeSelfAssessmentModal();\n\t\t\t\t\t})\n\t\t\t\t});\n\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tvalues.assignmentId = this.props.assignment.id;\n\t\t\tthis.props.createStudentAssessment(values).then(() => {\n\t\t\t\tthis.props.getAssignmentAssessment(this.props.assignment.id).then((ass) => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t\tvalues.assessorType == ASSESSMENT_TYPES.PEER ? this.closeAssessmentModal() : this.closeSelfAssessmentModal();\n\t\t\t\t})\n\t\t\t});\n\t\t})\n\t}\n\n\tassignmentModals = () => {\n\t\tconst { assignment } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Edit the assignment') + ' '\n\t\t\t\t\t\t\t\t+ this.props.assignment.title}\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t\tonClose={this.onEditFormDone}\n\t\t\t\t>\n\t\t\t\t\t
\n\t\t);\n\t};\n\n\trender() {\n\t\tconst { documentRefresh } = this.state;\n\t\tconst { assignment, activeSection } = this.props;\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (this.state.loading) return \n\t\t\t\t\t{teacherOwnsAssignment ? this.assignmentModals() : null}\n\t\t\t\t\t{this.taskContent(assignment, activeSection, teacherOwnsAssignment)}\n\n\t\t\t\t\t{!isTeacher && assignment.studentAssessmentTasks.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t s.referenceId == this.state.assessTask?.id) ?? null}\n\t\t\t\t\t\t\t\tblocks={peerAssessments}\n\t\t\t\t\t\t\t\treferenceType=\"AssignmentTask\"\n\t\t\t\t\t\t\t\treferenceId={this.state.assessTask?.id}\n\t\t\t\t\t\t\t\titems={[this.state.assessTask]}\n\t\t\t\t\t\t\t\tassessmentType={ASSESSMENT_TYPES.PEER}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{!isUserTeacher(this.props.currentUser) && selfAssessments.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\t// Loading section\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\n\n\n\t\t\t\t\t{!isTeacher && assignment.studentAssessmentTasks.length && this.props.blocks ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t this.toggleTab('assessments')}\n\t\t\t\t\t\t\t\t\t\ttype='secondary'\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('assessment-tab')}\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t this.toggleTab('plagiarism')}\n\t\t\t\t\t\t\t\t\t\ttype='secondary'\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('plagiarism-check-tab')}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{this.state.tab == 'assessments' ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{assignment.groupEnabled ? (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{this.props.hasValidPlagiarismLicense ?\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\tDet finns ingen giltig licens för att använda denna tjänst\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{user.isStudent() && selfAssessments.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate(\"Peer review\")}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t| {this.props.translate('buddy')} | \n\t\t\t\t\t\t\t\t\t\t{this.props.translate('workspace')} | \n\t\t\t\t\t\t\t\t\t\t{this.props.translate('tools')} | \n\t\t\t\t\t\t\t\t\t
|---|---|---|
| {assessTask.groupName} | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t
| {this.props.translate('nothing-to-assess')} | \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t |
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{teacherAssessments.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('self-assessment')}\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('assess')}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\n\n\t\t\t\t\t\t\t{this.state.loadingBlocks ?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{assignment.assignmentDocuments != null &&\n\t\t\t\t\t\tassignment.assignmentDocuments.length > 0 ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{isTeacher == true ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('attached-instructions')}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{user.isStudent() ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('attached-templates')}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{user.isStudent() ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('my-files')}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{assignment.status != 'ASSIGNMENT_CLOSED' ? (\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tassignee.permission != '0'\n\t\t\t\t\t\t\t\t\t\t\t\t\t) != null\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tIsTeachlefter={false}\n\t\t\t\t\t\t\t\t\t\t\t\tonUploadError={this.onUploadError}\n\t\t\t\t\t\t\t\t\t\t\t\tschoolId={activeSection?.schoolID}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{isTeacher || assignment.status == 'ASSIGNMENT_CLOSED' ? null\n\t\t\t\t\t\t\t\t\t\t: this.statusSwitcher()}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tactiveSection: state.assignments.section,\n\t\tactiveSchool: state.user.activeSchool,\n\t\tcurrentUser: state.user.currentUser,\n\t\tsections: state.sections.educationGroups,\n\t\tassessments: state.assessments.assessments,\n\t\tstudentAssessment: state.assessments.studentAssessment,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tservices: state.Services.availableServices,\n\t\tconversations: state.Conversation.referenceConversations,\n\t\tassignmentTaskStatus: state.status.status.assignmentTaskStatus,\n\t\treader: state.user.reader,\n\t\thasValidPlagiarismLicense: state.Plagiarism.hasValidPlagiarismLicense,\n\t\tblocks: state.Blocks.reference,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tgetAssignmentSection,\n\tgetAssignmentKnowledgeCollections,\n\tgetAssignmentAssessment,\n\tgetStudentAssessment,\n\tupdateAssignment,\n\taddError,\n\tsetActiveAssignment,\n\tclearAssignmentSection,\n\tgetStudentAssessments,\n\tdeleteAssignmentFromStore,\n\tgetFolderFiles,\n\tgetTaskDetails,\n\tsetPageTitle,\n\tgetReaderParameters,\n\tgetAssignmentStatus,\n\tgetBlocksByReference,\n\tcreateStudentAssessment,\n\tupdateAssessment,\n\tcreateAssignmentTaskWorkspace,\n\tsetTeacherDone,\n\t...plagiarismActions,\n})(HaldorAssignment));\n","import React, { Fragment } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Form, Field } from \"react-final-form\";\nimport { useTranslate } from \"lib/translate\";\n\nimport BlockAssessments from \"components/BlockAssessments\";\n\nimport { Button, Expandable } from '@haldor/ui';\n\nconst KnowledgeRequirements = (props) => {\n\tconst translate = useTranslate();\n\tconst section = useSelector((state) => state.sections.activeSection);\n\tconst activeAssignment = useSelector((state) => state.assignments.active_assignment);\n\tconst details = useSelector((state) => state.assignments.teamsAssignmentDetails);\n\tconst blocks = useSelector((state) => state.Blocks.reference);\n\n\tconst initialValues = {\n\t\tassessmentBlocks: blocks?.filter((block) => block.type == 'Haldor.Blocks.AssessmentBlock'),\n\t\t...activeAssignment,\n\t\t...details,\n\t};\n\n\tconst submit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tlet assignment = null;\n\t\t\tif (values.id === parseInt(values.id, 10)) {\n\t\t\t\tassignment = values;\n\t\t\t} else {\n\t\t\t\tassignment = {\n\t\t\t\t\texternalId: values.id,\n\t\t\t\t\torigin: \"TEAMS\",\n\t\t\t\t\ttitle: values.displayName,\n\t\t\t\t\tdueDate: values.dueDateTime,\n\t\t\t\t\tdescription: values.instructions.content,\n\t\t\t\t\tsectionId: section.id,\n\t\t\t\t\tassessmentBlocks: values.assessmentBlocks,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// Edit values here before posting them to the parent component\n\t\t\tif (props.onSubmit != null) {\n\t\t\t\tprops.onSubmit(assignment).then(() => {\n\t\t\t\t\tresolve(assignment);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t};\n\n\treturn (\n\t\t\n\t\t\t {\n\t\t\t\t\treturn \n\t\t\t\t\t\t{submitting ? (\n\t\t\t\t\t\t\t \n\t\t\t\t}}\n\t\t\t/>\n\t\t
\n\t);\n}\n\nexport default KnowledgeRequirements;\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Link } from 'react-router-dom';\nimport api from \"lib/api\";\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport DateTime from \"_class/DateTime\";\nimport User from \"_class/User\";\n\nimport {\n\tcreateAssessments,\n\tupdateAssessment,\n\tgetAssignmentAssessment,\n\tupdateAssessmentStatus,\n} from \"actions/assessments\";\n\nimport {\n\tcreateAssessmentBlock,\n\tupdateAssessmentBlock,\n\tgetBlocksByReference,\n\tclearBlocksOnReference,\n\tdeleteBlock,\n} from 'actions/blocks';\n\nimport { addError } from \"actions\";\nimport { getMicrosoftAssignmentDetails, getAssignmentSection, updateBulkAssignmentObject } from \"actions/assignments\";\nimport { setPageActions, setPageTitle } from \"actions/header\";\nimport { getTeamChannels } from \"actions/sections\";\nimport { getReaderParameters } from \"actions/user\";\n\nimport { trackImmersiveReaderError } from \"helpers/insights\";\nimport { getDescription } from \"helpers/content\";\nimport { generateMicrosoftAssignmentDeepLink } from \"helpers/teams\";\nimport { getRootUrl } from \"helpers/url\";\n\nimport Message from \"../Partials/Message\";\nimport Bookmark from '../Partials/Bookmark';\n\nimport AssessmentsConsumer from 'components/BlockAssessments/Consumer';\nimport SimpleSelect from \"components/Inputs/SimpleSelect\";\nimport PostContent from \"components/Presentation/PostContent\";\nimport KnowledgeRequirements from \"containers/Forms/AssignmentForm/KnowledgeRequirements\";\nimport Modal from \"containers/Modals/Modal\";\n\nimport { DataList, Skeleton } from \"UI\";\nimport RowItem, { RowCell } from \"UI/Elements/List/RowItem\";\nimport { Immersive_Reader } from \"UI/Icons\";\nimport { Block as ContentBlock, Button, translate } from \"@haldor/ui\";\nimport AssessmentForm from \"containers/Forms/AssessmentForm\";\nimport DisplayName from \"components/Presentation/DisplayName\";\n\nconst ImmersiveReader = require(\"@microsoft/immersive-reader-sdk\");\n\nclass MicrosoftAssignment extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tgroupId: null,\n\t\t\tassessmentOpen: false,\n\t\t\tformModal: false,\n\t\t\tloadingDetails: true,\n\t\t\tloadingAssessments: false,\n\t\t\tisMobileOrTablet: false,\n\t\t};\n\t}\n\n\tisFrame() {\n\t\ttry {\n\t\t\treturn window.self !== window.top;\n\t\t} catch (e) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\tonFormToggle = () => {\n\t\tthis.setState({ formModal: !this.state.formModal });\n\t};\n\n\tonFormSubmit = (values) => {\n\t\tlet assignmentId = this.props.assignment.id;\n\t\tif (this.props.assignment.externalID != null) { //Assignment might be deleted in Teams. We need to fetch by Haldor Assignment Object Type\n\t\t\tassignmentId = this.props.assignment.externalID;\n\t\t}\n\n\t\treturn new Promise((resolve) => {\n\t\t\tlet startDate = this.props.assignment.assignedDateTime;\n\t\t\tlet assessmentBlocks = [];\n\t\t\tlet deletedBlocks = [];\n\t\t\tif (startDate == null) {\n\t\t\t\tstartDate = this.props.assignment.assignDateTime;\n\t\t\t}\n\n\t\t\tif (values.assessmentBlocks != null) {\n\t\t\t\tassessmentBlocks = [...values.assessmentBlocks];\n\t\t\t}\n\n\t\t\tif (this.props.blocks) {\n\t\t\t\tdeletedBlocks = [...this.props.blocks].filter((block) =>\n\t\t\t\t\t!values.assessmentBlocks.find(_bl => _bl.id == block.id)\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tvalues.startDate = startDate;\n\t\t\tdelete values.assessmentBlocks;\n\n\t\t\t// PUT the values here\n\t\t\tapi.put(\"assignments\", values).then(async () => {\n\t\t\t\tlet promises = [];\n\t\t\t\tawait this.props.getMicrosoftAssignmentDetails(assignmentId);\n\n\t\t\t\tif (this.props.details != null) {\n\t\t\t\t\tassessmentBlocks.forEach((block) => {\n\t\t\t\t\t\tpromises.push(new Promise(async (resolve) => {\n\t\t\t\t\t\t\tconst initialBlock = this.props.blocks?.find((b) => b.id == block.id);\n\n\t\t\t\t\t\t\tif (initialBlock != null) {\n\t\t\t\t\t\t\t\tawait this.props.updateAssessmentBlock(block, initialBlock);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tawait this.props.createAssessmentBlock(block, this.props.details.id, 'ASSIGNMENT');\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t}));\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tif (deletedBlocks.length > 0) {\n\t\t\t\t\tdeletedBlocks.forEach(block => {\n\t\t\t\t\t\tlet deletePromise = new Promise(resolve => {\n\t\t\t\t\t\t\tthis.props.deleteBlock(block.id).then(() => {\n\t\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tpromises.push(deletePromise);\n\t\t\t\t\t})\n\t\t\t\t}\n\n\t\t\t\tawait Promise.all(promises);\n\n\t\t\t\tthis.props.updateBulkAssignmentObject(assignmentId, true);\n\n\t\t\t\tthis.onFormToggle();\n\n\t\t\t\tresolve(1);\n\n\t\t\t\tif (this.props.details != null) {\n\t\t\t\t\tthis.props.getBlocksByReference(this.props.details.id, 'ASSIGNMENT');\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t};\n\n\trunImmersiveReader = async () => {\n\t\tconst { assignment, currentUser } = this.props;\n\t\tconst localLanguage = localStorage.getItem(\"language\");\n\n\t\tconst data = {\n\t\t\ttitle: assignment.displayName,\n\t\t\tchunks: [\n\t\t\t\t{\n\t\t\t\t\tcontent: \"\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\" + assignment.displayName + \"
\",\n\t\t\t\t\tmimeType: \"text/html\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcontent: getDescription(assignment.instructions.content),\n\t\t\t\t\tmimeType: \"text/html\",\n\t\t\t\t},\n\t\t\t],\n\t\t};\n\n\t\tawait this.props.getReaderParameters();\n\t\tconst { reader } = this.props;\n\n\t\tImmersiveReader.launchAsync(reader.token, reader.subdomain, data, {\n\t\t\tuiLang: localLanguage, // Set immersive reader UI language to selected lang in Haldor Edu\n\t\t}).catch((error) => {\n\t\t\ttrackImmersiveReaderError(error, currentUser.id);\n\t\t});\n\t};\n\n\tisMobileOrTablet() {\n\t\tconst userAgent = navigator.userAgent || navigator.vendor;\n\n\t\t// Control android-devices\n\t\tif (/android/i.test(userAgent)) {\n\t\t\treturn true;\n\t\t}\n\t\t// Control (iPad, iPhone, iPod)\n\t\tif (/iPad|iPhone|iPod/.test(userAgent) && !(navigator.userAgent.includes(\"Windows\") && navigator.userAgent.includes(\"Touch\"))) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tcomponentDidMount = () => {\n\t\tthis.loadData();\n\n\t\tif (this.isMobileOrTablet()) {\n\t\t\tthis.setState({ isMobileOrTablet: true });\n\t\t}\n\t};\n\n\tcomponentWillUnmount = () => {\n\t\tImmersiveReader.close();\n\t}\n\n\tloadData = () => {\n\t\tconst group = this.props.groups.find((group) => {\n\t\t\treturn group.graphId == this.props.assignment.classId;\n\t\t});\n\n\t\tlet groupId = 0;\n\t\tlet assignmentId = this.props.assignment.id;\n\n\t\tif (group != null) {\n\t\t\tgroupId = group.id;\n\t\t\tthis.props.getAssignmentSection(group.id);\n\t\t} else {\n\t\t\tif (this.props.assignment.sectionId != null) {\n\t\t\t\tgroupId = this.props.assignment.sectionId;\n\t\t\t\tthis.props.getAssignmentSection(this.props.assignment.sectionId);\n\t\t\t}\n\t\t}\n\n\t\tif (this.props.assignment.externalID != null) { //Assignment might be deleted in Teams. We need to fetch by Haldor Assignment Object Type\n\t\t\tassignmentId = this.props.assignment.externalID;\n\t\t}\n\n\t\tthis.setState({ groupId: groupId, loadingAssessments: true });\n\n\t\tthis.props.getMicrosoftAssignmentDetails(assignmentId).then(() => {\n\t\t\tif (this.props.details != null) {\n\t\t\t\tthis.setActions();\n\t\t\t\tthis.props.getBlocksByReference(this.props.details.id, 'ASSIGNMENT');\n\t\t\t\tthis.props.getAssignmentAssessment(this.props.details.id).then(() => {\n\t\t\t\t\tthis.setState({ loadingAssessments: false, loadingDetails: false });\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.setState({ loadingAssessments: false, loadingDetails: false });\n\t\t\t}\n\t\t});\n\n\t\tthis.setActions();\n\t};\n\n\tsetActions = () => {\n\t\tconst currentUser = new User(this.props.currentUser);\n\t\tif (this.props.assignment != null) {\n\t\t\tif (this.props.assignment.displayName != null) {\n\t\t\t\tthis.props.setPageTitle(this.props.assignment.displayName);\n\t\t\t} else if (this.props.assignment.title != null) {\n\t\t\t\tthis.props.setPageTitle(this.props.assignment.title);\n\t\t\t}\n\n\t\t\tlet actions = [];\n\n\t\t\tif (!currentUser.isStudent() && this.props.services.microsoft && this.props.details != null && this.props.assignment.status != \"ASSIGNMENT_DELETED\") {\n\t\t\t\tactions.push({\n\t\t\t\t\ttype: \"button\",\n\t\t\t\t\tonClick: this.onFormToggle,\n\t\t\t\t\tvalue: this.props.translate(\"edit-knowledge-requirements\"),\n\t\t\t\t});\n\t\t\t}\n\n\n\t\t\tif (this.isFrame() || this.state.isMobileOrTablet) {\n\t\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\t\tif (context.team) {\n\t\t\t\t\t\tactions.push({\n\t\t\t\t\t\t\ttype: \"button\",\n\t\t\t\t\t\t\tvalue: this.props.translate(\"open-workspace\"),\n\t\t\t\t\t\t\tonClick: this.onTeamsClick,\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tthis.props.setPageActions(actions);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.props.getTeamChannels(this.props.assignment.classId).then(() => {\n\t\t\t\t\t\t\tvar generalChannel = this.props.teamChannels.find(t => t.displayName == \"General\");\n\t\t\t\t\t\t\tif (generalChannel != null) {\n\n\t\t\t\t\t\t\t\tthis.setState({ generalChannel });\n\n\t\t\t\t\t\t\t\tactions.push({\n\t\t\t\t\t\t\t\t\ttype: \"button\",\n\t\t\t\t\t\t\t\t\tvalue: this.props.translate(\"open-workspace\"),\n\t\t\t\t\t\t\t\t\tonClick: this.onTeamsClick,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tthis.props.setPageActions(actions);\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.props.setPageActions(actions);\n\t\t\t}\n\t\t}\n\t};\n\n\tonTeamsClick = (e) => {\n\t\tconst { assignment } = this.props;\n\n\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\tlet groupId = null;\n\t\t\tlet channelId = null;\n\n\t\t\t/**\n\t\t\t * If the context is available, we can use the context to open the workspace.\n\t\t\t */\n\t\t\tif (context.channel != null && context.team != null) {\n\t\t\t\tchannelId = context.channel.id;\n\t\t\t\tgroupId = context.team.groupId;\n\t\t\t} else {\n\t\t\t\t/**\n\t\t\t\t * If the context is not available, we can use the group and channel id from the state. \n\t\t\t\t*/\n\t\t\t\tif (this.state.generalChannel != null) {\n\t\t\t\t\tchannelId = this.state.generalChannel.id;\n\t\t\t\t\tgroupId = this.props.assignment.classId;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst link = generateMicrosoftAssignmentDeepLink(assignment.id, groupId, channelId);\n\t\t\tmicrosoftTeams.app.openLink(link);\n\t\t});\n\t};\n\n\tcloseAssessment = () => {\n\t\tthis.setState({ assessmentOpen: false, loadingDetails: true }, () => {\n\t\t\tthis.loadData();\n\t\t});\n\t};\n\n\tonAssessmentSubmit = (values) => new Promise((resolve) => {\n\t\tconst students = this.filterStudentList();\n\n\t\tvalues.externalId = this.props.details.externalID;\n\n\t\tif (values.id != null) {\n\t\t\tconst existing = this.props.assessments.find((assessment) => assessment.id == values.id);\n\t\t\tthis.props.updateAssessment(values, existing).then(() => {\n\t\t\t\tresolve(1);\n\t\t\t\tthis.closeAssessment();\n\t\t\t});\n\n\t\t\treturn true;\n\t\t}\n\n\t\tconst selectedUsers = students.filter(t => t.selected);\n\t\tlet data = [];\n\n\t\tselectedUsers.forEach((user) => {\n\t\t\tdata.push({\n\t\t\t\t...values,\n\t\t\t\tstudentId: user.id,\n\t\t\t});\n\t\t});\n\n\t\tthis.props.createAssessments(data).then(() => {\n\t\t\tresolve(1);\n\t\t\tthis.closeAssessment();\n\t\t});\n\t})\n\n\trenderModals(students) {\n\t\tif (this.state.loadingDetails) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst student = students?.find((student) => student.selected);\n\t\tif (student == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst assessment = this.props.assessments.find((t) => t.studentId == student.id);\n\t\tlet assessmentBlocks = [];\n\n\t\tif (this.props.blocks != null) {\n\t\t\tassessmentBlocks = [...this.props.blocks].filter((block) =>\n\t\t\t\tblock.type == 'Haldor.Blocks.AssessmentBlock' && block.resources.length > 0\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t ({\n\t\t\t\t\t\t\tfirstname: student.firstName,\n\t\t\t\t\t\t\tlastname: student.lastName,\n\t\t\t\t\t\t\t...student\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\treferenceId={this.props.details.id}\n\t\t\t\t\t\treferenceType=\"TeamsAssignment\"\n\t\t\t\t\t\tsection={this.props.group}\n\t\t\t\t\t/>\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\tonAssessmentStatusSelect = (item, value) => {\n\t\tconst assessment = this.props.assessments.find((t) => t.studentId == item.id);\n\t\tif (assessment != null) {\n\t\t\tthis.props.updateAssessmentStatus(assessment.id, value.value).then(() => {\n\t\t\t\tthis.props.addError(this.props.translate(\"changes-saved\"), \"info\");\n\t\t\t});\n\t\t}\n\t};\n\n\trenderStudentRow = (student) => {\n\t\tconst { assignment, translate } = this.props;\n\t\tconst user = new User(student);\n\t\tconst assessment = this.props.assessments.find((t) => t.studentId == student.id);\n\t\tlet submission = this.props.assignment.submissions.find((t) => t.recipient.userId == student.id);\n\n\t\tlet assignmentId = assignment.id;\n\t\tif (assignment.externalID != null) { //Assignment might be deleted in Teams. We need to fetch by Haldor Assignment Object Type\n\t\t\tassignmentId = assignment.externalID;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{new DateTime(assignment.assignDateTime).getShortDate(true)}\n\t\t\t\t
\n\t\t\t);\n\t\t} else if (assignment.assignedDateTime != null) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{new DateTime(assignment.assignedDateTime).getShortDate(true)}\n\t\t\t\t
\n\t\t\t)\n\t\t} else if (assignment.startDate != null) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{new DateTime(assignment.startDate).getShortDate(true)}\n\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t\treturn \"\";\n\t}\n\n\trenderDueDate = (assignment) => {\n\t\tif (assignment.dueDateTime != null) {\n\t\t\treturn new DateTime(assignment.dueDateTime).getShortDate(true);\n\t\t} else if (assignment.dueDate != null) {\n\t\t\treturn new DateTime(assignment.dueDate).getShortDate(true);\n\t\t}\n\n\t\treturn \"\";\n\t}\n\n\trender() {\n\t\tconst { assignment, translate, group } = this.props;\n\t\tconst currentUser = new User(this.props.currentUser);\n\t\tconst description = this.renderDescription(assignment);\n\n\t\tlet assessment = null;\n\t\tlet assessmentBlocks = [];\n\t\tlet students = this.filterStudentList();\n\n\t\tif (this.props.blocks != null) {\n\t\t\tassessmentBlocks = [...this.props.blocks].filter((block) =>\n\t\t\t\tblock.type == 'Haldor.Blocks.AssessmentBlock' && block.resources.length > 0\n\t\t\t);\n\t\t}\n\n\t\tif (currentUser.isStudent() && this.props.assessments.length > 0) {\n\t\t\tassessment = this.props.assessments[0];\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.renderModals(students)}\n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tblocks: state.Blocks.reference,\n\t\tservices: state.Services.availableServices,\n\t\tgroup: state.assignments.section,\n\t\tgroups: state.sections.educationGroups,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tassessments: state.assessments.assessments,\n\t\tdetails: state.assignments.teamsAssignmentDetails,\n\t\treader: state.user.reader,\n\t\tteamChannels: state.sections.teamChannels\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetAssignmentSection,\n\tgetMicrosoftAssignmentDetails,\n\tgetAssignmentAssessment,\n\taddError,\n\tupdateAssessmentStatus,\n\tsetPageTitle,\n\tsetPageActions,\n\tgetReaderParameters,\n\tgetTeamChannels,\n\tcreateAssessments,\n\tupdateAssessment,\n\n\tgetBlocksByReference,\n\tclearBlocksOnReference,\n\tcreateAssessmentBlock,\n\tupdateAssessmentBlock,\n\tdeleteBlock,\n\tupdateBulkAssignmentObject\n})(MicrosoftAssignment);","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport {\n\tgetTaskDetails,\n\tsetActiveAssignment,\n} from \"actions/assignments\";\n\nimport { setActiveSection } from \"actions/sections\";\n\nimport { clearAssessments } from \"actions/assessments\";\nimport { clearBlocksOnReference } from 'actions/blocks';\n\nimport { Block, translate } from '@haldor/ui';\nimport { Spinner } from \"UI\";\n\nimport HaldorAssignment from \"./Assignment/Haldor\";\nimport MicrosoftAssignment from \"./Assignment/Microsoft\";\nimport { isMicrosoftTeams } from \"helpers/teams\";\n\nclass SingleAssignmentV1 extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tloading: true\n\t\t};\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.setActiveAssignment();\n\t\tthis.props.clearAssessments();\n\t\tthis.props.clearBlocksOnReference();\n\n\t\t/**\n\t\t * We need to set activeSection to null when leaving the assignment, ActiveSection will be set when GetSection is called\n\t\t */\n\t\tthis.props.setActiveSection(null);\n\t};\n\n\tUNSAFE_componentWillMount = () => {\n\t\tconst { assignmentId } = this.props.match.params;\n\n\t\tif (isMicrosoftTeams()) {\n\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\tif (context.team) {\n\t\t\t\t\tthis.props.getTaskDetails(assignmentId, context.team.groupId)\n\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tthis.props.getTaskDetails(assignmentId)\n\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tthis.props.getTaskDetails(assignmentId)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t});\n\t\t}\n\t};\n\n\trender() {\n\t\tconst { loading } = this.state;\n\t\tconst { assignment } = this.props;\n\n\t\tif (loading || this.props.groups == null) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{!this.state.loadingDetails ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{description != '' ?\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t:\n\t\t\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t{assessmentBlocks.length > 0 ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.services.immersiveReaderAssignments ?\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{assignment.status == \"ASSIGNMENT_DELETED\" ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t{this.props.details != null ?\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('teams-assignment-deleted')}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{translate(\"start\")}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{this.renderDate(assignment)}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{translate(\"end\")}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{group != null ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.renderDueDate(assignment)}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate(\"section\")}\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t{group.title}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{currentUser.isTeacher() && !this.state.loadingDetails ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\t// Check if assignment is null\n\t\tif (this.props.assignment == null) {\n\t\t\treturn \n\t\t\t\t
\n\t\t}\n\n\t\tif (assignment != null) {\n\t\t\tlet assignmentId = assignment.externalID ?? this.props.match.params.assignmentId;\n\n\t\t\tif (assignmentId == parseInt(assignmentId, 10) && assignment.origin !== \"TEAMS\") {\n\t\t\t\treturn \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('assignment-has-been-deleted')}\n\t\t\t\t\t\t
\n\t\t\t\t\t{this.props.translate(\"assignment-not-found\")}
;\n\t\t}\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tassignment: state.assignments.active_assignment,\n\t\tcurrentUser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tgroups: state.sections.educationGroups,\n\t\ttenant: state.user.tenant\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetTaskDetails,\n\tclearAssessments,\n\tsetActiveAssignment,\n\tclearBlocksOnReference,\n\tsetActiveSection\n})(SingleAssignmentV1);","import { logActivity } from 'actions/logs';\nimport MyPlans from 'containers/Overview/Sections/MyPlans';\nimport Moment from 'moment';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { isMicrosoftTeams } from 'helpers/teams';\nimport MyPlansWrapper from './MyPlansWrapper';\n\nclass Plans extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tallowed: true,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\t//log the activity of loading the page\n\t\tconst logJson = { LogType: \"Route Change\", ReferenceType: \"Plans Page\", Comment: \"User loaded page\" };\n\t\tthis.props.logActivity(logJson);\n\n\t\tif (isMicrosoftTeams() && window.location.pathname == '/plans') {\n\t\t\tthis.setState({ allowed: this.props.services.plans });\n\t\t}\n\t}\n\n\trender() {\n\t\tif (!this.state.allowed) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{this.props.translate('service-not-active-error')}\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tservices: state.Services.availableServices,\n\t\tsections: state.sections.educationGroups,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tlogActivity,\n})(Plans);\n","import React, { Component } from 'react';\nimport { translate, Icon } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\nimport { getAssignmentSubmission, getMicrosoftAssignmentDetails, getTaskDetails } from 'actions/assignments';\nimport { setPageTitle } from 'actions/header';\nimport { getSection } from 'actions/sections';\nimport { isUserTeacher } from 'helpers/user';\nimport swal from 'sweetalert2';\nimport Select from 'react-select';\nimport { FormPrompt } from 'components/Inputs/FormPrompt';\nimport { addError } from 'actions';\nimport AssessmentForm from 'containers/Forms/AssessmentForm';\nimport WopiFrame from 'containers/WopiFrame/WopiFrame';\nimport { getBlocksByReference, clearBlocksOnReference } from 'actions/blocks';\nimport { createAssessments, updateAssessment, getAssignmentAssessment } from 'actions/assessments';\nimport { Skeleton, Spinner } from 'UI';\nimport DisplayName from 'components/Presentation/DisplayName';\nimport { isMicrosoftTeams } from 'helpers/teams';\n\nclass SubmissionsView extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloadingSubmission: true,\n\t\t\tloadingAssignment: true,\n\t\t\tloadingDetails: false,\n\t\t\tactiveFile: null,\n\t\t\tactiveSubmission: null,\n\t\t\tsidebarWide: false,\n\t\t\tsidebar: true,\n\t\t\tunsavedValues: null,\n\t\t\tactiveStudentId: null,\n\t\t\tactiveSubmissionStatus: null,\n\t\t};\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.props.clearBlocksOnReference();\n\t}\n\n\tcomponentDidMount = () => {\n\t\tconst { assignmentId } = this.props.match.params;\n\n\t\tthis.props.getMicrosoftAssignmentDetails(assignmentId)\n\t\t\t.then(() => {\n\t\t\t\tthis.setState({ loadingDetails: false });\n\t\t\t\tthis.getAssignment();\n\t\t\t});\n\n\t\tif (window.location.hash == '#assessment') {\n\t\t\tthis.setState({ sidebarWide: true });\n\t\t}\n\n\t\twindow.addEventListener('hashchange', () => {\n\t\t\tthis.setState({ sidebarWide: window.location.hash == '#assessment' });\n\t\t});\n\t}\n\n\tgetAssignment = () => {\n\t\tconst { assignmentId, submissionId } = this.props.match.params;\n\n\t\tif (this.props.assignment == null) {\n\t\t\tif (isMicrosoftTeams()) {\n\t\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\n\t\t\t\t\tlet sectionGuid = null;\n\n\t\t\t\t\tif (context.team) {\n\t\t\t\t\t\tsectionGuid = context.team.groupId;\n\n\t\t\t\t\t\tlet group = this.props.groups.find(group => {\n\t\t\t\t\t\t\treturn group.graphId == context.team.groupId;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (this.props.group == null) {\n\t\t\t\t\t\t\tif (group != null) {\n\t\t\t\t\t\t\t\tthis.props.getSection(group.id);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.props.getTaskDetails(assignmentId, sectionGuid).then(() => {\n\t\t\t\t\t\tthis.props.setPageTitle(this.props.assignment.displayName);\n\n\t\t\t\t\t\tif (!context.team) {\n\t\t\t\t\t\t\tlet group = this.props.groups.find(group => {\n\t\t\t\t\t\t\t\treturn group.graphId == this.props.assignment.classId;\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tif (group != null) {\n\t\t\t\t\t\t\t\tthis.props.getSection(group.id);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (this.props.blocks == null && this.props.details != null) {\n\t\t\t\t\t\t\tthis.props.getBlocksByReference(this.props.details.id, 'ASSIGNMENT');\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.props.getAssignmentAssessment(this.props.details.id);\n\t\t\t\t\t\tthis.setState({ loadingAssignment: false });\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.props.getTaskDetails(assignmentId).then(() => {\n\t\t\t\t\tthis.props.setPageTitle(this.props.assignment.displayName);\n\t\t\t\t\tthis.setState({ loadingAssignment: false });\n\n\t\t\t\t\tif (this.props.group == null) {\n\t\t\t\t\t\tlet group = this.props.groups.find(group => {\n\t\t\t\t\t\t\treturn group.graphId == this.props.assignment.classId;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (group != null) {\n\t\t\t\t\t\t\tthis.props.getSection(group.id);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif (this.props.blocks == null && this.props.details != null) {\n\t\t\t\t\t\tthis.props.getBlocksByReference(this.props.details.id, 'ASSIGNMENT');\n\t\t\t\t\t}\n\t\t\t\t\tthis.props.getAssignmentAssessment(this.props.details.id);\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tthis.props.setPageTitle(this.props.assignment.displayName);\n\n\t\t\tif (this.props.blocks == null && this.props.details != null) {\n\t\t\t\tthis.props.getBlocksByReference(this.props.details.id, 'ASSIGNMENT');\n\t\t\t\tthis.props.getAssignmentAssessment(this.props.details.id);\n\t\t\t}\n\n\t\t\tthis.setState({ loadingAssignment: false });\n\t\t}\n\n\t\tif (this.state.activeSubmission == null && submissionId != null) {\n\t\t\tconst submission = {\n\t\t\t\t'id': submissionId,\n\t\t\t};\n\n\t\t\tthis.onSubmissionSelect(submission);\n\t\t}\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tif (this.props.match.params.submissionId != nextProps.match.params.submissionId) {\n\t\t\tconst submission = {\n\t\t\t\t'id': nextProps.match.params.submissionId,\n\t\t\t};\n\n\t\t\tthis.onSubmissionSelect(submission);\n\t\t}\n\t}\n\n\ttoggleSidebar = () => {\n\t\tthis.setState({ sidebar: !this.state.sidebar });\n\t}\n\n\tfilterStudentList = () => {\n\t\tconst { group, assignment } = this.props;\n\t\tlet students = [];\n\n\t\tif (assignment == null) {\n\t\t\treturn students;\n\t\t}\n\n\t\tif (assignment.submissions != null && assignment.submissions.length > 0) {\n\t\t\tif (group != null && isUserTeacher(this.props.currentUser)) {\n\t\t\t\tgroup.students.forEach((groupStudent) => {\n\t\t\t\t\tlet student = assignment.submissions.find(submission => submission.recipient.userId == groupStudent.id);\n\n\t\t\t\t\tif (student != null) {\n\t\t\t\t\t\tstudents.push(groupStudent);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn students;\n\t\t}\n\n\t\tif (assignment.assignTo == null || assignment.assignTo.recipients == null) {\n\t\t\treturn students;\n\t\t}\n\n\t\tif (group != null && isUserTeacher(this.props.currentUser)) {\n\t\t\tgroup.students.forEach((groupStudent) => {\n\t\t\t\tif (this.props.assignment.assignTo == null || this.props.assignment.assignTo.recipients == null) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tlet student = this.props.assignment.assignTo.recipients.find(assignmentStudentId => assignmentStudentId == groupStudent.id);\n\n\t\t\t\tif (student != null) {\n\t\t\t\t\tstudents.push(groupStudent);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\treturn students;\n\t}\n\n\ttoggleIcon(flip) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n\n\tonClickDocumentFunc = (file) => {\n\t\tthis.setState({ activeFile: file });\n\t};\n\n\trenderNoDocuments = () => {\n\t\treturn \n\t\t\t{this.props.translate('no-files-found')}\n\t\t
\n\t}\n\n\tonSubmissionSelect = (submission) => {\n\t\tif (submission == null) {\n\t\t\treturn;\n\t\t}\n\t\tconst { assignment, details } = this.props;\n\t\tlet student = null;\n\t\tlet foundSubmission = null;\n\n\t\tif (this.state.unsavedValues != null) {\n\t\t\tswal.fire({\n\t\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\t\ttext: this.props.translate(\"There are changes that haven't been saved. Are you sure you want to leave the page\"),\n\t\t\t\tshowCancelButton: true,\n\t\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t\t}).then((result) => {\n\t\t\t\tif (result.value != null) {\n\t\t\t\t\tthis.setState({ unsavedValues: null });\n\n\t\t\t\t\tif (assignment != null && assignment.submissions != null && assignment.submissions.length > 0) {\n\t\t\t\t\t\tlet students = this.filterStudentList();\n\t\t\t\t\t\tfoundSubmission = assignment.submissions.find((sub) => {\n\t\t\t\t\t\t\treturn sub.id == submission.id;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tstudent = students.find(student => {\n\t\t\t\t\t\t\treturn student.id == foundSubmission.recipient.userId;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tif (details != null) {\n\t\t\t\t\t\tthis.setState({ activeSubmission: submission.id, loadingSubmission: true });\n\n\t\t\t\t\t\tthis.props.getAssignmentSubmission(details.id, submission.id).then(() => {\n\t\t\t\t\t\t\tthis.setState({ loadingSubmission: false });\n\t\t\t\t\t\t\tconst { submission } = this.props;\n\n\t\t\t\t\t\t\tif (submission != null && submission.length > 0) {\n\t\t\t\t\t\t\t\t// Select the first document\n\t\t\t\t\t\t\t\tthis.onClickDocumentFunc(submission[0]);\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tthis.setState({ activeFile: null });\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tif (assignment != null && assignment.submissions != null && assignment.submissions.length > 0) {\n\t\t\t\tlet students = this.filterStudentList();\n\t\t\t\tfoundSubmission = assignment.submissions.find((sub) => {\n\t\t\t\t\treturn sub.id == submission.id;\n\t\t\t\t});\n\n\t\t\t\tstudent = students.find(student => {\n\t\t\t\t\treturn student.id == foundSubmission.recipient.userId;\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (details != null) {\n\t\t\t\tthis.setState({ activeSubmission: submission.id, loadingSubmission: true });\n\n\t\t\t\tthis.props.getAssignmentSubmission(details.id, submission.id).then(() => {\n\t\t\t\t\tthis.setState({ loadingSubmission: false });\n\t\t\t\t\tconst { submission } = this.props;\n\n\t\t\t\t\tif (submission != null && submission.length > 0) {\n\t\t\t\t\t\t// Select the first document\n\t\t\t\t\t\tthis.onClickDocumentFunc(submission[0]);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.setState({ activeFile: null });\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\trenderListView = () => {\n\t\tconst { assignment, details } = this.props;\n\t\tconst { activeSubmission, activeStudentId } = this.state;\n\n\t\tif (assignment == null && assignment.submissions != null || details == null || activeSubmission == null)\n\t\t\treturn null;\n\n\t\tconst students = this.filterStudentList().sort((a, b) => a.lastName.localeCompare(b.lastName));\n\n\t\tlet active = assignment.submissions.find((submission) => {\n\t\t\treturn submission.id == activeSubmission;\n\t\t});\n\n\t\tlet studentId = students.findIndex(student => {\n\t\t\treturn student.id == active?.recipient?.userId;\n\t\t});\n\t\tlet nextStudentIndex = studentId + 1;\n\t\tlet prevStudentIndex = studentId - 1;\n\n\t\tlet prevStudent = prevStudentIndex >= 0 ?\n\t\t\tstudents[prevStudentIndex] : null;\n\t\tlet nextStudent = nextStudentIndex < students.length ?\n\t\t\tstudents[nextStudentIndex] : null;\n\n\t\tlet next = nextStudent !== null ?\n\t\t\tassignment.submissions.find(x => x.recipient.userId === nextStudent?.id) : null\n\t\tlet prev = prevStudent !== null ?\n\t\t\tassignment.submissions.find(x => x.recipient.userId === prevStudent?.id) : null;\n\n\t\tconst activeStudent = students[studentId];\n\t\tif (activeStudent != null && activeStudent.id != activeStudentId) {\n\t\t\tthis.setState({ activeStudentId: activeStudent.id });\n\t\t}\n\t\tif (this.state.unsavedValues != null && this.state.unsavedValues.studentId !== activeStudentId) {\n\t\t\tthis.setState({ unsavedValues: null });\n\t\t}\n\n\t\treturn \n\t\t\t
\n\t}\n\n\trenderActiveFile = () => {\n\t\tconst { activeFile } = this.state;\n\n\t\tif (activeFile == null)\n\t\t\treturn null;\n\n\t\tlet notOfficeFile = activeFile.webUrlViewMode === '';\n\t\tlet mp4File = notOfficeFile && /.mp4$/.test(activeFile.webUrl);\n\t\tlet imageFile = notOfficeFile && /(.png|.jpg|.gif|.jpeg)$/.test(activeFile.webUrl);\n\t\tlet m4aFile = notOfficeFile && /.m4a$/.test(activeFile.webUrl);\n\n\t\tif (!notOfficeFile) {\n\t\t\treturn \n\t\t\t\t this.onSubmissionSelect(prev)}>\n\t\t\t\t\t{this.toggleIcon(false)}\n\t\t\t\t\n\n\t\t\t\t
\n\n\t\t\t\n\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\t{activeStudent != null ?\n\t\t\t\t\t\t\t
\n\n\t\t\t\t this.onSubmissionSelect(next)}>\n\t\t\t\t\t{this.toggleIcon(true)}\n\t\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t} else if (m4aFile) {\n\t\t\treturn \n\t\t}\n\n\t\treturn null;\n\t}\n\n\tonAssessmentSubmit = (values) => {\n\t\treturn new Promise((resolve) => {\n\t\t\tconst { assignment } = this.props;\n\n\t\t\tlet active = assignment.submissions.find((submission) => {\n\t\t\t\treturn submission.id == this.state.activeSubmission;\n\t\t\t});\n\n\t\t\tif (values.id != null) {\n\t\t\t\tconst existing = this.props.assessments.find((assessment) => assessment.id == values.id);\n\t\t\t\tthis.props.updateAssessment(values, existing).then(async () => {\n\t\t\t\t\tawait this.props.getAssignmentAssessment(this.props.details.id);\n\t\t\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t\t\t\t\tthis.setState({ unsavedValues: null });\n\t\t\t\t\tresolve(1);\n\t\t\t\t});\n\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tlet data = {\n\t\t\t\t...values,\n\t\t\t\texternalId: this.props.assignment.id,\n\t\t\t\tstudentId: active.recipient.userId,\n\t\t\t};\n\n\t\t\tthis.props.createAssessments([data]).then(async () => {\n\t\t\t\tawait this.props.getAssignmentAssessment(this.props.details.id);\n\t\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t\t\t\tthis.setState({ unsavedValues: null });\n\t\t\t\tresolve(1);\n\t\t\t});\n\t\t});\n\t}\n\n\tupdateUnsavedValues = (newValue, studentId, referenceId) => {\n\t\tif (\n\t\t\tnewValue == null ||\n\t\t\tstudentId != this.state.activeStudentId ||\n\t\t\treferenceId !== this.props.assignment?.id\n\t\t) {\n\t\t\tthis.setState({ unsavedValues: null });\n\t\t} else {\n\t\t\tthis.setState((prevState) => ({\n\t\t\t\tunsavedValues: {\n\t\t\t\t\t...newValue,\n\t\t\t\t\tstudentId: studentId,\n\t\t\t\t\treferenceId: referenceId\n\t\t\t\t}\n\t\t\t}));\n\t\t}\n\t};\n\n\tisTaskAssessable = () => {\n\t\tlet submission = this.props.assignment.submissions.find((s) => s.recipient.userId == this.state.activeStudentId);\n\t\tif (submission != null && submission.status != null && this.state.activeSubmissionStatus != submission.status) {\n\t\t\tthis.setState({ activeSubmissionStatus: submission.status });\n\t\t}\n\t\treturn (\n\t\t\tsubmission != null &&\n\t\t\t(submission.status == \"submitted\" ||\n\t\t\t\tsubmission.status == \"returned\" ||\n\t\t\t\tsubmission.status == \"reassigned\")\n\t\t);\n\t};\n\n\trenderStatus = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\t\t)\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tassignmentAttachementLoading,\n\t\t\tloadingSubmission,\n\t\t\tactiveSubmission,\n\t\t\tloadingDetails,\n\t\t\tsidebarWide,\n\t\t\tactiveFile,\n\t\t\tunsavedValues,\n\t\t} = this.state;\n\t\tconst { details, assignment, submission } = this.props;\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\n\t\tlet assessmentBlocks = [];\n\t\tlet assessment = [];\n\t\tlet fileOptions = [];\n\n\t\tif (assignment == null || loadingSubmission || loadingDetails) {\n\t\t\treturn {this.props.translate(\"microsoft-assignment-\" + this.state.activeSubmissionStatus)}
\n\t\t\t\n\t\t\t\t{this.state.unsavedValues != null && isTeacher ? (\n\t\t\t\t\t\n\t\t\t\t) : null}\n\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tdetails: state.assignments.teamsAssignmentDetails,\n\t\tassignment: state.assignments.active_assignment,\n\t\tassessments: state.assessments.assessments,\n\t\tsubmission: state.assignments.submission,\n\t\tgroup: state.sections.activeSection,\n\t\tgroups: state.sections.educationGroups,\n\t\tblocks: state.Blocks.reference,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetAssignmentSubmission,\n\tgetTaskDetails,\n\tgetMicrosoftAssignmentDetails,\n\tgetAssignmentAssessment,\n\tgetSection,\n\tsetPageTitle,\n\taddError,\n\tgetBlocksByReference,\n\tclearBlocksOnReference,\n\tupdateAssessment,\n\tcreateAssessments\n})(SubmissionsView);\n","import { addError } from 'actions';\nimport { updateAssessmentStatus, createAssessments, updateAssessment } from 'actions/assessments';\nimport SimpleSelect from 'components/Inputs/SimpleSelect';\nimport AssessmentForm from 'containers/Forms/AssessmentForm';\nimport ClearBlockAssessments from 'containers/Forms/Assessment/ClearBlockAssessments';\nimport Modal from 'containers/Modals/Modal';\nimport Moment from 'moment';\nimport React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport swal from 'sweetalert2';\nimport { Icon, Checkbox, Button } from '@haldor/ui';\nimport api from 'lib/api';\nimport sniffer from 'sniffer';\nimport DisplayName from 'components/Presentation/DisplayName';\nimport { Stack, Tooltip } from '@mui/material';\nimport ErrorRoundedIcon from '@mui/icons-material/ErrorRounded';\nimport moment from 'moment';\n\nclass UserPlanning extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tassessmentOpen: false,\n\t\t\tremoveAssessments: false,\n\t\t}\n\n\t\tthis.onCheckAll.bind(this);\n\t}\n\n\tonAssessmentSubmit = (values) => {\n\t\treturn new Promise((resolve) => {\n\t\t\tif (values.id != null) {\n\t\t\t\tconst existing = this.props.assessments.find((assessment) => assessment.id == values.id);\n\t\t\t\tthis.props.updateAssessment(values, existing).then(() => {\n\t\t\t\t\tresolve(1);\n\t\t\t\t\tthis.closeAssessment();\n\t\t\t\t});\n\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tconst selectedUsers = this.props.items.filter(t => t.selected);\n\t\t\tlet data = [];\n\n\t\t\tselectedUsers.forEach((user) => {\n\t\t\t\tdata.push({\n\t\t\t\t\t...values,\n\t\t\t\t\tstudentId: user.id,\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tthis.props.createAssessments(data).then(() => {\n\t\t\t\tresolve(1);\n\t\t\t\tthis.closeAssessment();\n\t\t\t});\n\t\t})\n\t}\n\n\tonStatusSelect = (item, value) => {\n\n\t\tif (item?.id == null || item?.planId == null || value?.value == null) {\n\t\t\treturn this.props.addError(this.props.translate('something-went-wrong'), 'error');\n\t\t}\n\n\t\tlet userObj = {\n\t\t\tid: item.id,\n\t\t\tfirstname: item.firstname,\n\t\t\tlastname: item.lastname,\n\t\t\tplanId: item.planId,\n\t\t\tstatus: value.value\n\t\t};\n\n\t\tapi.put(\"planning/student/status\", userObj).then(() => {\n\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t\t}).catch(() => {\n\t\t\tthis.props.addError(this.props.translate('something-went-wrong'), 'error');\n\t\t});\n\t}\n\n\tonAssessmentStatusSelect = (item, value) => {\n\t\tvar assessment = this.props.assessments.find(t => t.studentId == item.id);\n\t\tif (assessment != null) {\n\t\t\tthis.props.updateAssessmentStatus(assessment.id, value.value).then(() => {\n\t\t\t\tthis.props.addError(this.props.translate('changes-saved'), 'info');\n\t\t\t});\n\t\t}\n\t}\n\n\tmarkForConversation = (student) => {\n\t\tif (this.props.onConversation != null) {\n\t\t\tthis.props.onConversation(student);\n\t\t}\n\t}\n\n\tcloseAssessment = () => {\n\t\tthis.props.reload();\n\t\tthis.setState({ assessmentOpen: false });\n\t}\n\n\topenAssessment = (user) => {\n\t\tif (user != null) {\n\t\t\tthis.props.items.forEach(t => t.selected = false);\n\t\t\tuser.selected = true;\n\t\t} else {\n\t\t\tthis.props.items.forEach((student) => {\n\t\t\t\tconst assessment = this.props.assessments.find(t => t.studentId == student.id);\n\t\t\t\tif (assessment != null) {\n\t\t\t\t\tstudent.selected = false;\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\n\t\tconst selectedUsers = this.props.items.filter(t => t.selected);\n\t\tif (selectedUsers.length > 0) {\n\t\t\tthis.setState({ assessmentOpen: true });\n\t\t}\n\t}\n\n\tpublishAllAssessments = () => {\n\t\tconst { addError, translate, assessments } = this.props;\n\t\tconst { items } = this.props;\n\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('publish-all-assessments-warning'),\n\t\t\tshowCancelButton: true,\n\t\t\tfocusConfirm: false,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('yes-publish'),\n\t\t})\n\t\t\t.then(result => {\n\t\t\t\tif (result.value != null) {\n\t\t\t\t\tvar requests = 0;\n\n\t\t\t\t\titems.map((user) => {\n\t\t\t\t\t\tlet userAssessment = assessments.find(ass => {\n\t\t\t\t\t\t\treturn ass.studentId == user.id;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (userAssessment != null) {\n\t\t\t\t\t\t\tif (userAssessment.status != 'ASSESSMENT_PUBLISHED') {\n\t\t\t\t\t\t\t\trequests++;\n\t\t\t\t\t\t\t\tapi.put(`assessments/status?assessmentId=${userAssessment.id}&status=ASSESSMENT_PUBLISHED`, null).then(() => {\n\t\t\t\t\t\t\t\t\trequests--;\n\n\t\t\t\t\t\t\t\t\tif (requests == 0) {\n\t\t\t\t\t\t\t\t\t\taddError(translate('changes-saved'), 'info');\n\t\t\t\t\t\t\t\t\t\tthis.props.reload();\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tonSelect = (user, checked) => {\n\t\tuser.selected = checked;\n\t\tthis.setState({});\n\t}\n\n\tonCheckAll = (checked) => {\n\t\tthis.props.items.forEach(t => t.selected = checked);\n\t\tthis.setState({});\n\t}\n\n\trenderStudents() {\n\t\tconst { items } = this.props;\n\n\t\treturn items.sort((a, b) => (a.lastname || \"\").localeCompare(b.lastname || \"\")).map((user, index) => {\n\t\t\tlet assessment = null;\n\t\t\tif (this.props.assessments != null) {\n\t\t\t\tassessment = this.props.assessments.find(t => t.studentId == user.id);\n\t\t\t}\n\t\t\tlet conversation = null;\n\t\t\tif (this.props.conversations != null) {\n\t\t\t\tconversation = this.props.conversations.find(conv => {\n\t\t\t\t\treturn conv.memberships.find(member => {\n\t\t\t\t\t\treturn member.membershipID == user.id;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t\tif (!this.props.printable) {\n\t\t\t\tlet studentIsCurrentlyMemberInGroup = this.props.section.students.find((s) => s.userId == user.id);\n\n\t\t\t\tif (!studentIsCurrentlyMemberInGroup && this.props.section.historicMembers != null && this.props.section.historicMembers.length > 0) {\n\t\t\t\t\tvar historicalMembership = this.props.section.historicMembers.find((m) => m.userId == user.id);\n\t\t\t\t\tif (historicalMembership) {\n\t\t\t\t\t\tuser.endDate = historicalMembership.endDate;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{!assignmentAttachementLoading && !loadingSubmission && (submission == null || submission.length == 0) ?\n\t\t\t\t\t\tthis.renderNoDocuments()\n\t\t\t\t\t\t: !assignmentAttachementLoading && activeFile != null ?\n\t\t\t\t\t\t\t
\n\n\t\t\t\t{this.state.sidebar && isTeacher ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{assignmentAttachementLoading ? \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t this.onClickDocumentFunc(eventTarget.value)}\n\t\t\t\t\t\t\t\t\t\tclassName=\"simple-select\"\n\t\t\t\t\t\t\t\t\t\tplaceholder={activeFile.name != null ? activeFile.name : ''}\n\t\t\t\t\t\t\t\t\t\tcomponents={{ IndicatorSeparator: () => null }}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{isTeacher && activeFile.webUrlViewMode !== '' ?\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: isTeacher ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('fold-up')}
\n\n\t\t\t\t\t\t{isTeacher && !loadingDetails ? this.renderListView() : null}\n\n\t\t\t\t\t\t{this.state.activeSubmissionStatus != null ? this.renderStatus() : null}\n\n\t\t\t\t\t\t{isTeacher && !loadingDetails && assessmentBlocks.length > 0 ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.isTaskAssessable() ?\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate(\"Student-has-not-submitted-assignment\")}\n\t\t\t\t\t\t\t\t\t
}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('fold-out')}
\n\t\t\t\t\t\t: null}\n\n\t\t\t\n\t\t\t\t\t\t\t\t\t{conversation != null ?\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{conversation.unreadMessages}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t this.setState({ removeAssessments: false })}\n\t\t\t\t>\n\t\t\t\t\t {\n\t\t\t\t\t\t\treturn { assignedTo: x.id, groupName: `${x.firstname} ${x.lastname}` }\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tassessments={this.props.assessments}\n\t\t\t\t\t\tsection={this.props.section}\n\t\t\t\t\t\tonAbort={(reload) => {\n\t\t\t\t\t\t\tif (reload) this.props.reload(true);\n\n\t\t\t\t\t\t\tthis.setState({ removeAssessments: false });\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t
\n\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tservices: state.Services.availableServices,\n\t\tconversations: state.Conversation.referenceConversations,\n\t\tassessments: state.assessments.assessments,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tsection: state.planning.section,\n\t\tblocks: state.Blocks.reference,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\taddError,\n\tupdateAssessmentStatus,\n\tcreateAssessments,\n\tupdateAssessment,\n})(UserPlanning);\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Expandable } from 'UI';\nimport './Styles.scss';\n\nclass SelectedCoreContent extends Component {\n\n\tgetContents = () => {\n\t\tconst { associatedCoreContent, assessmentBlocks } = this.props;\n\t\tlet coreContents = [];\n\n\t\tif (associatedCoreContent != null) {\n\t\t\tassociatedCoreContent.map((reference) => {\n\t\t\t\tif (reference == null || reference.coreContents == null) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\treference.coreContents.map((coreContent) => {\n\t\t\t\t\tvar findCourse = null;\n\t\t\t\t\tassessmentBlocks.forEach((block) => {\n\t\t\t\t\t\tblock.resources.forEach((resource) => {\n\t\t\t\t\t\t\tif (resource.referenceType == 'matrix') {\n\t\t\t\t\t\t\t\tlet detail = resource.value.details.find((detail) =>\n\t\t\t\t\t\t\t\t\tdetail.id == coreContent.courseDetailsId\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tif (detail != null) {\n\t\t\t\t\t\t\t\t\tfindCourse = resource.value;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t});\n\n\t\t\t\t\tlet courseTitle = \"\";\n\t\t\t\t\tlet courseId = \"\";\n\n\t\t\t\t\tif (findCourse != null) {\n\t\t\t\t\t\tcourseTitle = findCourse.title;\n\t\t\t\t\t\tcourseId = findCourse.id;\n\t\t\t\t\t}\n\n\t\t\t\t\tcoreContents.push({\n\t\t\t\t\t\t...coreContent,\n\t\t\t\t\t\tcourseTitle: courseTitle,\n\t\t\t\t\t\tcourseId: courseId,\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\n\t\t} else {\n\t\t\tif (this.props.coreContents != null && this.props.coreContents.length > 0) {\n\t\t\t\tcoreContents = this.props.coreContents[0].coreContents;\n\t\t\t}\n\t\t}\n\n\t\treturn coreContents;\n\t}\n\n\trender() {\n\t\tconst { translate } = this.props;\n\t\tconst coreContents = this.getContents();\n\n\t\tif (coreContents == null || coreContents.length == 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t| \n\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t{this.props.translate('name')} | \n\t\t\t\t\t\t\t{sniffer.isPhone ? null :\n\t\t\t\t\t\t\t\t{this.props.translate('Status')} | \n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{this.props.printable ?\n\t\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('assessment-status')}\n\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{this.props.services.conversations ?\n\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t |
|---|
\n\t\t\t\t\t{!this.props.printable ?\n\t\t\t\t\t\t this.openAssessment()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.props.translate('assess-selected-students')}\n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{!this.props.printable ?\n\t\t\t\t\t\t this.publishAllAssessments()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.props.translate('publish-assessments')}\n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{!this.props.printable ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{coreContents.map((coreContent, i) => {\n\t\t\t\t\t\treturn
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tactiveSection: state.sections.activeSection,\n\t};\n}\n\nexport default connect(mapStateToProps)(SelectedCoreContent);\n","import React, { Component } from 'react';\n\nimport { HaldorBlockConsumer, SkolonBlock } from '@haldor/ui';\n\nimport AssignmentBlock from './Blocks/AssignmentBlock';\nimport FileBlock from './Blocks/FileBlock';\nimport LinksBlock from './Blocks/LinksBlock';\nimport NDLABlock from './Blocks/NdlaBlock';\n\nclass BlockConsumer extends Component {\n\n\trender() {\n\t\treturn \n\t\t\t\t\t{this.props.translate('central-content')}\n\t\t\t\t
\n\n\t\t\t\t 0 ? { paddingTop: \"2rem\" } : {}} key={coreContent.id}>\n\t\t\t\t\t\t\t{coreContent.courseTitle != null && coreContent.courseTitle != \"\" ?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t\t\t{coreContent.courseTitle}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{coreContent.aspects.length > 0 ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{coreContent.aspects.map(aspect => {\n\t\t\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{aspect.title != null ? aspect.title : \"\"}\n\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t\t\t\t{aspect.aspectRows.map(row => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn
- \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{row.text}\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t${this.props.translate('Content')}\n\t\t\t
`,\n\t\t\tmimeType: \"text/html\",\n\t\t})\n\n\t\tImmersiveReader.launchAsync(reader.token, reader.subdomain, data, {\n\t\t\tuiLang: localLanguage, // Set immersive reader UI language to selected lang in Haldor Edu\n\t\t}).catch((error) => {\n\t\t\tconsole.error(\"error\", error);\n\t\t\ttrackImmersiveReaderError(error, currentUser.id);\n\t\t});\n\t};\n\n\treadPlanInformation = async () => {\n\t\tconst { plan, currentUser, translate } = this.props;\n\t\tconst localLanguage = localStorage.getItem(\"language\");\n\n\t\tawait this.props.getReaderParameters();\n\t\tconst { reader } = this.props;\n\n\t\tif (reader == null) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst start = new DateTime(plan.timeStart).getShortDate();\n\t\tconst end = new DateTime(plan.timeEnd).getShortDate();\n\n\t\tlet status = translate('open');\n\t\tif (plan.status == 'PLANNING_CLOSED') {\n\t\t\tstatus = translate('Closed');\n\t\t}\n\n\t\tif (plan.status == 'PLANNING_DRAFT') {\n\t\t\tstatus = translate('Draft');\n\t\t}\n\n\t\tlet data = {\n\t\t\ttitle: plan.title,\n\t\t\tchunks: [\n\t\t\t\t{\n\t\t\t\t\tcontent: `\n\t\t\t\t\t\t${translate('Plan information')}\n\t\t\t\t\t
`,\n\t\t\t\t\tmimeType: \"text/html\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcontent: `\n\t\t\t\t\t\t${translate('Plan is active between')}:\n\t\t\t\t\t\t${start} - ${end} and the current status is: ${status}\n\t\t\t\t\t\t\n\t\t\t\t\t`,\n\t\t\t\t\tmimeType: \"text/html\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcontent: `\n\t\t\t\t\t\t${translate('It belongs to the group named')}:\n\t\t\t\t\t\t${plan.section.title}\n\t\t\t\t\t\t\n\t\t\t\t\t`,\n\t\t\t\t\tmimeType: \"text/html\",\n\t\t\t\t},\n\t\t\t],\n\t\t};\n\n\t\tImmersiveReader.launchAsync(reader.token, reader.subdomain, data, {\n\t\t\tuiLang: localLanguage, // Set immersive reader UI language to selected lang in Haldor Edu\n\t\t}).catch((error) => {\n\t\t\tconsole.error(\"error\", error);\n\t\t\ttrackImmersiveReaderError(error, currentUser.id);\n\t\t});\n\t}\n\n\ttoggleDeletion = () => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate(\"Delete\"),\n\t\t\ttext: this.props.translate(\"delete-plan-prompt\"),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate(\"Cancel\"),\n\t\t\tconfirmButtonText: this.props.translate(\"Delete\"),\n\t\t}).then((response) => {\n\t\t\tif (response.value != null) {\n\t\t\t\tthis.props.deletePlan(this.props.match.params.planId).then(() => {\n\t\t\t\t\tif (getRootUrl() != \"/\") {\n\t\t\t\t\t\tthis.props.history.push(\"/planning-tab\");\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.props.history.push(\"/\");\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t};\n\n\tmarkStudentForConversation = (student) => {\n\t\tthis.setState({ studentConversation: student });\n\t};\n\n\tonConversationClose = () => {\n\t\tthis.setState({ studentConversation: null });\n\t};\n\n\topenStudentConversation = () => {\n\t\tconst { currentUser, plan } = this.props;\n\n\t\tif (this.props.activeSection != null) {\n\t\t\tlet owner = this.props.activeSection.owners.find((owner) => {\n\t\t\t\treturn owner.id == plan.creator;\n\t\t\t});\n\n\t\t\tconst teacher = {\n\t\t\t\tid: owner.id,\n\t\t\t\tfirstname: owner.firstName,\n\t\t\t\tlastname: owner.lastName,\n\t\t\t\temail: owner.email,\n\t\t\t\tuserType: owner.userType,\n\t\t\t};\n\n\t\t\tif (teacher != null) {\n\t\t\t\tthis.setState({ studentConversation: teacher });\n\t\t\t}\n\t\t}\n\t};\n\n\t//#region Modal Methods\n\tcloseModal = (reRender, skipPrompt) => {\n\t\tif (reRender) {\n\t\t\tthis.reload();\n\t\t}\n\n\t\tthis.setState({ modalIsOpen: false });\n\t};\n\n\topenModal = () => {\n\t\tthis.setState({ modalIsOpen: true });\n\t};\n\t//#endregion\n\n\trenderPlanStatus = () => {\n\t\tif (this.props.plan != null) {\n\t\t\tif (this.props.plan.locked) {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate(\"plan-is-processing\")}\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t}\n\t\t\tvar status = this.props.plan.status;\n\t\t\tvar assessed = false;\n\t\t\tif (this.props.assessments != null) {\n\t\t\t\tif (this.props.assessments.length > 0) {\n\t\t\t\t\tassessed = true;\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (assessed == false) {\n\t\t\t\tif (status === \"PLANNING_OPEN\") {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate(\"open\")}\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t} else if (status === \"PLANNING_CLOSED\") {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate(\"Closed\")}\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t} else if (status === \"PLANNING_DRAFT\") {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate(\"draft\")}\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate(\"assessed\")}\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t};\n\n\trenderModals = () => {\n\t\tconst { translate } = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t this.closeModal(true, false)}\n\t\t\t\t\ttitle={translate(\"edit-plan\")}\n\t\t\t\t>\n\t\t\t\t\t
\n\t\t);\n\t};\n\n\trenderPrintButton = () => {\n\t\tlet url = `/print/plan/${this.props.match.params.planId}`;\n\t\tif (getRootUrl() != \"/\") {\n\t\t\turl = `/print/planning-tab/${this.props.match.params.planId}`;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t};\n\n\tplanContent = () => {\n\t\tconst { plan } = this.props;\n\n\t\tvar user = new User(this.props.currentUser)\n\t\tconst isStudent = user.isStudent();\n\t\tconst isTeacher = user.isTeacher();\n\t\tlet teacherOwnsPlan = false;\n\t\tif (this.props.activeSection != null) {\n\t\t\tteacherOwnsPlan = this.props.activeSection.owners?.find((owner) => {\n\t\t\t\treturn owner.userId == this.props.currentUser.userId;\n\t\t\t}) != null;\n\t\t}\n\n\t\tlet subjects = [];\n\t\tlet assessmentBlocks = [];\n\t\tlet assessment = null;\n\n\t\tlet conversation = null;\n\t\tif (this.props.conversations != null && !isTeacher) {\n\t\t\tconversation = this.props.conversations.find((conv) => {\n\t\t\t\treturn conv.memberships.find((member) => {\n\t\t\t\t\treturn member.membershipID == this.props.currentUser.id;\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tif (isStudent && this.props.assessments.length > 0) {\n\t\t\tassessment = this.props.assessments[0];\n\t\t}\n\n\t\tif (this.props.blocks != null) {\n\t\t\tassessmentBlocks = [...this.props.blocks].filter((block) =>\n\t\t\t\tblock.type == 'Haldor.Blocks.AssessmentBlock' && block.resources.length > 0\n\t\t\t);\n\t\t}\n\n\t\tlet expiredCourses = [];\n\n\t\tif (assessmentBlocks?.length > 0) {\n\t\t\tassessmentBlocks?.forEach((content) => {\n\t\t\t\tcontent?.resources?.forEach(resources => {\n\n\t\t\t\t\tswitch (resources.referenceType) {\n\t\t\t\t\t\tcase 'matrix':\n\t\t\t\t\t\t\tvar matrixId = resources.referenceId;\n\t\t\t\t\t\t\tvar detail = resources.value?.details.find(detail => {\n\t\t\t\t\t\t\t\treturn detail.matrixID == matrixId;\n\t\t\t\t\t\t\t})\n\n\t\t\t\t\t\t\tif (detail != null && detail.endDate != null && moment(detail.endDate).isBefore(moment())) {\n\t\t\t\t\t\t\t\texpiredCourses.push(detail.courseID);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (resources?.value != null) {\n\t\t\t\t\t\tif (subjects.indexOf(resources.value?.subjectId) == -1) {\n\t\t\t\t\t\t\tsubjects.push(parseInt(resources.value?.subjectId));\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t});\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{isStudent && !teacherOwnsPlan ? null : this.renderModals()}\n\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.services.immersiveReaderPlans ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t\t:\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t}\n\n\t\t\t\t\n\n\t\t\t\t{\n\t\t\t\t\tthis.props.services.conversations ?\n\t\t\t\t\t\t
\n\t\t);\n\t};\n\n\trender() {\n\t\tif (this.state.loading) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t{this.props.translate(\"tools\")}
\n\n\t\t\t\t\t\t{this.props.services.conversations && isStudent ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{isStudent || !teacherOwnsPlan || this.state.loadingBlocks ? null : (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this.renderPrintButton()}\n\n\t\t\t\t\t\t{isStudent || !teacherOwnsPlan || plan.isDeletable == false ? null :\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t{user.isTeacher() ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('column-copy')}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t{\n\t\t\t\t\tthis.props.blocks != null && !this.state.loadingBlocks ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.services.immersiveReaderPlans ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('Draft')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate(\"section\")}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{plan.section.title}\n\t\t\t\t\t\t\t\t\t{plan.autoAssignStudents ? \n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate(\"Status\")}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{this.renderPlanStatus()}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{plan.courses.length > 0 ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate(\"Courses\")}\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t{this.props.services.additionalAdjustments && isTeacher && this.props.activeSection && this.props.activeSection?.owners?.filter(ss => ss.id == this.props.currentUser.id).length > 0 ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{plan.courses.map((course) => {\n\t\t\t\t\t\t\t\t\t\t\tlet text = course.title;\n\n\t\t\t\t\t\t\t\t\t\t\tif (course.year != null) {\n\t\t\t\t\t\t\t\t\t\t\t\ttext += \" \" + course.year\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{expiredCourses.indexOf(course.id) > -1 ?
\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\n\t\t\t\t{\n\t\t\t\t\tisStudent == false && teacherOwnsPlan && this.props.plan.students != null && this.props.plan.students.length > 0 ?\n\t\t\t\t\t\t- \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\n\t\t\t\t{\n\t\t\t\t\t(isTeacher || this.props.plan.viewableCoreContent) && this.props.plan.associatedCoreContent.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Purpose')}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\n\t\t\t\t{\n\t\t\t\t\tthis.state.loadingBlocks ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\n\t\t\t\t{\n\t\t\t\t\tassessmentBlocks.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Assessment')}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t
\n\t\t\t)\n\t\t} else if (this.state.notFound) {\n\t\t\treturn {this.props.translate('not-found')}
\n\t\t\t\t
\n\t\t}\n\n\t\tif (Object.keys(this.props.plan).length > 0) {\n\t\t\treturn \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('plan-has-been-deleted')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t{this.planContent()}\n\t\t\t
\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tservices: state.Services.availableServices,\n\t\tplan: state.planning.active_plan,\n\t\tcurrentUser: state.user.currentUser,\n\t\tsections: state.sections.educationGroups,\n\t\tactiveSection: state.planning.section,\n\t\tassessments: state.assessments.assessments,\n\t\tconversations: state.Conversation.referenceConversations,\n\t\treader: state.user.reader,\n\t\tblocks: state.Blocks.reference,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tgetPlanDetails,\n\tgetPlanAssessments,\n\taddError,\n\tdeletePlan,\n\tgetPlanSection,\n\tsetActivePlan,\n\tupdatePlan,\n\tsetPageTitle,\n\tgetReaderParameters,\n\tgetBlocksByReference,\n\tclearBlocksOnReference,\n})(CompulsoryPlan));","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport Moment from 'moment';\nimport User from '_class/User';\n\nimport { PRESCHOOL } from 'constants/schoolTypes';\nimport { isUserTeacher } from 'helpers/user';\n\nimport { getDocumentsByPlanId } from 'actions/documents';\nimport { getFileUrl } from 'actions/files';\nimport { fetch_preschoolgoals } from 'actions/preschoolform';\n\nimport Documentation from 'containers/Forms/Documentation';\nimport Modal from 'containers/Modals/Modal';\n\nimport LoadingCards from 'components/Cards/LoadingCard';\nimport Date from 'components/Presentation/Date/Date';\nimport SectionTitle from 'components/Presentation/SectionTitle';\n\nimport Block, { BlockWrapper } from 'UI/Elements/Block';\nimport { Button } from '@haldor/ui';\nimport FromNow from 'components/Presentation/Date/FromNow';\n\nclass PlanPosts extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tdocumentModal: false,\n\t\t\tloading: true,\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst isPreschool = user.getActiveSchool() != null && user.getActiveSchool().type == PRESCHOOL;\n\n\t\tthis.setState({ loading: true });\n\t\tthis.props.getDocumentsByPlanId(this.props.planId).then(() => {\n\t\t\tthis.setState({ loading: false });\n\t\t});\n\n\t\tif (this.props.preschoolGoals.length < 1 && isPreschool) {\n\t\t\tthis.props.fetch_preschoolgoals();\n\t\t}\n\t}\n\n\tUNSAFE_componentWillReceiveProps = (nextProps) => {\n\t\tif (nextProps.planId != this.props.planId) {\n\t\t\tthis.setState({ loading: true });\n\t\t\tthis.props.getDocumentsByPlanId(nextProps.planId).then(() => {\n\t\t\t\tthis.setState({ loading: false });\n\t\t\t});\n\t\t}\n\t}\n\n\ttoggleDocumentModal = () => {\n\t\tthis.setState({ documentModal: !this.state.documentModal });\n\t}\n\n\trenderCreateButton = () => {\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\n\t\tif (isTeacher) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\tcontent = (document) => {\n\t\tlet strippedDescription = '';\n\n\t\tif (document.description != null) {\n\t\t\tstrippedDescription = document.description.replace(/(<([^>]+)>)/ig, '');\n\t\t\tif (strippedDescription.length > 99) {\n\t\t\t\tstrippedDescription = strippedDescription.slice(0, 100) + '…';\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\theaderContent = (document) => {\n\t\treturn (\n\t\t\t{document.title}
\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tfooterContent = (document) => {\n\t\tconst { preschoolGoals } = this.props;\n\n\t\tif (document.associatedGoals && document.associatedGoals.length > 0) {\n\t\t\tlet groups = [];\n\n\t\t\tif (preschoolGoals && preschoolGoals.length > 0) {\n\t\t\t\tpreschoolGoals.map(goal => {\n\t\t\t\t\tconst inDocument = document.associatedGoals.find(function (goalOb) {\n\t\t\t\t\t\treturn goalOb.goalId == goal.id;\n\t\t\t\t\t});\n\n\t\t\t\t\tif (typeof (inDocument) != 'undefined') {\n\t\t\t\t\t\tlet inArray = groups.findIndex(i => i.name == goal.group);\n\n\t\t\t\t\t\tif (inArray > -1) {\n\t\t\t\t\t\t\treturn groups[inArray].count++;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlet group = {\n\t\t\t\t\t\t\t\t'name': goal.group,\n\t\t\t\t\t\t\t\t'colorCode': goal.colorCode,\n\t\t\t\t\t\t\t\t'count': 1,\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\treturn groups.push(group);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{document.author != null ?\n\t\t\t\t\t\ttypeof document.author == 'string' ?\n\t\t\t\t\t\t\tdocument.author\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t`${document.author.firstName != null ? document.author.firstName : ''} ${document.author.lastName != null ? document.author.lastName : ''}`\n\t\t\t\t\t\t: ' '}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t{document.published != null ?\n\t\t\t\t\t\tMoment.utc(document.published).isAfter(Moment()) ?\n\t\t\t\t\t\t\t{Moment.utc(document.published).local().format()} \n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t{Moment.utc(document.published).local()} \n\t\t\t\t\t\t: null}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\trenderDocument = (document) => {\n\t\tlet link = '';\n\t\tlet file = null;\n\n\t\tlink = '/preschooldocument/' + document.id;\n\n\t\tif (document.associatedFiles != null && document.associatedFiles.length > 0) {\n\t\t\tfile = document.associatedFiles.find(file => {\n\t\t\t\treturn file.type.indexOf('image') > -1;\n\t\t\t})\n\t\t}\n\n\t\treturn (\n\t\t\t{this.props.translate('goals')}
\n\n\t\t\t\t\t{groups.length > 0 ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{groups.map(group => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{group.name} ({group.count})\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t{this.props.translate('no-items-found')}\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { loading } = this.state;\n\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\t\tconst relations = {\n\t\t\trelationships: [\n\t\t\t\t{\n\t\t\t\t\treferenceType: 'SECTION',\n\t\t\t\t\treferenceId: this.props.sectionId,\n\t\t\t\t},\n\t\t\t],\n\t\t};\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{isTeacher ?\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t{this.props.translate('preschooldocument-posts')}\n\n\t\t\t\t\t{this.renderCreateButton()}\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('show-all-posts')}\n\t\t\t\t\t\n\t\t\t\t \n\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tdocuments: state.Documents.planDocuments,\n\t\tpreschoolGoals: state.PreschoolGoals.preschoolGoals,\n\t\tgroups: state.sections.educationGroups,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetDocumentsByPlanId,\n\tgetFileUrl,\n\tfetch_preschoolgoals,\n})(PlanPosts);\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { withRouter, Link } from 'react-router-dom';\nimport swal from 'sweetalert2';\nimport DateTime from '_class/DateTime';\n\nimport { setPageTitle } from 'actions/header';\nimport { addError } from 'actions/index';\nimport { deletePlan, getPlanDetails, setActivePlan, getPlanSection } from 'actions/plans';\nimport { fetch_preschoolgoals } from 'actions/preschoolform';\nimport { getReaderParameters } from 'actions/user';\nimport { getBlocksByReference, clearBlocksOnReference } from 'actions/blocks';\n\nimport { getRootUrl } from 'helpers/url';\nimport { isUserStudent } from 'helpers/user';\nimport { getImmersiveReaderDataFromBlocks } from 'helpers/content';\nimport { trackImmersiveReaderError } from 'helpers/insights';\n\nimport UserPlanning from 'components/List/UserPlanning';\nimport DateSpan from 'components/Presentation/Date/DateSpan';\nimport PostContent from 'components/Presentation/PostContent';\nimport PreschoolPlanningForm from 'containers/Forms/PlanningForm/PreschoolPlanningForm';\nimport Modal from 'containers/Modals/Modal';\nimport PlanPosts from '../Functionality/PlanPosts';\nimport TeacherAdjustments from \"containers/AdditionalAdjustments/Display/TeacherAdjustments\";\nimport Bookmark from 'containers/SinglePages/Partials/Bookmark';\nimport CloneButton from \"containers/SinglePages/Partials/CloneButton\";\nimport BlockConsumer from 'components/BlockEditor/Consumer';\n\nimport { List, Spinner, Collapsible, Expandable } from 'UI';\nimport { Immersive_Reader } from 'UI/Icons';\nimport { Button, Block, Icon } from '@haldor/ui';\n\nconst ImmersiveReader = require('@microsoft/immersive-reader-sdk');\n\nclass PreschoolPlan extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tmodalIsOpen: false,\n\t\t\tloading: false,\n\t\t\tloadingBlocks: true,\n\t\t};\n\n\t\tthis.closeModal.bind(this);\n\t}\n\n\tcomponentDidMount = () => {\n\t\tconst { planId } = this.props.match.params;\n\t\tif (planId > 0) {\n\t\t\tthis.reload();\n\t\t}\n\n\t\tif (this.props.goals.length < 1) {\n\t\t\tthis.props.fetch_preschoolgoals();\n\t\t}\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tImmersiveReader.close();\n\t\tthis.props.clearBlocksOnReference();\n\t}\n\n\treload = () => {\n\t\tthis.setState({ loading: true, loadingBlocks: true });\n\n\t\tthis.props.getPlanDetails(this.props.match.params.planId)\n\t\t\t.then(() => {\n\t\t\t\tthis.setState({ loading: false });\n\n\t\t\t\tif (this.props.plan == null || this.props.plan === \"\") {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tthis.props.setPageTitle(this.props.plan.title);\n\t\t\t\tthis.props.getPlanSection(this.props.plan.sectionId);\n\n\t\t\t\tthis.props.getBlocksByReference(this.props.match.params.planId, 'PLAN')\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tthis.setState({ loadingBlocks: false });\n\t\t\t\t\t});\n\t\t\t});\n\t}\n\n\ttoggleDeletion = () => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('Delete'),\n\t\t\ttext: this.props.translate('delete-plan-prompt'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('Cancel'),\n\t\t\tconfirmButtonText: this.props.translate('Delete'),\n\t\t}).then(result => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.props.deletePlan(this.props.match.params.planId)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tthis.props.history.push(getRootUrl());\n\t\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\trunImmersiveReader = async () => {\n\t\tconst { plan, currentUser } = this.props;\n\t\tconst localLanguage = localStorage.getItem('language');\n\n\t\tconsole.log('run Microsoft Immersive Reader', localLanguage, currentUser.id);\n\n\t\tawait this.props.getReaderParameters();\n\t\tconst { reader } = this.props;\n\n\t\tconst data = getImmersiveReaderDataFromBlocks(plan.title, this.props.blocks);\n\n\t\tImmersiveReader.launchAsync(reader.token, reader.subdomain, data, {\n\t\t\tuiLang: localLanguage, // Set immersive reader UI language to selected lang in Haldor Edu\n\t\t}).catch((error) => {\n\t\t\tconsole.error('error', error);\n\t\t\ttrackImmersiveReaderError(error, currentUser.id);\n\t\t});\n\t}\n\n\treadPlanInformation = async () => {\n\t\tconst { plan, currentUser, translate } = this.props;\n\t\tconst localLanguage = localStorage.getItem(\"language\");\n\n\t\tawait this.props.getReaderParameters();\n\t\tconst { reader } = this.props;\n\n\t\tif (reader == null) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst start = new DateTime(plan.timeStart).getShortDate();\n\t\tconst end = new DateTime(plan.timeEnd).getShortDate();\n\n\t\tlet status = translate('Open');\n\t\tif (plan.status == 'PLANNING_CLOSED') {\n\t\t\tstatus = translate('closed');\n\t\t}\n\n\t\tif (plan.status == 'PLANNING_DRAFT') {\n\t\t\tstatus = translate('Draft');\n\t\t}\n\n\t\tlet data = {\n\t\t\ttitle: plan.title,\n\t\t\tchunks: [\n\t\t\t\t{\n\t\t\t\t\tcontent: `\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{loading ?\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t${translate('Plan information')}\n\t\t\t\t\t
`,\n\t\t\t\t\tmimeType: \"text/html\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcontent: `\n\t\t\t\t\t\t${translate('Plan is active between')}:\n\t\t\t\t\t\t${start} - ${end} and the current status is: ${status}\n\t\t\t\t\t\t\n\t\t\t\t\t`,\n\t\t\t\t\tmimeType: \"text/html\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcontent: `\n\t\t\t\t\t\t${translate('It belongs to the group named')}:\n\t\t\t\t\t\t${plan.section.title}\n\t\t\t\t\t\t\n\t\t\t\t\t`,\n\t\t\t\t\tmimeType: \"text/html\",\n\t\t\t\t},\n\t\t\t],\n\t\t};\n\n\t\tImmersiveReader.launchAsync(reader.token, reader.subdomain, data, {\n\t\t\tuiLang: localLanguage, // Set immersive reader UI language to selected lang in Haldor Edu\n\t\t}).catch((error) => {\n\t\t\tconsole.error(\"error\", error);\n\t\t\ttrackImmersiveReaderError(error, currentUser.id);\n\t\t});\n\t}\n\n\t// #region Modal Methods\n\tcloseModal = (reRender, skipPrompt) => {\n\t\tif (skipPrompt) {\n\t\t\tthis.setState({ modalIsOpen: false });\n\n\t\t\tif (reRender) {\n\t\t\t\tthis.reload();\n\t\t\t}\n\t\t} else {\n\t\t\tif (reRender) {\n\t\t\t\tthis.props.getPlanDetails(this.props.match.params.planId);\n\t\t\t}\n\n\t\t\tthis.setState({ modalIsOpen: false });\n\t\t}\n\t}\n\n\topenModal = () => {\n\t\tthis.setState({ modalIsOpen: true });\n\t}\n\n\t// #endregion\n\n\trenderPlanStatus = () => {\n\t\tif (this.props.plan == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (this.props.plan.locked) {\n\t\t\treturn (\n\t\t\t\t{this.props.translate('plan-is-processing')}\n\t\t\t);\n\t\t}\n\n\t\tlet status = this.props.plan.status;\n\t\tlet assessed = false;\n\t\tconst isStudent = isUserStudent(this.props.currentUser);\n\n\t\tif (this.props.assessments != null && isStudent) {\n\t\t\tif (this.props.assessments.length > 0) {\n\t\t\t\tassessed = true;\n\t\t\t}\n\t\t}\n\n\t\tif (assessed == false) {\n\t\t\tif (status === 'PLANNING_OPEN') {\n\t\t\t\treturn ({this.props.translate('Open')});\n\t\t\t} else if (status === 'PLANNING_CLOSED') {\n\t\t\t\treturn ({this.props.translate('closed')});\n\t\t\t} else if (status === 'PLANNING_DRAFT') {\n\t\t\t\treturn ({this.props.translate('Draft')});\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.props.translate('assessed')}\n\t\t\t\n\t\t);\n\t}\n\n\tprintGoals = () => {\n\t\tconst { plan, goals } = this.props;\n\n\t\tif (!plan || goals.length < 1) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (plan.associatedGoals && plan.associatedGoals.length > 0) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{plan.associatedGoals.map(goal => {\n\t\t\t\t\t\tlet foundGoal = goals.find(function (g) {\n\t\t\t\t\t\t\treturn g.id == goal.goalId;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (foundGoal) {\n\t\t\t\t\t\t\treturn
\n\t\t\t);\n\t\t}\n\t}\n\n\n\trenderModals = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t{foundGoal.title}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t
\n\t\t)\n\t}\n\n\trenderPrintButton = () => {\n\t\tlet url = `/print/plan/${this.props.match.params.planId}`;\n\t\tif (getRootUrl() != '/') {\n\t\t\turl = `/print/planning-tab/${this.props.match.params.planId}`;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\trenderFields = () => {\n\t\tconst { plan, translate } = this.props;\n\n\t\tif (plan == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (plan.fields != null && plan.fields.length > 0) {\n\n\t\t\tconst foundOldFieldForHowToContinueWork = plan.fields.find(f => f.title == 'heres-how-we-work');\n\t\t\tconst foundEditedFieldForHowToContinueWork = plan.fields.find(f => f.title == 'How to continue our work');\n\n\t\t\treturn \n\t\t\t\t{plan.fields.map((field, index) => {\n\t\t\t\t\t// Handle old field if it exsists after updated plan\n\t\t\t\t\tif (foundOldFieldForHowToContinueWork && foundEditedFieldForHowToContinueWork && field.title == foundOldFieldForHowToContinueWork.title)\n\t\t\t\t\t{\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\t// This is to be replaced with UI components later\n\t\t\t\t\tif (field.type == 'MULTILINETEXT') {\n\t\t\t\t\t\treturn
\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tplanContent = () => {\n\t\tconst { plan } = this.props;\n\t\tconst isStudent = isUserStudent(this.props.currentUser);\n\t\tlet teacherOwnsPlan = false;\n\n\t\tif (this.props.activeSection != null) {\n\t\t\tteacherOwnsPlan = this.props.activeSection.owners?.find((owner) => {\n\t\t\t\treturn owner.userId == this.props.currentUser.userId;\n\t\t\t}) != null;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{translate(field.title)}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{field.content} \n\t\t\t\t\t\t
\n\t\t\t\t\t}\n\n\t\t\t\t\treturn null;\n\t\t\t\t})}\n\t\t\t\n\t\t\t\t{isStudent || !teacherOwnsPlan ? null : this.renderModals()}\n\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.services.immersiveReaderPlans ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t\t:\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t}\n\n\t\t\t\t\n\n\t\t\t\t{isStudent == false && teacherOwnsPlan && this.props.plan.students != null && this.props.plan.students.length > 0 ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\tif (this.state.loading) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{this.props.translate('tools')}
\n\n\t\t\t\t\t\t{isStudent || !teacherOwnsPlan || this.state.loadingBlocks ? null :\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t{isStudent || !teacherOwnsPlan || plan.isDeletable == false ?\n\t\t\t\t\t\t\tnull :\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t{this.renderPrintButton()}\n\n\t\t\t\t\t\t{!isStudent ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate('column-copy')}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t{this.props.blocks != null && !this.state.loadingBlocks ?\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.services.immersiveReaderPlans ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('Draft')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate(\"section\")}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{plan.section.title}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.props.translate(\"Status\")}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t{this.renderPlanStatus()}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('goals')}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{this.printGoals()}\n\n\t\t\t\t\t\t\t{this.renderFields()}\n\n\t\t\t\t\t\t\t{this.props.services.additionalAdjustments && !isStudent && this.props.activeSection && this.props.activeSection.owners.filter(ss => ss.id == this.props.currentUser.id).length > 0 ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t- \n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t\t// Check if plan is null\n\t\tif (this.props.plan == null) {\n\t\t\treturn \n\t\t\t\t
\n\t\t}\n\n\t\tif (Object.keys(this.props.plan).length > 0) {\n\t\t\treturn \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('plan-has-been-deleted')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t{this.planContent()}\n\t\t\t
\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tplan: state.planning.active_plan,\n\t\tcurrentUser: state.user.currentUser,\n\t\tsections: state.sections.educationGroups,\n\t\tactiveSection: state.planning.section,\n\t\tassessments: state.assessments.assessments,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tgoals: state.PreschoolGoals.preschoolGoals,\n\t\treader: state.user.reader,\n\t\tservices: state.Services.availableServices,\n\t\tblocks: state.Blocks.reference,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tgetPlanDetails,\n\taddError,\n\tdeletePlan,\n\tgetPlanSection,\n\tfetch_preschoolgoals,\n\tsetActivePlan,\n\tsetPageTitle,\n\tgetReaderParameters,\n\tgetBlocksByReference,\n\tclearBlocksOnReference,\n})(PreschoolPlan));","\nimport React, { Component } from 'react';\nimport { connect } from 'react-redux';\n\nimport { setActivePlan, clearPlanSection } from 'actions/plans';\nimport { clearAssessments } from 'actions/assessments';\n\nimport {\n\tCOMPULSORY_SCHOOL,\n\tPRESCHOOL,\n\tUPPER_SECONDARY_EDUCATION,\n\tADULT_EDUCATION,\n} from 'constants/schoolTypes';\n\nimport CompulsoryPlan from './Types/CompulsoryPlan';\nimport PreschoolPlan from './Types/PreschoolPlan';\n\nclass PlanningWrapper extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloading: false,\n\t\t};\n\t}\n\n\tcomponentWillUnmount = () => {\n\t\tthis.props.setActivePlan();\n\t\tthis.props.clearPlanSection();\n\t\tthis.props.clearAssessments();\n\t}\n\n\trender() {\n\t\tif (this.props.currentUser == null) {\n\t\t\treturn;\n\t\t} else {\n\t\t\tswitch (this.props.currentUser.schools.getActiveSchool(this.props.currentUser.userId).type) {\n\t\t\t\tcase PRESCHOOL:\n\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t{paragraph.title != null && paragraph.title != \"\" ? (\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\tremoveCourse = (event) => {\n\t\tevent.preventDefault();\n\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate(\"are-you-sure\"),\n\t\t\ttext: this.props.translate(\"remove-course-prompt-text\"),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate(\"Cancel\"),\n\t\t\tconfirmButtonText: this.props.translate(\"Remove\"),\n\t\t}).then((result) => {\n\t\t\tif (result.value != null) {\n\n\t\t\t\tconst { courseId } = this.props.match.params;\n\n\t\t\t\tapi.delete('courses/' + courseId).then((response) => {\n\t\t\t\t\tif (response.status != 200) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.props.history.push('/courses');\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\topenModal = () => {\n\t\tthis.setState({ modalIsOpen: true });\n\t};\n\n\tcloseModal = (reload, skipPrompt) => {\n\t\tif (skipPrompt) {\n\t\t\tif (reload) {\n\t\t\t\tthis.setState({ loading: true });\n\t\t\t\tthis.props.getCourse(this.props.match.params.courseId).then(() => {\n\t\t\t\t\tconst { details } = this.props.course;\n\t\t\t\t\tlet _ParagraphSet = [];\n\t\t\t\t\tif (details[0] != null) {\n\t\t\t\t\t\tif (details[0].matrix != null) {\n\t\t\t\t\t\t\tif (details[0].matrix._ParagraphSet != null) {\n\t\t\t\t\t\t\t\t_ParagraphSet = details[0].matrix._ParagraphSet;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t_ParagraphSet,\n\t\t\t\t\t\tmodalIsOpen: false,\n\t\t\t\t\t\tloading: false\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.setState({ modalIsOpen: false });\n\t\t\t}\n\t\t} else {\n\t\t\tif (reload) {\n\t\t\t\tthis.setState({ loading: true });\n\t\t\t\tthis.props.getCourse(this.props.match.params.courseId, data => {\n\t\t\t\t\tconst { details } = data;\n\t\t\t\t\tlet _ParagraphSet = [];\n\t\t\t\t\tif (details[0] != null) {\n\t\t\t\t\t\tif (details[0].matrix != null) {\n\t\t\t\t\t\t\tif (details[0].matrix._ParagraphSet != null) {\n\t\t\t\t\t\t\t\t_ParagraphSet = details[0].matrix._ParagraphSet;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t_ParagraphSet,\n\t\t\t\t\t\tloading: false,\n\t\t\t\t\t\tmodalIsOpen: false\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.setState({ modalIsOpen: false });\n\t\t\t}\n\t\t}\n\t};\n\n\tCreateButton = (enabled) => {\n\t\treturn (\n\t\t\t\n\t\t);\n\t};\n\n\trenderCourse() {\n\t\tconst { course, translate } = this.props;\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (course != null) {\n\t\t\tconst coreContent = course.details[0]?.coreContent;\n\t\t\tlet coreContents = [{ courseTitle: null, courseId: course.id, coreContents: course.details[0]?.coreContent }];\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{paragraph.title}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t\t\t\t{paragraph.subtitle != null && paragraph.subtitle != \"\" ? (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{paragraph.subtitle}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\t{paragraph.rows.map(block => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t this.closeModal(false, false)}\n\t\t\t\t\t\ttitle={translate(\"edit-course\")}\n\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{translate(\"description\")}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{course.description} \n\n\t\t\t\t\t\t\t{course.details[0] != null && course.details[0].purpose != null ?\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate(\"purpose\")}\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{course.details[0].purpose}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\n\t\t\t\t\t{course.details[0] != null && course.details[0].coreContent != null ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t{this.props.translate(\"tools\")}
\n\n\t\t\t\t\t\t\t{this.CreateButton(user.isUserCurriculumAdmin() || ((course.tenantId == null || course.tenantId == this.props.tenant.id) && course.type != \"PREDEFINED_COURSE\"))}\n\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
}\n\t\t\t\t\t\t{this.renderCourse()}
;\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tcourse: state.Courses.course,\n\t\tmatrix: state.Matrix.matrix,\n\t\ttenant: state.user.tenant,\n\t\tcurrentUser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations)\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tsetActiveCourse,\n\tgetMatrix,\n\tgetCourse,\n\tsetPageTitle,\n\tsetPageActions,\n})(SingleCourse));","import React, { useMemo } from 'react';\nimport { Link } from 'react-router-dom';\nimport { useSelector } from 'react-redux';\nimport { useTranslate } from 'lib/translate';\n\nimport User from '_class/User';\nimport DateTime from '_class/DateTime';\n\nimport { getAttendanceColor } from 'helpers/attendance';\n\nconst AttendanceHistory = ({ student }) => {\n\tconst translate = useTranslate();\n\tconst scheduleItem = useSelector(state => state.schedule.activeScheduleItem);\n\tlet absences = [];\n\tlet history = [];\n\n\tuseMemo(() => {\n\t\tif (student == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tstudent.items.forEach((item) => {\n\t\t\tlet reducedItem = { ...item };\n\t\t\t// Avoid nested references\n\t\t\tdelete reducedItem.history;\n\t\t\tdelete reducedItem.absences;\n\n\t\t\thistory = [...history, reducedItem];\n\n\t\t\tif (item.absences != null) {\n\t\t\t\tabsences = [...absences, ...item.absences];\n\t\t\t}\n\n\t\t\tif (item.history != null) {\n\t\t\t\thistory = [...history, ...item.history].filter((item) => item.status != 'Deleted');\n\t\t\t}\n\t\t});\n\t}, [student]);\n\n\tif (student == null) {\n\t\treturn null;\n\t}\n\n\tconst getIndicator = (attendance) => {\n\t\tconst indicatorColor = getAttendanceColor(attendance);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t{translate(attendance.type.toLowerCase())}\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\tconst getReportedBy = (item) => {\n\t\tif (item.reportedBy != null && item.reportedBy.firstName != null) {\n\t\t\tconst reportedBy = new User(item.reportedBy);\n\t\t\treturn reportedBy.getName()\n\t\t}\n\n\t\tif (item.reportedBy != null) {\n\t\t\tif (item.reportedBy.userId == 'TrackAttendance') {\n\t\t\t\treturn translate('system');\n\t\t\t}\n\n\t\t\tif (item.reportedBy != '') {\n\t\t\t\treturn translate('Guardian')\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t\n\t\t\t
\n\t)\n}\n\nexport default AttendanceHistory;","import React, { useMemo, useState } from 'react';\nimport moment from 'moment';\nimport User from '_class/User';\nimport DateTime from '_class/DateTime';\n\nimport { useTranslate } from 'lib/translate';\n\nimport { Collapsible } from 'UI';\nimport { Button, ButtonGroup, Checkbox, Flex, Table } from '@haldor/ui';\nimport DisplayName from 'components/Presentation/DisplayName';\n\nconst ReportHistory = ({ attendance }) => {\n\tconst [reportHistory, setReportHistory] = useState([]);\n\tconst translate = useTranslate();\n\n\tconst getReportedBy = (item) => {\n\t\tif (item.reportedBy != null && item.reportedBy.firstName != null) {\n\t\t\tconst reportedBy = new User(item.reportedBy);\n\t\t\treturn reportedBy.getName()\n\t\t}\n\n\t\tif (item.reportedBy != null) {\n\t\t\tif (item.reportedBy.userId == 'TrackAttendance') {\n\t\t\t\treturn translate('system');\n\t\t\t}\n\n\t\t\tif (item.reportedBy != '') {\n\t\t\t\treturn translate('Guardian')\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tconst getRemovedBy = (item) => {\n\t\tif (item.editor != null && item.editor.firstName != null) {\n\t\t\tconst editor = new User(item.editor);\n\t\t\treturn editor.getName()\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tuseMemo(() => {\n\t\tif (attendance == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet attendanceList = [];\n\t\tattendance.forEach((item) => {\n\t\t\tlet reducedItem = { ...item };\n\t\t\tif (reducedItem.history != null && reducedItem.history.length > 0) {\n\t\t\t\titem.history.forEach((historyItem) => {\n\t\t\t\t\tattendanceList.push(historyItem);\n\t\t\t\t});\n\n\t\t\t\tdelete reducedItem.history;\n\t\t\t}\n\n\t\t\tattendanceList.push(reducedItem);\n\t\t});\n\n\t\tlet attendanceHistory = attendanceList.filter(attendance => attendance.status == 'Deleted');\n\t\tlet reportHistory = [];\n\t\tattendanceHistory.forEach((item) => {\n\t\t\tlet historyFound = reportHistory.findIndex((history) =>\n\t\t\t\tmoment(history.edited).isSame(moment(item.edited), 'second')\n\t\t\t);\n\n\t\t\tif (historyFound > -1) {\n\t\t\t\treportHistory[historyFound].items.push(item);\n\t\t\t} else {\n\t\t\t\tlet reportHistoryItem = {\n\t\t\t\t\treported: item.reported,\n\t\t\t\t\treportedBy: item.reportedBy,\n\t\t\t\t\tedited: item.edited,\n\t\t\t\t\teditor: item.editor,\n\t\t\t\t\titems: [item],\n\t\t\t\t};\n\n\t\t\t\treportHistory.push(reportHistoryItem);\n\t\t\t}\n\t\t});\n\n\t\tsetReportHistory(reportHistory);\n\t}, [attendance]);\n\n\tif (reportHistory.length == 0) {\n\t\treturn null;\n\t}\n\n\treturn \n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t{translate('time')}\n\t\t\t\t\t
\n\n\t\t\t\t\t{new DateTime(scheduleItem.startTime).getLongDateWithTime().capitalize()}\n\n\t\t\t\t\t\n\t\t\t\t\t\t{scheduleItem.section != null ?\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{scheduleItem.section.title}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{scheduleItem.attendanceReported != null ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{translate('reported')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t{translate('room')}\n\t\t\t\t\t
\n\n\t\t\t\t\t{scheduleItem.room}\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t{translate('week-day')}\n\t\t\t\t\t
\n\n\t\t\t\t\t{new DateTime(scheduleItem.startTime).getDay().capitalize()}\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t{history.length > 0 ?\n\t\t\t\t\t\n\t\t\t\t\t\t{translate('length')}\n\t\t\t\t\t
\n\n\t\t\t\t\t{scheduleItem.length} {translate('minutes')}\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{absences.length > 0 ?\n\t\t\t\t\t{translate('Reports on lesson')}
\n\n\t\t\t\t\t\t| {translate('Status')} | \n\t\t\t\t\t\t\t\t\t{translate('Valid absence')} | \n\t\t\t\t\t\t\t\t\t{translate('Minutes')} | \n\t\t\t\t\t\t\t\t\t{translate('Reported by')} | \n\t\t\t\t\t\t\t\t
|---|---|---|---|
| {getIndicator(item)} | \n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{item.type != 'PRESENT' ?\n\t\t\t\t\t\t\t\t\t\t\t\titem.type.indexOf('VALID') == 0 ?\n\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate('Yes')\n\t\t\t\t\t\t\t\t\t\t\t\t\t: translate('No')\n\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t\t{item.lateDuration != null && item.lateDuration > 0 ?\n\t\t\t\t\t\t\t\t\t\t\titem.lateDuration\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t\t{item.status != 'Deleted' ?\n\t\t\t\t\t\t\t\t\t\t\tgetReportedBy(item)\n\t\t\t\t\t\t\t\t\t\t\t: null} | \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t{translate('Reported absence')}
\n\n\t\t\t\t\t\t| {translate('Status')} | \n\t\t\t\t\t\t\t\t\t{translate('Absence length')} | \n\t\t\t\t\t\t\t\t\t{translate('Valid absence')} | \n\t\t\t\t\t\t\t\t\t{translate('Reported by')} | \n\t\t\t\t\t\t\t\t
|---|---|---|---|
| {getIndicator(absence)} | \n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('From')}: {new DateTime(absence.startTime).getHourStamp()}\n\n\t\t\t\t\t\t\t\t\t\t\t{absence.endTime != null ?\n\t\t\t\t\t\t\t\t\t\t\t\t {translate('To')}: {new DateTime(absence.endTime).getHourStamp()} \n\t\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\t{translate('To')}: {new DateTime(absence.startTime).add(absence.length, 'minutes').getHourStamp()} \n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{absence.type.indexOf('VALID') == 0 ?\n\t\t\t\t\t\t\t\t\t\t\t\ttranslate('Yes')\n\t\t\t\t\t\t\t\t\t\t\t\t: translate('No')}\n\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{getReportedBy(absence)}\n\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t
\n\t\t\n\t\t\t{translate('Removed reports')}\n\t\t\n\n\t\t{reportHistory.map((history, index) => {\n\t\t\tlet trigger = (\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t);\n\n\t\t\tlet style = {};\n\t\t\tif (index + 1 < reportHistory.length) {\n\t\t\t\tstyle = { marginBottom: '.75rem' };\n\t\t\t}\n\n\t\t\treturn
\n\n}\n\nexport default ReportHistory;","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport DateTime from '_class/DateTime';\nimport User from '_class/User';\n\nimport { getScheduleItem, updateLessonInList } from 'actions/schedule';\nimport { deleteReportedAttendance, getAttendence, getForecast } from 'actions/absence';\n\nimport Modal from 'containers/Modals/Modal';\nimport AttendanceHistory from 'containers/Lesson/Partials/AttendanceHistory';\nimport ReportHistory from 'containers/Lesson/Partials/ReportHistory';\n\nimport { Spinner } from 'UI';\nimport { Checkbox, Button, ButtonGroup, Table, Icon, translate } from '@haldor/ui';\nimport DisplayName from 'components/Presentation/DisplayName';\n\nclass UserAbsence extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tselectedStudent: null,\n\t\t\tloading: true,\n\t\t\tsubmitting: false,\n\t\t\treported: props.schedule.attendanceReported != null,\n\t\t\tvalues: [],\n\t\t};\n\t}\n\n\tsetStudentValue = (student, type, valid = null, late = null) => {\n\t\treturn new Promise((resolve) => {\n\t\t\tlet values = JSON.parse(JSON.stringify(this.state.values));\n\t\t\tlet foundExisting = this.state.values.findIndex((value) => {\n\t\t\t\treturn value.user.userId == student.userId;\n\t\t\t});\n\n\t\t\tif (foundExisting > -1) {\n\t\t\t\tvalues[foundExisting].type = type;\n\n\t\t\t\tif (valid != null) {\n\t\t\t\t\tvalues[foundExisting].valid = valid;\n\t\t\t\t} else {\n\t\t\t\t\tvalues[foundExisting].valid = type.indexOf('VALID') == 0;\n\t\t\t\t}\n\n\t\t\t\tif (late != null) {\n\t\t\t\t\tvalues[foundExisting].lateDuration = late;\n\t\t\t\t} else {\n\t\t\t\t\tvalues[foundExisting].lateDuration = '';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tvalues.push({\n\t\t\t\t\tuser: {\n\t\t\t\t\t\tuserId: student.userId,\n\t\t\t\t\t},\n\t\t\t\t\tvalid: valid != null ? valid : type.indexOf('VALID') == 0,\n\t\t\t\t\ttype: type,\n\t\t\t\t\tlateDuration: late,\n\t\t\t\t\tabsenceRecordId: null,\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.setState({ values }, () => {\n\t\t\t\tresolve(1);\n\t\t\t});\n\t\t})\n\t}\n\n\tgetStudentValue = (student) => {\n\t\tlet foundExisting = this.state.values.findIndex((value) => {\n\t\t\treturn value.user.userId == student.userId;\n\t\t});\n\n\t\tif (foundExisting > -1) {\n\t\t\treturn this.state.values[foundExisting];\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.schedule.attendanceReported != null) {\n\t\t\t// This lesson has attendence\n\t\t\tthis.props.getAttendence(this.props.schedule.id).then(() => {\n\t\t\t\tthis.setValues();\n\t\t\t});\n\t\t} else {\n\t\t\tthis.props.getAttendence(this.props.schedule.id);\n\t\t\tthis.props.getForecast(this.props.schedule.id).then(() => {\n\t\t\t\tthis.setValues();\n\t\t\t});\n\t\t}\n\t}\n\n\tsetValues = () => {\n\t\tlet items = this.props.forecast;\n\t\tlet values = [];\n\n\t\tif (this.props.schedule.attendanceReported) {\n\t\t\titems = this.props.attendance;\n\t\t}\n\n\t\tif (items == null) {\n\t\t\tthis.setState({ loading: false });\n\t\t\treturn true;\n\t\t}\n\n\t\tlet students = [];\n\t\titems.forEach((item) => {\n\t\t\titem.validAbsent = item.type == \"VALID_ABSENCE\" || item.type == \"VALID_LATE\";\n\n\t\t\t// if item.user is not in students, add it\n\t\t\tif (students.findIndex(student => student.userId == item.user.userId) == -1) {\n\t\t\t\tstudents.push(item.user);\n\t\t\t}\n\t\t});\n\n\t\tstudents.forEach(async (student) => {\n\t\t\tconst studentItems = items.filter(item => item.user.userId == student.userId && item.status != 'Deleted');\n\t\t\tlet value = {\n\t\t\t\tuser: {\n\t\t\t\t\tuserId: student.userId,\n\t\t\t\t},\n\t\t\t\tvalid: false,\n\t\t\t\ttype: 'PRESENT',\n\t\t\t\tlateDuration: '',\n\t\t\t\tabsenceRecordId: null,\n\t\t\t\tid: 0,\n\t\t\t};\n\n\t\t\tlet hasInvalid = false;\n\t\t\tlet hasValid = false;\n\t\t\tlet hasLate = false;\n\t\t\tlet lateDuration = 0;\n\n\t\t\tstudentItems.forEach((item) => {\n\t\t\t\tif (item.type.indexOf('VALID') == 0) {\n\t\t\t\t\thasValid = true;\n\t\t\t\t}\n\n\t\t\t\tif (item.type.indexOf('INVALID') == 0) {\n\t\t\t\t\thasInvalid = true;\n\t\t\t\t}\n\n\t\t\t\tif (item.type.indexOf('LATE') > -1) {\n\t\t\t\t\thasLate = true;\n\t\t\t\t}\n\n\t\t\t\tif (item.lateDuration != null) {\n\t\t\t\t\tlateDuration += item.lateDuration;\n\t\t\t\t}\n\n\t\t\t\tvalue.id = item.id;\n\n\t\t\t\tif (item.absenceRecordId != null) {\n\t\t\t\t\tvalue.absenceRecordId = item.absenceRecordId;\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tlet type = 'PRESENT';\n\t\t\tif (hasValid || hasInvalid) {\n\t\t\t\ttype = 'ABSENCE';\n\t\t\t}\n\n\t\t\tif (hasLate) {\n\t\t\t\ttype = 'LATE';\n\t\t\t}\n\n\t\t\tif (hasInvalid && hasValid) {\n\t\t\t\tvalue.type = 'INVALID_' + type;\n\t\t\t\tvalue.valid = false;\n\t\t\t\tvalues.push(value);\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tif (hasLate) {\n\t\t\t\tif (hasValid) {\n\t\t\t\t\tvalue.type = 'VALID_' + type;\n\t\t\t\t\tvalue.valid = true;\n\t\t\t\t\tvalue.lateDuration = lateDuration + '';\n\t\t\t\t} else {\n\t\t\t\t\tvalue.type = 'INVALID_' + type;\n\t\t\t\t\tvalue.valid = false;\n\t\t\t\t\tvalue.lateDuration = lateDuration + '';\n\t\t\t\t}\n\n\t\t\t\tvalues.push(value);\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tif (hasValid) {\n\t\t\t\tvalue.type = 'VALID_' + type;\n\t\t\t\tvalue.valid = true;\n\n\t\t\t\tvalues.push(value);\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tif (hasInvalid) {\n\t\t\t\tvalue.type = 'INVALID_' + type;\n\t\t\t\tvalue.valid = false;\n\t\t\t\tvalues.push(value);\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tvalue.type = 'PRESENT';\n\t\t\tvalues.push(value);\n\t\t});\n\n\t\tthis.setState({ values, loading: false });\n\t}\n\n\tonSubmit = () => {\n\t\tif (this.props.onSubmit) {\n\t\t\tthis.setState({ submitting: true });\n\t\t\tthis.props.onSubmit(this.state.values).then(() => {\n\t\t\t\tthis.setState({ submitting: false });\n\t\t\t});\n\t\t}\n\t}\n\n\tgetReportedBy = (item) => {\n\t\tif (item.reportedBy != null && item.reportedBy.firstName != null) {\n\t\t\tconst reportedBy = new User(item.reportedBy);\n\t\t\treturn reportedBy.getName()\n\t\t}\n\n\t\tif (item.reportedBy != null) {\n\t\t\tif (item.reportedBy.userId == 'TrackAttendance') {\n\t\t\t\treturn this.props.translate('system');\n\t\t\t}\n\n\t\t\tif (item.reportedBy != '') {\n\t\t\t\treturn this.props.translate('Guardian')\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\trenderUserAbsentActions = (student) => {\n\t\tlet status = this.getStudentValue(student).type;\n\t\tlet prefix = 'INVALID_';\n\n\t\tif (status.indexOf('VALID') == 0) {\n\t\t\tprefix = 'VALID_';\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{new DateTime(history.edited).getLongDateWithTime()}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{translate('reported-by')} {getReportedBy(history)}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{getRemovedBy(history) != null ?\n\t\t\t\t\t\t\ttranslate('Removed by') + ' ' + getRemovedBy(history)\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t \n\t\t\t
\n\t\t})}\n\t| {translate('name')} | \n\t\t\t\t\t\t\t\t{translate('absent')} | \n\t\t\t\t\t\t\t\t{translate('minutes')} | \n\t\t\t\t\t\t\t\t{translate('mark-for-valid-absence')} | \n\t\t\t\t\t\t\t\t{translate('Absence length')} | \n\t\t\t\t\t\t\t\t{translate('reported-by')} | \n\t\t\t\t\t\t\t\t{translate('reported')} | \n\t\t\t\t\t\t\t
|---|---|---|---|---|---|---|
| \n\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t{/* Buttons */}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t{/* Minutes */}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t{item.type.indexOf('LATE') > -1 ?\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t{/* Valid absence */}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t{item.type != 'PRESENT' && item.type != 'VALID_PRESENT' ?\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t{/* Absence length */}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t{translate('From')}: {new DateTime(item.startTime).getHourStamp()} \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('To')}: {new DateTime(item.endTime).getHourStamp()}\n\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t{/* Reported by */}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{getReportedBy(item)}\n\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t{/* Reported */}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{new DateTime(item.reported).getHourStamp()}\n\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t
\n\t\t\t\t{this.props.translate('no-results')}\n\t\t\t
\n\t\t}\n\n\t\tlet students = [];\n\t\titems.forEach((item) => {\n\t\t\titem.validAbsent = item.type == \"VALID_ABSENCE\" || item.type == \"VALID_LATE\";\n\n\t\t\t// if item.user is not in students, add it\n\t\t\tif (students.findIndex(student => student.userId == item.user.userId) == -1) {\n\t\t\t\tstudents.push(item.user);\n\t\t\t}\n\t\t});\n\n\t\treturn (\n\t\t\t| {this.props.translate('name')} | \n\t\t\t\t\t\t{this.props.translate('absent')} | \n\t\t\t\t\t\t{this.props.translate('minutes')} | \n\t\t\t\t\t\t{this.props.translate('mark-for-valid-absence')} | \n\t\t\t\t\t\t{this.props.translate('Absence length')} | \n\t\t\t\t\t\t{this.props.translate('reported-by')} | \n\t\t\t\t\t\t{this.props.translate('reported')} | \n\t\t\t\t\t
|---|---|---|---|---|---|---|
| this.onStudentSelect(student)} style={{ cursor: 'pointer' }}>\n\t\t\t\t\t\t\t\t{hasHistory ?\n\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t{/* Buttons */}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.renderUserAbsentActions(student)}\n\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t{/* Minutes */}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t{value.type.indexOf('LATE') > -1 ?\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t{/* Valid absence */}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t 1 ? { marginBottom: 3 } : {}}>\n\t\t\t\t\t\t\t\t\t{value.type != 'PRESENT' && value.type != 'VALID_PRESENT' ?\n\t\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t{studentItems.length > 1 ?\n\t\t\t\t\t\t\t\t\tstudentItems.map((item, index) => {\n\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t{/* Absence length */}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{studentItems.length == 1 ?\n\t\t\t\t\t\t\t\t\tstudentItems[0].reported != null && studentItems[0].endTime != null ?\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t{translate('From')}: {new DateTime(studentItems[0].startTime).getHourStamp()} \n\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{translate('To')}: {new DateTime(studentItems[0].endTime).getHourStamp()}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t{studentItems.map((item, index) => {\n\t\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t\t{translate('From')}: {new DateTime(item.startTime).getHourStamp()} \n\t\t\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{translate('To')}: {new DateTime(item.endTime).getHourStamp()}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t{/* Reported by */}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{studentItems.length == 1 ?\n\t\t\t\t\t\t\t\t\tthis.getReportedBy(studentItems[0])\n\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t{studentItems.map((item, index) => {\n\t\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t\t{this.getReportedBy(item)}\n\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t{/* Reported */}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{studentItems.length == 1 ?\n\t\t\t\t\t\t\t\t\tstudentItems[0].reported != null && studentItems[0].reported != \"0001-01-01T00:00:00\" ?\n\t\t\t\t\t\t\t\t\t\tnew DateTime(studentItems[0].reported).getHourStamp()\n\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{studentItems.map((item, index) => {\n\t\t\t\t\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t\t\t\t\t{item.reported != null ?\n\t\t\t\t\t\t\t\t\t\t\t\t\tnew DateTime(item.reported).getHourStamp()\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t
\n\t\t\t\t this.setState({ selectedStudent: null })}\n\t\t\t\t\toverridePrompt\n\t\t\t\t>\n\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tuser: state.user.currentUser,\n\t\tattendance: state.Absence.calendarAttendence,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tforecast: state.Absence.forecast,\n\t\tschedule: state.schedule.activeScheduleItem,\n\t};\n};\n\nexport default connect(mapStateToProps, {\n\tgetAttendence,\n\tgetForecast,\n\tdeleteReportedAttendance,\n\tgetScheduleItem,\n\tupdateLessonInList,\n})(UserAbsence);\n","import Moment from 'moment';\nimport React, { Component } from 'react';\nimport { TooltipMenu, translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { withRouter, Link } from 'react-router-dom';\nimport swal from 'sweetalert2';\n\nimport DateTime from '_class/DateTime';\nimport User from '_class/User';\nimport { getSection, setActiveSection } from 'actions/sections';\nimport { getTaskDetails, setActiveAssignment, getMicrosoftAssignmentDetails } from 'actions/assignments';\nimport {\n\tgetScheduleItem,\n\tdeleteCalendarEvent,\n\tupdateCalendarEvent,\n\tclearScheduleItem,\n\tupdateLessonInList,\n\tdeleteLessonInList,\n} from 'actions/schedule';\nimport { submitAttendence, updateAttendance, clearForecast } from 'actions/absence';\nimport { setPageTitle, setPageActions } from 'actions/header';\nimport { getParameterByName } from 'helpers/url';\n\nimport Modal from 'containers/Modals/Modal';\nimport CalendarEvent from 'containers/Forms/CalendarEvent';\n\nimport PostContent from 'components/Presentation/PostContent';\nimport UserAbsence from 'components/List/UserAbsence';\n\nimport { Block, Button, Icon, getActiveLanguage } from '@haldor/ui';\nimport { Expandable, Spinner } from 'UI';\n\nimport AssignmentForm from 'containers/Forms/AssignmentForm/AssignmentForm';\nimport MultipleAssignmentForm from 'containers/Forms/AssignmentForm/MultipleAssignmentForm';\nimport DisplayAssignment from 'components/BlockEditor/Blocks/AssignmentBlock/DisplayAssignment';\nimport AssignmentSelect from 'containers/Forms/Partials/AssignmentSelect';\n\nimport './_Lesson.scss';\n\nclass SingleLesson extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet descriptionOpen = true;\n\n\t\tif (localStorage.getItem('haldor-lesson-description') != null) {\n\t\t\tdescriptionOpen = JSON.parse(localStorage.getItem('haldor-lesson-description'));\n\t\t}\n\n\t\tconst locale = getActiveLanguage();\n\t\tMoment.locale(locale);\n\n\t\tthis.state = {\n\t\t\tdescriptionOpen,\n\t\t\tloadingSchedule: false,\n\t\t\tsaving: false,\n\t\t\teditForm: false,\n\t\t\tcreateEvent: false,\n\t\t\tformName: '',\n\t\t\tlang: locale,\n\t\t\tloadingAssignments: false,\n\t\t\tselectedAssignments: [],\n\t\t\tassigmentOpen: true,\n\t\t\thasMadeChange: false,\n\t\t};\n\n\t\tthis._isMounted = true;\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.setState({ loadingSchedule: true });\n\n\t\tthis.props.getScheduleItem(this.props.match.params.id).then(async () => {\n\n\t\t\t// Redirect to page for CalendarEvents if schedule is a CalendarEvent\n\t\t\tif (this.props?.schedule?.type === 'CALENDAR_EVENT') {\n\t\t\t\tthis.props.history.push('/calendarEvent/' + this.props.match.params.id);\n\t\t\t}\n\n\t\t\tthis.props.setPageTitle(this.props?.schedule?.title);\n\n\t\t\tif (this.props?.schedule?.section != null && this.props.schedule?.section.id != 0) {\n\t\t\t\tif (this.props.schedule.section.parentId != null) {\n\t\t\t\t\tawait this.props.getSection(this.props?.schedule?.section.parentId, true);\n\t\t\t\t} else {\n\t\t\t\t\tawait this.props.getSection(this.props?.schedule?.section.id, true);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.props?.schedule?.relationships?.length > 0) {\n\t\t\t\tthis.setState({ loadingAssignments: true });\n\t\t\t\tlet promises = this.props?.schedule?.relationships.map((items) => {\n\t\t\t\t\tlet containsLetters = /[a-zA-Z]/.test(items.referenceId);\n\n\t\t\t\t\tif (containsLetters) {\n\t\t\t\t\t\treturn new Promise((resolve) => {\n\t\t\t\t\t\t\tthis.props.getMicrosoftAssignmentDetails(items.referenceId).then(() => {\n\t\t\t\t\t\t\t\tif (this.props.details != null) {\n\t\t\t\t\t\t\t\t\tthis.props.details.section = this.props.group;\n\t\t\t\t\t\t\t\t\tthis.setState((prevState) => {\n\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\tselectedAssignments: [\n\t\t\t\t\t\t\t\t\t\t\t\t...prevState.selectedAssignments,\n\t\t\t\t\t\t\t\t\t\t\t\tthis.props.details,\n\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn new Promise((resolve) => {\n\t\t\t\t\t\t\tthis.props.getTaskDetails(items.referenceId).then(() => {\n\t\t\t\t\t\t\t\tif (this.props.assignment) {\n\t\t\t\t\t\t\t\t\tthis.setState((prevState) => {\n\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\tselectedAssignments: [\n\t\t\t\t\t\t\t\t\t\t\t\t...prevState.selectedAssignments,\n\t\t\t\t\t\t\t\t\t\t\t\tthis.props.assignment,\n\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tthis.props.setActiveAssignment(); // clear active assignemnet set in redux by getTaskDetails above\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tPromise.all(promises).then(() => {\n\t\t\t\t\tthis.setState({ loadingAssignments: false });\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.setState({ loadingSchedule: false });\n\t\t});\n\t}\n\n\tcomponentDidUpdate(prevProps, prevState) {\n\t\tif (\n\t\t\tprevState.hasMadeChange !== this.state.hasMadeChange &&\n\t\t\tprevState.selectedAssignments !== this.state.selectedAssignments\n\t\t) {\n\t\t\t//save searched assigment to lesson\n\t\t\tthis.setState({ loadingSchedule: true });\n\t\t\tlet relation = [];\n\t\t\tthis.state.selectedAssignments.map((items) => {\n\t\t\t\tlet obj = {\n\t\t\t\t\tCalendarEventId: 0,\n\t\t\t\t\tReferenceType: 'ASSIGNMENT',\n\t\t\t\t\tReferenceId: items?.externalID ?? items.id,\n\t\t\t\t};\n\t\t\t\trelation.push(obj);\n\t\t\t});\n\t\t\tlet changed = this.props.schedule;\n\t\t\tchanged.relationships = relation;\n\n\t\t\tthis.props.updateCalendarEvent(changed)\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.props.getScheduleItem(this.props.match.params.id);\n\t\t\t\t})\n\t\t\t\t.catch(() => { });\n\t\t\tthis.setState({ loadingSchedule: false, hasMadeChange: false });\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis._isMounted = false;\n\t\tthis.props.clearScheduleItem();\n\t\tthis.props.clearForecast();\n\t\tthis.props.setActiveSection();\n\t}\n\n\t//check how many of an assignment is locked for the students\n\tgetLockedStatus = (item) => {\n\t\tlet total = item?.totalTasks;\n\t\tlet open = item?.lockedWorkspaces === 0 ? item?.totalTasks : item?.lockedWorkspaces;\n\t\treturn { open: open, total: total };\n\t};\n\n\tredirect = () => {\n\t\tif (getParameterByName('redirect') != null) {\n\t\t\tif (getParameterByName('redirect') == 'list') {\n\t\t\t\tthis.props.history.push('/report/attendance');\n\t\t\t}\n\n\t\t\tif (getParameterByName('redirect') == 'back') {\n\t\t\t\tthis.props.history.goBack();\n\t\t\t}\n\t\t} else {\n\t\t\tthis.props.history.push('/schedule');\n\t\t}\n\t};\n\n\tonAbsenceSubmit = (values) => {\n\t\tconst { schedule } = this.props;\n\n\t\treturn new Promise(async (resolve) => {\n\t\t\tlet invalidAbsence = values.find((absence) => {\n\t\t\t\tif (absence.type == 'INVALID_LATE' || absence.type == 'VALID_LATE') {\n\t\t\t\t\treturn (\n\t\t\t\t\t\tabsence.lateDuration == null ||\n\t\t\t\t\t\tabsence.lateDuration == 0 ||\n\t\t\t\t\t\tisNaN(absence.lateDuration)\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn false;\n\t\t\t});\n\n\t\t\tif (invalidAbsence != null) {\n\t\t\t\tconst prompt = await swal.fire({\n\t\t\t\t\ttitle: this.props.translate('report-absence'),\n\t\t\t\t\ttext: this.props.translate('you-have-absence-set-to-zero'),\n\t\t\t\t\tshowCancelButton: true,\n\t\t\t\t\tshowConfirmButton: false,\n\t\t\t\t\tcancelButtonText: this.props.translate('okey'),\n\t\t\t\t});\n\n\t\t\t\tif (prompt.value == null) {\n\t\t\t\t\tresolve(0);\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (schedule.attendanceReported != null) {\n\t\t\t\tthis.props.updateAttendance(values, this.props.match.params.id).then(() => {\n\t\t\t\t\tresolve(1);\n\n\t\t\t\t\tthis.redirect();\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.props.submitAttendence(values, this.props.match.params.id).then(() => {\n\t\t\t\t\tschedule.attendanceReported = new DateTime().getTimeStamp();\n\t\t\t\t\tresolve(1);\n\t\t\t\t\tthis.props.updateLessonInList(schedule);\n\n\t\t\t\t\tthis.redirect();\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t};\n\n\tsearchAssigment = (value) => {\n\t\tif (this.props.group != null) {\n\t\t\tvalue.section = this.props.group;\n\t\t}\n\n\t\tlet items = value?.reference ?? value;\n\t\tthis.setState((prevState) => {\n\t\t\treturn {\n\t\t\t\tselectedAssignments: items\n\t\t\t\t\t? prevState.selectedAssignments.filter((x) => x.id !== items.id).concat(items)\n\t\t\t\t\t: prevState.selectedAssignments,\n\t\t\t\tcreateEvent: false,\n\t\t\t\thasMadeChange: true,\n\t\t\t};\n\t\t});\n\t};\n\n\tsearchForm = () => {\n\t\tthis.setState({ createEvent: !this.state.createEvent, formName: 'Search assignment' });\n\t};\n\n\ttoggleAssignment = () => {\n\t\tthis.setState({ createEvent: !this.state.createEvent, formName: 'Create assignment' });\n\t};\n\ttoggleGroupAssignment = () => {\n\t\tthis.setState({ createEvent: !this.state.createEvent, formName: 'Create group assignment' });\n\t};\n\n\tcloseModal = (skip = true) => {\n\t\tif (skip == true) {\n\t\t\tthis.setState({ createEvent: !this.state.createEvent });\n\t\t} else {\n\t\t\tswal.fire({\n\t\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\t\ttext: this.props.translate('close-form-prompt'),\n\t\t\t\tshowCancelButton: true,\n\t\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t\t}).then((result) => {\n\t\t\t\tif (result.value != null) {\n\t\t\t\t\tthis.setState({ createEvent: !this.state.createEvent });\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t};\n\n\tcloseModalAssignment = (value) => {\n\t\tthis.setState((prevState) => {\n\t\t\t{\n\t\t\t\treturn {\n\t\t\t\t\tselectedAssignments: this.props.createdGroupAssignment\n\t\t\t\t\t\t? [...prevState.selectedAssignments, this.props.createdGroupAssignment]\n\t\t\t\t\t\t: prevState.selectedAssignments,\n\t\t\t\t\tcreateEvent: false,\n\t\t\t\t\thasMadeChange: this.props.createdGroupAssignment ? true : false,\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t};\n\n\tcloseGroupModal = () => {\n\t\tthis.setState((prevState) => {\n\t\t\t{\n\t\t\t\treturn {\n\t\t\t\t\tselectedAssignments: this.props.createdAssignments\n\t\t\t\t\t\t? [...prevState.selectedAssignments, this.props.createdAssignments[0]]\n\t\t\t\t\t\t: prevState.selectedAssignments,\n\t\t\t\t\tcreateEvent: false,\n\t\t\t\t\thasMadeChange: this.props.createdAssignments ? true : false,\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t};\n\n\ttoggleEdit = (reload = false) => {\n\t\tthis.setState({ editForm: !this.state.editForm });\n\n\t\tif (reload) {\n\t\t\tthis.props.getScheduleItem(this.props.match.params.id).then(() => {\n\t\t\t\tthis.props.setPageTitle(this.props.schedule?.title);\n\n\t\t\t\tif (reload?.relationships) {\n\t\t\t\t\tthis.setState({ loadingAssignments: true, selectedAssignments: [] });\n\n\t\t\t\t\tconst promises = this.props?.schedule?.relationships.map((items) => {\n\t\t\t\t\t\tlet containsLetters = /[a-zA-Z]/.test(items.referenceId);\n\t\t\t\t\t\tif (containsLetters) {\n\t\t\t\t\t\t\treturn new Promise((resolve) => {\n\t\t\t\t\t\t\t\tthis.props.getMicrosoftAssignmentDetails(items.referenceId).then(() => {\n\t\t\t\t\t\t\t\t\tif (this.props.details != null) {\n\t\t\t\t\t\t\t\t\t\tthis.props.details.section = this.props.group;\n\t\t\t\t\t\t\t\t\t\tthis.setState((prevState) => {\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedAssignments: [\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...prevState.selectedAssignments,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.details,\n\t\t\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn new Promise((resolve) => {\n\t\t\t\t\t\t\t\tthis.props.getTaskDetails(items.referenceId).then(() => {\n\t\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\t\tselectedAssignments: [\n\t\t\t\t\t\t\t\t\t\t\t...this.state.selectedAssignments,\n\t\t\t\t\t\t\t\t\t\t\tthis.props.assignment,\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tPromise.all(promises).then(() => {\n\t\t\t\t\t\tthis.setState({ loadingAssignments: false });\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t};\n\n\tonDescriptionTogle = (open) => {\n\t\tthis.setState({ descriptionOpen: open });\n\t\tlocalStorage.setItem('haldor-lesson-description', JSON.stringify(open));\n\t};\n\n\tonAssigmentsToggle = (open) => {\n\t\tthis.setState({ assigmentOpen: open });\n\t};\n\n\tremoveAssigment = (id) => {\n\t\tthis.setState((prevState) => {\n\t\t\t{\n\t\t\t\treturn {\n\t\t\t\t\tselectedAssignments: prevState.selectedAssignments.filter((x) => x.id !== id.id),\n\t\t\t\t\thasMadeChange: true,\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t};\n\n\tonRemove = () => {\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('are-you-sure'),\n\t\t\ttext: this.props.translate('are-you-sure-you-want-to-delete'),\n\t\t\tshowCancelButton: true,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then((result) => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.props.deleteCalendarEvent(this.props.match.params.id).then(() => {\n\t\t\t\t\tthis.props.deleteLessonInList(this.props.match.params.id);\n\t\t\t\t\tthis.redirect();\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t};\n\n\tonCreateTeamsMeeting = () => {\n\t\t// Create Teamsmeeting and reload page\n\t\tlet values = {\n\t\t\tid: this.props.schedule.id,\n\t\t\taddTeamsMeeting: true,\n\t\t};\n\n\t\tthis.setState({ saving: true });\n\t\tthis.props.updateCalendarEvent(values).then(() => {\n\t\t\tthis.props.getScheduleItem(this.props.match.params.id).then(() => {\n\t\t\t\tthis.setState({ saving: false });\n\t\t\t});\n\t\t});\n\t};\n\n\tonJoinTeamsMeeting = () => {\n\t\twindow.open(this.props.schedule.teamsMeeting);\n\t};\n\n\tonOptionsTeamsMeeting = () => {\n\t\twindow.open(this.props.schedule.teamsMeetingData.optionsUrl);\n\t};\n\n\tisLoading = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{reported ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{!reported && this.props.forecast ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{reported ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\tnoDataFound = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\trenderTeamsHtml = () => {\n\t\tvar strHtml = this.props.schedule.teamsMeetingData.joinHtml;\n\t\tconst locale = getActiveLanguage();\n\n\t\tstrHtml = strHtml.replace('Learn more about Teams', '');\n\n\t\tif (locale == 'sv-se') {\n\t\t\tstrHtml = strHtml.replace(\n\t\t\t\t'Join Microsoft Teams Meeting',\n\t\t\t\t'Anslut till Microsoft Teams-möte'\n\t\t\t);\n\t\t\tstrHtml = strHtml.replace('Meeting options', 'Mötesalternativ');\n\t\t\tstrHtml = strHtml.replace('Learn more about Teams', 'Läs mer om Teams');\n\t\t\tstrHtml = strHtml.replace('en-US', 'sv-SE');\n\t\t}\n\n\t\tstrHtml = strHtml.replace('width:100%;height: 20px;', 'width:100%;height: 1px;');\n\t\tstrHtml = strHtml.replace('margin-top: 24px;', 'margin-top: 5px;');\n\t\tstrHtml = strHtml.replace('white-space:nowrap;color:gray;opacity:.36;', '');\n\t\tstrHtml = strHtml.replace('white-space:nowrap;color:gray;opacity:.36;', '');\n\t\tstrHtml = strHtml.replace('|', '');\n\t\tstrHtml = strHtml.replace(\n\t\t\t'________________________________________________________________________________',\n\t\t\t'{this.props.translate('no-results')}
\n\t\t\t'\n\t\t);\n\t\tstrHtml = strHtml.replace(\n\t\t\t'________________________________________________________________________________',\n\t\t\t'
'\n\t\t);\n\n\t\treturn ;\n\t};\n\n\trenderTeamsHtmlFromData = () => {\n\t\tconst user = new User(this.props.currentUser);\n\n\t\treturn (\n\t\t\t
\n\t\t\t\t{this.props.translate('join-teamsmeeting')}\n\n\t\t\t\t{(user.isTeacher() || user.isAdministrator()) && this.props.schedule.teamsMeetingData != null ? (\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('options-teamsmeeting')}\n\t\t\t\t\t\n\t\t\t\t) : null}\n\t\t\t
\n\t\t);\n\t};\n\n\trenderTeamsSettings = () => {\n\t\tconst { schedule } = this.props;\n\t\tconst user = new User(this.props.currentUser);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.props.services.teamsMeeting ? (\n\t\t\t\t\t
\n\t\t);\n\t};\n\n\trender() {\n\t\tif (this.state.loadingSchedule) {\n\t\t\treturn this.isLoading();\n\t\t} else {\n\t\t\tif (this.props.schedule == null) {\n\t\t\t\treturn this.noDataFound();\n\t\t\t}\n\t\t}\n\n\t\tlet formTitle = this.props.translate(this.state.formName);\n\t\tconst { schedule, translate } = this.props;\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst disableDelete = schedule.attendanceReported != null;\n\n\t\tif (this.state.formName !== 'Search assignment' && schedule.section != null) {\n\t\t\tformTitle = `${translate(this.state.formName)} ${translate('for')} ${this.props?.group?.title}`\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{schedule.teamsMeeting != null ? (\n\t\t\t\t\t\t\t
\n\t\t\t\t) : null}\n\t\t\t\n\t\t\t\t\t\t\t\t{this.props.schedule.teamsMeetingData.joinHtml != null\n\t\t\t\t\t\t\t\t\t? this.renderTeamsHtml()\n\t\t\t\t\t\t\t\t\t: this.renderTeamsHtmlFromData()}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : user.isTeacher() || user.isAdministrator() ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.state.saving ?
\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{schedule.description != null ? (\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t{this.state.selectedAssignments.length > 0 || this.state.loadingAssignments ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{this.props.services.attendance && (user.isTeacher() || user.isAdministrator()) ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{schedule.description} \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{schedule.section != null && schedule.section?.title != null ? (\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{schedule.section.title}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t\t{schedule.attendanceReported != null ? (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('reported')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{translate('time')}\n\t\t\t\t\t\t\t\t{new DateTime(schedule.startTime).getLongDateWithTime().capitalize()}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{schedule.room != null && schedule.room != '' ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{translate('room')}\n\t\t\t\t\t\t\t\t\t{schedule.room}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t{schedule.scheduleSubject.primaryDay != '' ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{translate('week-day')}\n\t\t\t\t\t\t\t\t\t{new DateTime(schedule.startTime).getDay().capitalize()}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t{schedule.length != '' ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{translate('length')}\n\t\t\t\t\t\t\t\t\t{schedule.length +\n\t\t\t\t\t\t\t\t\t\t' ' +\n\t\t\t\t\t\t\t\t\t\ttranslate('minutes').toLowerCase()}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.state.loadingAssignments && (\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t{this.state.selectedAssignments.map((items) => (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t this.removeAssigment(items)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tassignment={items}\n\t\t\t\t\t\t\t\t\t\t\t\t\tpermission={!user.isStudent() ? true : false}\n\t\t\t\t\t\t\t\t\t\t\t\t\tcustomPermission={true}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('report-absence')}\n\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t{(user.isTeacher() || user.isAdministrator() || user.isPedagogue() || user.isSchoolLeader() || user.isStudent()) ? (\n\t\t\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('Search assignment')}\n\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('Create assignment')}\n\t\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('Create group assignment')}\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\t\t\t\t{this.props.translate('tools')}
\n\n\t\t\t\t\t\t\t{user.isTeacher() || user.isAdministrator() ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t{user.isTeacher() || user.isAdministrator() ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('Delete')}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t{this.props.services.teamsMeeting ?\n\t\t\t\t\t\t\t\tthis.renderTeamsSettings()\n\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t{user.isTeacher() && this.props.services.advancedSchedule || user.isAdministrator() && this.props.services.advancedSchedule ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\tnoDataFound = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\trender() {\n\t\tif (this.state.loadingSchedule) {\n\t\t\treturn this.isLoading();\n\t\t} else {\n\t\t\tif (this.props.schedule == null) {\n\t\t\t\treturn this.noDataFound();\n\t\t\t}\n\t\t}\n\n\t\tconst { schedule, translate } = this.props;\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst entireSchool = schedule?.activityMemberships?.find(m => m.referenceType === 'SCHOOL') != null;\n\n\t\treturn (\n\t\t\t{this.props.translate('no-results')}
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tservices: state.Services.availableServices,\n\t\tuser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tschedule: state.schedule.activeScheduleItem,\n\t\tcurrentUser: state.user.currentUser,\n\t};\n}\n\nexport default withRouter(\n\tconnect(mapStateToProps, {\n\t\tgetScheduleItem,\n\t\tdeleteCalendarEvent,\n\t\tsetPageTitle,\n\t\tupdateCalendarEvent,\n\t\tclearScheduleItem\n\t})(SingleCalendarEvent)\n);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\n\nimport { clearVerdictScale } from 'actions/verdicts';\n\nimport { Spinner } from 'UI';\n\nclass LandingPage extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.props.clearVerdictScale();\n\n\t\tsetTimeout(() => {\n\t\t\tthis.props.history.goBack();\n\t\t}, 250)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{schedule.description != null ? (\n\t\t\t\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t{schedule.description} \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{translate('time')}\n\t\t\t\t\t\t\t\t{new DateTime(schedule.startTime).getLongDateWithTime()\n\t\t\t\t\t\t\t\t\t+ ' - ' +\n\t\t\t\t\t\t\t\t\tnew DateTime(Moment.utc(schedule.startTime).add(schedule.length, 'm').format()).getTime()}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('column-created-by')}\n\t\t\t\t\t\t\t\t{schedule.author ?? '-'}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{translate('Applies to')}\n\t\t\t\t\t\t\t\t{entireSchool ?\n\t\t\t\t\t\t\t\t\ttranslate('Entire school')\n\t\t\t\t\t\t\t\t\t: (\n\t\t\t\t\t\t\t\t\t\tschedule?.sections?.map((section) => {\n\t\t\t\t\t\t\t\t\t\t\treturn
\n\n\t\t\t\t\t\t\n\t\t\t\t\t{section.title}
\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t{(user.isTeacher() || user.isAdministrator() || user.isPedagogue() || user.isSchoolLeader() || user.isOperationManager() || user.isStudent()) ? (\n\t\t\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\t\t\t\t{this.props.translate('tools')}
\n\n\t\t\t\t\t\t\t{schedule.editable ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t{schedule.deletable ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.props.translate('Delete')}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tclearVerdictScale\n})(LandingPage));\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { reduxForm, Field, formValueSelector, isValid } from 'redux-form';\nimport { isValidPhoneNumber } from 'libphonenumber-js';\n\nimport { getSections } from 'actions/sections';\nimport { getRemainingSMS, getSMSEducationSections, getSMSMentorSections } from 'actions/sms';\n\nimport UserSelect from 'components/List/UserSelect';\nimport { List, Expandable, Spinner } from 'UI';\nimport { Flex, Button, Icon } from '@haldor/ui';\n\nimport './_smsForm.scss';\n\nclass SMSForm extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t\tloading: false,\n\t\t\tloadingEducationSections: true,\n\t\t\tloadingMentorSections: true,\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.props.getRemainingSMS();\n\n\t\tif (this.props.educationSections == null || this.props.educationSections.length == 0) {\n\t\t\tthis.props.getSMSEducationSections().then(() => {\n\t\t\t\tthis.setState({ loadingEducationSections: false });\n\t\t\t});\n\t\t} else {\n\t\t\tthis.setState({ loadingEducationSections: false });\n\t\t}\n\n\t\tif (this.props.mentorSections == null || this.props.mentorSections.length == 0) {\n\t\t\tthis.props.getSMSMentorSections().then(() => {\n\t\t\t\tthis.setState({ loadingMentorSections: false });\n\t\t\t});\n\t\t} else {\n\t\t\tthis.setState({ loadingMentorSections: false });\n\t\t}\n\t}\n\n\tuserSelectLoading = (loading) => {\n\t\tthis.setState({ loading });\n\t}\n\n\tUNSAFE_componentWillMount = () => {\n\t\tif (this.props.initialValues != null) {\n\t\t\tthis.props.initialize({\n\t\t\t\tsender: 'Haldor',\n\t\t\t\t...this.props.initialValues,\n\t\t\t});\n\n\t\t\treturn false;\n\t\t}\n\n\t\tthis.props.initialize({\n\t\t\tsender: 'Haldor',\n\t\t});\n\t}\n\n\tsubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tvalues.targetAudience = 'STUDENTS';\n\n\t\t\tif (values.status == null) {\n\t\t\t\tvalues.status = 'SMS_PUBLISHED';\n\t\t\t}\n\n\t\t\t// Remove internal form properties from data\n\t\t\tdelete values.targetGuardians;\n\t\t\tdelete values.targetStudents;\n\n\t\t\tif (this.props.onSubmit != null) {\n\t\t\t\tthis.props.onSubmit(values)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tthis.setState({ error });\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tresolve(1);\n\t\t\t}\n\t\t});\n\t}\n\n\tonCancel = (event) => {\n\t\tevent.preventDefault();\n\n\t\tif (this.props.onCancel != null) {\n\t\t\tthis.props.onCancel();\n\t\t}\n\t}\n\n\t/* Redux form functions */\n\trequired = (value) => {\n\t\tif (value != null && value !== '') {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.props.translate('field-needs-input');\n\t}\n\n\tvalidateRelationships = (relationships) => {\n\t\tif (relationships == null || relationships.length == 0) {\n\t\t\treturn this.props.translate('select-relation-error');\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\trender() {\n\t\tconst { submitting, handleSubmit, translate, valid } = this.props;\n\n\t\tlet numberOfCharacters = 0;\n\t\tlet numberOfRecipients = 0;\n\n\t\tnumberOfCharacters += this.props.titleValue?.length ?? 0;\n\t\tnumberOfCharacters += this.props.contentValue?.length ?? 0;\n\n\t\tlet numberOfMessages = Math.ceil(numberOfCharacters / 160);\n\t\tif (numberOfMessages == 0) {\n\t\t\tnumberOfMessages = 1;\n\t\t}\n\n\t\tif (this.props.relationshipsValue != null) {\n\t\t\tlet students = [];\n\t\t\tthis.props.relationshipsValue.forEach((relationship) => {\n\t\t\t\tif (relationship.referenceType != 'SECTION' && relationship.mobilePhone != null && relationship.mobilePhone != '') {\n\t\t\t\t\tif (relationship.mobilePhone.length > 4 && isValidPhoneNumber(relationship.mobilePhone)) {\n\t\t\t\t\t\tif (students.indexOf(relationship.referenceId) == -1) {\n\t\t\t\t\t\t\tstudents.push(relationship.referenceId);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tnumberOfRecipients = students.length;\n\t\t}\n\n\t\tconst amount = numberOfMessages * numberOfRecipients;\n\t\tlet sections = [];\n\t\tif (this.props.educationSections != null) {\n\t\t\tsections = sections.concat(this.props.educationSections);\n\t\t}\n\n\t\tif (this.props.mentorSections != null) {\n\t\t\tsections = sections.concat(this.props.mentorSections);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t{submitting ?
: null}\n\n\t\t\t\t\n\n\t\t\t
\n\t\t);\n\t}\n}\n\nconst FORM_NAME = 'SMSForm';\nconst getFormValue = formValueSelector(FORM_NAME);\n\nfunction mapStateToProps(state) {\n\tconst contentValue = getFormValue(state, 'message');\n\tconst titleValue = getFormValue(state, 'title');\n\tconst relationshipsValue = getFormValue(state, 'relationships');\n\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tremaining: state.SMS.remaining,\n\t\tlimit: state.SMS.limit,\n\t\teducationSections: state.SMS.educationSections,\n\t\tmentorSections: state.SMS.mentorSections,\n\t\tcontentValue: contentValue,\n\t\ttitleValue: titleValue,\n\t\trelationshipsValue: relationshipsValue,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetSections,\n\tgetRemainingSMS,\n\tgetSMSEducationSections,\n\tgetSMSMentorSections,\n})(reduxForm({\n\tform: FORM_NAME,\n\tdestroyOnUnmount: true,\n})(SMSForm));","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport { Redirect } from 'react-router';\nimport { connect } from 'react-redux';\nimport DateTime from '_class/DateTime';\nimport User from '_class/User';\nimport moment from 'moment';\n\nimport {\n\tgetSMSList,\n\tcreateSMS,\n\tgetRemainingSMS,\n\tgetSMSEducationSections,\n\tgetSMSMentorSections,\n} from 'actions/sms';\nimport { setPageTitle, setPageActions } from 'actions/header';\nimport { getSchoolServices } from 'actions/schools';\n\nimport Modal from 'containers/Modals/Modal';\nimport SMSForm from 'containers/Forms/SMS';\nimport DatePickerFromTo from 'containers/Forms/Partials/DatePickerFromTo';\n\nimport { Spinner } from 'UI';\nimport { Card, Grid, Radio, Icon, translate } from '@haldor/ui';\n\nclass SMSOverview extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tloadingServices: true,\n\t\t\tform: false,\n\t\t\tgroupFilter: 0,\n\t\t\tstatusFilter: 'SMS_PUBLISHED',\n\t\t\tstartDate: moment().subtract('3', 'months').format('YYYY-MM-DD'),\n\t\t\tendDate: moment().format('YYYY-MM-DD'),\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tthis.props.setPageTitle('Sms');\n\t\tconst user = new User(this.props.user);\n\n\t\tlet actions = [];\n\t\tactions.push({\n\t\t\ttype: 'button',\n\t\t\tvalue: this.props.translate('Write sms'),\n\t\t\tonClick: this.onFormToggle,\n\t\t\ticon: 'plus',\n\t\t});\n\n\t\tthis.props.setPageActions(actions);\n\t\tthis.props.getRemainingSMS();\n\n\t\tconst school = user.getActiveSchool();\n\t\tthis.props.getSchoolServices(school.id).then(() => {\n\t\t\tconst foundSMS = this.props.services.find(service => {\n\t\t\t\treturn service.serviceId == 'HALDOR_SMS' && moment(service.serviceEnd).isSameOrAfter(moment(), 'day');\n\t\t\t});\n\n\t\t\tif (foundSMS != null) {\n\t\t\t\tthis.setState({ loadingServices: false });\n\t\t\t} else {\n\t\t\t\tthis.props.history.replace('/');\n\t\t\t}\n\t\t});\n\n\t\tthis.props.getSMSEducationSections();\n\t\tthis.props.getSMSMentorSections();\n\n\t\tthis.fetchData();\n\t}\n\n\tfetchData = () => {\n\t\tconst { statusFilter, groupFilter, startDate, endDate } = this.state;\n\t\tlet group = null;\n\t\tif (groupFilter != 0) {\n\t\t\tgroup = groupFilter;\n\t\t}\n\n\t\tvar utcStart = moment(moment(startDate).startOf('day'), 'YYYY-MM-DD HH:mm:ss').utc().format();\n\t\tvar utcEnd = moment(moment(endDate).endOf('day'), 'YYYY-MM-DD HH:mm:ss').utc().format();\n\n\t\tthis.props.getSMSList(group, statusFilter, utcStart, utcEnd);\n\t}\n\n\tfilterOnGroup = async (event) => {\n\t\tconst groupId = parseInt(event.target.value, 10);\n\n\t\tif (groupId < 1) {\n\t\t\tawait this.setState({ groupFilter: 0 });\n\t\t} else {\n\t\t\tawait this.setState({ groupFilter: groupId });\n\t\t}\n\n\t\tthis.fetchData();\n\t}\n\n\tclearGroupFilter = async (event) => {\n\t\tevent.preventDefault();\n\n\t\tawait this.setState({ groupFilter: 0 });\n\t\tthis.fetchData();\n\t}\n\n\tonFilterDateChange = async (dates) => {\n\t\tconst { startDate, endDate } = this.state;\n\n\t\tvar start = moment(dates.start);\n\t\tvar end = moment(dates.end);\n\n\t\tif (start.format('YYYY-MM-DD') == startDate && end.format('YYYY-MM-DD') == endDate) {\n\t\t\treturn false;\n\t\t}\n\n\t\tawait this.setState({ startDate: start.format('YYYY-MM-DD'), endDate: end.format('YYYY-MM-DD') });\n\t\tthis.fetchData();\n\t}\n\n\tonStatusFilterChange = async (filter) => {\n\t\tif (filter == this.state.statusFilter) {\n\t\t\treturn false;\n\t\t}\n\n\t\tawait this.setState({ statusFilter: filter });\n\t\tthis.fetchData();\n\t}\n\n\tonFormToggle = () => {\n\t\tthis.setState({ form: !this.state.form });\n\t}\n\n\tonSubmit = (values) => {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tthis.props.createSMS(values).then(async () => {\n\t\t\t\tresolve(1);\n\n\t\t\t\tif (values.status != this.state.statusFilter) {\n\t\t\t\t\tawait this.setState({ form: false, statusFilter: values.status });\n\t\t\t\t\tthis.fetchData();\n\t\t\t\t} else {\n\t\t\t\t\tthis.setState({ form: false });\n\t\t\t\t}\n\n\t\t\t}).catch(() => {\n\t\t\t\treject(this.props.translate('Something went wrong, try again'));\n\t\t\t});\n\t\t})\n\t}\n\n\trender() {\n\t\tconst user = new User(this.props.user);\n\n\t\tif (!user.isAdministrator() && !user.isSchoolLeader() && !user.isSMSAdmin()) {\n\t\t\treturn \n\t\t\t\t
\n\t\t}\n\n\t\tlet sections = [];\n\t\tif (this.props.educationSections != null) {\n\t\t\tsections = sections.concat(this.props.educationSections);\n\t\t}\n\n\t\tif (this.props.mentorSections != null) {\n\t\t\tsections = sections.concat(this.props.mentorSections);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t\n\t\t\t\t\t{data != null ?\n\t\t\t\t\t\tdata.map(sms => {\n\t\t\t\t\t\t\treturn \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t})\n\t\t\t\t\t\t: null}\n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tuser: state.user.currentUser,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tlist: state.SMS.list,\n\t\tservices: state.School.schoolServices,\n\t\teducationSections: state.SMS.educationSections,\n\t\tmentorSections: state.SMS.mentorSections,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tsetPageTitle,\n\tsetPageActions,\n\tgetSMSList,\n\tcreateSMS,\n\tgetRemainingSMS,\n\tgetSchoolServices,\n\tgetSMSMentorSections,\n\tgetSMSEducationSections,\n})(SMSOverview);","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport swal from 'sweetalert2';\n\nimport { getDescription } from 'helpers/content';\nimport { getSMS, updateSMS, deleteSMS } from 'actions/sms';\nimport { setPageTitle } from 'actions/header';\n\nimport { Block, Button, Icon, Table, translate } from '@haldor/ui';\nimport { Spinner } from 'UI';\n\nimport Modal from 'containers/Modals/Modal';\nimport SMSForm from 'containers/Forms/SMS';\nimport DateTime from '_class/DateTime';\nimport PostContent from 'components/Presentation/PostContent';\n\nclass SingleSMS extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\teditForm: false,\n\t\t\tloading: true,\n\t\t\tremoving: false,\n\t\t}\n\t}\n\n\tcomponentDidMount = async () => {\n\t\tthis.props.setPageTitle('Sms');\n\t\tawait this.props.getSMS(this.props.match.params.id);\n\t\tthis.setState({ loading: false });\n\t}\n\n\tonUpdate = (values) => {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tthis.props.updateSMS(values).then(() => {\n\t\t\t\tresolve(1);\n\t\t\t\tthis.setState({ editForm: false });\n\t\t\t}).catch(() => {\n\t\t\t\treject(this.props.translate('Something went wrong, try again'));\n\t\t\t});\n\t\t});\n\t}\n\n\tonRemove = async () => {\n\t\tawait this.setState({ removing: true });\n\n\t\tswal.fire({\n\t\t\ttitle: this.props.translate('Remove'),\n\t\t\ttext: this.props.translate('Are you sure you want to delete this sms?'),\n\t\t\tshowCancelButton: true,\n\t\t\tfocusConfirm: false,\n\t\t\tcancelButtonText: this.props.translate('No'),\n\t\t\tconfirmButtonText: this.props.translate('Yes'),\n\t\t}).then(result => {\n\t\t\tif (result.value != null) {\n\t\t\t\tthis.props.deleteSMS(this.props.sms.id).then(() => {\n\t\t\t\t\tthis.props.history.push('/sms');\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.setState({ removing: false });\n\t\t\t}\n\t\t});\n\t}\n\n\trender() {\n\t\tif (this.props.sms == null || this.state.loading) {\n\t\t\treturn \n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{this.state.groupFilter > 0 ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t{sms.title != null ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{sms.createdUser.firstName} {sms.createdUser.lastName}\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{sms.status == 'SMS_DRAFT' ?\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate('Draft')}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\t\t{new DateTime(sms.created).getTimeStampHours()}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{sms.title}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{sms.message}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t{sms.status == 'SMS_DRAFT' ?\n\t\t\t\t\t this.setState({ editForm: false })}\n\t\t\t\t\t>\n\t\t\t\t\t\t this.setState({ editForm: false })}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('Recipients')}\n\t\t\t\t\t\n\n\t\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tsms: state.SMS.single,\n\t\ttranslate: translate(state.Languages.translations),\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetSMS,\n\tupdateSMS,\n\tdeleteSMS,\n\tsetPageTitle,\n})(SingleSMS);","import React, { useEffect, useMemo, useState } from 'react';\nimport Moment from 'moment';\nimport DateTime from '_class/DateTime';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useTranslate } from 'lib/translate';\nimport { useHistory, useParams } from 'react-router';\nimport { Link } from 'react-router-dom';\n\nimport { setPageTitle } from 'actions/header';\nimport { getCourse, setActiveCourse } from 'actions/courses';\nimport { getSection, setActiveSection } from 'actions/sections';\nimport { getUserInfo } from 'actions/user';\nimport { getStudentAdjustmentsBySubject } from 'actions/additional_adjustments';\nimport {\n\tupdateVerdict,\n\tcreateVerdict,\n\tdeleteVerdict,\n\tgetVerdictsForUser,\n\tgetSectionVerdicts,\n\tgetVerdictScale,\n} from 'actions/verdicts';\n\nimport { getUserAssessmentDates } from 'helpers/user';\n\nimport InputVerdictForm from 'containers/Verdict/Form/VerdictForm';\nimport TeacherAdjustments from 'containers/AdditionalAdjustments/Display/TeacherAdjustments';\nimport VerdictWidget from 'containers/Verdict/Display/VerdictWidget';\nimport VerdictDisplay from 'containers/Verdict/Display/VerdictDisplay';\nimport DatePickers from \"containers/Progress/Partials/DatePickers\";\nimport UserAssessments from 'containers/Progress/Partials/UserAssessments';\nimport StudentAdjustmentForm from 'containers/AdditionalAdjustments/Form/StudentAdjustmentForm';\nimport Modal from 'containers/Modals/Modal';\n\nimport { Collapsible, Spinner } from 'UI';\nimport { Button, Checkbox, Expandable, Icon } from '@haldor/ui';\n\nconst fixLocalHistory = () => {\n\tif (localStorage.getItem('history') != null) {\n\t\tlet history = JSON.parse(localStorage.getItem('history'));\n\t\thistory.shift();\n\t\tlocalStorage.setItem('history', JSON.stringify(history));\n\t}\n}\n\nconst NewVerdictPage = (props) => {\n\tconst dispatch = useDispatch();\n\tconst translate = useTranslate();\n\tconst params = useParams();\n\tconst history = useHistory();\n\n\tconst tenant = useSelector((state) => state.user.tenant);\n\tconst userVerdicts = useSelector((state) => state.Verdicts.user);\n\tconst course = useSelector((state) => state.Courses.course);\n\tconst adjustments = useSelector((state) => state.AdditionalAdjustments.studentAdjustmentsBySubject);\n\tconst section = useSelector((state) => state.sections.activeSection);\n\tconst activeStudent = useSelector((state) => state.user.info?.find((user) =>\n\t\tuser.userId == params.userId\n\t));\n\tconst scale = useSelector((state) => state.Verdicts.scale);\n\n\tconst [showLearningGoals, setLearningGoals] = useState(true);\n\tconst [showKnowledgeRequirements, setKnowledgeRequirements] = useState(true);\n\tconst [showOnlyMyAssessments, setShowOnlyMyAssessments] = useState(false);\n\n\tconst [dates, setDates] = useState(getUserAssessmentDates());\n\tconst [currentDates, setCurrentDates] = useState(getUserAssessmentDates());\n\tconst views = { overview: 1, mixed: 2, assessment: 3 }\n\tconst [currentView, setCurrentView] = useState(views.mixed);\n\tconst [verdictsLoading, setVerdictsLoading] = useState(false);\n\tconst [adjustmentModal, setAdjustmentModal] = useState(false);\n\n\tconst services = useSelector((state) => state.Services.availableServices);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tdispatch(setActiveCourse());\n\t\t\tdispatch(setActiveSection());\n\t\t};\n\t}, []);\n\n\tuseEffect(async () => {\n\t\tdispatch(setPageTitle(translate('New evaluation')));\n\n\t\tsetVerdictsLoading(true);\n\n\t\tawait Promise.all([\n\t\t\tdispatch(getCourse(params.courseId)),\n\t\t\tdispatch(getSectionVerdicts(params.groupId, params.courseId)),\n\t\t\tdispatch(getUserInfo(params.userId, 'extended')),\n\t\t\tdispatch(getSection(params.groupId)),\n\t\t\tdispatch(getVerdictScale()),\n\t\t\tdispatch(getVerdictsForUser(params.userId, params.courseId))]);\n\n\t\tsetVerdictsLoading(false);\n\t}, [params.groupId, params.userId, params.courseId]);\n\n\tuseEffect(() => {\n\t\tif (course != null) {\n\t\t\tdispatch(getStudentAdjustmentsBySubject(params.groupId, course.subjectId, params.userId));\n\t\t}\n\t}, [course?.subjectId, params.userId, params.groupId]);\n\n\tuseEffect(() => {\n\t\tif (activeStudent != null) {\n\t\t\tlet hasSameName = false;\n\n\t\t\tif (section != null) {\n\t\t\t\thasSameName = section.students.filter(x =>\n\t\t\t\t\tx.firstName === activeStudent.firstName && x.lastName === activeStudent.lastName\n\t\t\t\t).length > 1;\n\t\t\t}\n\n\t\t\tif (hasSameName) {\n\t\t\t\tdispatch(setPageTitle(translate('New evaluation') + ' '\n\t\t\t\t\t+ activeStudent.firstName + ' ' + activeStudent.lastName + ' ('\n\t\t\t\t\t+ activeStudent.email + ')'));\n\t\t\t} else {\n\t\t\t\tdispatch(setPageTitle(translate('New evaluation') + ' ' + activeStudent.firstName + ' ' + activeStudent.lastName));\n\t\t\t}\n\t\t}\n\t}, [activeStudent, section]);\n\n\tconst getStudents = () => {\n\t\treturn section.students?.sort((a, b) =>\n\t\t\t(a.lastName || \"\").localeCompare(b.lastName || \"\")\n\t\t);\n\t};\n\n\tconst studentIndex = useMemo(() => {\n\t\tif (section == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn getStudents().findIndex((student) => student.userId == params.userId);\n\t}, [section]);\n\n\tconst onDateChange = ({ start, end }) => {\n\t\tif (start == \"Invalid date\") {\n\t\t\tstart = Moment().subtract(1, \"years\");\n\t\t}\n\t\tif (end == \"Invalid date\") {\n\t\t\tend = Moment().add(1, \"years\");\n\t\t}\n\n\t\tsetDates({\n\t\t\tstart: new DateTime(start).getDateStamp(),\n\t\t\tend: new DateTime(end).getDateStamp()\n\t\t});\n\t};\n\n\tconst reload = async () => {\n\t\tsetVerdictsLoading(true);\n\t\tawait dispatch(getVerdictsForUser(params.userId, params.courseId));\n\t\tsetVerdictsLoading(false);\n\t};\n\n\tconst onSubmitDates = (event) => {\n\t\tevent.preventDefault();\n\n\t\tsetCurrentDates(dates);\n\t};\n\n\tconst onVerdictSubmit = (values) => {\n\t\treturn new Promise(async (resolve) => {\n\t\t\tvalues.userId = params.userId;\n\t\t\tvalues.courses = [{\n\t\t\t\t\"courseCode\": course.courseCode,\n\t\t\t\t\"subjectCode\": course.subjectCode,\n\t\t\t\t\"courseID\": course.id,\n\t\t\t}];\n\n\t\t\tif (values.id != null) {\n\t\t\t\tawait dispatch(updateVerdict(values));\n\t\t\t} else {\n\t\t\t\tawait dispatch(createVerdict(values));\n\t\t\t}\n\n\t\t\tawait dispatch(getVerdictsForUser(params.userId, params.courseId));\n\t\t\tawait dispatch(getSectionVerdicts(params.groupId, params.courseId));\n\n\t\t\tresolve(1);\n\t\t});\n\t};\n\n\tconst onDeleteVerdict = (id) => {\n\t\tlet userId = null;\n\n\t\tif (userVerdicts != null && userVerdicts.length > 0) {\n\t\t\tuserId = userVerdicts[0].userId;\n\t\t}\n\n\t\tsetVerdictsLoading(true);\n\n\t\treturn new Promise((resolve) => {\n\t\t\tdispatch(deleteVerdict(id)).then(async () => {\n\t\t\t\tif (userId != null) {\n\t\t\t\t\tawait dispatch(getVerdictsForUser(userId, params.courseId));\n\t\t\t\t\tsetVerdictsLoading(false);\n\t\t\t\t}\n\n\t\t\t\tresolve(1);\n\t\t\t});\n\t\t});\n\t};\n\n\tconst renderVerdict = (verdict, index) => {\n\t\tif (verdict == null || verdict.status == 'VERDICT_DRAFT') {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet date = tenant.currentSchoolYear != null ? tenant.currentSchoolYear : '2017-01-01';\n\t\tlet start = new DateTime(date).getDateStamp();\n\t\tlet end = new DateTime(verdict.published).getDateStamp();\n\n\t\tlet verdictBefore = userVerdicts[index + 1];\n\t\tif (verdictBefore != null) {\n\t\t\tstart = new DateTime(verdictBefore.published).getDateStamp();\n\t\t}\n\n\t\tconst trigger = (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Message')}\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t{sms.title != null ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{getDescription(sms.message.replace(/\\n/g, '
'))}\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t{sms.title}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t'))}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Created by')}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{sms.createdUser.firstName} {sms.createdUser.lastName}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('Status')}\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t{this.props.translate(sms.status)}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t\n\n\t\t\t\t{this.props.translate(\"tools\")}
\n\n\t\t\t\t\t{sms.status == 'SMS_DRAFT' ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{sms.status == 'SMS_DRAFT' ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t\t\t{relationships != null && relationships.length > 0 ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t
\n\t\t\t\t| {this.props.translate('Name')} | \n\t\t\t\t\t\t\t\t\t\t{this.props.translate('Phone number')} | \n\t\t\t\t\t\t\t\t\t\t{this.props.translate('Status')} | \n\t\t\t\t\t\t\t\t\t\t{this.props.translate('Delivered')} | \n\t\t\t\t\t\t\t\t\t
|---|---|---|---|
| \n\t\t\t\t\t\t\t\t\t\t\t\t{relationship.user.firstName != null ?\n\t\t\t\t\t\t\t\t\t\t\t\t\trelationship.user.firstName + ' '\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ''}\n\n\t\t\t\t\t\t\t\t\t\t\t\t{relationship.user.lastName != null ?\n\t\t\t\t\t\t\t\t\t\t\t\t\trelationship.user.lastName\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{relationship.mobilePhone != null ?\n\t\t\t\t\t\t\t\t\t\t\t\t\trelationship.mobilePhone\n\t\t\t\t\t\t\t\t\t\t\t\t\t: this.props.translate('Phone number missing')}\n\t\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.translate(relationship.status)}\n\t\t\t\t\t\t\t\t\t\t\t | \n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{relationship.deliveredDate != null ?\n\t\t\t\t\t\t\t\t\t\t\t\t\tnew DateTime(relationship.deliveredDate).getTimeStampHours()\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{new DateTime(verdict.published).getLongDateWithTime()}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t console.log('set loading', loading)}\n\t\t\t\t\t\tcourse={course}\n\t\t\t\t\t/>\n\t\t\t\t \n\t\t\t
\n\t\t);\n\t};\n\n\tconst toggleIcon = (flip) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n\n\tconst renderStatus = () => {\n\t\tif (userVerdicts != null && userVerdicts.length > 0 && userVerdicts[0].status == 'VERDICT_DRAFT') {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t{translate('Status')}:\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{translate('Draft')}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\tconst goBack = (event) => {\n\t\tevent.preventDefault();\n\t\tif (studentIndex < 1) {\n\t\t\treturn '#';\n\t\t}\n\n\t\tfixLocalHistory();\n\n\t\tconst newStudent = getStudents()[studentIndex - 1].userId;\n\t\thistory.replace(`/groups/${params.groupId}/course/${params.courseId}/student/${newStudent}`);\n\t}\n\n\tconst goNext = (event) => {\n\t\tevent.preventDefault();\n\t\tif (studentIndex + 1 == section?.students.length) {\n\t\t\treturn '#';\n\t\t}\n\n\t\tfixLocalHistory();\n\n\t\tconst newStudent = getStudents()[studentIndex + 1].userId;\n\t\thistory.replace(`/groups/${params.groupId}/course/${params.courseId}/student/${newStudent}`);\n\t}\n\n\tif (course == null || activeStudent == null) {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t)\n\t}\n\n\tlet sidebarClasses = 'sidebar';\n\tlet overviewClasses = 'iframe-section left-side';\n\tif (currentView == views.assessment) {\n\t\tsidebarClasses += ' full-width';\n\t\toverviewClasses += ' zero-width'\n\t}\n\telse if (currentView == views.overview) {\n\t\tsidebarClasses += ' zero-width';\n\t\toverviewClasses += ' full-width'\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t);\n\n}\n\nexport default NewVerdictPage;","import React, { Component, Fragment } from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter, Switch, Route, Redirect } from 'react-router-dom';\nimport { translate } from '@haldor/ui';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport { setUser, getMe, getTenant } from 'actions/user';\nimport { getEducationGroups, getSections } from 'actions/sections';\nimport { getTypes } from 'actions/status';\nimport { getMenuItems } from 'actions/menu';\nimport { markNotificationAsRead } from 'actions/notifications';\n\nimport { getSchoolServices } from 'actions/schools';\nimport sniffer from 'sniffer';\n\nimport { getUser, getConsentStatus, onMsalTokenError } from 'lib/msal';\n\nimport schoolHandling from 'helpers/schoolHandling';\nimport roleHandling from 'helpers/roleHandling';\nimport { trackNoGroups } from 'helpers/insights';\n\nimport NotificationProvider from 'components/Providers/NotificationProvider';\nimport Footer from 'components/Footer/Footer';\nimport Error from 'components/Presentation/Error/Error';\nimport Menu from 'components/Menu';\nimport Header from 'components/HeaderV2';\nimport DeviceHeader from 'components/HeaderV2/Device';\nimport DesktopHeader from 'components/HeaderV2/Desktop';\n\nimport InteractionRequired from 'containers/Errors/InteractionRequired';\nimport RequiredDataError from 'containers/Errors/RequiredDataError';\n\nimport { Spinner } from 'UI';\nimport { Layout, Content, Sider, getActiveLanguage } from '@haldor/ui';\nimport packageJson from '../../package.json';\n\nimport { appInsights } from 'lib/appInsights';\n\nimport ZendeskWidget from 'lib/zendeskWidget';\nimport SupportLauncher from 'components/Support/SupportLauncher';\n\n// Import routes\nimport MentorGroups from 'containers/Overview/Sections/MentorGroups';\nimport SchoolSwitch from 'components/SchoolSwitch/SchoolSwitch';\nimport AbsenceOverview from 'containers/Absence/AbsenceOverview';\nimport AttendanceOverview from 'containers/Attendance/AttendanceOverview';\nimport ConversationPage from 'containers/Conversation/Display/ConversationPage';\nimport ConversationsPage from 'containers/Conversation/Display/ConversationsPage';\nimport FlaggedConversations from 'containers/Conversation/FlaggedConversations';\nimport Courses from 'containers/Courses/Courses';\nimport StandardCourses from 'containers/Courses/StandardCourses';\nimport AllForms from 'containers/FormTemplate/Page/AllForms';\nimport SingleForm from 'containers/FormTemplate/Page/SingleForm';\nimport SingleFormTemplate from 'containers/FormTemplate/Page/SingleFormTemplatePage';\nimport IndexWrapper from 'containers/IndexWrapper';\nimport UserLogs from 'containers/Logs/UserLogs';\nimport ListPage from 'containers/Matrix/ListPage';\nimport TestPage from 'containers/Matrix/TestPage';\nimport Meeting from 'containers/Meeting/Display/Meeting';\nimport MeetingInstance from 'containers/Meeting/Display/MeetingInstance';\nimport MyMeetings from 'containers/Meeting/Display/MyMeetings';\nimport Notifications from 'containers/Notifications';\nimport ConditionReceiver from 'containers/ConditionReceiver';\nimport GroupsPage from 'containers/Groups/GroupsPage';\nimport Schedule from 'containers/Schedule/Schedule';\nimport AllPosts from 'containers/Posts/AllPosts';\nimport AdministrateAdjustments from 'containers/AdditionalAdjustments/Administration/AdministrateAdjustments';\nimport CourseProgress from 'containers/Progress/Course';\nimport UserProgress from 'containers/Progress/User';\nimport Guardian from 'containers/Guardian/Guardian';\nimport Search from 'containers/Search';\nimport SectionWrapper from 'containers/Section/SectionWrapper';\nimport SectionBaseGroupPage from 'containers/BaseGroups/Display/SectionBaseGroupPage';\nimport SinglePost from 'containers/SinglePages/SinglePost';\nimport SinglePreschoolDocument from 'containers/SinglePages/SinglePreschoolDocument';\nimport Staff from 'containers/User/Staff';\nimport SubjectPage from 'containers/Verdict/Display/SubjectPage';\nimport CreateMeetingWizard from 'containers/Meeting/Form/CreateMeetingWizard';\nimport UserBookmarks from 'containers/Bookmarks/User';\nimport Admin from 'containers/Admin/Index';\nimport SingleAssignmentV1 from 'containers/SinglePages/SingleAssignmentV1';\nimport UserDocuments from 'components/List/UserDocuments';\nimport Plans from 'containers/Plans/Plans';\nimport SubmissionsView from 'containers/SinglePages/Assignment/SubmissionsView';\nimport PlanningWrapper from 'containers/SinglePages/Plan/PlanningWrapper';\nimport SectionProgress from 'containers/Progress/Section';\nimport SingleCourse from 'containers/SinglePages/SingleCourse';\nimport SingleLesson from 'containers/Lesson/Single';\nimport SingleCalendarEvent from './CalendarEvent/SingleCalendarEvent';\nimport LanguageRender from 'components/LanguageRender/LanguageRender';\nimport SMSOverview from 'containers/SMS/Overview';\nimport SingleSMS from 'containers/SMS/Single';\nimport NewVerdictPage from './Verdict/Page/NewVerdict';\nimport moment from 'moment';\n\nimport 'assets/css/main.scss';\nimport MyAssignmentsWrapper from './Assignments/MyAssignmentsWrapper';\n\nclass App extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tbackground: '#f5f5f5',\n\t\t\tloading: true,\n\t\t\tshowSession: false,\n\t\t\terror: null,\n\t\t\tskolonScriptLoading: false,\n\t\t};\n\t}\n\n\tgetData = () => {\n\t\tconst user = getUser();\n\t\tlet timer = setTimeout(() => {\n\t\t\tthis.setState({ showSession: true });\n\t\t}, 1000 * 5);\n\n\t\tif (user == null) {\n\t\t\tonMsalTokenError(null, 'login_required');\n\t\t\treturn false;\n\t\t}\n\n\t\tif (user != null) {\n\t\t\tthis.props.getTenant().then(() => {\n\t\t\t\tPromise.all([\n\t\t\t\t\tthis.props.setUser(user),\n\t\t\t\t\tthis.props.getMe(),\n\t\t\t\t\tthis.props.getTypes(getActiveLanguage()),\n\t\t\t\t]).then(() => {\n\t\t\t\t\tconst { currentUser } = this.props;\n\n\t\t\t\t\tif (appInsights != null) {\n\t\t\t\t\t\tappInsights.context.application.ver = packageJson.version;\n\t\t\t\t\t\tappInsights.setAuthenticatedUserContext(currentUser.logId, null, true);\n\t\t\t\t\t\tappInsights.trackTrace({ message: 'User Logged in' });\n\t\t\t\t\t\tgetConsentStatus();\n\t\t\t\t\t}\n\n\t\t\t\t\tif (currentUser.schools != null && currentUser.schools.length > 0) {\n\t\t\t\t\t\tschoolHandling.fetchSchool(this.props.activeSchool, currentUser);\n\t\t\t\t\t\troleHandling.fetchRole(this.props.activeRole, currentUser);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (this.props.activeSchool != null) {\n\t\t\t\t\t\tthis.props.getSchoolServices(this.props.activeSchool)\n\t\t\t\t\t\tthis.props.getEducationGroups().then(() => {\n\t\t\t\t\t\t\tif (this.props.groups == null || this.props.groups.length == 0) {\n\t\t\t\t\t\t\t\ttrackNoGroups(currentUser.id);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t\tclearTimeout(timer);\n\n\t\t\t\t\tthis.props.getMenuItems();\n\t\t\t\t}).catch((error) => {\n\t\t\t\t\tthis.setState({ loading: false, error: error });\n\t\t\t\t});\n\t\t\t})\n\t\t} else {\n\t\t\tthis.setState({ loading: false });\n\t\t}\n\t}\n\n\tloadSkolonScript = (url, isFallback = false) => {\n\t\tconst script = document.createElement('script');\n\t\tscript.src = url;\n\t\tscript.async = true;\n\t\tdocument.head.appendChild(script);\n\n\t\tlet loaded = false;\n\t\tlet timeoutId;\n\n\t\tif (!isFallback) {\n\t\t\ttimeoutId = setTimeout(() => {\n\t\t\t\tif (!loaded) {\n\t\t\t\t\tthis.loadSkolonScript('/dist/js/skolon.sdk.js', true);\n\t\t\t\t}\n\t\t\t}, 2000);\n\t\t}\n\n\t\tscript.onload = () => {\n\t\t\tif (timeoutId) clearTimeout(timeoutId);\n\t\t\tloaded = true;\n\t\t\tthis.setState({ skolonScriptLoading: false });\n\t\t};\n\n\t\tscript.onerror = () => {\n\t\t\tif (timeoutId) clearTimeout(timeoutId);\n\t\t\tif (!isFallback) {\n\t\t\t\tthis.loadSkolonScript('/dist/js/skolon.sdk.js', true);\n\t\t\t} else {\n\t\t\t\tthis.setState({ skolonScriptLoading: false });\n\t\t\t}\n\t\t};\n\t};\n\n\tgetParameterByName = (name, url) => {\n\t\tif (!url) url = window.location.href;\n\t\tname = name.replace(/[\\[\\]]/g, '\\\\$&');\n\t\tvar regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),\n\t\t\tresults = regex.exec(url);\n\t\tif (!results) return null;\n\t\tif (!results[2]) return '';\n\n\t\treturn decodeURIComponent(results[2].replace(/\\+/g, ' '));\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.getData();\n\t\tif (microsoftTeams.app.isInitialized()) {\n\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\tif (context == null) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tif (context.page.subPageId != null && context.page.subPageId != \"\") {\n\t\t\t\t\tvar notificationId = this.getParameterByName('notificationId', context.page.subPageId);\n\t\t\t\t\tif (notificationId != null && notificationId != '' && notificationId !== '0') {\n\t\t\t\t\t\tthis.props.markNotificationAsRead(notificationId);\n\t\t\t\t\t}\n\t\t\t\t\tthis.props.history.push(context.page.subPageId);\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.setState({ background: '#f5f5f5' });\n\t\t}\n\t}\n\n\tisDesktop = () => {\n\t\tif (sniffer.isTablet) {\n\t\t\treturn true;\n\t\t}\n\n\t\tif (sniffer.isDesktop) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\trender() {\n\t\tif (this.state.loading || this.state.skolonScriptLoading) {\n\t\t\treturn \n\t\t\t\t
\n\t\t\t setCurrentView(views.assessment)}>\n\t\t\t\t\t
\n\t\t\t\t setCurrentView(views.mixed)} >\n\t\t\t\t\t
\n\t\t\t\t setCurrentView(views.overview)}>\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t setAdjustmentModal(false)} title={translate('assign-adjustment')}>\n\t\t\t\t\t setAdjustmentModal(false)}\n\t\t\t\t\t\tcourse={course}\n\t\t\t\t\t\tuserId={params.userId}\n\t\t\t\t\t/>\n\t\t\t\t \n\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t
\n\t\t\t\t\n\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{services.additionalAdjustments ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{studentIndex > 0 ? toggleIcon(false) : null}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{translate('new-verdict') + \" \" + activeStudent.firstName + \" \" + activeStudent.lastName}\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{studentIndex < (section?.students.length - 1) ? toggleIcon(true) : null}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{!verdictsLoading ?\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{renderStatus()}\n\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t{userVerdicts != null && scale != null && (userVerdicts.length > 1 || (userVerdicts.length == 1 && userVerdicts[0].status != 'VERDICT_DRAFT')) ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{userVerdicts.map(renderVerdict)}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t}\n\n\t\tif (this.state.error != null) {\n\t\t\tif (this.state.error.data != null && this.state.error.data?.errorCode != null && this.state.error.data.errorCode == 'invalid_grant' || this.state.error.data.errorCode == 'interaction_required') {\n\t\t\t\treturn \n\t\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst { currentUser } = this.props;\n\t\t\tif (currentUser.schools == null || currentUser.schools.length < 1 || currentUser.roles == null || currentUser.roles.length < 1) {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('haldor-education-not-activated')}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('not-a-customer-2')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('something-went-wrong')}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('error-no-schools-or-roles')}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
{ navigator.clipboard.writeText(currentUser.userId) }}>\n\t\t\t\t\t\t\t\tUserObjectId: {currentUser.userId}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\tteamsTabCloseForm = () => {\n\t\tthis.setState({ noSectionFound: false }, () => {\n\t\t\twindow.location = window.location.href;\n\t\t})\n\t}\n\n\trenderContent = () => {\n\t\tconst isTeacher = isUserTeacher(this.props.currentUser);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.props.group != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t{this.props.group.students && this.props.group.students.length > 0 && isTeacher ?\n\t\t\t\t\t
\n\t\t)\n\t}\n\n\trender() {\n\t\tif (this.state.isLoading) {\n\t\t\treturn \n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{this.state.isLoading == false && isTeacher == false && this.state.noSectionFound == false ?\n\t\t\t\t\tthis.renderStudentView()\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t{this.props.group != null ? this.renderContent() : null}\n\n\t\t\t\t{this.state.noSectionFound == true && isTeacher ?\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tsections: state.sections.educationGroups,\n\t\tgroup: state.sections.activeSection,\n\t\tgraphSection: state.sections.graphSection,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetSection,\n\tsetPageTitle,\n\tsetPageActions,\n\tgetSectionByGraphId,\n})(MyAssessments);\n","import React, { Component } from 'react';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport Moment from 'moment';\nimport User from \"_class/User\";\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport { getSectionByGraphId } from \"actions/sections\";\nimport { setPageTitle, setPageActions } from 'actions/header';\n\nimport { getWithExpiration, saveWithExpiration } from 'helpers/localstorage';\n\nimport ScheduleView from 'containers/Schedule/ScheduleView';\nimport Modal from 'containers/Modals/Modal';\nimport SectionForm from 'containers/Forms/SectionForm';\nimport CalendarEventForm from 'containers/Forms/CalendarEvent';\nimport SectionTitle from 'components/Presentation/SectionTitle';\n\nimport { Button, Icon } from '@haldor/ui';\n\nclass AttendanceTabSection extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tlet date = Moment();\n\t\tif (getWithExpiration('haldor-schedule-date') != null) {\n\t\t\tdate = Moment(getWithExpiration('haldor-schedule-date'));\n\t\t}\n\n\t\tthis.state = {\n\t\t\tdate,\n\t\t\tcreateEvent: false,\n\t\t\tgroupForm: false,\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (user.isTeacher()) {\n\t\t\tlet actions = [];\n\n\t\t\tactions.push({\n\t\t\t\ttype: 'icon',\n\t\t\t\tonClick: this.toggleGroupSettings,\n\t\t\t\ticon: 'cog_bw',\n\t\t\t});\n\n\t\t\tactions.push({\n\t\t\t\ttype: 'button',\n\t\t\t\tvalue: this.props.translate('Create'),\n\t\t\t\tonClick: this.toggleForm,\n\t\t\t\ticon: 'plus',\n\t\t\t});\n\n\t\t\tthis.props.setPageActions(actions);\n\t\t}\n\n\t\tthis.props.setPageTitle(this.props.translate('attendance'));\n\t}\n\n\ttoggleGroupSettings = (shouldReload) => {\n\t\tthis.setState({ groupForm: !this.state.groupForm });\n\n\t\tif (shouldReload == true) {\n\t\t\tif (microsoftTeams.app.isInitialized()) {\n\t\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\t\tthis.props.getSectionByGraphId(context.team.groupId);\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\ttoggleForm = () => {\n\t\tthis.setState({ createEvent: !this.state.createEvent });\n\t}\n\n\tonSubmit = (date) => {\n\t\tthis.setState({ date: Moment(date) });\n\t}\n\n\ttoggleIcon = flip => (\n\t\t\n\t\t\t\n\t\t\t\t{this.props.group != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t{this.props.group != null && !user.isStudent() ?\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tgroup: state.sections.graphSection,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tsetPageTitle,\n\tsetPageActions,\n\tgetSectionByGraphId,\n})(AttendanceTabSection);\n","import React, { Component } from 'react';\n\nclass NotFound extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t{this.props.group != null ?\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nexport default (NotFound);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Link } from 'react-router-dom';\nimport Moment from \"moment\";\n\nimport { getRootUrl } from \"helpers/url\";\nimport { isUserStudent } from \"helpers/user\";\n\nimport { getBlocksByReference } from 'actions/blocks';\nimport { getAssignmentAssessment } from \"actions/assessments\";\nimport { getTaskDetails, getAssignmentSection } from \"actions/assignments\";\n\nimport UserAssignment from \"components/List/UserAssignment\";\nimport PostContent from \"components/Presentation/PostContent\";\nimport Status from \"components/Presentation/Status\";\nimport UserGroupAssignment from \"components/List/UserGroupAssignment\";\nimport AssessmentsConsumer from 'components/BlockAssessments/Consumer';\n\nimport { Icon, Button, getActiveLanguage, translate } from '@haldor/ui';\nimport { List, Spinner } from \"UI\";\n\nclass PrintAssignment extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {};\n\n\t\tMoment.locale(getActiveLanguage());\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { params } = this.props.match;\n\n\t\tif (params.assignmentId > 0) {\n\t\t\tthis.props.getTaskDetails(params.assignmentId).then(() => {\n\t\t\t\tif (this.props.section == null) {\n\t\t\t\t\tthis.props.getAssignmentSection(this.props.assignment.sectionId);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis.props.getBlocksByReference(params.assignmentId, 'ASSIGNMENT');\n\t\t\tthis.props.getAssignmentAssessment(params.assignmentId);\n\t\t}\n\t}\n\n\tgoBack = (event) => {\n\t\tevent.preventDefault();\n\t\twindow.history.go(-1);\n\n\t\tsetTimeout(function () {\n\t\t\tif (this != null && this.props != null) {\n\t\t\t\tconst { match } = this.props;\n\t\t\t\twindow.location.href = `${getRootUrl()}assignment/${match.params.assignmentId}`;\n\t\t\t}\n\t\t}, 200);\n\n\t\treturn false;\n\t};\n\n\tbackButton = () => {\n\t\tconst { match } = this.props;\n\n\t\tif (match.params.assignmentId) {\n\t\t\treturn (\n\t\t\t\tSidan hittades inte!
\n\t\t\t\t404 - Sidan kanske inte finns?
\n\t\t\t{`${student.firstName} ${student.lastName}`}
\n\t\t\t));\n\t\t}\n\t}\n\n\tprintDialog = () => {\n\t\twindow.print();\n\t};\n\n\ttaskContent = () => {\n\t\tMoment.locale(getActiveLanguage());\n\t\tconst isStudent = isUserStudent(this.props.currentUser);\n\t\tconst teacherOwnsAssignment = this.props.sections.find((t) =>\n\t\t\tt.id == this.props.assignment.sectionId && t.userRole == 'OWNER'\n\t\t) == null ? false : true;\n\t\tlet assessmentBlocks = [];\n\t\tlet assessment = null;\n\n\t\tif (this.props.blocks != null) {\n\t\t\tassessmentBlocks = [...this.props.blocks].filter((block) =>\n\t\t\t\tblock.type == 'Haldor.Blocks.AssessmentBlock' && block.resources.length > 0\n\t\t\t);\n\n\t\t\tif (isStudent && this.props.assessments.length > 0) {\n\t\t\t\tassessment = this.props.assessments[0];\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\trender() {\n\t\tif (this.props.assignment != null && this.props.section != null) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t{isStudent ?\n\t\t\t\t\t\t{this.props.translate(\"Status\")}
\n\n\t\t\t\t\t\t{this.props.assignment.created == \"0001-01-01T00:00:00\" ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate(\"task-is-creating\")}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{isStudent ?\n\t\t\t\t\t\t\t\t\tthis.pupilStatusIndicator(this.props.assignment.tasks[0].status)\n\t\t\t\t\t\t\t\t\t: this.assignmentIndicator(this.props.assignment.status)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t{this.props.translate(\"members\")}
\n\n\t\t\t\t\t\t\t{this.renderMembersForStudent()}\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t{this.props.translate(\"information\")}
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t{this.props.translate(\"start\")}
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{Moment.utc(this.props.assignment.startDate).local().format(\"D MMM H:mm\")}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{this.props.translate(\"end\")}
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{Moment.utc(this.props.assignment.dueDate).local().format(\"D MMM H:mm\")}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t{this.props.section.title}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.assignment.title}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.assignment.description}\n\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t- \n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t{this.backButton()}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.taskContent()}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tsections: state.sections.educationGroups,\n\t\tassignment: state.assignments.active_assignment,\n\t\tassignmentTypes: state.status.assignmentTypes,\n\t\tblocks: state.Blocks.reference,\n\t\tcurrentUser: state.user.currentUser,\n\t\tassessments: state.assessments.assessments,\n\t\tsection: state.assignments.section,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tlanguages: state.Languages.languages,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetTaskDetails,\n\tgetAssignmentAssessment,\n\tgetAssignmentSection,\n\tgetBlocksByReference,\n})(PrintAssignment);\n","import React, { Component } from \"react\";\nimport { translate } from '@haldor/ui';\nimport { connect } from \"react-redux\";\nimport { Link } from 'react-router-dom';\n\nimport { getRootUrl } from \"helpers/url\";\nimport { isUserStudent } from \"helpers/user\";\nimport {\n\tCOMPULSORY_SCHOOL,\n\tPRESCHOOL,\n\tADULT_EDUCATION,\n\tUPPER_SECONDARY_EDUCATION,\n} from \"constants/schoolTypes\";\nimport User from '_class/User';\n\nimport { getPlanAssessments } from \"actions/assessments\";\nimport { addError } from \"actions/index\";\nimport { getPlanDetails } from \"actions/plans\";\nimport { fetch_preschoolgoals } from \"actions/preschoolform\";\nimport { getSection } from \"actions/sections\";\nimport { getBlocksByReference } from 'actions/blocks';\n\nimport SelectedCoreContent from \"containers/CoreContent/Selected\";\n\nimport UserPlanning from \"components/List/UserPlanning\";\nimport DateSpan from \"components/Presentation/Date/DateSpan\";\nimport BlockConsumer from 'components/BlockEditor/Consumer';\nimport AssessmentsConsumer from 'components/BlockAssessments/Consumer';\n\nimport { Icon, Button, Block as ContentBlock } from '@haldor/ui';\nimport { List, Spinner } from \"UI\";\nimport Block, { BlockContent, BlockWrapper } from \"UI/Elements/Block\";\n\nclass PrintPlan extends Component {\n\n\tcomponentDidMount = () => {\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst isPreschool = user.getActiveSchool() != null && user.getActiveSchool().type == PRESCHOOL;\n\n\t\tif (this.props.match.params.planId > 0) {\n\t\t\tthis.props.getPlanDetails(this.props.match.params.planId).then(() => {\n\t\t\t\tthis.props.getBlocksByReference(this.props.match.params.planId, 'PLAN');\n\t\t\t\tthis.props.getSection(this.props.plan.sectionId);\n\t\t\t});\n\n\t\t\tthis.props.getPlanAssessments(this.props.match.params.planId);\n\t\t}\n\n\t\tif (this.props.goals.length < 1 && isPreschool) {\n\t\t\tthis.props.fetch_preschoolgoals();\n\t\t}\n\t};\n\n\tgoBack = (event) => {\n\t\tevent.preventDefault();\n\t\twindow.history.go(-1);\n\n\t\tsetTimeout(function () {\n\t\t\tif (this != null && this.props != null) {\n\t\t\t\tconst { match } = this.props;\n\n\t\t\t\twindow.location.href = `${getRootUrl()}plan/${match.params.planId}`;\n\t\t\t}\n\t\t}, 200);\n\n\t\treturn false;\n\t};\n\n\tbackButton = () => {\n\t\tconst { match } = this.props;\n\n\t\tif (match.params.planId) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t\t\t\t{this.printGoals()}\n\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t};\n\n\trender() {\n\t\tif (this.props.plan != null && this.props.section != null) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate(\"Status\")}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{isStudent ?\n\t\t\t\t\t\t\t\tthis.pupilStatus()\n\t\t\t\t\t\t\t\t: this.renderStatus(this.props.plan.status)}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{this.props.translate(\"information\")}
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.plan.title}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t{this.props.blocks != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.section.title}\n\t\t\t\t\t
\n\n\t\t\t\t\t- \n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{(schoolType == COMPULSORY_SCHOOL || schoolType == ADULT_EDUCATION || schoolType == UPPER_SECONDARY_EDUCATION) && assessmentBlocks.length > 0 ?\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t: null}\n\n\t\t\t\t{schoolType == PRESCHOOL ?\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t{this.backButton()}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.planContent()}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tplan: state.planning.active_plan,\n\t\tcurrentUser: state.user.currentUser,\n\t\tsection: state.sections.activeSection,\n\t\tassessments: state.assessments.assessments,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tgoals: state.PreschoolGoals.preschoolGoals,\n\t\tblocks: state.Blocks.reference,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetPlanDetails,\n\taddError,\n\tgetSection,\n\tgetPlanAssessments,\n\tfetch_preschoolgoals,\n\tgetBlocksByReference,\n})(PrintPlan);","import React, { Component } from 'react';\nimport { Switch, Route } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { getTypes } from 'actions/status';\nimport { setUser, getMe, getTenant } from 'actions/user';\nimport { getEducationGroups } from 'actions/sections';\nimport { getUser } from 'lib/msal';\n\nimport { getActiveLanguage, translate } from '@haldor/ui';\n\n// Import routes\nimport PrintAssignment from 'containers/PrintPages/PrintAssignment';\nimport PrintPlan from 'containers/PrintPages/PrintPlanning';\nimport { isMicrosoftTeams } from 'helpers/teams';\n\nclass PrintApp extends Component {\n\tcomponentDidMount() {\n\t\tif (this.props.languages != null) {\n\t\t\tconst lang = getActiveLanguage();\n\n\t\t\tif (lang == 'sv-se') {\n\t\t\t\tthis.props.getTypes(\"sv-SE\").then(() => {\n\t\t\t\t});\n\t\t\t} else if (lang == 'da-dk') {\n\t\t\t\tthis.props.getTypes(\"da-DK\").then(() => {\n\t\t\t\t});\n\t\t\t} else if (lang == 'nb-no') {\n\t\t\t\tthis.props.getTypes(\"nb-no\");\n\t\t\t} else if (lang == 'uk') {\n\t\t\t\tthis.props.getTypes(\"uk\");\n\t\t\t} else {\n\t\t\t\tthis.props.getTypes(\"en-US\").then(() => {\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tthis.props.getEducationGroups();\n\n\t\tconst user = getUser();\n\n\t\tthis.props.setUser(user);\n\t\tthis.props.getMe();\n\t\tthis.props.getTenant();\n\n\t\tconst isFrame = isMicrosoftTeams();\n\t\tif (isFrame) {\n\t\t\tthis.setState({ background: '#f5f5f5' });\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nconst mapStateToProps = state => ({\n\ttranslate: translate(state.Languages.translations),\n\tlanguages: state.Languages.languages,\n});\n\nconst mapDispatchToProps = {\n\tgetTypes,\n\tsetUser,\n\tgetEducationGroups,\n\tgetMe,\n\tgetTenant,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(PrintApp);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter, Link } from 'react-router-dom';\nimport { TooltipMenu, Icon, Button } from '@haldor/ui';\nimport { getActiveSchool } from 'helpers/localstorage';\nimport { onRouteBack } from 'actions/header';\n\nimport './Header.scss';\n\nclass Header extends Component {\n\n\tgoBack = (event) => {\n\t\tevent.preventDefault();\n\t\tif (this.props.settings.history.length > 1) {\n\t\t\tconst newRoute = this.props.settings.history[1];\n\t\t\tthis.props.onRouteBack();\n\t\t\tthis.props.history.push(newRoute);\n\t\t} else {\n\t\t\twindow.history.go(-1);\n\t\t}\n\t}\n\n\trenderAction = (action, index) => {\n\t\tswitch (action.type) {\n\t\t\tcase 'button':\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\n\t\t\tcase 'dropDown':\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tuser: state.user.currentUser,\n\t\ttitle: state.Header.title,\n\t\tsettings: state.Header,\n\t};\n}\n\nexport default withRouter(connect(mapStateToProps, {\n\tonRouteBack,\n})(Header));","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { translate, getActiveLanguage } from '@haldor/ui';\nimport sniffer from 'sniffer';\nimport { getUser, onMsalTokenError } from 'lib/msal';\nimport { withRouter } from 'react-router-dom';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport schoolHandling from 'helpers/schoolHandling';\nimport roleHandling from 'helpers/roleHandling';\nimport { trackNoGroups } from 'helpers/insights';\n\nimport { ROLE_TEACHER, ROLE_STUDENT, ROLE_MENTOR } from 'constants/roles';\n\nimport { setUser, getMe } from 'actions/user';\nimport { getEducationGroups, getSectionByGraphId } from 'actions/sections';\nimport { getTenant, setActiveTeamsTab } from 'actions/user';\nimport { getTypes } from 'actions/status';\nimport { markNotificationAsRead } from 'actions/notifications';\nimport { getTeamsTab } from '../constants/teamsTabs';\n\nimport { getSchoolServices } from 'actions/schools';\n\nimport Header from 'teams/components/Header';\nimport DeviceHeader from 'components/HeaderV2/Device';\nimport Error from 'components/Presentation/Error/Error';\n\nimport InteractionRequired from 'containers/Errors/InteractionRequired';\nimport RequiredDataError from 'containers/Errors/RequiredDataError';\n\nimport { Spinner } from 'UI';\nimport ZendeskWidget from 'lib/zendeskWidget';\n\nimport 'assets/css/main.scss';\nimport User from '_class/User';\n\nclass App extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tbackground: '#f3f2f1',\n\t\t\tloading: true,\n\t\t\tgroupForm: false,\n\t\t\terror: null,\n\t\t\tshowSession: false,\n\t\t};\n\t}\n\n\tisDesktop = () => {\n\t\tif (sniffer.isTablet) {\n\t\t\treturn true;\n\t\t}\n\n\t\tif (sniffer.isDesktop) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tgetParameterByName = (name, url) => {\n\t\tif (!url) url = window.location.href;\n\t\tname = name.replace(/[\\[\\]]/g, '\\\\$&');\n\t\tvar regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),\n\t\t\tresults = regex.exec(url);\n\t\tif (!results) return null;\n\t\tif (!results[2]) return '';\n\n\t\treturn decodeURIComponent(results[2].replace(/\\+/g, ' '));\n\t}\n\n\tgetData = () => {\n\t\tconst user = getUser();\n\t\tconst tab = getTeamsTab();\n\n\t\tlet timer = setTimeout(() => {\n\t\t\tthis.setState({ showSession: true });\n\t\t}, 1000 * 5);\n\n\t\tthis.props.setActiveTeamsTab(tab);\n\n\t\tif (user != null) {\n\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\tif (context.page.subPageId != null && context.page.subPageId != \"\") {\n\t\t\t\t\tif (this.getParameterByName('notificationId', context.page.subPageId) != null) {\n\t\t\t\t\t\tthis.props.markNotificationAsRead(this.getParameterByName('notificationId', context.page.subPageId));\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.props.history.push(context.page.subPageId);\n\t\t\t\t}\n\n\t\t\t\tthis.props.getTenant().then(() => {\n\t\t\t\t\tPromise.all([\n\t\t\t\t\t\tthis.props.getSectionByGraphId(context.team.groupId),\n\t\t\t\t\t\tthis.props.getMe(),\n\t\t\t\t\t\tthis.props.setUser(user),\n\t\t\t\t\t\tthis.props.getTypes(getActiveLanguage()),\n\t\t\t\t\t])\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\tconst { currentUser, group } = this.props;\n\n\t\t\t\t\t\t\tconst user = new User(this.props.currentUser);\n\n\t\t\t\t\t\t\tif (group != null) {\n\t\t\t\t\t\t\t\tlet teacherRole = false;\n\t\t\t\t\t\t\t\tschoolHandling.setSchoolOnUser(currentUser, group.schoolID);\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tif (currentUser.schools != null && currentUser.schools.length > 0) {\n\t\t\t\t\t\t\t\t\tlet activeSchool = user.getActiveSchool();\n\t\t\t\t\t\t\t\t\tif (activeSchool != null) {\n\t\t\t\t\t\t\t\t\t\tcurrentUser.schools.forEach(school => {\n\t\t\t\t\t\t\t\t\t\t\tif (school.id == group.schoolID) {\n\t\t\t\t\t\t\t\t\t\t\t\tlet foundTeacherRole = school.userRoles.find(us_role => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn us_role.toUpperCase() == ROLE_TEACHER;\n\t\t\t\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\t\t\t\tif (foundTeacherRole != null) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tteacherRole = true;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\t\tlet role = teacherRole ? ROLE_TEACHER : ROLE_STUDENT;\n\n\t\t\t\t\t\t\t\t\t\tschoolHandling.fetchSchool(group.schoolID, currentUser);\n\t\t\t\t\t\t\t\t\t\troleHandling.fetchRole(activeSchool?.id, currentUser, role);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tthis.props.getSchoolServices(group.schoolID).then(() => {\n\t\t\t\t\t\t\t\t\tthis.props.getEducationGroups().then(() => {\n\t\t\t\t\t\t\t\t\t\tif (this.props.groups == null || this.props.groups.length == 0) {\n\t\t\t\t\t\t\t\t\t\t\ttrackNoGroups(currentUser.id);\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t\t\t\t\t\t\tclearTimeout(timer);\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}).catch((error) => {\n\t\t\t\t\t\t\tthis.setState({ loading: false, error: error });\n\t\t\t\t\t\t\tclearTimeout(timer);\n\t\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.getData();\n\t}\n\n\trender() {\n\t\tif (this.state.loading) {\n\t\t\treturn \n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{this.props.settings.backButton ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{this.props.title != null ?\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{activeSchool != null ?\n\t\t\t\t\t\t\t\t\tactiveSchool.title + ' / '\n\t\t\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\t\t{this.props.title}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t{this.props.settings.actions != null ?\n\t\t\t\t\t\t\t\tthis.props.settings.actions.map(this.renderAction)\n\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t}\n\n\t\tif (this.state.error != null) {\n\t\t\tif (this.state.error.data != null && this.state.error.data?.errorCode != null && this.state.error.data.errorCode == 'invalid_grant' || this.state.error?.data.errorCode == 'interaction_required') {\n\t\t\t\treturn \n\t\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('something-went-wrong')}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.props.translate('error-no-schools-or-roles')}\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
{ navigator.clipboard.writeText(currentUser.userId) }}>\n\t\t\t\t\t\t\t\tUserObjectId: {currentUser.userId}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t{!this.isDesktop() ?\n\t\t\t\t\t\t
\n\t\t\t);\n\t\t} else {\n\t\t\treturn \n\t\t\t\t\t\t{this.props.children}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t{this.state.onboarding ?\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tgraphGroupSchool: state.sections.graphGroupSchool,\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tsearchCourseByTitle,\n\tgetSchoolByGroupGraphId,\n\tsearchSectionByTitle,\n\tinformAboutTabData,\n})(reduxForm({\n\tform: 'SchoolSettings',\n\tdestroyOnUnmount: true,\n})(SchoolSettingsForm));\n","import SectionTitle from 'components/Presentation/SectionTitle';\nimport SectionProgress from 'containers/Progress/Section';\nimport TeacherSectionProgress from 'containers/Progress/TeacherSection';\nimport React, { Component } from 'react';\nimport { Spinner } from 'UI';\nimport { translate } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Icon } from '@haldor/ui';\nimport User from '_class/User';\n\nclass Assessments extends Component {\n\n\trender() {\n\t\tconst user = new User(this.props.currentUser);\n\n\t\tif (this.props.group == null) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\n\t\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\n\t\t\t\t{user.isStudent() ?\n\t\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tgroup: state.sections.activeSection,\n\t};\n}\n\nexport default connect(mapStateToProps)(Assessments);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport User from '_class/User';\n\nimport { setPageActions, setPageTitle } from 'actions/header';\nimport { getEducationGroups, getSectionByGraphId, getSection } from 'actions/sections';\n\nimport SectionForm from 'containers/Forms/SectionForm';\nimport Modal from 'containers/Modals/Modal';\nimport MyPlansWrapper from 'containers/Plans/MyPlansWrapper';\nimport SchoolSettingsForm from 'teams/containers/Forms/SchoolSettings';\nimport Assessments from 'teams/containers/Sections/Assessments';\n\nimport { translate } from '@haldor/ui';\nimport { Spinner } from 'UI';\nimport MyAssignmentsWrapper from 'containers/Assignments/MyAssignmentsWrapper';\n\nclass HaldorTab extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tgroupId: null,\n\t\t\tnoSectionFound: false,\n\t\t\tgroupForm: false,\n\t\t};\n\n\t\tthis.services = {\n\t\t\tmicrosoft: props.services.microsoft,\n\t\t\thaldor: props.services.haldor,\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tconst user = new User(this.props.user);\n\n\t\tthis.props.setPageTitle(this.props.translate('overview'));\n\n\t\tif (!user.isStudent()) {\n\t\t\tlet actions = [\n\t\t\t\t{\n\t\t\t\t\ttype: 'icon',\n\t\t\t\t\tonClick: this.toggleGroupSettings,\n\t\t\t\t\ticon: 'cog_bw',\n\t\t\t\t},\n\t\t\t];\n\n\t\t\tthis.props.setPageActions(actions);\n\t\t}\n\n\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\tconst section = this.props.sections.find((section) => section.graphId == context.team.groupId);\n\t\t\tif (section != null) {\n\t\t\t\tthis.props.getSection(section.id);\n\t\t\t}\n\n\t\t\tconst { group } = this.props;\n\n\t\t\tif (group != null) {\n\t\t\t\tthis.setState({ groupId: group.id, noSectionFound: false });\n\t\t\t} else {\n\t\t\t\tthis.setState({ noSectionFound: true });\n\t\t\t}\n\t\t});\n\n\t\tif (this.props.services != null) {\n\t\t\tthis.services = {\n\t\t\t\tmicrosoft: this.props.services.microsoft,\n\t\t\t\thaldor: this.props.services.haldor,\n\t\t\t};\n\n\t\t\tthis.setState({});\n\t\t}\n\t}\n\n\ttoggleGroupSettings = (shouldReload) => {\n\t\tthis.setState({ groupForm: !this.state.groupForm });\n\n\t\tif (shouldReload == true) {\n\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\tthis.props.getSectionByGraphId(context.team.groupId);\n\t\t\t});\n\t\t}\n\t}\n\n\tonSchoolSettingChange = (id) => {\n\t\treturn new Promise(resolve => {\n\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\tPromise.all([\n\t\t\t\t\tthis.props.getSectionByGraphId(context.team.groupId),\n\t\t\t\t\tthis.props.getEducationGroups()\n\t\t\t\t]).then(() => {\n\t\t\t\t\tthis.setState({ groupId: id, noSectionFound: false });\n\t\t\t\t\tresolve(1);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t}\n\n\trenderEducationGroup = () => {\n\t\tconst hasAssignments = this.services.haldor || this.services.microsoft;\n\t\tconst user = new User(this.props.user);\n\t\tconst school = user.getActiveSchool();\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.props.group != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t
\n\t\t);\n\t}\n\n\trenderMentorGroup = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{this.props.groups.length > 0 ?\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t{hasAssignments && school.type != 'PRESCHOOL' ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\n\t\t\t\t{this.props.group != null ?\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t: null}\n\n\t\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\tconst user = new User(this.props.user);\n\n\t\tif (this.state.noSectionFound) {\n\t\t\tif (user.isStudent()) {\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t{this.props.translate('haldor-tab-mentor-group-not-supported')}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t{this.props.translate('no-teams-connection')}
\n\t\t\t\t\t\t\t{this.props.translate('no-teams-connect-student-text')}
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tif (this.state.groupId == null) {\n\t\t\treturn \n\t\t\t\t\t\t
\n\t\t\t\t{this.props.translate('no-teams-connection')}
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('no-teams-connection-teacher-text')}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t{props.label ? : ''}\n\n\t\t{\n\t\t\tprops.maxLength != null ?\n\t\t\t\t
\n);\n\nexport default Input;\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Button, translate } from '@haldor/ui';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport msal from 'lib/msal';\nimport api from 'lib/api';\nimport getEnvironment from 'lib/env';\nimport { appInsights } from 'lib/appInsights';\n\nimport schoolHandling from 'helpers/schoolHandling';\n\nimport { setOnboardingExpireTokenIn, setOnboardingToken } from 'lib/msal';\n\nimport { postData } from 'actions';\nimport { getTenant, getMe, setUser, addUser } from 'actions/user';\nimport { getSectionByGraphId, informAboutTabData } from 'actions/sections';\nimport { getServices, isConsentPresent, createTenant, createTenantServices, getAdminInvitations, getTenantProducts, updateTenant, updateTenantProducts, setSelectedServices } from 'actions/services';\nimport { getSchoolsDataForSections, getSchoolByExternalId } from 'actions/schools';\n\nimport Input from 'components/Inputs/input';\nimport { Spinner } from 'UI';\nimport User from '_class/User';\n\nclass TabConfigure extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\ttab: 'HALDOR_PLAN_COMBO',\n\t\t\ttitle: 'Plans',\n\t\t\tisLoading: true,\n\t\t\tloadingGroupData: true,\n\t\t\tshowErrorLogin: false,\n\t\t\thideSchoolInput: true,\n\t\t\tgroupId: null,\n\t\t\tschoolId: 0,\n\t\t\tgroupType: 'EDUCATION_GROUP',\n\t\t\tuser: {\n\t\t\t\temail: null,\n\t\t\t\tfirstName: null,\n\t\t\t\tlastName: null,\n\t\t\t\tuserRoles: [],\n\t\t\t},\n\t\t\tfieldValidation: {\n\t\t\t\tvalid: null,\n\t\t\t\ttext: '',\n\t\t\t\thideForms: false\n\t\t\t},\n\t\t};\n\n\t\tthis.onTitleChange.bind(this);\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tdocument.body.style.overflow = 'hidden';\n\t\tdocument.body.style.backgroundColor = 'white';\n\n\t\tthis.initTabConfigure();\n\t}\n\n\tinitTabConfigure() {\n\n\t\t/**\n\t\t* \n\t\t* 1. Check for consent\n\t\t* 2. Check for tenant, if not there, create\n\t\t* \t- When tenant is created, default schools is created. But backend returns ID = 0 on default school\n\t\t* 3. Check for user, if not there create user and roles (default roles according to onboarding)\n\t\t* 4. Check if group is alreade connected, if it is, get school ID and set locally\n\t\t* 5. If group is not connected, Get userinfo, including roles and set current school in frontend based on teacher role\n\t\t*/\n\n\t\tlet TenantHasAdminConsent = false;\n\t\tthis.setState({ showErrorLogin: false });\n\n\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\tif (context != null) {\n\t\t\t\tthis.props.isConsentPresent(context.user.tenant.id).then(() => {\n\t\t\t\t\tTenantHasAdminConsent = this.props.isAppConsented;\n\t\t\t\t\tapi.post('log/Apps/CoursePlan/Context/Configure', context);\n\t\t\t\t\tthis.setState({ groupId: context.team.groupId });\n\n\t\t\t\t\tmicrosoftTeams.pages.getConfig().then(settings => {\n\t\t\t\t\t\tif (settings != null && settings.suggestedDisplayName != null) {\n\t\t\t\t\t\t\tthis.setState({ title: settings.suggestedDisplayName }, () => {\n\t\t\t\t\t\t\t\tthis.onValidate();\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tmicrosoftTeams.pages.config.registerOnSaveHandler((saveEvent) => {\n\t\t\t\t\t\tmicrosoftTeams.app.getContext().then(async (context) => {\n\t\t\t\t\t\t\tif (this.props.group == null || this.props.group.id == 0) {\n\t\t\t\t\t\t\t\tif (this.state.schoolId != 0) {\n\t\t\t\t\t\t\t\t\tlet group = {\n\t\t\t\t\t\t\t\t\t\ttitle: context.team.displayName,\n\t\t\t\t\t\t\t\t\t\tgraphId: context.team.groupId,\n\t\t\t\t\t\t\t\t\t\tschoolId: this.state.schoolId,\n\t\t\t\t\t\t\t\t\t\ttype: this.state.groupType,\n\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\tawait this.props.postData(group, 'sections');\n\n\t\t\t\t\t\t\t\t\tif (group.schoolId != 0) {\n\t\t\t\t\t\t\t\t\t\tschoolHandling.setSchoolOnUser(this.props.currentUser, group.schoolId);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tawait this.props.informAboutTabData(context.team.groupId, 'HALDOR_PLANNING');\n\t\t\t\t\t\t\tsaveEvent.notifySuccess();\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t\tmicrosoftTeams.authentication.authenticate({\n\t\t\t\t\t\turl: window.location.origin + (TenantHasAdminConsent ? '/Auth?teams=yes' : '/teams/he/authentication?haldor_login=true&teams=yes'),\n\t\t\t\t\t})\n\t\t\t\t\t\t.then((result) => {\n\t\t\t\t\t\t\tconsole.log('success popup result', result);\n\t\t\t\t\t\t\tlet data = localStorage.getItem(result);\n\t\t\t\t\t\t\tlocalStorage.removeItem(result);\n\t\t\t\t\t\t\tlet tokenResult = JSON.parse(data);\n\n\t\t\t\t\t\t\tif (!TenantHasAdminConsent) {\n\t\t\t\t\t\t\t\tsetOnboardingExpireTokenIn(result.expires_in);\n\t\t\t\t\t\t\t\tsetOnboardingToken(result.access_token);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (msal.getAllAccounts().length > 0 || !TenantHasAdminConsent) {\n\t\t\t\t\t\t\t\tthis.validateTenant(context).then((returnedTenant) => {\n\t\t\t\t\t\t\t\t\tthis.validateUser().then(() => {\n\t\t\t\t\t\t\t\t\t\tthis.validateCreatedTenant(context, TenantHasAdminConsent);\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\t\tthis.setState({ showErrorLogin: true });\n\t\t\t\t\t\t\tconsole.warn('fail popup error LandingPage', error);\n\t\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tvalidateTenant(context) {\n\t\treturn new Promise((resolve) => {\n\t\t\tthis.props.getTenant().then(() => {\n\t\t\t\tif (this.props.tenant == null || this.props.tenant == \"\") {\n\t\t\t\t\tthis.retrieveUser(context);\n\t\t\t\t\tconst { userPrincipalName } = context;\n\t\t\t\t\tlet tenantDomain = null;\n\n\t\t\t\t\tif (userPrincipalName != null && userPrincipalName.indexOf(\"@\") > -1) {\n\t\t\t\t\t\ttenantDomain = userPrincipalName.substring(userPrincipalName.indexOf(\"@\") + 1).toLowerCase();\n\t\t\t\t\t}\n\t\t\t\t\tif (tenantDomain == null && context.user.loginHint != null && context.user.loginHint.indexOf(\"@\") > -1) {\n\t\t\t\t\t\ttenantDomain = context.user.loginHint.substring(context.user.loginHint.indexOf(\"@\") + 1).toLowerCase();\n\t\t\t\t\t}\n\n\t\t\t\t\tlet tenant = {\n\t\t\t\t\t\ttitle: \"\",\n\t\t\t\t\t\ttenantId: context.user.tenant.id,\n\t\t\t\t\t\ttenantDomain: tenantDomain,\n\t\t\t\t\t\ttenantSPOUrl: \"https://\" + context.sharePointSite.teamSiteDomain,\n\t\t\t\t\t};\n\n\t\t\t\t\tthis.props.createTenant(tenant).then(() => {\n\t\t\t\t\t\tthis.props.getTenant().then(() => {\n\t\t\t\t\t\t\tresolve(this.props.tenant);\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tresolve(this.props.tenant);\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\tvalidateUser() {\n\t\treturn new Promise((resolve) => {\n\t\t\tthis.props.addUser(this.state.user).then(() => {\n\t\t\t\t// No meaning in getting the user since we cannot be sure it is created for the current tenant and call to get tenant is not returning any schools so we cannot compare\n\t\t\t\t// If user exists, it will not be created again, roles will also not be created again, but there will be duplicate logs\n\t\t\t\t// School-array is not returned from API either, so we need to also check userSchools\n\t\t\t\tthis.getUserData().then(() => {\n\t\t\t\t\tconst { currentUser } = this.props;\n\t\t\t\t\tif (currentUser != null) {\n\t\t\t\t\t\tif (currentUser.schools != null && currentUser.schools.length > 0 && currentUser.schools[0].id > 0) {\n\t\t\t\t\t\t\tthis.setState({ schoolId: currentUser.schools[0].id });\n\t\t\t\t\t\t\tschoolHandling.setSchoolOnUser(currentUser, currentUser.schools[0].id);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telse if (currentUser.userSchools != null && currentUser.userSchools.length > 0) {\n\t\t\t\t\t\t\tthis.setState({ schoolId: parseInt(currentUser.userSchools[0]) });\n\t\t\t\t\t\t\tschoolHandling.setSchoolOnUser(currentUser, parseInt(currentUser.userSchools[0]));\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tresolve(1);\n\t\t\t\t})\n\t\t\t})\n\t\t})\n\t}\n\tvalidateCreatedTenant(context, TenantHasAdminConsent) {\n\t\treturn new Promise((resolve) => {\n\t\t\tthis.getTabConfigInformation(context).then(() => {\n\t\t\t\tlet promises = [];\n\t\t\t\tif (TenantHasAdminConsent) {\n\t\t\t\t\tpromises.push(this.props.getSectionByGraphId(context.team.groupId));\n\t\t\t\t}\n\t\t\t\tpromises.push(this.props.getTenantProducts());\n\t\t\t\tpromises.push(this.props.getServices());\n\t\t\t\tPromise.all(promises).then(async () => {\n\t\t\t\t\tawait this.CheckIfPlanningAndSetServices(context.user.tenant.id);\n\t\t\t\t\tif (this.props.group != null) {\n\t\t\t\t\t\tif (this.props.group.schoolID != null && this.props.group.schoolID > 0) {\n\t\t\t\t\t\t\tthis.setState({ schoolId: this.props.group.schoolID, loadingGroupData: false });\n\n\t\t\t\t\t\t\t// return false;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tthis.setState({ loadingGroupData: false });\n\n\t\t\t\t\tthis.props.getTenant().then(() => {\n\t\t\t\t\t\tthis.onValidate();\n\t\t\t\t\t\tthis.setState({ isLoading: false });\n\t\t\t\t\t\tresolve();\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t}\n\tretrieveUser(context) {\n\t\tlet user = this.state.user;\n\n\t\tif (context.user.userPrincipalName) {\n\t\t\tuser.email = context.user.userPrincipalName;\n\t\t\tuser.firstName = context.user.userPrincipalName.split('@')[0];\n\n\t\t\tif (user.firstName.indexOf(\".\") > -1) {\n\t\t\t\tlet firstName = user.firstName.split('.')[0];\n\t\t\t\tlet lastName = user.firstName.split('.')[1];\n\n\t\t\t\tuser.firstName = firstName.charAt(0).toUpperCase() + firstName.slice(1);\n\t\t\t\tuser.lastName = lastName.charAt(0).toUpperCase() + lastName.slice(1);\n\t\t\t}\n\t\t}\n\n\t\tif (context.user.licenseType != null) {\n\t\t\tuser.userRoles.push(context.user.licenseType);\n\t\t}\n\n\t\tthis.setState({ user: user });\n\t}\n\n\t/**\n\t * Method to add Products and Services for Haldor Planning\n\t */\n\tCheckIfPlanningAndSetServices(tenantId) {\n\t\treturn new Promise((resolve) => {\n\t\t\tlet id = getEnvironment().id;\n\t\t\tif (id == 'haldor_planning') {\n\n\t\t\t\tvar tenantServices = [];\n\t\t\t\tvar selectedProducts = [];\n\n\t\t\t\tvar productDashboard = this.props.products.find((product) => {\n\t\t\t\t\treturn product.name === \"Haldor Dashboard\";\n\t\t\t\t});\n\t\t\t\tselectedProducts.push(productDashboard);\n\t\t\t\tproductDashboard.services.forEach((service) => {\n\t\t\t\t\tif (!tenantServices.find(service => { return service.ServiceId == service.id })) {\n\t\t\t\t\t\ttenantServices.push({ ServiceId: service.id });\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\tvar productPlanning = this.props.products.find((product) => {\n\t\t\t\t\treturn product.name === \"Haldor Planning\";\n\t\t\t\t});\n\t\t\t\tselectedProducts.push(productPlanning);\n\t\t\t\tproductPlanning.services.forEach((service) => {\n\t\t\t\t\tif (!tenantServices.find(service => { return service.ServiceId == service.id })) {\n\t\t\t\t\t\ttenantServices.push({ ServiceId: service.id });\n\t\t\t\t\t}\n\t\t\t\t})\n\n\t\t\t\tthis.props.updateTenantProducts(selectedProducts).then(() => {\n\t\t\t\t\tthis.props.getTenantProducts().then(() => {\n\t\t\t\t\t\tappInsights.trackTrace({ message: \"Onboarding H.P. | trying update tenantServices\" }, {\n\t\t\t\t\t\t\tservices: tenantServices,\n\t\t\t\t\t\t\ttenant: this.props.tenant\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\t// This is important since our system is depended on services\n\t\t\t\t\t\tthis.props.createTenantServices(tenantServices).then(() => {\n\t\t\t\t\t\t\t//this.props.saveSelectedProductsAsNotes(false);\n\t\t\t\t\t\t\tresolve(tenantId);\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tsetFieldValidation = (message, hideForms = false) => {\n\t\tthis.state.fieldValidation.valid = false;\n\t\tthis.state.fieldValidation.text = message;\n\t\tthis.state.fieldValidation.hideForms = hideForms;\n\n\t\tthis.setState({ fieldValidation: this.state.fieldValidation, loadingGroupData: false });\n\t}\n\n\tremoveFieldValidation = () => {\n\t\tthis.state.fieldValidation.valid = true;\n\t\tthis.state.fieldValidation.hideForms = false;\n\t\tthis.state.fieldValidation.text = '';\n\n\t\tthis.setState({ fieldValidation: this.state.fieldValidation });\n\t}\n\n\tgetUserData = () => {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tthis.props.getMe().then(() => {\n\t\t\t\tconst { currentUser } = this.props;\n\n\t\t\t\tif (currentUser != null && currentUser.schools != null) {\n\t\t\t\t\tthis.props.getSchoolsDataForSections().then(() => {\n\t\t\t\t\t\tif (currentUser.schools.length == 1 && currentUser.schools[0].id > 0) {\n\t\t\t\t\t\t\tthis.setState({ schoolId: currentUser.schools[0].id, disableSchoolSelector: true });\n\t\t\t\t\t\t\tschoolHandling.setSchoolOnUser(currentUser, currentUser.schools[0].id);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tresolve();\n\t\t\t})\n\t\t});\n\t}\n\n\tselectSchool = (event) => {\n\t\tthis.setState({ schoolId: event.target.value }, () => {\n\t\t\tthis.onValidate();\n\t\t});\n\t}\n\n\tgetTabUrl() {\n\t\tconst tabId = this.state.tab;\n\t\tlet url = '';\n\n\t\tif (this.props.tenant == null) {\n\t\t\treturn '';\n\t\t}\n\t\tlet selectedTab = this.props.tenant.tabs.find(tab => {\n\t\t\treturn tab.id == tabId;\n\t\t});\n\t\tif (selectedTab != null) {\n\t\t\turl = window.location.origin + selectedTab.contentUrl;\n\t\t}\n\t\treturn url;\n\t}\n\n\tasync getTabConfigInformation(context) {\n\t\tconst { currentUser } = this.props;\n\n\t\tapi.post('log/Apps/HaldorEdu/Context/Configure', context)\n\n\t\tthis.setState({ groupId: context.team.groupId });\n\n\t\tawait this.props.getSectionByGraphId(context.team.groupId, 'GRAPH_OBJECT;');\n\n\t\tlet graphSection = this.props.group;\n\n\t\tif (graphSection == null || currentUser == null) {\n\t\t\tthis.setFieldValidation(this.props.translate(\"Whoops, something went wrong!\"), true);\n\t\t\treturn false;\n\t\t}\n\n\t\tif (graphSection.type == \"MENTOR_GROUP\") {\n\t\t\tthis.setFieldValidation(this.props.translate(\"You can't add a tab because the group is connected as mentor group\"), true);\n\t\t\treturn false;\n\t\t}\n\n\t\tif (graphSection.externalSchoolId != null) {\n\t\t\tconst school = currentUser.schools?.find((school) => {\n\t\t\t\treturn school.externalId == graphSection.externalSchoolId\n\t\t\t});\n\n\t\t\tif (school != null && school.Id > 0) {\n\t\t\t\tthis.setState({ schoolId: school.id, disableSchoolSelector: true }, () => {\n\t\t\t\t\tschoolHandling.setSchoolOnUser(this.props.currentUser, school.id);\n\t\t\t\t\tthis.onValidate();\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tif (graphSection.externalSchoolId != null) {\n\t\t\t\t\tawait this.props.getSchoolByExternalId(graphSection.externalSchoolId);\n\n\t\t\t\t\tif (this.props.school != null) {\n\t\t\t\t\t\tthis.setFieldValidation(this.props.translate(\"You can't add a tab because you don't have permission to the group {{1}} in the school {{2}}.\", graphSection.title, this.props.school.title), true);\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.setFieldValidation(this.props.translate(\"You can't add a tab because you don't have permission to the group {{1}}\", graphSection.title), true);\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (graphSection.schoolID != null && graphSection.schoolID > 0) {\n\t\t\tthis.setState({\n\t\t\t\tschoolId: graphSection.schoolID,\n\t\t\t\tloadingGroupData: false,\n\t\t\t\tdisableSchoolSelector: true\n\t\t\t}, () => {\n\t\t\t\tschoolHandling.setSchoolOnUser(this.props.currentUser, graphSection.schoolID);\n\t\t\t\tthis.onValidate();\n\t\t\t});\n\n\t\t\treturn false;\n\t\t}\n\n\t\tthis.setState({ loadingGroupData: false });\n\t}\n\tonTitleChange(event) {\n\t\tthis.setState({ title: event.target.value }, () => {\n\t\t\tthis.onValidate();\n\t\t});\n\t}\n\n\tonValidate = () => {\n\t\tconst name = this.state.title;\n\t\tconst schoolId = this.state.schoolId;\n\t\tconst tab = this.getTabUrl();\n\n\t\tif (name != '' && name != null && tab != '' && schoolId > 0) {\n\t\t\tmicrosoftTeams.pages.config.setConfig({\n\t\t\t\tcontentUrl: tab,\n\t\t\t\tsuggestedDisplayName: name,\n\t\t\t\twebsiteUrl: 'https://planning.haldoredu.com',\n\t\t\t});\n\n\t\t\tmicrosoftTeams.pages.config.setValidityState(true);\n\t\t}\n\t}\n\n\trenderForm() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\trenderNotACustomer() {\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.props.translate('not-a-customer')}\n\t\t\t\thttps://portal.haldor.se\n\t\t\t
\n\t\t);\n\t}\n\n\trender = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.state.isLoading || this.state.loadingGroupData ?\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttenant: state.user.tenant,\n\t\tservices: state.Services.availableServices,\n\t\tgroup: state.sections.graphSection,\n\t\tcurrentUser: state.user.currentUser,\n\t\tschoolsData: state.School.schoolsDataForSection,\n\t\tschool: state.School.school,\n\t\tisAppConsented: state.Services.isAppConsented?.data,\n\t\tproducts: state.Services.availableProducts,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetServices,\n\tgetTenant,\n\tgetSectionByGraphId,\n\tgetTenantProducts,\n\tgetSchoolsDataForSections,\n\tgetSchoolByExternalId,\n\tsetSelectedServices,\n\tupdateTenant,\n\tupdateTenantProducts,\n\tcreateTenantServices,\n\tpostData,\n\tinformAboutTabData,\n\tgetMe,\n\tsetUser,\n\tisConsentPresent,\n\taddUser,\n\tcreateTenant\n})(TabConfigure);\n","import React, { Component } from 'react';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport msal, { loginRequest, clearInteractionProgress } from 'lib/msal';\nimport { appInsights, getEnhancedLogLevel } from 'lib/appInsights';\n\nimport { Spinner } from 'UI';\n\nexport default class Auth extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tshowSession: false,\n\t\t};\n\t}\n\n\tgetParameterByName = (name, url) => {\n\t\tif (!url) url = window.location.href;\n\t\tname = name.replace(/[\\[\\]]/g, '\\\\$&');\n\t\tvar regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),\n\t\t\tresults = regex.exec(url);\n\t\tif (!results) return null;\n\t\tif (!results[2]) return '';\n\n\t\treturn decodeURIComponent(results[2].replace(/\\+/g, ' '));\n\t}\n\n\trunLogin = () => {\n\t\tlet request = {\n\t\t\tredirectUri: window.location.origin + '/Auth',\n\t\t\t...loginRequest\n\t\t}\n\n\t\tif (this.getParameterByName('extraQueryParameters') != null) {\n\t\t\trequest.extraQueryParameters = decodeURIComponent(this.getParameterByName('extraQueryParameters'));\n\t\t}\n\n\t\tif (this.getParameterByName('claims') != null) {\n\t\t\trequest.claims = decodeURIComponent(this.getParameterByName('claims'));\n\t\t}\n\n\t\tif (this.getParameterByName('login_hint') != null) {\n\t\t\trequest.loginHint = decodeURIComponent(this.getParameterByName('login_hint'));\n\t\t}\n\n\t\tclearInteractionProgress();\n\t\tmsal.loginRedirect(request);\n\t}\n\n\tcomponentDidMount = () => {\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({ showSession: true });\n\t\t}, 1000 * 5);\n\n\t\tif (window.location.hash.indexOf('code') > -1) {\n\t\t\tmsal.handleRedirectPromise().then((response) => {\n\t\t\t\tif (response != null) {\n\t\t\t\t\tmicrosoftTeams.authentication.notifySuccess(response);\n\t\t\t\t} else {\n\t\t\t\t\tmicrosoftTeams.authentication.notifyFailure('');\n\t\t\t\t}\n\t\t\t}).catch((reason) => {\n\t\t\t\tmicrosoftTeams.authentication.notifyFailure(reason);\n\t\t\t});\n\n\t\t\treturn true;\n\t\t}\n\n\t\tthis.runLogin();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{this.state.showErrorLogin ?
\n\t\t\t\t\t:\n\t\t\t\t\tthis.props.services.haldorCoursePlanning ?\n\t\t\t\t\t\tthis.renderForm()\n\t\t\t\t\t\t:\n\t\t\t\t\t\tthis.renderNotACustomer()\n\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Remember to allow popups in order to complete the login, you may need to click the Login button twice.')}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
: \n\t\t\t\t
\n\t\t);\n\t}\n}\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Button, translate } from '@haldor/ui';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport api from 'lib/api';\nimport msal from 'lib/msal';\n\nimport schoolHandling from 'helpers/schoolHandling';\n\nimport { postData } from 'actions';\nimport { getTenant, getMe, setUser, addUser, getMySections } from 'actions/user';\nimport { createTenant, isConsentPresent } from 'actions/services';\nimport { getSectionByGraphId, informAboutTabData, getEducationGroups, getMentorGroups } from 'actions/sections';\n\nimport { setOnboardingExpireTokenIn, setOnboardingToken } from 'lib/msal';\nimport { getSchoolsDataForSections, getSchoolByExternalId } from 'actions/schools';\n\nimport { Spinner } from 'UI';\nimport Input from 'components/Inputs/input';\nimport User from '_class/User';\n\nclass TabConfigure extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tedit: false,\n\t\t\ttab: 'NOTABSELECTED',\n\t\t\ttitle: '',\n\t\t\tuser: {\n\t\t\t\temail: null,\n\t\t\t\tfirstName: null,\n\t\t\t\tlastName: null,\n\t\t\t\tuserRoles: [],\n\t\t\t},\n\t\t\tisLoading: true,\n\t\t\tshowErrorLogin: false,\n\t\t\tloadingGroupData: true,\n\t\t\tdisableSchoolSelector: false,\n\t\t\ttabValid: {\n\t\t\t\tvalid: null,\n\t\t\t\ttext: '',\n\t\t\t},\n\t\t\ttitleValid: {\n\t\t\t\tvalid: null,\n\t\t\t\ttext: '',\n\t\t\t},\n\t\t\tfieldValidation: {\n\t\t\t\tvalid: null,\n\t\t\t\ttext: '',\n\t\t\t\thideForms: false\n\t\t\t},\n\t\t\thideSchoolInput: false,\n\t\t\tgroupId: null,\n\t\t\tschoolId: 0,\n\t\t\tgroupType: 'EDUCATION_GROUP',\n\t\t};\n\n\t\tthis.onTitleChange.bind(this);\n\t\tthis.onTabSelect.bind(this);\n\t}\n\n\tretrieveUser(context) {\n\t\tlet user = this.state.user;\n\n\t\tif (context.user.licenseType) {\n\t\t\tuser.email = context.user.licenseType;\n\t\t\tuser.firstName = context.user.licenseType.split('@')[0];\n\n\t\t\tif (user.firstName.indexOf(\".\") > -1) {\n\t\t\t\tlet firstName = user.firstName.split('.')[0];\n\t\t\t\tlet lastName = user.firstName.split('.')[1];\n\n\t\t\t\tuser.firstName = firstName.charAt(0).toUpperCase() + firstName.slice(1);\n\t\t\t\tuser.lastName = lastName.charAt(0).toUpperCase() + lastName.slice(1);\n\t\t\t}\n\t\t}\n\n\t\tif (context.user.licenseType != null) {\n\t\t\tuser.userRoles.push(context.user.licenseType);\n\t\t}\n\n\t\tthis.setState({ user: user });\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tdocument.body.style.backgroundColor = 'white';\n\n\t\tthis.initTabConfigure();\n\t}\n\n\t/**\n\t * This will init tab Configure. This method will validate if tenant has admin consent and based on the result, it will initiate proper authentication\n\t */\n\tinitTabConfigure() {\n\t\tlet TenantHasAdminConsent = false;\n\t\tthis.setState({ showErrorLogin: false });\n\n\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\tthis.props.isConsentPresent(context.user.tenant.id).then(() => {\n\t\t\t\tTenantHasAdminConsent = this.props.isAppConsented;\n\n\t\t\t\tif (!TenantHasAdminConsent) {\n\t\t\t\t\tlocalStorage.setItem('onboarding:init', '1');\n\t\t\t\t} else {\n\t\t\t\t\tlocalStorage.removeItem('onboarding:init');\n\t\t\t\t}\n\n\t\t\t\tmicrosoftTeams.pages.getConfig().then((settings) => {\n\t\t\t\t\tif (settings != null && settings.suggestedDisplayName != null) {\n\t\t\t\t\t\tthis.setState({ title: settings.suggestedDisplayName, edit: true });\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tmicrosoftTeams.pages.config.registerOnSaveHandler((saveEvent) => {\n\t\t\t\t\tmicrosoftTeams.app.getContext().then(async (context) => {\n\t\t\t\t\t\tif (this.props.group != null && this.props.group.id == 0) {\n\t\t\t\t\t\t\tif (this.state.schoolId != 0) {\n\t\t\t\t\t\t\t\tlet group = {\n\t\t\t\t\t\t\t\t\ttitle: context.team.displayName,\n\t\t\t\t\t\t\t\t\tgraphId: context.team.groupId,\n\t\t\t\t\t\t\t\t\tschoolId: this.state.schoolId,\n\t\t\t\t\t\t\t\t\ttype: this.state.groupType,\n\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\tawait this.props.postData(group, 'sections');\n\n\t\t\t\t\t\t\t\tif (group.schoolId != 0) {\n\t\t\t\t\t\t\t\t\tschoolHandling.setSchoolOnUser(this.props.currentUser, group.schoolId);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tawait this.props.informAboutTabData(context.team.groupId, this.state.tab);\n\n\t\t\t\t\t\tsaveEvent.notifySuccess();\n\t\t\t\t\t});\n\t\t\t\t});\n\n\t\t\t\tmicrosoftTeams.authentication.getAuthToken().then((token) => {\n\t\t\t\t\tthis.props.getTenant().then(() => {\n\t\t\t\t\t\tif (this.props.tenant == null || this.props.tenant == \"\") {\n\t\t\t\t\t\t\tthis.retrieveUser(context);\n\t\t\t\t\t\t\tconst userPrincipalName = context.user.userPrincipalName;\n\t\t\t\t\t\t\tlet tenantDomain = null;\n\n\t\t\t\t\t\t\tif (userPrincipalName != null && userPrincipalName.indexOf(\"@\") > -1) {\n\t\t\t\t\t\t\t\ttenantDomain = userPrincipalName.substring(userPrincipalName.indexOf(\"@\") + 1).toLowerCase();\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (tenantDomain == null && context.user.loginHint != null && context.user.loginHint.indexOf(\"@\") > -1) {\n\t\t\t\t\t\t\t\ttenantDomain = context.user.loginHint.substring(context.user.loginHint.indexOf(\"@\") + 1).toLowerCase();\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tlet tenant = {\n\t\t\t\t\t\t\t\ttitle: \"\",\n\t\t\t\t\t\t\t\ttenantId: context.user.tenant.id,\n\t\t\t\t\t\t\t\ttenantDomain: tenantDomain,\n\t\t\t\t\t\t\t\ttenantSPOUrl: \"https://\" + context.sharepoint.teamSiteDomain,\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\tthis.props.createTenant(tenant).then(() => {\n\t\t\t\t\t\t\t\tthis.props.addUser(this.state.user).then(() => {\n\t\t\t\t\t\t\t\t\tthis.props.getTenant().then(() => {\n\t\t\t\t\t\t\t\t\t\tthis.getUserData().then(() => {\n\t\t\t\t\t\t\t\t\t\t\tthis.getTabConfigInformation(context).then(() => {\n\t\t\t\t\t\t\t\t\t\t\t\tthis.setState({ isLoading: false });\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.getUserData().then(() => {\n\t\t\t\t\t\t\t\tthis.getTabConfigInformation(context).then(() => {\n\t\t\t\t\t\t\t\t\tthis.setState({ isLoading: false });\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t}).catch(() => {\n\t\t\t\t\tthis.setState({ showErrorLogin: true });\n\t\t\t\t\tconsole.warn('fail popup error LandingPage', error)\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t}\n\n\tasync getTabConfigInformation(context) {\n\t\tconst { currentUser } = this.props;\n\n\t\tapi.post('log/Apps/HaldorEdu/Context/Configure', context)\n\n\t\tthis.setState({ groupId: context.team.groupId });\n\n\t\tawait this.props.getSectionByGraphId(context.team.groupId, 'GRAPH_OBJECT;');\n\n\t\tlet graphSection = this.props.group;\n\n\t\tif (graphSection == null || currentUser == null) {\n\t\t\tthis.setFieldValidation(this.props.translate(\"Whoops, something went wrong!\"), true);\n\t\t\treturn false;\n\t\t}\n\n\t\tif (graphSection.type == \"MENTOR_GROUP\") {\n\t\t\tthis.setFieldValidation(this.props.translate(\"You can't add a tab because the group is connected as mentor group\"), true);\n\t\t\treturn false;\n\t\t}\n\n\t\tif (graphSection.externalSchoolId != null) {\n\t\t\tconst school = currentUser.schools?.find((school) => {\n\t\t\t\treturn school.externalId == graphSection.externalSchoolId\n\t\t\t});\n\n\t\t\tif (school != null) {\n\t\t\t\tthis.setState({ schoolId: school.id, disableSchoolSelector: true }, () => {\n\t\t\t\t\tschoolHandling.setSchoolOnUser(this.props.currentUser, school.id);\n\t\t\t\t\tthis.onValidate();\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tif (graphSection.externalSchoolId != null) {\n\t\t\t\t\tawait this.props.getSchoolByExternalId(graphSection.externalSchoolId);\n\n\t\t\t\t\tif (this.props.school != null) {\n\t\t\t\t\t\tthis.setFieldValidation(this.props.translate(\"You can't add a tab because you don't have permission to the group {{1}} in the school {{2}}.\", graphSection.title, this.props.school.title), true);\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.setFieldValidation(this.props.translate(\"You can't add a tab because you don't have permission to the group {{1}}\", graphSection.title), true);\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (graphSection.schoolID != null && graphSection.schoolID > 0) {\n\t\t\tthis.setState({\n\t\t\t\tschoolId: graphSection.schoolID,\n\t\t\t\tloadingGroupData: false,\n\t\t\t\tdisableSchoolSelector: true\n\t\t\t}, () => {\n\t\t\t\tschoolHandling.setSchoolOnUser(this.props.currentUser, graphSection.schoolID);\n\t\t\t\tthis.onValidate();\n\t\t\t});\n\n\t\t\treturn false;\n\t\t}\n\n\t\tthis.setState({ loadingGroupData: false });\n\t}\n\n\tgetUserData = () => {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tthis.props.getMe().then(() => {\n\t\t\t\tconst { currentUser } = this.props;\n\n\t\t\t\tif (currentUser != null && currentUser.schools != null) {\n\t\t\t\t\tthis.props.getSchoolsDataForSections().then(() => {\n\t\t\t\t\t\tif (currentUser.schools.length == 1) {\n\t\t\t\t\t\t\tthis.setState({ schoolId: currentUser.schools[0].id, disableSchoolSelector: true });\n\t\t\t\t\t\t\tschoolHandling.setSchoolOnUser(this.props.currentUser, currentUser.schools[0].id);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tresolve();\n\t\t\t})\n\t\t});\n\t}\n\n\tselectSchool = (event) => {\n\t\tthis.setState({ schoolId: event.target.value }, () => {\n\t\t\tschoolHandling.setSchoolOnUser(this.props.currentUser, event.target.value);\n\t\t\tthis.onValidate();\n\t\t});\n\t}\n\n\tsetFieldValidation = (message, hideForms = false) => {\n\t\tthis.state.fieldValidation.valid = false;\n\t\tthis.state.fieldValidation.text = message;\n\t\tthis.state.fieldValidation.hideForms = hideForms;\n\n\t\tthis.setState({ fieldValidation: this.state.fieldValidation, loadingGroupData: false });\n\t}\n\n\tremoveFieldValidation = () => {\n\t\tthis.state.fieldValidation.valid = true;\n\t\tthis.state.fieldValidation.hideForms = false;\n\t\tthis.state.fieldValidation.text = '';\n\n\t\tthis.setState({ fieldValidation: this.state.fieldValidation });\n\t}\n\n\tgetTabUrl() {\n\t\tconst tabId = this.state.tab;\n\t\tlet url = '';\n\n\t\tlet selectedTab = this.props.tenant.tabs.find(tab => {\n\t\t\treturn tab.id == tabId;\n\t\t});\n\n\t\tif (selectedTab != null) {\n\t\t\turl = window.location.origin + selectedTab.contentUrl;\n\t\t}\n\n\t\treturn url;\n\t}\n\n\tonTitleChange(event) {\n\t\tthis.setState({ title: event.target.value }, () => {\n\t\t\tthis.onValidate();\n\t\t});\n\t}\n\n\tonTabSelect(event) {\n\t\tthis.setState({ tab: event.target.value }, () => {\n\t\t\tthis.onValidate();\n\t\t});\n\t}\n\n\tonValidate = () => {\n\t\tconst name = this.state.title;\n\t\tconst tab = this.getTabUrl();\n\t\tconst schoolId = this.state.schoolId;\n\t\tconst user = new User(this.props.currentUser);\n\t\tconst schoolsSettings = this.props.schoolsData;\n\t\tconst graphSection = this.props.group;\n\n\t\tthis.removeFieldValidation();\n\n\t\tif (this.props.currentUser == null || schoolHandling.getSchoolForUser(this.props.currentUser) == null || schoolsSettings == null) {\n\t\t\tmicrosoftTeams.pages.config.setValidityState(false);\n\t\t\treturn false;\n\t\t}\n\n\t\tif (!user.isTeacher()) {\n\t\t\tthis.setFieldValidation(\"You do not have permissions to connect the group to the selected school.\");\n\t\t\tmicrosoftTeams.pages.config.setValidityState(false);\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentActiveSchoolSettings = schoolsSettings.filter((element) => {\n\t\t\treturn element.schoolId == schoolId;\n\t\t});\n\n\t\tconst isAllowedToConnect = (currentActiveSchoolSettings.length == 0 || currentActiveSchoolSettings.filter(element => {\n\t\t\treturn element.allowManualEducationGroupConnection == true\n\t\t}).length > 0);\n\n\t\tif (name != '' && name != null && tab != '' && schoolId > 0 && (isAllowedToConnect || (graphSection != null && graphSection.schoolID > 0))) {\n\t\t\tthis.removeFieldValidation();\n\n\t\t\tmicrosoftTeams.pages.config.setConfig({\n\t\t\t\tcontentUrl: tab,\n\t\t\t\tsuggestedDisplayName: name,\n\t\t\t\twebsiteUrl: 'https://app.haldor.se',\n\t\t\t});\n\n\t\t\tmicrosoftTeams.pages.config.setValidityState(true);\n\t\t} else {\n\t\t\tif (!isAllowedToConnect && (graphSection != null && graphSection.schoolID == 0)) {\n\t\t\t\tthis.setFieldValidation(\"You are not allowed to connect groups to this school because the administrator has disabled that functionality.\");\n\t\t\t}\n\n\t\t\tmicrosoftTeams.pages.config.setValidityState(false);\n\t\t}\n\t}\n\n\trenderForm() {\n\n\t\tif (this.props.currentUser == null) {\n\t\t\treturn;\n\t\t}\n\t\tconst { currentUser } = this.props;\n\n\t\tif (currentUser.schools == null || currentUser.schools.length < 1 || currentUser.roles == null || currentUser.roles.length < 1) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('something-went-wrong')}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('error-no-schools-or-roles')}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t
{ navigator.clipboard.writeText(currentUser.userId) }}>\n\t\t\t\t\t\t\tUserObjectId: {currentUser.userId}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n\trenderNotACustomer() {\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.props.translate('not-a-customer')}\n\t\t\t\thttps://portal.haldor.se\n\t\t\t
\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.state.isLoading || this.state.loadingGroupData ?\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttenant: state.user.tenant,\n\t\tgroup: state.sections.graphSection,\n\t\tcurrentUser: state.user.currentUser,\n\t\tisAppConsented: state.Services.isAppConsented?.data,\n\t\tschoolsData: state.School.schoolsDataForSection,\n\t\tschool: state.School.school,\n\t\tgroups: state.user.mySections,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetTenant,\n\tgetSectionByGraphId,\n\tpostData,\n\tinformAboutTabData,\n\tcreateTenant,\n\tisConsentPresent,\n\taddUser,\n\tgetMe,\n\tsetUser,\n\tgetEducationGroups,\n\tgetMySections,\n\tgetMentorGroups,\n\tgetSchoolsDataForSections,\n\tgetSchoolByExternalId\n})(TabConfigure);","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport msal, { loginRequest, getUser, setUser } from 'lib/msal';\nimport api from 'lib/api';\nimport localstoragefunc from 'helpers/localstorage';\nimport getEnvironment from 'lib/env';\n\nimport { Spinner } from 'UI';\n\nexport default class Authentication extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tlogged: false,\n\t\t};\n\t}\n\n\tstatic contextTypes = {\n\t\trouter: PropTypes.object,\n\t};\n\n\trunTeamsLogin() {\n\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\tlet authorizeEndpoint = \"https://login.microsoftonline.com/common/oauth2/v2.0/authorize?client_id=\" + getEnvironment().apiClientId + \"&response_type=token&scope=user.read&redirect_uri=\" + window.location.origin + \"/teams/he/authentication/api\"\n\t\t\twindow.location.assign(authorizeEndpoint);\n\t\t});\n\t}\n\n\trunTeamsAdminConsent(url) {\n\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\tlet authorizeEndpoint = url;\n\t\t\twindow.location.assign(authorizeEndpoint);\n\t\t});\n\t}\n\n\tgetParameterByName = (name, url) => {\n\t\tif (!url) url = window.location.href;\n\t\tname = name.replace(/[\\[\\]]/g, '\\\\$&');\n\t\tvar regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),\n\t\t\tresults = regex.exec(url);\n\t\tif (!results) return null;\n\t\tif (!results[2]) return '';\n\n\t\treturn decodeURIComponent(results[2].replace(/\\+/g, ' '));\n\t}\n\n\tcomponentDidMount = () => {\n\t\tmicrosoftTeams.app.initialize();\n\n\t\tif (window.location.hash.indexOf('access_token') > -1 && window.location.search.indexOf('admin_consent') == -1) {\n\t\t\twindow.opener.onPopupDataReceived(true);\n\t\t\twindow.close();\n\t\t}\n\n\t\tif (window.location.search.indexOf('code') > -1 && window.location.search.indexOf('error') == -1) {\n\t\t\tmsal.handleRedirectPromise().then((response) => {\n\t\t\t\twindow.location.href = \"https://login.microsoftonline.com/common/oauth2/v2.0/authorize?client_id=\" + getEnvironment().clientId + \"&response_type=id_token&scope=user.read%20mail.send&redirect_uri=\" + window.location.origin + \"/teams/he/auth\";\n\t\t\t})\n\t\t\t\t.catch((reason) => {\n\t\t\t\t\tmicrosoftTeams.authentication.notifyFailure(reason);\n\t\t\t\t});\n\n\t\t\twindow.opener.onPopupDataReceived(true);\n\t\t\twindow.close();\n\t\t\treturn true;\n\t\t}\n\n\t\tif (window.location.search.indexOf('admin_consent') > -1) {\n\t\t\tvar adminConsentResult = this.getParameterByName('admin_consent');\n\t\t\tvar state = this.getParameterByName('state');\n\n\t\t\tvar info = {\n\t\t\t\tconsent: adminConsentResult.toLowerCase() == 'true',\n\t\t\t\tstate: state\n\t\t\t}\n\n\t\t\tvar usingTeams = localStorage.getItem('adminConsentTeams')\n\n\t\t\tif (usingTeams != null) {\n\t\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\t\tmicrosoftTeams.authentication.notifySuccess(info);\n\t\t\t\t});\n\n\t\t\t\tlocalStorage.removeItem('adminConsentTeams');\n\t\t\t} else {\n\t\t\t\twindow.opener.onPopupDataReceived(info);\n\t\t\t\twindow.close();\n\t\t\t}\n\t\t}\n\n\t\tif (window.location.search.indexOf('error') > -1) {\n\t\t\tvar adminConsentResult = this.getParameterByName('error_subcode');\n\t\t\tvar state = this.getParameterByName('state');\n\n\t\t\tvar info = {\n\t\t\t\tconsent: false,\n\t\t\t\tstate: state\n\t\t\t}\n\n\t\t\tif (usingTeams != null) {\n\t\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\t\tmicrosoftTeams.authentication.notifyFailure(info);\n\t\t\t\t});\n\n\t\t\t\tlocalStorage.removeItem('adminConsentTeams');\n\t\t\t} else {\n\t\t\t\twindow.opener.onPopupDataReceived(info);\n\t\t\t\twindow.close();\n\t\t\t}\n\t\t}\n\n\t\tif (window.location.search.indexOf('consent_url') > -1) {\n\t\t\tvar url = this.getParameterByName('consent_url');\n\t\t\tvar state = this.getParameterByName('state');\n\t\t\tvar redirect_uri = this.getParameterByName('redirect_uri');\n\t\t\tthis.runTeamsAdminConsent(url + \"&state=\" + state + \"&redirect_uri=\" + redirect_uri);\n\t\t}\n\n\t\tif (window.location.search.indexOf('haldor_login') > -1) {\n\t\t\tthis.runTeamsLogin();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{this.state.showErrorLogin ?
\n\t\t\t\t\t:\n\t\t\t\t\tthis.renderForm()\n\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Remember to allow popups in order to complete the login, you may need to click the Login button twice.')}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
: \n\t\t\t\t
\n\t\t);\n\t}\n}\n","import React, { Component } from 'react';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport msal, { loginRequest, getUser, setUser } from 'lib/msal';\nimport api from 'lib/api';\nimport localstoragefunc from 'helpers/localstorage';\nimport getEnvironment from 'lib/env';\n\nimport { Spinner } from 'UI';\nimport { isMicrosoftTeams } from 'helpers/teams';\n\nexport default class AuthenticationApi extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tlogged: false,\n\t\t};\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (window.location.hash.indexOf('access_token') > -1) {\n\t\t\t/** Sometime microsoft is not setting consent on api in time so therefore we waiting 3 seconds to avoid problem when consenting clients */\n\t\t\tsetTimeout(function () {\n\t\t\t\tmsal.handleRedirectPromise().then((response) => {\n\t\t\t\t\twindow.location.href = \"https://login.microsoftonline.com/common/oauth2/v2.0/authorize?client_id=\" + getEnvironment().clientId + \"&response_type=token&scope=openid profile api://\" + getEnvironment().apiClientId + \"/user_impersonation&redirect_uri=\" + window.location.origin + \"/teams/he/authentication/client\";\n\t\t\t\t})\n\t\t\t\t\t.catch((reason) => {\n\t\t\t\t\t\tmicrosoftTeams.authentication.notifyFailure(reason);\n\t\t\t\t\t});\n\t\t\t}, 2000);\n\t\t}\n\n\t\tif (window.location.search.indexOf('error') > -1) {\n\t\t\tif (!isMicrosoftTeams()) {\n\t\t\t\twindow.opener.onPopupDataReceived(\"AUTHENTICATION:FAILED\");\n\t\t\t\twindow.close();\n\t\t\t}\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n","import React, { Component } from 'react';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport msal, { loginRequest, getUser, setToken } from 'lib/msal';\n\nimport { Spinner } from 'UI';\nimport { isMicrosoftTeams } from 'helpers/teams';\n\nexport default class AuthenticationClient extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tlogged: false,\n\t\t};\n\t}\n\n\tgetParameterByName = (name, url) => {\n\t\tif (!url) url = window.location.href;\n\t\tname = name.replace(/[\\[\\]]/g, '\\\\$&');\n\t\tvar regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),\n\t\t\tresults = regex.exec(url);\n\t\tif (!results) return null;\n\t\tif (!results[2]) return '';\n\n\t\treturn decodeURIComponent(results[2].replace(/\\+/g, ' '));\n\t}\n\n\tparseHash = () => {\n\t\tvar hash = window.location.hash.substr(1);\n\n\t\tvar result = hash.split('&').reduce(function (res, item) {\n\t\t\tvar parts = item.split('=');\n\t\t\tres[parts[0]] = parts[1];\n\t\t\treturn res;\n\t\t}, {});\n\n\t\treturn result;\n\t}\n\n\tcomponentDidMount = () => {\n\t\tconsole.log(\"auth CLIENT CONSENT onboarding\", window.location);\n\n\t\tif (window.location.hash.indexOf('access_token') > -1) {\n\t\t\tvar object = this.parseHash();\n\t\t\tmsal.handleRedirectPromise().then((response) => {\n\t\t\t\tmicrosoftTeams.app.initialize().then(() => {\n\t\t\t\t\tmicrosoftTeams.app.notifyAppLoaded();\n\t\t\t\t\tmicrosoftTeams.authentication.notifySuccess(object);\n\t\t\t\t});\n\t\t\t})\n\t\t\t\t.catch((reason) => {\n\t\t\t\t\tmicrosoftTeams.app.initialize().then(() => {\n\t\t\t\t\t\tmicrosoftTeams.app.notifyAppLoaded();\n\t\t\t\t\t\tmicrosoftTeams.authentication.notifyFailure(reason);\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t}\n\n\t\tif (window.location.search.indexOf('error') > -1) {\n\t\t\tif (!isMicrosoftTeams()) {\n\t\t\t\twindow.opener.onPopupDataReceived(\"AUTHENTICATION:FAILED\");\n\t\t\t\twindow.close();\n\t\t\t}\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n","import React, { Component } from 'react';\nimport { translate, Flex, Checkbox, Button } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, reduxForm, change } from 'redux-form';\nimport { getServices, setSelectedServices, createTenantServices, updateTenantServices, updateTenantProducts, saveSelectedProductsAsNotes, getTenantProducts } from '../../../actions/services';\nimport { getTenant, userAdminCheck } from '../../../actions/user';\nimport { Spinner } from 'UI';\nimport { appInsights } from 'lib/appInsights';\n\nclass ServiceSelector extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tisLoading: true,\n\t\t\tselectedServices: []\n\t\t};\n\t}\n\n\tfindIfProductMatchWithTenantServices(product, tenantServices) {\n\t\tvar test = product.services.every(element => {\n\t\t\tvar tenantService = tenantServices.find(service => { return service.serviceId === element.id });\n\n\t\t\tif (!tenantService) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn true;\n\t\t});\n\n\t\treturn test;\n\t}\n\n\tcheckIfTenantHasServices() {\n\t\tvar selectedServices = [];\n\n\t\tif (this.props.products != null && this.props.tenantProducts != null) {\n\t\t\tthis.props.products.forEach(product => {\n\t\t\t\tif (product.default) {\n\t\t\t\t\tselectedServices.push(product);\n\t\t\t\t\tthis.props.change(product.name, true);\n\t\t\t\t} else {\n\t\t\t\t\tvar found = this.props.tenantProducts.find(element => { return element.id == product.id });\n\n\t\t\t\t\tif (found) {\n\t\t\t\t\t\tproduct.default = true;\n\t\t\t\t\t\tselectedServices.push(product);\n\t\t\t\t\t\tthis.props.change(product.name, true);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t} else if (this.props.products != null && this.props.tenant.tenantServices != null) {\n\t\t\tthis.props.products.forEach(product => {\n\t\t\t\tif (product.default) {\n\t\t\t\t\tselectedServices.push(product);\n\t\t\t\t\tthis.props.change(product.name, true);\n\t\t\t\t} else {\n\t\t\t\t\tvar found = this.findIfProductMatchWithTenantServices(product, this.props.tenant.tenantServices);\n\n\t\t\t\t\tif (found) {\n\t\t\t\t\t\tproduct.default = true;\n\t\t\t\t\t\tselectedServices.push(product);\n\t\t\t\t\t\tthis.props.change(product.name, true);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t} else if (this.props.products != null && this.props.tenant.tenantServices == null) {\n\t\t\tthis.props.products.forEach(product => {\n\t\t\t\tif (product.default) {\n\t\t\t\t\tselectedServices.push(product);\n\t\t\t\t\tthis.props.change(product.name, true);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tthis.props.setSelectedServices(selectedServices).then(() => {\n\t\t\tthis.setState({ isLoading: false });\n\t\t});\n\t}\n\n\tcomponentDidMount() {\n\t\tconsole.log(\"Did mount\", this.props.tenantProducts);\n\t\tappInsights.trackTrace({ message: \"Onboarding | Showing Service Selector Page\" });\n\n\t\tlet promises = [this.props.getTenant()];\n\n\t\tPromise.all(promises).then(() => {\n\t\t\tif (this.props.services != null && this.props.services.length > 0) {\n\t\t\t\tthis.checkIfTenantHasServices();\n\t\t\t} else {\n\t\t\t\tthis.props.getServices().then(() => {\n\t\t\t\t\tthis.checkIfTenantHasServices();\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tsubmit = (values) => {\n\t\treturn new Promise(resolve => {\n\t\t\tconst keys = Object.keys(values)\n\t\t\tvar selectedProducts = [];\n\n\t\t\tkeys.forEach(title => {\n\t\t\t\tvar found = this.props.products.find(element => {\n\t\t\t\t\treturn element.name === title;\n\t\t\t\t});\n\n\t\t\t\tif (found && values[title]) {\n\t\t\t\t\tselectedProducts.push(found);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis.props.setSelectedServices(selectedProducts);\n\n\t\t\tappInsights.trackTrace({ message: \"Onboarding | Collecting all selected services\" }, {\n\t\t\t\tservices: selectedProducts,\n\t\t\t\ttenant: this.props.tenant\n\t\t\t});\n\n\t\t\tconsole.log(\"tenant\", this.props.tenant);\n\n\t\t\tif (this.props.tenant != null) {\n\t\t\t\tvar tenantServices = [];\n\n\t\t\t\tselectedProducts.forEach(selectedService => {\n\t\t\t\t\tselectedService.services.forEach(element => {\n\t\t\t\t\t\tif (!tenantServices.find(service => { return service.ServiceId == element.id })) {\n\t\t\t\t\t\t\ttenantServices.push({ ServiceId: element.id });\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t});\n\n\t\t\t\tappInsights.trackTrace({ message: \"Onboarding | trying update tenantProducts\" }, {\n\t\t\t\t\tservices: tenantServices,\n\t\t\t\t\ttenant: this.props.tenant,\n\t\t\t\t\tproducts: selectedProducts\n\t\t\t\t});\n\n\t\t\t\t// We need to store products on tenant level\n\t\t\t\tthis.props.updateTenantProducts(selectedProducts).then(() => {\n\t\t\t\t\tthis.props.getTenantProducts();\n\n\t\t\t\t\tappInsights.trackTrace({ message: \"Onboarding | trying update tenantServices\" }, {\n\t\t\t\t\t\tservices: tenantServices,\n\t\t\t\t\t\ttenant: this.props.tenant\n\t\t\t\t\t});\n\n\t\t\t\t\t// This is importanted since our system is depended on services\n\t\t\t\t\tthis.props.createTenantServices(tenantServices).then(() => {\n\t\t\t\t\t\tthis.props.saveSelectedProductsAsNotes(false);\n\t\t\t\t\t\tthis.props.getTenant();\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tappInsights.trackException({ exception: new Error('Onboarding | No tenant was found to save selected products') });\n\t\t\t}\n\n\t\t\tif (this.props.onSubmit) {\n\t\t\t\tthis.props.onSubmit(1)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.state.isLoading ?
\n\t\t);\n\t}\n}\n\n\nfunction mapStateToProps(state, ownProps) {\n\tlet values = {};\n\n\tstate.Services.selectedServices.forEach(element => {\n\t\tvalues[element.title] = true;\n\t})\n\n\treturn {\n\t\tcurrentUser: state.user.currentUser,\n\t\tproducts: state.Services.availableProducts,\n\t\ttenantProducts: state.Services.tenantProducts,\n\t\ttenant: state.user.tenant,\n\t\ttranslate: translate(state.Languages.translations),\n\t\tinitialValues: values\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetServices,\n\tsetSelectedServices,\n\tuserAdminCheck,\n\tupdateTenantServices,\n\tsaveSelectedProductsAsNotes,\n\tupdateTenantProducts,\n\tgetTenantProducts,\n\tgetTenant,\n\tcreateTenantServices,\n\tchange\n})(reduxForm({\n\tform: 'AddService',\n\tdestroyOnUnmount: true,\n})(ServiceSelector));\n","import React, { Component } from 'react';\nimport { translate, Button } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport '../_onboarding.scss';\n\nclass SelectConsentWay extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tif (this.props.adminInvitations != null && this.props.adminInvitations.length > 0 && this.props.onboardingUser != null) {\n\t\t\tif (this.props.adminInvitations.sentByMe) {\n\t\t\t\tthis.props.showPage('waitingForResponse');\n\t\t\t}\n\t\t}\n\t}\n\n\tgoBack = () => {\n\t\treturn new Promise(resolve => {\n\t\t\tif (this.props.onSubmit) {\n\t\t\t\tthis.props.onSubmit(0)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t});\n\t\t\t}\n\t\t})\n\t}\n\n\tshowConsentHeader() {\n\t\treturn (\n\t\t\t\t\t
}\n\t\t\t{this.props.translate('Welcome to Haldor')}!
\n\t\t\t\t\t{this.props.translate('Start by selecting the services you want to use. If you want to use more services in the future, you can easily add them later.')}
\n\n\t\t\t\t\t\n\t\t\t\t\t\t![](\"/dist/svg/illustration_steg01.svg\")
\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t
)\n\t}\n\n\tshowConsentButtonGroup() {\n\t\treturn ({this.props.translate('Are you the first one?')}
\n\t\t\t{this.props.translate('You appear to be the first in your organisation to use Haldor’s services. If so, your IT support or Office 365 administrator must approve that you add the services. For your convenience, we have prepared an e-mail that you can send to them.')}
\n\n\t\t\t\n\t\t\t\t![](\"/dist/svg/illustration_steg02.svg\")
\n\t\t\t
\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tadminInvitations: state.Services.adminInvitations,\n\t\tonboardingUser: state.user.onboardingUser,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n})(SelectConsentWay);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { translate, Flex, Checkbox, Button, ButtonGroup, Icon } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, reduxForm } from 'redux-form';\nimport { sendAdminInvitation, setEmailSentList, getAdminInvitations } from '../../../actions/services';\nimport { Spinner } from 'UI';\nimport getEnvironment from 'lib/env';\nimport '../_onboarding.scss';\nimport { addError } from 'actions';\nimport { appInsights } from 'lib/appInsights';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nclass EmailAdminInvite extends Component {\n\tstatic contextTypes = {\n\t\trouter: PropTypes.object,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tisLoading: false,\n\t\t\tshowEmailInfo: false,\n\t\t\tshowConsentInfo: true,\n\t\t\tshowEmailSentInfo: false,\n\t\t\tadminEmail: null,\n\t\t\trecpients: [],\n\t\t\terrorMessage: null,\n\t\t\tinviteRetry: 0,\n\t\t\temailBody: '',\n\t\t\tuser: { name: '', email: '' }\n\t\t};\n\n\t\twindow.onPopupDataReceived = this.getResults.bind(this);\n\t}\n\n\tgetResults(response) {\n\t\tconsole.log(\"CONSENT MAIL\", response);\n\n\t\tif (response) {\n\t\t\tthis.onAdminInvite({ email: this.state.recpients.join(\",\") });\n\t\t}\n\t}\n\n\tinIframe() {\n\t\ttry {\n\t\t\treturn window.self !== window.top || window.navigator.userAgent.indexOf('TeamsMobile') > -1;\n\t\t} catch (e) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tappInsights.trackTrace({ message: \"Onboarding | Invite Admin was initiated\" });\n\n\t\tif (this.inIframe()) {\n\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\tconsole.log(\"context\", context);\n\n\t\t\t\tif (context.user.userPrincipalName) {\n\n\t\t\t\t\tvar user = this.state.user;\n\t\t\t\t\tuser.email = context.user.userPrincipalName;\n\t\t\t\t\tuser.name = context.user.userPrincipalName.split('@')[0];\n\n\t\t\t\t\tif (user.name.indexOf(\".\") > -1) {\n\t\t\t\t\t\tvar firstName = user.name.split('.')[0];\n\t\t\t\t\t\tvar lastName = user.name.split('.')[1];\n\n\t\t\t\t\t\tfirstName = firstName.charAt(0).toUpperCase() + firstName.slice(1)\n\t\t\t\t\t\tlastName = lastName.charAt(0).toUpperCase() + lastName.slice(1)\n\t\t\t\t\t\tuser.name = firstName + \" \" + lastName;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.setState({ user: user });\n\t\t\t\t\tthis.prepareEmailBody();\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tif (this.props.onboardingUser) {\n\t\t\t\tvar user = this.state.user;\n\t\t\t\tuser.email = this.props.onboardingUser.email;\n\t\t\t\tuser.name = this.props.onboardingUser.email.split('@')[0];\n\n\t\t\t\tif (user.name.indexOf(\".\") > -1) {\n\t\t\t\t\tvar firstName = user.name.split('.')[0];\n\t\t\t\t\tvar lastName = user.name.split('.')[1];\n\n\t\t\t\t\tfirstName = firstName.charAt(0).toUpperCase() + firstName.slice(1)\n\t\t\t\t\tlastName = lastName.charAt(0).toUpperCase() + lastName.slice(1)\n\t\t\t\t\tuser.name = firstName + \" \" + lastName;\n\t\t\t\t}\n\n\t\t\t\tthis.setState({ user: user });\n\t\t\t\tthis.prepareEmailBody();\n\t\t\t}\n\t\t}\n\t}\n\n\n\n\tprepareEmailBody() {\n\t\tlet product = getEnvironment().id;\n\t\tvar emailBody = this.props.translate(\"ONBOARDING_EMAIL_ADMIN\");\n\t\tif (product === 'haldor_planning') {\n\t\t\temailBody = this.props.translate(\"ONBOARDING_PLANNING_EMAIL_ADMIN\");\n\t\t}\n\t\temailBody = emailBody.replace(\"{0}\", this.state.user.name);\n\t\tif (product != 'haldor_planning') {\n\t\t\temailBody = emailBody.replace(\"{1}\", this.getSelectedServicesInString());\n\t\t}\n\t\temailBody = emailBody.replace(\"{2}\", window.location.origin + '/teams/he?admin=true&product=' + product);\n\t\temailBody = emailBody.replace(\"{3}\", \"(\" + window.location.origin + '/teams/he?admin=true&product=' + product + \")\");\n\n\t\tthis.setState({ emailBody: emailBody });\n\t}\n\n\tgoBack = () => {\n\t\treturn new Promise(resolve => {\n\t\t\tif (this.props.onSubmit) {\n\t\t\t\tthis.props.onSubmit(0)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t});\n\t\t\t}\n\t\t})\n\t}\n\n\trenderInput = ({\n\t\tinput,\n\t\tlabel,\n\t\ttype,\n\t\tplaceholder,\n\t\tmeta: { touched, error, warning }\n\t}) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{this.showConsentHeader()}\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{this.showConsentButtonGroup()}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t {\n\t\t\t\t\t\tif (e.key == 'Enter') {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t{touched &&\n\t\t\t\t\t((error && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{error}\n\t\t\t\t\t\t\n\t\t\t\t\t)) ||\n\t\t\t\t\t\t(warning && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{warning}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)))}\n\t\t\t
\n\t\t);\n\t};\n\n\tonAdminInvite(values) {\n\t\tlet product = getEnvironment().id;\n\t\tconsole.log(\"Email\", values)\n\t\tconsole.log(\"retry\", this.state.inviteRetry)\n\n\t\tthis.setState({ errorMessage: null });\n\t\twindow.scrollTo(0, document.body.scrollHeight);\n\n\t\tif (values == null || values.email == null) {\n\t\t\temailInvalid = this.props.translate(\"Email is invalid, please provide correct email\");\n\t\t\tthis.setState({ errorMessage: emailInvalid });\n\t\t} else {\n\t\t\tvalues.email = values.email.replace(\",\", \";\");\n\t\t\tvar emailList = values.email.split(\";\");\n\n\t\t\tvar emailHandledList = [];\n\t\t\tvar emailInvalid = null;\n\n\t\t\temailList.forEach(element => {\n\t\t\t\telement = element.replace(/\\s/g, '');\n\n\t\t\t\tif (this.validateEmail(element)) {\n\t\t\t\t\temailHandledList.push(element);\n\t\t\t\t} else {\n\t\t\t\t\temailInvalid = this.props.translate(\"Email is invalid, please provide correct email\");\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis.setState({ errorMessage: emailInvalid });\n\n\t\t\tif (emailHandledList.length > 0 && emailInvalid == null) {\n\t\t\t\tvar adminInviteInfo = {\n\t\t\t\t\trecpients: emailList,\n\t\t\t\t\tredirect_url: window.location.origin + '/teams/he?admin=true&product=' + product,\n\t\t\t\t\tsubscriptionService: product\n\t\t\t\t}\n\n\t\t\t\tthis.setState({ recpients: emailList, inviteRetry: this.state.inviteRetry + 1, isLoading: true });\n\n\t\t\t\tthis.props.setEmailSentList(emailList);\n\n\t\t\t\tif (emailHandledList != null && emailHandledList.length > 0 && this.state.inviteRetry < 3) {\n\t\t\t\t\tappInsights.trackTrace({ message: \"Onboarding | Sending Invitation to Admin\" });\n\n\t\t\t\t\tthis.props.sendAdminInvitation(adminInviteInfo).then(response => {\n\t\t\t\t\t\t// This will make sure to get data about information of sent invitations\n\t\t\t\t\t\tthis.props.getAdminInvitations();\n\n\t\t\t\t\t\tif (this.props.inviteAdminStatus != 200) {\n\n\t\t\t\t\t\t\tif (this.state.inviteRetry == 2) {\n\t\t\t\t\t\t\t\tthis.setState({ isLoading: false });\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tthis.getEmailConsent();\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.setState({ isLoading: false });\n\t\t\t\t\t\t\tthis.props.showPage('showEmailSentInfo');\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\n\tgetEmailConsent() {\n\t\tif (this.props.onboardingUser) {\n\n\t\t\tappInsights.trackTrace({ message: \"Onboarding | Opening ms admin outh url\" });\n\n\t\t\tvar consentTab = window.open(\"https://login.microsoftonline.com/\" + this.props.onboardingUser.tenantId + \"/oauth2/v2.0/authorize?client_id=\" + getEnvironment().apiClientId + \"&response_type=token&scope=user.read%20mail.send&redirect_uri=\" + window.location.origin + \"/teams/he/authentication\", \"_blank\", \"width=600,height=1200\");\n\n\t\t\tvar timer = setInterval(() => {\n\t\t\t\tif (consentTab.closed) {\n\t\t\t\t\tthis.setState({ isLoading: false });\n\t\t\t\t\tclearInterval(timer);\n\t\t\t\t}\n\t\t\t}, 1000);\n\n\t\t\treturn;\n\t\t}\n\t}\n\n\n\tshowEmailHeader() {\n\t\treturn (\n\t\t\t
);\n\t}\n\n\n\tshowEmailBody() {\n\n\t\treturn ({this.props.translate('E-mail your IT support or Office 365 administrator')}
\n\t\t\t{this.props.translate('Here is an e-mail suggestion we have created for you. Add the e-mail address of the person or people you want to send to. You can also copy and paste the text into an e-mail in your e-mail client.')}
\n\t\t\n\t\t\t\n\t\t
)\n\t}\n\n\tcopyTextToClipboard() {\n\t\tvar text = document.getElementById(\"email-body\").innerText;\n\t\tvar elem = document.createElement(\"textarea\");\n\t\tdocument.body.appendChild(elem);\n\t\telem.innerHTML = text;\n\t\telem.select();\n\t\tdocument.execCommand(\"copy\");\n\t\tdocument.body.removeChild(elem);\n\t}\n\n\tshowEmailButtonGroup() {\n\t\treturn (\n\t\t\t{this.state.errorMessage ?
)\n\t}\n\n\tvalidateEmail(email) {\n\t\tvar pattern = new RegExp(/^((\"[\\w-\\s]+\")|([\\w-]+(?:\\.[\\w-]+)*)|(\"[\\w-\\s]+\")([\\w-]+(?:\\.[\\w-]+)*))(@((?:[\\w-]+\\.)*\\w[\\w-]{0,66})\\.([a-z]{2,6}(?:\\.[a-z]{2})?)$)|(@\\[?((25[0-5]\\.|2[0-4][0-9]\\.|1[0-9]{2}\\.|[0-9]{1,2}\\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\\]?$)/i);\n\t\tif (!pattern.test(email)) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\tgetSelectedServicesInString() {\n\t\tvar serviceNames = this.props.selectedServices.map((element, index) => {\n\t\t\tvar text = this.props.translate(element.name);\n\t\t\treturn (text)\n\t\t});\n\n\t\treturn serviceNames.join(\", \");\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t{this.state.errorMessage}
: null}\n\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\t\t{this.state.isLoading ?
\n\t\t);\n\t}\n}\n\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tselectedServices: state.Services.selectedServices,\n\t\tconsentInfo: state.Services.consentInfo,\n\t\tinviteAdminStatus: state.Services.inviteAdminStatus,\n\t\tonboardingUser: state.user.onboardingUser\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tsendAdminInvitation,\n\tsetEmailSentList,\n\tgetAdminInvitations,\n\taddError\n})(reduxForm({\n\tform: 'AdminInvite',\n\tdestroyOnUnmount: true,\n\tenableReinitialize: true,\n\tpure: true\n})(EmailAdminInvite));\n","import React, { Component } from 'react';\nimport { translate, Button } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport '../_onboarding.scss';\nimport getEnvironment from 'lib/env';\n\nclass EmailAdminSent extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tsentEmailInfo: []\n\t\t};\n\t}\n\n\tcomponentDidMount() { }\n\n\tgoBack = () => {\n\t\treturn new Promise(resolve => {\n\t\t\tif (this.props.onSubmit) {\n\t\t\t\tthis.props.onSubmit(0)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t});\n\t\t\t}\n\t\t})\n\t}\n\n\trender() {\n\t\tlet product = getEnvironment().id;\n\t\tvar productName = 'Haldor Education';\n\t\tif (product === 'haldor_planning') {\n\t\t\tproductName = \"Haldor Planning\";\n\t\t}\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{this.showEmailHeader()}\n\t\t\t\t\t{this.showEmailBody()}\n\t\t\t\t
\n\t\t\t\t}\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\temailSentList: state.Services.emailSentList\n\t};\n}\n\nexport default connect(mapStateToProps, {\n})(EmailAdminSent);\n","import React, { Component } from 'react';\nimport { translate, Button } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Spinner } from 'UI';\nimport '../_onboarding.scss';\nimport moment from 'moment';\nimport getEnvironment from 'lib/env';\n\nclass WaitingForResponse extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\trecentSentMailDate: null\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tif (this.props.adminInvitations != null) {\n\t\t\tvar date = moment.utc(this.props.adminInvitations.latestSentDate);\n\t\t\tvar stringDate = date.local().format('YYYY-MM-DD LTS');\n\n\t\t\tthis.setState({ recentSentMailDate: stringDate });\n\t\t}\n\t}\n\n\tgoBack = () => {\n\t\treturn new Promise(resolve => {\n\t\t\tif (this.props.onSubmit) {\n\t\t\t\tthis.props.onSubmit(0)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t});\n\t\t\t}\n\t\t})\n\t}\n\n\trender() {\n\t\tlet product = getEnvironment().id;\n\t\tvar productName = 'Haldor Education';\n\t\tif (product === 'haldor_planning') {\n\t\t\tproductName = \"Haldor Planning\";\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t{this.props.translate('Your e-mail has been sent!')}
\n\t\t\t\t\t{this.props.translate('The e-mail was sent to:')} {this.props.emailSentList.join(\", \")}
\n\t\t\t\t\t{this.props.translate('You can start using the services once your Office 365 administrator has approved {0}.').replace('{0}', productName)}
\n\n\t\t\t\t\t\n\t\t\t\t\t\t![](\"/dist/svg/illustration_steg06.svg\")
\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tadminInvitations: state.Services.adminInvitations,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n})(WaitingForResponse);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { translate, Flex, Checkbox, Button, ButtonGroup } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, reduxForm } from 'redux-form';\nimport { getServices, sendAdminInvitation, getConsentInfo, getAdminInvitations } from '../../actions/services';\nimport { Spinner } from 'UI';\nimport getEnvironment from 'lib/env';\nimport './_onboarding.scss';\nimport SelectConsentWay from './Step2/SelectConsentWay';\nimport VerdictFeedbackForm from 'containers/Verdict/Form/Partials/VerdictFeedbackForm';\nimport EmailAdminInvite from './Step2/EmailAdminInvite';\nimport EmailAdminSent from './Step2/EmailAdminSent';\nimport WaitingForResponse from './Step2/WaitingForResponse';\nimport { appInsights } from 'lib/appInsights';\n\nclass ConsentManager extends Component {\n\tstatic contextTypes = {\n\t\trouter: PropTypes.object,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tisLoading: true,\n\t\t\tshowEmailInfo: false,\n\t\t\tshowConsentInfo: true,\n\t\t\tshowEmailSentInfo: false,\n\t\t\tshowWaitingResponse: false,\n\t\t\twaitingResponse: false,\n\t\t\tadminEmail: null,\n\t\t\trecpients: [],\n\t\t\tinviteRetry: 0,\n\t\t\tuser: { name: '', email: '' }\n\t\t};\n\t}\n\n\n\tinIframe() {\n\t\ttry {\n\t\t\treturn window.self !== window.top || window.navigator.userAgent.indexOf('TeamsMobile') > -1;\n\t\t} catch (e) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tappInsights.trackTrace({ message: \"Onboarding | ConsentManager was initiated\" });\n\n\t\tthis.props.getAdminInvitations().then(() => {\n\t\t\tif (this.props.adminInvitations != null) {\n\t\t\t\tif (this.props.adminInvitations.sentByMe) {\n\t\t\t\t\tthis.showPage('waitingForResponse');\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.setState({ isLoading: false });\n\t\t});\n\t}\n\n\tgoBack = () => {\n\t\treturn new Promise(resolve => {\n\t\t\tif (this.props.onSubmit) {\n\t\t\t\tthis.props.onSubmit(0)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\tresolve(1);\n\t\t\t\t\t});\n\t\t\t}\n\t\t})\n\t}\n\n\tshowPage(pageName) {\n\t\tswitch (pageName) {\n\t\t\tcase 'showEmailInfo':\n\t\t\t\tthis.setState({ showEmailSentInfo: false, showConsentInfo: false, showEmailInfo: true, showWaitingResponse: false });\n\t\t\t\tbreak;\n\t\t\tcase 'showConsentInfo':\n\t\t\t\tif (this.props.adminInvitations != null) {\n\t\t\t\t\tif (this.props.adminInvitations.sentByMe) {\n\t\t\t\t\t\tthis.showPage('waitingForResponse');\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.setState({ showEmailSentInfo: false, showConsentInfo: true, showEmailInfo: false, showWaitingResponse: false });\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.setState({ showEmailSentInfo: false, showConsentInfo: true, showEmailInfo: false, showWaitingResponse: false });\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'showEmailSentInfo':\n\t\t\t\tthis.setState({ showEmailSentInfo: true, showConsentInfo: false, showEmailInfo: false, showWaitingResponse: false });\n\t\t\t\tbreak;\n\t\t\tcase 'navigateToAdminConsent':\n\t\t\t\tif (this.props.onSubmit) {\n\t\t\t\t\tthis.props.onSubmit(2);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'waitingForResponse':\n\t\t\t\tthis.setState({ showEmailSentInfo: false, showConsentInfo: false, showEmailInfo: false, showWaitingResponse: true })\n\t\t\tdefault:\n\t\t\t\t//this.setState({ showEmailSentInfo: false, showConsentInfo: true, showEmailInfo: false, showWaitingResponse: false });\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t{this.props.translate('Great to see you!')}
\n\t\t\t\t\t{this.props.translate('We are waiting for an Office 365 administrator in your organisation to approve {0}. You will not be able to use the services until that is done. An e-mail requesting approval was sent to your administrator on').replace('{0}', productName)} {this.state.recentSentMailDate}.
\n\n\t\t\t\t\t{this.props.translate('Would you like to send a new e-mail to remind your administrator?')}
\n\t\t\t\t\t\n\t\t\t\t\t\t![](\"/dist/svg/illustration_vantar_pa_godkannande.svg\")
\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t{this.state.isLoading ?
\n\t\t);\n\t}\n}\n\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tselectedServices: state.Services.selectedServices,\n\t\tconsentInfo: state.Services.consentInfo,\n\t\tinviteAdminStatus: state.Services.inviteAdminStatus,\n\t\tonboardingUser: state.user.onboardingUser,\n\t\tadminInvitations: state.Services.adminInvitations,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetServices,\n\tsendAdminInvitation,\n\tgetConsentInfo,\n\tgetAdminInvitations\n})(reduxForm({\n\tform: 'AdminInvite',\n\tdestroyOnUnmount: true,\n})(ConsentManager));\n","import React, { Component } from 'react';\nimport { translate, Flex, Checkbox, Button, Icon } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { Field, reduxForm } from 'redux-form';\nimport Input from 'components/Inputs/input';\nimport { getConsentInfo, updateTenantServiceConsent, saveSelectedProductsAsNotes } from '../../actions/services';\nimport Card, { CardsContainer, CardTitle, CardFooter } from 'components/Cards/Card';\nimport { Spinner } from 'UI';\nimport Redirect from 'components/Redirect/Redirect';\nimport './_onboarding.scss';\nimport Modal from 'containers/Modals/Modal';\nimport { appInsights } from 'lib/appInsights';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\nimport getEnvironment from 'lib/env';\n\nclass TermsManagement extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\ttitle: 'Haldor',\n\t\t\tconsentInfos: [],\n\t\t\tmodal: false,\n\t\t\tshowConsentRequireMessage: false,\n\t\t\tconsentRequiredMessage: this.props.translate('If you need any help or have any questions about the approval of permissions for Haldor Education, please contact our support at support@haldor.se'),\n\t\t\tloading: true\n\t\t};\n\n\t\twindow.onPopupDataReceived = this.getResults.bind(this);\n\t}\n\n\tgetResults(response) {\n\t\tappInsights.trackTrace({ message: \"Onboarding | O365 Admin page has given admin consent\" }, {\n\t\t\tresponse: response,\n\t\t\tconsentInformation: this.state.consentInfos\n\t\t});\n\n\t\tvar itemIndex = this.state.consentInfos.findIndex(element => { return element.state == response.state });\n\n\t\tif (itemIndex > -1) {\n\t\t\tthis.state.consentInfos[itemIndex].status = response.consent;\n\n\t\t\tvar tenantService = {\n\t\t\t\tserviceId: this.state.consentInfos[itemIndex].serviceId,\n\t\t\t\tconsentActive: response.consent\n\t\t\t}\n\n\t\t\tappInsights.trackTrace({ message: \"Onboarding | Update Admin consent on tenantService\" }, {\n\t\t\t\tresponse: response,\n\t\t\t\tconsentInformation: this.state.consentInfos,\n\t\t\t\ttenantService: tenantService\n\t\t\t});\n\n\t\t\tthis.props.updateTenantServiceConsent(tenantService);\n\t\t\tthis.setState({ consentInfos: this.state.consentInfos });\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tappInsights.trackTrace({ message: \"Onboarding | O365 Admin page was initiated\" });\n\n\t\tthis.setState({ isLoading: false });\n\n\t\tthis.props.getConsentInfo().then(() => {\n\t\t\tif (this.props.consentInfo) {\n\t\t\t\tthis.setState({ consentInfos: this.props.consentInfo, loading: false });\n\t\t\t}\n\t\t});\n\t}\n\n\tinIframe() {\n\t\ttry {\n\t\t\treturn window.self !== window.top || window.navigator.userAgent.indexOf('TeamsMobile') > -1;\n\t\t} catch (e) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\tgetAdminConsentOnService(consentItem) {\n\t\tvar itemIndex = this.state.consentInfos.findIndex(element => { return element.state == consentItem.state });\n\n\t\tif (itemIndex > -1) {\n\t\t\tthis.state.consentInfos[itemIndex].loading = true;\n\t\t\tthis.setState({ consentInfos: this.state.consentInfos });\n\t\t}\n\n\t\tif (this.inIframe()) {\n\t\t\tlocalStorage.setItem('adminConsentTeams', '1');\n\t\t}\n\n\t\tthis.getAdminConsent(consentItem.uri, '/teams/he/authentication');\n\t}\n\n\trenderRedirect = () => {\n\t\tif (this.state.redirect) {\n\t\t\treturn \n\t\t\t\t\t{this.state.showConsentInfo ?
\n\t\t\t\t}\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t
)\n\t}\n\n\tshowConsentedCard(element) {\n\t\treturn (\n\t\t\t\n\t\t\t\t
)\n\t}\n\n\tgetConsentCard(element) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t![](\"/dist/svg/check_green_ico.svg\")
\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{element.name + \" \" + this.props.translate('is approved')}\n\t\t\t\t\t
\n\t\t\t\t { this.getAdminConsentOnService(element) }}>\n\t\t\t\t
)\n\t}\n\n\trender() {\n\t\tif (this.state.redirect) {\n\t\t\treturn this.renderRedirect()\n\t\t}\n\n\t\tif (this.state.loading) {\n\t\t\treturn (\n\t\t\t\t\t![](\"/dist/svg/check_grey_ico.svg\")
\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{this.props.translate('Click here to approve') + \" \" + element.name}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t \n\t\t\t
\n\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tselectedServices: state.Services.selectedServices,\n\t\tcurrentUser: state.user.currentUser,\n\t\tconsentInfo: state.Services.consentInfo\n\t};\n}\n\n\nexport default connect(mapStateToProps, {\n\tgetConsentInfo,\n\tupdateTenantServiceConsent,\n\tsaveSelectedProductsAsNotes\n})(TermsManagement);\n\n\n","import React, { Component } from 'react';\nimport { translate, Flex, Checkbox, Button, Icon } from '@haldor/ui';\nimport { connect } from 'react-redux';\nimport { getConsentInfo, updateTenantServiceConsent, isConsentPresent } from '../../../actions/services';\nimport { Spinner } from 'UI';\nimport Redirect from 'components/Redirect/Redirect';\nimport { appInsights } from 'lib/appInsights';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\nimport getEnvironment from 'lib/env';\n\nclass ConsentConfirm extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\ttitle: 'Haldor',\n\t\t\tconsentInfos: [],\n\t\t\tloading: false\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tconsole.log(\"Tab configure\", this.props);\n\n\t\tappInsights.trackTrace({ message: \"Onboarding | Initiated last step in the proccess\" });\n\n\t\tthis.props.isConsentPresent(this.props.onboardingUser.tenantId).then(() => {\n\t\t\tthis.setState({ loading: false });\n\t\t})\n\t}\n\n\n\tinIframe() {\n\t\ttry {\n\t\t\treturn window.self !== window.top || window.navigator.userAgent.indexOf('TeamsMobile') > -1;\n\t\t} catch (e) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\trenderRedirect = () => {\n\t\treturn \n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{this.props.translate('Sign in users, read directory data and profiles')}
\n\t\t\t\t\t\t{this.props.translate('Haldor uses this permission to let the signed-in user have basic information about other users in the organization, such as name and e-mail address. Used by all services in Haldor.')}
\n\n\t\t\t\t\t\t{this.props.translate('Manage education app settings')}
\n\t\t\t\t\t\t{this.props.translate('Makes it possible for Haldor to handle data from Microsoft School Data Sync. Used to synchronize data with Haldor.')}
\n\n\t\t\t\t\t\t{this.props.translate('Read and write class assignments with grades')}
\n\t\t\t\t\t\t{this.props.translate('Haldor uses this permission to handle assignments in Teams. Users can read and create Teams-assignments. Parents can access information about assignments and grading. Used by the Haldor Assignments, Planning, Assessment and also Parent/Guardian services.')}
\n\n\t\t\t\t\t\t{this.props.translate('Read and write the organization\\'s roster')}
\n\t\t\t\t\t\t{this.props.translate('Haldor uses this permission to get information about what classes exist, information about these classes and who the teacher and students in these classes are. Used by all services in Haldor.')}
\n\n\t\t\t\t\t\t{this.props.translate('Have full access to all files user can access')}
\n\t\t\t\t\t\t{this.props.translate('Haldor uses this permission to let the user access files in their personal OneDrive and other SharePoint sites the user has access to. Used by Haldor Assignments, Planning and Posts.')}
\n\n\t\t\t\t\t\t{this.props.translate('Read and write all groups')}
\n\t\t\t\t\t\t{this.props.translate('Haldor uses this permission to get information about what groups the signed-in user is part of and information about users memberships in groups that are not classes. Used by all services in Haldor and sync-services.')}
\n\n\t\t\t\t\t\t{this.props.translate('Read and create user\\'s online meetings')}
\n\t\t\t\t\t\t{this.props.translate('Haldor uses this permission to create and get information about online meetings in Microsoft 365. Used by Haldor Planning and Parent-Teacher meetings.')}
\n\n\t\t\t\t\t\t{this.props.translate('Create, edit and delete items and lists in all site collections')}
\n\t\t\t\t\t\t{this.props.translate('Haldor creates document libraries for assignments, copies files for assignments and plans, and sets permissions based on the status of the assignments. Used by Haldor Assignments and Planning.')}
\n\n\t\t\t\t\t\t{this.props.translate('Have full control of all site collections')}
\n\t\t\t\t\t\t{this.props.translate('Haldor uses this permission to set unique permissions on document libraries in SharePoint sites that are used for assignments. Used by a backend service for creating document libraries and setting permissions for Haldor Assignments.')}
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t{this.state.consentInfos != null && this.state.consentInfos.map(element => {\n\t\t\t\t\treturn (element.status ? this.showConsentedCard(element) : this.getConsentCard(element))\n\t\t\t\t})}\n\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{this.props.translate('Approve permissions for {0}').replace('{0}', productName)}
\n\t\t\t\t\t\t{this.props.translate('Haldor Education is a collection of educational services that expands the functionality in Teams and facilitates for school staff. In order for you to use the services, you need to gain permission to certain parts of the organisation’s Microsoft Office 365 tenant to enable Haldor to access data via Microsoft Graph APIs.')}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Haldor is a Microsoft partner that complies with GDPR legislation and processes its data based on the highest information and security standards. Haldor only uses data when it is necessary.')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t{this.state.showConsentRequireMessage ? this.state.consentRequiredMessage : null}\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{this.showButtonGroup()}\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t
)\n\t}\n\n\trender() {\n\t\tif (this.state.redirect) {\n\t\t\treturn this.renderRedirect()\n\t\t}\n\n\t\tif (this.state.loading) {\n\t\t\treturn (\n\t\t\t
\n\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tcurrentUser: state.user.currentUser,\n\t\tconsentInfo: state.Services.consentInfo,\n\t\tisAppConsented: state.Services.isAppConsented?.data,\n\t\tonboardingUser: state.user.onboardingUser\n\t};\n}\n\n\nexport default connect(mapStateToProps, {\n\tisConsentPresent\n})(ConsentConfirm);\n\n\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Field, reduxForm } from 'redux-form';\nimport { getServices, createTenant, createTenantServices, getAdminInvitations, getTenantProducts, updateTenant, updateTenantProducts, setSelectedServices } from '../../actions/services';\nimport { getTenant, addUser, getBaseMe, userAdminCheck } from 'actions/user';\nimport { Spinner } from 'UI';\nimport ServiceSelector from './Step1/ServiceSelector';\nimport Wizard from 'containers/Wizard/Wizard';\nimport WizardStep from 'containers/Wizard/WizardStep';\nimport ConsentManager from './ConsentManager';\nimport TermsManagemant from './TermsManagemant';\nimport { setUser } from 'lib/msal';\nimport getEnvironment from 'lib/env';\nimport ConsentConfirm from './Step4/ConsentConfirm';\nimport { appInsights } from 'lib/appInsights';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nclass IndexWrapper extends Component {\n\tstatic contextTypes = {\n\t\trouter: PropTypes.object,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tcurrentPage: 0,\n\t\t\tloading: true,\n\t\t\tuser: { firstName: '', lastName: '', email: '', userRoles: [] }\n\t\t};\n\n\t\tthis.token = null;\n\t}\n\n\tinIframe() {\n\t\ttry {\n\t\t\treturn window.self !== window.top || window.navigator.userAgent.indexOf('TeamsMobile') > -1;\n\t\t} catch (e) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\t/**\n\t * Method to add Products and Services for Haldor Planning\n\t */\n\tCheckIfPlanningAndSetServices(tenantId) {\n\t\tlet id = getEnvironment().id;\n\n\t\tif (id == 'haldor_planning') {\n\n\t\t\tvar tenantServices = [];\n\t\t\tvar selectedProducts = [];\n\n\t\t\tvar productDashboard = this.props.products.find((product) => {\n\t\t\t\treturn product.name === \"Haldor Dashboard\";\n\t\t\t});\n\t\t\tselectedProducts.push(productDashboard);\n\t\t\tproductDashboard.services.forEach((service) => {\n\t\t\t\tif (!tenantServices.find(service => { return service.ServiceId == service.id })) {\n\t\t\t\t\ttenantServices.push({ ServiceId: service.id });\n\t\t\t\t}\n\t\t\t})\n\t\t\tvar productPlanning = this.props.products.find((product) => {\n\t\t\t\treturn product.name === \"Haldor Planning\";\n\t\t\t});\n\t\t\tselectedProducts.push(productPlanning);\n\t\t\tproductPlanning.services.forEach((service) => {\n\t\t\t\tif (!tenantServices.find(service => { return service.ServiceId == service.id })) {\n\t\t\t\t\ttenantServices.push({ ServiceId: service.id });\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tthis.props.updateTenantProducts(selectedProducts).then(() => {\n\t\t\t\tthis.props.getTenantProducts();\n\n\t\t\t\tappInsights.trackTrace({ message: \"Onboarding H.P. | trying update tenantServices\" }, {\n\t\t\t\t\tservices: tenantServices,\n\t\t\t\t\ttenant: this.props.tenant\n\t\t\t\t});\n\n\t\t\t\t// This is important since our system is depended on services\n\t\t\t\tthis.props.createTenantServices(tenantServices).then(() => {\n\t\t\t\t\t//this.props.saveSelectedProductsAsNotes(false);\n\t\t\t\t\tthis.props.getTenant();\n\t\t\t\t});\n\t\t\t});\n\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tappInsights.trackTrace({ message: \"Onboarding | Initiating onboarding proccess\" });\n\n\t\t// Onboarding is depanded on following information from Database\n\t\tlet promises = [\n\t\t\tthis.props.userAdminCheck(),\n\t\t\tthis.props.getTenant(),\n\t\t\tthis.props.getBaseMe(),\n\t\t\tthis.props.getAdminInvitations(),\n\t\t\tthis.props.getTenantProducts(),\n\t\t\tthis.props.getServices(),\n\t\t];\n\n\t\tif (this.inIframe()) {\n\t\t\tappInsights.trackTrace({ message: \"Onboarding | User is using Teams and preparing to get user consent\" });\n\n\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\tthis.retrieveUser(context);\n\n\t\t\t\tPromise.all(promises).then(() => {\n\t\t\t\t\tappInsights.trackTrace({ message: \"Onboarding | Checking if tenant information is present in our database\" }, {\n\t\t\t\t\t\ttenant: this.props.tenant\n\t\t\t\t\t});\n\n\t\t\t\t\tthis.CheckIfPlanningAndSetServices(context.user.tenant.id);\n\n\t\t\t\t\tif (this.props.tenant == null || this.props.tenant == \"\") {\n\t\t\t\t\t\tvar tenantDomain = null;\n\n\t\t\t\t\t\tif (context.user.userPrincipalName != null && context.user.userPrincipalName.indexOf(\"@\") > -1) {\n\t\t\t\t\t\t\ttenantDomain = context.user.userPrincipalName.substring(context.user.userPrincipalName.indexOf(\"@\") + 1).toLowerCase();\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (tenantDomain == null && context.user.userPrincipalName != null && context.user.userPrincipalName.indexOf(\"@\") > -1) {\n\t\t\t\t\t\t\ttenantDomain = context.user.loginHint.substring(context.user.userPrincipalName.indexOf(\"@\") + 1).toLowerCase();\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tvar tenant = {\n\t\t\t\t\t\t\ttitle: \"\",\n\t\t\t\t\t\t\ttenantId: context.user.tenant.id,\n\t\t\t\t\t\t\ttenantDomain: tenantDomain,\n\t\t\t\t\t\t\ttenantSPOUrl: \"https://\" + context.sharePointSite.teamSiteDomain,\n\t\t\t\t\t\t\tlcid: context.app.locale\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tappInsights.trackTrace({ message: \"Onboarding | Trying to save tenant information in our database\" }, {\n\t\t\t\t\t\t\ttenant: tenant\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tthis.props.createTenant(tenant).then(() => {\n\t\t\t\t\t\t\tappInsights.trackTrace({ message: \"Onboarding | Trying to save user information in our database\" });\n\n\t\t\t\t\t\t\tthis.props.addUser(this.state.user).then(() => {\n\t\t\t\t\t\t\t\tthis.setState({ loading: false })\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (!this.props.currentUser) {\n\t\t\t\t\t\t\tappInsights.trackTrace({ message: \"Onboarding | New user in tenant are using onboarding, saving user information in our database\" });\n\n\t\t\t\t\t\t\tthis.props.addUser(this.state.user).then(() => {\n\t\t\t\t\t\t\t\tthis.setState({ loading: false })\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (this.props.tenant.contactEmail == null) {\n\t\t\t\t\t\t\tappInsights.trackTrace({ message: \"Onboarding | ConactEmail is missing in tenant, trying to update tenant\" });\n\n\t\t\t\t\t\t\tthis.props.updateTenant(this.props.tenant);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.navigateToSpecificPage();\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\tappInsights.trackTrace({ message: \"Onboarding | User is not using Teams and preparing to get user consent\" });\n\n\t\t\tPromise.all(promises).then(() => {\n\t\t\t\tappInsights.trackTrace({ message: \"Onboarding | Checking if tenant information is present in our database\" }, {\n\t\t\t\t\ttenant: this.props.tenant\n\t\t\t\t});\n\n\t\t\t\tif (this.props.tenant == null || this.props.tenant == \"\") {\n\t\t\t\t\tvar tenantDomain = null;\n\n\t\t\t\t\tif (tenantDomain == null && this.props.onboardingUser.email.indexOf(\"@\") > -1) {\n\t\t\t\t\t\ttenantDomain = this.props.onboardingUser.email.substring(this.props.onboardingUser.email.indexOf(\"@\") + 1).toLowerCase();\n\t\t\t\t\t}\n\n\t\t\t\t\tvar tenant = {\n\t\t\t\t\t\ttitle: \"\",\n\t\t\t\t\t\ttenantId: this.props.onboardingUser.tenantId,\n\t\t\t\t\t\ttenantDomain: tenantDomain,\n\t\t\t\t\t\ttenantSPOUrl: \"\",\n\t\t\t\t\t\tlcid: \"\"\n\t\t\t\t\t}\n\n\t\t\t\t\tappInsights.trackTrace({ message: \"Onboarding | Trying to save tenant information in our database\" }, {\n\t\t\t\t\t\ttenant: tenant\n\t\t\t\t\t});\n\n\t\t\t\t\tthis.props.createTenant(tenant).then(() => {\n\t\t\t\t\t\tappInsights.trackTrace({ message: \"Onboarding | Trying to save user information in our database\" });\n\n\t\t\t\t\t\tthis.props.addUser(this.props.onboardingUser).then(() => {\n\t\t\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t\t\t\tthis.navigateToSpecificPage();\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tif (!this.props.currentUser) {\n\t\t\t\t\t\tappInsights.trackTrace({ message: \"Onboarding | New user in tenant are using onboarding, saving user information in our database\" });\n\n\t\t\t\t\t\tthis.props.addUser(this.props.onboardingUser).then(() => {\n\t\t\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t\t\t\tthis.navigateToSpecificPage();\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.navigateToSpecificPage();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\t/**\n\t * @description User will be navigated to the proper page based on the url\n\t */\n\tnavigateToSpecificPage() {\n\t\t// if (this.props.adminInvitations != null) {\n\t\t// \tif (this.props.adminInvitations.sentByMe && window.location.search.indexOf('admin') == -1) {\n\t\t// \t\tthis.goToPage(1);\n\t\t// \t}\n\t\t// }\n\n\t\tthis.setState({ loading: false });\n\n\t\tif (window.location.search.indexOf('admin') > -1) {\n\t\t\tthis.goToPage(2);\n\t\t}\n\t}\n\n\t/**\n\t * @description This method is used to retrieve user information based on Teams Context\n\t * @param {Object} context \n\t */\n\tretrieveUser(context) {\n\t\tif (context.user.userPrincipalName) {\n\t\t\tvar user = this.state.user;\n\t\t\tuser.email = context.user.userPrincipalName;\n\t\t\tuser.firstName = context.user.userPrincipalName.split('@')[0];\n\n\t\t\tif (user.firstName.indexOf(\".\") > -1) {\n\t\t\t\tvar firstName = user.firstName.split('.')[0];\n\t\t\t\tvar lastName = user.firstName.split('.')[1];\n\n\t\t\t\tuser.firstName = firstName.charAt(0).toUpperCase() + firstName.slice(1);\n\t\t\t\tuser.lastName = lastName.charAt(0).toUpperCase() + lastName.slice(1);\n\t\t\t}\n\t\t}\n\n\t\tif (context.user.licenseType != null) {\n\t\t\tuser.userRoles.push(context.user.licenseType);\n\t\t}\n\n\t\tthis.setState({ user: user });\n\t}\n\n\tsubmit(event) {\n\t\tthis.setState({ loading: false });\n\t\tthis.goToPage(2);\n\t\treturn;\n\t}\n\n\t/**\n\t * @description Take user to particular page within the onboarding process\n\t * @param {*} page \n\t * @returns \n\t */\n\tgoToPage = (page) => {\n\t\treturn new Promise(async resolve => {\n\t\t\tlet product = getEnvironment().id;\n\t\t\tif (product == 'haldor_planning') {\n\t\t\t\tpage = --page;\n\t\t\t}\n\t\t\tresolve(1);\n\t\t\tthis.setState({ loading: false });\n\t\t\tthis.setState({ currentPage: page });\n\t\t});\n\t}\n\n\trender() {\n\t\tlet product = getEnvironment().id;\n\t\treturn \n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{this.props.translate('{0} is approved').replace('{0}', productName)}
\n\t\t\t\t\t\t{this.props.translate('The next step is to add {0} to your Microsoft Teams environment. Your colleagues can then easily find {0} in Microsoft Teams.').replace('{0}', productName)}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Read how to do this in our knowledge bank')}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t{this.state.showErrorMessage ? this.state.showErrorMessage : null}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t{this.showButtonGroup()}\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t{this.state.loading ?
\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\tcurrentUser: state.user.currentBaseUser,\n\t\tonboardingUser: state.user.onboardingUser,\n\t\ttenant: state.user.tenant,\n\t\tproducts: state.Services.availableProducts,\n\t\tadminInvitations: state.Services.adminInvitations,\n\t};\n}\n\nexport default connect(mapStateToProps, {\n\tgetServices,\n\tsetSelectedServices,\n\tcreateTenant,\n\tcreateTenantServices,\n\tgetTenant,\n\taddUser,\n\tgetBaseMe,\n\tgetTenantProducts,\n\tuserAdminCheck,\n\tupdateTenant,\n\tupdateTenantProducts,\n\tgetAdminInvitations\n})(reduxForm({\n\tform: 'AddService',\n\tdestroyOnUnmount: true,\n})(IndexWrapper));\n","import React, { Component } from 'react';\nimport { Switch, Route, Redirect } from 'react-router-dom';\nimport { connect } from 'react-redux';\n\nimport { userAdminCheck, addUser } from 'actions/user';\nimport { createTenant, isConsentPresent } from 'actions/services';\n\nimport {\n\tloginRequest,\n\trequirePopupConsent,\n\tsetOnboardingUser,\n\tsetOnboardingExpireTokenIn,\n\tisTokenValid,\n\tsetOnboardingToken\n} from 'lib/msal';\n\nimport getEnvironment from 'lib/env';\nimport { appInsights } from 'lib/appInsights';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\n// Import routes\nimport TabConfigure from 'teams/containers/TabConfigure';\nimport TeamsOnboardingAuth from 'containers/TeamsOnboarding/Auth/Authentication'\nimport TeamsOnboardingAuthAPI from 'containers/TeamsOnboarding/Auth/ApiConsent'\nimport TeamsOnboardingAuthClient from 'containers/TeamsOnboarding/Auth/ClientConsent'\nimport TeamsOnboardingIndex from 'containers/TeamsOnboarding/IndexWrapper';\n\nimport { Spinner } from 'UI';\nimport Error from 'components/Presentation/Error/Error';\nimport { Button, translate } from '@haldor/ui';\n\nclass App extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tonboarding: true,\n\t\t\terror: false,\n\t\t\tredirect: null,\n\t\t\tshowErrorLogin: false,\n\t\t\tloading: true,\n\t\t\tuser: {\n\t\t\t\tfirstName: '',\n\t\t\t\tlastName: '',\n\t\t\t\temail: '',\n\t\t\t\tuserRoles: [],\n\t\t\t\tuserId: '',\n\t\t\t\ttenantId: ''\n\t\t\t},\n\t\t}\n\n\t\twindow.onPopupDataReceived = this.getAuthenticationResults.bind(this);\n\t}\n\n\trenderRedirect = () => {\n\t\treturn \n\t\t\t\t\t\t { this.goToPage(i) }}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t
:\n\t\t\t\t\t\n\t\t\t\t\t\t { this.goToPage(i) }}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t
}\n\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tif (this.state.onboarding) {\n\t\t\treturn \n\t\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t![](\"/dist/svg/illustration_fel-404.svg\")
\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('Ops, something went wrong!')}!
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('The page could not be loaded, please try again.')}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\t\t![](\"/dist/svg/haldor_logo_rgb.svg\")
\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('In order to start using Haldor you need to login with your Microsoft account. You will be asked to login twice. This gives us the permission to launch Haldor so you can get started.')}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\ttenant: state.user.tenant,\n\t\tonboardingUser: state.user.onboardingUser,\n\t\ttenantUser: state.user.tenantUser,\n\t\tisAppConsented: state.Services.isAppConsented\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tuserAdminCheck,\n\tisConsentPresent,\n\tcreateTenant,\n\taddUser,\n})(App);","import React, { useEffect } from 'react';\nimport { Route, Redirect, Switch, withRouter } from 'react-router-dom';\nimport { ON_ROUTE_CHANGE } from 'actions/header';\n\nimport UserDocuments from 'components/List/UserDocuments';\nimport Logout from 'components/Logout/Logout';\nimport App from 'containers/App';\nimport MyAssessments from 'containers/AssessmentsTab/MyAssessments';\nimport AttendanceTabSections from 'containers/AttendanceTab/AttendanceTabSections';\nimport SingleLesson from 'containers/Lesson/Single';\nimport NotFound from 'containers/NotFound';\nimport MyPlans from 'containers/Overview/Sections/MyPlans';\nimport SectionProgress from 'containers/Progress/Section';\nimport PrintApp from 'containers/PrintApp';\nimport SubmissionsView from 'containers/SinglePages/Assignment/SubmissionsView';\nimport PlanningWrapper from 'containers/SinglePages/Plan/PlanningWrapper';\nimport SingleAssignmentV1 from 'containers/SinglePages/SingleAssignmentV1';\nimport SingleCourse from 'containers/SinglePages/SingleCourse';\nimport TeamsApp from 'teams/App';\nimport CreateCourses from 'teams/containers/Courses/Create';\nimport HaldorTab from 'teams/containers/HaldorTab';\nimport CoursePlanConfigure from 'teams/containers/TabConfigure/CoursePlanConfigure';\n\nimport Auth from 'components/Auth';\n\nimport TeamsOnboardingApp from 'containers/TeamsOnboarding/App';\n\nimport { appInsights } from 'lib/appInsights';\nimport MyAssignmentsWrapper from 'containers/Assignments/MyAssignmentsWrapper';\n\nconst Routes = (props) => {\n\tlet currentPath = window.location.pathname;\n\n\tuseEffect(() => {\n\t\tprops.history.listen((location) => {\n\t\t\tconst forbiddenRoutes = [\"language\", \"switch\", \"conversations/new\", \"Auth\"]\n\t\t\tif (window.location.pathname == currentPath) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (window.location.hostname != 'localhost') {\n\t\t\t\tappInsights.trackPageView({\n\t\t\t\t\tname: location.pathname,\n\t\t\t\t\tisLoggedIn: appInsights.context.user.authenticatedId != null,\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tvar route = forbiddenRoutes.find(t => location.pathname.indexOf(t) > -1);\n\t\t\tif (route != null) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tconst body = document.body;\n\t\t\tif (body != null) {\n\t\t\t\tif (body.style.overflow == 'hidden') {\n\t\t\t\t\tbody.style.overflow = 'initial';\n\t\t\t\t}\n\t\t\t\tlet menu = body.querySelector('.c--sider');\n\t\t\t\tif (menu != null && menu.style.display == 'none') {\n\t\t\t\t\tmenu.style.display = 'block';\n\t\t\t\t}\n\t\t\t\tlet header = body.querySelector('.desktop-header');\n\t\t\t\tif (header != null && header.style.display == 'none') {\n\t\t\t\t\theader.style.display = 'flex';\n\t\t\t\t}\n\t\t\t}\n\t\t\tcurrentPath = window.location.pathname;\n\n\t\t\tprops.store.dispatch({\n\t\t\t\ttype: ON_ROUTE_CHANGE,\n\t\t\t});\n\n\t\t\twindow.scrollTo(0, 0);\n\n\t\t\tconst event = new Event('route_change');\n\t\t\tdocument.dispatchEvent(event);\n\t\t})\n\t}, []);\n\n\treturn (\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t)\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t}\n}\n\nexport default connect(mapStateToProps)(AuthenticationPopup);","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport msal, { loginRequest, clearInteractionProgress } from 'lib/msal';\nimport { appInsights, getEnhancedLogLevel } from 'lib/appInsights';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport { Button, translate, setActiveLanguage, getActiveLanguage } from '@haldor/ui';\nimport Error from 'components/Presentation/Error/Error';\nimport store from '../../index';\nimport DateTime from '_class/DateTime';\n\nclass LandingPage extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tlang: null,\n\t\t};\n\t}\n\n\taddToast = (message, type = 'warning') => {\n\t\tconst error = {\n\t\t\ttranslateMsg: message,\n\t\t\ttype: type,\n\t\t\ttarget: 'API',\n\t\t\ttime: new DateTime(),\n\t\t};\n\n\t\tstore.dispatch({\n\t\t\ttype: 'ADD_ERROR',\n\t\t\tpayload: error,\n\t\t});\n\t}\n\n\tinIframe() {\n\t\ttry {\n\t\t\treturn window.self !== window.top || window.navigator.userAgent.indexOf('TeamsMobile') > -1;\n\t\t} catch (e) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\tcomponentDidMount = () => {\n\t\tif (this.props.languages != null) {\n\t\t\tconst lang = getActiveLanguage();\n\t\t\tthis.setState({ lang });\n\t\t}\n\t}\n\n\tLogin = async () => {\n\n\t\tappInsights.trackTrace({\n\t\t\tmessage: 'EDU016a | Login method on LandingPage called',\n\t\t}, {\n\t\t\tlogLevel: getEnhancedLogLevel(),\n\t\t});\n\n\t\ttry {\n\t\t\tif (microsoftTeams.app.isInitialized()) {\n\t\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\t\tmicrosoftTeams.authentication.getAuthToken().then((token) => {\n\t\t\t\t\t\tif (this.props.onLogin != null) {\n\t\t\t\t\t\t\tthis.props.onLogin(token);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tclearInteractionProgress();\n\t\t\t\tmsal.loginRedirect(loginRequest);\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tappInsights.trackTrace({\n\t\t\t\tmessage: 'EDU016d | Login failed, unexpected error',\n\t\t\t}, {\n\t\t\t\terror: JSON.stringify(error),\n\t\t\t\tlogLevel: getEnhancedLogLevel(),\n\t\t\t});\n\n\t\t\tconsole.error('Login error:', error);\n\t\t}\n\t}\n\n\tswitchLanguage = (code) => {\n\t\tconst lang = { code, active: true };\n\t\tthis.setState({ lang });\n\n\t\tsetActiveLanguage(lang.code);\n\t}\n\n\tresetAndLogout = () => {\n\t\t// Clear local storage and cookies\n\t\tlocalStorage.clear();\n\n\t\t// IF not teams then do logout\n\t\tif (!this.inIframe()) {\n\t\t\t//Redirect user to the logout page\n\t\t\twindow.location.assign('/logout');\n\t\t} else {\n\t\t\tthis.addToast(this.props.translate('Reset successful'), 'info')\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t{this.state.error != null ?\n\t\t\t\t\t\t\t\ttranslate('Ops, something went wrong!')\n\t\t\t\t\t\t\t\t: translate('Still there?')}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.state.error != null ?\n\t\t\t\t\t\t\t\ttranslate('Signing in failed. Please try again.')\n\t\t\t\t\t\t\t\t: translate('You have been signed out for security reasons due to inactivity.')}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{this.state.error != null ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.state.error}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslate: translate(state.Languages.translations),\n\t\tlanguages: state.Languages.languages,\n\t};\n}\n\nexport default connect(mapStateToProps)(LandingPage);","import React, { Component } from 'react';\nimport msal, { loginRequest } from 'lib/msal';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport { Spinner } from 'UI';\n\nclass GenerateToken extends Component {\n\n\tcomponentDidMount = () => {\n\t\tif (window.location.hash.indexOf('code') > -1) {\n\t\t\tmsal.handleRedirectPromise().then((response) => {\n\t\t\t\tif (response != null) {\n\t\t\t\t\tmicrosoftTeams.authentication.notifySuccess(response);\n\t\t\t\t} else {\n\t\t\t\t\tmicrosoftTeams.authentication.notifyFailure('');\n\t\t\t\t}\n\t\t\t})\n\t\t\t\t.catch((reason) => {\n\t\t\t\t\tmicrosoftTeams.authentication.notifyFailure(reason);\n\t\t\t\t});\n\n\t\t\treturn true;\n\t\t}\n\n\t\tlet request = JSON.parse(localStorage.getItem('haldor-teams-auth-request'));\n\t\trequest.redirectUri = window.location.origin + '/GenerateToken';\n\n\t\tmsal.acquireTokenRedirect(request);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t{this.props.translate('welcome-phrase-1')}
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{this.props.translate('welcome-phrase-2')}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t {this.props.translate('problems logging in')} {this.props.translate('reset')} {this.props.translate('and log in again.')}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t{`${this.props.translate('welcome-phrase-3')} `}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.translate('Contact our support')}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\t{this.state.lang != null ?\n\t\t\t\t\t\tthis.state.lang.code == 'sv-se' ?\n\t\t\t\t\t\t\t{ this.switchLanguage('en-us'); }}>\n\t\t\t\t\t\t\t\tPress here for English\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t{ this.switchLanguage('sv-se'); }}>\n\t\t\t\t\t\t\t\tKlicka här för Svenska\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: null}\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\nexport default GenerateToken;","import React, { Component } from 'react';\nimport msal, {\n\tsetUser,\n\terrors,\n\tgetUser,\n\tonMsalTokenError,\n\tonMsalLoginRequired,\n} from 'lib/msal';\nimport * as microsoftTeams from \"@microsoft/teams-js\";\n\nimport getEnvironment from 'lib/env';\nimport { appInsights, getEnhancedLogLevel } from 'lib/appInsights';\n\nimport InteractionRequired from 'containers/Errors/InteractionRequired';\nimport AuthenticationPopup from 'containers/Errors/AuthenticationPopup';\nimport LandingPage from 'components/Login/LandingPage';\nimport Auth from 'components/Auth';\nimport GenerateToken from 'components/GenerateToken';\nimport LTI from 'containers/LTI';\n\nimport { Spinner } from 'UI';\n\nclass AuthenticationProvider extends Component {\n\n\tstatic defaultProps = {\n\t\tloginComponent: null,\n\t};\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tauthenticated: msal.getAllAccounts().length > 0,\n\t\t\tloading: true,\n\t\t\tinteractionRequired: false,\n\t\t\terror: null,\n\t\t\tauthPopup: false,\n\t\t};\n\t\tthis.onAuthPopupSuccessCallback = null;\n\t}\n\n\t// Check if the user account exists and set the state accordingly\n\tsetAuthenticationState = (username) => {\n\t\tif (microsoftTeams.app.isInitialized()) {\n\n\t\t\t/**\n\t\t\t* This is a temporary fix for the issue where the contentUrl is pointing to app.haldor.se\n\t\t\t*/\n\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\tmicrosoftTeams.pages.getConfig().then(function (settings) {\n\t\t\t\t\tconst tenantId = context.user.tenant.id;\n\t\t\t\t\tif (settings.contentUrl.indexOf('https://app.haldor.se') > -1) {\n\t\t\t\t\t\tappInsights.trackTrace({ message: 'EDU023 | ContentUrl is pointing to app.haldor.se' }, { 'tenantId': tenantId });\n\n\t\t\t\t\t\tmicrosoftTeams.pages.config.setConfig({\n\t\t\t\t\t\t\tcontentUrl: settings.contentUrl.replace('https://app.haldor.se', 'https://teamsapp.haldor.se')\n\t\t\t\t\t\t}).then(function () {\n\t\t\t\t\t\t\tappInsights.trackTrace({ message: 'EDU023a | ContentUrl is updated to teamsapp.haldor.se' }, { 'tenantId': tenantId });\n\t\t\t\t\t\t\tlocation.reload();\n\t\t\t\t\t\t}).catch(function (error) {\n\t\t\t\t\t\t\tappInsights.trackTrace({ message: \"EDU023b | ContentUrl could not be updated\" }, error);\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tmicrosoftTeams.authentication.getAuthToken().then((token) => {\n\t\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\t\tsetUser(context.user.userPrincipalName); // user's email or User Principal Name\n\t\t\t\t\tthis.setState({ authenticated: true, loading: false });\n\t\t\t\t});\n\t\t\t}).catch((error) => {\n\t\t\t\tconsole.error(\"Error getting token: \", error);\n\t\t\t\tthis.setState({ authenticated: false, loading: false });\n\t\t\t});\n\t\t} else {\n\t\t\tconst account = msal.getAllAccounts().find(acc => acc.username === username);\n\n\t\t\tif (account) {\n\t\t\t\tsetUser(account.username);\n\t\t\t\tthis.setState({ authenticated: true, loading: false });\n\t\t\t} else {\n\t\t\t\tif (this.state.authenticated) {\n\t\t\t\t\tthis.setState({ loading: false });\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis.setState({ authenticated: false, loading: false });\n\t\t\t}\n\t\t}\n\t}\n\tcomponentDidMount() {\n\t\tconst paths = [\n\t\t\t'/teams/he',\n\t\t\t'/landingpage',\n\t\t\t'/tab-configure',\n\t\t\t'/haldor-tab/landingpage'\n\t\t];\n\t\tconst isAuthOrOnboadingPath = window.location.pathname.includes('/teams/he/authentication') || window.location.pathname.includes('/teams/he');\n\t\tif (paths.includes(window.location.pathname) || isAuthOrOnboadingPath) {\n\t\t\tthis.setState({ authenticated: true, loading: false });\n\t\t}\n\n\t\tonMsalTokenError((error) => {\n\t\t\tif (error.errorCode != null && error.errorCode === 'invalid_grant' || error.errorCode === 'interaction_required') {\n\t\t\t\tthis.setState({ loading: false, interactionRequired: true, error: error });\n\t\t\t}\n\t\t\tif (error != null && error === 'login_required') {\n\t\t\t\tthis.setState({ loading: false, authenticated: false });\n\t\t\t}\n\t\t});\n\n\t\tonMsalLoginRequired(() => new Promise((resolve) => {\n\t\t\tthis.setState({ authPopup: true });\n\t\t\tthis.onAuthPopupSuccessCallback = () => resolve(1);\n\t\t\tif (getEnhancedLogLevel() > 0) {\n\t\t\t\tappInsights.trackTrace({\n\t\t\t\t\tmessage: 'EDU015a | Running login auth flow in AuthenticationProvider',\n\t\t\t\t}, {\n\t\t\t\t\tlogLevel: getEnhancedLogLevel(),\n\t\t\t\t});\n\t\t\t}\n\t\t}));\n\n\t\tif (microsoftTeams.app.isInitialized()) {\n\t\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\t\tthis.setAuthenticationState(context.user.userPrincipalName);\n\t\t\t});\n\t\t} else if (!isAuthOrOnboadingPath) {\n\t\t\tconst activeLoggedInUser = getUser()?.username;\n\t\t\tthis.setAuthenticationState(activeLoggedInUser);\n\t\t}\n\n\t\tif (microsoftTeams.app.isInitialized() && !this.state.authenticated) {\n\t\t\tthis.setState({ loading: false });\n\t\t}\n\n\t\tif (window.location.hash.includes('code') && window.location.pathname !== '/Auth') {\n\t\t\tthis.setState({ loading: true });\n\t\t\tmsal.handleRedirectPromise()\n\t\t\t\t.then((response) => {\n\t\t\t\t\tif (response) {\n\t\t\t\t\t\tsetUser(response.account.username);\n\t\t\t\t\t\tthis.setState({ authenticated: msal.getAllAccounts().length > 0, loading: false });\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.setState({ authenticated: false, loading: false });\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch(reason => {\n\t\t\t\t\tconsole.error('Error during redirect promise handling', reason);\n\t\t\t\t\tthis.setState({ authenticated: false, loading: false });\n\t\t\t\t\tif (reason instanceof msal.AuthError) {\n\t\t\t\t\t\tmsal.logoutRedirect({ postLogoutRedirectUri: window.location.origin + '/' });\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t}\n\n\t\tif (localStorage.getItem('haldor-teams-auth-progress')) {\n\t\t\tlocalStorage.removeItem('haldor-teams-auth-progress');\n\t\t}\n\n\t\tconst interactionStatus = localStorage.getItem(`msal.${getEnvironment().clientId}.interaction.status`);\n\t\tif (interactionStatus === 'interaction_in_progress') {\n\t\t\tlocalStorage.setItem(`msal.${getEnvironment().clientId}.interaction.status`, '');\n\t\t}\n\t}\n\n\n\tonLandingPageLogin = (response) => {\n\t\tif (!response) {\n\t\t\tappInsights.trackTrace({ message: \"EDU004 | MSAL - onLandingPageLogin response null\" });\n\t\t\treturn false;\n\t\t}\n\t\tconst jsonResponse = response.account ? response : JSON.parse(response);\n\t\tif (jsonResponse.account?.username) {\n\t\t\tsetUser(jsonResponse.account.username);\n\t\t} else {\n\t\t\tappInsights.trackTrace({ message: \"EDU017c response set user failed - (response does not contain account or username)\" });\n\t\t}\n\t\tthis.setState({ authenticated: true, loading: false });\n\t}\n\n\tonAuthenticationPopupLogin = (response) => {\n\t\tif (!response) {\n\t\t\tappInsights.trackTrace({ message: \"EDU017 | MSAL - authenticationPopupLogin failed (response null)\" });\n\t\t\treturn false;\n\t\t}\n\t\tconst jsonResponse = response.account ? response : JSON.parse(response);\n\t\tif (jsonResponse.account?.username) {\n\t\t\tsetUser(jsonResponse.account.username);\n\t\t} else {\n\t\t\tappInsights.trackTrace({ message: \"EDU017c response set user failed - (response does not contain account or username)\" });\n\t\t}\n\t\tif (this.onAuthPopupSuccessCallback) {\n\t\t\tthis.onAuthPopupSuccessCallback();\n\t\t}\n\t\tthis.setState({ authenticated: msal.getAllAccounts().length > 0, authPopup: false });\n\t}\n\n\trender() {\n\t\tif (window.location.pathname === '/lti') {\n\t\t\treturn \n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\t\treturn \n\t\t\t\t
\n\t\t}\n\n\t\treturn this.props.children;\n\t}\n\n}\n\nfunction mapStateToProps(state) {\n\treturn {\n\t\ttranslations: state.Languages.translations,\n\t\ttranslate: translate(state.Languages.translations),\n\t}\n}\n\nexport default connect(mapStateToProps, {\n\tgetTranslations,\n\tsetLanguage,\n\tregisterLanguages,\n\tgetTypes,\n\taddError,\n})(Localization);","import React, { useState, useEffect } from 'react';\nimport * as microsoftTeams from '@microsoft/teams-js';\n\nimport './_CookiesNotSupported.scss';\n\nconst CookiesNotSupportedError = (props) => {\n\tconst [lang, setLang] = useState('en-us');\n\n\tuseEffect(() => {\n\t\tmicrosoftTeams.app.getContext().then((context) => {\n\t\t\tif (context == null || context.app.locale == null) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (context.app.locale == 'sv-se') {\n\t\t\t\tsetLang('sv-se');\n\t\t\t}\n\t\t})\n\t}, []);\n\n\tif (lang == 'sv-se') {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\tOj, något gick fel!
\n\n\t\t\t\t\n\t\t\t\t\tOm du vill använda Haldor Education måste du ändra inställningarna i din webbläsare så den tillåter cookies från tredje part. Om du behöver hjälp, ta kontakt med din skolas IT-support.\n\t\t\t\t\t
\n\t\t\t\t\tOm din skola har blockerat tredjepartcookies för hela organisationen måste er IT-support lägga till [*.]haldor.se som en tillåten webbplats.\n\t\t\t\t\t
\n\n\t\t\t\t\t
Använder du Microsoft Teams i webbläsaren?
\n\t\t\t\t\tOm du använder Microsoft Teams och Haldors tjänster i webbläsaren måste du också lägga till webbplatserna för Microsoft Teams som tillåtna webbplatser. Du hittar \n\t\t\t\t\t\n\t\t\t\t\t\talla webbplatser i Microsofts guide.\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t);\n}\n\nexport default CookiesNotSupportedError;","import React, { useEffect, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from 'react-redux';\nimport promise from 'redux-promise';\nimport { applyMiddleware, compose, createStore } from 'redux';\nimport * as microsoftTeams from '@microsoft/teams-js';\n\nimport { BrowserRouter as Router } from 'react-router-dom';\n\nimport { isSupported } from 'helpers/localstorage';\nimport sniffer from 'sniffer';\n\nimport jsonMiddleware from './middleware/parseJson';\n\nimport reducers from './reducers';\nimport Routes from './routes/index';\n\nimport AuthenticationProvider from 'components/Providers/AuthenticationProvider';\nimport LocalizationProvider from 'components/Providers/LocalizationProvider';\nimport LandingPage from 'components/Login/LandingPage';\nimport CookiesNotSupportedError from 'containers/Errors/CookiesNotSupported';\n\nimport { thunk } from 'redux-thunk'\n\nimport { LicenseInfo } from '@mui/x-license';\nLicenseInfo.setLicenseKey('5133fb9fccd5df661758e14408d94e2eTz05OTM3NixFPTE3NTk2NTI3NjAwMDAsUz1wcm8sTE09c3Vic2NyaXB0aW9uLFBWPVEzLTIwMjQsS1Y9Mg==');\n\nimport './helpers/polyfills';\n\n// Import main stylesheet for app\nimport 'assets/css/main.scss';\nimport { isMicrosoftTeams } from 'helpers/teams';\n\nfunction reduxMulti({ dispatch }) {\n\treturn next => action =>\n\t\tArray.isArray(action)\n\t\t\t? action.filter(Boolean).map(dispatch)\n\t\t\t: next(action);\n}\n\nconst composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\nconst store = createStore(reducers, composeEnhancers(\n\tapplyMiddleware(\n\t\tpromise,\n\t\tjsonMiddleware,\n\t\treduxMulti,\n\t\tthunk,\n\t),\n));\n\nsniffer.addClasses(document.documentElement);\n\nconst rootElement = document.querySelector('#root');\n\nfunction Index() {\n\tif (isMicrosoftTeams()) {\n\t\tmicrosoftTeams.app.initialize().then(() => {\n\t\t\tmicrosoftTeams.app.notifyAppLoaded();\n\t\t});\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t\n\t\t\t
\n\n\t\t\t\n\t\t\tWhoops, something went wrong!
\n\n\t\t\t\n\t\t\t\tYou need to change your browser settings to allow third-party cookies to use Haldor Education. If you need help, contact your school's IT-support.\n\t\t\t\t
\n\t\t\t\tIf your school has disabled third-party cookies for the entire organization your IT-support needs to add [*.]haldor.se as a trusted site.\n\t\t\t\t
\n\n\t\t\t\t