\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loggedIn: state.user.loggedIn,\r\n user: state.user.currentUser,\r\n projects: state.project.projects,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadProjects: (ids) => {\r\n dispatch(projActions.getProjects(ids));\r\n },\r\n openProject: (project) => {\r\n dispatch(projActions.openProject(project));\r\n },\r\n logout: (history) => {\r\n dispatch(userActions.logout(history));\r\n },\r\n retrieveDisciplines: (ids) => {\r\n dispatch(metaDataActions.getDisciplines(ids));\r\n },\r\n retrieveBuildings: (ids) => {\r\n dispatch(metaDataActions.getBuildings(ids));\r\n },\r\n retrieveFloors: (ids) => {\r\n dispatch(metaDataActions.getFloors(ids));\r\n },\r\n retrieveDescriptors: (projId) => {\r\n dispatch(issueDescriptorActions.getIssueDescriptors(projId));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Projects);\r\n","import React from \"react\";\r\nimport Select, { components } from \"react-select\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCaretDown, faCaretUp } from \"@fortawesome/free-solid-svg-icons\";\r\nimport en from \"../../assets/en.json\";\r\nimport de from \"../../assets/de.json\";\r\n\r\nconst customStyles = {\r\n menuList: (base) => ({\r\n ...base,\r\n height: \"100%\",\r\n \"::-webkit-scrollbar\": {\r\n width: \"6px\",\r\n },\r\n \"::-webkit-scrollbar-track\": {\r\n background: \"transparent\",\r\n },\r\n \"::-webkit-scrollbar-thumb\": {\r\n backgroundColor: \"#D4D4D4\",\r\n borderColor: \"transparent\",\r\n borderRadius: \"20px\",\r\n },\r\n }),\r\n option: (provided) => ({\r\n ...provided,\r\n color: \"#66666\",\r\n textAlign: \"left\",\r\n }),\r\n control: (provided) => ({\r\n ...provided,\r\n border: \"1px solid #D2D2D2\",\r\n borderRadius: \"3px\",\r\n height: \"30px\",\r\n minHeight: \"30px\",\r\n }),\r\n menuPortal: (base) => ({\r\n ...base,\r\n zIndex: 9999,\r\n }),\r\n};\r\n\r\nconst DropdownIndicator = (props) => {\r\n return (\r\n components.DropdownIndicator && (\r\n \r\n
\r\n \r\n
\r\n {lang[\"Projects\"]}
\r\n\r\n 
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | {lang[\"Project\"]} | \r\n{lang[\"Created\"]} | \r\n
|---|
\r\n \r\n
\r\n \r\n {\r\n ({\r\n ...theme,\r\n borderRadius: 0,\r\n colors: {\r\n ...theme.colors,\r\n primary: \"#F4F4F4\",\r\n primary25: \"#F4F4F4\",\r\n primary50: \"#F4F4F4\",\r\n },\r\n })}\r\n isDisabled={disabled}\r\n onChange={this.handleChange}\r\n />\r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default VisoSelect;\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport VisoSelect from './viso_select';\r\nimport Moment from 'moment';\r\nimport { converters } from '../helper';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faTimes, faTimesCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport { library } from '@fortawesome/fontawesome-svg-core';\r\nimport en from '../../assets/en.json';\r\nimport de from '../../assets/de.json';\r\nimport '../../css/importItem.css';\r\n\r\nlibrary.add(faTimes, faTimesCircle);\r\n\r\nclass ImportItem extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n disciplines: [], buildings: [], floors: [], isUpdated: false,\r\n disciplineId: '', buildingId: '', floorId: '', isHover: false, isAddable: false,\r\n versionModels: [], selectedModelId: '', selectedFileId: '', fileName: '', isDisciplineAlone: false, isBuildingAlone: false, isFloorAlone: false,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.initialize();\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (this.props.disciplines !== prevProps.disciplines) {\r\n const disciplines = converters.getOptionsFromMetaData(this.props.disciplines);\r\n if (disciplines.length === 1) {\r\n const disciplineId = disciplines[0].value;\r\n this.setState({ isDisciplineAlone: true, disciplineId: disciplineId, disciplines: disciplines });\r\n } else {\r\n this.setState({ disciplines: disciplines, isDisciplineAlone: false, disciplineId: '' });\r\n }\r\n }\r\n\r\n if (this.props.buildings !== prevProps.buildings) {\r\n const buildings = converters.getOptionsFromMetaData(this.props.buildings);\r\n if (buildings.length === 1) {\r\n const buildingId = buildings[0].value;\r\n this.setState({ isBuildingAlone: true, buildingId: buildingId, buildings: buildings });\r\n } else {\r\n this.setState({ isBuildingAlone: false, buildingId: '', buildings: buildings });\r\n }\r\n }\r\n\r\n if (this.props.floors !== prevProps.floors) {\r\n const floors = converters.getOptionsFromMetaData(this.props.floors);\r\n if (floors.length === 1) {\r\n const floorId = floors[0].value;\r\n this.setState({ isFloorAlone: true, floorId: floorId, floors: floors });\r\n } else {\r\n this.setState({ isFloorAlone: false, floorId: '', floors: floors });\r\n }\r\n }\r\n\r\n if (this.props.model !== prevProps.model) {\r\n this.initialize();\r\n }\r\n\r\n if (this.state.disciplineId !== prevState.disciplineId) {\r\n this.props.model.disciplineMetaDataId = this.state.disciplineId;\r\n this.checkState();\r\n }\r\n\r\n if (this.state.buildingId !== prevState.buildingId) {\r\n this.props.model.buildingMetaDataId = this.state.buildingId;\r\n this.checkState();\r\n }\r\n\r\n if (this.state.floorId !== prevState.floorId) {\r\n this.props.model.floorMetaDataId = this.state.floorId;\r\n this.checkState();\r\n }\r\n\r\n if (prevState.selectedFileId !== this.state.selectedFileId) {\r\n this.onChangeFileId();\r\n }\r\n\r\n if (this.props.models !== prevProps.models) {\r\n this.getModelVersions();\r\n }\r\n }\r\n\r\n initialize() {\r\n const disciplines = converters.getOptionsFromMetaData(this.props.disciplines);\r\n const buildings = converters.getOptionsFromMetaData(this.props.buildings);\r\n const floors = converters.getOptionsFromMetaData(this.props.floors);\r\n\r\n const model = this.props.model;\r\n\r\n if (model.fileId) {\r\n this.setState({\r\n disciplines: disciplines, buildings: buildings, floors: floors, disciplineId: model.disciplineMetaDataId, isDisciplineAlone: true, isBuildingAlone: true, isFloorAlone: true\r\n , buildingId: model.buildingMetaDataId, floorId: model.floorMetaDataId, selectedFileId: model.fileId, fileName: model.name\r\n });\r\n } else {\r\n let disciplineId = '';\r\n let buildingId = '';\r\n let floorId = '';\r\n let isDisciplineAlone = false;\r\n let isBuildingAlone = false;\r\n let isFloorAlone = false;\r\n if (disciplines.length === 1) {\r\n isDisciplineAlone = true;\r\n disciplineId = disciplines[0].value;\r\n }\r\n\r\n if (buildings.length === 1) {\r\n isBuildingAlone = true;\r\n buildingId = buildings[0].value;\r\n }\r\n\r\n if (floors.length === 1) {\r\n isFloorAlone = true;\r\n floorId = floors[0].value;\r\n }\r\n this.setState({\r\n disciplines: disciplines, buildings: buildings, floors: floors, disciplineId: disciplineId\r\n , buildingId: buildingId, floorId: floorId, selectedFileId: '', isDisciplineAlone: isDisciplineAlone, isBuildingAlone: isBuildingAlone, isFloorAlone: isFloorAlone\r\n });\r\n }\r\n }\r\n\r\n handleChangeDiscipline = (discipline) => {\r\n this.setState({ disciplineId: discipline });\r\n }\r\n\r\n handleChangeBuilding = (building) => {\r\n this.setState({ buildingId: building });\r\n }\r\n\r\n handleChangeFloor = (floor) => {\r\n this.setState({ floorId: floor });\r\n }\r\n\r\n handleChangeVersion = (fileId) => {\r\n this.setState({ selectedFileId: fileId });\r\n }\r\n\r\n onChangeFileId() {\r\n const model = this.props.models.find(m => m.fileId === this.state.selectedFileId);\r\n const fileName = model !== undefined ? model.name : '';\r\n this.setState({ fileName: fileName });\r\n if (model) {\r\n const extension = this.getFileExtension(model.fileName);\r\n if (extension.includes('xml')) {\r\n const lang = window.isGerman ? de : en;\r\n window.alertAPI(lang['DontOpenIfcXml']);\r\n }\r\n\r\n this.props.onChangeFileId(this.state.selectedFileId, model.fileName, this.props.index - 1);\r\n }\r\n }\r\n\r\n getFileExtension(fileName) {\r\n return fileName.split('.').pop().toLowerCase();\r\n }\r\n\r\n handleMouseEnter = () => {\r\n this.setState({ isHover: true });\r\n }\r\n\r\n handleMouseLeave = () => {\r\n this.setState({ isHover: false });\r\n }\r\n\r\n handleDelete = () => {\r\n this.props.onDelete(this.props.index - 1);\r\n }\r\n\r\n checkState() {\r\n const addable = this.isStringFull(this.state.disciplineId)\r\n && this.isStringFull(this.state.buildingId)\r\n && this.isStringFull(this.state.floorId);\r\n\r\n this.setState({ isAddable: addable });\r\n if (addable) {\r\n this.getModelVersions();\r\n }\r\n }\r\n\r\n isStringFull(content) {\r\n return content !== '';\r\n }\r\n\r\n getDisciplineName() {\r\n const discipline = this.state.disciplines.find(d => d.value === this.state.disciplineId);\r\n if (discipline)\r\n return discipline.label;\r\n\r\n return '';\r\n }\r\n\r\n getBuildingName() {\r\n const building = this.state.buildings.find(b => b.value === this.state.buildingId);\r\n if (building)\r\n return building.label;\r\n\r\n return '';\r\n }\r\n\r\n getFloorName() {\r\n const floor = this.state.floors.find(f => f.value === this.state.floorId);\r\n if (floor)\r\n return floor.label;\r\n\r\n return '';\r\n }\r\n\r\n getModelVersions() {\r\n if (this.props.models) {\r\n const models = this.props.models.filter(m => {\r\n return m.disciplineMetaDataId === this.state.disciplineId\r\n && m.buildingMetaDataId === this.state.buildingId\r\n && m.floorMetaDataId === this.state.floorId;\r\n }).sort(function (a, b) { return Date.parse(b.creationDate) - Date.parse(a.creationDate) })\r\n .map(m => { return { value: m.fileId, label: Moment(m.creationDate).format('DD.MM.YYYY') } });\r\n\r\n if (models.length) {\r\n const fileId = this.state.selectedFileId ? this.state.selectedFileId : models[0].value;\r\n this.setState({ versionModels: models, selectedFileId: fileId, isAddable: true });\r\n } else {\r\n this.setState({ isAddable: false, selectedFileId: '' });\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const lang = window.isGerman ? de : en;\r\n const {\r\n isUpdated, disciplines, buildings, floors, isHover, isAddable, versionModels, selectedFileId, disciplineId, buildingId, floorId, fileName\r\n , isDisciplineAlone, isBuildingAlone, isFloorAlone\r\n } = this.state;\r\n\r\n const isAdded = this.props.model.fileId !== undefined && this.props.model.fileId !== '';\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n disciplines: state.metaData.disciplines,\r\n buildings: state.metaData.buildings,\r\n floors: state.metaData.floors,\r\n models: state.models.models\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, null)(ImportItem);","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { modelActions } from \"../redux/actions\";\r\nimport { Backdrop, CircularProgress } from \"@material-ui/core\";\r\nimport { apiService } from \"../services\";\r\nimport { getter } from \"./helper\";\r\nimport en from \"../assets/en.json\";\r\nimport de from \"../assets/de.json\";\r\nimport \"../css/importModel.css\";\r\nimport ImportItem from \"./controls/importItem\";\r\n\r\nclass ModelList extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n models: [],\r\n seletedItem: -1,\r\n importing_ifc: false,\r\n model: {},\r\n };\r\n this.handleSelectModel = this.handleSelectModel.bind(this);\r\n this.handleImportModel = this.handleImportModel.bind(this);\r\n\r\n window.ImportModel = this;\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.project.id) {\r\n this.getModels();\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.models !== this.props.models) {\r\n this.displayModels();\r\n }\r\n }\r\n\r\n getModels() {\r\n if (this.props.models.length) {\r\n this.displayModels();\r\n }\r\n\r\n let project = this.props.project;\r\n if (project && project.modelIds) {\r\n this.props.getModels(project.modelIds);\r\n }\r\n }\r\n\r\n displayModels() {\r\n let models = this.props.models.sort(function (a, b) {\r\n return Date.parse(b.creationDate) - Date.parse(a.creationDate);\r\n });\r\n this.setState({ models: models });\r\n }\r\n\r\n /**\r\n * Get a name of discipline specified by id.\r\n * @param {string} id\r\n * @returns {string} if a discipline specified by id exists, return it's name otherwise empty string.\r\n */\r\n getDisciplineName(id) {\r\n const discipline = this.props.disciplines.find((d) => d.id === id);\r\n return discipline ? discipline.abbreviation : \"\";\r\n }\r\n\r\n /**\r\n * Get a name of building specified by id.\r\n * @param {string} id\r\n * @returns {string} if a building specified by id exists, return it's name otherwise empty string.\r\n */\r\n getBuildingName(id) {\r\n const building = this.props.buildings.find((b) => b.id === id);\r\n return building ? building.abbreviation : \"\";\r\n }\r\n\r\n /**\r\n * Get a name of floor specified by id.\r\n * @param {string} id\r\n * @returns {string} if a floor specified by id exists, return it's name otherwise empty string.\r\n */\r\n getFloorName(id) {\r\n const floor = this.props.floors.find((f) => f.id === id);\r\n return floor ? floor.abbreviation : \"\";\r\n }\r\n\r\n handleSelectModel(e) {\r\n e.preventDefault();\r\n this.setState({ seletedItem: e.target.parentNode.rowIndex - 1 });\r\n }\r\n\r\n handleImportModel(e) {\r\n e.preventDefault();\r\n if (!!this.state.model.fileId) {\r\n this.setState({ importing_ifc: true });\r\n this.importModelInApp(this.state.model.fileId);\r\n }\r\n }\r\n\r\n registerIfcFileName(name) {\r\n window.RegisterIfcFileName(name);\r\n }\r\n\r\n async importModel(id) {\r\n await apiService\r\n .getIfcStream(id)\r\n .then((res) => {\r\n window.ImportIfcFile(res.data);\r\n this.setState({ importing_ifc: false });\r\n })\r\n .catch((err) => {\r\n console.log(\"Can't download the model\", err);\r\n this.setState({ importing_ifc: false });\r\n });\r\n }\r\n\r\n importModelInApp(id) {\r\n const model = this.props.models.find((m) => m.fileId === id);\r\n const modelData = {\r\n id: id,\r\n name: model.name,\r\n version: model.version,\r\n extension: this.getFileExtension(model.fileName),\r\n };\r\n let data = {};\r\n data.token = getter.getTokenBearer();\r\n data.modelInfos = [modelData];\r\n window.ImportIfcFiles(JSON.stringify(data));\r\n }\r\n\r\n getFileExtension(fileName) {\r\n return fileName.split(\".\").pop();\r\n }\r\n\r\n completeImportModels() {\r\n this.setState({ importing_ifc: false });\r\n this.props.onGotoIssuePage();\r\n }\r\n\r\n handleChangeFileId = (fileId, fileName, index) => {\r\n const model = this.state.model;\r\n model.fileId = fileId;\r\n model.fileName = fileName;\r\n this.setState({ model });\r\n };\r\n\r\n handleDelete = () => {\r\n this.setState({ model: {} });\r\n };\r\n\r\n // renderTableData() {\r\n // return this.state.models.map((model, index) => {\r\n // const { name, disciplineMetaDataId, buildingMetaDataId, floorMetaDataId, version } = model;\r\n // return (\r\n // \r\n
\r\n \r\n \r\n {isUpdated && }\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!isDisciplineAlone && !isAdded &&
\r\n \r\n \r\n {!isBuildingAlone && !isAdded &&
\r\n \r\n \r\n {!isFloorAlone && !isAdded &&
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {lang[\"ImportModel\"]}\r\n \r\n
\r\n \r\n \r\n \r\n {building && (\r\n
\r\n \r\n \r\n
\r\n {lang[\"General\"]}
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {/*
\r\n {lang[\"DefineModel\"]}
*/}\r\n\r\n \r\n {lang[\"ImportModelAutomatically\"]}\r\n
\r\n \r\n \r\n \r\n {discipline && (\r\n
\r\n \r\n \r\n \r\n {floor && (\r\n
\r\n \r\n \r\n \r\n {lang[\"UploadCheck\"]}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {this.renderDocName()}\r\n \r\n \r\n {this.getSchemeResult(checkResult)}\r\n \r\n
\r\n )}\r\n \r\n {isExportEnable && (\r\n \r\n \r\n \r\n
\r\n {checkResult && (\r\n \r\n \r\n {lang[\"ExportModel\"]}\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n | {lang[\"Name\"]} | \r\n{\"Version\"} | \r\n{\"Date\"} | \r\n
|---|
\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n project: state.project.selectedProject\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n syncProject: (projId) => { dispatch(syncActions.syncProject(projId)) }\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ModelPage);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faTimes, faTimesCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport { library } from '@fortawesome/fontawesome-svg-core';\r\nimport { viewpointActions } from '../../redux/actions';\r\nimport '../../css/image.css';\r\nimport img from '../../assets/sample.png';\r\n\r\nlibrary.add(faTimes, faTimesCircle);\r\n\r\nclass Image extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { selectable: false, deletable: false, isHover: false };\r\n this.handleMouseEnter = this.handleMouseEnter.bind(this);\r\n this.hanldeMouseLeave = this.hanldeMouseLeave.bind(this);\r\n this.handleClick = this.handleClick.bind(this);\r\n this.handleDelete = this.handleDelete.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const id = this.props.id;\r\n if (id && id !== \"\" && parseInt(id) !== 0 && id.indexOf(\"data:image/png;\") === -1) {\r\n this.props.getImage(id);\r\n }\r\n\r\n if (this.props.selectable) {\r\n this.setState({ selectable: this.props.selectable });\r\n }\r\n\r\n if (this.props.deletable) {\r\n this.setState({ deletable: this.props.deletable });\r\n }\r\n }\r\n\r\n handleClick(e) {\r\n e.preventDefault();\r\n if (this.state.selectable) {\r\n this.props.selectViewpoint(this.props.vId);\r\n }\r\n }\r\n\r\n handleMouseEnter(e) {\r\n e.preventDefault();\r\n if (this.state.deletable) {\r\n this.setState({ isHover: true });\r\n }\r\n }\r\n\r\n hanldeMouseLeave(e) {\r\n e.preventDefault();\r\n if (this.state.deletable) {\r\n this.setState({ isHover: false });\r\n }\r\n }\r\n\r\n handleDelete(e) {\r\n e.preventDefault();\r\n if (this.state.deletable) {\r\n this.props.deleteViewpoint(this.props.id);\r\n }\r\n }\r\n\r\n render() {\r\n const { resources, id, isList } = this.props;\r\n const { selectable, deletable, isHover } = this.state;\r\n\r\n let image = resources.find(r => r.id === id);\r\n if (!image) {\r\n if (id && id !== \"\" && parseInt(id) !== 0) {\r\n image = id;\r\n } else {\r\n image = img;\r\n }\r\n } else {\r\n image = image.img;\r\n }\r\n\r\n return (\r\n <>\r\n {\r\n isList ?\r\n \r\n
\r\n {lang['Models']}
\r\n \r\n\r\n
\r\n \r\n this.handleChangePage(e, pageState.IMPORTMODEL)}>\r\n \r\n
\r\n {/* this.handleChangePage(e, pageState.EXPORTMODEL)}>\r\n \r\n
*/}\r\n \r\n {currentState === pageState.IMPORTMODEL &&
\r\n \r\n 
\r\n {deletable &&\r\n
\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n resources: state.viewpoint.resources\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n getImage: (id) => { dispatch(viewpointActions.getImage(id)) },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Image);","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABaCAYAAABzAJLvAAAFIElEQVR4nO2cB27bQBBF1733XuB2/ysZ7t1y7zV4E0/ACJJjIEag+ZkPEJRILmPo7bQdMm21Wu2qpGTVWUoZSry6av/ffwB1JWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxJWBxhQXc0dFROjs7W+AvaW2FBNze3l6Oj4/L2dlZ6e7uLm1tbS3wV7WmQpoAgNn29/cN7uTkZHl6eirv7+9Nr/9sEry9vTUdG10hAb+8vJSZmRkDt7e3Z/AmJibK4+Pjb9dxHFf+/PxsE6AeMlC5R29v76/7qnmDsEEMaNPT0/bZIY+PjxtkB4f7rtVq5fT01EA30uvrq103Pz9v+0YTIbLCAgYiMBzyzs6O7YHMcWAB9uDgwKx9aGjIYFYFSDau2djYKGtra3KQeQE8bPABMpbZ399fTk5OLCbPzc2Vqampcnh4aN8XFhYsRuN+G8VZxhODNzc3DSyQcdk+GQDNecZHVFjAwKJMYn919fM/KTg/PzdIIyMj5fb21sC6RTdLojje1dVln7e2tszFE8/9HNvAwIBNooiQwwImxiKs9O7uzlwroAAC6NnZ2bK4uGjnsEB3x+56HV6pg3x0dGSTw6916yUUjI6OhoMcNgbjWnHL9/f3ZWVlxQABo+qygT42NmYW7Isi7qqZID6GYyRtjGVi+DUAZhzQieeDg4M2jjFRFHopCCg9PT22eczkxycGsyfx8joZqwYS13EMgEwErmUicC/GVK29fHiKvr6+cn19befcc0RRaMD82IACmrtcz67JnBFQsXLcLiCHh4cNHmMuLi4sfuPKsU7GlQ+X7apCjyjJxVyHTEZN0kSdvLS0ZCA94WJykExxjuRqdXXVLBVLVpJsN4l4ilsGGKCxVuIylsixh4cHA728vGzWSy3scVdJsoABBWDcMkkYpdP29raBJmZznmQKV02GDHTcdbMVr6iSdNG4X4ABkBUs9mTHCMhYKtk17tsTNRY3KKmYCEqSbah6h8jLmnrIyCF7UyJS+fNVySZZ1K/A9bIIeCRYQOa7Q2aly7tNxOLsJgWQr0yxEVfJlt2SvYTiGupkYjSfgQxgNSuWTbKwXMBSA/P0BzEWq65aMo0IsmcaE1gya85RmwrNJAsYUKxUAZKlRupd4JJQeZPC615WqTiulkEX5SSLWIqlYpm4ZyBfXl6alQKSOpgEi/NcS9MC0VCofzIksuQfSwQy0ABLDQxYrJvYyxo1ZZQnYyRewKZUUoEcGrCvEWORni03kneKWNDwdWZvOHAOwMRj9kBmWRPITA6OMbbaXoyk0ICxQuIniVS1o9RIWG2zBIpxWLZn17u7u3acrJpzNzc39j1ijA7b8K8+T0WnyBv2f3tPILKiVT4AMylw11Eb/qEf2XGLwopxtd+xSME98AxAprwCKs0K/q2IJVRYF+09XWIkEL773vSNEZk3kwfoCfgfq5oofbeYOFgu919fX7e2YsTsOt8ubCIydCYOD8TzWA8PBVBmRXvhLQF/IoeMJZNkkV2TsUeCnO9f/kEOGStmPds7U1GUgL8g7y376y+fLaq0mhLwFwVgz6Ij9YwzBosrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYsrAYuLl8+u//cfQVallB9keSt/OQ20qwAAAABJRU5ErkJggg==\"","import React from \"react\";\r\n\r\nexport const getTypeSvg = (name, color) => {\r\n switch (name) {\r\n case \"icon-default-type-1\":\r\n return (\r\n \r\n
\r\n }\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n viewpoints: state.viewpoint.viewpoints,\r\n project: state.project.selectedProject,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n addViewpoint: (ids) => { dispatch(viewpointActions.getViewpoint(ids)) },\r\n selectedIssue: (issue) => { dispatch(detailActions.selectedIssue(issue)) },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(IssueItem);","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Input } from \"antd\";\r\nimport VisoSelect from \"./controls/viso_select\";\r\nimport IssueItem from \"./controls/issueItem\";\r\nimport { issuesActions } from \"../redux/actions\";\r\nimport { issueOwner, pageState, roleAction } from \"./enums\";\r\nimport { converters } from \"./helper\";\r\nimport { apiService } from \"../services\";\r\nimport en from \"../assets/en.json\";\r\nimport de from \"../assets/de.json\";\r\nimport filterImg from \"../assets/Filter.png\";\r\nimport \"../css/issueList.css\";\r\n\r\nconst options = converters.getOptionsFromEnum(issueOwner);\r\nconst { Search } = Input;\r\n\r\nclass IssueList extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { creatable: false, keyword: \"\", top: 10, skip: 0 };\r\n this.handleChangeOwner = this.handleChangeOwner.bind(this);\r\n this.handleOpenFilter = this.handleOpenFilter.bind(this);\r\n this.hanldleNewIssue = this.hanldleNewIssue.bind(this);\r\n this.handleOpenIssue = this.handleOpenIssue.bind(this);\r\n\r\n this.isLoading = false;\r\n this.wheelCount = 0;\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.project.id) {\r\n this.getIssues(this.state.skip, this.state.keyword);\r\n this.props.clearSelectedIssue();\r\n this.setCreatable();\r\n }\r\n\r\n this.timerId = setInterval(() => {\r\n this.syncIssues();\r\n }, 60000);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.owner !== this.props.owner || this.props.addedFlag) {\r\n this.props.resetAddedIssueFlag();\r\n this.getIssues(0, this.state.keyword, true);\r\n }\r\n\r\n if (prevProps.filterData !== this.props.filterData) {\r\n this.getIssues(0, this.state.keyword, true);\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.timerId) {\r\n clearInterval(this.timerId);\r\n }\r\n }\r\n\r\n syncIssues() {\r\n if (!this.isLoading) {\r\n this.getIssues(this.state.skip, this.state.keyword);\r\n }\r\n }\r\n\r\n setCreatable() {\r\n const role = this.props.project.collaboratorRoles.find(\r\n (r) => r.collaboratorId === this.props.user.id\r\n );\r\n const definition = this.props.project.collaboratorRoleDefinitions.find(\r\n (d) => d.id === role.roleDefinitionId\r\n );\r\n if (definition) {\r\n const action =\r\n definition !== undefined &&\r\n definition.actions.find(\r\n (a) => a.action === roleAction.IssueManagement_Creation\r\n );\r\n this.setState({ creatable: !action.isAllowed });\r\n } else {\r\n this.setState({ creatable: true });\r\n }\r\n }\r\n\r\n getIssues = async (skip, keyword, initial = false) => {\r\n this.wheelCount = 0;\r\n\r\n const { filterData, project } = this.props;\r\n let query = [];\r\n if (filterData) {\r\n const keys = Object.keys(filterData).filter(\r\n (k) => filterData[k] && filterData[k] !== \"All\"\r\n );\r\n if (keys) {\r\n query = keys.map((key) => {\r\n let value = undefined;\r\n switch (key) {\r\n case \"creationDateAfter\":\r\n value = `creationDate ge ${new Date(\r\n filterData[key]\r\n ).toISOString()}`;\r\n break;\r\n case \"creationDateBefore\":\r\n value = `creationDate le ${new Date(\r\n filterData[key]\r\n ).toISOString()}`;\r\n break;\r\n case \"dueDateAfter\":\r\n value = `dueDate ge ${new Date(filterData[key]).toISOString()}`;\r\n break;\r\n case \"dueDateBefore\":\r\n value = `dueDate le ${new Date(filterData[key]).toISOString()}`;\r\n break;\r\n case \"startDateAfter\":\r\n value = `startingDate ge ${new Date(\r\n filterData[key]\r\n ).toISOString()}`;\r\n break;\r\n case \"startDateBefore\":\r\n value = `startingDate le ${new Date(\r\n filterData[key]\r\n ).toISOString()}`;\r\n break;\r\n case \"editDateAfter\":\r\n value = `editDate ge ${new Date(filterData[key]).toISOString()}`;\r\n break;\r\n case \"editDateBefore\":\r\n value = `editDate le ${new Date(filterData[key]).toISOString()}`;\r\n break;\r\n case \"statusIds\":\r\n if (filterData[key].length) {\r\n value = `${filterData[key]\r\n .map((sId) => {\r\n return `(statusId eq '${sId}')`;\r\n })\r\n .join(\" or \")}`;\r\n }\r\n break;\r\n case \"priorityId\":\r\n value = `priorityId eq '${filterData[key]}'`;\r\n break;\r\n case \"source\":\r\n value = `source eq '${filterData[key]}'`;\r\n break;\r\n case \"typeId\":\r\n value = `typeId eq '${filterData[key]}'`;\r\n break;\r\n case \"buildingMetadataIds\":\r\n if (filterData[key].length)\r\n value = `buildingMetaDataIds/any(buildingMetaDataIds: buildingMetaDataIds eq '${filterData[key][0]}')`;\r\n break;\r\n case \"floorMetaDataIds\":\r\n if (filterData[key].length)\r\n value = `floorMetaDataIds/any(floorMetaDataIds: floorMetaDataIds eq '${filterData[key][0]}')`;\r\n break;\r\n case \"disciplineMetaDataIds\":\r\n if (filterData[key].length)\r\n value = `disciplineMetaDataIds/any(disciplineMetaDataIds: disciplineMetaDataIds eq '${filterData[key][0]}')`;\r\n break;\r\n case \"workPhaseId\":\r\n value = `workPhaseId eq '${filterData[key]}'`;\r\n break;\r\n case \"tagIds\":\r\n if (filterData[key].length)\r\n value = `tagIds/any(tagIds: tagIds eq '${filterData[key][0]}')`;\r\n break;\r\n case \"assignedUserIds\":\r\n if (filterData[key].length) {\r\n value = `(assignedUserIds/any(assignedUserIds: assignedUserIds eq '${filterData[key][0]}'))`;\r\n }\r\n break;\r\n case \"createAuthorId\":\r\n value = `createAuthorId eq '${filterData[key]}'`;\r\n break;\r\n case \"reviewerId\":\r\n value = `reviewerId eq '${filterData[key]}'`;\r\n break;\r\n case \"editAuthorId\":\r\n value = `editAuthorId eq '${filterData[key]}'`;\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n return value ? `(${value})` : undefined;\r\n });\r\n\r\n query = query.filter((q) => q);\r\n }\r\n }\r\n\r\n const { top } = this.state;\r\n // if (owner !== issueOwner.ALL.value) {\r\n // query.push(\r\n // `(assignedUserIds/any(assignedUserIds: assignedUserIds eq '${this.props.user.id}'))`\r\n // );\r\n // }\r\n\r\n if (keyword !== \"\") {\r\n query.push(\r\n `((contains(tolower(title),'${keyword.toLowerCase()}')) or (contains(tolower(description),'${keyword.toLowerCase()}')) or (issueNumber eq ${parseInt(\r\n keyword\r\n )}))`\r\n );\r\n }\r\n\r\n const endPoint = query.length\r\n ? `issue/project/${project.id}?&filter=(${query.join(\r\n \" and \"\r\n )})&orderby=editDate desc&top=${top}&skip=${skip}`\r\n : `issue/project/${project.id}?&orderby=editDate desc&top=${top}&skip=${skip}`;\r\n\r\n await apiService\r\n .getDataByEndpoint(endPoint)\r\n .then((res) => {\r\n if (skip === 0 || res.data.length) {\r\n this.props.registerIssues(res.data);\r\n setScrollPosition(skip, this.state.skip);\r\n this.setState({ skip });\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n })\r\n .finally(() => {\r\n this.isLoading = false;\r\n });\r\n\r\n function setScrollPosition(newSkip, origin) {\r\n const listBody = document.getElementById(\"issue-list\");\r\n if (newSkip > origin || initial) {\r\n listBody.scrollTop = 0;\r\n } else if (newSkip < origin) {\r\n listBody.scrollTop = listBody.scrollHeight - listBody.clientHeight;\r\n }\r\n }\r\n };\r\n\r\n handleChangeOwner(selectedOption) {\r\n this.props.changeOwner(selectedOption);\r\n }\r\n\r\n handleSearch = (e) => {\r\n const keyword = e.target.value;\r\n this.setState({ keyword });\r\n this.getIssues(0, keyword, true);\r\n };\r\n\r\n handleOpenFilter(e) {\r\n e.preventDefault();\r\n this.props.onSetPage(pageState.FILTERISSUE);\r\n }\r\n\r\n hanldleNewIssue(e) {\r\n e.preventDefault();\r\n this.props.onSetPage(pageState.EDITISSUE);\r\n }\r\n\r\n handleOpenIssue() {\r\n this.props.onSetPage(pageState.DETAILISSUE);\r\n }\r\n\r\n listenScrollEvent = () => {\r\n if (!this.isLoading) {\r\n const listBody = document.getElementById(\"issue-list\");\r\n const { scrollHeight, scrollTop, clientHeight } = listBody;\r\n const { top, skip, keyword } = this.state;\r\n\r\n if (scrollHeight - clientHeight <= scrollTop && scrollTop > 0) {\r\n this.wheelCount++;\r\n } else if (scrollTop === 0 && skip >= top) {\r\n this.wheelCount--;\r\n } else {\r\n this.wheelCount = 0;\r\n }\r\n\r\n if (this.wheelCount > 5) {\r\n this.isLoading = true;\r\n this.getIssues(top + skip, keyword);\r\n } else if (this.wheelCount < -5) {\r\n this.isLoading = true;\r\n this.getIssues(skip - top, keyword);\r\n }\r\n }\r\n };\r\n\r\n renderIssues() {\r\n const history = this.props.history;\r\n return this.props.issues.map((issue, index) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {getTypeSvg(issue.issueType?.icon, issue.issueType?.color)}\r\n \r\n
\r\n {issue.dueDate &&\r\n \r\n {dueDate}\r\n
\r\n }\r\n \r\n \r\n
\r\n {`${issue.issueNumber} ${issue.title}`}
\r\n {issue.description}
\r\n {imageId && \r\n
\r\n \r\n
\r\n \r\n {getGeneralSvg('subtask')}\r\n
\r\n {`${issue.childrenIds?.length}${lang['SubTasks']}`}
\r\n \r\n {issue.assignedUsers.length &&\r\n
\r\n \r\n {`${lang['AssignedTo']}: ${issue.assignedUsers[0].firstName} ${issue.assignedUsers[0].lastName}`}\r\n {issue.assignedUsers.length > 1 &&\r\n {`+${issue.assignedUsers.length - 1} more`}\r\n }\r\n
\r\n }\r\n \r\n \r\n {issues && this.renderIssues()}\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n project: state.project.selectedProject,\r\n issues: state.issues.issues,\r\n opened: state.issues.opened,\r\n owner: state.issues.owner,\r\n filterData: state.filter.filterData,\r\n user: state.user.currentUser,\r\n addedFlag: state.project.addedIssue,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getIssues: (ids) => {\r\n dispatch(issuesActions.getIssues(ids));\r\n },\r\n changeOwner: (owner) => {\r\n dispatch(issuesActions.setOwner(owner));\r\n },\r\n clearSelectedIssue: () => {\r\n dispatch(issuesActions.clearSelectedIssue());\r\n },\r\n registerIssues: (issues) => {\r\n dispatch(issuesActions.registerIssues(issues));\r\n },\r\n resetAddedIssueFlag: () => {\r\n dispatch(issuesActions.resetAddedIssueFlag());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(IssueList);\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAz0lEQVQ4ja2SSw5BQRBFTxBjc2vwWYAYWBRvC+yDHYgFkJgi5kJITE3lPaSS29K6PZ9wk5tU1elUV6eaf6sjO7Vlp5BHGstOE9kp5JSCFifgqrgB1Lx4Kf6gQpBnQKq4C+zkxOPZqwZ+bQBU5X50KucJvmzkmfJFRD9oYDpHlTcN0i95dKAcXfGG+w2aQEtxHVgFZ33u1vqwBVvVQe6pdsnhCU9kN+xlm8A0BEbeBI5bHD3BVrVW7Mav5PD7WovBIPbrpsBW+RGYA5sc/qOAG5ExMvZFkvciAAAAAElFTkSuQmCC\"","import React from 'react';\r\nimport Select, { components } from 'react-select';\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCaretDown, faCaretUp } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\r\n\r\nlibrary.add(faCaretDown, faCaretUp);\r\n\r\nconst customStyles = {\r\n menu: (base) => ({\r\n ...base,\r\n width: '100px',\r\n position: 'absolute',\r\n right: 0\r\n }),\r\n menuList: (base) => ({\r\n ...base,\r\n height: '100%',\r\n width: '100px',\r\n \"::-webkit-scrollbar\": {\r\n width: '6px'\r\n },\r\n \"::-webkit-scrollbar-track\": {\r\n background: 'transparent'\r\n },\r\n \"::-webkit-scrollbar-thumb\": {\r\n backgroundColor: '#D4D4D4',\r\n borderColor: 'transparent',\r\n borderRadius: '2px'\r\n }\r\n }),\r\n option: (provided) => ({\r\n ...provided,\r\n color: '#66666',\r\n textAlign: 'left',\r\n }),\r\n control: (provided) => ({\r\n ...provided,\r\n border: '1px solid #D2D2D2',\r\n borderRadius: '3px',\r\n height: '30px',\r\n minHeight: '30px'\r\n })\r\n}\r\n\r\nconst DropdownIndicator = props => {\r\n return (components.DropdownIndicator && (\r\n \r\n
\r\n {lang[\"Issues\"]}
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {owner && (\r\n
\r\n \r\n \r\n \r\n {lang[\"NewIssue\"]}\r\n \r\n
\r\n {selectedOption[0]?.name}
\r\n \r\n );\r\n}\r\n\r\nclass StatusSelect extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { disabled: false, value: {} };\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ value: this.getDefaultOption() });\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.disabled !== this.props.disabled) {\r\n this.setState({ disabled: this.props.disabled });\r\n }\r\n\r\n if (prevProps.defaultValue !== this.props.defaultValue) {\r\n const option = this.getDefaultOption();\r\n this.setState({ value: option });\r\n }\r\n }\r\n\r\n getDefaultOption() {\r\n const options = this.props.options;\r\n return options.find(o => o.value.id === this.props.defaultValue.id);\r\n }\r\n\r\n handleChange = (selectedOption) => {\r\n this.props.onChange(selectedOption.value);\r\n this.setState({ value: selectedOption });\r\n }\r\n\r\n render() {\r\n const options = this.props.options;\r\n const { disabled, value } = this.state;\r\n\r\n return (\r\n \r\n {\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default StatusSelect;","import React from 'react';\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCaretSquareDown, faCaretSquareUp } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\r\nimport de from '../../assets/de.json';\r\nimport en from '../../assets/en.json';\r\nimport '../../css/viso_collapse.css';\r\n\r\nlibrary.add(faCaretSquareDown, faCaretSquareUp);\r\n\r\nclass VisoCollapse extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { isCollapsed: false };\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ isCollapsed: this.props.defaultState });\r\n }\r\n\r\n getDesc() {\r\n let { count, keyString } = this.props;\r\n\r\n if (count) {\r\n const lang = window.isGerman ? de : en;\r\n const key = count === 1 ? keyString : `${keyString}s`;\r\n return `${count} ${lang[key]}`;\r\n }\r\n\r\n return '';\r\n }\r\n\r\n handleClick = () => {\r\n const isCollapsed = this.state.isCollapsed;\r\n this.setState({ isCollapsed: !isCollapsed });\r\n }\r\n\r\n render() {\r\n const { children, title } = this.props;\r\n const desc = this.getDesc();\r\n const isCollapsed = this.state.isCollapsed;\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n {title}
\r\n {\r\n desc &&\r\n {desc}
\r\n }\r\n \r\n {children}\r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default VisoCollapse;","import React from 'react';\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCaretSquareDown, faCaretSquareUp } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\r\nimport '../../css/viso_collapse.css';\r\nimport en from '../../assets/en.json';\r\nimport de from '../../assets/de.json';\r\n\r\nlibrary.add(faCaretSquareDown, faCaretSquareUp);\r\n\r\nclass MetaDataCollapse extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { isCollapsed: false };\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ isCollapsed: this.props.defaultState });\r\n }\r\n\r\n handleClick = () => {\r\n const isCollapsed = this.state.isCollapsed;\r\n this.setState({ isCollapsed: !isCollapsed });\r\n }\r\n\r\n renderMetadatas(data) {\r\n return data.map(d => {\r\n return {d}
\r\n })\r\n }\r\n\r\n render() {\r\n const { disciplines, buildings, floors } = this.props;\r\n const isCollapsed = this.state.isCollapsed;\r\n const lang = window.isGerman ? de : en;\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n {lang['Discipline']}
\r\n {lang['Building']}
\r\n {lang['Floor']}
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default MetaDataCollapse;","export default __webpack_public_path__ + \"static/media/comment.df605a4a.svg\";","export default __webpack_public_path__ + \"static/media/d-comment.67cb3f3c.svg\";","export default __webpack_public_path__ + \"static/media/history.0348edec.svg\";","export default __webpack_public_path__ + \"static/media/d-history.a674c0e0.svg\";","import React, { useState } from 'react';\r\nimport '../../css/expandableTextBlock.scss';\r\n\r\nconst ExpandableTextBlock = ({ content }) => {\r\n const [isMore, setIsMore] = useState(true);\r\n\r\n return (\r\n \r\n
\r\n \r\n {disciplines && this.renderMetadatas(disciplines)}\r\n
\r\n \r\n {buildings && this.renderMetadatas(buildings)}\r\n
\r\n \r\n {floors && this.renderMetadatas(floors)}\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ExpandableTextBlock;","import React from \"react\";\r\nimport Moment from \"moment\";\r\nimport { issueLogEntryType } from \"../enums\";\r\nimport de from \"../../assets/de.json\";\r\nimport en from \"../../assets/en.json\";\r\nimport \"../../css/issueHistory.scss\";\r\n\r\nfunction formatLocaleDate(date) {\r\n return window.isGerman\r\n ? Moment(date).locale(\"de\").format(\"YYYY-MM-DD-HH:mm\")\r\n : Moment(date).locale(\"en\").format(\"DD/MM/YYYY-HH:mm\");\r\n}\r\n\r\nconst IssueLog = ({\r\n log,\r\n users,\r\n documents,\r\n disciplines,\r\n buildings,\r\n floors,\r\n workphases,\r\n}) => {\r\n const lang = window.isGerman ? de : en;\r\n\r\n const toggleDetails = (event) => {\r\n event.target.parentElement.parentElement.classList.toggle(\"opened\");\r\n };\r\n\r\n switch (log.entryType) {\r\n case issueLogEntryType.IssueCreated:\r\n return (\r\n \r\n {content}\r\n
\r\nsetIsMore(!isMore)}>\r\n {\r\n isMore ?\r\n content?.length > 600 ? 'More' : '' : 'Less'\r\n }\r\n
\r\n{lang[\"IssueWasCreated\"]}
\r\n );\r\n case issueLogEntryType.StatusIdUpdated:\r\n return (\r\n \r\n
\r\n );\r\n case issueLogEntryType.TitleUpdated:\r\n return (\r\n \r\n \r\n \r\n {lang[\"More\"]}\r\n \r\n \r\n {lang[\"Less\"]}\r\n \r\n
\r\n \r\n
\r\n \r\n {lang[\"Old\"]}\r\n
\r\n {log.oldValue}
\r\n \r\n {lang[\"New\"]}\r\n
\r\n {log.newValue}
\r\n \r\n
\r\n );\r\n case issueLogEntryType.PriorityIdUpdated:\r\n return (\r\n \r\n \r\n \r\n {lang[\"More\"]}\r\n \r\n \r\n {lang[\"Less\"]}\r\n \r\n
\r\n \r\n
\r\n \r\n {lang[\"Old\"]}\r\n
\r\n {log.oldValue}
\r\n \r\n {lang[\"New\"]}\r\n
\r\n {log.newValue}
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default IssueHistory;\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { detailActions, syncActions } from \"../redux/actions\";\r\nimport { apiService } from \"../services\";\r\nimport Moment from \"moment\";\r\nimport StatusSelect from \"./controls/statusSelect\";\r\nimport VisoCollapse from \"./controls/viso_collapse\";\r\nimport MetaDataCollapse from \"./controls/metaDataCollapse\";\r\nimport Image from \"./controls/image\";\r\nimport { getter } from \"./helper\";\r\nimport { pageState, roleAction } from \"./enums\";\r\nimport { faArrowDown } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\r\nimport en from \"../assets/en.json\";\r\nimport de from \"../assets/de.json\";\r\nimport ActCommentImg from \"../assets/comment.svg\";\r\nimport DeactCommentImg from \"../assets/d-comment.svg\";\r\nimport ActHistoryImg from \"../assets/history.svg\";\r\nimport DeactHistoryImg from \"../assets/d-history.svg\";\r\nimport { getGeneralSvg, getTypeSvg } from \"./controls/svg\";\r\nimport ExpandableTextBlock from \"./controls/expandableTextblock\";\r\nimport IssueHistory from \"./controls/issueHistory\";\r\nimport \"../css/detailIssue.css\";\r\n\r\nlibrary.add(faArrowDown);\r\n\r\nfunction localeDate(date) {\r\n return window.isGerman\r\n ? Moment(date).locale(\"de\").format(\"DD.MMM\")\r\n : Moment(date).locale(\"en\").format(\"MMM DD\");\r\n}\r\n\r\nfunction commentLocaleDate(date) {\r\n return window.isGerman\r\n ? Moment(date).locale(\"de\").format(\"YYYY-MM-DD-HH:mm\")\r\n : Moment(date).locale(\"en\").format(\"DD/MM/YYYY-HH:mm\");\r\n}\r\n\r\nfunction dueDate(date) {\r\n return window.isGerman\r\n ? Moment(date).locale(\"de\").format(\"DD.MM.YYYY\")\r\n : Moment(date).locale(\"en\").format(\"DD/MM/YYYY\");\r\n}\r\n\r\nclass IssueDetail extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n comment: \"\",\r\n disciplines: [],\r\n viewpoints: [],\r\n elements: [],\r\n comboDeactivity: false,\r\n editable: false,\r\n isCommentCreatable: false,\r\n docVersions: [],\r\n buildings: [],\r\n floors: [],\r\n issueHistories: [],\r\n isComment: true,\r\n commentImg: DeactCommentImg,\r\n historyImg: DeactHistoryImg,\r\n tags: [],\r\n workPhaseName: undefined,\r\n linkedMails: [],\r\n mainTasks: [],\r\n subTasks: [],\r\n documents: [],\r\n };\r\n\r\n window.IssueDetail = this;\r\n }\r\n\r\n componentDidMount() {\r\n if (!this.props.issue.id) {\r\n this.props.onSetPage(pageState.ISSUELIST);\r\n } else {\r\n this.retrieveData();\r\n this.timerId = setInterval(() => {\r\n this.props.syncIssue(this.props.issue.id);\r\n }, 60000);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.issue !== prevProps.issue) {\r\n this.retrieveData();\r\n }\r\n\r\n if (this.props.viewpoints !== prevProps.viewpoints) {\r\n this.getViewpoints();\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n clearInterval(this.timerId);\r\n }\r\n\r\n retrieveData() {\r\n const roleId = getter.getRoleId(this.props.project, this.props.user.id);\r\n if (roleId !== null && !getter.isIssueVisible(this.props.issue)) {\r\n this.props.onSetPage(pageState.ISSUELIST);\r\n }\r\n\r\n this.getMetaData();\r\n this.getComments();\r\n this.getViewpoints();\r\n this.requestElementNames();\r\n this.setActivity();\r\n this.setEditable();\r\n this.setCommentCreatable();\r\n this.getDocVersions();\r\n this.getIssueHistories();\r\n this.getTags();\r\n this.getWorkPhase();\r\n this.getMails();\r\n this.getTasks();\r\n }\r\n\r\n getWorkPhase() {\r\n if (this.props.project.workPhases) {\r\n const workPhase = this.props.project.workPhases.find(\r\n (wp) => wp.id === this.props.issue.workPhaseId\r\n );\r\n if (workPhase) this.setState({ workPhaseName: workPhase.name });\r\n }\r\n }\r\n\r\n getTags() {\r\n if (this.props.project.tags) {\r\n const tags = this.props.project.tags.filter((t) =>\r\n this.props.issue.tagIds.includes(t.id)\r\n );\r\n this.setState({ tags });\r\n } else {\r\n this.setState({ tags: [] });\r\n }\r\n }\r\n\r\n getMails() {\r\n const linkedMails = this.props.emails.filter((e) =>\r\n this.props.issue.linkedEmailIds.includes(e.id)\r\n );\r\n this.setState({ linkedMails });\r\n }\r\n\r\n getTasks() {\r\n if (!!this.props.issue.parentId) {\r\n apiService\r\n .getArrayData(\"issue\", [this.props.issue.parentId])\r\n .then((res) => {\r\n this.setState({ mainTasks: res });\r\n })\r\n .catch((err) => {\r\n console.log(\"Dont get main task\", err.message);\r\n });\r\n } else {\r\n this.setState({ mainTasks: [] });\r\n }\r\n\r\n if (!!this.props.issue.childrenIds) {\r\n apiService\r\n .getArrayData(\"issue\", this.props.issue.childrenIds)\r\n .then((res) => {\r\n this.setState({ subTasks: res });\r\n })\r\n .catch((err) => {\r\n console.log(\"Dont get sub task\", err.message);\r\n });\r\n }\r\n }\r\n\r\n async getIssueHistories() {\r\n const logId = this.props.issue.issueLogId;\r\n if (logId) {\r\n await apiService\r\n .getArrayData(\"issue/issuelog\", [logId])\r\n .then((logEntries) => {\r\n const issueHistories = logEntries[0].issueLogEntries.sort((a, b) => {\r\n return new Date(b.creationDate) - new Date(a.creationDate);\r\n });\r\n\r\n this.setState({ issueHistories: issueHistories });\r\n })\r\n .catch((err) => {\r\n console.log(\"Can't get the issue history.\", err.message);\r\n });\r\n }\r\n }\r\n\r\n getUserName(userId) {\r\n const user = this.props.project.userPreviews.find((u) => u.id === userId);\r\n if (user) {\r\n return `${user.firstName} ${user.lastName}`;\r\n }\r\n\r\n return \"\";\r\n }\r\n\r\n async getDocVersions() {\r\n const docVersionIds = this.props.issue.linkedDocumentVersionIds;\r\n await apiService\r\n .getArrayData(\"documentVersion\", docVersionIds)\r\n .then(async (docVersions) => {\r\n const documents = [...docVersions];\r\n const docIds = docVersions.map((v) => v.documentId);\r\n await apiService.getArrayData(\"document\", docIds).then((docs) => {\r\n const docVersionData = docVersionIds\r\n .map((id) => {\r\n const doc = docs.find((d) => d.documentVersionIds.includes(id));\r\n return { versionId: id, document: doc };\r\n })\r\n .filter((d) => d.document);\r\n\r\n this.setState({ docVersions: docVersionData, documents });\r\n });\r\n })\r\n .catch((err) => {\r\n console.log(\"Can't get the document versions.\", err.message);\r\n });\r\n }\r\n\r\n getMetaData() {\r\n const disciplineMetaData = this.props.disciplines;\r\n const disciplines = disciplineMetaData\r\n .filter((d) => this.props.issue.disciplineMetaDataIds.includes(d.id))\r\n .map((d) => {\r\n return d.abbreviation;\r\n });\r\n\r\n const buildingMetaData = this.props.buildings;\r\n const buildings = buildingMetaData\r\n .filter((b) => this.props.issue.buildingMetaDataIds.includes(b.id))\r\n .map((b) => {\r\n return b.abbreviation;\r\n });\r\n\r\n const floorMetaData = this.props.floors;\r\n const floors = floorMetaData\r\n .filter((f) => this.props.issue.floorMetaDataIds.includes(f.id))\r\n .map((f) => {\r\n return f.abbreviation;\r\n });\r\n\r\n this.setState({\r\n disciplines: disciplines,\r\n buildings: buildings,\r\n floors: floors,\r\n });\r\n }\r\n\r\n getComments() {\r\n this.props.getComments(this.props.issue.commentIds);\r\n }\r\n\r\n getViewpoints() {\r\n let vps = this.props.viewpoints\r\n .filter((v) => this.props.issue.viewpointIds.includes(v.id))\r\n .filter((v) => v.deleted === false);\r\n this.setState({ viewpoints: vps });\r\n }\r\n\r\n requestElementNames() {\r\n let ids = this.props.issue.linkedComponentsGlobalIds;\r\n ids = [...new Set(ids)];\r\n if (ids.length > 0) {\r\n window.GetElementNames(ids);\r\n }\r\n }\r\n\r\n registerElementNames(elemInfos) {\r\n const names = elemInfos.map((e) => {\r\n const jsValue = JSON.parse(e);\r\n return jsValue.name;\r\n });\r\n this.setState({ elements: names });\r\n }\r\n\r\n setActivity() {\r\n const activity = !this.getActivity();\r\n this.setState({ comboDeactivity: activity });\r\n }\r\n\r\n getActivity() {\r\n const { issue, user } = this.props;\r\n if (issue.issueStatus?.order === 4) {\r\n return this.isActionAllowed(\r\n roleAction.IssueManagement_StatusEditing_UnsetClosed\r\n );\r\n }\r\n\r\n if (this.isActionAllowed(roleAction.IssueManagement_StatusEditing))\r\n return true;\r\n\r\n if (\r\n issue.createAuthorId === user.id &&\r\n this.isActionAllowed(roleAction.IssueManagement_Creator_StatusEditing)\r\n )\r\n return true;\r\n\r\n if (\r\n issue.reviewerId === user.id &&\r\n this.isActionAllowed(roleAction.IssueManagement_Reviewer_StatusEditing)\r\n )\r\n return true;\r\n\r\n if (\r\n issue.assignedUserIds.includes(user.id) &&\r\n this.isActionAllowed(roleAction.IssueManagement_Assigned_StatusEditing)\r\n )\r\n return true;\r\n\r\n return false;\r\n }\r\n\r\n isActionAllowed(action) {\r\n const actions = getter.getRoleActions(this.props.project, this.props.user);\r\n if (actions) {\r\n const role = actions.find((r) => r.action === action);\r\n return role.isAllowed;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n setEditable() {\r\n const editable = !this.getEditable();\r\n this.setState({ editable: editable });\r\n }\r\n\r\n getEditable() {\r\n const { issue, user } = this.props;\r\n if (issue.issueStatus?.order === 4) return false;\r\n\r\n if (this.isActionAllowed(roleAction.IssueManagement_Editing)) return true;\r\n\r\n if (\r\n issue.createAuthorId === user.id &&\r\n this.isActionAllowed(roleAction.IssueManagement_Creator_Editing)\r\n )\r\n return true;\r\n\r\n if (\r\n issue.reviewerId === user.id &&\r\n this.isActionAllowed(roleAction.IssueManagement_Reviewer_Editing)\r\n )\r\n return true;\r\n\r\n if (\r\n issue.assignedUserIds.includes(user.id) &&\r\n this.isActionAllowed(roleAction.IssueManagement_Assigned_Editing)\r\n )\r\n return true;\r\n\r\n return false;\r\n }\r\n\r\n setCommentCreatable() {\r\n const creatable = !this.isActionAllowed(\r\n roleAction.IssueManagement_CreatingComments\r\n );\r\n this.setState({ isCommentCreatable: creatable });\r\n }\r\n\r\n handleGoBack = () => {\r\n this.props.onSetPage(pageState.ISSUELIST);\r\n };\r\n\r\n changeStatus = (status) => {\r\n if (this.props.issue.issueStatus.id === status.id) return;\r\n\r\n const issueDto = {\r\n Id: this.props.issue.id,\r\n StatusId: { value: status.id },\r\n };\r\n this.props.updateStatus([issueDto]);\r\n };\r\n\r\n changeComment = (e) => {\r\n this.setState({ comment: e.target.value });\r\n };\r\n\r\n sendComment = () => {\r\n if (this.state.comment) {\r\n const commentDto = {\r\n IssueId: { value: this.props.issue.id },\r\n Text: { value: this.state.comment },\r\n };\r\n this.props.sendComment([commentDto]);\r\n this.setState({ comment: \"\" });\r\n }\r\n };\r\n\r\n selectViewpoint = (vId) => {\r\n const viewpoint = this.state.viewpoints.find((v) => v.id === vId);\r\n if (viewpoint) {\r\n window.SelectViewpoint(this.makeApiViewpointData(viewpoint));\r\n }\r\n };\r\n\r\n makeApiViewpointData(viewpoint) {\r\n let apiVp = {};\r\n apiVp.cameraType = viewpoint.cameraType;\r\n apiVp.location = viewpoint.location;\r\n apiVp.direction = viewpoint.direction;\r\n apiVp.up = viewpoint.up;\r\n apiVp.cameraFactor = viewpoint.cameraFactor;\r\n apiVp.visibility = viewpoint.visibility;\r\n apiVp.selectedGlobalIds = viewpoint.visualStates\r\n ? viewpoint.visualStates.selectedGlobalIds\r\n : [];\r\n apiVp.visbilityExceptionGlobalIds = viewpoint.visualStates\r\n ? viewpoint.visualStates.visbilityExceptionGlobalIds\r\n : [];\r\n apiVp.sections = viewpoint.sections ? viewpoint.sections : [];\r\n\r\n return apiVp;\r\n }\r\n\r\n editIssue = () => {\r\n this.props.onSetPage(pageState.EDITISSUE);\r\n };\r\n\r\n handleDownloadDocument = async (docData) => {\r\n await apiService\r\n .downloadDocumentVersion([docData.versionId])\r\n .then((res) => {\r\n const blob = new Blob([res.data]);\r\n const url = URL.createObjectURL(blob);\r\n let link = document.createElement(\"a\");\r\n link.href = url;\r\n link.download = docData.document.name;\r\n link.click();\r\n URL.revokeObjectURL(url);\r\n })\r\n .catch((err) => {\r\n console.log(\"Can't download the document.\", err.message);\r\n });\r\n };\r\n\r\n handleClickComment = () => {\r\n this.setState({ isComment: true, historyImg: DeactHistoryImg });\r\n };\r\n\r\n handleClickHistory = () => {\r\n this.setState({ isComment: false, commentImg: DeactCommentImg });\r\n };\r\n\r\n handleSetCommentImg = (img) => {\r\n this.setState({ commentImg: img });\r\n };\r\n\r\n handleSetHistoryImg = (img) => {\r\n this.setState({ historyImg: img });\r\n };\r\n\r\n getStatuses() {\r\n return this.props.statuses.map((s) => {\r\n return { value: s, label: s.name };\r\n });\r\n }\r\n\r\n onClickTask = (e, task) => {\r\n this.props.openIssue(task);\r\n };\r\n\r\n renderComments() {\r\n return this.props.comments.map((comment) => {\r\n return (\r\n \r\n {users[log.userId]}\r\n {log.creationDate ? (\r\n \r\n {formatLocaleDate(new Date(log.creationDate))}\r\n \r\n ) : (\r\n <>\r\n )}\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n });\r\n }\r\n\r\n renderViewpoints() {\r\n return this.state.viewpoints.map((viewpoint) => {\r\n const imageId = viewpoint.thumbnailImageId || viewpoint.imageId;\r\n return (\r\n \r\n
\r\n {`${comment.createAuthor.firstName} ${comment.createAuthor.lastName}`}
\r\n {commentLocaleDate(comment.creationDate)}
\r\n {comment.text}
\r\n {e}
;\r\n });\r\n }\r\n\r\n renderDocuments() {\r\n return this.state.docVersions.map((e) => {\r\n return (\r\n \r\n {e.document.name}\r\n
\r\n {`${u.firstName} ${u.lastName}`}
;\r\n });\r\n }\r\n\r\n renderModels() {\r\n return this.props.issue.models.map((m) => {\r\n return {m}
;\r\n });\r\n }\r\n\r\n renderHistories() {\r\n const { project, disciplines, buildings, floors } = this.props;\r\n const users = {};\r\n\r\n project.userPreviews.forEach((u) => {\r\n users[u.id] = `${u.firstName} ${u.lastName}`;\r\n });\r\n\r\n return this.state.issueHistories.map((history) => {\r\n return (\r\n \r\n \r\n {`Send by ${mail.from}`}\r\n
\r\n );\r\n });\r\n }\r\n\r\n renderTasks(tasks) {\r\n return tasks.map((t) => {\r\n return (\r\n \r\n this.onClickTask(e, t)}\r\n >\r\n {t.title}\r\n \r\n
\r\n {!!t.dueDate && \r\n \r\n {getTypeSvg(t.issueType?.icon, t.issueType?.color)}\r\n
\r\n {`Due to ${dueDate(t.dueDate)}`}
}\r\n \r\n );\r\n });\r\n }\r\n\r\n render() {\r\n const lang = window.isGerman ? de : en;\r\n const { issue, comments, project } = this.props;\r\n const {\r\n comment,\r\n disciplines,\r\n viewpoints,\r\n elements,\r\n comboDeactivity,\r\n editable,\r\n isCommentCreatable,\r\n docVersions,\r\n buildings,\r\n floors,\r\n issueHistories,\r\n isComment,\r\n commentImg,\r\n historyImg,\r\n tags,\r\n workPhaseName,\r\n linkedMails,\r\n mainTasks,\r\n subTasks,\r\n } = this.state;\r\n const dueDate = `${lang[\"Due\"]} ${\r\n issue.dueDate ? localeDate(issue.dueDate) : \"\"\r\n }`;\r\n const startDate = `Start ${\r\n issue.startingDate ? localeDate(issue.startingDate) : \"\"\r\n }`;\r\n const statuses = this.getStatuses();\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n {lang[\"Issues\"]}
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n {lang[\"Back\"]}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {lang[\"EditIssue\"]}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {tags.length > 0 && this.renderTags()}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {`${issue.issueNumber} ${issue.title}`}
\r\n \r\n
\r\n \r\n \r\n {getTypeSvg(issue.issueType?.icon, issue.issueType?.color)}\r\n \r\n
\r\n \r\n \r\n {startDate}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {issue.assignedUsers && this.renderAssignedUsers()}
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {viewpoints && this.renderViewpoints()}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {elements && this.renderElements()}\r\n
\r\n \r\n \r\n \r\n \r\n {issue.models && this.renderModels()}\r\n \r\n \r\n
\r\n \r\n \r\n {docVersions && this.renderDocuments()}\r\n \r\n \r\n
\r\n \r\n \r\n {linkedMails && this.renderEmails()}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {this.renderTasks(mainTasks)}\r\n
\r\n \r\n \r\n {this.renderTasks(subTasks)}\r\n
\r\n \r\n \r\n
\r\n \r\n {isComment ? lang[\"Comments\"] : lang[\"Histories\"]}\r\n
\r\n \r\n {isComment ? (\r\n \r\n this.handleSetCommentImg(ActCommentImg)\r\n }\r\n onMouseLeave={() =>\r\n this.handleSetCommentImg(DeactCommentImg)\r\n }\r\n />\r\n )}\r\n {!isComment ? (\r\n 
\r\n ) : (\r\n \r\n this.handleSetHistoryImg(ActHistoryImg)\r\n }\r\n onMouseLeave={() =>\r\n this.handleSetHistoryImg(DeactHistoryImg)\r\n }\r\n />\r\n )}\r\n
\r\n \r\n {isComment && comments && this.renderComments()}\r\n {!isComment && issueHistories && this.renderHistories()}\r\n
\r\n \r\n \r\n \r\n {lang[\"Send\"]}\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n issue: state.detail.selectedIssue,\r\n comments: state.comment.comments,\r\n viewpoints: state.viewpoint.viewpoints,\r\n project: state.project.selectedProject,\r\n user: state.user.currentUser,\r\n disciplines: state.metaData.disciplines,\r\n buildings: state.metaData.buildings,\r\n floors: state.metaData.floors,\r\n statuses: state.issueDescriptor.statuses,\r\n types: state.issueDescriptor.types,\r\n priorities: state.issueDescriptor.priorities,\r\n emails: state.email.emails,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getComments: (ids) => {\r\n dispatch(detailActions.getComments(ids));\r\n },\r\n sendComment: (data) => {\r\n dispatch(detailActions.sendComment(data));\r\n },\r\n updateStatus: (data) => {\r\n dispatch(detailActions.updateStatus(data));\r\n },\r\n syncIssue: (id) => {\r\n dispatch(syncActions.syncIssue(id));\r\n },\r\n openIssue: (issue) => {\r\n dispatch(detailActions.selectedIssue(issue));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(IssueDetail);\r\n","import React, { createRef } from \"react\";\r\nimport moment from \"moment\";\r\nimport \"../../css/datePicker.scss\";\r\nimport img from \"../../assets/calendar.png\";\r\nimport en from \"../../assets/en.json\";\r\nimport de from \"../../assets/de.json\";\r\nimport { faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\nfunction getLocaleMonth(date) {\r\n return window.isGerman\r\n ? moment(date).locale(\"de\").format(\"MMMM YYYY\")\r\n : moment(date).locale(\"en\").format(\"MMMM YYYY\");\r\n}\r\n\r\nclass VisoDatePickerSelector extends React.Component {\r\n state = {\r\n tempValue: this.props.value,\r\n };\r\n\r\n clickPreviousMonth = () => {\r\n this.setState({\r\n tempValue: moment(this.state.tempValue).subtract(1, \"month\").toDate(),\r\n });\r\n };\r\n\r\n clickNextMonth = () => {\r\n this.setState({\r\n tempValue: moment(this.state.tempValue).add(1, \"month\").toDate(),\r\n });\r\n };\r\n\r\n clickDay = (e) => {\r\n let oldDate = this.state.tempValue;\r\n let dataDate = e.currentTarget.getAttribute(\"data-day\");\r\n let dataMonth = e.currentTarget.getAttribute(\"data-month\");\r\n let newDate = moment(oldDate).month(dataMonth).date(dataDate).toDate();\r\n\r\n this.setState({\r\n tempValue: newDate,\r\n });\r\n\r\n if (this.props.onChangeDate) this.props.onChangeDate(oldDate, newDate);\r\n\r\n if (this.props.hideSelector) this.props.hideSelector();\r\n };\r\n\r\n renderDaysInMonth() {\r\n let { value } = this.props;\r\n let selectedDate = moment(value);\r\n let selectedTempDate = moment(this.state.tempValue);\r\n let startDate = moment(this.state.tempValue).date(1);\r\n\r\n if (startDate.days() !== 0) startDate.subtract(startDate.days(), \"days\");\r\n\r\n let rows = [];\r\n\r\n for (var j = 0; j < 6; j++) {\r\n let row = [];\r\n\r\n for (var i = 0; i < 7; i++) {\r\n let className = \"datePickerSelectorTableDays\";\r\n\r\n if (startDate.month() !== selectedTempDate.month())\r\n className += \"NotInMonth\";\r\n else if (\r\n startDate.date() === selectedDate.date() &&\r\n startDate.month() === selectedDate.month()\r\n )\r\n className += \"Selected\";\r\n\r\n row.push(\r\n | \r\n | \r\n \r\n | \r\n |||||
| {locale ? \"So\" : \"Su\"} | \r\nMo | \r\n{locale ? \"Di\" : \"Tu\"} | \r\n{locale ? \"Mi\" : \"We\"} | \r\n{locale ? \"Do\" : \"Th\"} | \r\nFr | \r\nSa | \r\n
\r\n \r\n {this.props.value\r\n ? moment(this.props.value).format(\"DD/MM/YYYY\")\r\n : lang[\"SelectDate\"]}\r\n
\r\n \r\n {isClearable && !!this.props.value && (\r\n toggleSelector(e, true)}\r\n />\r\n )}\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nclass VisoDatePicker extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { isSelectorActive: false, top: 0 };\r\n this.elementRef = createRef();\r\n }\r\n\r\n onChangeDate = (oldDate, newDate) => {\r\n this.props.onChange(newDate);\r\n };\r\n\r\n onChangeShowSelector = (value) => {\r\n this.setState({\r\n isSelectorActive: value,\r\n });\r\n };\r\n\r\n toggleSelector = (e, del) => {\r\n if (del) {\r\n this.onChangeDate(undefined, \"\");\r\n } else {\r\n if (this.state.isSelectorActive) {\r\n this.setState({ isSelectorActive: false });\r\n } else {\r\n this.showSelector();\r\n }\r\n }\r\n };\r\n\r\n showSelector = () => {\r\n const labelHeight = this.elementRef.current.clientHeight;\r\n let ctop = labelHeight + 3;\r\n\r\n const parent = document.getElementsByClassName(\"filter_body\")[0];\r\n if (parent) {\r\n const { top } = this.elementRef.current.getBoundingClientRect();\r\n if (top > (parent.scrollHeight - parent.scrollTop) / 2) {\r\n ctop = -(labelHeight + 235);\r\n }\r\n }\r\n\r\n this.setState({ top: ctop, isSelectorActive: true });\r\n };\r\n\r\n hideSelector = () => {\r\n this.onChangeShowSelector(false);\r\n };\r\n\r\n render() {\r\n const { isSelectorActive, top } = this.state;\r\n let { value, isClearable } = this.props;\r\n let { onChangeDate, showSelector, hideSelector, toggleSelector } = this;\r\n let childProps = {\r\n value,\r\n isSelectorActive,\r\n onChangeDate,\r\n showSelector,\r\n hideSelector,\r\n toggleSelector,\r\n isClearable,\r\n top,\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default VisoDatePicker;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAn0lEQVQ4je3SOw4BURiG4QdjAXqJsA4dtQWomU4pdOxBqXZZgtWMxgK0CpdMjGTkTMFUCm918n//9+ac5FTiOJZjkh1XignyCC0s0UQnmw8K6+/5CYtUsMcBGwyzhW1QfZLPu9ilT7iijhsauOMcVJ/k8xou6Q2qmAarn1GLcuZSvATzkv1ZNRh9yV/wK4IjeiW6fSTpRxpjjfaXggSjB/AaGZLFK5MSAAAAAElFTkSuQmCC\"","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { filterActions, issuesActions } from \"../redux/actions\";\r\nimport { pageState } from \"./enums\";\r\nimport { converters } from \"./helper\";\r\nimport VisoSelect from \"./controls/viso_select\";\r\nimport VisoDatePicker from \"./controls/viso_datepicker\";\r\n//import { filterConstants } from \"../redux/constants\";\r\nimport en from \"../assets/en.json\";\r\nimport de from \"../assets/de.json\";\r\nimport \"../css/issueFilter.css\";\r\n\r\nclass IssueFilter extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n buildings: [],\r\n floors: [],\r\n disciplines: [],\r\n tags: [],\r\n workStages: [],\r\n sources: [],\r\n filterData: {},\r\n statuses: [],\r\n priorities: [],\r\n types: [],\r\n users: [],\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.project.id) {\r\n this.setFilterData();\r\n this.retrieveData();\r\n }\r\n }\r\n\r\n setFilterData() {\r\n const filterDto = this.props.filterData;\r\n const filterData = {\r\n createdFrom: undefined,\r\n createdTo: undefined,\r\n dueDateFrom: undefined,\r\n dueDateTo: undefined,\r\n startDateFrom: undefined,\r\n startDateTo: undefined,\r\n editDateFrom: undefined,\r\n editDateTo: undefined,\r\n status: [],\r\n priority: \"All\",\r\n source: \"All\",\r\n type: \"All\",\r\n building: \"All\",\r\n floor: \"All\",\r\n discipline: \"All\",\r\n workStage: \"All\",\r\n tag: \"All\",\r\n assigner: \"All\",\r\n reviewer: \"All\",\r\n creator: \"All\",\r\n editor: \"All\",\r\n };\r\n\r\n if (filterDto) {\r\n filterData.createdFrom = filterDto.creationDateAfter;\r\n filterData.createdTo = filterDto.creationDateBefore;\r\n filterData.dueDateFrom = filterDto.dueDateAfter;\r\n filterData.dueDateTo = filterDto.dueDateBefore;\r\n filterData.startDateFrom = filterDto.startDateAfter;\r\n filterData.startDateTo = filterDto.startDateBefore;\r\n filterData.editDateFrom = filterDto.editDateAfter;\r\n filterData.editDateTo = filterDto.editDateBefore;\r\n\r\n if (filterDto.statusIds && filterDto.statusIds.length)\r\n filterData.status = filterDto.statusIds;\r\n if (filterDto.priorityId) filterData.priority = filterDto.priorityId;\r\n if (filterDto.typeId) filterData.type = filterDto.typeId;\r\n if (filterDto.source) filterData.source = filterDto.source;\r\n if (filterDto.workPhaseId) filterData.workStage = filterDto.workPhaseId;\r\n if (filterDto.tagIds && filterDto.tagIds.length)\r\n filterData.tag = filterDto.tagIds[0];\r\n if (filterDto.buildingMetadataIds && filterDto.buildingMetadataIds.length)\r\n filterData.building = filterDto.buildingMetadataIds[0];\r\n if (filterDto.floorMetaDataIds && filterDto.floorMetaDataIds.length)\r\n filterData.floor = filterDto.floorMetaDataIds[0];\r\n if (\r\n filterDto.disciplineMetaDataIds &&\r\n filterDto.disciplineMetaDataIds.length\r\n )\r\n filterData.discipline = filterDto.disciplineMetaDataIds[0];\r\n if (filterDto.assignedUserIds && filterDto.assignedUserIds.length)\r\n filterData.assigner = filterDto.assignedUserIds[0];\r\n if (filterDto.createAuthorId)\r\n filterData.creator = filterDto.createAuthorId;\r\n if (filterDto.reviewerId) filterData.reviewer = filterDto.reviewerId;\r\n if (filterDto.editAuthorId) filterData.editor = filterDto.editAuthorId;\r\n }\r\n\r\n this.setState({ filterData });\r\n }\r\n\r\n retrieveData() {\r\n const { project, issues } = this.props;\r\n\r\n if (project) {\r\n const statuses = this.getStatusOptions();\r\n const priorities = this.getPriorityOptions();\r\n const types = this.getTypeOptions();\r\n const users = this.getUserOptions();\r\n\r\n this.setState({\r\n buildings: converters.getOptionsFromMetaData(\r\n this.props.buildings,\r\n true\r\n ),\r\n floors: converters.getOptionsFromMetaData(this.props.floors, true),\r\n disciplines: converters.getOptionsFromMetaData(\r\n this.props.disciplines,\r\n true\r\n ),\r\n tags: converters.getOptionsFromTag(this.props.project.tags, true),\r\n workStages: converters.getOptionsFromWorkphase(\r\n this.props.project.workPhases,\r\n true\r\n ),\r\n sources: getSources(),\r\n statuses,\r\n priorities,\r\n types,\r\n users,\r\n });\r\n }\r\n\r\n function getSources() {\r\n const lang = window.isGerman ? de : en;\r\n let sources = [{ value: \"All\", label: lang[\"All\"] }];\r\n\r\n if (issues) {\r\n sources = [...sources, ...getData()];\r\n }\r\n\r\n return sources;\r\n\r\n function getData() {\r\n let sources = issues\r\n .map((i) => {\r\n return i.source;\r\n })\r\n .filter((s) => s && s !== \"\");\r\n\r\n sources = [...new Set(sources)].map((s) => {\r\n return { value: s, label: s };\r\n });\r\n\r\n return sources;\r\n }\r\n }\r\n }\r\n\r\n getStatusOptions() {\r\n const statuses = this.props.statuses.map((s) => {\r\n return { value: s.id, label: s.name };\r\n });\r\n\r\n return statuses;\r\n }\r\n\r\n getPriorityOptions() {\r\n const lang = window.isGerman ? de : en;\r\n let options = [{ value: \"All\", label: lang[\"All\"] }];\r\n const priorities = this.props.priorities.map((s) => {\r\n return { value: s.id, label: s.name };\r\n });\r\n\r\n options = [...options, ...priorities];\r\n\r\n return options;\r\n }\r\n\r\n getTypeOptions() {\r\n const lang = window.isGerman ? de : en;\r\n let options = [{ value: \"All\", label: lang[\"All\"] }];\r\n const types = this.props.types.map((s) => {\r\n return { value: s.id, label: s.name };\r\n });\r\n\r\n options = [...options, ...types];\r\n\r\n return options;\r\n }\r\n\r\n getUserOptions() {\r\n const lang = window.isGerman ? de : en;\r\n let options = [{ value: \"All\", label: lang[\"All\"] }];\r\n const users = this.props.project.userPreviews.map((u) => {\r\n return { value: u.id, label: `${u.firstName} ${u.lastName}` };\r\n });\r\n\r\n options = [...options, ...users];\r\n\r\n return options;\r\n }\r\n\r\n handleGoBack = () => {\r\n this.props.onSetPage(pageState.ISSUELIST);\r\n };\r\n\r\n handleReset = () => {\r\n //if (this.props.filterData) this.props.resetFilter(this.props.filterData.id);\r\n this.props.resetFilter();\r\n this.props.onSetPage(pageState.ISSUELIST);\r\n };\r\n\r\n handleApply = () => {\r\n /*\r\n const persistDto = {};\r\n if (this.props.filterData) persistDto.id = this.props.filterData.id;\r\n persistDto.type = 1;\r\n persistDto.isPrivate = true;\r\n persistDto.projectId = this.props.project.id;\r\n persistDto.name = { value: filterConstants.FILTER_NAME };\r\n persistDto.query = { value: \"string\" };\r\n persistDto.uiFilterSettings = {\r\n value: { issueFilter: this.getIssueFilterSettings() },\r\n };\r\n\r\n this.props.applyFilter(persistDto);\r\n */\r\n\r\n this.props.applyFilter(this.getIssueFilterSettings());\r\n this.props.onSetPage(pageState.ISSUELIST);\r\n };\r\n\r\n getIssueFilterSettings() {\r\n const filterData = this.state.filterData;\r\n const issueFilter = {};\r\n issueFilter.creationDateAfter = filterData.createdFrom;\r\n issueFilter.creationDateBefore = filterData.createdTo;\r\n issueFilter.dueDateAfter = filterData.dueDateFrom;\r\n issueFilter.dueDateBefore = filterData.dueDateTo;\r\n issueFilter.startDateAfter = filterData.startDateFrom;\r\n issueFilter.startDateBefore = filterData.startDateTo;\r\n issueFilter.editDateAfter = filterData.editDateFrom;\r\n issueFilter.editDateBefore = filterData.editDateTo;\r\n if (filterData.status) issueFilter.statusIds = [...filterData.status];\r\n if (filterData.priority !== \"All\")\r\n issueFilter.priorityId = filterData.priority;\r\n if (filterData.source !== \"All\") issueFilter.source = filterData.source;\r\n if (filterData.type !== \"All\") issueFilter.typeId = filterData.type;\r\n if (filterData.workStage !== \"All\")\r\n issueFilter.workPhaseId = filterData.workStage;\r\n if (filterData.tag !== \"All\") issueFilter.tagIds = [filterData.tag];\r\n if (filterData.building !== \"All\")\r\n issueFilter.buildingMetadataIds = [filterData.building];\r\n if (filterData.floor !== \"All\")\r\n issueFilter.floorMetaDataIds = [filterData.floor];\r\n if (filterData.discipline !== \"All\")\r\n issueFilter.disciplineMetaDataIds = [filterData.discipline];\r\n if (filterData.assigner !== \"All\")\r\n issueFilter.assignedUserIds = [filterData.assigner];\r\n if (filterData.creator !== \"All\")\r\n issueFilter.createAuthorId = filterData.creator;\r\n if (filterData.reviewer !== \"All\")\r\n issueFilter.reviewerId = filterData.reviewer;\r\n if (filterData.editor !== \"All\")\r\n issueFilter.editAuthorId = filterData.editor;\r\n\r\n return issueFilter;\r\n }\r\n\r\n changeStatus = (status) => {\r\n let filterData = this.state.filterData;\r\n filterData.status = status;\r\n this.setState({ filterData: filterData });\r\n };\r\n\r\n changePriority = (priority) => {\r\n let filterData = this.state.filterData;\r\n filterData.priority = priority;\r\n this.setState({ filterData: filterData });\r\n };\r\n\r\n changeSource = (source) => {\r\n let filterData = this.state.filterData;\r\n filterData.source = source;\r\n this.setState({ filterData: filterData });\r\n };\r\n\r\n changeType = (type) => {\r\n let filterData = this.state.filterData;\r\n filterData.type = type;\r\n this.setState({ filterData: filterData });\r\n };\r\n\r\n changeBuilding = (building) => {\r\n let filterData = this.state.filterData;\r\n filterData.building = building;\r\n this.setState({ filterData: filterData });\r\n };\r\n\r\n changeFloor = (floor) => {\r\n let filterData = this.state.filterData;\r\n filterData.floor = floor;\r\n this.setState({ filterData: filterData });\r\n };\r\n\r\n changeDiscipline = (discipline) => {\r\n let filterData = this.state.filterData;\r\n filterData.discipline = discipline;\r\n this.setState({ filterData });\r\n };\r\n\r\n changeWorkStage = (workStage) => {\r\n let filterData = this.state.filterData;\r\n filterData.workStage = workStage;\r\n this.setState({ filterData });\r\n };\r\n\r\n changeTag = (tag) => {\r\n let filterData = this.state.filterData;\r\n filterData.tag = tag;\r\n this.setState({ filterData });\r\n };\r\n\r\n changeCreatedFrom = (date) => {\r\n let filterData = this.state.filterData;\r\n filterData.createdFrom = date;\r\n this.setState({ filterData: filterData });\r\n };\r\n\r\n changeCreatedTo = (date) => {\r\n let filterData = this.state.filterData;\r\n filterData.createdTo = date;\r\n this.setState({ filterData: filterData });\r\n };\r\n\r\n changeDueDateFrom = (date) => {\r\n let filterData = this.state.filterData;\r\n filterData.dueDateFrom = date;\r\n this.setState({ filterData: filterData });\r\n };\r\n\r\n changeDueDateTo = (date) => {\r\n let filterData = this.state.filterData;\r\n filterData.dueDateTo = date;\r\n this.setState({ filterData: filterData });\r\n };\r\n\r\n changeStartDateFrom = (date) => {\r\n let filterData = this.state.filterData;\r\n filterData.startDateFrom = date;\r\n this.setState({ filterData });\r\n };\r\n\r\n changeStartDateTo = (date) => {\r\n let filterData = this.state.filterData;\r\n filterData.startDateTo = date;\r\n this.setState({ filterData });\r\n };\r\n\r\n changeEditDateFrom = (date) => {\r\n let filterData = this.state.filterData;\r\n filterData.editDateFrom = date;\r\n this.setState({ filterData });\r\n };\r\n\r\n changeEditDateTo = (date) => {\r\n let filterData = this.state.filterData;\r\n filterData.editDateTo = date;\r\n this.setState({ filterData });\r\n };\r\n\r\n changeCreator = (creator) => {\r\n let filterData = this.state.filterData;\r\n filterData.creator = creator;\r\n this.setState({ filterData });\r\n };\r\n\r\n changeReviewer = (reviewer) => {\r\n let filterData = this.state.filterData;\r\n filterData.reviewer = reviewer;\r\n this.setState({ filterData });\r\n };\r\n\r\n changeAssigner = (assigner) => {\r\n let filterData = this.state.filterData;\r\n filterData.assigner = assigner;\r\n this.setState({ filterData });\r\n };\r\n\r\n changeEditor = (editor) => {\r\n let filterData = this.state.filterData;\r\n filterData.editor = editor;\r\n this.setState({ filterData });\r\n };\r\n\r\n render() {\r\n const lang = window.isGerman ? de : en;\r\n const {\r\n buildings,\r\n floors,\r\n disciplines,\r\n tags,\r\n workStages,\r\n sources,\r\n filterData,\r\n statuses,\r\n priorities,\r\n types,\r\n users,\r\n } = this.state;\r\n const { project } = this.props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n project: state.project.selectedProject,\r\n issues: state.issues.issues,\r\n filterData: state.filter.filterData,\r\n buildings: state.metaData.buildings,\r\n floors: state.metaData.floors,\r\n disciplines: state.metaData.disciplines,\r\n statuses: state.issueDescriptor.statuses,\r\n priorities: state.issueDescriptor.priorities,\r\n types: state.issueDescriptor.types,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n resetFilter: (id) => {\r\n dispatch(filterActions.resetFilter(id));\r\n },\r\n applyFilter: (data) => {\r\n dispatch(filterActions.applyFilter(data));\r\n },\r\n resetOwner: () => {\r\n dispatch(issuesActions.resetOwner());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(IssueFilter);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { converters, getter } from \"./helper\";\r\nimport { editResult, issueVisibility, pageState } from \"./enums\";\r\nimport { editIssueActions, viewpointActions } from \"../redux/actions\";\r\nimport { Select, Divider } from \"antd\";\r\nimport VisoSelect from \"./controls/viso_select\";\r\nimport VisoDatePicker from \"./controls/viso_datepicker\";\r\nimport { CaretDownFilled } from \"@ant-design/icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport Image from \"./controls/image\";\r\nimport en from \"../assets/en.json\";\r\nimport de from \"../assets/de.json\";\r\nimport \"../css/issueEdit.css\";\r\n\r\nconst { Option } = Select;\r\n\r\nclass IssueEdit extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isNew: true,\r\n title: \"\",\r\n users: [],\r\n assign: [],\r\n reviewer: \"\",\r\n assigners: [],\r\n disciplines: [],\r\n discipline: [],\r\n buildings: [],\r\n building: \"\",\r\n floors: [],\r\n floor: \"\",\r\n priority: \"\",\r\n type: \"\",\r\n dueDate: Date.now(),\r\n description: \"\",\r\n elements: [],\r\n viewpoints: [],\r\n addComponent: false,\r\n deletingViewpoints: [],\r\n isEmptyTitle: false,\r\n isEmptyDesc: false,\r\n isEmptyAssigners: false,\r\n tempViewpoint: {},\r\n startDate: Date.now(),\r\n workStages: [],\r\n workPhase: \"\",\r\n tags: [],\r\n issueTags: [],\r\n visibilities: [],\r\n visibility: undefined,\r\n roleDefinitions: [],\r\n priorities: [],\r\n types: [],\r\n };\r\n this.handleCancle = this.handleCancel.bind(this);\r\n this.handleSave = this.handleSave.bind(this);\r\n this.handleChangeTitle = this.handleChangeTitle.bind(this);\r\n this.handleChangeAssigner = this.handleChangeAssigner.bind(this);\r\n this.handleChangeReviewer = this.handleChangeReviewer.bind(this);\r\n this.handleChangeDiscipline = this.handleChangeDiscipline.bind(this);\r\n this.handleChangePriority = this.handleChangePriority.bind(this);\r\n this.handleChangeType = this.handleChangeType.bind(this);\r\n this.handleChangeDueDate = this.handleChangeDueDate.bind(this);\r\n this.handleChangeDesc = this.handleChangeDesc.bind(this);\r\n this.handleAddComponent = this.handleAddComponent.bind(this);\r\n this.handleAddViewpoint = this.handleAddViewpoint.bind(this);\r\n this.handleDeleteViewpoint = this.handleDeleteViewpoint.bind(this);\r\n this.handleChangeBuilding = this.handleChangeBuilding.bind(this);\r\n this.handleChangeFloor = this.handleChangeFloor.bind(this);\r\n window.IssueEdit = this;\r\n }\r\n\r\n componentDidMount() {\r\n this.initialize();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.invokeAddComponent(false);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.snapshotFlag === true && prevProps.snapshotFlag === false) {\r\n this.insertViewpoints();\r\n }\r\n\r\n if (this.props.editResult !== prevProps.editResult) {\r\n this.setPageState(this.props.editResult);\r\n }\r\n }\r\n\r\n initialize() {\r\n const priorities = this.getPriorityOptions();\r\n const types = this.getTypeOptions();\r\n const lang = window.isGerman ? de : en;\r\n const issue = this.props.selectedIssue;\r\n const isNew = issue === undefined;\r\n const title = isNew ? `${lang[\"NewIssue\"]}` : issue.title;\r\n const users = this.getUserOptions();\r\n const assigners = isNew ? [] : issue.assignedUserIds;\r\n const reviewer = issue?.reviewerId;\r\n const disciplines = converters.getOptionsFromMetaData(\r\n this.props.disciplines\r\n );\r\n const discipline = isNew ? [] : issue.disciplineMetaDataIds;\r\n const buildings = converters.getOptionsFromMetaData(this.props.buildings);\r\n const building = isNew\r\n ? undefined\r\n : issue.buildingMetaDataIds.length\r\n ? issue.buildingMetaDataIds[0]\r\n : undefined;\r\n const floors = converters.getOptionsFromMetaData(this.props.floors);\r\n const floor = isNew\r\n ? undefined\r\n : issue.floorMetaDataIds.length\r\n ? issue.floorMetaDataIds[0]\r\n : undefined;\r\n const priority = isNew\r\n ? this.props.priorities.find((p) => p.originalName === \"Normal\")?.id\r\n : issue.issuePriority?.id;\r\n const type = isNew\r\n ? this.props.types.find((t) => t.originalName === \"Issue\")?.id\r\n : issue.issueType?.id;\r\n const description = isNew ? \"\" : issue.description;\r\n const dueDate = isNew ? \"\" : issue.dueDate;\r\n const startDate = isNew ? \"\" : issue.startingDate;\r\n const workStages = converters.getOptionsFromWorkphase(\r\n this.props.project.workPhases\r\n );\r\n const workPhase = isNew ? undefined : issue.workPhaseId;\r\n const tags = converters.getOptionsFromTag(this.props.project.tags);\r\n const issueTags = isNew ? [] : issue.tagIds;\r\n\r\n let visibilities = converters.getOptionsFromEnum(issueVisibility);\r\n visibilities.splice(2, 1); // Remove restricted\r\n\r\n if (!isNew) {\r\n if (issue.visibility !== issueVisibility.PRIVATE.value) {\r\n const index = visibilities\r\n .map((v) => v.value)\r\n .indexOf(issueVisibility.PRIVATE.value);\r\n if (index > -1) {\r\n visibilities.splice(index, 1);\r\n }\r\n }\r\n }\r\n\r\n let roleDefinitions = this.props.project.collaboratorRoleDefinitions\r\n .filter((r) => hasAllowedRole(r.actions))\r\n .map((r) => {\r\n return {\r\n value: r.id,\r\n label: r.name,\r\n checked: isNew\r\n ? false\r\n : issue.visibility === issueVisibility.RESTRICTED.value\r\n ? issue.allowedRoles.includes(r.id)\r\n : false,\r\n };\r\n });\r\n\r\n const visibility = isNew\r\n ? issueVisibility.PUBLIC.value\r\n : issue.visibility === issueVisibility.RESTRICTED.value\r\n ? issueVisibility.RESTRICTED.label\r\n : issue.visibility;\r\n\r\n this.setState({\r\n isNew,\r\n title,\r\n users,\r\n assigners,\r\n reviewer,\r\n startDate,\r\n disciplines,\r\n discipline,\r\n buildings,\r\n building,\r\n floors,\r\n floor,\r\n priorities,\r\n types,\r\n priority,\r\n type,\r\n description,\r\n dueDate,\r\n workStages,\r\n workPhase,\r\n tags,\r\n issueTags,\r\n visibilities,\r\n roleDefinitions,\r\n visibility,\r\n });\r\n\r\n if (!isNew) {\r\n this.getViewpoints();\r\n this.requestElementNames();\r\n }\r\n\r\n function hasAllowedRole(roles) {\r\n for (let i = 0, n = roles.length; i < n; i++) {\r\n if (!!roles[i].isAllowed) return true;\r\n }\r\n return false;\r\n }\r\n }\r\n\r\n getPriorityOptions() {\r\n return this.props.priorities.map((s) => {\r\n return { value: s.id, label: s.name };\r\n });\r\n }\r\n\r\n getTypeOptions() {\r\n return this.props.types.map((s) => {\r\n return { value: s.id, label: s.name };\r\n });\r\n }\r\n\r\n setPageState(result) {\r\n if (this.state.isNew) {\r\n if (result === editResult.SUCCESS) {\r\n this.props.onSetPage(pageState.DETAILISSUE);\r\n } else {\r\n this.props.onSetPage(pageState.ISSUELIST);\r\n }\r\n } else {\r\n this.props.onSetPage(pageState.DETAILISSUE);\r\n }\r\n\r\n this.props.resetPageState();\r\n\r\n const lang = window.isGerman ? de : en;\r\n let message = \"\";\r\n if (this.state.isNew) {\r\n message =\r\n result === editResult.SUCCESS\r\n ? lang[\"CreateSucceed\"]\r\n : lang[\"CreateFailed\"];\r\n } else {\r\n message =\r\n result === editResult.SUCCESS\r\n ? lang[\"UpdateSucceed\"]\r\n : lang[\"UpdateFailed\"];\r\n }\r\n\r\n window.AlertAPI(message);\r\n }\r\n\r\n requestElementNames() {\r\n let ids = this.props.selectedIssue.linkedComponentsGlobalIds;\r\n ids = [...new Set(ids)];\r\n if (ids.length > 0) {\r\n window.GetElementNames(ids, false);\r\n }\r\n }\r\n\r\n registerElementNames(elemInfos) {\r\n const elements = elemInfos.map((e) => {\r\n const jsObject = JSON.parse(e);\r\n return jsObject;\r\n });\r\n this.setState({ elements: elements });\r\n }\r\n\r\n getViewpoints() {\r\n let vps = this.props.viewpoints\r\n .filter((v) => v.issueId === this.props.selectedIssue.id)\r\n .filter((v) => v.deleted === false);\r\n this.setState({ viewpoints: vps });\r\n }\r\n\r\n getUserOptions() {\r\n return this.props.project.userPreviews.map((u) => {\r\n return { value: u.id, label: `${u.firstName} ${u.lastName}` };\r\n });\r\n }\r\n\r\n handleChangeAssigner(assigners) {\r\n this.setState({ assigners: assigners });\r\n }\r\n\r\n handleChangeTags = (issueTags) => {\r\n this.setState({ issueTags });\r\n };\r\n\r\n handleChangeReviewer(reviewer) {\r\n this.setState({ reviewer: reviewer });\r\n }\r\n\r\n handleChangeDiscipline(discipline) {\r\n this.setState({ discipline: discipline });\r\n }\r\n\r\n handleChangeBuilding(building) {\r\n this.setState({ building: building });\r\n }\r\n\r\n handleChangeFloor(floor) {\r\n this.setState({ floor: floor });\r\n }\r\n\r\n handleChangePriority(priority) {\r\n this.setState({ priority: priority });\r\n }\r\n\r\n handleChangeType(type) {\r\n this.setState({ type: type });\r\n }\r\n\r\n handleChangeDueDate(date) {\r\n this.setState({ dueDate: date });\r\n }\r\n\r\n handleChangeStartDate = (date) => {\r\n this.setState({ startDate: date });\r\n };\r\n\r\n handleChangeWorkStage = (workPhase) => {\r\n this.setState({ workPhase });\r\n };\r\n\r\n handleChangeDesc(e) {\r\n e.preventDefault();\r\n this.setState({ description: e.target.value.trim() });\r\n }\r\n\r\n handleChangeTitle(e) {\r\n e.preventDefault();\r\n this.setState({ title: e.target.value.trim() });\r\n }\r\n\r\n handleCancel(e) {\r\n e.preventDefault();\r\n if (this.state.isNew) {\r\n this.props.onSetPage(pageState.ISSUELIST);\r\n } else {\r\n this.props.onSetPage(pageState.DETAILISSUE);\r\n }\r\n }\r\n\r\n handleDeleteViewpoint(imageId) {\r\n let { viewpoints, deletingViewpoints } = this.state;\r\n const vpIndex = viewpoints.findIndex((v) => v.imageId === imageId);\r\n if (vpIndex > -1) {\r\n const viewpoint = viewpoints[vpIndex];\r\n if (viewpoint.id) {\r\n deletingViewpoints = [...deletingViewpoints, viewpoint];\r\n this.setState({ deletingViewpoints: deletingViewpoints });\r\n }\r\n\r\n viewpoints.splice(vpIndex, 1);\r\n this.setState({ viewpoints: viewpoints });\r\n }\r\n }\r\n\r\n handleAddComponent(e) {\r\n e.preventDefault();\r\n const adding = !this.state.addComponent;\r\n this.invokeAddComponent(adding);\r\n }\r\n\r\n invokeAddComponent(flag) {\r\n window.AddComponent(flag);\r\n this.setState({ addComponent: flag });\r\n }\r\n\r\n AddComponents(components) {\r\n const elements = components.map((c) => {\r\n return JSON.parse(c);\r\n });\r\n\r\n this.setState({ elements: elements });\r\n }\r\n\r\n handleAddViewpoint(e) {\r\n e.preventDefault();\r\n const data = {\r\n token: getter.getTokenBearer(),\r\n projectId: this.props.project.id,\r\n };\r\n window.AddViewpoint(JSON.stringify(data));\r\n }\r\n\r\n AddViewpoint(vpString) {\r\n if (vpString) {\r\n try {\r\n const viewpoint = JSON.parse(vpString);\r\n this.setState({ tempViewpoint: viewpoint });\r\n if (viewpoint.imageId !== \"\") {\r\n this.props.postImage(viewpoint.imageId);\r\n }\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n }\r\n\r\n insertViewpoints() {\r\n let viewpoint = this.state.tempViewpoint;\r\n if (viewpoint && viewpoint.imageId) {\r\n viewpoint.snapshotId = this.props.snapshotId;\r\n let viewpoints = this.state.viewpoints;\r\n viewpoints = [...viewpoints, viewpoint];\r\n this.props.clearSnapshot();\r\n this.setState({ viewpoints: viewpoints, tempViewpoint: {} });\r\n }\r\n }\r\n\r\n handleSave(e) {\r\n e.preventDefault();\r\n\r\n if (this.checkSavable()) return;\r\n\r\n const persistIssueDto = this.getPeristIssueDto();\r\n const persistViewpointDtos = this.getPersistViewpointDtos();\r\n if (this.state.isNew) {\r\n this.props.createIssue([persistIssueDto], persistViewpointDtos);\r\n } else {\r\n const deletedIds = this.state.deletingViewpoints.map((v) => {\r\n return v.id;\r\n });\r\n\r\n this.props.updateIssue(\r\n [persistIssueDto],\r\n deletedIds,\r\n persistViewpointDtos\r\n );\r\n }\r\n }\r\n\r\n getPersistViewpointDtos() {\r\n return this.state.viewpoints\r\n .filter((v) => !v.id || v.id === \"\")\r\n .map((newVp) => {\r\n return this.generatePersistViewpoint(newVp);\r\n });\r\n }\r\n\r\n generatePersistViewpoint(newVp) {\r\n let persistViewpointDto = {};\r\n if (!this.state.isNew) {\r\n persistViewpointDto.IssueId = { value: this.props.selectedIssue.id };\r\n }\r\n persistViewpointDto.ProjectId = { value: this.props.project.id };\r\n persistViewpointDto.ImageId = { value: newVp.snapshotId };\r\n persistViewpointDto.ImageName = { value: `${newVp.snapshotId}.png` };\r\n persistViewpointDto.Index = { value: 0 };\r\n persistViewpointDto.CreatingTool = { value: newVp.creatingTool };\r\n persistViewpointDto.CameraType = { value: newVp.cameraType };\r\n persistViewpointDto.Location = { value: newVp.location };\r\n persistViewpointDto.Direction = { value: newVp.direction };\r\n persistViewpointDto.Up = { value: newVp.up };\r\n persistViewpointDto.CameraFactor = { value: newVp.cameraFactor };\r\n\r\n // visibility\r\n const visibility = newVp.visibility === 1 ? true : false;\r\n persistViewpointDto.Visibility = { value: visibility };\r\n // visual states\r\n let visualStates = {};\r\n visualStates.SelectedGlobalIds = newVp.selectedGlobalIds.map((i) => {\r\n return i.ifcGuid;\r\n });\r\n visualStates.ColorGroups = []; // Can't set and get a color of element in Archicad.\r\n visualStates.TransparentGlobalIds = [];\r\n visualStates.VisbilityExceptionGlobalIds =\r\n newVp.visbilityExceptionGlobalIds.map((i) => {\r\n return i.ifcGuid;\r\n });\r\n\r\n persistViewpointDto.VisualStates = { value: visualStates };\r\n\r\n // Sections\r\n if (newVp.sections)\r\n persistViewpointDto.sections = { value: newVp.sections };\r\n\r\n return persistViewpointDto;\r\n }\r\n\r\n getPeristIssueDto() {\r\n const issue = this.props.selectedIssue;\r\n const isNew = this.state.isNew;\r\n\r\n let persistIssueDto = {};\r\n if (!isNew) persistIssueDto.Id = issue.id;\r\n else {\r\n persistIssueDto.ProjectId = { value: this.props.project.id };\r\n persistIssueDto.Source = { value: \"Archicad\" };\r\n\r\n const st = this.props.statuses.find((s) => s.originalName === \"Open\");\r\n if (st) {\r\n persistIssueDto.StatusId = { value: st.id };\r\n }\r\n }\r\n persistIssueDto.Title = { value: this.state.title };\r\n persistIssueDto.Description = { value: this.state.description };\r\n const dueDate = !!this.state.dueDate ? this.state.dueDate : null;\r\n persistIssueDto.DueDate = { value: dueDate };\r\n // assinged user ids\r\n persistIssueDto.AssignedUserIds = { value: this.state.assigners };\r\n\r\n // reviewer id\r\n const reviewer = !!this.state.reviewer ? this.state.reviewer : null;\r\n persistIssueDto.ReviewerId = { value: reviewer };\r\n\r\n // type\r\n if (this.state.type) persistIssueDto.TypeId = { value: this.state.type };\r\n\r\n // priority\r\n if (this.state.priority)\r\n persistIssueDto.PriorityId = { value: this.state.priority };\r\n\r\n // linked component ids\r\n const componentIds = this.state.elements.map((e) => {\r\n return e.ifcGuid;\r\n });\r\n persistIssueDto.LinkedComponentsGlobalIds = { value: componentIds };\r\n\r\n // disciplines\r\n persistIssueDto.disciplines = { value: this.state.discipline };\r\n\r\n // Buildings\r\n if (this.state.building) {\r\n let buildings = [this.state.building];\r\n if (!isNew) {\r\n buildings = [...buildings, ...issue.buildingMetaDataIds];\r\n buildings = [...new Set(buildings)];\r\n }\r\n persistIssueDto.buildings = { value: buildings };\r\n }\r\n\r\n // Floors\r\n if (this.state.floor) {\r\n let floors = [this.state.floor];\r\n if (!isNew) {\r\n floors = [...floors, ...issue.floorMetaDataIds];\r\n floors = [...new Set(floors)];\r\n }\r\n persistIssueDto.floors = { value: floors };\r\n }\r\n\r\n // StartDate\r\n const startDate = !!this.state.startDate ? this.state.startDate : null;\r\n persistIssueDto.StartingDate = { value: startDate };\r\n\r\n // Workphase\r\n if (this.state.workPhase)\r\n persistIssueDto.workPhaseId = { value: this.state.workPhase };\r\n\r\n // TagIds\r\n persistIssueDto.tagIds = { value: this.state.issueTags };\r\n\r\n // Visibility\r\n if (this.state.visibility !== undefined) {\r\n if (this.state.visibility === issueVisibility.RESTRICTED.label) {\r\n persistIssueDto.visibility = {\r\n value: issueVisibility.RESTRICTED.value,\r\n };\r\n persistIssueDto.allowedRoles = {\r\n value: this.state.roleDefinitions\r\n .filter((r) => r.checked)\r\n .map((r) => r.value),\r\n };\r\n } else {\r\n persistIssueDto.visibility = { value: this.state.visibility };\r\n }\r\n }\r\n\r\n return persistIssueDto;\r\n }\r\n\r\n checkSavable() {\r\n const { title, description, startDate, dueDate } = this.state;\r\n const isEmptyTitle = !title || title === \"\";\r\n const isEmptyDesc = !description || description === \"\";\r\n // const isEmptyAssigners = assigners.length === 0;\r\n this.setState({ isEmptyTitle, isEmptyDesc });\r\n\r\n if (!!startDate && !!dueDate) {\r\n const start = Date.parse(startDate);\r\n const due = Date.parse(dueDate);\r\n if (start > due) {\r\n const lang = window.isGerman ? de : en;\r\n window.AlertAPI(lang[\"StartDateCheck\"]);\r\n\r\n return true;\r\n }\r\n }\r\n\r\n return isEmptyTitle | isEmptyDesc;\r\n }\r\n\r\n checkBoxChanged = (id) => {\r\n let { roleDefinitions, visibility } = this.state;\r\n\r\n roleDefinitions = roleDefinitions.map((r) => {\r\n if (r.value === id) {\r\n return { ...r, checked: !r.checked };\r\n }\r\n\r\n return r;\r\n });\r\n\r\n const lang = window.isGerman ? de : en;\r\n visibility =\r\n roleDefinitions.findIndex((r) => r.checked) === -1\r\n ? issueVisibility.PUBLIC.value\r\n : lang[issueVisibility.RESTRICTED.label];\r\n\r\n this.setState({ roleDefinitions, visibility });\r\n };\r\n\r\n onChangeVisibility = (visibility) => {\r\n const roleDefinitions = this.state.roleDefinitions.map((r) => {\r\n return { ...r, checked: false };\r\n });\r\n\r\n this.setState({ visibility, roleDefinitions });\r\n };\r\n\r\n onDeleteComponent = (e, guid) => {\r\n const elements = [...this.state.elements];\r\n const index = elements.findIndex((e) => e.ifcGuid === guid);\r\n if (index > -1) {\r\n elements.splice(index, 1);\r\n }\r\n\r\n this.setState({ elements });\r\n };\r\n\r\n renderElements() {\r\n return this.state.elements.map((element) => {\r\n return (\r\n \r\n
\r\n {lang[\"Issues\"]}
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n {lang[\"Back\"]}\r\n \r\n
\r\n {lang[\"Filter\"]}
\r\n \r\n
\r\n \r\n
\r\n {lang[\"Date\"]}
\r\n \r\n {lang[\"DateCreated\"]}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {lang[\"StartDate\"]}
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {lang[\"DueDate\"]}
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {lang[\"Issue\"]}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {priorities && (\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Detail
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {lang[\"Edit\"]}
\r\n {lang[\"EditDate\"]}
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {lang[\"ResetFilter\"]}\r\n \r\n \r\n {lang[\"ApplyFilter\"]}\r\n \r\n
\r\n \r\n this.onDeleteComponent(e, element.ifcGuid)}\r\n />\r\n )}\r\n
\r\n );\r\n });\r\n }\r\n\r\n renderViewpoints() {\r\n return this.state.viewpoints.map((viewpoint) => {\r\n const imageId = viewpoint.thumbnailImageId || viewpoint.imageId;\r\n return (\r\n {element.name}
\r\n {!this.state.addComponent && (\r\n \r\n
\r\n \r\n
\r\n {isNew ? lang[\"NewIssue\"] : lang[\"EditIssue\"]}
\r\n\r\n \r\n {lang[\"Name\"]}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {lang[\"AssignWorker\"]}\r\n \r\n \r\n \r\n {\r\n \r\n }\r\n \r\n {\r\n \r\n }\r\n \r\n {\r\n \r\n }\r\n \r\n {\r\n \r\n )}\r\n \r\n {types && (\r\n \r\n )}\r\n \r\n \r\n {viewpoints && this.renderViewpoints()}\r\n
\r\n \r\n {menu}\r\n
\r\n )}\r\n >\r\n {visibilities.map((v) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n {elements && this.renderElements()}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n project: state.project.selectedProject,\r\n selectedIssue: state.detail.selectedIssue,\r\n viewpoints: state.viewpoint.viewpoints,\r\n user: state.user.currentUser,\r\n snapshotFlag: state.viewpoint.snapshotFlag,\r\n snapshotId: state.viewpoint.snapshotId,\r\n disciplines: state.metaData.disciplines,\r\n buildings: state.metaData.buildings,\r\n floors: state.metaData.floors,\r\n editResult: state.editReport.result,\r\n priorities: state.issueDescriptor.priorities,\r\n statuses: state.issueDescriptor.statuses,\r\n types: state.issueDescriptor.types,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n postImage: (imageId) => {\r\n dispatch(viewpointActions.postImage(imageId));\r\n },\r\n clearSnapshot: () => {\r\n dispatch(viewpointActions.clearSnapshot());\r\n },\r\n createIssue: (issue, viewpoints) => {\r\n dispatch(editIssueActions.createIssue(issue, viewpoints));\r\n },\r\n updateIssue: (issue, deletedIds, viewpoints) => {\r\n dispatch(editIssueActions.updateIssue(issue, deletedIds, viewpoints));\r\n },\r\n resetPageState: () => {\r\n dispatch(editIssueActions.resetPageState());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(IssueEdit);\r\n","export default __webpack_public_path__ + \"static/media/check.eb1a1e10.svg\";","import React, { createRef } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport {\r\n faCaretDown,\r\n faCaretUp,\r\n faTimes,\r\n faTimesCircle,\r\n} from \"@fortawesome/free-solid-svg-icons\";\r\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\r\nimport Moment from \"moment\";\r\nimport CheckImg from \"../assets/check.svg\";\r\nimport { converters, getter } from \"./helper\";\r\nimport { exportType, roleAction } from \"./enums\";\r\nimport VisoSelect from \"./controls/viso_select\";\r\nimport { apiService } from \"../services\";\r\nimport { TreeSelect } from \"antd\";\r\nimport { CaretDownFilled } from \"@ant-design/icons\";\r\nimport en from \"../assets/en.json\";\r\nimport de from \"../assets/de.json\";\r\nimport \"../css/exportOther.css\";\r\nimport \"antd/dist/antd.css\";\r\nimport CreateNameSelect from \"./controls/CreateNameSelect\";\r\nimport { Backdrop, CircularProgress } from \"@material-ui/core\";\r\n\r\nlibrary.add(faCaretDown, faCaretUp, faTimes, faTimesCircle);\r\nconst fileFormats = converters.getOptionsFromEnum(exportType);\r\n\r\nclass ExportOther extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isCreated: false,\r\n isHover: false,\r\n exportFormat: exportType.DWG.value,\r\n docDatas: [],\r\n folder: undefined,\r\n treeData: [],\r\n docNames: [],\r\n docName: undefined,\r\n exportHistories: [],\r\n checkResult: undefined,\r\n isExportEnable: false,\r\n isExporting: false,\r\n };\r\n\r\n this.nameRef = createRef();\r\n window.exportOther = this;\r\n }\r\n\r\n componentDidMount() {\r\n this.initialize();\r\n this.requestExportHistory();\r\n // #TODO use signalR or find other solution.\r\n // this.timerId = setInterval(() => {\r\n // this.initialize();\r\n // }, 60000);\r\n }\r\n\r\n componentWillUnmount() {\r\n // #TODO use signalR or find other solution.\r\n // clearInterval(this.timerId);\r\n\r\n if (this.state.exportHistories.length) {\r\n window.saveExportHistory({\r\n projectId: this.props.project.id,\r\n data: JSON.stringify(this.state.exportHistories),\r\n isModel: false,\r\n });\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (!!this.state.folder && prevState.folder !== this.state.folder) {\r\n this.getFileNamesInFolder(this.state.folder);\r\n }\r\n }\r\n\r\n requestExportHistory() {\r\n window.requestExportHistory({\r\n projectId: this.props.project.id,\r\n model: false,\r\n });\r\n }\r\n\r\n registerExportHistory(data) {\r\n if (!!data) {\r\n const histories = JSON.parse(data);\r\n if (!!histories) {\r\n this.setState({ exportHistories: histories });\r\n }\r\n }\r\n }\r\n\r\n async initialize() {\r\n await this.getFolderData();\r\n }\r\n\r\n async getFolderData() {\r\n await apiService\r\n .getFolderData(this.props.project.id)\r\n .then((folderData) => {\r\n if (folderData.data) {\r\n this.getTreeData(folderData.data.folders);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n }\r\n\r\n getFileNamesInFolder(folderId) {\r\n const endpoint = `documentVersion/project/${this.props.project.id}?filter=folderId eq '${folderId}'`;\r\n apiService\r\n .postData(endpoint, { documentQuery: \"\" })\r\n .then((res) => {\r\n let names = res.data.map((d) =>\r\n d.name.split(\".\").slice(0, -1).join(\".\")\r\n );\r\n names = [...new Set(names)];\r\n const docNames = names.map((n) => {\r\n return { value: n, label: n };\r\n });\r\n const docName = docNames.length ? docNames[0].value : undefined;\r\n this.setState({ docNames, docName });\r\n })\r\n .catch((err) => {\r\n console.log(err.message);\r\n });\r\n }\r\n\r\n handleMouseEnter = () => {\r\n this.setState({ isHover: true });\r\n };\r\n\r\n handleMouseLeave = () => {\r\n this.setState({ isHover: false });\r\n };\r\n\r\n handleDelete = () => {\r\n this.setState({ isCreated: false });\r\n };\r\n\r\n handleCreate = () => {\r\n if (this.state.isCreated === false) {\r\n window.Create2dPlan(this.state.exportFormat);\r\n }\r\n };\r\n\r\n async checkRoleAction() {\r\n const projects = await apiService.getArrayData(\"project\", [\r\n this.props.project.id,\r\n ]);\r\n if (!projects || projects.length === 0) return false;\r\n const project = projects[0];\r\n const roleActions = getter.getRoleActions(project, this.props.user);\r\n if (!roleActions) return false;\r\n\r\n return getter.isActionAllowed(roleActions, roleAction.Document_Upload);\r\n }\r\n\r\n async canExport() {\r\n const isActionAllowed = await this.checkRoleAction();\r\n if (!isActionAllowed) {\r\n const lang = window.isGerman ? de : en;\r\n window.AlertAPI(lang[\"CantExportDocument\"]);\r\n }\r\n return isActionAllowed;\r\n }\r\n\r\n handleExport = async () => {\r\n const isActionAllowed = await this.canExport();\r\n if (!isActionAllowed) return;\r\n\r\n const fileName = this.nameRef.current\r\n ? this.nameRef.current.value\r\n : undefined;\r\n if (this.state.isCreated && fileName && this.state.folder) {\r\n this.setState({ isExporting: true });\r\n window.Export2dPlan(this.generateExportData());\r\n }\r\n };\r\n\r\n generateExportData() {\r\n let exportData = {};\r\n exportData.projectId = this.props.project.id;\r\n exportData.folderId = this.state.folder;\r\n exportData.fileName = this.changeUmlaut(this.nameRef.current.value);\r\n exportData.token = getter.getTokenBearer();\r\n\r\n return JSON.stringify(exportData);\r\n }\r\n\r\n changeUmlaut(origin) {\r\n return origin\r\n .replace(/\\u00dc/g, \"UE\")\r\n .replace(/\\u00fc/g, \"ue\")\r\n .replace(/\\u00c4/g, \"AE\")\r\n .replace(/\\u00e4/g, \"ae\")\r\n .replace(/\\u00d6/g, \"OE\")\r\n .replace(/\\u00f6/g, \"oe\")\r\n .replace(/\\u00df/g, \"ss\");\r\n }\r\n\r\n handleChangeFileFormat = (fileFormat) => {\r\n this.setState({ exportFormat: fileFormat });\r\n };\r\n\r\n onFolderChange = (folder) => {\r\n this.setState({ folder, isExportEnable: false, checkResult: undefined });\r\n };\r\n\r\n onNameChange = () => {\r\n this.setState({ isExportEnable: false, checkResult: undefined });\r\n };\r\n\r\n onUploadCheck = async () => {\r\n const isActionAllowed = await this.canExport();\r\n if (!isActionAllowed) return;\r\n\r\n const fileName = this.nameRef.current?.value || \"\";\r\n if (fileName) {\r\n const endpoint = `document/check/${this.props.project.id}?folderId=${this.state.folder}`;\r\n apiService\r\n .postData(endpoint, [this.addFileExtension(fileName)])\r\n .then((res) => {\r\n const { precheckResults } = res.data;\r\n if (precheckResults.length) {\r\n const preCheckResult = precheckResults[0];\r\n if (preCheckResult.success) {\r\n const checkResult = {\r\n success: true,\r\n cleanFileName: preCheckResult.fileName,\r\n predictedVersion: preCheckResult.predictedVersion,\r\n namingSchemeName: preCheckResult.namingSchemeName,\r\n };\r\n this.setState({ checkResult, isExportEnable: true });\r\n } else {\r\n if (preCheckResult.namingSchemeResults.length) {\r\n var result = preCheckResult.namingSchemeResults.find(\r\n (nsr) => nsr.success === false\r\n );\r\n if (!result.cleanFileName)\r\n result.cleanFileName = preCheckResult.fileName;\r\n this.setState({\r\n checkResult: result,\r\n isExportEnable: result.success,\r\n });\r\n } else {\r\n this.displayErrorNameScheme();\r\n }\r\n }\r\n } else {\r\n this.displayErrorNameScheme();\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(\"Don't check uploading document.\", err.message);\r\n this.displayErrorNameScheme();\r\n });\r\n }\r\n };\r\n\r\n displayErrorNameScheme() {\r\n const checkResult = {\r\n success: false,\r\n cleanFileName: this.nameRef.current?.value,\r\n };\r\n this.setState({ checkResult });\r\n }\r\n\r\n addFileExtension = (fileName) => {\r\n const { exportFormat } = this.state;\r\n const extension =\r\n exportFormat === exportType.DWG.value\r\n ? \"dwg\"\r\n : exportFormat === exportType.JPG.value\r\n ? \"jpg\"\r\n : \"png\";\r\n return `${this.changeUmlaut(fileName)}.${extension}`;\r\n };\r\n\r\n getTreeData(folders) {\r\n const treeData = folders.map((f) => {\r\n return this.getFolderTree(f);\r\n });\r\n\r\n let folder = this.state.folder;\r\n if (treeData.length) {\r\n if (!folder) {\r\n const data = treeData.find((f) => f.title === \"Shared\");\r\n if (data) folder = data.value;\r\n }\r\n }\r\n\r\n this.setState({ treeData, folder });\r\n }\r\n\r\n getFolderTree(folder) {\r\n let data = {};\r\n data.value = folder.folderData.id;\r\n data.title = folder.folderData.name;\r\n if (folder.folderChildren) {\r\n data.children = folder.folderChildren.map((sub) => {\r\n return this.getFolderTree(sub);\r\n });\r\n }\r\n\r\n return data;\r\n }\r\n\r\n setFilePath(isCreated) {\r\n this.setState({ isCreated });\r\n }\r\n\r\n completeExportPlan(result, documents) {\r\n if (result && !!documents) {\r\n const docs = JSON.parse(documents);\r\n const { exportHistories } = this.state;\r\n exportHistories.push({\r\n title: docs[0].name,\r\n version: docs[0].versionNumber,\r\n uploadDate: docs[0].timeStamp,\r\n });\r\n\r\n this.setState({ exportHistories });\r\n }\r\n const lang = window.isGerman ? de : en;\r\n const content = result ? lang[\"SucceedExport2D\"] : lang[\"FaileCreatePlan\"];\r\n window.AlertAPI(content);\r\n this.setState({ isCreated: false, isExporting: false });\r\n }\r\n\r\n renderTableData() {\r\n return this.state.exportHistories.map((doc, index) => {\r\n const { title, version, uploadDate } = doc;\r\n return (\r\n \r\n
\r\n \r\n {lang[\"ExportOther\"]}
\r\n{lang[\"ExportOtherDesc\"]}
\r\n \r\n \r\n
\r\n )}\r\n \r\n {exportFormat && (\r\n
\r\n \r\n {!isCreated && (\r\n \r\n {lang[\"Create2DPlan\"]}\r\n \r\n )}\r\n {isCreated && (\r\n \r\n 
\r\n \r\n
\r\n \r\n {lang[\"2DPlanCreated\"]}\r\n
\r\n \r\n
\r\n \r\n \r\n {treeData && (\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {this.renderDocName()}\r\n \r\n \r\n {this.getSchemeResult(checkResult)}\r\n \r\n
\r\n )}\r\n \r\n {isExportEnable && isCreated && (\r\n \r\n \r\n \r\n
\r\n {checkResult && (\r\n \r\n \r\n Export\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n | {lang[\"Name\"]} | \r\n{\"Version\"} | \r\n{\"Date\"} | \r\n
|---|
\r\n \r\n setIsExpanded(!isExpanded)}\r\n >\r\n \r\n {setItem.title}\r\n \r\n
\r\n {isBad && (\r\n \r\n {isExpanded ? getGeneralSvg(\"expand\") : getGeneralSvg(\"fold\")}\r\n
\r\n {getGeneralSvg(\"leaf\")}
\r\n \r\n
\r\n {isImportModel && (\r\n \r\n \r\n {lang[\"ExportFolder\"]}\r\n \r\n {folderTree && (\r\n
\r\n \r\n \r\n {lang[\"FileName\"]}\r\n \r\n
\r\n {isIFC && (\r\n <>\r\n \r\n
\r\n \r\n \r\n {lang[\"ImportModelAutomatically\"]}\r\n
\r\n \r\n \r\n {lang[\"SetupModel\"]}\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n )}\r\n \r\n );\r\n});\r\n\r\nclass PublishMainPanel extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n folderTree: [],\r\n publishItems: props.publishItems,\r\n isExpanded: true,\r\n publishSet: props.publishSet,\r\n };\r\n\r\n this.childrenRefs = props.publishItems.map(() => {\r\n return createRef();\r\n });\r\n\r\n window.publishMainPanel = this;\r\n }\r\n\r\n componentDidMount() {\r\n apiService\r\n .getFolderData(this.props.project.id)\r\n .then((res) => {\r\n if (res.data) {\r\n this.getTreeData(res.data.folders);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n\r\n window.getPublishItems(this.props.project.id);\r\n }\r\n\r\n componentWillUnmount() {\r\n window.setPublishHistory({\r\n projectId: this.props.project.id,\r\n publishSet: JSON.stringify(this.state.publishSet),\r\n publishItems: JSON.stringify(this.state.publishItems),\r\n });\r\n }\r\n\r\n setPublishItems(sItems) {\r\n try {\r\n const data = JSON.parse(sItems);\r\n const { publishItems, publishSet } = data;\r\n const jsPublishItems = JSON.parse(publishItems);\r\n const jsPublishSet = JSON.parse(publishSet);\r\n this.setState({ publishItems: jsPublishItems, publishSet: jsPublishSet });\r\n this.props.onSetPublishData(jsPublishItems, jsPublishSet);\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n\r\n getTreeData(folders) {\r\n const folderTree = folders.map((f) => {\r\n return this.getFolderTree(f);\r\n });\r\n\r\n this.setState({ folderTree });\r\n }\r\n\r\n getFolderTree(folder) {\r\n let data = {};\r\n data.value = folder.folderData.id;\r\n data.title = folder.folderData.name;\r\n data.docs = folder.docs;\r\n\r\n if (folder.folderChildren) {\r\n data.children = folder.folderChildren.map((sub) => {\r\n return this.getFolderTree(sub);\r\n });\r\n }\r\n\r\n return data;\r\n }\r\n\r\n onClick = () => {\r\n this.props.onSetPanel(publishPanelKind.setFile);\r\n };\r\n\r\n onUploadCheck = () => {\r\n if (!this.state.publishItems.length) return;\r\n\r\n let checkResult = true;\r\n this.childrenRefs.forEach((childRef) => {\r\n const rs = childRef.current?.uploadCheck();\r\n checkResult = checkResult && rs;\r\n });\r\n\r\n if (checkResult) {\r\n this.props.onUploadCheck(this.state.publishItems, this.state.publishSet);\r\n }\r\n };\r\n\r\n onfoldPublishSets = () => {\r\n const { isExpanded } = this.state;\r\n this.setState({ isExpanded: !isExpanded });\r\n };\r\n\r\n handleHideAll = () => {\r\n this.childrenRefs.forEach((childRef) => {\r\n childRef.current?.hide();\r\n });\r\n };\r\n\r\n handleUnfold = () => {\r\n this.childrenRefs.forEach((childRef) => {\r\n childRef.current?.show();\r\n });\r\n //this.setState({ isExpanded: false });\r\n };\r\n\r\n renderItems() {\r\n return this.state.publishItems.map((item, index) => {\r\n return (\r\n \r\n \r\n {lang[\"Discipline\"]}\r\n \r\n setDiscipline(d)}\r\n />\r\n
\r\n \r\n \r\n {lang[\"Building\"]}\r\n \r\n setBuilding(b)}\r\n />\r\n
\r\n \r\n \r\n {lang[\"Floor\"]}\r\n \r\n setFloor(f)}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {publishItems.length ? lang[\"EditFiles\"] : lang[\"AddFiles\"]}\r\n \r\n {publishItems.length ? (\r\n <>\r\n \r\n \r\n Publisher Set:\r\n \r\n \r\n {publishSet?.title}\r\n
\r\n \r\n \r\n ) : (\r\n
\r\n \r\n {\"Select a publisher set and add files to the selection\"}\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n {publishSet?.title}\r\n \r\n
\r\n \r\n {isExpanded ? getGeneralSvg(\"expand\") : getGeneralSvg(\"fold\")}\r\n
\r\n {getGeneralSvg(\"folder\")}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {lang[\"Back\"]}\r\n \r\n
\r\n \r\n \r\n Publisher\r\n \r\n \r\n {lang[\"AddFileToSelection\"]}\r\n
\r\n \r\n \r\n Publisher Set\r\n \r\n
\r\n \r\n {publishSet && (\r\n
\r\n \r\n
\r\n {getGeneralSvg(\"leaf\")}
\r\n {getErrorName(item)}\r\n setIsExpand(!isExpand)}>\r\n
\r\n {isExpand && (\r\n {isExpand ? getGeneralSvg(\"expand\") : getGeneralSvg(\"fold\")}
\r\n {getGeneralSvg(\"leaf\")}
\r\n {getErrorName(firstItem)}\r\n \r\n \r\n {getNamingSchemeResultMessage(firstItem)}\r\n \r\n {renderRemainItems()}\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nconst ValidateItem = ({ precheckResult }) => {\r\n const [lang, setLang] = useState(en);\r\n\r\n useEffect(() => {\r\n const lang = window.isGerman ? de : en;\r\n setLang(lang);\r\n }, []);\r\n\r\n const getPrecheckResultMessage = useCallback(() => {\r\n if (precheckResult.success) {\r\n const content = lang[\"NameValidSuccess\"]\r\n .replace(\"{{versionNumber}}\", precheckResult.predictedVersion)\r\n .replace(\"{{fileName}}\", precheckResult.fileName);\r\n return precheckResult.predictedNamingScheme\r\n ? `${lang[precheckResult.predictedNamingScheme]}: ${content}`\r\n : content;\r\n }\r\n\r\n return lang[\"NoNamingScheme\"];\r\n }, [precheckResult, lang]);\r\n\r\n const renderPrecheckResult = () => {\r\n return (\r\n \r\n \r\n {getPrecheckResultMessage()}\r\n
\r\n \r\n );\r\n };\r\n\r\n const renderNamingSchemes = () => {\r\n const { namingSchemeResults, fileName } = precheckResult;\r\n return (\r\n \r\n {getGeneralSvg(\"leaf\")}\r\n \r\n {precheckResult.fileName}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Upload Check\r\n \r\n \r\n Name & Upload Information\r\n
\r\n \r\n \r\n \r\n {lang[\"Back\"]}\r\n \r\n
\r\n \r\n \r\n {this.props.publishSet?.title}\r\n \r\n
\r\n \r\n {isExpand ? getGeneralSvg(\"expand\") : getGeneralSvg(\"fold\")}\r\n
\r\n {getGeneralSvg(\"folder\")}
\r\n \r\n {isExpand && this.renderCheckResult()}\r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n project: state.project.selectedProject\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, null)(ExportPage);","export class ProcessModel {\r\n constructor(processDto) {\r\n this.id = processDto.id;\r\n this.process = processDto;\r\n this.model = undefined;\r\n this.discipline = undefined;\r\n this.building = undefined;\r\n this.floor = undefined;\r\n this.user = undefined;\r\n this.imported = false;\r\n this.importedDate = undefined;\r\n this.description = undefined;\r\n }\r\n}\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { apiService } from \"../../services\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faClock } from \"@fortawesome/free-regular-svg-icons\";\r\nimport { faCheckCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport en from \"../../assets/en.json\";\r\nimport de from \"../../assets/de.json\";\r\nimport \"../../css/processItem.css\";\r\n\r\nconst PropertyValueType = {\r\n Text: 0,\r\n Boolean: 1,\r\n Logical: 2,\r\n Integer: 3,\r\n Real: 4,\r\n};\r\n\r\nclass ProcessItem extends React.Component {\r\n importProcess = async () => {\r\n if (this.checkAccessRight()) {\r\n const data = await this.getProcessDataNew();\r\n\r\n if (data && data.length) {\r\n const model = {};\r\n model.id = this.props.process.id;\r\n model.user = `${this.props.user.firstName} ${this.props.user.lastName}`;\r\n model.data = data;\r\n window.importProcess(model);\r\n }\r\n } else {\r\n const lang = window.isGerman ? de : en;\r\n window.AlertAPI(lang[\"AccessProcessFail\"]);\r\n }\r\n };\r\n\r\n checkAccessRight() {\r\n const userId = this.props.user.id;\r\n const process = this.props.process.process;\r\n const collIds = process.collaborators.map((u) => {\r\n return u.id;\r\n });\r\n return process.creatorId === userId || collIds.includes(userId);\r\n }\r\n\r\n getProcessData() {\r\n const properties = this.props.process.process.propertyMap;\r\n\r\n return Object.keys(properties).map((m) => {\r\n const data = {};\r\n data.globalId = m;\r\n data.properties = [];\r\n for (let i = 0; i < properties[m].length; i++) {\r\n const p = properties[m][i];\r\n const property = this.props.process.process.propertyDefinitions.find(\r\n (pro) => pro.id === p.propertyDefinitionId\r\n );\r\n\r\n if (property) {\r\n let value = this.getPropertValue(property, p);\r\n const item = {\r\n value: value,\r\n propertyName: property.propertyName,\r\n propertySetName: property.propertySetName,\r\n };\r\n data.properties.push(item);\r\n }\r\n }\r\n\r\n return data;\r\n });\r\n }\r\n\r\n async getProcessDataNew() {\r\n const processId = this.props.process.process.id;\r\n const assign = await apiService.getPropertyAssignment(processId);\r\n const def = await apiService.getPropertyDefinition(processId);\r\n\r\n const definitions = def.data.propertyDefinitions;\r\n return assign.data.propertyAssignments.map((assignment) => {\r\n const data = {};\r\n data.globalId = assignment.componentGlobalId;\r\n data.properties = [];\r\n const property = definitions.find(\r\n (d) => d.id === assignment.propertyDefinitionId\r\n );\r\n if (property) {\r\n let value = this.getPropertValue(property, assignment);\r\n\r\n const item = {\r\n value: value,\r\n propertyName: property.propertyName,\r\n propertySetName: property.propertySetName,\r\n };\r\n data.properties.push(item);\r\n }\r\n\r\n return data;\r\n });\r\n }\r\n\r\n getPropertValue(property, assignment) {\r\n let value = \"\";\r\n switch (property.valueType) {\r\n case PropertyValueType.Text:\r\n value = assignment.textValue;\r\n break;\r\n case PropertyValueType.Boolean:\r\n value = assignment.booleanValue ? \"1\" : \"0\";\r\n break;\r\n case PropertyValueType.Integer:\r\n if (assignment.intValue !== undefined && assignment.intValue !== null) {\r\n value = assignment.intValue.toString();\r\n }\r\n break;\r\n case PropertyValueType.Real:\r\n if (\r\n assignment.realValue !== undefined &&\r\n assignment.realValue !== null\r\n ) {\r\n value = assignment.realValue.toString();\r\n }\r\n break;\r\n default:\r\n value = assignment.textValues[0];\r\n break;\r\n }\r\n\r\n return value;\r\n }\r\n\r\n render() {\r\n const { process } = this.props;\r\n const lang = window.isGerman ? de : en;\r\n\r\n return (\r\n \r\n
\r\n Export
\r\n \r\n\r\n {/*
\r\n \r\n this.handleChangeFrame(e, exportKind.Archicad)}>\r\n \r\n
*/}\r\n this.handleChangeFrame(e, exportKind.IFC)} >\r\n \r\n
\r\n this.handleChangeFrame(e, exportKind.Other)}>\r\n \r\n
\r\n this.handleChangeFrame(e, exportKind.Publisher)}>\r\n \r\n
\r\n \r\n {/* {currentState === exportKind.Archicad &&
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n user: state.user.currentUser,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(ProcessItem);\r\n","import React from \"react\";\r\nimport en from \"../../assets/en.json\";\r\nimport de from \"../../assets/de.json\";\r\nimport \"../../css/processItem.css\";\r\nimport VisoSelect from \"./viso_select\";\r\nimport { processStatus } from \"../enums\";\r\n\r\nclass ProcessResultItem extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { acPropertyNames: [], defValue: undefined };\r\n }\r\n\r\n componentDidMount() {\r\n this.setPropertyOptions();\r\n }\r\n\r\n setPropertyOptions() {\r\n const lang = window.isGerman ? de : en;\r\n const process = this.props.result;\r\n let acPropertyNames = [\r\n { value: \"new_property\", label: lang[\"SetNewProp\"] },\r\n ];\r\n const properties = process.acPropertyNames.map((n) => {\r\n return { value: n.guid, label: n.propertyName };\r\n });\r\n\r\n const defValue = this.props.newProperty;\r\n if (defValue) {\r\n properties.push({ value: defValue, label: defValue });\r\n }\r\n\r\n acPropertyNames = [...acPropertyNames, ...properties];\r\n\r\n this.setState({ acPropertyNames, defValue });\r\n }\r\n\r\n getStatus() {\r\n const lang = window.isGerman ? de : en;\r\n let status = \"\";\r\n let isEditable = false;\r\n switch (this.props.result.error) {\r\n case processStatus.NoError:\r\n status = lang[\"NoError\"];\r\n break;\r\n case processStatus.NoElement:\r\n status = lang[\"NoElement\"];\r\n break;\r\n case processStatus.ReadOnly:\r\n status = lang[\"ReadOnly\"];\r\n isEditable = true;\r\n break;\r\n case processStatus.NotMatched:\r\n status = lang[\"NotMatched\"];\r\n isEditable = true;\r\n break;\r\n case processStatus.NotRecog:\r\n status = lang[\"NotRecog\"];\r\n isEditable = true;\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n return { status, isEditable };\r\n }\r\n\r\n onSelectProperty = (guid) => {\r\n this.props.onSetDefinitionGuid(guid, this.props.idx);\r\n };\r\n\r\n render() {\r\n const lang = window.isGerman ? de : en;\r\n const { result } = this.props;\r\n const { acPropertyNames, defValue } = this.state;\r\n const { status, isEditable } = this.getStatus();\r\n\r\n return (\r\n \r\n \r\n \r\n {process.imported ? lang[\"Reimport\"] : lang[\"Import\"]}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {process.model}
\r\n \r\n \r\n
\r\n {process.discipline}
\r\n \r\n \r\n
\r\n {process.building}
\r\n \r\n \r\n
\r\n {process.floor}
\r\n \r\n
\r\n \r\n
\r\n {process.imported && (\r\n {process.description}
}\r\n \r\n
\r\n )}\r\n {lang[\"Imported\"]}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ProcessResultItem;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { processActions } from \"../redux/actions\";\r\nimport { ProcessModel } from \"./models/ProcessModel\";\r\nimport ProcessItem from \"./controls/processItem\";\r\nimport ProcessresultItem from \"./controls/processresultItem\";\r\nimport { processStatus } from \"./enums\";\r\nimport en from \"../assets/en.json\";\r\nimport de from \"../assets/de.json\";\r\nimport \"../css/editProcess.css\";\r\n\r\nconst initialImportResult = {\r\n succeed: 0,\r\n failed: 0,\r\n isResult: true,\r\n};\r\n\r\nconst FailedProcessReport = ({ failedResult }) => {\r\n const [lang, setLang] = useState(en);\r\n const [noElementContent, setNoElementContent] = useState(\"\");\r\n const [readOnlyContent, setReadOnlyContent] = useState(\"\");\r\n const [notMatchedContent, setNotMatchedContent] = useState(\"\");\r\n const [notRecogContent, setNotRecogContent] = useState(\"\");\r\n\r\n useEffect(() => {\r\n setLang(window.isGerman ? de : en);\r\n }, []);\r\n\r\n useEffect(() => {\r\n const noElements = failedResult.filter(\r\n (r) => r.error === processStatus.NoElement\r\n ).length;\r\n const readOnlys = failedResult.filter(\r\n (r) => r.error === processStatus.ReadOnly\r\n ).length;\r\n const notMatcheds = failedResult.filter(\r\n (r) => r.error === processStatus.NotMatched\r\n ).length;\r\n const notRecogs = failedResult.filter(\r\n (r) => r.error === processStatus.NotRecog\r\n ).length;\r\n\r\n if (noElements) {\r\n setNoElementContent(lang[\"NoElementReport\"].replace(\"{%}\", noElements));\r\n }\r\n\r\n if (readOnlys) {\r\n setReadOnlyContent(lang[\"ReadOnlyReport\"].replace(\"{%}\", readOnlys));\r\n }\r\n\r\n if (notMatcheds) {\r\n setNotMatchedContent(\r\n lang[\"NotMatchedReport\"].replace(\"{%}\", notMatcheds)\r\n );\r\n }\r\n\r\n if (notRecogs) {\r\n setNotRecogContent(lang[\"NotRecogReport\"].replace(\"{%}\", notRecogs));\r\n }\r\n }, [failedResult, lang]);\r\n\r\n return (\r\n \r\n \r\n
\r\n {result.propertyName}
\r\n \r\n \r\n
\r\n {result.propertySetName}
\r\n \r\n \r\n
\r\n {result.guid}
\r\n \r\n \r\n
\r\n {result.elementName}
\r\n \r\n \r\n {isEditable && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n {status}
\r\n \r\n
\r\n );\r\n};\r\n\r\nclass EditProcess extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n processList: [],\r\n isResult: false,\r\n processResult: [],\r\n importResult: initialImportResult,\r\n };\r\n\r\n this.history = [];\r\n\r\n window.EditProcess = this;\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.project.id) {\r\n this.getProcessHistory();\r\n }\r\n\r\n this.timerId = setInterval(() => {\r\n this.getProcessDtos();\r\n }, 60000);\r\n }\r\n\r\n componentWillUnmount() {\r\n window.saveProcessHistoryData();\r\n if (this.timerId) {\r\n clearInterval(this.timerId);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.processes !== prevProps.processes) {\r\n this.getProcessModels();\r\n }\r\n }\r\n\r\n getProcessHistory() {\r\n window.retrieveProcessHistory(this.props.project.id);\r\n }\r\n\r\n registerProcessHistory(history) {\r\n if (history) {\r\n this.history = JSON.parse(history);\r\n }\r\n\r\n this.getProcessDtos();\r\n }\r\n\r\n getProcessDtos() {\r\n if (this.props.project.processIds) {\r\n this.props.getProcessDtos(this.props.project.processIds);\r\n }\r\n }\r\n\r\n getProcessModels() {\r\n const origin = this.state.processList;\r\n\r\n const newProcesses = this.props.processes.filter(\r\n (p) => !origin.map((l) => l.id).includes(p.id)\r\n );\r\n const processList = newProcesses.map((p) => {\r\n const data = new ProcessModel(p);\r\n\r\n data.model = this.props.models.find(\r\n (m) =>\r\n m.disciplineMetaDataId === p.disciplineMetaDataId &&\r\n m.buildingMetaDataId === p.buildingMetaDataId &&\r\n m.floorMetaDataId === p.floorMetaDataId\r\n )?.name;\r\n data.discipline = this.props.disciplines.find(\r\n (d) => d.id === p.disciplineMetaDataId\r\n )?.name;\r\n data.building = this.props.buildings.find(\r\n (b) => b.id === p.buildingMetaDataId\r\n )?.name;\r\n data.floor = this.props.floors.find(\r\n (f) => f.id === p.floorMetaDataId\r\n )?.name;\r\n\r\n const history = this.history.find((h) => h.id === p.id);\r\n if (history) {\r\n data.user = history.user;\r\n data.imported = true;\r\n data.importedDate = new Date(history.date);\r\n } else {\r\n data.user = `${p.reviewer?.firstName} ${p.reviewer?.lastName}`;\r\n }\r\n\r\n data.description = this.getDescription(data);\r\n return data;\r\n });\r\n\r\n this.setState({ processList: [...origin, ...processList] });\r\n }\r\n\r\n getDescription(data) {\r\n let desc = \"\";\r\n if (data.imported) {\r\n const diff = Math.floor(\r\n (Date.now() - Date.parse(data.importedDate)) / (24 * 3600 * 1000)\r\n );\r\n desc =\r\n diff === 0\r\n ? `Imported today by ${data.user}`\r\n : `Imported ${diff} days ago by ${data.user}`;\r\n if (window.isGerman) {\r\n desc =\r\n diff === 0\r\n ? `von ${data.user} heute importiert`\r\n : `von ${data.user} vor ${diff} Tagen importiert`;\r\n }\r\n } else {\r\n const diff = Math.floor(\r\n (Date.now() - Date.parse(data.process.reviewDate)) / (24 * 3600 * 1000)\r\n );\r\n desc =\r\n diff === 0\r\n ? `Approved today by ${data.user}`\r\n : `Approved ${diff} days ago by ${data.user}`;\r\n if (window.isGerman) {\r\n desc =\r\n diff === 0\r\n ? `von ${data.user} heute genehmigt`\r\n : `von ${data.user} vor ${diff} Tagen genehmigt`;\r\n }\r\n }\r\n\r\n return desc;\r\n }\r\n\r\n registerImportedResult(processId, result) {\r\n if (result) {\r\n const processList = this.state.processList;\r\n const index = processList.findIndex((p) => p.id === processId);\r\n if (index > -1) {\r\n const data = JSON.parse(result);\r\n const isResult = true;\r\n if (data.findIndex((e) => e.error === processStatus.NoError) > -1) {\r\n processList[index].imported = true;\r\n processList[index].importedDate = new Date();\r\n processList[index].description = this.getDescription(\r\n processList[index]\r\n );\r\n }\r\n\r\n const processResult = data\r\n .filter((e) => e.error > processStatus.NoError)\r\n .map((r) => {\r\n r.processId = processId;\r\n r.isNew = false;\r\n return r;\r\n });\r\n\r\n const succeed = data.filter(\r\n (e) => e.error === processStatus.NoError\r\n ).length;\r\n const failed = processResult.length;\r\n\r\n const importResult = { succeed, failed, isResult: true };\r\n this.setState({ isResult, processList, processResult, importResult });\r\n }\r\n } else {\r\n const lang = window.isGerman ? de : en;\r\n window.AlertAPI(lang[\"FailImportProcess\"]);\r\n }\r\n }\r\n\r\n registerNewAttributeResult(processId, result) {\r\n const lang = window.isGerman ? de : en;\r\n if (result) {\r\n const processList = this.state.processList;\r\n const index = processList.findIndex((p) => p.id === processId);\r\n if (index > -1) {\r\n processList[index].imported = true;\r\n processList[index].importedDate = new Date();\r\n processList[index].description = this.getDescription(\r\n processList[index]\r\n );\r\n\r\n this.setState({ processList });\r\n }\r\n\r\n window.AlertAPI(lang[\"SuccessImportProcess\"]);\r\n } else {\r\n window.AlertAPI(lang[\"FailImportProcess\"]);\r\n }\r\n }\r\n\r\n onMatchProperties = () => {\r\n this.setState({ isResult: false, importResult: initialImportResult });\r\n const newAttributes = this.state.processResult.filter(\r\n (r) => r.definitionGuid || r.isNew\r\n );\r\n if (newAttributes.length) {\r\n let model = {};\r\n model.id = newAttributes[0].processId;\r\n model.user = `${this.props.user.firstName} ${this.props.user.lastName}`;\r\n model.data = newAttributes;\r\n\r\n window.setNewAttribute(model);\r\n }\r\n };\r\n\r\n renderProcessList() {\r\n return this.state.processList.map((p, index) => {\r\n const k = Math.floor(Math.random() * 65535) + index; // Force render\r\n return {noElementContent}
\r\n {readOnlyContent}
\r\n {notMatchedContent}
\r\n {notRecogContent}
\r\n \r\n {processList && this.renderProcessList()}\r\n
\r\n );\r\n }\r\n\r\n onChangeNewAttribute = (guid, index) => {\r\n let processResult = this.state.processResult;\r\n if (guid === \"new_property\") {\r\n const process = processResult[index];\r\n const propertyNames = process.acPropertyNames.map(\r\n (ac) => ac.propertyName\r\n );\r\n if (process.error === 2) propertyNames.push(process.propertyName);\r\n\r\n window.getNewPropertyName(index, propertyNames);\r\n } else {\r\n processResult[index].definitionGuid = guid;\r\n this.setState({ processResult });\r\n }\r\n };\r\n\r\n setNewPropertyName(index, newPropName) {\r\n if (newPropName) {\r\n let processResult = this.state.processResult;\r\n const process = processResult[index];\r\n process.isNew = true;\r\n process.newProperty = newPropName;\r\n this.setState({ processResult });\r\n }\r\n }\r\n\r\n renderProcessResult() {\r\n return this.state.processResult.map((p, index) => {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const lang = window.isGerman ? de : en;\r\n const { isResult } = this.state;\r\n\r\n return (\r\n \r\n {importResult.isResult ? lang[\"AssignProp\"] : lang[\"ImportProcess\"]}\r\n
\r\n {importResult.isResult ? (\r\n <>\r\n\r\n {importResult.succeed ? (\r\n
\r\n \r\n {this.getImportResultContent(true, importResult.succeed)}\r\n
\r\n ) : (\r\n <>\r\n )}\r\n {importResult.failed ? (\r\n \r\n
\r\n ) : (\r\n <>\r\n )}\r\n \r\n {this.getImportResultContent(false, importResult.failed)}\r\n
\r\n \r\n \r\n {lang[\"AssignProp\"]}\r\n \r\n
\r\n \r\n ) : (\r\n <>\r\n \r\n {processResult && this.renderProcessResult()}\r\n
\r\n \r\n \r\n {lang[\"MatchProp\"]}\r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n project: state.project.selectedProject,\r\n buildings: state.metaData.buildings,\r\n disciplines: state.metaData.disciplines,\r\n floors: state.metaData.floors,\r\n models: state.models.models,\r\n processes: state.processes.processes,\r\n user: state.user.currentUser,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getProcessDtos: (ids) => {\r\n dispatch(processActions.getProcesses(ids));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EditProcess);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport ModelPage from \"./models\";\r\nimport IssueList from \"./issueList\";\r\nimport IssueDetail from \"./issueDetail\";\r\nimport IssueFilter from \"./issueFilter\";\r\nimport IssueEdit from \"./issueEdit\";\r\nimport ExportPage from \"./exportManager\";\r\nimport EditProcess from \"./editProcess\";\r\nimport { projActions, syncActions, userActions } from \"../redux/actions\";\r\nimport { pageState } from \"./enums\";\r\nimport en from \"../assets/en.json\";\r\nimport de from \"../assets/de.json\";\r\nimport logoutImg from \"../assets/logout.png\";\r\nimport \"../css/manager.css\";\r\n\r\nclass IssueManager extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n currentState: pageState.IMPORTMODEL,\r\n tempState: pageState.ISSUELIST,\r\n };\r\n\r\n this.handleGotoProjects = this.handleGotoProjects.bind(this);\r\n this.handleLogout = this.handleLogout.bind(this);\r\n this.handleGotoModelPage = this.handleGotoModelPage.bind(this);\r\n this.handleGotoIssuePage = this.handleGotoIssuePage.bind(this);\r\n this.handleChangeIssuePage = this.handleChangeIssuePage.bind(this);\r\n this.handleGotoExportPage = this.handleGotoExportPage.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n if (!this.props.project.id) {\r\n this.props.history.push(\"/\");\r\n } else {\r\n window.getPublishHistory(this.props.project.id);\r\n this.createInterval();\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n window.savePublishHistory();\r\n this.disposeInterval();\r\n }\r\n\r\n createInterval() {\r\n this.timerId = setInterval(() => {\r\n this.props.syncProject(this.props.project.id);\r\n }, 60000);\r\n }\r\n\r\n disposeInterval() {\r\n if (this.timerId) {\r\n clearInterval(this.timerId);\r\n }\r\n }\r\n\r\n handleGotoProjects(e) {\r\n e.preventDefault();\r\n this.props.returnProjects(this.props.history);\r\n }\r\n\r\n handleLogout(e) {\r\n e.preventDefault();\r\n this.props.logout(this.props.history);\r\n }\r\n\r\n handleGotoModelPage(e) {\r\n e.preventDefault();\r\n this.registerTempState();\r\n this.setState({ currentState: pageState.IMPORTMODEL });\r\n }\r\n\r\n handleGotoIssuePage(e) {\r\n e.preventDefault();\r\n const temp = this.state.tempState;\r\n this.setState({ currentState: temp });\r\n }\r\n\r\n handleChangeIssuePage(page) {\r\n this.setState({ currentState: page });\r\n }\r\n\r\n handleGotoExportPage(e) {\r\n e.preventDefault();\r\n this.registerTempState();\r\n this.setState({ currentState: pageState.EXPORTPAGE });\r\n }\r\n\r\n registerTempState() {\r\n const past = this.state.currentState;\r\n if (\r\n past !== pageState.EXPORTPAGE &&\r\n past !== pageState.IMPORTMODEL &&\r\n past !== pageState.PROCESS\r\n ) {\r\n if (past === pageState.EDITISSUE) {\r\n this.setState({ tempState: pageState.ISSUELIST });\r\n } else {\r\n this.setState({ tempState: past });\r\n }\r\n }\r\n }\r\n\r\n handleGotoProcessPage = () => {\r\n this.registerTempState();\r\n this.setState({ currentState: pageState.PROCESS });\r\n };\r\n\r\n render() {\r\n const lang = window.isGerman ? de : en;\r\n const { currentState } = this.state;\r\n\r\n return (\r\n \r\n
\r\n {isResult ? this.processResultElement() : this.processListElement()}\r\n {lang[\"Process\"]}
\r\n \r\n\r\n \r\n {lang[\"Models\"]}\r\n \r\n \r\n {lang[\"Issues\"]}\r\n \r\n \r\n Export\r\n \r\n \r\n {lang[\"Process\"]}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {lang[\"Projects\"]}\r\n \r\n
\r\n \r\n 
\r\n \r\n
\r\n \r\n {currentState === pageState.IMPORTMODEL && (\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapDispatchToState = (state) => {\r\n return {\r\n project: state.project.selectedProject,\r\n issue: state.detail.selectedIssue,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n logout: (history) => {\r\n dispatch(userActions.logout(history));\r\n },\r\n returnProjects: (history) => {\r\n dispatch(projActions.returnProjects(history));\r\n },\r\n syncProject: (projId) => {\r\n dispatch(syncActions.syncProject(projId));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapDispatchToState, mapDispatchToProps)(IssueManager);\r\n","import React from \"react\";\r\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\r\nimport Login from \"./components/login\";\r\nimport Projects from \"./components/projects\";\r\nimport IssueManager from \"./components/issueManager\";\r\nimport { version } from \"./components/helper\";\r\nimport \"./App.css\";\r\n\r\nclass App extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { version: \"\" };\r\n }\r\n\r\n componentDidMount() {\r\n setTimeout(() => {\r\n this.setState({ version: version.getVersionMark() });\r\n }, 3000);\r\n }\r\n\r\n render() {\r\n const { version } = this.state;\r\n\r\n return (\r\n <>\r\n {version}
}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default App;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Provider } from 'react-redux';\r\nimport store from './redux/store';\r\nimport './css/index.css';\r\nimport App from './App';\r\n\r\nReactDOM.render(\r\n