\r\n ![\"Logo](\"telekom-logo.svg\")
\r\n
\r\n \r\n \r\n ![\"Erleben,](\"telekom-claim.svg\")
\r\n
\r\n \r\n \r\n \r\n Bitte warten. Wir versuchen die Daten zu ihrem Auftrag abzurufen.
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Table } from 'reactstrap';\r\n\r\nconst Debug = (props) => {\r\n return (\r\n| Komponente | \r\nWert | \r\n
|---|---|
| DB-Ident | \r\n{props.debug.name} | \r\n
| System URL | \r\n{props.debug.address} | \r\n
| Ziel URL | \r\n{props.debug.city} | \r\n
Beim Verarbeiten Ihrer Anfrage ist ein Fehler aufgetreten. Bitte versuchen Sie es in Kürze nochmal.
;\r\n }else{\r\n message =Der übergebene Token ist entweder ungültig oder abgelaufen.
;\r\n }\r\n\r\n return (\r\nDanke für Ihre Rückmeldung. {(props.newDate)?\"Die neue Frist für ihre Rückmeldung ist der \" + props.newDate + \".\":\"\"}
\r\n )\r\n};\r\n\r\nexport default final;\r\n","async function postData(url = '', data = {}) {\r\n const response = await fetch(url, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(data)\r\n });\r\n\r\n return response.json().then(responseData => {return {code: response.status, data: responseData}});\r\n}\r\n\r\nasync function getData(url = '') {\r\n const response = await fetch(url, {\r\n method: 'GET'\r\n });\r\n\r\n return response.json().then(responseData => {return {code: response.status, data: responseData}});\r\n}\r\n\r\nfunction formatDate(date) {\r\n var mm = date.getMonth() + 1; // getMonth() is zero-based\r\n var dd = date.getDate();\r\n\r\n return [date.getFullYear(),\r\n (mm>9 ? '' : '0') + mm,\r\n (dd>9 ? '' : '0') + dd\r\n ].join('-');\r\n}\r\n\r\nfunction isPhoneNumber(number){\r\n return /^(\\+[1-9][0-9]*)?([ ]?\\([0-9]*\\)[ ]?|-[0-9]*-)?[0]?([0-9/\\- ]){3,}$/.test(number);\r\n}\r\n\r\nexport {postData, getData, formatDate, isPhoneNumber};\r\n","export default {\r\n getBaseURL () {\r\n var getUrl = window.location;\r\n var path = getUrl.pathname.split('/')[1];\r\n return getUrl.protocol + \"//\" + getUrl.host + ((path === \"DigiTerm\")?\"/DigiTerm\":\"\") + \"/api\";\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport Final from './Final';\r\nimport ErrorView from './ErrorView';\r\nimport DatePicker, {registerLocale} from 'react-datepicker';\r\nimport { postData, formatDate, isPhoneNumber } from '../global.js';\r\nimport Config from '../config';\r\nimport de from \"date-fns/locale/de\";\r\nimport {format} from \"date-fns\";\r\nimport {Modal, ModalBody, ModalHeader, ModalFooter} from 'reactstrap';\r\n\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\n\r\nexport default class InitialAppointments extends Component {\r\n\r\n apiBaseURL = Config.getBaseURL();\r\n\r\n state = {\r\n selectedOption: \"\",\r\n finished: false,\r\n tokenInvalid: false,\r\n processFailure: false,\r\n contactName: null,\r\n contactTel: null,\r\n comment: null,\r\n counterProposal1Date: null,\r\n counterProposal1Time: null,\r\n counterProposal1ContactName: null,\r\n counterProposal1ContactTel: null,\r\n counterProposal2Date: null,\r\n counterProposal2Time: null,\r\n counterProposal2ContactName: null,\r\n counterProposal2ContactTel: null,\r\n isLoading: false,\r\n newDeadline: null,\r\n appointmentType: \"Vorort\",\r\n showChangeContactForm: false,\r\n updatedContactName: null\r\n }\r\n\r\n minDate = null;\r\n\r\n timeOptions = [];\r\n constructor(props){\r\n super(props);\r\n registerLocale(\"de\", de);\r\n\r\n //Select Time Options\r\n for (let i = 8; i < 16; i++) {\r\n this.timeOptions.push()\r\n if(i<15) this.timeOptions.push()\r\n }\r\n\r\n //Determine min date\r\n let firstAppointment = this.stringToDate(this.props.appointment1.appointment);\r\n let secondAppointment = this.stringToDate(this.props.appointment2.appointment);\r\n\r\n if(firstAppointment >= secondAppointment){\r\n this.minDate = firstAppointment;\r\n }else{\r\n this.minDate = secondAppointment;\r\n }\r\n this.minDate.setDate(this.minDate.getDate() + 1);\r\n\r\n if(this.props.state === \"V1FV\"){\r\n this.state.selectedOption = \"option3\";\r\n }\r\n }\r\n\r\n handleOptionChange = changeEvent => {\r\n\r\n if(changeEvent.target.value !== \"option3\"){\r\n this.setState({\r\n selectedOption: changeEvent.target.value,\r\n counterProposal1Date: null,\r\n counterProposal1Time: null,\r\n counterProposal1ContactName: null,\r\n counterProposal1ContactTel: null,\r\n counterProposal2Date: null,\r\n counterProposal2Time: null,\r\n counterProposal2ContactName: null,\r\n counterProposal2ContactTel: null\r\n });\r\n }else {\r\n this.setState({\r\n selectedOption: changeEvent.target.value\r\n });\r\n }\r\n\r\n };\r\n\r\n sendAnswer = (endpoint, body) => {\r\n let errorMessage = [];\r\n this.setState({isLoading: true});\r\n\r\n postData(this.apiBaseURL + endpoint, body)\r\n .then(response => {\r\n console.log(response);\r\n this.setState({isLoading: false});\r\n\r\n if(response.code === 200){\r\n this.setState({finished: true});\r\n\r\n if(this.state.selectedOption === \"option4\"){\r\n this.setState({newDeadline: response.data.newDate});\r\n }\r\n\r\n }else if(response.code === 400){\r\n if(response.data.errors[0].code === \"1901\" || response.data.errors[0].code === \"2001\" || response.data.errors[0].code === \"2101\"){\r\n errorMessage.push(* Bitte wählen Sie einen der Vorschläge zur {(this.props.appointmentType === \"Vorort\"? \"Vor-Ort Begehung\": \"telefonischen Auskundnung\")} bis spätestens {this.props.deadline} aus:
\r\n\r\nBeim letzten Mal haben Sie die einmalige Fristverlängerung durchgeführt, damit sind unsere Terminvorschläge nun nicht mehr\r\n gültig. Bitte tragen sie nachfolgend zwei Terminvorschläge für die {(this.props.appointmentType === \"Vorort\"? \"Vor-Ort Begehung\": \"telefonischen Auskundnung\")} der Endstelle bis spätestens {this.props.deadline} ein.
\r\nBitte nennen Sie uns zwei Gegenvorschläge:
: \"\"}\r\n\r\n![\"Bitte](\"HDPI_4BU_magenta.gif\")
\r\n Wenn Sie sich für eine Fristverlängerung entscheiden, dann werden die Telekom gemachten\r\n Terminvorschläge automatisch verworfen und können nicht mehr wahrgenommen werden.
\r\nÜber dieses Formular können Sie die Email Adresse des Ansprechpartners zur Terminvereinbarung verändern.\r\n Bitte beachten Sie das eine Änderung nur einmalig möglich ist und nur für die konkrete Terminabstimmung zum\r\n Auskundungstermin dient.
\r\n\r\n