(\r\n \r\n \r\n \r\n \r\n \r\n Inter Partner Assistance @{moment().format('YYYY')} \r\n \r\n \r\n \r\n )} />\r\n \r\n )\r\n};\r\n\r\nexport default LayoutRoute; \r\n","import React from 'react';\r\nimport { Container } from 'reactstrap';\r\n\r\nconst LoginLayout = ({ children }) => (\r\n \r\n {children}\r\n
\r\n);\r\n\r\nconst LoginLayoutRoute = ({ component: Component, ...rest }) => {\r\n return (\r\n \r\n \r\n \r\n \r\n )\r\n};\r\n\r\nexport default LoginLayoutRoute;\r\n\r\n","import React, { Component } from 'react';\r\n\r\n//Bootstrap\r\nimport Form from 'react-bootstrap/Form';\r\nimport InputGroup from 'react-bootstrap/InputGroup';\r\nimport Button from 'react-bootstrap/Button';\r\n\r\n//FontAwesome\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faCircleNotch } from '@fortawesome/free-solid-svg-icons'\r\n\r\nfunction RenderFontAwesomeIcon(icon)\r\n{\r\n if (icon.icon) {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n else\r\n return null;\r\n}\r\nfunction RenderFontLabel(label) {\r\n if (label.label) {\r\n return (\r\n {label.label} \r\n );\r\n }\r\n else\r\n return null;\r\n}\r\n\r\nfunction RenderAppendButton(props) {\r\n if (props.buttonText) {\r\n return (\r\n \r\n props.buttonEvent()} disabled={props.isLoading || props.btnDisabled}>\r\n {props.buttonText} \r\n \r\n \r\n );\r\n }\r\n else\r\n return null;\r\n}\r\n\r\nexport class TextInput extends Component {\r\n static displayName = TextInput.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n\r\n };\r\n this.handleChange = this.handleChange.bind(this);\r\n }\r\n\r\n handleChange(e) {\r\n this.props.handleChange(e);\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n this.handleChange(e)}\r\n value={this.props.value}\r\n disabled={this.props.disabled}\r\n type={this.props.type}\r\n />\r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\n//Bootstrap\r\nimport InputGroup from 'react-bootstrap/InputGroup';\r\n\r\n//FontAwesome\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faCalendarDay } from '@fortawesome/free-solid-svg-icons'\r\n\r\n//React-Datetime\r\nimport \"react-datetime/css/react-datetime.css\";\r\nimport Datetime from 'react-datetime';\r\nimport \"moment/locale/tr\";\r\n\r\nfunction RenderFontAwesomeIcon(icon) {\r\n if (icon.icon) {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n else {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nfunction RenderFontLabel(label) {\r\n if (label.label) {\r\n return (\r\n {label.label} \r\n );\r\n }\r\n else\r\n return null;\r\n}\r\n\r\nexport class DateInput extends Component {\r\n static displayName = DateInput.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n\r\n };\r\n this.handleChange = this.handleChange.bind(this);\r\n }\r\n\r\n handleChange(e, stateName) {\r\n this.props.handleChange(e, stateName);\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n this.handleChange(moment, this.props.stateName)}\r\n value={this.props.value}\r\n />\r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\n//Bootstrap\r\nimport InputGroup from 'react-bootstrap/InputGroup';\r\n\r\n//FontAwesome\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\n//React-Select\r\nimport Select from 'react-select'\r\n\r\nfunction RenderFontAwesomeIcon(icon) {\r\n if (icon.icon) {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n else {\r\n return null;\r\n }\r\n}\r\n\r\nfunction RenderFontLabel(label) {\r\n if (label.label) {\r\n return (\r\n {label.label} \r\n );\r\n }\r\n else\r\n return null;\r\n}\r\n\r\nexport class SelectInput extends Component {\r\n static displayName = SelectInput.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n\r\n };\r\n this.handleChange = this.handleChange.bind(this);\r\n }\r\n\r\n handleChange(selectOption) {\r\n this.props.handleChange(selectOption);\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n ({ ...theme, borderRadius: 0, })}\r\n placeholder={this.props.placeholder}\r\n isMulti={this.props.isMulti}\r\n closeMenuOnSelect={this.props.closeMenuOnSelect}\r\n className=\"form-control p-0 border-0 basic-multi-select\"\r\n value={this.props.value}\r\n isDisabled={this.props.isDisabled} \r\n />\r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { TextInput } from './TextInput';\r\nimport { DateInput } from './DateInput';\r\nimport { SelectInput } from './SelectInput';\r\n\r\n//Bootstrap\r\nimport Form from 'react-bootstrap/Form';\r\nimport Row from 'react-bootstrap/Row';\r\nimport Col from 'react-bootstrap/Col';\r\nimport Card from 'react-bootstrap/Card';\r\nimport Button from 'react-bootstrap/Button';\r\n\r\n//FontAwesome\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faHashtag } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCar } from '@fortawesome/free-solid-svg-icons'\r\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCircleNotch } from '@fortawesome/free-solid-svg-icons'\r\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\r\n\r\n//React-Notification\r\nimport { NotificationContainer, NotificationManager } from 'react-notifications';\r\n\r\n\r\nexport class ServiceSearch extends Component {\r\n static displayName = ServiceSearch.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n startDate: \"\",\r\n endDate: \"\",\r\n protocolNumber: null,\r\n carPlate: \"\",\r\n selectedTowns: [],\r\n searchBtnDisabled: false,\r\n searchingIconClasses: \"fa-spin d-none ml-2\",\r\n towns: [],\r\n serviceID: null\r\n };\r\n this.GetTowns = this.GetTowns.bind(this);\r\n this.handleSelected = this.handleSelected.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleDate = this.handleDate.bind(this);\r\n this.SearchServices = this.SearchServices.bind(this);\r\n }\r\n \r\n\r\n handleChange(evt) {\r\n const value = evt.target.value;\r\n this.setState({ [evt.target.name]: value });\r\n }\r\n handleDate(moment, name) {\r\n this.setState({ [name]: moment });\r\n }\r\n handleSelected(selectedOptions) {\r\n this.setState({ selectedTowns: selectedOptions });\r\n }\r\n\r\n async GetTowns() {\r\n axios.get(\"api/parameter/gettowns\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.towns.push({ value: value.tid, label: value.tdescr });\r\n }\r\n });\r\n }\r\n async SearchServices() {\r\n var selectedTownIDs = [];\r\n if (isNaN(this.state.serviceID)) {\r\n NotificationManager.error(\"Servis ID rakamlardan oluşmalıdır.\");\r\n return;\r\n }\r\n if (this.state.selectedTowns) {\r\n for (const [, value] of this.state.selectedTowns.entries()) {\r\n selectedTownIDs.push(value.value);\r\n }\r\n }\r\n\r\n if (this.state.startDate !== \"\") {\r\n try {\r\n String(this.state.startDate.unix())\r\n }\r\n catch (err) {\r\n NotificationManager.error(\"Başlangıç Tarihi Hatalı Girildi.\");\r\n return;\r\n }\r\n }\r\n if (this.state.endDate !== \"\") {\r\n try {\r\n String(this.state.endDate.unix())\r\n }\r\n catch (err) {\r\n NotificationManager.error(\"Bitiş Tarihi Hatalı Girildi.\");\r\n return;\r\n }\r\n }\r\n \r\n var request = {\r\n ProtocolNumber: parseInt(this.state.protocolNumber),\r\n CarPlate: this.state.carPlate,\r\n UnixStartDate: this.state.startDate === \"\" ? \"\" : String(this.state.startDate.unix()),\r\n UnixEndDate: this.state.endDate === \"\" ? \"\" : String(this.state.endDate.unix()),\r\n TownIDs: selectedTownIDs,\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\"),\r\n ServiceID: parseInt(this.state.serviceID)\r\n };\r\n\r\n this.props.searchCallback(request);\r\n }\r\n\r\n componentDidMount() {\r\n this.GetTowns();\r\n this.SearchServices();\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n Servis Arama \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n this.SearchServices()} >\r\n Arama Yap \r\n \r\n \r\n \r\n \r\n
\r\n this.props.getServiceByID(row.fdid)}>\r\n \r\n ,\r\n button: true,\r\n },\r\n {\r\n name: 'Protokol',\r\n selector: 'protocolNumber',\r\n sortable: true,\r\n omit: this.props.isProtocolHidden\r\n },\r\n {\r\n name: 'Plaka/Kart No',\r\n selector: 'customerCarPlate',\r\n sortable: true,\r\n omit: this.props.isPlateHidden\r\n },\r\n {\r\n name: 'Servis ID',\r\n selector: 'fdid',\r\n sortable: true,\r\n },\r\n {\r\n name: 'Hasar Tipi',\r\n selector: 'caseDescription',\r\n sortable: true,\r\n wrap: true,\r\n omit: this.props.isDamageTypeHidden\r\n },\r\n {\r\n name: 'Hizmet Tipi',\r\n selector: 'serviceDescription',\r\n sortable: true,\r\n wrap: true,\r\n omit: this.props.isServiceTypeHidden\r\n },\r\n {\r\n name: 'Hizmet Tarih',\r\n sortable: true,\r\n cell: row => <>{moment(row.serviceDate).format('DD.MM.YYYY HH:mm')},\r\n selector: row => moment(row.serviceDate).unix(),\r\n omit: this.props.isServiceDateHidden\r\n },\r\n {\r\n name: 'Durum',\r\n selector: 'providerServiceStatus',\r\n sortable: true,\r\n wrap: true,\r\n omit: this.props.isProviderStatusHidden\r\n },\r\n {\r\n name: 'Raxa Durum',\r\n selector: 'raxaServiceStatus',\r\n sortable: true,\r\n wrap: true,\r\n omit: this.props.isRaxaStatusHidden\r\n },\r\n {\r\n name: 'Dosya Numarası',\r\n selector: 'caseNumber',\r\n sortable: true,\r\n wrap: true,\r\n omit: this.props.isCaseNumberHidden\r\n }\r\n ],\r\n conditionalRowStyles: [\r\n {\r\n when: row => row.Durum == 3,\r\n style: {\r\n backgroundColor: 'rgb(255, 87, 51)',\r\n color: 'white'\r\n },\r\n },\r\n ],\r\n };\r\n }\r\n static defaultProps = {\r\n isProtocolHidden: false,\r\n isPlateHidden: false,\r\n isDamageTypeHidden: false,\r\n isServiceTypeHidden: false,\r\n isServiceDateHidden: false,\r\n isProviderStatusHidden: false,\r\n isRaxaStatusHidden: false,\r\n isCaseNumberHidden: false\r\n };\r\n\r\n handleChange(evt) {\r\n const value = evt.target.value;\r\n this.setState({ [evt.target.name]: value });\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Yükleniyor Veri bulunmamaktadır \r\n }\r\n highlightOnHover={true}\r\n striped={true}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\n//Bootstrap\r\nimport InputGroup from 'react-bootstrap/InputGroup';\r\nimport FormControl from 'react-bootstrap/FormControl';\r\n\r\nexport class LabeledData extends Component {\r\n static displayName = LabeledData.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n \r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n {this.props.label} \r\n \r\n \r\n \r\n\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\n//Custom Components\r\nimport { LabeledData } from './LabeledData';\r\nimport { TextInput } from './TextInput';\r\nimport { SelectInput } from './SelectInput';\r\nimport { DateInput } from './DateInput';\r\n//Bootstrap\r\nimport Form from 'react-bootstrap/Form';\r\nimport Row from 'react-bootstrap/Row';\r\nimport Col from 'react-bootstrap/Col';\r\nimport Card from 'react-bootstrap/Card';\r\nimport Button from 'react-bootstrap/Button';\r\nimport Tabs from 'react-bootstrap/Tabs';\r\nimport Tab from 'react-bootstrap/Tab';\r\nimport FormControl from 'react-bootstrap/FormControl';\r\nimport Badge from 'react-bootstrap/Badge';\r\nimport Modal from 'react-bootstrap/Modal';\r\nimport { Link } from 'react-router-dom';\r\n//React-Datetime\r\nimport \"react-datetime/css/react-datetime.css\";\r\nimport \"moment/locale/tr\";\r\nimport moment from 'moment';\r\n//FontAwesome\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faMoneyBill } from '@fortawesome/free-solid-svg-icons'\r\nimport { faHashtag } from '@fortawesome/free-solid-svg-icons'\r\nimport { faSave } from '@fortawesome/free-solid-svg-icons'\r\nimport { faSquare } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCircleNotch } from '@fortawesome/free-solid-svg-icons'\r\nimport { faShare } from '@fortawesome/free-solid-svg-icons'\r\nimport { faUndoAlt } from '@fortawesome/free-solid-svg-icons'\r\nimport { faPrint } from '@fortawesome/free-solid-svg-icons'\r\nimport { faTimes } from '@fortawesome/free-solid-svg-icons'\r\n\r\n\r\n\r\nimport { faCar } from '@fortawesome/free-solid-svg-icons'\r\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons'\r\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\r\n//DataTable\r\nimport DataTable from 'react-data-table-component';\r\n//Image Resizer\r\nimport Resizer from 'react-image-file-resizer';\r\n//FullCalendar\r\nimport FullCalendar, { CalendarApi, formatDate } from '@fullcalendar/react'\r\nimport dayGridPlugin from '@fullcalendar/daygrid'\r\nimport listPlugin from '@fullcalendar/list';\r\n//React-Notification\r\nimport { NotificationContainer, NotificationManager } from 'react-notifications';\r\n\r\n//Conditional Rendering\r\nfunction RaxaStatus(props) {\r\n const providerStaffAssignmentDate = props.providerStaffAssignmentDate;\r\n const providerRACDeliveryDate = props.providerRACDeliveryDate;\r\n const providerRACReturnDate = props.providerRACReturnDate;\r\n if (providerRACReturnDate) {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n }\r\n else if (providerRACDeliveryDate) {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n Araç Dönüdü \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n else if (providerStaffAssignmentDate) {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n Atama Yap \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n else {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n Atama Yap \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n\r\nexport class ServiceDetail extends Component {\r\n static displayName = ServiceDetail.name;\r\n calendarRef = React.createRef()\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n fullCalendarSelect: true,\r\n searchingIconClasses: \"fa-spin d-none ml-2\",\r\n serviceData: {},\r\n columns: [\r\n {\r\n name: 'Not',\r\n selector: 'note',\r\n sortable: false,\r\n wrap: true,\r\n width: '60%',\r\n },\r\n {\r\n cell: row => {row.createUser == null ? row.createIpaEksperUser?.userName : row.createUser?.displayName}, {row.recordDate} ,\r\n wrap: true\r\n }\r\n ],\r\n conditionalRowStyles: [\r\n {\r\n when: row => row.user == null,\r\n style: {\r\n backgroundColor: 'rgb(2, 117, 216)',\r\n color: 'white'\r\n },\r\n },\r\n {\r\n when: row => row.user != null,\r\n style: {\r\n backgroundColor: 'rgb(92, 184, 92)',\r\n color: 'white'\r\n },\r\n },\r\n ],\r\n saveIconClasses: \"fa-spin d-none ml-2\",\r\n searchBtnDisabled: false,\r\n racGroups: [],\r\n racGearTypes: [],\r\n racBrands: [],\r\n racModels: [],\r\n providerVehicleInventoryList: [],\r\n providerStaffInventoryList: [],\r\n photosPreview: [],\r\n };\r\n this.toggleIsSuspicious = this.toggleIsSuspicious.bind(this);\r\n this.toggleIsHumanDamage = this.toggleIsHumanDamage.bind(this);\r\n this.handleUnitsChange = this.handleUnitsChange.bind(this);\r\n this.handlePriceChange = this.handlePriceChange.bind(this);\r\n this.handleSuspiciousSituationDescriptionChange = this.handleSuspiciousSituationDescriptionChange.bind(this);\r\n this.handleNoteChange = this.handleNoteChange.bind(this);\r\n this.handleRacDeliveryDate = this.handleRacDeliveryDate.bind(this);\r\n this.handleRacReturnDate = this.handleRacReturnDate.bind(this);\r\n this.handleRacGroup = this.handleRacGroup.bind(this);\r\n this.handleRacGearType = this.handleRacGearType.bind(this);\r\n this.handleRacBrand = this.handleRacBrand.bind(this);\r\n this.handleRacModel = this.handleRacModel.bind(this);\r\n this.getVehicleInventory = this.getVehicleInventory.bind(this);\r\n this.getStaffInventory = this.getStaffInventory.bind(this);\r\n this.handleRaxaVehicleChange = this.handleRaxaVehicleChange.bind(this);\r\n this.handleRaxaStaffChange = this.handleRaxaStaffChange.bind(this);\r\n this.RaxaAssignment = this.RaxaAssignment.bind(this);\r\n this.getServiceData = this.getServiceData.bind(this);\r\n this.raxaReturn = this.raxaReturn.bind(this);\r\n this.handleFileUpload = this.handleFileUpload.bind(this);\r\n this.uploadPhoto = this.uploadPhoto.bind(this);\r\n this.getPhotos = this.getPhotos.bind(this);\r\n this.handleTabChange = this.handleTabChange.bind(this);\r\n\r\n }\r\n\r\n //Event Handlers\r\n handleUnitsChange(evt) {\r\n this.setState({\r\n serviceData: {\r\n ...this.state.serviceData,\r\n providerUnit: evt.target.value\r\n }\r\n });\r\n }\r\n handlePriceChange(evt) {\r\n this.setState({\r\n serviceData: {\r\n ...this.state.serviceData,\r\n providerPrice: evt.target.value\r\n }\r\n });\r\n }\r\n handleSuspiciousSituationDescriptionChange(evt) {\r\n this.setState({\r\n serviceData: {\r\n ...this.state.serviceData,\r\n providerSuspiciousSituationDescription: evt.target.value\r\n }\r\n });\r\n }\r\n handleNoteChange(evt) {\r\n this.setState({\r\n serviceData: {\r\n ...this.state.serviceData,\r\n providerNote: evt.target.value\r\n }\r\n });\r\n }\r\n handleRacDeliveryDate(moment) {\r\n this.setState({\r\n serviceData: {\r\n ...this.state.serviceData,\r\n providerRACDeliveryDate: moment\r\n }\r\n });\r\n }\r\n handleRacReturnDate(moment) {\r\n this.setState({\r\n serviceData: {\r\n ...this.state.serviceData,\r\n providerRACReturnDate: moment\r\n }\r\n });\r\n }\r\n handleRacGroup(selectedOption) {\r\n this.setState({\r\n serviceData: {\r\n ...this.state.serviceData,\r\n providerRACGroup: {\r\n id: selectedOption.value,\r\n name: selectedOption.label\r\n }\r\n }\r\n });\r\n }\r\n handleRacGearType(selectedOption) {\r\n this.setState({\r\n serviceData: {\r\n ...this.state.serviceData,\r\n providerRACGearType: {\r\n ...this.state.serviceData.providerRACGearType,\r\n id: selectedOption.value,\r\n descr: selectedOption.label\r\n }\r\n }\r\n });\r\n }\r\n handleRacBrand(selectOption) {\r\n this.setState({ racModels: [] });\r\n this.setState({\r\n serviceData: {\r\n ...this.state.serviceData,\r\n providerRACBrand: {\r\n vB_ID: selectOption.value,\r\n vB_DESCR: selectOption.label\r\n }\r\n }\r\n }, () => this.getRacModelByBrandID());\r\n }\r\n handleRacModel(selectOption) {\r\n this.setState({\r\n serviceData: {\r\n ...this.state.serviceData,\r\n providerRACModel: {\r\n ...this.state.serviceData.providerRACModel,\r\n vM_DESCR: selectOption.label,\r\n vM_ID: selectOption.value\r\n }\r\n }\r\n });\r\n }\r\n handleRaxaVehicleChange(selectOption) {\r\n const selecteInfo = selectOption.label.split(\", \");\r\n this.setState({\r\n serviceData: {\r\n ...this.state.serviceData,\r\n providerRACVehicle: {\r\n ...this.state.serviceData.providerRACVehicle,\r\n plateNumber: selecteInfo[0],\r\n brand: {\r\n ...this.state.serviceData.providerRACVehicle?.brand,\r\n vB_DESCR: selecteInfo[1].split(\" \")[0]\r\n },\r\n model: {\r\n ...this.state.serviceData.providerRACVehicle?.model,\r\n vM_DESCR: selecteInfo[1].split(\" \")[1]\r\n },\r\n gearType: {\r\n ...this.state.serviceData.providerRACVehicle?.gearType,\r\n descr: selecteInfo[2]\r\n },\r\n fuelType: {\r\n ...this.state.serviceData.providerRACVehicle?.fuelType,\r\n descr: selecteInfo[3]\r\n },\r\n id: selectOption.value\r\n }\r\n }\r\n });\r\n }\r\n handleRaxaStaffChange(selectOption) {\r\n this.setState({\r\n serviceData: {\r\n ...this.state.serviceData,\r\n providerStaff: {\r\n ...this.state.serviceData.providerStaff,\r\n fullName: selectOption.label,\r\n id: selectOption.value\r\n }\r\n }\r\n });\r\n }\r\n toggleIsSuspicious() {\r\n if (this.state.serviceData.providerIsSuspiciousSituation === '')\r\n this.setState({ serviceData: { ...this.state.serviceData, providerIsSuspiciousSituation: true } });\r\n else\r\n this.setState({ serviceData: { ...this.state.serviceData, providerIsSuspiciousSituation: !this.state.serviceData.providerIsSuspiciousSituation } });\r\n }\r\n toggleIsHumanDamage() {\r\n if (this.state.serviceData.providerIsBodilyDamage === '')\r\n this.setState({ serviceData: { ...this.state.serviceData, providerIsBodilyDamage: true } });\r\n else\r\n this.setState({ serviceData: { ...this.state.serviceData, providerIsBodilyDamage: !this.state.serviceData.providerIsBodilyDamage } });\r\n }\r\n handleFileUpload(evt) {\r\n var fileInput = false\r\n if (evt.target.files[0]) {\r\n fileInput = true\r\n }\r\n let containsExistingFiles = false;\r\n if (fileInput) {\r\n Array.prototype.forEach.call(evt.target.files, file => {\r\n let fileExists = false;\r\n Resizer.imageFileResizer(\r\n file,\r\n 150,\r\n 150,\r\n 'JPEG',\r\n 100,\r\n 0,\r\n uri => {\r\n if (!this.state.photosPreview.some(x => x === uri)) {\r\n const newArray = this.state.photosPreview.concat(uri);\r\n this.setState({ photosPreview: newArray });\r\n }\r\n else {\r\n containsExistingFiles = true;\r\n fileExists = true;\r\n }\r\n }\r\n );\r\n if (!fileExists) {\r\n Resizer.imageFileResizer(\r\n file,\r\n 1024,\r\n 1024,\r\n 'JPEG',\r\n 100,\r\n 0,\r\n uri => {\r\n if (!this.state.serviceData.photos?.some(x => (x === uri))) {\r\n this.uploadPhoto(uri);\r\n }\r\n }\r\n );\r\n }\r\n });\r\n }\r\n if (containsExistingFiles) {\r\n NotificationManager.warning(\"Önceden eklenmiş fotoğraflar tespit edildi.\");\r\n }\r\n evt.target.value = null;\r\n }\r\n\r\n handleTabChange(evt) {\r\n if (evt === \"photos\") {\r\n if (this.state.photosPreview.length === 0)\r\n this.getPhotos();\r\n }\r\n }\r\n\r\n\r\n //API Calls\r\n async getServiceData() {\r\n var request = {\r\n ServiceID: this.state.serviceData.id,\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/service/getservicebyrequest/\", request)\r\n .then(res => {\r\n if (res.data.isSuccess)\r\n this.setState({ serviceData: res.data.data });\r\n else\r\n NotificationManager.error(\"Servis bilgileri alınamadı\");\r\n });\r\n }\r\n async updateService() {\r\n this.setState({ saveIconClasses: \"fa-spin ml-2\" });\r\n this.setState({ searchBtnDisabled: true });\r\n var request = {\r\n ServiceID: this.state.serviceData.id,\r\n ProviderIsSuspiciousSituation: this.state.serviceData.providerIsSuspiciousSituation == null ? false : this.state.serviceData.providerIsSuspiciousSituation,\r\n ProviderSuspiciousSituationDescription: this.state.serviceData.providerSuspiciousSituationDescription,\r\n ProviderIsBodilyDamage: this.state.serviceData.providerIsBodilyDamage == null ? false : this.state.serviceData.providerIsBodilyDamage,\r\n ProviderPrice: parseFloat(this.state.serviceData.providerPrice),\r\n ProviderUnit: parseInt(this.state.serviceData.providerUnit),\r\n ProviderNote: this.state.serviceData.providerNote,\r\n ProviderRACGroupID: this.state.serviceData.providerRACGroup?.id,\r\n ProviderRACBrandID: this.state.serviceData.providerRACBrand?.vB_ID,\r\n ProviderRACModelID: this.state.serviceData.providerRACModel?.vM_ID,\r\n ProviderRACGearTypeID: this.state.serviceData.providerRACGearType?.id,\r\n ProviderRACDeliveryDate: this.state.serviceData.providerRACDeliveryDate,\r\n ProviderRACReturnDate: this.state.serviceData.providerRACReturnDate,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/service/updateservice/\", request)\r\n .then(res => {\r\n if (res.data.data) {\r\n NotificationManager.success(\"Servis Onaya Gönderilmiştir.\")\r\n this.props.closeModal();\r\n }\r\n else {\r\n NotificationManager.error(res.data.message);\r\n this.setState({ saveIconClasses: \"fa-spin d-none ml-2\" })\r\n this.setState({ searchBtnDisabled: false });\r\n }\r\n });\r\n }\r\n async getRacGroups(apiRoot) {\r\n axios.get(\"api/parameter/getRacGroups\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.racGroups.push({ value: value.id, label: value.name });\r\n }\r\n });\r\n }\r\n async getRacGearTypes(apiRoot) {\r\n axios.get(\"api/parameter/getRacGearTypes\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.racGearTypes.push({ value: value.id, label: value.descr });\r\n }\r\n });\r\n }\r\n async getRacBrands(apiRoot) {\r\n axios.get(\"api/parameter/getRacBrands\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.racBrands.push({ value: value.vB_ID, label: value.vB_DESCR });\r\n }\r\n });\r\n }\r\n async getRacModelByBrandID(apiRoot) {\r\n axios.get(\"api/parameter/getmodelsbybrandid/\" + this.state.serviceData.providerRACBrand.vB_ID)\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.racModels.push({ value: value.vM_ID, label: value.vM_DESCR });\r\n }\r\n });\r\n }\r\n async getVehicleInventory() {\r\n var request =\r\n {\r\n ShowBussyVehicles: false,\r\n ShowDeleteVehicles: false,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/raxa/getvehiclelist/\", request)\r\n .then(res => {\r\n const temp = []\r\n if (res.data.data) {\r\n for (const [, value] of res.data.data.entries()) {\r\n temp.push({\r\n value: value.id,\r\n label: value.plateNumber + ', ' +\r\n value.brand.vB_DESCR + ' ' +\r\n value.model.vM_DESCR + ', ' +\r\n value.gearType.descr + ', ' +\r\n value.fuelType.descr\r\n })\r\n }\r\n this.setState({ providerVehicleInventoryList: temp });\r\n }\r\n });\r\n }\r\n async getStaffInventory() {\r\n var request =\r\n {\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/raxa/getstafflist/\", request)\r\n .then(res => {\r\n const temp = []\r\n if (res.data.data) {\r\n for (const [, value] of res.data.data.entries()) {\r\n temp.push({\r\n value: value.id,\r\n label: value.fullName\r\n })\r\n }\r\n this.setState({ providerStaffInventoryList: temp });\r\n }\r\n });\r\n }\r\n async RaxaAssignment() {\r\n if (!this.state.serviceData.providerRACVehicle) {\r\n NotificationManager.error(\"Araç seçimi yapılmadı!\");\r\n return;\r\n }\r\n if (!this.state.serviceData.providerStaff) {\r\n NotificationManager.error(\"Personel seçimi yapılmadı!\");\r\n return;\r\n }\r\n const request = {\r\n ServiceID: this.state.serviceData.id,\r\n ProviderRACVehicleID: this.state.serviceData.providerRACVehicle.id,\r\n ProviderStaffID: this.state.serviceData.providerStaff.id,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n };\r\n\r\n axios.post(\"api/raxa/racassignment/\", request)\r\n .then(res => {\r\n if (res.data.data) {\r\n this.getServiceData();\r\n }\r\n else\r\n NotificationManager.error(res.data.message);\r\n });\r\n }\r\n async raxaReturn() {\r\n const request = {\r\n ServiceID: this.state.serviceData.id,\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n };\r\n\r\n axios.post(\"api/raxa/raxareturn/\", request)\r\n .then(res => {\r\n if (res.data.data) {\r\n this.getServiceData();\r\n }\r\n else\r\n NotificationManager.error(res.data.message);\r\n });\r\n }\r\n async uploadPhoto(Base64String) {\r\n var request = {\r\n Base64Photo: Base64String,\r\n ServiceID: this.state.serviceData.id,\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/service/photoupload/\", request)\r\n .then(res => {\r\n if (!res.data.data) {\r\n NotificationManager.error(res.data.message);\r\n }\r\n });\r\n }\r\n async getPhotos() {\r\n var request = {\r\n ServiceID: this.state.serviceData.id,\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/service/getservicephotosbyrequest/\", request)\r\n .then(res => {\r\n if (res.data.data.length > 0) {\r\n\r\n for (const [, value] of res.data.data.entries()) {\r\n var dataURI = \"data:image/jpeg;base64,\" + value.imageData;\r\n var byteString = atob(dataURI.split(',')[1]);\r\n var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]\r\n var ab = new ArrayBuffer(byteString.length);\r\n var ia = new Uint8Array(ab);\r\n for (var i = 0; i < byteString.length; i++)\r\n ia[i] = byteString.charCodeAt(i);\r\n var blob = new Blob([ab], { type: mimeString });\r\n Resizer.imageFileResizer(\r\n blob,\r\n 150,\r\n 150,\r\n 'JPEG',\r\n 100,\r\n 0,\r\n uri => {\r\n const newArray = this.state.photosPreview.concat(uri);\r\n this.setState({ photosPreview: newArray });\r\n }\r\n );\r\n }\r\n this.setState({ noPhoto: false });\r\n NotificationManager.success(\"Fotoğraflar yüklendi\")\r\n }\r\n else {\r\n this.setState({ noPhoto: true })\r\n NotificationManager.warning(\"Serviste fotoğraf bulunmamaktadır\");\r\n }\r\n });\r\n }\r\n\r\n //Component Events\r\n componentDidMount() {\r\n this.props.service.data.data.ipaeKsperProviderApprovalNotes.forEach(note => {\r\n note.recordDate = moment(note.recordDate).format(\"DD.MM.YYYY HH:mm\");\r\n });\r\n this.setState({ serviceData: this.props.service.data.data }, () => {\r\n if (this.state.serviceData.providerRACBrand?.vB_ID) this.getRacModelByBrandID();\r\n\r\n });\r\n this.getRacGroups();\r\n this.getRacGearTypes();\r\n this.getRacBrands();\r\n this.getVehicleInventory();\r\n this.getStaffInventory();\r\n }\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.service !== this.props.service) {\r\n this.setState({ serviceData: this.props.service.data.data });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n Genel Bilgileri \r\n \r\n \r\n Servis Bilgileri \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
Kiralık Araç Bilgileri \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 Tedarikçi Notu: \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n this.handleSuspiciousSituationDescriptionChange(e)}\r\n disabled={!this.state.serviceData.providerIsSuspiciousSituation}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n this.updateService()} >\r\n Kaydet ve Gönder \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n 0 ? \"d-none\" : \"\"} />\r\n
\r\n \r\n\r\n {this.state.photosPreview.map((item, i) => (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {this.state.proto}\r\n \r\n Veri bulunmamaktadır\r\n }\r\n subHeaderComponent={(\r\n \r\n
\r\n )}\r\n highlightOnHover={true}\r\n striped={true}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Personel ve Araç Ataması \r\n \r\n \r\n \r\n
\r\n \r\n R-AXA Durumu \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n this.handleserviceDetailModalClose()}>\r\n \r\n Servis Detayı \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React from 'react';\r\n\r\nconst ApiRootContext = React.createContext();\r\nexport default ApiRootContext;","import React, { Component } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport axios from 'axios';\r\nimport mainlogo from '..//img/main_logo_interpartner.png';\r\n\r\n//Bootstrap\r\nimport Form from 'react-bootstrap/Form';\r\nimport Row from 'react-bootstrap/Row';\r\nimport Col from 'react-bootstrap/Col';\r\nimport Card from 'react-bootstrap/Card';\r\nimport Button from 'react-bootstrap/Button';\r\nimport InputGroup from 'react-bootstrap/InputGroup';\r\nimport ListGroup from 'react-bootstrap/ListGroup';\r\nimport Modal from 'react-bootstrap/Modal';\r\n\r\n//FontAwesome\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faLock } from '@fortawesome/free-solid-svg-icons'\r\nimport { faUser } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCircleNotch } from '@fortawesome/free-solid-svg-icons'\r\nimport { faEnvelope } from '@fortawesome/free-solid-svg-icons'\r\n\r\n//Google Recaptcha\r\nimport ReCAPTCHA from \"react-google-recaptcha\";\r\n\r\n//Context\r\nimport ApiRootContext from './ApiRootContext';\r\n\r\n\r\nexport class Login extends Component {\r\n static displayName = Login.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loginClasses: \"fa-spin ml-2 d-none\",\r\n loginMessageClasses: \"d-none\",\r\n passwordResetMessageClasses: \"d-none\",\r\n loginBtnDisabled: false,\r\n loginResponse: {},\r\n passwordResetResponse: {},\r\n userName: \"\",\r\n password: \"\",\r\n email: \"\",\r\n showResetPassowrdModal: false,\r\n reCAPTCHAToken: \"\"\r\n };\r\n this.Login = this.Login.bind(this);\r\n this.ResetPassword = this.ResetPassword.bind(this);\r\n }\r\n\r\n ResetPassowrdModalClose() {\r\n this.setState({ showResetPassowrdModal: false });\r\n }\r\n\r\n ResetPassowrdModalOpen() {\r\n this.setState({ showResetPassowrdModal: true });\r\n }\r\n\r\n HandleChange(evt) {\r\n const value = evt.target.value;\r\n this.setState({ [evt.target.name]: value });\r\n }\r\n\r\n HandleReCAPTCHAChagne(value) {\r\n this.setState({ reCAPTCHAToken: value });\r\n }\r\n\r\n async Login(APIRoot) {\r\n this.setState({\r\n loginClasses: \"fa-spin ml-2\",\r\n loginBtnDisabled: true,\r\n redirectURL: \"\"\r\n });\r\n\r\n const request = {\r\n UserName: this.state.userName,\r\n Password: this.state.password,\r\n reCAPTCHAToken: this.state.reCAPTCHAToken\r\n }\r\n\r\n axios.post(\"api/user/login\", request)\r\n .then(res => {\r\n if (res.data.isSuccess) {\r\n \r\n window.sessionStorage.setItem(\"userID\", res.data.data.userID);\r\n window.sessionStorage.setItem(\"userToken\", res.data.data.userAccessToken);\r\n window.sessionStorage.setItem(\"isProvider\", res.data.data.isProvider);\r\n this.setState({\r\n loginMessageClasses: \"d-none mb- 3\",\r\n loginResponse: res.data\r\n });\r\n this.props.authCheck();\r\n if (res.data.data.isProvider)\r\n this.setState({ redirectURL: '/UnprocessedServices' });\r\n else\r\n this.setState({ redirectURL: '/InsuranceServices' });\r\n }\r\n else {\r\n this.setState({\r\n loginClasses: \"fa-spin ml-2 d-none\",\r\n loginBtnDisabled: false,\r\n loginResponse: res.data,\r\n loginMessageClasses: \"mb-3\"\r\n });\r\n }\r\n });\r\n }\r\n\r\n async ResetPassword() {\r\n const request = {\r\n UserName: this.state.userName,\r\n UserEmail: this.state.email,\r\n reCAPTCHAToken: this.state.reCAPTCHAToken\r\n }\r\n\r\n axios.post(\"api/user/resetpassword\", request)\r\n .then(res => {\r\n this.setState({\r\n passwordResetMessageClasses: \"mb-3\",\r\n passwordResetResponse: res.data\r\n });\r\n });\r\n }\r\n\r\n render() {\r\n if (this.state.redirectURL) {\r\n return \r\n \r\n \r\n \r\n IPAEksper \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Inter Partner Assistance\r\n \r\n \r\n \r\n
\r\n this.ResetPassowrdModalClose()}>\r\n \r\n Şifre Talebi \r\n \r\n \r\n \r\n \r\n \r\n {this.state.passwordResetResponse.message} \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n this.HandleChange(e)} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n this.HandleChange(e)} />\r\n \r\n \r\n \r\n this.HandleReCAPTCHAChagne(value)} />\r\n \r\n \r\n this.ResetPassowrdModalClose()}>\r\n Kapat\r\n \r\n this.ResetPassword()}>\r\n Şifre Yenile\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { TextInput } from './TextInput';\r\n\r\n//Bootstrap\r\nimport Form from 'react-bootstrap/Form';\r\nimport Row from 'react-bootstrap/Row';\r\nimport Col from 'react-bootstrap/Col';\r\nimport Card from 'react-bootstrap/Card';\r\nimport Button from 'react-bootstrap/Button';\r\nimport Tabs from 'react-bootstrap/Tabs';\r\nimport Tab from 'react-bootstrap/Tab';\r\nimport { CardHeader, CardBody, CardFooter } from 'reactstrap';\r\n\r\n//FontAwesome\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faCar } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCalendar } from '@fortawesome/free-solid-svg-icons'\r\nimport { faSave } from '@fortawesome/free-solid-svg-icons'\r\nimport { faUser } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCircleNotch } from '@fortawesome/free-solid-svg-icons'\r\nimport { faPhone } from '@fortawesome/free-solid-svg-icons'\r\nimport { faTrash } from '@fortawesome/free-solid-svg-icons'\r\n\r\n//React-Select\r\nimport Select from 'react-select'\r\n\r\n//DataTable\r\nimport DataTable from 'react-data-table-component';\r\n\r\n\r\nexport class RAXAInventory extends Component {\r\n static displayName = RAXAInventory.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n newVehiclePlate: '',\r\n newVehicleBrand: {\r\n vB_ID: 0,\r\n vB_DESCR: ''\r\n },\r\n newVehicleModel: {\r\n vM_ID: 0,\r\n vM_DESCR: ''\r\n },\r\n newVehicleGearType: {\r\n id: 0,\r\n descr: ''\r\n },\r\n newVehicleFuelType: {\r\n id: 0,\r\n descr: ''\r\n },\r\n newVehicleModelYear: '',\r\n newVehicleOwnership: {\r\n isSelfOwned: null,\r\n label: ''\r\n },\r\n newVehicleBrands: [],\r\n newVehicleModels: [],\r\n newVehicleGearTypes: [],\r\n newVehicleFuelTypes: [],\r\n newVehicleOwnerships: [\r\n { value: true, label: 'Özmal' },\r\n { value: false, label: 'Kiralık' },\r\n ],\r\n saveVehicleIconClasses: 'fa-spin d-none ml-2',\r\n saveVehicleButtonDisabled: false,\r\n saveStaffIconClasses: 'fa-spin d-none ml-2',\r\n saveStaffButtonDisabled: false,\r\n newStaffName: '',\r\n newStaffPhoneNumber: '',\r\n showBussyVehicles: true,\r\n vehicleTableColumns: [\r\n {\r\n name: 'Plaka',\r\n selector: 'plateNumber',\r\n sortable: true,\r\n wrap: false,\r\n },\r\n {\r\n name: 'Marka',\r\n selector: 'brand.vB_DESCR',\r\n sortable: true,\r\n wrap: false,\r\n },\r\n {\r\n name: 'Model',\r\n selector: 'model.vM_DESCR',\r\n sortable: true,\r\n wrap: false,\r\n },\r\n {\r\n name: 'Yıl',\r\n selector: 'modelYear',\r\n sortable: true,\r\n wrap: false,\r\n },\r\n {\r\n name: 'Vites',\r\n selector: 'gearType.descr',\r\n sortable: true,\r\n wrap: false,\r\n },\r\n {\r\n name: 'Yakıt',\r\n selector: 'fuelType.descr',\r\n sortable: true,\r\n wrap: false,\r\n },\r\n {\r\n cell: row =>\r\n this.deleteInvetoryVehicle(row.id)}>\r\n \r\n ,\r\n button: true,\r\n }\r\n ],\r\n vehicleInventoryList: [],\r\n staffTableColumns: [\r\n {\r\n name: 'İsim',\r\n selector: 'fullName',\r\n sortable: true,\r\n wrap: false,\r\n },\r\n {\r\n name: 'Telefon',\r\n selector: 'mobileNumber',\r\n sortable: true,\r\n wrap: false,\r\n },\r\n {\r\n cell: row =>\r\n this.deleteInvetorySaff(row.id)}>\r\n \r\n ,\r\n button: true,\r\n }\r\n ],\r\n staffInventoryList: []\r\n };\r\n this.handleNewVehiclePlateChange = this.handleNewVehiclePlateChange.bind(this);\r\n this.handleNewVehicleBrandChange = this.handleNewVehicleBrandChange.bind(this);\r\n this.handleNewVehicleModelChange = this.handleNewVehicleModelChange.bind(this);\r\n this.handleNewVehicleGearTypeChange = this.handleNewVehicleGearTypeChange.bind(this);\r\n this.handleNewVehicleFuelTypeChange = this.handleNewVehicleFuelTypeChange.bind(this);\r\n this.handleNewVehicleModelYearChange = this.handleNewVehicleModelYearChange.bind(this);\r\n this.SaveVehicleToInventory = this.SaveVehicleToInventory.bind(this);\r\n this.handleNewStaffNameChange = this.handleNewStaffNameChange.bind(this);\r\n this.handleNewStaffPhoneNumberChange = this.handleNewStaffPhoneNumberChange.bind(this);\r\n this.SaveStaffToInventory = this.SaveStaffToInventory.bind(this);\r\n this.handleNewVehicleOwnershipChange = this.handleNewVehicleOwnershipChange.bind(this);\r\n this.GetVehicleInventory = this.GetVehicleInventory.bind(this);\r\n this.GetStaffInventory = this.GetStaffInventory.bind(this);\r\n this.toggleBussyVehicles = this.toggleBussyVehicles.bind(this);\r\n }\r\n\r\n handleNewVehiclePlateChange(evt) {\r\n this.setState({newVehiclePlate: evt.target.value});\r\n }\r\n handleNewVehicleBrandChange(selectOption) {\r\n this.setState({ newVehicleModels: [] });\r\n this.setState({\r\n newVehicleBrand: {\r\n vB_ID: selectOption.value,\r\n vB_DESCR: selectOption.label\r\n }\r\n }, () => this.GetVehicleModelByBrandID());\r\n }\r\n handleNewVehicleModelChange(selectOption) {\r\n this.setState({\r\n newVehicleModel: {\r\n vM_ID: selectOption.value,\r\n vM_DESCR: selectOption.label\r\n }\r\n });\r\n }\r\n handleNewVehicleGearTypeChange(selectOption) {\r\n this.setState({\r\n newVehicleGearType: {\r\n id: selectOption.value,\r\n descr: selectOption.label\r\n }\r\n });\r\n }\r\n handleNewVehicleFuelTypeChange(selectOption) {\r\n this.setState({\r\n newVehicleFuelType: {\r\n id: selectOption.value,\r\n descr: selectOption.label\r\n }\r\n });\r\n }\r\n handleNewVehicleModelYearChange(evt) {\r\n this.setState({ newVehicleModelYear: evt.target.value });\r\n }\r\n handleNewVehicleOwnershipChange(selectOption) {\r\n this.setState({\r\n newVehicleOwnership: {\r\n isSelfOwned: selectOption.value,\r\n label: selectOption.label\r\n }\r\n });\r\n }\r\n handleNewStaffNameChange(evt) {\r\n this.setState({ newStaffName: evt.target.value });\r\n }\r\n handleNewStaffPhoneNumberChange(evt) {\r\n this.setState({ newStaffPhoneNumber: evt.target.value });\r\n }\r\n toggleBussyVehicles() {\r\n this.setState({ showBussyVehicles: !this.state.showBussyVehicles }, () => { this.GetVehicleInventory() })\r\n }\r\n\r\n async GetVehicleBrands(apiRoot) {\r\n axios.get(\"api/parameter/getracbrands\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.newVehicleBrands.push({ value: value.vB_ID, label: value.vB_DESCR });\r\n }\r\n });\r\n }\r\n async GetVehicleModelByBrandID(apiRoot) {\r\n axios.get(\"api/parameter/getmodelsbybrandid/\" + this.state.newVehicleBrand.vB_ID)\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.newVehicleModels.push({ value: value.vM_ID, label: value.vM_DESCR });\r\n }\r\n });\r\n }\r\n async GetVehicleGearTypes(apiRoot) {\r\n axios.get(\"api/parameter/getracgeartypes\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.newVehicleGearTypes.push({ value: value.id, label: value.descr });\r\n }\r\n });\r\n }\r\n async GetVehicleFuelTypes(apiRoot) {\r\n axios.get(\"api/parameter/getracfueltypes\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.newVehicleFuelTypes.push({ value: value.id, label: value.descr });\r\n }\r\n });\r\n }\r\n async SaveVehicleToInventory() {\r\n this.setState({ saveVehicleIconClasses: 'fa-spin ml-2' })\r\n this.setState({ saveVehicleButtonDisabled: true })\r\n var request = {\r\n BrandID: this.state.newVehicleBrand.vB_ID,\r\n ModelID: this.state.newVehicleModel.vM_ID,\r\n GearTypeID: this.state.newVehicleGearType.id,\r\n FuelTypeID: this.state.newVehicleFuelType.id,\r\n ModelYear: parseInt(this.state.newVehicleModelYear),\r\n PlateNumber: this.state.newVehiclePlate,\r\n IsSelfOwned: this.state.newVehicleOwnership.isSelfOwned,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/raxa/savevehicle/\", request)\r\n .then(res => {\r\n this.setState({ saveVehicleIconClasses: 'fa-spin d-none ml-2' });\r\n this.setState({ saveVehicleButtonDisabled: false });\r\n if (res.data.data === true) {\r\n this.setState({\r\n newVehiclePlate: '',\r\n newVehicleBrand: {\r\n vB_ID: 0,\r\n vB_DESCR: ''\r\n },\r\n newVehicleModel: {\r\n vM_ID: 0,\r\n vM_DESCR: ''\r\n },\r\n newVehicleGearType: {\r\n id: 0,\r\n descr: ''\r\n },\r\n newVehicleFuelType: {\r\n id: 0,\r\n descr: ''\r\n },\r\n newVehicleModelYear: '',\r\n newVehicleOwnership: {\r\n isSelfOwned: null,\r\n label: ''\r\n },\r\n });\r\n this.GetVehicleInventory();\r\n }\r\n alert(res.data.message);\r\n });\r\n }\r\n async SaveStaffToInventory() {\r\n this.setState({ saveStaffIconClasses: 'fa-spin ml-2' })\r\n this.setState({ saveStaffButtonDisabled: true })\r\n var request = {\r\n FullName: this.state.newStaffName,\r\n MobileNumber: this.state.newStaffPhoneNumber,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/raxa/savestaff/\", request)\r\n .then(res => {\r\n this.setState({ saveStaffIconClasses: 'fa-spin d-none ml-2' });\r\n this.setState({ saveStaffButtonDisabled: false });\r\n if (res.data.data === true) {\r\n this.setState({\r\n newStaffName: '',\r\n newStaffPhoneNumber: ''\r\n });\r\n this.GetStaffInventory();\r\n }\r\n alert(res.data.message);\r\n });\r\n }\r\n async GetVehicleInventory() {\r\n var request =\r\n {\r\n ShowBussyVehicles: this.state.showBussyVehicles,\r\n ShowDeleteVehicles: false,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/raxa/getvehiclelist/\", request)\r\n .then(res => {\r\n if(res.data?.isSuccess)\r\n this.setState({ vehicleInventoryList: res.data.data });\r\n });\r\n }\r\n async GetStaffInventory() {\r\n var request =\r\n {\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/raxa/getstafflist/\", request)\r\n .then(res => {\r\n if (res.data?.isSuccess)\r\n this.setState({ staffInventoryList: res.data.data });\r\n });\r\n }\r\n async deleteInvetoryVehicle(id) {\r\n var request =\r\n {\r\n ID: id,\r\n IsActive: false,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/raxa/updateinventoryvehicle/\", request)\r\n .then(res => { \r\n if (res.data.data === true) {\r\n alert(\"Araç Silinmiştir.\");\r\n this.GetVehicleInventory();\r\n }\r\n });\r\n }\r\n async deleteInvetorySaff(id) {\r\n var request =\r\n {\r\n ID: id,\r\n IsActive: false,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/raxa/updateinventorystaff/\", request)\r\n .then(res => {\r\n if (res.data.data === true) {\r\n alert(\"Personel Silinmiştir.\");\r\n this.GetStaffInventory();\r\n }\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n this.GetVehicleBrands();\r\n this.GetVehicleGearTypes();\r\n this.GetVehicleFuelTypes();\r\n this.GetVehicleInventory();\r\n this.GetStaffInventory();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n Yeni Araç Tanımlama \r\n \r\n \r\n \r\n \r\n Araç Plakası |
\r\n \r\n
\r\n \r\n Araç Markası |
\r\n \r\n ({ ...theme, borderRadius: 0, })}\r\n placeholder=\"Araç Markası Seçiniz\"\r\n closeMenuOnSelect={true}\r\n className=\"form-control p-0 border-0 basic-multi-select\"\r\n />\r\n \r\n
\r\n \r\n Araç Modeli |
\r\n \r\n ({ ...theme, borderRadius: 0, })}\r\n placeholder=\"Araç Modeli Seçiniz\"\r\n closeMenuOnSelect={true}\r\n className=\"form-control p-0 border-0 basic-multi-select\"\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n Araç Vites Tipi |
\r\n \r\n ({ ...theme, borderRadius: 0, })}\r\n placeholder=\"Vites Tipi Seçiniz\"\r\n closeMenuOnSelect={true}\r\n className=\"form-control p-0 border-0 basic-multi-select\"\r\n />\r\n \r\n
\r\n \r\n Araç Yakıt Tipi |
\r\n \r\n ({ ...theme, borderRadius: 0, })}\r\n placeholder=\"Vites Tipi Seçiniz\"\r\n closeMenuOnSelect={true}\r\n className=\"form-control p-0 border-0 basic-multi-select\"\r\n />\r\n \r\n
\r\n \r\n Model Yılı |
\r\n \r\n
\r\n \r\n
\r\n \r\n Mülkiye Tipi |
\r\n \r\n ({ ...theme, borderRadius: 0, })}\r\n placeholder=\"Mülkiyet Tipi Seçiniz\"\r\n closeMenuOnSelect={true}\r\n className=\"form-control p-0 border-0 basic-multi-select\"\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Envantere Ekle \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Araçlarım \r\n \r\n \r\n \r\n \r\n \r\n \r\n Yeni Personel Tanımlama \r\n \r\n \r\n \r\n \r\n Personel Adı-Soyadı |
\r\n \r\n
\r\n \r\n Personel Telefon Numarası |
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Envantere Ekle \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Personellerim \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { TextInput } from './TextInput';\r\n//Bootstrap\r\nimport Form from 'react-bootstrap/Form';\r\nimport Row from 'react-bootstrap/Row';\r\nimport Col from 'react-bootstrap/Col';\r\nimport Card from 'react-bootstrap/Card';\r\nimport Button from 'react-bootstrap/Button';\r\nimport Table from 'react-bootstrap/Table';\r\n//FontAwesome\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faTrash } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCircleNotch } from '@fortawesome/free-solid-svg-icons'\r\n//Image Resizer\r\nimport Resizer from 'react-image-file-resizer';\r\n//Moment\r\nimport moment from 'moment';\r\n//React-Notification\r\nimport { NotificationContainer, NotificationManager } from 'react-notifications';\r\n\r\nexport class RAXADelivery extends Component {\r\n static displayName = RAXADelivery.name;\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n newImage: {},\r\n photos: [],\r\n photosPreview: [],\r\n photoCountClassName: \"p-1 m-1 rounded text-white bg-danger\",\r\n geolocation: {\r\n latitude: \"\",\r\n longitude: \"\"\r\n },\r\n serviceData: {},\r\n recieverName: \"\",\r\n recieverPhoneNumber: \"\",\r\n saveIconClasses: \"fa-spin d-none ml-2\",\r\n saveBtnDisabled: false\r\n };\r\n this.handleFileUpload = this.handleFileUpload.bind(this);\r\n this.getRaxaServiceData = this.getRaxaServiceData.bind(this);\r\n this.handleReciverNameChange = this.handleReciverNameChange.bind(this);\r\n this.handleReciverPhoneNumberChange = this.handleReciverPhoneNumberChange.bind(this);\r\n this.handleRemoveFromArray = this.handleRemoveFromArray.bind(this);\r\n this.raxaDelivery = this.raxaDelivery.bind(this);\r\n }\r\n\r\n handleFileUpload(evt) {\r\n var fileInput = false\r\n if (evt.target.files[0]) {\r\n fileInput = true\r\n }\r\n if (fileInput) {\r\n Resizer.imageFileResizer(\r\n evt.target.files[0],\r\n 1024,\r\n 1024,\r\n 'JPEG',\r\n 100,\r\n 0,\r\n uri => {\r\n if (!this.state.photos.some(x => (x === uri))) {\r\n const newArray = this.state.photos.concat(uri);\r\n this.setState({ photos: newArray }, () => {\r\n if (this.state.photos.length >= 8) this.setState({ photoCountClassName: \"p-1 m-1 rounded text-white bg-success\" })\r\n });\r\n }\r\n }\r\n );\r\n\r\n Resizer.imageFileResizer(\r\n evt.target.files[0],\r\n 150,\r\n 150,\r\n 'JPEG',\r\n 100,\r\n 0,\r\n uri => {\r\n if (!this.state.photosPreview.some(x => (x === uri))) {\r\n const newArray = this.state.photosPreview.concat(uri);\r\n this.setState({ photosPreview: newArray });\r\n }\r\n else\r\n alert(\"Fotoğraf önceden eklenmiş.\")\r\n }\r\n );\r\n }\r\n evt.target.value = null;\r\n }\r\n handleReciverNameChange(evt) {\r\n this.setState({ recieverName: evt.target.value });\r\n }\r\n handleReciverPhoneNumberChange(evt) {\r\n this.setState({ recieverPhoneNumber: evt.target.value });\r\n }\r\n handleRemoveFromArray(uri) {\r\n let newPhotos = this.state.photos;\r\n for (const [index, value] of newPhotos.entries()) {\r\n if (value === uri) \r\n newPhotos.splice(index, 1);\r\n }\r\n this.setState({ photos: newPhotos });\r\n\r\n let newPhotosPreview = this.state.photosPreview;\r\n for (const [index, value] of newPhotosPreview.entries()) {\r\n if (value === uri) \r\n newPhotosPreview.splice(index, 1);\r\n }\r\n this.setState({ photosPreview: newPhotosPreview});\r\n }\r\n\r\n async getRaxaServiceData() {\r\n var request = {\r\n ServiceID: parseInt(this.props.match.params.serviceid),\r\n ProviderServiceToken: this.props.match.params.accesstoken\r\n }\r\n axios.post(\"api/raxa/getraxaservicebyrequest/\", request)\r\n .then(res => {\r\n if (res.data.isSuccess)\r\n this.setState({ serviceData: res.data.data });\r\n else\r\n alert(\"Servis bilgileri alınamadı\");\r\n });\r\n }\r\n async raxaDelivery() {\r\n if (!this.state.recieverName) {\r\n alert(\"Alıcı Adı-Soyadı boş bırakılamaz\");\r\n return;\r\n }\r\n if (!this.state.recieverPhoneNumber) {\r\n alert(\"Alıcı Telefon Numarası boş bırakılamaz\");\r\n return;\r\n }\r\n if (!this.state.geolocation.latitude && !this.state.geolocation.longitude) {\r\n alert(\"Konum bilgisi olmadan teslimat tamamlanamaz\");\r\n return;\r\n }\r\n if (this.state.photos.length < 8) {\r\n alert(\"En az 8 adet fotoğraf eklenmesi gerekiyor\");\r\n return;\r\n }\r\n\r\n this.setState({\r\n ...this.state,\r\n saveIconClasses: \"fa-spin ml-2\",\r\n saveBtnDisabled: true\r\n });\r\n\r\n let photos = [];\r\n\r\n for (const [, value] of this.state.photos.entries()) {\r\n photos.push(value)\r\n }\r\n\r\n let request = {\r\n ServiceID: parseInt(this.props.match.params.serviceid),\r\n StaffAccessToken: this.props.match.params.accesstoken,\r\n ProviderRACVehicleRecipentName: this.state.recieverName,\r\n ProviderRACVehicleRecipentPhoneNumber: this.state.recieverPhoneNumber,\r\n ProviderRACDeliveryLat: String(this.state.geolocation.latitude),\r\n ProviderRACDeliveryLon: String(this.state.geolocation.longitude),\r\n Base64Photos: photos,\r\n }\r\n axios.post(\"api/raxa/raxadelivery/\", request)\r\n .then(res => {\r\n if (res.data.data) {\r\n alert(\"Teslimat işlemi tamamlandı\");\r\n this.setState({\r\n ...this.state,\r\n serviceData: {\r\n ...this.state.serviceData,\r\n providerRACDeliveryDate: moment().format()\r\n }\r\n });\r\n }\r\n else {\r\n this.setState({\r\n ...this.state,\r\n saveIconClasses: \"fa-spin d-none ml-2\",\r\n saveBtnDisabled: true\r\n });\r\n }\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n if (!(\"geolocation\" in navigator)) {\r\n alert(\"Konum alınamadı. Cihazınızın konum özelliğinin açık olduğundan ve tarayıcıya izin verdiğinden emin olunuz\");\r\n }\r\n else {\r\n let currentstate = this;\r\n navigator.geolocation.getCurrentPosition(function (position) {\r\n currentstate.setState({\r\n geolocation: {\r\n latitude: position.coords.latitude,\r\n longitude: position.coords.longitude\r\n }\r\n });\r\n }, (err) => {\r\n NotificationManager.error(\"Konum alma başarısız oldu.\");\r\n console.log(err);\r\n currentstate.setState({\r\n geolocation: {\r\n latitude: \"0\",\r\n longitude: \"0\"\r\n }\r\n });\r\n }); \r\n }\r\n this.getRaxaServiceData();\r\n }\r\n\r\n render() {\r\n if (!this.state.serviceData?.providerRACDeliveryDate) {\r\n let photoCount = this.state.photos.length;\r\n return (\r\n \r\n \r\n R-AXA Teslimat \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 Araç Fotoğrafları \r\n \r\n
\r\n \r\n \r\n Kişisel verilerin korunması kanunu kapsamında\r\n kredi kartı, teslimat evrağı, ehliyet\r\n gibi kişisel belgelerin fotoğraflarını paylaşmayınız!\r\n \r\n \r\n
\r\n \r\n Adet: {photoCount} / 8 \r\n \r\n
\r\n \r\n \r\n \r\n {this.state.photosPreview.map(item => (\r\n \r\n \r\n this.handleRemoveFromArray(item)}>\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 Teslimatı Tamamla \r\n
\r\n \r\n \r\n );\r\n } else {\r\n return (\r\n \r\n \r\n \r\n Teslimat İşlemi Tamamlandı\r\n \r\n \r\n \r\n );\r\n }\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { LabeledData } from './LabeledData';\r\nimport { TextInput } from './TextInput';\r\nimport { DateInput } from './DateInput';\r\nimport axios from 'axios';\r\n\r\n\r\n//Bootstrap\r\nimport Modal from 'react-bootstrap/Modal';\r\nimport Row from 'react-bootstrap/Row';\r\nimport Col from 'react-bootstrap/Col';\r\nimport Card from 'react-bootstrap/Card';\r\nimport Button from 'react-bootstrap/Button';\r\nimport Tabs from 'react-bootstrap/Tabs';\r\nimport Tab from 'react-bootstrap/Tab';\r\n\r\n//DataTable\r\nimport DataTable from 'react-data-table-component';\r\n\r\n//moment\r\nimport \"moment/locale/tr\";\r\nimport moment from 'moment';\r\n\r\n//FontAwesome\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCircleNotch } from '@fortawesome/free-solid-svg-icons'\r\nimport { faBarcode } from '@fortawesome/free-solid-svg-icons'\r\nimport { faHashtag } from '@fortawesome/free-solid-svg-icons'\r\nimport { faFileInvoice } from '@fortawesome/free-solid-svg-icons'\r\nimport { faPrint } from '@fortawesome/free-solid-svg-icons'\r\nimport { faTimes } from '@fortawesome/free-solid-svg-icons'\r\nimport { faFileExcel } from '@fortawesome/free-solid-svg-icons'\r\n\r\n//React-Notification\r\nimport { NotificationContainer, NotificationManager } from 'react-notifications';\r\n\r\n\r\nexport class Invoicing extends Component {\r\n static displayName = Invoicing.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n invoiceSerialNumber: \"\",\r\n invoiceNumber: \"\",\r\n invoiceDate: \"\",\r\n invoicabelServices: [],\r\n invoicabelServicesColumns: [\r\n {\r\n name: 'Protokol',\r\n selector: 'protocolNumber',\r\n sortable: true,\r\n },\r\n {\r\n name: 'Plaka/Kart No',\r\n selector: 'customerCarPlate',\r\n sortable: true,\r\n },\r\n {\r\n name: 'Dosya',\r\n selector: 'caseDescription',\r\n sortable: true,\r\n wrap: true\r\n },\r\n {\r\n name: 'Servis',\r\n selector: 'serviceDescription',\r\n sortable: true,\r\n wrap: true\r\n },\r\n {\r\n name: 'Tarih',\r\n sortable: true,\r\n cell: row => <>{moment(row.serviceDate).format('DD.MM.YYYY HH:mm')},\r\n selector: row => moment(row.serviceDate).unix()\r\n },\r\n {\r\n name: 'Tutar',\r\n selector: 'ipaEksperTotalAmount.providerTotalAmount',\r\n sortable: true,\r\n wrap: true\r\n },\r\n ],\r\n invoicableServicesSelectionText: {\r\n singular: 'adet',\r\n plural: 'adet',\r\n message: 'servis seçildi'\r\n },\r\n invoicableServiceSelection: [],\r\n existingInvoices: [],\r\n existingInvoicesColumns: [\r\n {\r\n name: 'Seri No',\r\n selector: 'invoiceSerialNumber',\r\n sortable: true,\r\n },\r\n {\r\n name: 'Fatura No',\r\n selector: 'invoiceNumber',\r\n sortable: true,\r\n },\r\n {\r\n name: 'Fatura Tarihi',\r\n sortable: true,\r\n cell: row => <>{moment(row.invoiceDate).format('DD.MM.YYYY')},\r\n selector: row => moment(row.invoiceDate).unix()\r\n },\r\n {\r\n name: 'Toplam Tutar',\r\n selector: 'invoiceTotalAmount',\r\n sortable: true,\r\n wrap: true\r\n },\r\n {\r\n cell: row =>\r\n this.handleViewInvoice(row)}>\r\n \r\n ,\r\n button: true,\r\n }\r\n ],\r\n existingInvoicesItems: [],\r\n existingInvoiceItemsColumns: [\r\n {\r\n name: 'Protokol',\r\n selector: 'protocolNumber',\r\n sortable: true,\r\n },\r\n {\r\n name: 'Plaka/Kart No',\r\n selector: 'customerCarPlate',\r\n sortable: true,\r\n },\r\n {\r\n name: 'Hasar Tipi',\r\n selector: 'caseDescription',\r\n sortable: true,\r\n wrap: true\r\n }, {\r\n name: 'Hizmet Tipi',\r\n selector: 'serviceDescription',\r\n sortable: true,\r\n wrap: true\r\n },\r\n {\r\n name: 'Hizmet Tarih',\r\n sortable: true,\r\n cell: row => <>{moment(row.serviceDate).format('DD.MM.YYYY HH:mm')},\r\n selector: row => moment(row.serviceDate).unix()\r\n },\r\n {\r\n name: 'Tutar',\r\n selector: 'ipaEksperTotalAmount.providerTotalAmount',\r\n sortable: true,\r\n wrap: true\r\n }\r\n ],\r\n searchInvoiceNumber: \"\",\r\n searchInvoiceStartDate: \"\",\r\n searchInvoiceEndDate: \"\",\r\n selectedInvoiceSerialNumber: \"\",\r\n selectedInvoiceNumber: \"\",\r\n selectedInvoiceDate: \"\",\r\n selectedInvoiceTotalPrice: \"\",\r\n showInvoiceDetailsModal: false\r\n\r\n };\r\n this.handleNewInvoiceSerialNumberChange = this.handleNewInvoiceSerialNumberChange.bind(this);\r\n this.handleNewInvoiceNumberChange = this.handleNewInvoiceNumberChange.bind(this);\r\n this.handleNewInvoiceDateChange = this.handleNewInvoiceDateChange.bind(this);\r\n this.handleInvoicableServicesSelectChange = this.handleInvoicableServicesSelectChange.bind(this);\r\n this.handleInvoiceSearchStartDateChange = this.handleInvoiceSearchStartDateChange.bind(this);\r\n this.handleInvoiceSearchEndDateChange = this.handleInvoiceSearchEndDateChange.bind(this);\r\n this.handleInvoiceSearchNumberChange = this.handleInvoiceSearchNumberChange.bind(this);\r\n this.handleViewInvoice = this.handleViewInvoice.bind(this);\r\n this.saveInvoice = this.saveInvoice.bind(this);\r\n this.getAprovedServices = this.getAprovedServices.bind(this);\r\n this.getInvoiceList = this.getInvoiceList.bind(this);\r\n this.downloadExcel = this.downloadExcel.bind(this);\r\n this.saveAsExcelFile = this.saveAsExcelFile.bind(this);\r\n this.getPaymentCalender = this.getPaymentCalender.bind(this);\r\n }\r\n\r\n handleNewInvoiceSerialNumberChange(evt) {\r\n if (evt.target.value === \"\") {\r\n this.setState({ invoiceSerialNumber: evt.target.value });\r\n\r\n } else {\r\n var validString = true;\r\n evt.target.value.split(\"\").forEach((v) => {\r\n if (!isNaN(v)) {\r\n validString = false;\r\n }\r\n });\r\n if (!validString) {\r\n NotificationManager.warning(\"Seri Numarası Harflerden Oluşmalıdır.\",\"\",1500);\r\n return;\r\n }\r\n this.setState({ invoiceSerialNumber: evt.target.value });\r\n }\r\n }\r\n handleNewInvoiceNumberChange(evt) {\r\n if (evt.target.value === \"\") {\r\n this.setState({ invoiceNumber: evt.target.value });\r\n\r\n } else {\r\n var validNumber = true;\r\n evt.target.value.split(\"\").forEach((v) => {\r\n if (isNaN(v)) {\r\n validNumber = false;\r\n }\r\n });\r\n if (!validNumber) {\r\n NotificationManager.warning(\"Fatura Numarası Rakamlardan Oluşmalıdır.\", \"\", 1500);\r\n return;\r\n }\r\n this.setState({ invoiceNumber: evt.target.value });\r\n }\r\n }\r\n handleNewInvoiceDateChange(moment) {\r\n this.setState({ invoiceDate: moment });\r\n }\r\n handleInvoicableServicesSelectChange(selection) {\r\n this.setState({ invoicableServiceSelection: selection });\r\n }\r\n handleInvoiceSearchStartDateChange(moment) {\r\n this.setState({ searchInvoiceStartDate: moment });\r\n }\r\n handleInvoiceSearchEndDateChange(moment) {\r\n this.setState({ searchInvoiceEndDate: moment });\r\n }\r\n handleInvoiceSearchNumberChange(evt) {\r\n this.setState({ searchInvoiceNumber: evt.target.value });\r\n }\r\n handleViewInvoice(invoice) {\r\n this.setState({\r\n ...this.state,\r\n selectedInvoiceSerialNumber: invoice.invoiceSerialNumber,\r\n selectedInvoiceNumber: invoice.invoiceNumber,\r\n selectedInvoiceDate: invoice.invoiceDate,\r\n selectedInvoiceTotalPrice: invoice.invoiceTotalAmount,\r\n existingInvoicesItems: invoice.services,\r\n }, () => { this.setState({ showInvoiceDetailsModal: true });});\r\n }\r\n handleInvoiceDetailModalClose() {\r\n this.setState({ showInvoiceDetailsModal: false });\r\n }\r\n\r\n async getAprovedServices() {\r\n var request = {\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/invoicing/getaprovedservicesbyrequest/\", request)\r\n .then(res => {\r\n if (!res.data.isSuccess) {\r\n NotificationManager.error(\"Servis Listesi Alınamadı\");\r\n } else {\r\n this.setState({ invoicabelServices: res.data.data });\r\n\r\n }\r\n });\r\n }\r\n async saveInvoice() {\r\n if (!this.state.invoiceNumber) {\r\n NotificationManager.error(\"Fatura numarası girilmedi.\")\r\n return;\r\n }\r\n if (!this.state.invoiceDate) {\r\n NotificationManager.error(\"Fatura tarihi girilmedi.\")\r\n return;\r\n }\r\n if (!this.state.invoicableServiceSelection?.selectedRows) {\r\n NotificationManager.error(\"Servis seçilmedi.\")\r\n return;\r\n }\r\n\r\n var request = {\r\n InvoiceSerial: this.state.invoiceSerialNumber,\r\n InvoiceNumber: this.state.invoiceNumber,\r\n InvoiceUnixDate: String(this.state.invoiceDate.unix()),\r\n IPAEksperServiceIDs: this.state.invoicableServiceSelection.selectedRows.map(item => item.fdid),\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/invoicing/saveinvoice/\", request)\r\n .then(res => {\r\n if (res.data.isSuccess) {\r\n NotificationManager.success(\"Fatura kaydedildi\");\r\n } else {\r\n NotificationManager.error(\"Fatura Kaydedilemedi\");\r\n }\r\n });\r\n }\r\n async getInvoiceList() {\r\n this.setState({ existingInvoices: [] })\r\n var request = {\r\n invoiceUnixDateStart: this.state.searchInvoiceStartDate ? String(this.state.searchInvoiceStartDate.unix()) : null,\r\n invoiceUnixDateEnd: this.state.searchInvoiceEndDate ? String(this.state.searchInvoiceEndDate.unix()) : null,\r\n invoiceNumber: this.state.searchInvoiceNumber,\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n\r\n axios.post(\"api/invoicing/getinvoicelist/\", request)\r\n .then(res => {\r\n if (res.data.isSuccess) {\r\n this.setState({ existingInvoices: res.data.data });\r\n } else {\r\n NotificationManager.error(\"Fatura listesi getirilemedi.\");\r\n }\r\n });\r\n }\r\n\r\n async getPaymentCalender() {\r\n axios({\r\n url: \"api/invoicing/getpaymentcalender\",\r\n method: 'GET',\r\n responseType: 'blob',\r\n }).then(res => {\r\n var blob = new Blob([res.data]);\r\n var link = document.createElement('a');\r\n link.href = window.URL.createObjectURL(blob);\r\n link.download = \"odemetakvim.pdf\";\r\n link.click();\r\n });\r\n }\r\n\r\n downloadExcel() {\r\n var exportData = [];\r\n this.state.invoicabelServices.forEach(item => {\r\n var exportRecord = {\r\n \"Protokol\": item.protocolNumber,\r\n \"Plaka/KartNo\": item.customerCarPlate?.trim(),\r\n \"Dosya\": item.caseDescription?.trim(),\r\n \"Tarih\": moment(item.serviceDate).format('DD.MM.YYYY HH:mm'),\r\n \"Tutar\": item.ipaEksperTotalAmount.providerTotalAmount\r\n }\r\n exportData.push(exportRecord);\r\n });\r\n\r\n import('xlsx').then(xlsx => {\r\n const worksheet = xlsx.utils.json_to_sheet(exportData);\r\n const workbook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };\r\n const excelBuffer = xlsx.write(workbook, { bookType: 'xlsx', type: 'array' });\r\n this.saveAsExcelFile(excelBuffer, 'export');\r\n });\r\n return;\r\n }\r\n\r\n saveAsExcelFile(buffer, fileName) {\r\n import('file-saver').then(FileSaver => {\r\n let EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n let EXCEL_EXTENSION = '.xlsx';\r\n const data = new Blob([buffer], {\r\n type: EXCEL_TYPE\r\n });\r\n FileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n this.getAprovedServices();\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n Fatura Kabul ve Ödeme Tarihleri \r\n \r\n \r\n \r\n \r\n Yeni Fatura \r\n \r\n \r\n \r\n
\r\n \r\n a = a + v.ipaEksperTotalAmount.providerTotalAmount, 0) : \"0\"} />\r\n \r\n \r\n Faturayı Oluştur ve Kaydet \r\n \r\n \r\n
\r\n \r\n \r\n Excel \r\n \r\n \r\n
\r\n \r\n \r\n Yükleniyor Veri bulunmamaktadır \r\n }\r\n selectableRows\r\n selectableRowsHighlight={true}\r\n contextMessage={this.state.invoicableServicesSelectionText}\r\n onSelectedRowsChange={this.handleInvoicableServicesSelectChange}\r\n highlightOnHover={true}\r\n striped={true}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Eski Fatura Listesi \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Fatura Ara \r\n \r\n \r\n
\r\n \r\n Yükleniyor Veri bulunmamaktadır \r\n }\r\n highlightOnHover={true}\r\n striped={true}\r\n />\r\n \r\n \r\n \r\n \r\n
\r\n this.handleInvoiceDetailModalClose()}>\r\n \r\n Fatura Detayı \r\n \r\n window.print()}>\r\n \r\n this.handleInvoiceDetailModalClose()}>\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Yükleniyor Veri bulunmamaktadır \r\n }\r\n highlightOnHover={true}\r\n striped={true}\r\n />\r\n \r\n \r\n \r\n \r\n Servis Bilgileri \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 0 ? \"\" : \"d-none\"}>\r\n \r\n Fotoğraflar \r\n \r\n \r\n \r\n {this.state.photosPreview?.map(item => (\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","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\n\r\nimport { ServiceSearch } from './ServiceSearch';\r\nimport { ServiceList } from './ServiceList';\r\nimport { InsuranceServiceDetail } from './InsuranceServiceDetail';\r\n\r\n//Bootstrap\r\nimport Modal from 'react-bootstrap/Modal';\r\n\r\nexport class InsuranceServices extends Component {\r\n static displayName = InsuranceServices.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n searchData: { data: { data: [] } },\r\n serviceData: { data: { data: [] } },\r\n serviceTableLoading: true\r\n };\r\n this.searchServices = this.searchServices.bind(this);\r\n this.handleserviceDetailModalClose = this.handleserviceDetailModalClose.bind(this);\r\n this.handleserviceDetailModalOpen = this.handleserviceDetailModalOpen.bind(this);\r\n this.getInsuranceServiceByID = this.getInsuranceServiceByID.bind(this);\r\n }\r\n\r\n handleserviceDetailModalClose() {\r\n this.setState({ showServiceDetailModal: false });\r\n }\r\n handleserviceDetailModalOpen() {\r\n this.setState({ showServiceDetailModal: true });\r\n }\r\n\r\n async searchServices(request) {\r\n this.setState({ serviceTableLoading: true });\r\n axios.post(\"api/service/getinsuranceservicesbyrequest\", request)\r\n .then(res => {\r\n if (res.data.data != null)\r\n this.setState({ searchData: res }, () => this.setState({ serviceTableLoading: false }))\r\n else\r\n this.setState({ searchData: { data: { data: [] } } }, () => this.setState({ serviceTableLoading: false }))\r\n });\r\n }\r\n async getInsuranceServiceByID(serviceID) {\r\n var request = {\r\n ServiceID: serviceID,\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/service/getinsuranceservicebyrequest\", request)\r\n .then(res => {\r\n if (res.data.data != null)\r\n this.setState({ serviceData: res })\r\n this.handleserviceDetailModalOpen();\r\n //Implement error handling\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n this.handleserviceDetailModalClose()}>\r\n \r\n Servis Detayı \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios'\r\n//Custom Components\r\nimport { TextInput } from './TextInput';\r\nimport { SelectInput } from './SelectInput';\r\nimport { DateInput } from './DateInput';\r\n//Bootstrap\r\nimport Button from 'react-bootstrap/Button';\r\nimport Row from 'react-bootstrap/Row';\r\nimport Col from 'react-bootstrap/Col';\r\nimport Card from 'react-bootstrap/Card';\r\nimport Modal from 'react-bootstrap/Modal';\r\nimport FormControl from 'react-bootstrap/FormControl';\r\n//DataTable\r\nimport DataTable from 'react-data-table-component';\r\n//FontAwesome\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faFolderPlus } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCircleNotch } from '@fortawesome/free-solid-svg-icons'\r\nimport { faHashtag } from '@fortawesome/free-solid-svg-icons'\r\nimport { faUser } from '@fortawesome/free-solid-svg-icons'\r\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\r\nimport { faIdCard } from '@fortawesome/free-solid-svg-icons'\r\nimport { faBox } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCar } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCarSide } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCalendarAlt } from '@fortawesome/free-solid-svg-icons'\r\nimport { faPhoneAlt } from '@fortawesome/free-solid-svg-icons'\r\nimport { faMapMarkerAlt } from '@fortawesome/free-solid-svg-icons'\r\nimport { faBoxes } from '@fortawesome/free-solid-svg-icons'\r\nimport { faTint } from '@fortawesome/free-solid-svg-icons'\r\nimport { faDirections } from '@fortawesome/free-solid-svg-icons'\r\nimport { faUndoAlt } from '@fortawesome/free-solid-svg-icons'\r\nimport { faSave } from '@fortawesome/free-solid-svg-icons'\r\nimport { faFileExcel } from '@fortawesome/free-solid-svg-icons'\r\n//moment\r\nimport \"moment/locale/tr\";\r\nimport moment from 'moment';\r\n//React-Notification\r\nimport { NotificationContainer, NotificationManager } from 'react-notifications';\r\n\r\n//Conditional Rendering\r\nfunction RenderTowingInfo(props) {\r\n if (!props.selectedServiceTypes?.length > 0)\r\n return (<>);\r\n var render = false;\r\n for (const [, value] of props.selectedServiceTypes.entries()) {\r\n if (value.value === 1) {\r\n render = true;\r\n break;\r\n }\r\n }\r\n if (render) {\r\n return (\r\n <>\r\n \r\n \r\n Çekici Bilgileri \r\n \r\n \r\n \r\n Servis Adı \r\n Hizmet Adresi \r\n
\r\n \r\n \r\n \r\n )\r\n }\r\n return (<>);\r\n}\r\nfunction RenderRentalInfo(props) {\r\n if (!props.selectedServiceTypes?.length > 0)\r\n return (<>);\r\n var render = false;\r\n for (const [, value] of props.selectedServiceTypes.entries()) {\r\n if (value.value === 2) {\r\n render = true;\r\n break;\r\n }\r\n }\r\n if (render) {\r\n return (\r\n <>\r\n \r\n \r\n Ikame Bilgileri \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 return (<>);\r\n}\r\nfunction RenderValetInfo(props) {\r\n if (!props.selectedServiceTypes?.length > 0)\r\n return (<>);\r\n var render = false;\r\n for (const [, value] of props.selectedServiceTypes.entries()) {\r\n if (value.value === 3) {\r\n render = true;\r\n break;\r\n }\r\n }\r\n if (render) {\r\n return (\r\n <>\r\n \r\n \r\n Vale Bilgileri \r\n \r\n \r\n \r\n
\r\n \r\n Servis Adı \r\n Hizmet Adresi \r\n
\r\n \r\n \r\n \r\n )\r\n }\r\n return (<>);\r\n}\r\n\r\nexport class RequestedCases extends Component {\r\n static displayName = RequestedCases.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n requestedCasesColumns: [\r\n {\r\n cell: row =>\r\n this.getCaseRequestByID(row.id)}>\r\n \r\n ,\r\n button: true,\r\n },\r\n {\r\n name: \"Plaka\",\r\n selector: \"plateNumber\",\r\n sortable: true,\r\n },\r\n {\r\n name: \"Ad Soyad\",\r\n selector: \"policyHoderName\",\r\n sortable: true,\r\n },\r\n {\r\n name: \"Poliçe No\",\r\n selector: \"policyNumber\",\r\n sortable: true,\r\n wrap: true\r\n },\r\n {\r\n name: \"Talepler\",\r\n cell: row => {\r\n var requestsText = \"\"\r\n row.serviceTypes.forEach((value) => {\r\n requestsText = requestsText ? requestsText + \", \" + value.serviceType : value.serviceType\r\n });\r\n return (<>{requestsText});\r\n },\r\n sortable: true,\r\n wrap: true\r\n },\r\n {\r\n name: \"Durum\",\r\n selector: \"status\",\r\n sortable: true,\r\n wrap: true\r\n },\r\n {\r\n name: \"Oluşturan\",\r\n selector: \"requestCreatorUserVisibleName\",\r\n sortable: true,\r\n wrap: true\r\n },\r\n {\r\n name: \"Oluşturma Tarihi\",\r\n sortable: true,\r\n cell: row => <>{moment(row.dateRequestCreated).format(\"DD.MM.YYYY HH:mm\")},\r\n selector: row => moment(row.dateRequestCreated).unix()\r\n },\r\n {\r\n name: \"İşleme Alan\",\r\n selector: \"caseCreatorUserName\",\r\n sortable: true,\r\n wrap: true\r\n },\r\n {\r\n name: \"İşleme Alma Tarihi\",\r\n sortable: true,\r\n cell: row => <>{row.dateCaseCreated ? moment(row.dateCaseCreated).format(\"DD.MM.YYYY HH:mm\") : \"\"},\r\n selector: row => row.dateCaseCreated ? moment(row.dateCaseCreated).unix() : \"\"\r\n },\r\n ],\r\n requestedCases: [],\r\n requestedCasesLoading: false,\r\n searchPolicyNumber: \"\",\r\n searchPlateNumber: \"\",\r\n dateStart: \"\",\r\n dateEnd: \"\",\r\n showCaseRequestDetailModal: false,\r\n policyNumber: \"\",\r\n policyHolderName: \"\",\r\n policyHoderPlate: \"\",\r\n policyHolderProduct: \"\",\r\n policyHolderVehicleBrand: \"\",\r\n policyHolderVehicleModel: \"\",\r\n policyHolderVehicleModelYear: \"\",\r\n callerName: \"\",\r\n callerPhone: \"\",\r\n callerTown: {},\r\n callerTownArea: {},\r\n callerDistrict: \"\",\r\n callerReasonOfCall: {},\r\n callerDescription: \"\",\r\n callerServiceTypes: [],\r\n towingServiceName: \"\",\r\n towingServiceAddress: \"\",\r\n racDeliveryDate: \"\",\r\n racVehicleSegment: {},\r\n racVehicleGearType: {},\r\n racVehicleFuelType: {},\r\n racReturnDate: \"\",\r\n racReturnUser: \"\",\r\n valetDirection: {},\r\n valetRequestDate: \"\",\r\n valetServiceName: \"\",\r\n valetServiceAddress: \"\",\r\n caseOpenedByUser: {},\r\n towns: [],\r\n townAreas: [],\r\n callReasons: [],\r\n serviceTypes: [],\r\n racVehicleSegments: [],\r\n racVehicleGearTypes: [],\r\n racVehicleFuelTypes: [],\r\n valetDirections: [],\r\n racReturnLoading: false,\r\n currentRequestID: 0,\r\n searchIconClasses: \"d-none\",\r\n saveIconClasses:\"fa-spin d-none ml-2\"\r\n };\r\n this.handleTextInputChange = this.handleTextInputChange.bind(this);\r\n this.handleIntegerTextInputChange = this.handleIntegerTextInputChange.bind(this);\r\n this.handlePhoneTextInputChange = this.handlePhoneTextInputChange.bind(this);\r\n this.handleStartDateChange = this.handleStartDateChange.bind(this);\r\n this.handleEndDateChange = this.handleEndDateChange.bind(this);\r\n this.handleTownChange = this.handleTownChange.bind(this);\r\n this.handleTownAreaChange = this.handleTownAreaChange.bind(this);\r\n this.handleRequestCallReasonChange = this.handleRequestCallReasonChange.bind(this);\r\n this.handleRacDeliveryDateChange = this.handleRacDeliveryDateChange.bind(this);\r\n this.handleRacVehicleSegmentChange = this.handleRacVehicleSegmentChange.bind(this);\r\n this.handleRacVehicleGearTypeChange = this.handleRacVehicleGearTypeChange.bind(this);\r\n this.handleRacVehicleFuelTypeChange = this.handleRacVehicleFuelTypeChange.bind(this);\r\n this.handleValetDirectionChange = this.handleValetDirectionChange.bind(this);\r\n this.handleValetRequestDateChange = this.handleValetRequestDateChange.bind(this);\r\n this.getCaseRequestList = this.getCaseRequestList.bind(this);\r\n this.getTowns = this.getTowns.bind(this);\r\n this.getTownAreasByTownID = this.getTownAreasByTownID.bind(this);\r\n this.getCaseRequestCallReasonList = this.getCaseRequestCallReasonList.bind(this);\r\n this.getCaseRequestServiceTypeList = this.getCaseRequestServiceTypeList.bind(this);\r\n this.getVehicleSegmentList = this.getVehicleSegmentList.bind(this);\r\n this.getGearTypeList = this.getGearTypeList.bind(this);\r\n this.getFuelTypeList = this.getFuelTypeList.bind(this);\r\n this.getValetDirectionsList = this.getValetDirectionsList.bind(this);\r\n this.getCustomerByPolicyNumber = this.getCustomerByPolicyNumber.bind(this);\r\n this.returnRentalVehicle = this.returnRentalVehicle.bind(this);\r\n this.updateCaseRequest = this.updateCaseRequest.bind(this);\r\n this.exportDataToExcel = this.exportDataToExcel.bind(this);\r\n this.saveAsExcelFile = this.saveAsExcelFile.bind(this);\r\n }\r\n\r\n handleTextInputChange(evt) {\r\n this.setState({ [evt.target.name]: evt.target.value });\r\n }\r\n handleIntegerTextInputChange(evt) {\r\n if ((String(parseInt(evt.target.value)) === evt.target.value && parseInt(evt.target.value) > 0) || evt.target.value === \"\")\r\n this.setState({ [evt.target.name]: evt.target.value });\r\n }\r\n handlePhoneTextInputChange(evt) {\r\n if (evt.target.value === \"\") {\r\n this.setState({ [evt.target.name]: evt.target.value });\r\n\r\n } else {\r\n var validNumber = true;\r\n if (evt.target.value.split(\"\")[0] !== \"0\") {\r\n evt.target.value = \"0\" + evt.target.value\r\n }\r\n if (evt.target.value.length > 11) {\r\n validNumber = false;\r\n }\r\n evt.target.value.split(\"\").forEach((v) => {\r\n if (isNaN(v)) {\r\n validNumber = false;\r\n }\r\n });\r\n if (!validNumber) {\r\n return;\r\n }\r\n this.setState({ [evt.target.name]: evt.target.value });\r\n }\r\n }\r\n handleStartDateChange(moment) {\r\n this.setState({ dateStart: moment });\r\n }\r\n handleEndDateChange(moment) {\r\n this.setState({ dateEnd: moment });\r\n }\r\n handleCaseRequestDetailModalClose() {\r\n this.setState({ showCaseRequestDetailModal: false });\r\n }\r\n handleTownChange(selectedOption) {\r\n this.setState({ townAreas: [] }, () =>\r\n this.setState({\r\n callerTown: {\r\n tid: selectedOption.value,\r\n tdescr: selectedOption.label\r\n }\r\n }, () => this.getTownAreasByTownID(this.state.callerTown.tid))\r\n );\r\n }\r\n handleTownAreaChange(selectedOption) {\r\n this.setState({\r\n callerTownArea: {\r\n taid: selectedOption.value,\r\n tadescr: selectedOption.label\r\n }\r\n });\r\n }\r\n handleRequestCallReasonChange(selectedOption) {\r\n this.setState({\r\n callerReasonOfCall: {\r\n id: selectedOption.value,\r\n callReason: selectedOption.label\r\n }\r\n });\r\n }\r\n \r\n handleRacDeliveryDateChange(moment) {\r\n this.setState({ racDeliveryDate: moment });\r\n }\r\n handleRacVehicleSegmentChange(selectedOption) {\r\n this.setState({\r\n racVehicleSegment: {\r\n id: selectedOption.value,\r\n vehicleSegmentName: selectedOption.label\r\n }\r\n });\r\n }\r\n handleRacVehicleGearTypeChange(selectedOption) {\r\n this.setState({\r\n racVehicleGearType: {\r\n id: selectedOption.value,\r\n GearTypeName: selectedOption.label\r\n }\r\n });\r\n }\r\n handleRacVehicleFuelTypeChange(selectedOption) {\r\n this.setState({\r\n racVehicleFuelType: {\r\n id: selectedOption.value,\r\n FuelTypeName: selectedOption.label\r\n }\r\n });\r\n }\r\n handleValetDirectionChange(selectedOption) {\r\n this.setState({\r\n valetDirection: {\r\n id: selectedOption.value,\r\n valetDirection: selectedOption.label\r\n }\r\n });\r\n }\r\n handleValetRequestDateChange(moment) {\r\n this.setState({ valetRequestDate: moment });\r\n }\r\n saveAsExcelFile(buffer, fileName) {\r\n import('file-saver').then(FileSaver => {\r\n let EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n let EXCEL_EXTENSION = '.xlsx';\r\n const data = new Blob([buffer], {\r\n type: EXCEL_TYPE\r\n });\r\n FileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);\r\n });\r\n }\r\n exportDataToExcel() {\r\n var exportData = [];\r\n this.state.requestedCases.forEach(item => {\r\n var requestType = \"\";\r\n item.serviceTypes.forEach(rt => {\r\n requestType = requestType +\",\"+ rt.serviceType\r\n });\r\n requestType = requestType.substring(1);\r\n var exportRecord = {\r\n \"Plaka\": item.plateNumber?.trim(),\r\n \"Ad Soyad\": item.policyHoderName?.trim(),\r\n \"Poliçe No\": item.policyNumber?.trim(),\r\n \"Talepler\": requestType,\r\n \"Durum\": item.status?.trim(),\r\n \"Oluşturan\": item.requestCreatorUserVisibleName?.trim(),\r\n \"Oluşturma Tarih\": moment(item.dateRequestCreated).format('DD.MM.YYYY HH:mm'),\r\n }\r\n exportData.push(exportRecord);\r\n });\r\n\r\n import('xlsx').then(xlsx => {\r\n const worksheet = xlsx.utils.json_to_sheet(exportData);\r\n const workbook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };\r\n const excelBuffer = xlsx.write(workbook, { bookType: 'xlsx', type: 'array' });\r\n this.saveAsExcelFile(excelBuffer, 'export');\r\n });\r\n return;\r\n }\r\n\r\n async getCaseRequestList() {\r\n this.setState({\r\n ...this.state,\r\n requestedCasesLoading: true,\r\n searchIconClasses: \"fa-spin ml-2\"\r\n })\r\n var request =\r\n {\r\n PolicyNumber: this.state.searchPolicyNumber,\r\n PlateNumber: this.state.searchPlateNumber,\r\n CaseRequestUnixDateStart: this.state.dateStart ? String(this.state.dateStart.unix()) : \"\",\r\n CaseRequestUnixDateEnd: this.state.dateEnd ? String(this.state.dateEnd.unix()) : \"\",\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/caserequest/getcaserequestlist/\", request)\r\n .then(res => {\r\n if (res.data?.isSuccess) {\r\n if (res.data.data.length > 0) {\r\n this.setState({ requestedCases: res.data.data }, () => NotificationManager.success(res.data.data.length + ' Adet Dosya Talebi Başarı İle Listelendi.'));\r\n }\r\n else {\r\n NotificationManager.warning(\"Eşleşen Bir Kayıt Bulunamadı\");\r\n }\r\n } else {\r\n NotificationManager.warning(\"Talep Bulunamadı\");\r\n }\r\n this.setState({\r\n ...this.state,\r\n requestedCasesLoading: false,\r\n searchIconClasses: \"d-none\"\r\n });\r\n });\r\n }\r\n async getCaseRequestByID(id) {\r\n var request =\r\n {\r\n ID:id,\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/caserequest/getcaserequestbyrequest/\", request)\r\n .then(res => {\r\n if (res.data?.isSuccess) {\r\n var newState = this.state;\r\n newState.currentRequestID = id;\r\n newState.policyNumber = res.data?.data?.policyNumber;\r\n newState.policyHolderName = res.data?.data?.policyHolderName;\r\n newState.policyHoderPlate = res.data?.data?.policyHoderPlate;\r\n newState.policyHolderProduct = res.data?.data?.policyHolderProduct;\r\n newState.policyHolderVehicleBrand = res.data?.data?.policyHolderVehicleBrand;\r\n newState.policyHolderVehicleModel = res.data?.data?.policyHolderVehicleModel;\r\n newState.policyHolderVehicleModelYear = res.data?.data?.policyHolderVehicleModelYear;\r\n newState.callerName = res.data?.data?.callerName;\r\n newState.callerPhone = res.data?.data?.callerPhone;\r\n newState.callerTown = {\r\n tid: res.data?.data?.callerTown?.tid,\r\n tdescr: res.data?.data?.callerTown?.tdescr,\r\n };\r\n newState.callerTownArea = {\r\n taid: res.data?.data?.callerTownArea?.taid,\r\n tadescr: res.data?.data?.callerTownArea?.tadescr,\r\n };;\r\n newState.callerDistrict = res.data?.data?.callerDistrict;\r\n newState.callerReasonOfCall = {\r\n id: res.data?.data?.callerReasonOfCall?.id,\r\n callReason: res.data?.data?.callerReasonOfCall?.callReason\r\n };\r\n newState.callerDescription = res.data?.data?.callerDescription;\r\n newState.towingServiceName = res.data?.data?.towingServiceName;\r\n newState.towingServiceAddress = res.data?.data?.towingServiceAddress;\r\n newState.racDeliveryDate = moment(res.data?.data?.racDeliveryDate);\r\n newState.racVehicleSegment = {\r\n id: res.data?.data?.racVehicleSegment?.id,\r\n vehicleSegmentName: res.data?.data?.racVehicleSegment?.vehicleSegmentName,\r\n };\r\n newState.racVehicleGearType = {\r\n id: res.data?.data?.racVehicleGearType?.id,\r\n gearTypeName: res.data?.data?.racVehicleGearType?.gearTypeName\r\n };\r\n newState.racVehicleFuelType = {\r\n id: res.data?.data?.racVehicleFuelType?.id,\r\n fuelTypeName: res.data?.data?.racVehicleFuelType?.fuelTypeName\r\n };\r\n newState.racReturnDate = res.data?.data?.returnDate ? moment(res.data?.data?.returnDate) : \"\";\r\n newState.racReturnUser = res.data?.data?.returnUser;\r\n newState.valetDirection = {\r\n id: res.data?.data?.valetDirection?.id,\r\n valetDirection: res.data?.data?.valetDirection?.valetDirection\r\n };\r\n newState.valetRequestDate = moment(res.data?.data?.valetRequestDate);\r\n newState.valetServiceName = res.data?.data?.valetServiceName;\r\n newState.valetServiceAddress = res.data?.data?.valetServiceAddress;\r\n newState.showCaseRequestDetailModal = true;\r\n newState.callerServiceTypes = [];\r\n for (const [, value] of res.data?.data?.callerServiceTypes.entries()) {\r\n newState.callerServiceTypes.push({\r\n value: value.id,\r\n label: value.serviceType\r\n });\r\n }\r\n newState.caseOpenedByUser = res.data?.data?.caseOpenedByUser;\r\n this.setState(newState, () => {\r\n NotificationManager.success(\"Dosya Talebi Bilgileri Alındı.\");\r\n this.getTownAreasByTownID(this.state.callerTown.tid);\r\n });\r\n } else {\r\n NotificationManager.warning(\"Bir Hata İle Karşılaşıldı\");\r\n }\r\n });\r\n }\r\n async getTowns() {\r\n axios.get(\"api/parameter/gettowns\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.towns.push({ value: value.tid, label: value.tdescr });\r\n }\r\n });\r\n }\r\n async getTownAreasByTownID(townid) {\r\n axios.get(\"api/parameter/gettownareasbytownid/\" + townid)\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.townAreas.push({ value: value.taid, label: value.tadescr });\r\n }\r\n });\r\n }\r\n async getCaseRequestCallReasonList() {\r\n axios.get(\"api/parameter/getcaserequestcallreasonlist\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.callReasons.push({ value: value.id, label: value.callReason });\r\n }\r\n });\r\n }\r\n async getCaseRequestServiceTypeList() {\r\n axios.get(\"api/parameter/getcaserequestservicetypelist\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.serviceTypes.push({ value: value.id, label: value.serviceType, blackList: value.blackListedServiceType, isDisabled: false });\r\n }\r\n });\r\n }\r\n async getVehicleSegmentList() {\r\n axios.get(\"api/parameter/getvehiclesegments\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.racVehicleSegments.push({ value: value.id, label: value.vehicleSegmentName });\r\n }\r\n });\r\n }\r\n async getGearTypeList() {\r\n axios.get(\"api/parameter/getgeartypes\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.racVehicleGearTypes.push({ value: value.id, label: value.gearTypeName });\r\n }\r\n });\r\n }\r\n async getFuelTypeList() {\r\n axios.get(\"api/parameter/getfueltypes\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.racVehicleFuelTypes.push({ value: value.id, label: value.fuelTypeName });\r\n }\r\n });\r\n }\r\n async getValetDirectionsList() {\r\n axios.get(\"api/parameter/getvaletdirections\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.valetDirections.push({ value: value.id, label: value.valetDirection });\r\n }\r\n });\r\n }\r\n async getCustomerByPolicyNumber() {\r\n if (!this.state.policyNumber) {\r\n NotificationManager.error(\"Poliçe Numarası Girilmedi\");\r\n return;\r\n }\r\n this.setState({ searchIsLoading: true })\r\n var request =\r\n {\r\n PolicyNumber: this.state.policyNumber,\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/caserequest/getpolicyholderbyrequest/\", request)\r\n .then(res => {\r\n if (res.data?.isSuccess) {\r\n if (res.data.data?.policyFound) {\r\n this.setState({\r\n ...this.state,\r\n policyHolderName: res.data.data.customerFullName,\r\n policyHoderPlate: res.data.data.customerPlateNumber,\r\n policyHolderProduct: res.data.data.productName,\r\n policyHolderVehicleBrand: res.data.data.vehicleBrand,\r\n policyHolderVehicleModel: res.data.data.vehicleModel,\r\n policyHolderVehicleModelYear: res.data.data.vehicleModelYear,\r\n policyManuelEntry: false,\r\n searchIsLoading: false\r\n });\r\n NotificationManager.success(\"Sigortalı Bulundu\");\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n policyManuelEntry: true,\r\n searchIsLoading: false\r\n });\r\n NotificationManager.warning(\"Sigortalı Bulunamadı. Bilgileri Manuel Girerek İşme Yapabilirsiniz\");\r\n }\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n policyManuelEntry: true,\r\n searchIsLoading: false\r\n });\r\n NotificationManager.warning(\"Sigortalı Bulunamadı. Bilgileri Manuel Girerek İşme Yapabilirsiniz\");\r\n }\r\n });\r\n }\r\n async returnRentalVehicle() {\r\n this.setState({ racReturnLoading: true });\r\n var request =\r\n {\r\n ID: this.state.currentRequestID,\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/caserequest/returnrentalvehicle/\", request)\r\n .then(res => {\r\n if (res.data?.isSuccess) {\r\n if (res.data.data) {\r\n NotificationManager.success(\"Dönüş İşlemi Başarılı\");\r\n this.setState({ racReturnLoading: false },\r\n () => this.getCaseRequestByID(this.state.currentRequestID));\r\n } else {\r\n NotificationManager.error(\"Dönüş İşlemi Başarısız\");\r\n this.setState({ racReturnLoading: false });\r\n }\r\n } else {\r\n NotificationManager.error(\"Dönüş İşlemi Başarısız\");\r\n this.setState({ racReturnLoading: false });\r\n }\r\n });\r\n }\r\n async updateCaseRequest() {\r\n this.setState({ saveIconClasses: \"fa-spin ml-2\" });\r\n var request =\r\n {\r\n ID: this.state.currentRequestID,\r\n PolicyNumber: this.state.policyNumber,\r\n PolicyHolderName: this.state.policyHolderName,\r\n PolicyHoderPlate: this.state.policyHoderPlate,\r\n PolicyHolderProduct: this.state.policyHolderProduct,\r\n PolicyHolderVehicleBrand: this.state.policyHolderVehicleBrand,\r\n PolicyHolderVehicleModel: this.state.policyHolderVehicleModel,\r\n PolicyHolderVehicleModelYear: parseInt(this.state.policyHolderVehicleModelYear),\r\n CallerName: this.state.callerName,\r\n CallerPhone: this.state.callerPhone,\r\n CallerTownID: this.state.callerTown?.tid,\r\n CallerTownAreaID: this.state.callerTownArea?.taid,\r\n CallerDistrict: this.state.callerDistrict,\r\n CallerReasonOfCallID: this.state.callerReasonOfCall?.id,\r\n CallerDescription: this.state.callerDescription,\r\n CallerServiceTypeIDs: [],\r\n TowingServiceName: this.state.towingServiceName,\r\n TowingServiceAddress: this.state.towingServiceAddress,\r\n RacDeliveryUnixDate: this.state.racDeliveryDate ? String(this.state.racDeliveryDate.unix()) : \"\",\r\n RacVehicleSegmentID: this.state.racVehicleSegment?.id,\r\n RacVehicleGearTypeID: this.state.racVehicleGearType?.id,\r\n RacVehicleFuelTypeID: this.state.racVehicleFuelType?.id,\r\n ValetDirectionID: this.state.valetDirection?.id,\r\n ValetRequestUnixDate: this.state.valetRequestDate ? String(this.state.valetRequestDate.unix()) : \"\",\r\n ValetServiceName: this.state.valetServiceName,\r\n ValetServiceAddress: this.state.valetServiceAddress,\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n if (this.state.callerServiceTypes.length > 0) {\r\n this.state.callerServiceTypes.forEach(serviceType => {\r\n request.CallerServiceTypeIDs.push(parseInt(serviceType.value));\r\n });\r\n }\r\n\r\n axios.post(\"api/caserequest/updatecaserequest/\", request)\r\n .then(res => {\r\n if (res.data?.isSuccess) {\r\n if (res.data.data) {\r\n NotificationManager.success(\"Güncelleme İşlemi Başarılı\");\r\n \r\n } else {\r\n NotificationManager.error(\"Güncelleme İşlemi Başarısız\");\r\n \r\n }\r\n } else {\r\n NotificationManager.error(\"Güncelleme İşlemi Başarısız\");\r\n }\r\n this.setState({ saveIconClasses: \"fa-spin d-none ml-2\" });\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n this.getTowns();\r\n this.getCaseRequestCallReasonList();\r\n this.getCaseRequestServiceTypeList();\r\n this.getVehicleSegmentList();\r\n this.getGearTypeList();\r\n this.getFuelTypeList();\r\n this.getValetDirectionsList();\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n Dosya Talepleri \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Dosya Talebi Ara \r\n \r\n \r\n \r\n Yeni Talep \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Excel \r\n \r\n \r\n
\r\n \r\n \r\n Yükleniyor \r\n Veri bulunmamaktadır \r\n \r\n
\r\n }\r\n highlightOnHover={true}\r\n striped={true}\r\n />\r\n \r\n
\r\n \r\n \r\n this.handleCaseRequestDetailModalClose()}>\r\n \r\n Dosya Talebi Detayı \r\n \r\n \r\n \r\n \r\n Sigortalı Sorgulama \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 Hizmet Verilecek Kişi Bilgileri \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Açıklama \r\n
\r\n \r\n \r\n \r\n Kaydet ve Gönder \r\n \r\n \r\n \r\n \r\n \r\n Çekici Bilgileri \r\n \r\n \r\n \r\n Servis Adı \r\n Hizmet Adresi \r\n
\r\n \r\n \r\n \r\n )\r\n }\r\n return (<>);\r\n}\r\nfunction RenderRentalInfo(props) {\r\n if (!props.selectedServiceTypes?.length > 0)\r\n return(<>);\r\n var render = false;\r\n for (const [, value] of props.selectedServiceTypes.entries()) {\r\n if (value.value === 2) {\r\n render = true;\r\n break;\r\n }\r\n }\r\n if (render) {\r\n return (\r\n <>\r\n \r\n \r\n Ikame Bilgileri \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n )\r\n }\r\n return (<>);\r\n}\r\nfunction RenderValetInfo(props) {\r\n if (!props.selectedServiceTypes?.length > 0)\r\n return(<>);\r\n var render = false;\r\n for (const [, value] of props.selectedServiceTypes.entries()) {\r\n if (value.value === 3) {\r\n render = true;\r\n break;\r\n }\r\n }\r\n if (render) {\r\n return (\r\n <>\r\n \r\n \r\n Vale Bilgileri \r\n \r\n \r\n \r\n
\r\n \r\n Servis Adı \r\n Hizmet Adresi \r\n
\r\n \r\n \r\n \r\n )\r\n }\r\n return (<>);\r\n}\r\n\r\nexport class NewCaseRequest extends Component {\r\n static displayName = NewCaseRequest.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n policyNumber: \"\",\r\n policyHolderName: \"\",\r\n policyHoderPlate: \"\",\r\n policyHolderProduct: \"\",\r\n policyHolderVehicleBrand: \"\",\r\n policyHolderVehicleModel: \"\",\r\n policyHolderVehicleModelYear: \"\",\r\n callerName: \"\",\r\n callerPhone: \"\",\r\n callerTown: {},\r\n callerTownArea: {},\r\n callerDistrict: \"\",\r\n callerReasonOfCall: {},\r\n callerDescription: \"\",\r\n callerServiceTypes: [],\r\n towingServiceName: \"\",\r\n towingServiceAddress: \"\",\r\n racDeliveryDate: \"\",\r\n racVehicleSegment: {},\r\n racVehicleGearType: {},\r\n racVehicleFuelType: {},\r\n valetDirection: {},\r\n valetRequestDate: \"\",\r\n valetServiceName: \"\",\r\n valetServiceAddress: \"\",\r\n towns: [],\r\n townAreas: [],\r\n callReasons: [],\r\n serviceTypes: [],\r\n racVehicleSegments: [],\r\n racVehicleGearTypes: [],\r\n racVehicleFuelTypes: [],\r\n valetDirections: [],\r\n policyManuelEntry: false,\r\n saveIconClasses: \"fa-spin d-none ml-2\",\r\n saveBtnDisabled: false,\r\n searchIsLoading: false,\r\n redirect: null\r\n };\r\n this.handleTextInputChange = this.handleTextInputChange.bind(this);\r\n this.handleIntegerTextInputChange = this.handleIntegerTextInputChange.bind(this);\r\n this.handlePhoneTextInputChange = this.handlePhoneTextInputChange.bind(this);\r\n this.handleTownChange = this.handleTownChange.bind(this);\r\n this.handleTownAreaChange = this.handleTownAreaChange.bind(this);\r\n this.handleRequestCallReasonChange = this.handleRequestCallReasonChange.bind(this);\r\n this.handleRequestServiceTypeChange = this.handleRequestServiceTypeChange.bind(this);\r\n this.handleRacDeliveryDateChange = this.handleRacDeliveryDateChange.bind(this);\r\n this.handleRacVehicleSegmentChange = this.handleRacVehicleSegmentChange.bind(this);\r\n this.handleRacVehicleGearTypeChange = this.handleRacVehicleGearTypeChange.bind(this);\r\n this.handleRacVehicleFuelTypeChange = this.handleRacVehicleFuelTypeChange.bind(this);\r\n this.handleValetDirectionChange = this.handleValetDirectionChange.bind(this);\r\n this.handleValetRequestDateChange = this.handleValetRequestDateChange.bind(this);\r\n this.getTowns = this.getTowns.bind(this);\r\n this.getTownAreasByTownID = this.getTownAreasByTownID.bind(this);\r\n this.getCaseRequestCallReasonList = this.getCaseRequestCallReasonList.bind(this);\r\n this.getCaseRequestServiceTypeList = this.getCaseRequestServiceTypeList.bind(this);\r\n this.getVehicleSegmentList = this.getVehicleSegmentList.bind(this);\r\n this.getGearTypeList = this.getGearTypeList.bind(this);\r\n this.getFuelTypeList = this.getFuelTypeList.bind(this);\r\n this.getValetDirectionsList = this.getValetDirectionsList.bind(this);\r\n this.getCustomerByPolicyNumber = this.getCustomerByPolicyNumber.bind(this);\r\n this.saveCaseRequest = this.saveCaseRequest.bind(this);\r\n }\r\n\r\n handleTextInputChange(evt) {\r\n this.setState({ [evt.target.name]: evt.target.value });\r\n }\r\n handleIntegerTextInputChange(evt) {\r\n if ((String(parseInt(evt.target.value)) === evt.target.value && parseInt(evt.target.value) > 0) || evt.target.value === \"\")\r\n this.setState({ [evt.target.name]: evt.target.value });\r\n }\r\n handlePhoneTextInputChange(evt) {\r\n if (evt.target.value === \"\") {\r\n this.setState({ [evt.target.name]: evt.target.value });\r\n\r\n } else {\r\n var validNumber = true;\r\n if (evt.target.value.split(\"\")[0] !== \"0\") {\r\n evt.target.value = \"0\" + evt.target.value\r\n }\r\n if (evt.target.value.length > 11) {\r\n validNumber = false;\r\n }\r\n evt.target.value.split(\"\").forEach((v) => {\r\n if (isNaN(v)) {\r\n validNumber = false;\r\n }\r\n });\r\n if (!validNumber) {\r\n return;\r\n }\r\n this.setState({ [evt.target.name]: evt.target.value });\r\n }\r\n }\r\n handleTownChange(selectedOption) {\r\n this.setState({ townAreas: [] }, () =>\r\n this.setState({\r\n callerTown: {\r\n tid: selectedOption.value,\r\n tdescr: selectedOption.label\r\n }\r\n }, () => this.getTownAreasByTownID(this.state.callerTown.tid))\r\n );\r\n }\r\n handleTownAreaChange(selectedOption) {\r\n this.setState({\r\n callerTownArea: {\r\n taid: selectedOption.value,\r\n tadescr: selectedOption.label\r\n }\r\n });\r\n }\r\n handleRequestCallReasonChange(selectedOption) {\r\n this.setState({\r\n callerReasonOfCall: {\r\n id: selectedOption.value,\r\n callReason: selectedOption.label\r\n }\r\n });\r\n }\r\n handleRequestServiceTypeChange(selectedOption) {\r\n var newState = Object.assign({}, this.state);\r\n if (selectedOption?.length > 0) {\r\n var blacklistedServiceIDs = [];\r\n for (const [, value] of selectedOption.entries()) {\r\n for (const [, blacklistedValue] of value.blackList.entries()) {\r\n if (!blacklistedServiceIDs.includes(blacklistedValue.blacklistedCaseRequestServiceTypeID)) {\r\n blacklistedServiceIDs.push(blacklistedValue.blacklistedCaseRequestServiceTypeID);\r\n }\r\n }\r\n }\r\n for (const [, serviceType] of newState.serviceTypes.entries()) {\r\n if (blacklistedServiceIDs.includes(serviceType.value)) {\r\n serviceType.isDisabled = true;\r\n } else {\r\n serviceType.isDisabled = false;\r\n }\r\n }\r\n }\r\n else {\r\n for (const [, serviceType] of newState.serviceTypes.entries()) {\r\n serviceType.isDisabled = false;\r\n }\r\n }\r\n newState.callerServiceTypes = selectedOption;\r\n this.setState(newState);\r\n }\r\n handleRacDeliveryDateChange(moment) {\r\n this.setState({ racDeliveryDate: moment });\r\n }\r\n handleRacVehicleSegmentChange(selectedOption) {\r\n this.setState({\r\n racVehicleSegment: {\r\n id: selectedOption.value,\r\n vehicleSegmentName: selectedOption.label\r\n }\r\n });\r\n }\r\n handleRacVehicleGearTypeChange(selectedOption) {\r\n this.setState({\r\n racVehicleGearType: {\r\n id: selectedOption.value,\r\n GearTypeName: selectedOption.label\r\n }\r\n });\r\n }\r\n handleRacVehicleFuelTypeChange(selectedOption) {\r\n this.setState({\r\n racVehicleFuelType: {\r\n id: selectedOption.value,\r\n FuelTypeName: selectedOption.label\r\n }\r\n });\r\n }\r\n handleValetDirectionChange(selectedOption) {\r\n this.setState({\r\n valetDirection: {\r\n id: selectedOption.value,\r\n valetDirection: selectedOption.label\r\n }\r\n });\r\n }\r\n handleValetRequestDateChange(moment) {\r\n this.setState({ valetRequestDate: moment });\r\n }\r\n\r\n async getTowns() {\r\n axios.get(\"api/parameter/gettowns\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.towns.push({ value: value.tid, label: value.tdescr });\r\n }\r\n });\r\n }\r\n async getTownAreasByTownID(townid) {\r\n axios.get(\"api/parameter/gettownareasbytownid/\" + townid)\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.townAreas.push({ value: value.taid, label: value.tadescr });\r\n }\r\n });\r\n }\r\n async getCaseRequestCallReasonList() {\r\n axios.get(\"api/parameter/getcaserequestcallreasonlist\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.callReasons.push({ value: value.id, label: value.callReason });\r\n }\r\n });\r\n }\r\n async getCaseRequestServiceTypeList() {\r\n axios.get(\"api/parameter/getcaserequestservicetypelist\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.serviceTypes.push({ value: value.id, label: value.serviceType, blackList: value.blackListedServiceType, isDisabled:false });\r\n }\r\n });\r\n }\r\n async getVehicleSegmentList() {\r\n axios.get(\"api/parameter/getvehiclesegments\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.racVehicleSegments.push({ value: value.id, label: value.vehicleSegmentName });\r\n }\r\n });\r\n }\r\n async getGearTypeList() {\r\n axios.get(\"api/parameter/getgeartypes\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.racVehicleGearTypes.push({ value: value.id, label: value.gearTypeName });\r\n }\r\n });\r\n }\r\n async getFuelTypeList() {\r\n axios.get(\"api/parameter/getfueltypes\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.racVehicleFuelTypes.push({ value: value.id, label: value.fuelTypeName });\r\n }\r\n });\r\n }\r\n async getValetDirectionsList() {\r\n axios.get(\"api/parameter/getvaletdirections\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.valetDirections.push({ value: value.id, label: value.valetDirection });\r\n }\r\n });\r\n }\r\n async getCustomerByPolicyNumber() {\r\n if (!this.state.policyNumber) {\r\n NotificationManager.error(\"Poliçe Numarası Girilmedi\");\r\n return;\r\n }\r\n this.setState({ searchIsLoading: true})\r\n var request =\r\n {\r\n PolicyNumber: this.state.policyNumber,\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/caserequest/getpolicyholderbyrequest/\", request)\r\n .then(res => {\r\n if (res.data?.isSuccess) {\r\n if (res.data.data?.policyFound) {\r\n this.setState({\r\n ...this.state,\r\n policyHolderName: res.data.data.customerFullName,\r\n policyHoderPlate: res.data.data.customerPlateNumber,\r\n policyHolderProduct: res.data.data.productName,\r\n policyHolderVehicleBrand: res.data.data.vehicleBrand,\r\n policyHolderVehicleModel: res.data.data.vehicleModel,\r\n policyHolderVehicleModelYear: res.data.data.vehicleModelYear,\r\n policyManuelEntry: false,\r\n searchIsLoading: false\r\n });\r\n NotificationManager.success(\"Sigortalı Bulundu\");\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n policyManuelEntry: true,\r\n searchIsLoading: false\r\n });\r\n NotificationManager.warning(\"Sigortalı Bulunamadı. Bilgileri Manuel Girerek İşme Yapabilirsiniz\");\r\n }\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n policyManuelEntry: true,\r\n searchIsLoading: false\r\n });\r\n NotificationManager.warning(\"Sigortalı Bulunamadı. Bilgileri Manuel Girerek İşme Yapabilirsiniz\");\r\n }\r\n });\r\n }\r\n async saveCaseRequest() { \r\n //Mandatory Field Check\r\n if (!this.state.policyNumber) {\r\n NotificationManager.error(\"Poliçe Numarası Girilmedi\");\r\n return;\r\n }\r\n if (!this.state.policyHolderName) {\r\n NotificationManager.error(\"Sigortalı Adı Soyadı Girilmedi\");\r\n return;\r\n }\r\n if (!this.state.policyHolderProduct) {\r\n NotificationManager.error(\"Ürün Girilmedi\");\r\n return;\r\n }\r\n if (!this.state.callerName) {\r\n NotificationManager.error(\"Hizmet Verilecek Kişi Adı Soyadı Girilmed\");\r\n return;\r\n }\r\n if (!this.state.callerPhone) {\r\n NotificationManager.error(\"Hizmet Verilecek Kişi Telefon Numarası Girilmedi\");\r\n return;\r\n }\r\n if (!this.state.callerTown?.tid) {\r\n NotificationManager.error(\"Şehir Seçilmedi\");\r\n return;\r\n }\r\n if (!this.state.callerTownArea?.taid) {\r\n NotificationManager.error(\"İlçe Seçilmedi\");\r\n return;\r\n }\r\n if (!this.state.callerReasonOfCall?.id) {\r\n NotificationManager.error(\"Arama Sebebi Seçilmedi\");\r\n return;\r\n }\r\n if (!this.state.callerServiceTypes?.length > 0) {\r\n NotificationManager.error(\"Talepler Seçilmedi\");\r\n return;\r\n }\r\n var missingParameter = false;\r\n this.state.callerServiceTypes.forEach((value) => {\r\n if (value.value === 1) {\r\n if (!this.state.towingServiceName) {\r\n NotificationManager.error(\"Çekicilecek Servisin Adı Girilmedi\");\r\n missingParameter = true;\r\n return;\r\n }\r\n if (!this.state.towingServiceAddress) {\r\n NotificationManager.error(\"Çekicilecek Servisin Adresi Girilmedi\");\r\n missingParameter = true;\r\n return;\r\n }\r\n }\r\n if (value.value === 2) {\r\n if (!this.state.racDeliveryDate) {\r\n NotificationManager.error(\"İkame Araç Teslim Tarihi Seçilmedi\");\r\n missingParameter = true; \r\n return;\r\n }\r\n if (!this.state.racVehicleSegment?.id) {\r\n NotificationManager.error(\"İkame Araç Grubu Seçilmedi\");\r\n missingParameter = true;\r\n return;\r\n }\r\n if (!this.state.racVehicleGearType?.id) {\r\n NotificationManager.error(\"İkame Şanzıman Seçilmedi\");\r\n missingParameter = true;\r\n return;\r\n }\r\n if (!this.state.racVehicleFuelType?.id) {\r\n NotificationManager.error(\"İkame Yakıt Tipi Seçilmedi\");\r\n missingParameter = true;\r\n return;\r\n }\r\n }\r\n if (value.value === 3) {\r\n if (!this.state.valetRequestDate) {\r\n NotificationManager.error(\"Vale Talep Tarihi Seçilmedi\");\r\n missingParameter = true;\r\n return;\r\n }\r\n if (!this.state.valetDirection?.id) {\r\n NotificationManager.error(\"Vale Yönü Seçilmedi\");\r\n missingParameter = true;\r\n return;\r\n }\r\n if (!this.state.valetServiceName) {\r\n NotificationManager.error(\"Vale Hizmet Verilecek Servis Adı Girilmedi\");\r\n missingParameter = true;\r\n return;\r\n }\r\n if (!this.state.valetServiceAddress) {\r\n NotificationManager.error(\"Vale Hizmet Verilecek Servis Adresi Girilmed\");\r\n missingParameter = true;\r\n return;\r\n }\r\n }\r\n })\r\n if (missingParameter) {\r\n return;\r\n }\r\n\r\n //Disable Button\r\n this.setState({ saveIconClasses: \"fa-spin ml-2\" });\r\n this.setState({ saveBtnDisabled: true });\r\n\r\n //Get Selected Service Type IDs\r\n var selectedServiceTypes = [];\r\n for (const [, value] of this.state.callerServiceTypes.entries()) {\r\n selectedServiceTypes.push(value.value);\r\n } \r\n\r\n //Create request\r\n var request =\r\n {\r\n PolicyNumber: this.state.policyNumber,\r\n PolicyHolderName: this.state.policyHolderName,\r\n PolicyHoderPlate: this.state.policyHoderPlate,\r\n PolicyHolderProduct: this.state.policyHolderProduct,\r\n PolicyHolderVehicleBrand: this.state.policyHolderVehicleBrand,\r\n PolicyHolderVehicleModel: this.state.policyHolderVehicleModel,\r\n PolicyHolderVehicleModelYear: parseInt(this.state.policyHolderVehicleModelYear),\r\n CallerName: this.state.callerName,\r\n CallerPhone: this.state.callerPhone,\r\n CallerTownID: this.state.callerTown?.tid,\r\n CallerTownAreaID: this.state.callerTownArea?.taid,\r\n CallerDistrict: this.state.callerDistrict,\r\n CallerReasonOfCallID: this.state.callerReasonOfCall?.id,\r\n CallerDescription: this.state.callerDescription,\r\n TowingServiceName: this.state.towingServiceName,\r\n TowingServiceAddress: this.state.towingServiceAddress,\r\n RacDeliveryUnixDate: this.state.racDeliveryDate ? String(this.state.racDeliveryDate.unix()) : \"\",\r\n RacVehicleSegmentID: this.state.racVehicleSegment?.id,\r\n RacVehicleGearTypeID: this.state.racVehicleGearType?.id,\r\n RacVehicleFuelTypeID: this.state.racVehicleFuelType?.id,\r\n ValetDirectionID: this.state.valetDirection?.id,\r\n ValetRequestUnixDate: this.state.valetRequestDate ? String(this.state.valetRequestDate.unix()) : \"\",\r\n ValetServiceName: this.state.valetServiceName,\r\n ValetServiceAddress: this.state.valetServiceAddress,\r\n CallerServiceTypeIDs: selectedServiceTypes,\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n\r\n axios.post(\"api/caserequest/savecaserequest/\", request)\r\n .then(res => {\r\n if (res.status === 200) {\r\n if (res.data.isSuccess) {\r\n if (res.data.data) {\r\n NotificationManager.success(\"Dosya Talebi Başarı İle Oluşturuldu\", null, 2000);\r\n setTimeout(() => {\r\n this.setState({ redirect: \"/RequestedCases\" });\r\n }, 2500)\r\n }\r\n }\r\n else {\r\n NotificationManager.error(res.data.message);\r\n this.setState({ saveIconClasses: \"fa-spin d-none ml-2\" });\r\n this.setState({ saveBtnDisabled: false });\r\n }\r\n }\r\n else {\r\n NotificationManager.error(\"Bir Bağlantı Hatası İle Karışılaşıldı\");\r\n this.setState({ saveIconClasses: \"fa-spin d-none ml-2\" });\r\n this.setState({ saveBtnDisabled: false });\r\n }\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n this.getTowns();\r\n this.getCaseRequestCallReasonList();\r\n this.getCaseRequestServiceTypeList();\r\n this.getVehicleSegmentList();\r\n this.getGearTypeList();\r\n this.getFuelTypeList();\r\n this.getValetDirectionsList();\r\n }\r\n\r\n render() {\r\n if (this.state.redirect) {\r\n return \r\n \r\n Sigortalı Sorgulama \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 Hizmet Verilecek Kişi Bilgileri \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Açıklama \r\n
\r\n \r\n \r\n \r\n Kaydet ve Gönder \r\n \r\n \r\n \r\n \r\n \r\n Konut Dosya Arama \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n this.SearchServices()} >\r\n Arama Yap \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\n//Bootstrap\r\nimport Row from 'react-bootstrap/Row';\r\nimport Col from 'react-bootstrap/Col';\r\nimport Card from 'react-bootstrap/Card';\r\nimport Button from 'react-bootstrap/Button';\r\n\r\n//DataTable\r\nimport DataTable from 'react-data-table-component';\r\n\r\n//FontAwesome\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCircleNotch } from '@fortawesome/free-solid-svg-icons'\r\n\r\n//moment\r\nimport \"moment/locale/tr\";\r\nimport moment from 'moment';\r\n\r\n\r\nexport class HomeRepairList extends Component {\r\n static displayName = HomeRepairList.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: this.props.searchData,\r\n serviceColumns: [\r\n {\r\n cell: row =>\r\n this.props.getServiceByID(row.id)}>\r\n \r\n ,\r\n button: true,\r\n },\r\n {\r\n name: 'Protokol',\r\n selector: 'mainCase.caseProthocolNumber',\r\n sortable: true\r\n },\r\n {\r\n name: 'IPA Referans',\r\n selector: 'mainCase.caseReferanceNumber',\r\n sortable: true\r\n },\r\n {\r\n name: 'Sigorta Dosya No',\r\n selector: 'mainCase.caseProductOwner.platePolicyNumber',\r\n sortable: true\r\n },\r\n {\r\n name: 'Sigortalı',\r\n selector: 'mainCase.caseProductOwner.name',\r\n sortable: true,\r\n wrap: true\r\n },\r\n {\r\n name: 'Sigorta Şirketi',\r\n selector: 'mainCase.caseInsurance.insuranceName',\r\n sortable: true,\r\n wrap: true\r\n },\r\n {\r\n name: 'Şehir',\r\n selector: 'mainCase.town.description',\r\n sortable: true,\r\n wrap: true,\r\n omit: this.props.isProviderStatusHidden\r\n }\r\n ],\r\n };\r\n }\r\n static defaultProps = {\r\n isProtocolHidden: false,\r\n isPlateHidden: false,\r\n isDamageTypeHidden: false,\r\n isServiceTypeHidden: false,\r\n isServiceDateHidden: false,\r\n isProviderStatusHidden: false,\r\n isRaxaStatusHidden: false,\r\n isCaseNumberHidden: false\r\n };\r\n\r\n handleChange(evt) {\r\n const value = evt.target.value;\r\n this.setState({ [evt.target.name]: value });\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Yükleniyor Veri bulunmamaktadır \r\n }\r\n highlightOnHover={true}\r\n striped={true}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\n//Custom Components\r\nimport { LabeledData } from './LabeledData';\r\nimport { TextInput } from './TextInput';\r\nimport { SelectInput } from './SelectInput';\r\nimport { DateInput } from './DateInput';\r\n//Bootstrap\r\nimport Form from 'react-bootstrap/Form';\r\nimport Row from 'react-bootstrap/Row';\r\nimport Col from 'react-bootstrap/Col';\r\nimport Card from 'react-bootstrap/Card';\r\nimport Button from 'react-bootstrap/Button';\r\nimport Tabs from 'react-bootstrap/Tabs';\r\nimport Tab from 'react-bootstrap/Tab';\r\nimport FormControl from 'react-bootstrap/FormControl';\r\nimport Badge from 'react-bootstrap/Badge';\r\nimport Modal from 'react-bootstrap/Modal';\r\nimport { Link } from 'react-router-dom';\r\n//React-Datetime\r\nimport \"react-datetime/css/react-datetime.css\";\r\nimport \"moment/locale/tr\";\r\nimport moment from 'moment';\r\n//FontAwesome\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faMoneyBill } from '@fortawesome/free-solid-svg-icons'\r\nimport { faHashtag } from '@fortawesome/free-solid-svg-icons'\r\nimport { faSave } from '@fortawesome/free-solid-svg-icons'\r\nimport { faEdit } from '@fortawesome/free-solid-svg-icons'\r\nimport { faSquare } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCircleNotch } from '@fortawesome/free-solid-svg-icons'\r\nimport { faShare } from '@fortawesome/free-solid-svg-icons'\r\nimport { faUndoAlt } from '@fortawesome/free-solid-svg-icons'\r\nimport { faPrint } from '@fortawesome/free-solid-svg-icons'\r\nimport { faTimes } from '@fortawesome/free-solid-svg-icons'\r\n\r\n\r\n\r\nimport { faCar } from '@fortawesome/free-solid-svg-icons'\r\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons'\r\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\r\n//DataTable\r\nimport DataTable from 'react-data-table-component';\r\n//Image Resizer\r\nimport Resizer from 'react-image-file-resizer';\r\n//FullCalendar\r\nimport FullCalendar, { CalendarApi, formatDate } from '@fullcalendar/react'\r\nimport dayGridPlugin from '@fullcalendar/daygrid'\r\nimport listPlugin from '@fullcalendar/list';\r\n//React-Notification\r\nimport { NotificationContainer, NotificationManager } from 'react-notifications';\r\n\r\n\r\nexport class HomeRepairDetail extends Component {\r\n static displayName = HomeRepairDetail.name;\r\n calendarRef = React.createRef();\r\n materialRef = React.createRef();\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n homeRepairCaseFilesLoaded:false,\r\n fullCalendarSelect: true,\r\n sendRepsToIPADisabled: false,\r\n saveRepsButtonDisabled: false,\r\n homeRepairIsInitialCallNote: false,\r\n searchingIconClasses: \"fa-spin d-none ml-2\",\r\n serviceData: {},\r\n homeRepairAgendaTypes: [],\r\n columnsRepairmentsPrint: [\r\n {\r\n name: 'Yapılan İşin / Kullanılan Malzemenin ADI',\r\n cell: row => {row.groupName ? row.groupName.toUpperCase() : row.material} ,\r\n wrap: true\r\n },\r\n {\r\n name: 'Malzeme Detay',\r\n selector: 'materialDetail',\r\n sortable: false,\r\n wrap: true,\r\n },\r\n {\r\n name: 'Mahal',\r\n selector: 'room',\r\n sortable: false,\r\n wrap: true,\r\n },\r\n {\r\n name: 'Miktar',\r\n selector: 'amount',\r\n sortable: false,\r\n wrap: true,\r\n },\r\n {\r\n name: 'Birim',\r\n selector: 'unit',\r\n sortable: false,\r\n wrap: true,\r\n },\r\n {\r\n name: 'Birim Fiyat',\r\n selector: 'pricePerUnit',\r\n sortable: false,\r\n wrap: true,\r\n },\r\n {\r\n name: 'Toplam',\r\n selector: 'totalPrice',\r\n sortable: false,\r\n wrap: true,\r\n },\r\n {\r\n name: 'Kalem Toplamı',\r\n selector: 'groupTotal',\r\n sortable: false,\r\n wrap: true,\r\n cell: row => {row.groupTotal > 0 ? row.groupTotal : ''} ,\r\n },\r\n\r\n ],\r\n columns: [\r\n {\r\n name: 'Not',\r\n selector: 'note',\r\n sortable: false,\r\n wrap: true,\r\n width: '60%',//\r\n },\r\n {\r\n cell: row => {row.createUser == null ? row.createIpaEksperUser.userName : row.createUser.displayName}, \r\n {new Intl.DateTimeFormat(\"tr-TR\", {\r\n year: \"numeric\",\r\n month: \"long\",\r\n day: \"2-digit\",\r\n hour: 'numeric',\r\n minute: 'numeric',\r\n second: 'numeric',\r\n hour12: false\r\n }).format(moment(row.recordDate))\r\n } ,\r\n wrap: true\r\n }\r\n ],\r\n columnsRepairment: [\r\n {\r\n name: 'Onarım Tipi',\r\n selector: 'homeRepairRepairmentType.name',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Malzeme',\r\n selector: 'homeRepairMaterial.name',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Mahal',\r\n //selector: 'homeRepairRoom.name',\r\n cell: row => {row.homeRepairRoom?.name} ,\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Birim',\r\n selector: 'homeRepairMaterialUnitType.name',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Miktar',\r\n selector: 'materialAmount',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Birim Fiyat',\r\n selector: 'materialPricePerUnit',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Toplam Fiyat',\r\n selector: 'totalPrice',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n cell: row => {row.createUser == null ? row.createIPAEksperUser?.userName : row.createUser?.displayName} ,\r\n wrap: true\r\n },\r\n {\r\n cell: row => this.handleUpdateRepairment(row)}>Güncelle ,\r\n /*wrap: true,\r\n ignoreRowClick: true,*/\r\n button: true\r\n },\r\n {\r\n cell: row => this.handleDeleteRepairment(row)}>Sil ,\r\n /*wrap: true,\r\n ignoreRowClick: true,*/\r\n button: true\r\n }\r\n ],\r\n conditionalRowStyles: [\r\n {\r\n when: row => row.user == null,\r\n style: {\r\n backgroundColor: 'rgb(2, 117, 216)',\r\n color: 'white'\r\n },\r\n },\r\n {\r\n when: row => row.user != null,\r\n style: {\r\n backgroundColor: 'rgb(92, 184, 92)',\r\n color: 'white'\r\n },\r\n },\r\n ],\r\n conditionalHomeRepairRowStyles: [\r\n\r\n {\r\n when: row => row.createUser == null,\r\n style: {\r\n backgroundColor: 'rgb(2, 117, 216)',\r\n color: 'white'\r\n },\r\n },\r\n {\r\n when: row => row.createUser != null,\r\n style: {\r\n backgroundColor: 'rgb(92, 184, 92)',\r\n color: 'white'\r\n },\r\n },\r\n {\r\n when: row => row.isInitialCallNote,\r\n style: {\r\n backgroundColor: 'orange',\r\n color: 'white'\r\n },\r\n },\r\n\r\n ],\r\n conditionalHomeRepairRepairmentRowStyles: [\r\n {\r\n when: row => row.createUser == null,\r\n style: {\r\n backgroundColor: 'rgb(2, 117, 216)',\r\n color: 'white'\r\n },\r\n },\r\n {\r\n when: row => row.createUser != null,\r\n style: {\r\n backgroundColor: 'rgb(92, 184, 92)',\r\n color: 'white'\r\n },\r\n },\r\n ],\r\n saveIconClasses: \"fa-spin d-none ml-2\",\r\n searchBtnDisabled: false,\r\n racGroups: [],\r\n racGearTypes: [],\r\n racBrands: [],\r\n racModels: [],\r\n providerVehicleInventoryList: [],\r\n providerStaffInventoryList: [],\r\n photosPreview: [],\r\n homeRepairFilesPreview: [],\r\n homeRepairFiles: [],\r\n homeRepairNoteToSave: \"\",\r\n homeRepairSelectedAgendaItem: { id: 0, agendaType: {} },\r\n homeRepairSelectedRepairment: {\r\n id: 0,\r\n repairmentType: {}\r\n },\r\n homeRepairRepairmentTypes: [],\r\n homeRepairMaterials: [],\r\n homeRepairRooms: [],\r\n homeRepairUnits: [],\r\n homeRepairCaseFileTypes: [],\r\n printableRepairments: [],\r\n showRepairmentsDetailsModal: false\r\n };\r\n this.handleHomeRepairNoteChange = this.handleHomeRepairNoteChange.bind(this);\r\n this.handleHomeRepairRepairmentNoteChange = this.handleHomeRepairRepairmentNoteChange.bind(this);\r\n this.handleTabChange = this.handleTabChange.bind(this);\r\n this.getAgendaItemTypes = this.getAgendaItemTypes.bind(this);\r\n this.handleEventClick = this.handleEventClick.bind(this);\r\n this.handleHomeRepairAgendaItemDescription = this.handleHomeRepairAgendaItemDescription.bind(this);\r\n this.handleDate = this.handleDate.bind(this);\r\n this.handleSelected = this.handleSelected.bind(this);\r\n this.gethomeRepairRepairmentTypes = this.gethomeRepairRepairmentTypes.bind(this);\r\n this.gethomeRepairRooms = this.gethomeRepairRooms.bind(this);\r\n this.gethomeRepairUnits = this.gethomeRepairUnits.bind(this);\r\n this.gethomeRepairMaterialsByRepairmentType = this.gethomeRepairMaterialsByRepairmentType.bind(this);\r\n this.handleSelectedMaterial = this.handleSelectedMaterial.bind(this);\r\n this.handleSelectedUnit = this.handleSelectedUnit.bind(this);\r\n this.handleSelectedRepairmentType = this.handleSelectedRepairmentType.bind(this);\r\n this.handleSelectedRoom = this.handleSelectedRoom.bind(this);\r\n this.handleAmountChange = this.handleAmountChange.bind(this);\r\n this.handlePricePerUnitChange = this.handlePricePerUnitChange.bind(this);\r\n this.handleTotalPriceChange = this.handleTotalPriceChange.bind(this);\r\n this.handleMaterialDetailChange = this.handleMaterialDetailChange.bind(this);\r\n this.handleUpdateRepairment = this.handleUpdateRepairment.bind(this);\r\n this.calculateTotalPrice = this.calculateTotalPrice.bind(this);\r\n this.handleRepairmentsDetailModalClose = this.handleRepairmentsDetailModalClose.bind(this);\r\n this.sendRepairmentsToIPA = this.sendRepairmentsToIPA.bind(this);\r\n this.toggleIsHRInitialCallNote = this.toggleIsHRInitialCallNote.bind(this);\r\n this.handleHomeRepairFileUpload = this.handleHomeRepairFileUpload.bind(this);\r\n this.refreshComponent = this.refreshComponent.bind(this);\r\n this.gethomeRepairCaseFileTypes = this.gethomeRepairCaseFileTypes.bind(this);\r\n this.handleSelectedCaseFileType = this.handleSelectedCaseFileType.bind(this);\r\n this.handleDayClick = this.handleDayClick.bind(this);\r\n this.gethomeRepairCaseFiles = this.gethomeRepairCaseFiles.bind(this);\r\n //getFile\r\n }\r\n\r\n //Event Handlers\r\n\r\n handleHomeRepairFileUpload(evt) {\r\n if (!this.state.homeRepairSelectedCaseFileType) {\r\n NotificationManager.error(\"Lütfen önce Dosya Tipini Seçiniz\");\r\n return;\r\n }\r\n var fileInput = false\r\n if (evt.target.files[0]) {\r\n fileInput = true\r\n }\r\n var file = evt.target.files[0];\r\n if(this.isFileImage(file))\r\n Resizer.imageFileResizer(\r\n file,\r\n 1600,\r\n 1600,\r\n 'JPEG',\r\n 100,\r\n 0,\r\n uri => {\r\n file[\"base64\"] = uri;\r\n this.uploadHomeRepairFile(file);\r\n }\r\n );\r\n else\r\n this.getBase64(file)\r\n .then(result => {\r\n file[\"base64\"] = result;\r\n this.uploadHomeRepairFile(file);\r\n this.setState({\r\n base64URL: result,\r\n file\r\n });\r\n\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n });\r\n //var base64FileString = this.getBase64(file);\r\n //console.log(\"base64 String : \", base64FileString);\r\n evt.target.value = null;\r\n\r\n }\r\n\r\n isFileImage(file) {\r\n return file && file['type'].split('/')[0] === 'image';\r\n }\r\n\r\n getBase64 = file => {\r\n return new Promise(resolve => {\r\n let fileInfo;\r\n let baseURL = \"\";\r\n // Make new FileReader\r\n let reader = new FileReader();\r\n\r\n // Convert the file to base64 text\r\n reader.readAsDataURL(file);\r\n\r\n // on reader load somthing...\r\n reader.onload = () => {\r\n // Make a fileInfo Object\r\n \r\n baseURL = reader.result;\r\n \r\n resolve(baseURL);\r\n };\r\n \r\n });\r\n }\r\n //homeRepairEvents\r\n handleHomeRepairNoteChange(evt) {\r\n this.setState({ homeRepairNoteToSave: evt.target.value })\r\n }\r\n handleHomeRepairRepairmentNoteChange(evt) {\r\n this.setState({ serviceData: { ...this.state.serviceData, repairNotes: evt.target.value } })\r\n }\r\n handleTabChange(eventKey) {\r\n this.setState({ fullCalendarSelect: true })\r\n if (eventKey === \"homeRepairFiles\" && !this.state.homeRepairCaseFilesLoaded) {\r\n this.setState({homeRepairCaseFilesLoading: true})\r\n this.gethomeRepairCaseFiles();\r\n }\r\n \r\n }\r\n handleEventClick(arg) {\r\n var selectedEvent = {\r\n agendaDate: arg.event.start,\r\n id: arg.event.extendedProps.itemId,\r\n description: arg.event.extendedProps.description,\r\n agendaType: arg.event.extendedProps.agendaType?.name ? {\r\n label: arg.event.extendedProps.agendaType.name,\r\n value: arg.event.extendedProps.agendaType.id\r\n } : null\r\n }\r\n this.setState({ homeRepairSelectedAgendaItem: selectedEvent })\r\n\r\n }\r\n\r\n handleDayClick() {\r\n this.setState({ homeRepairSelectedAgendaItem: { id: 0, agendaType: {}, description :'' }})\r\n }\r\n\r\n toggleIsHRInitialCallNote() {\r\n var value = this.state.homeRepairIsInitialCallNote;\r\n this.setState({ homeRepairIsInitialCallNote: !value });\r\n }\r\n\r\n handleHomeRepairAgendaItemDescription(evt) {\r\n this.setState({\r\n homeRepairSelectedAgendaItem: { ...this.state.homeRepairSelectedAgendaItem, description: evt.target.value }\r\n });\r\n }\r\n handleDate(moment) {\r\n this.setState({ homeRepairSelectedAgendaItem: { ...this.state.homeRepairSelectedAgendaItem, agendaDate: moment } })\r\n }\r\n handleSelected(selectOption) {\r\n this.setState({ homeRepairSelectedAgendaItem: { ...this.state.homeRepairSelectedAgendaItem, agendaType: selectOption } })\r\n }\r\n handleSelectedMaterial(selectOption) {\r\n this.setState({ homeRepairSelectedRepairment: { ...this.state.homeRepairSelectedRepairment, material: selectOption } })\r\n }\r\n handleSelectedCaseFileType(selectOption) {\r\n this.setState({ homeRepairSelectedCaseFileType: selectOption });\r\n \r\n }\r\n handleSelectedRepairmentType(selectOption) {\r\n this.setState({ homeRepairSelectedRepairment: { ...this.state.homeRepairSelectedRepairment, repairmentType: selectOption, material :null },homeRepairMaterials: [], }, this.gethomeRepairMaterialsByRepairmentType)\r\n }\r\n handleSelectedUnit(selectOption) {\r\n this.setState({ homeRepairSelectedRepairment: { ...this.state.homeRepairSelectedRepairment, unit: selectOption } })\r\n }\r\n handleSelectedRoom(selectOption) {\r\n this.setState({ homeRepairSelectedRepairment: { ...this.state.homeRepairSelectedRepairment, room: selectOption } })\r\n }\r\n handleAmountChange(evt) {\r\n this.setState({ homeRepairSelectedRepairment: { ...this.state.homeRepairSelectedRepairment, amount: evt.target.value } }, this.calculateTotalPrice);\r\n }\r\n handlePricePerUnitChange(evt) {\r\n this.setState({ homeRepairSelectedRepairment: { ...this.state.homeRepairSelectedRepairment, pricePerUnit: evt.target.value } }, this.calculateTotalPrice);\r\n }\r\n handleTotalPriceChange(evt) {\r\n this.setState({ homeRepairSelectedRepairment: { ...this.state.homeRepairSelectedRepairment, totalPrice: evt.target.value } });\r\n }\r\n handleMaterialDetailChange(evt) {\r\n this.setState({ homeRepairSelectedRepairment: { ...this.state.homeRepairSelectedRepairment, materialDetail: evt.target.value } });\r\n }\r\n handleDeleteRepairment(row) {\r\n if (window.confirm('Silmek istediğinize emin misiniz?')) {\r\n var selectedEvent = {\r\n /*repairmentType: {\r\n label: row.homeRepairRepairmentType.name,\r\n value: row.homeRepairRepairmentType.id\r\n },\r\n material: {\r\n label: row.homeRepairMaterial.name,\r\n value: row.homeRepairMaterial.id\r\n },\r\n room: {\r\n label: row.homeRepairRoom.name,\r\n value: row.homeRepairRoom.id\r\n },\r\n unit: {\r\n label: row.homeRepairMaterialUnitType.name,\r\n value: row.homeRepairMaterialUnitType.id\r\n },*/\r\n id: row.id,\r\n /*amount: row.materialAmount,\r\n pricePerUnit: row.materialPricePerUnit,\r\n totalPrice: row.totalPrice,\r\n materialDetail: row.materialDetail,*/\r\n isActive: false,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\"),\r\n ServiceID: this.state.serviceData.id\r\n };\r\n axios.post(\"api/service/deletehomerepairrepairment/\", selectedEvent)\r\n .then(res => {\r\n if (res.data.data) {\r\n //alert(\"Onarım Silinmiştir.\");\r\n NotificationManager.success(\"Onarım Silinmiştir\");\r\n this.setState({\r\n searchBtnDisabled: false,\r\n homeRepairSelectedRepairment: {\r\n id: 0,\r\n repairmentType: {}\r\n },\r\n refresh:true\r\n },this.refreshComponent);\r\n }\r\n else {\r\n //alert(res.data.message);\r\n NotificationManager.error(res.data.message);\r\n this.setState({\r\n searchBtnDisabled: false,\r\n saveIconClasses: \"fa-spin d-none ml-2\",\r\n homeRepairSelectedRepairment: {\r\n id: 0,\r\n repairmentType: {}\r\n }\r\n });\r\n }\r\n }).catch(e => {\r\n //console.log(e);\r\n NotificationManager.error(\"Bir hata oluştu\");\r\n })\r\n }\r\n }\r\n handleUpdateRepairment(row) {\r\n var selectedEvent = {\r\n repairmentType: {\r\n label: row.homeRepairRepairmentType.name,\r\n value: row.homeRepairRepairmentType.id\r\n },\r\n material: {\r\n label: row.homeRepairMaterial.name,\r\n value: row.homeRepairMaterial.id\r\n },\r\n room: row.homeRepairRoom ? {\r\n label: row.homeRepairRoom.name,\r\n value: row.homeRepairRoom.id\r\n } : null,\r\n unit: {\r\n label: row.homeRepairMaterialUnitType.name,\r\n value: row.homeRepairMaterialUnitType.id\r\n },\r\n id: row.id,\r\n amount: row.materialAmount.replace(',', '.'),\r\n pricePerUnit: row.materialPricePerUnit.replace(',', '.'),\r\n totalPrice: row.totalPrice.replace(',', '.'),\r\n materialDetail: row.materialDetail\r\n };\r\n this.setState({ homeRepairSelectedRepairment: selectedEvent })\r\n\r\n }\r\n calculateTotalPrice() {\r\n var amnt = this.state.homeRepairSelectedRepairment.amount?.replace(',', '.');\r\n var ppu = this.state.homeRepairSelectedRepairment.pricePerUnit?.replace(',', '.');\r\n if (!amnt || !ppu)\r\n return;\r\n if (isNaN(ppu) || isNaN(amnt)) {\r\n //alert('')\r\n NotificationManager.error(\"Birim fiyat ve Miktar alanlarına lütfen geçerli değerler giriniz!\");\r\n return false;\r\n }\r\n\r\n axios.get(\"api/service/calculaterepairmenttotalprice?amount=\" + amnt + \"&pricePerUnit=\" + ppu)\r\n .then(res => {\r\n if (res.data.data) {\r\n this.setState({ homeRepairSelectedRepairment: { ...this.state.homeRepairSelectedRepairment, totalPrice: res.data.data } });\r\n }\r\n else {\r\n //alert(res.data.message);\r\n NotificationManager.error(res.data.message);\r\n this.setState({ saveIconClasses: \"fa-spin d-none ml-2\" })\r\n this.setState({ searchBtnDisabled: false });\r\n }\r\n });\r\n }\r\n renderPrintRepairments() {\r\n return (\r\n \r\n \r\n
\r\n
\r\n\r\n ASİSTANS HASAR ONARIM FORMU \r\n
\r\n
\r\n
\r\n
\r\n \r\n DOSYA NO \r\n {this.state.serviceData?.mainCase?.caseProductOwner?.platePolicyNumber} \r\n \r\n \r\n SİGORTALI \r\n {this.state.serviceData?.mainCase?.caseProductOwner ? this.state.serviceData.mainCase.caseProductOwner.name : ''} \r\n \r\n \r\n ONARIM ADRESİ \r\n \r\n {this.state.serviceData.mainCase?.sceneAdress}\r\n \r\n \r\n
\r\n
Veri bulunmamaktadır\r\n }\r\n\r\n highlightOnHover={true}\r\n striped={true}\r\n />\r\n\r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n ASİSTANS FİRMASI \r\n INTER PARTNERS ASSISTANCE \r\n \r\n \r\n KAŞE / İMZA \r\n {this.state.serviceData.specialistUser?.displayName} \r\n \r\n
\r\n\r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n TOPLAM \r\n {this.state.repairmentsTotal} \r\n \r\n \r\n KDV (%20) \r\n {this.state.repairmentsVat} \r\n \r\n \r\n GENEL TOPLAM \r\n {this.state.repairmentsSum} \r\n \r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n
\r\n NOT/AÇIKLAMA : \r\n {this.state.serviceData?.repairNotes}\r\n
\r\n\r\n \r\n );\r\n\r\n }\r\n handleRepairmentsDetailModalClose() {\r\n this.setState({ showRepairmentsDetailsModal: false });\r\n }\r\n\r\n\r\n //API Calls\r\n\r\n async uploadHomeRepairFile(file) {\r\n var request = {\r\n CaseFile: file.base64,\r\n CaseID: this.state.serviceData.mainCase.caseID,\r\n ServiceID: this.state.serviceData.id,\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\"),\r\n CaseFileType: { ID: this.state.homeRepairSelectedCaseFileType.value },\r\n FileName: file.name,\r\n Description: file.name,\r\n //CreatedUserID: /*(!process.env.NODE_ENV || process.env.NODE_ENV === 'development') ? 2 :*/ 153,\r\n CreatedIPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\"))\r\n }\r\n axios.post(\"api/service/homerepairfileupload/\", request)\r\n .then(res => {\r\n console.log(\"res\",res);\r\n if (res.data.data) {\r\n //alert(\"Dosya yüklendi.\");\r\n NotificationManager.success(\"Dosya yüklendi\");\r\n this.setState({ homeRepairCaseFilesLoading: true, homeRepairCaseFilesLoaded: false }, this.gethomeRepairCaseFiles);\r\n }\r\n else {\r\n //alert(res.data.message);\r\n NotificationManager.error(res.data.message);\r\n }\r\n });\r\n }\r\n\r\n async getAgendaItemTypes(apiRoot) {\r\n axios.get(\"api/service/gethomerepairagendatypes\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.homeRepairAgendaTypes.push({ value: value.id, label: value.name });\r\n }\r\n });\r\n }\r\n async gethomeRepairRepairmentTypes(apiRoot) {\r\n axios.get(\"api/service/gethomerepairrepairmenttypes\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.homeRepairRepairmentTypes.push({ value: value.id, label: value.name });\r\n }\r\n });\r\n }\r\n async gethomeRepairRooms(apiRoot) {\r\n axios.get(\"api/service/gethomerepairrooms\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.homeRepairRooms.push({ value: value.id, label: value.name });\r\n }\r\n });\r\n }\r\n\r\n async gethomeRepairCaseFiles(apiRoot) {\r\n\r\n var request = {\r\n ID: this.state.serviceData.mainCase.caseID,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/service/gethomerepaircasefilesbyrequest\",request)\r\n .then(res => {\r\n if (res.data.data)\r\n this.setState({\r\n ...this.state, serviceData: { ...this.state.serviceData, mainCase: { ...this.state.serviceData.mainCase, caseFiles: res.data.data } }\r\n })\r\n return res;\r\n })\r\n .finally(res => {\r\n this.setState({ homeRepairCaseFilesLoading: false, homeRepairCaseFilesLoaded: true });\r\n });\r\n \r\n }\r\n async gethomeRepairUnits(apiRoot) {\r\n axios.get(\"api/service/gethomerepairunits\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.homeRepairUnits.push({ value: value.id, label: value.name });\r\n }\r\n });\r\n }\r\n async gethomeRepairCaseFileTypes(apiRoot) {\r\n axios.get(\"api/service/getcasefiletypesforprovider\")\r\n .then(res => {\r\n for (const [, value] of res.data.data.entries()) {\r\n this.state.homeRepairCaseFileTypes.push({ value: value.id, label: value.typeName });\r\n }\r\n });\r\n }\r\n async gethomeRepairMaterialsByRepairmentType(apiRoot) {\r\n var newTypes = [];\r\n //this.setState({homeRepairMaterials : []})\r\n axios.get(\"api/service/gethomerepairmaterialsbytypeid?repairmentTypeID=\" + this.state.homeRepairSelectedRepairment?.repairmentType?.value)\r\n .then(res => { \r\n for (const [, value] of res.data.data.entries()) {\r\n newTypes.push({ value: value.id, label: value.name });\r\n }\r\n this.setState({ homeRepairMaterials: newTypes });\r\n });\r\n }\r\n async saveHomeRepairNote() {\r\n if (!this.state.homeRepairNoteToSave) {\r\n NotificationManager.error(\"Not girilmedi\");\r\n return;\r\n }\r\n var request = {\r\n HomeRepairCase: { ID: this.state.serviceData?.id },\r\n Note: this.state.homeRepairNoteToSave,\r\n IsActive: true,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\"),\r\n ServiceID: this.state.serviceData.id,\r\n IsInitialCallNote: this.state.homeRepairIsInitialCallNote\r\n }\r\n axios.post(\"api/service/savehomerepairnote/\", request)\r\n .then(res => {\r\n if (res.data.data) {\r\n //alert(\"Not Kaydedildi.\");\r\n NotificationManager.success(\"Not kaydedildi\");\r\n this.setState({ refresh: true }, this.refreshComponent);\r\n }\r\n else {\r\n //alert();\r\n NotificationManager.error(res.data.message);\r\n this.setState({ saveIconClasses: \"fa-spin d-none ml-2\" })\r\n this.setState({ searchBtnDisabled: false });\r\n }\r\n }).catch(e => {\r\n NotificationManager.error(\"Bir hata oluştu.\");\r\n })\r\n }\r\n\r\n async saveHomeRepairRepairmentNote() {\r\n if (!this.state.serviceData.repairNotes) {\r\n NotificationManager.error(\"Onarım Notu girilmedi\");\r\n return;\r\n }\r\n var request = {\r\n ID: this.state.serviceData?.id ,\r\n RepairNotes: this.state.serviceData?.repairNotes,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\"),\r\n ServiceID: this.state.serviceData.id,\r\n \r\n }\r\n axios.post(\"api/service/savehomerepairrepairmentnote/\", request)\r\n .then(res => {\r\n if (res.data.data) {\r\n //alert(\"Not Kaydedildi.\");\r\n NotificationManager.success(\"Not kaydedildi\");\r\n this.setState({ refresh: true }, this.refreshComponent);\r\n }\r\n else {\r\n //alert();\r\n NotificationManager.error(res.data.message);\r\n this.setState({ saveIconClasses: \"fa-spin d-none ml-2\" })\r\n this.setState({ searchBtnDisabled: false });\r\n }\r\n }).catch(e => {\r\n NotificationManager.error(\"Bir hata oluştu.\");\r\n })\r\n }\r\n\r\n\r\n async saveHomeRepairAgendaItem() {\r\n if (!this.state.homeRepairSelectedAgendaItem.agendaDate) {\r\n //alert('.')\r\n NotificationManager.error(\"Gidiş Tarihi Saati girilmedi\");\r\n return;\r\n }\r\n if (!this.state.homeRepairSelectedAgendaItem.description) {\r\n //alert('Açıklama girilmedi.')\r\n NotificationManager.error(\"Açıklama girilmedi\");\r\n return;\r\n }\r\n\r\n var request = {\r\n ID: this.state.homeRepairSelectedAgendaItem.id,\r\n HomeRepairCase: { ID: this.state.serviceData?.id },\r\n AgendaType: this.state.homeRepairSelectedAgendaItem.agendaType.value ? { ID: this.state.homeRepairSelectedAgendaItem.agendaType.value } : null,\r\n AgendaUnixDate: String(moment(this.state.homeRepairSelectedAgendaItem.agendaDate).unix()),\r\n Description: this.state.homeRepairSelectedAgendaItem.description,\r\n IsActive: true,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n CreateIpaEksperUser: { ID: parseInt(window.sessionStorage.getItem(\"userID\")) },\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\"),\r\n ServiceID: this.state.serviceData.id\r\n }\r\n axios.post(\"api/service/savehomerepairagendaitem/\", request)\r\n .then(res => {\r\n if (res.data.data) {\r\n //alert(\"Ajanda Kaydedilmiştir.\")\r\n NotificationManager.success(\"Ajanda Kaydedilmiştir\");\r\n this.setState({ refresh: true }, this.refreshComponent);\r\n }\r\n else {\r\n //alert(res.data.message);\r\n NotificationManager.error(res.data.message);\r\n this.setState({ saveIconClasses: \"fa-spin d-none ml-2\" })\r\n this.setState({\r\n searchBtnDisabled: false,\r\n homeRepairSelectedAgendaItem: {\r\n id: 0,\r\n agendaType: {}\r\n }\r\n });\r\n }\r\n }).catch(e => { console.log(e) })\r\n }\r\n async saveHomeRepairRepairment() {\r\n if (!this.state.homeRepairSelectedRepairment.repairmentType.value) {\r\n //alert('Onarım Tipi girilmedi');\r\n NotificationManager.error(\"Onarım Tipi girilmedi\");\r\n return;\r\n }\r\n if (!this.state.homeRepairSelectedRepairment.material) {\r\n //alert('Malzeme girilmedi');\r\n NotificationManager.error(\"Malzeme girilmedi\");\r\n return;\r\n }\r\n if (!this.state.homeRepairSelectedRepairment.amount /*|| isNaN(this.state.homeRepairSelectedRepairment.amount)*/) {\r\n //alert('');\r\n NotificationManager.error(\"Miktar girilmedi veya hatalı girildi\");\r\n return;\r\n }\r\n if (!this.state.homeRepairSelectedRepairment.pricePerUnit /*|| isNaN(this.state.homeRepairSelectedRepairment.pricePerUnit)*/) {\r\n //alert('');\r\n NotificationManager.error(\"Birim Fiyat girilmedi veya hatalı girildi\");\r\n return;\r\n }\r\n if (!this.state.homeRepairSelectedRepairment.unit) {\r\n //alert('Birim girilmedi');\r\n NotificationManager.error(\"Birim girilmedi\");\r\n return;\r\n }\r\n var request = {\r\n ID: this.state.homeRepairSelectedRepairment.id,\r\n HomeRepairCase: { ID: this.state.serviceData?.id },\r\n MaterialAmount: this.state.homeRepairSelectedRepairment.amount.replace(',', '.'),\r\n MaterialPricePerUnit: this.state.homeRepairSelectedRepairment.pricePerUnit.replace(',', '.'),\r\n TotalPrice: String(this.state.homeRepairSelectedRepairment.totalPrice),\r\n MaterialDetail: this.state.homeRepairSelectedRepairment.materialDetail,\r\n HomeRepairRepairmentType: { ID: this.state.homeRepairSelectedRepairment.repairmentType.value },\r\n HomeRepairMaterial: { ID: this.state.homeRepairSelectedRepairment.material.value },\r\n HomeRepairRoom: this.state.homeRepairSelectedRepairment.room ? { ID: this.state.homeRepairSelectedRepairment.room.value } : null,\r\n HomeRepairMaterialUnitType: { ID: this.state.homeRepairSelectedRepairment.unit.value },\r\n IsActive: true,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\"),\r\n ServiceID: this.state.serviceData.id\r\n }\r\n axios.post(\"api/service/savehomerepairrepairment/\", request)\r\n .then(res => {\r\n if (res.data.data) {\r\n //alert(\"Onarım Kaydedilmiştir.\")\r\n NotificationManager.success(\"Onarım kaydedilmiştir\");\r\n this.setState({\r\n searchBtnDisabled: false,\r\n homeRepairSelectedRepairment: {\r\n id: 0,\r\n repairmentType: {},\r\n pricePerUnit: \"\",\r\n amount: \"\",\r\n totalPrice: \"\",\r\n materialDetail: \"\",\r\n material: null,\r\n room: null,\r\n unit: null\r\n },\r\n refresh:true\r\n },this.refreshComponent);\r\n }\r\n else {\r\n //alert(res.data.message);\r\n NotificationManager.error(res.data.message);\r\n this.setState({ saveIconClasses: \"fa-spin d-none ml-2\" })\r\n this.setState({\r\n searchBtnDisabled: false,\r\n homeRepairSelectedRepairment: {\r\n id: 0,\r\n repairmentType: {}\r\n }\r\n });\r\n }\r\n }).catch(e => {\r\n console.log(e);\r\n NotificationManager.error(\"Bir hata oluştu\");\r\n })\r\n }\r\n async getRepairmentsPrintTable() {\r\n axios.post(\"api/service/generaterepairmentprintdata/\", this.state.serviceData)\r\n .then(res => {\r\n if (res.data.data) {\r\n this.setState({ printableRepairments: res.data.data, repairmentsTotal: res.data.totalPrice, repairmentsVat: res.data.vat, repairmentsSum: res.data.sum })\r\n }\r\n else {\r\n alert(res.data.message);\r\n NotificationManager.error(res.data.message);\r\n }\r\n }).catch(e => {\r\n console.log(e);\r\n NotificationManager.error(\"Bir hata oluştu\");\r\n })\r\n }\r\n async sendRepairmentsToIPA() {\r\n var request = {\r\n ID: this.state.serviceData?.id,\r\n RepairApproval: { ID: 2 },\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\"),\r\n ServiceID: this.state.serviceData.id\r\n }\r\n axios.post(\"api/service/sendrepairmentstoipa/\", request)\r\n .then(res => {\r\n if (res.data.data) {\r\n //alert(\"Onarımlar IPA'ya Gönderilmiştir.\")\r\n NotificationManager.success(\"Onarımlar IPA'ya gönderilmiştir.\");\r\n //this.setState({ refresh: true }, this.refreshComponent);\r\n this.setState({ ...this.state, sendRepsToIPADisabled: true, saveRepsButtonDisabled: true, refresh: true }, this.refreshComponent);\r\n }\r\n else {\r\n //alert(res.data.message);\r\n NotificationManager.error(res.data.message);\r\n this.setState({ searchBtnDisabled: false, saveIconClasses: \"fa-spin d-none ml-2\" });\r\n }\r\n }).catch(e => {\r\n console.log(e);\r\n NotificationManager.error(\"Bir hata oluştu\");\r\n })\r\n }\r\n\r\n getFile(item) {\r\n window.open('api/service/gethomerepaircasefile?fileID=' + item.id, '_blank'); \r\n }\r\n\r\n //Component Events\r\n componentDidMount() {\r\n this.setState({ serviceData: this.props.service.data.data }, () => {\r\n var agendaItems = this.state.serviceData.agendaItems?.map((x) => {\r\n return {\r\n itemId: x.id,\r\n start: x.agendaDate,//.ToString(\"s\"),\r\n color: \"orange\",\r\n typeId: x.agendaType?.id,\r\n title: x.agendaType ? x.agendaType.name + \" - \" + x.description : x.description,\r\n description: x.description,\r\n agendaType: x.agendaType\r\n };\r\n\r\n });\r\n var notes = !this.state.serviceData.repairNotesList ? null : this.state.serviceData.repairNotesList?.filter(x => x.isInitialCallNote);\r\n var repairments = this.state.serviceData.repairments;\r\n this.getRepairmentsPrintTable();\r\n /*let calendarApi = this.calendarRef.current.getApi()\r\n calendarApi.refetchEvents()\r\n //calendarApi.render()\r\n //calendarApi.getEvents()\r\n calendarApi.updateSize()*/\r\n /* for (const [, value] of this.state.serviceData?.photos?.entries()) {\r\n var dataURI = \"data:image/jpeg;base64,\" + value.imageData;\r\n var byteString = atob(dataURI.split(',')[1]);\r\n var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]\r\n var ab = new ArrayBuffer(byteString.length);\r\n var ia = new Uint8Array(ab);\r\n for (var i = 0; i < byteString.length; i++)\r\n ia[i] = byteString.charCodeAt(i);\r\n var blob = new Blob([ab], { type: mimeString });\r\n Resizer.imageFileResizer(\r\n blob,\r\n 150,\r\n 150,\r\n 'JPEG',\r\n 100,\r\n 0,\r\n uri => {\r\n if (!this.state.photosPreview.some(x => (x === uri))) {\r\n const newArray = this.state.photosPreview.concat(uri);\r\n this.setState({ photosPreview: newArray });\r\n }\r\n else\r\n alert(\"Fotoğraf önceden eklenmiş.\")\r\n }\r\n );\r\n }*/\r\n this.setState({\r\n ...this.state,\r\n serviceData: {\r\n ...this.state.serviceData,\r\n photos: []\r\n },\r\n agendaItems: agendaItems,\r\n repairments: repairments,\r\n sendRepsToIPADisabled: this.state.serviceData.repairApproval?.isLocked,\r\n saveRepsButtonDisabled: this.state.serviceData.repairApproval?.isLocked,\r\n columnsRepairment: [\r\n {\r\n name: 'Onarım Tipi',\r\n selector: 'homeRepairRepairmentType.name',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Malzeme',\r\n selector: 'homeRepairMaterial.name',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Mahal',\r\n //selector: 'homeRepairRoom.name',\r\n cell: row => {row.homeRepairRoom?.name} ,\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Birim',\r\n selector: 'homeRepairMaterialUnitType.name',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Miktar',\r\n selector: 'materialAmount',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Birim Fiyat',\r\n selector: 'materialPricePerUnit',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Toplam Fiyat',\r\n selector: 'totalPrice',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n cell: row => {row.createUser == null ? row.createIPAEksperUser?.userName : row.createUser?.displayName} ,\r\n wrap: true\r\n },\r\n {\r\n cell: row => this.handleUpdateRepairment(row)}>Güncelle ,\r\n /*wrap: true,\r\n ignoreRowClick: true,*/\r\n button: true\r\n },\r\n {\r\n cell: row => this.handleDeleteRepairment(row)}>Sil ,\r\n /*wrap: true,\r\n ignoreRowClick: true,*/\r\n button: true\r\n }\r\n ],\r\n hasInitialCallNote: notes && notes.length > 0\r\n });\r\n });\r\n this.getAgendaItemTypes();\r\n this.gethomeRepairRepairmentTypes();\r\n this.gethomeRepairRooms();\r\n this.gethomeRepairUnits();\r\n this.gethomeRepairCaseFileTypes();\r\n //this.gethomeRepairMaterialsByRepairmentType();\r\n\r\n }\r\n\r\n refreshComponent() {\r\n\r\n var request = {\r\n ID: this.state.serviceData.id,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/service/gethomerepaircasebyrequest/\", request)\r\n .then(res => {\r\n if (res.data.data != null) {\r\n this.setState({ serviceData: res.data.data }, () => {\r\n var agendaItems = this.state.serviceData.agendaItems?.map((x) => {\r\n return {\r\n itemId: x.id,\r\n start: x.agendaDate,//.ToString(\"s\"),\r\n color: \"orange\",\r\n typeId: x.agendaType?.id,\r\n title: x.agendaType ? x.agendaType.name + \" - \" + x.description : x.description,\r\n description: x.description,\r\n agendaType: x.agendaType\r\n };\r\n\r\n });\r\n var notes = !this.state.serviceData.repairNotesList ? null : this.state.serviceData.repairNotesList?.filter(x => x.isInitialCallNote);\r\n var repairments = this.state.serviceData.repairments;\r\n this.getRepairmentsPrintTable();\r\n \r\n this.setState({\r\n ...this.state,\r\n agendaItems: agendaItems,\r\n repairments: repairments,\r\n sendRepsToIPADisabled: this.state.serviceData.repairApproval?.isLocked,\r\n saveRepsButtonDisabled: this.state.serviceData.repairApproval?.isLocked,\r\n columnsRepairment: [\r\n {\r\n name: 'Onarım Tipi',\r\n selector: 'homeRepairRepairmentType.name',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Malzeme',\r\n selector: 'homeRepairMaterial.name',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Mahal',\r\n //selector: 'homeRepairRoom.name',\r\n cell: row => {row.homeRepairRoom?.name} ,\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Birim',\r\n selector: 'homeRepairMaterialUnitType.name',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Miktar',\r\n selector: 'materialAmount',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Birim Fiyat',\r\n selector: 'materialPricePerUnit',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n name: 'Toplam Fiyat',\r\n selector: 'totalPrice',\r\n sortable: false,\r\n wrap: true\r\n },\r\n {\r\n cell: row => {row.createUser == null ? row.createIPAEksperUser?.userName : row.createUser?.displayName} ,\r\n wrap: true\r\n },\r\n {\r\n cell: row => this.handleUpdateRepairment(row)}>Güncelle ,\r\n /*wrap: true,\r\n ignoreRowClick: true,*/\r\n button: true\r\n },\r\n {\r\n cell: row => this.handleDeleteRepairment(row)}>Sil ,\r\n /*wrap: true,\r\n ignoreRowClick: true,*/\r\n button: true\r\n }\r\n ],\r\n hasInitialCallNote: notes && notes.length > 0\r\n });\r\n });\r\n }\r\n \r\n });\r\n\r\n \r\n }\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.service !== this.props.service) {\r\n this.setState({ serviceData: this.props.service.data.data });\r\n let calendarApi = this.calendarRef.current.getApi()\r\n calendarApi.refetchEvents()\r\n //calendarApi.render()\r\n //calendarApi.getEvents()\r\n calendarApi.updateSize()\r\n }\r\n let calendarApi = this.calendarRef.current.getApi()\r\n calendarApi.refetchEvents()\r\n //calendarApi.render()\r\n //calendarApi.getEvents()\r\n calendarApi.updateSize()\r\n \r\n }\r\n\r\n render() {\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n Genel Bilgileri \r\n \r\n \r\n Konut Dosya Bilgileri \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 Konut Dosyası İşlemleri \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n { this.setState({ showRepairmentsDetailsModal: true }) }}>\r\n \r\n \r\n
\r\n {(this.state.serviceData.repairApproval?.id === 4 || this.state.serviceData.repairApproval?.id === 1 || this.state.serviceData.repairApproval?.id === 5) &&\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n this.saveHomeRepairRepairment()} >\r\n Onarımı Kaydet \r\n \r\n \r\n
\r\n\r\n \r\n \r\n Onarım Notu: \r\n \r\n
\r\n \r\n this.saveHomeRepairRepairmentNote()} >\r\n Not Ekle \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n }\r\n\r\n Veri bulunmamaktadır\r\n }\r\n\r\n highlightOnHover={true}\r\n striped={true}\r\n />\r\n\r\n \r\n this.sendRepairmentsToIPA()} >\r\n Onarımları IPA'ya Gönder \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {\r\n this.state.homeRepairCaseFilesLoading ?\r\n \r\n
\r\n Loading... \r\n
\r\n
Konut Dosyaları Yükleniyor... \r\n
this.getFile(item)} target=\"_blank\">\r\n \r\n \r\n ))\r\n :\r\n \r\n \r\n Henüz konut dosyası yüklenmemiş. \r\n
\r\n }\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Servis Arama \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Açıklama \r\n \r\n
\r\n \r\n this.saveHomeRepairAgendaItem()} >\r\n Kaydet / Güncelle \r\n \r\n \r\n Formu Temizle \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 {this.state.proto}\r\n \r\n\r\n \r\n \r\n \r\n \r\n Tedarikçi Notu: \r\n \r\n
\r\n \r\n this.saveHomeRepairNote()} >\r\n Not Ekle \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n Veri bulunmamaktadır\r\n }\r\n subHeaderComponent={(\r\n \r\n
\r\n )}\r\n highlightOnHover={true}\r\n striped={true}\r\n />\r\n \r\n \r\n \r\n \r\n
\r\n
this.handleRepairmentsDetailModalClose()}>\r\n \r\n Onarım Detayları \r\n \r\n window.print()}>\r\n \r\n this.handleRepairmentsDetailModalClose()}>\r\n \r\n
\r\n \r\n \r\n\r\n {this.renderPrintRepairments()}\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport { HomeRepairSearch } from './HomeRepairSearch';\r\nimport { HomeRepairList } from './HomeRepairList';\r\nimport { HomeRepairDetail } from './HomeRepairDetail';\r\n//PrimeReact Datatable\r\nimport { DataTable } from 'primereact/datatable';\r\nimport { Column } from 'primereact/column';\r\nimport { Toast } from 'primereact/toast';\r\n//React-Datetime\r\nimport \"react-datetime/css/react-datetime.css\";\r\nimport \"moment/locale/tr\";\r\nimport moment from 'moment';\r\nimport Tabs from 'react-bootstrap/Tabs';\r\nimport Tab from 'react-bootstrap/Tab';\r\n//Bootstrap\r\nimport Modal from 'react-bootstrap/Modal';\r\nimport Row from 'react-bootstrap/Row';\r\nimport Col from 'react-bootstrap/Col';\r\nimport Card from 'react-bootstrap/Card';\r\nimport { DateInput } from './DateInput';\r\n\r\n//React-Notification\r\nimport { NotificationContainer, NotificationManager } from 'react-notifications';\r\n\r\n//import '../primeReactDatatable.css';\r\nimport 'primereact/resources/themes/saga-blue/theme.css';\r\nimport 'primereact/resources/primereact.min.css';\r\nimport 'primeicons/primeicons.css';\r\n\r\nexport class HomeRepairCases extends Component {\r\n static displayName = HomeRepairCases.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n searchData: { data: { data: [] } },\r\n serviceData: { data: { data: [] } },\r\n showServiceDetailModal: false,\r\n serviceTalbeLoading: false,\r\n expandedRowGroups: [],\r\n ref: React.createRef()\r\n };\r\n this.handleserviceDetailModalClose = this.handleserviceDetailModalClose.bind(this);\r\n this.handleSearchCallback = this.handleSearchCallback.bind(this);\r\n this.searchServices = this.searchServices.bind(this);\r\n this.getServiceByID = this.getServiceByID.bind(this);\r\n this.searchHomeRepairAgendaItems = this.searchHomeRepairAgendaItems.bind(this);\r\n\r\n\r\n this.dateTemplate = this.dateTemplate.bind(this);\r\n this.headerTemplate = this.headerTemplate.bind(this);\r\n this.onRowGroupExpand = this.onRowGroupExpand.bind(this);\r\n this.onRowGroupCollapse = this.onRowGroupCollapse.bind(this);\r\n this.handleAgendaDate = this.handleAgendaDate.bind(this);\r\n this.filterAgendaItems = this.filterAgendaItems.bind(this);\r\n }\r\n\r\n headerTemplate(data) {\r\n return (\r\n \r\n {new Intl.DateTimeFormat(\"tr-TR\", {\r\n year: \"numeric\",\r\n month: \"long\",\r\n day: \"2-digit\"\r\n }).format(moment(data.agendaDate))\r\n } \r\n \r\n );\r\n }\r\n dateTemplate(data) {\r\n return (\r\n \r\n {new Intl.DateTimeFormat(\"tr-TR\", {\r\n year: \"numeric\",\r\n month: \"long\",\r\n day: \"2-digit\",\r\n hour: 'numeric',\r\n minute: 'numeric',\r\n second: 'numeric',\r\n hour12:false\r\n }).format(moment(data.agendaDate))\r\n }\r\n \r\n );\r\n }\r\n \r\n\r\n footerTemplate(data) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n onRowGroupExpand(event) {\r\n // this.toast.show({ severity: 'info', summary: 'Row Group Expanded', life: 3000 });\r\n }\r\n\r\n onRowGroupCollapse(event) {\r\n //this.toast.show({ severity: 'success', summary: 'Row Group Collapsed', life: 3000 });\r\n }\r\n handleSearchCallback(childData){\r\n \r\n if (childData.data.data != null)\r\n this.setState({ searchData: childData }, () => this.setState({ serviceTalbeLoading: false }))\r\n else\r\n this.setState({ searchData: { data: { data: [] } } }, () => this.setState({ serviceTalbeLoading: false }))\r\n }\r\n handleserviceDetailModalClose() {\r\n this.setState({ showServiceDetailModal: false });\r\n this.state.ref.current.SearchServices();\r\n }\r\n handleserviceDetailModalOpen() {\r\n this.setState({ showServiceDetailModal: true });\r\n }\r\n handleAgendaDate(moment, name) {\r\n this.setState({ [name]: moment },this.filterAgendaItems);\r\n }\r\n filterAgendaItems() {\r\n var filteredResults;\r\n if (!this.state.agendaStartDate && !this.state.agendaEndDate) {\r\n this.setState({filteredAgendaItems:this.state.agendaItems})\r\n return;\r\n } \r\n if (this.state.agendaStartDate) {\r\n if (this.state.agendaEndDate) {\r\n //both are set.\r\n filteredResults = this.state.agendaItems.filter(x => moment(x.agendaDate) >= this.state.agendaStartDate && moment(x.agendaDate) <= this.state.agendaEndDate);\r\n this.setState({ filteredAgendaItems: filteredResults });\r\n } else {\r\n //only start date is set\r\n filteredResults = this.state.agendaItems.filter(x => moment(x.agendaDate) >= this.state.agendaStartDate);\r\n this.setState({ filteredAgendaItems: filteredResults });\r\n }\r\n } else {\r\n //only end date is set\r\n filteredResults = this.state.agendaItems.filter(x => moment(x.agendaDate) <= this.state.agendaEndDate);\r\n this.setState({ filteredAgendaItems: filteredResults });\r\n }\r\n }\r\n async searchServices(request) {\r\n this.setState({ serviceTalbeLoading: true });\r\n axios.post(\"api/service/gethomerepaircasesbyrequest\", request)\r\n .then(res => {\r\n if(res.data.isSuccess)\r\n NotificationManager.success(res.data.message);\r\n else\r\n NotificationManager.error(res.data.message);\r\n this.handleSearchCallback(res);\r\n //Implement error handling\r\n });\r\n }\r\n\r\n async searchHomeRepairAgendaItems() {\r\n var request = {\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n } \r\n axios.post(\"api/service/gethomerepairagendaitemsbyrequest\", request)\r\n .then(res => {\r\n var arrangedAgendaItems = !res.data.data ? [] : res.data.data.map((x) => {\r\n x[\"agendaOnlyDate\"] = moment(x.agendaDate).format('L');\r\n return x;\r\n });\r\n //this.setState({ agendaItems: res.data.data });\r\n this.setState({ agendaItems: arrangedAgendaItems, filteredAgendaItems: arrangedAgendaItems });\r\n //this.handleSearchCallback(res);\r\n //Implement error handling\r\n });\r\n }\r\n async getServiceByID(homerepairCaseID) {\r\n var request = {\r\n ID: homerepairCaseID,\r\n UserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/service/gethomerepaircasebyrequest/\", request)\r\n .then(res => {\r\n if (res.data.data != null)\r\n this.setState({ serviceData: res })\r\n this.handleserviceDetailModalOpen();\r\n //console.log(res);\r\n //Implement error handling\r\n });\r\n }\r\n componentDidMount() {\r\n this.searchHomeRepairAgendaItems();\r\n }\r\n \r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Loading... \r\n
\r\n
Yükleniyor... \r\n
this.handleserviceDetailModalClose()}>\r\n \r\n Konut Dosya Detayı \r\n \r\n \r\n \r\n \r\n \r\n \r\n this.toast = el}> \r\n { /*this is start of general agenda datatable.*/}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n this.setState({ expandedRows: e.data })}\r\n onRowExpand={this.onRowGroupExpand} onRowCollapse={this.onRowGroupCollapse}\r\n rowGroupHeaderTemplate={this.headerTemplate} rowGroupFooterTemplate={this.footerTemplate}>\r\n \r\n
\r\n
\r\n \r\n \r\n
Fiyatlama tanımınız bulunmamaktadır. \r\n \r\n
\r\n )\r\n } else {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport class Pricing extends Component {\r\n static displayName = Pricing.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n racVehicleSegments: [],\r\n towVehicleTypes: [],\r\n selectedRacVehicleSegment: {},\r\n selectedRacVehicleSegmentDrop: \"\",\r\n selectedRacVehicleSegmentDayDuration: \"\",\r\n calculateDisabled: false,\r\n calculatingClasses: \"fa-spin d-none ml-2\",\r\n calculationResult: \"\",\r\n selectedTowVehicleType: {},\r\n selectedPricingPeriod: {},\r\n selectedTowKM: \"\",\r\n pricingPeriods: []\r\n };\r\n this.getProviderPricingInfo = this.getProviderPricingInfo.bind(this);\r\n this.handleRacVehicleSegmentChange = this.handleRacVehicleSegmentChange.bind(this);\r\n this.handleIntegerTextInputChange = this.handleIntegerTextInputChange.bind(this);\r\n this.calculatePrice = this.calculatePrice.bind(this);\r\n this.handleTowVehicleTypeChange = this.handleTowVehicleTypeChange.bind(this);\r\n this.handlePricingPeriodChange = this.handlePricingPeriodChange.bind(this);\r\n }\r\n\r\n handleIntegerTextInputChange(evt) {\r\n if ((String(parseInt(evt.target.value)) === evt.target.value && parseInt(evt.target.value) >= 0) || evt.target.value === \"\")\r\n this.setState({ [evt.target.name]: evt.target.value });\r\n }\r\n handleRacVehicleSegmentChange(selectedOption) {\r\n this.setState({ selectedRacVehicleSegment: selectedOption });\r\n }\r\n handleTowVehicleTypeChange(selectedOption) {\r\n this.setState({ selectedTowVehicleType: selectedOption });\r\n }\r\n handlePricingPeriodChange(selectedOption) {\r\n this.setState({ selectedPricingPeriod: selectedOption });\r\n }\r\n\r\n async calculatePrice() {\r\n if (this.state.pricingParameters.pricingTypeID === 1)\r\n return;\r\n\r\n if (this.state.pricingParameters.pricingTypeID === 2) {\r\n if (!this.state.selectedRacVehicleSegment?.value) {\r\n NotificationManager.error(\"Araç Segmenti Seçilmedi\", null, 2000);\r\n return;\r\n }\r\n if (!this.state.selectedRacVehicleSegmentDayDuration) {\r\n NotificationManager.error(\"Kiralama Süresi Girilmedi\", null, 2000);\r\n return;\r\n }\r\n if (!this.state.selectedPricingPeriod?.value) {\r\n NotificationManager.error(\"Dönem Seçilmedi\", null, 2000);\r\n return;\r\n }\r\n }\r\n else {\r\n if (!this.state.selectedTowVehicleType?.value) {\r\n NotificationManager.error(\"Araç Tipi Seçilmedi\", null, 2000);\r\n return;\r\n }\r\n if (!this.state.selectedTowKM) {\r\n NotificationManager.error(\"Mesefa Girilmedi\", null, 2000);\r\n return;\r\n }\r\n if (!this.state.selectedPricingPeriod?.value) {\r\n NotificationManager.error(\"Dönem Seçilmedi\", null, 2000);\r\n return;\r\n }\r\n }\r\n\r\n this.setState({\r\n calculatingClasses: \"fa-spin ml-2\",\r\n calculateDisabled: true\r\n })\r\n console.log(this.state.selectedRacVehicleSegmentDayDuration);\r\n var request = {\r\n TowVehicleTypeID: this.state.selectedTowVehicleType.value,\r\n PeriodID: this.state.selectedPricingPeriod.value,\r\n TowingDistance: parseInt(this.state.selectedTowKM),\r\n RacVehicleTypeID: this.state.selectedRacVehicleSegment.value,\r\n RacDayDuration: parseInt(this.state.selectedRacVehicleSegmentDayDuration),\r\n RacDropDistance: parseInt(this.state.selectedRacVehicleSegmentDrop),\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n };\r\n\r\n axios.post(\"api/pricing/getprice\", request)\r\n .then(res => {\r\n this.setState({\r\n calculationResult: res.data.data ?? res.data.message,\r\n calculatingClasses: \"fa-spin d-none ml-2\",\r\n calculateDisabled: false\r\n })\r\n })\r\n .catch(function (error) {\r\n if (error.response) {\r\n NotificationManager.error(error.response.data, null, 2000);\r\n }\r\n });\r\n }\r\n\r\n async getProviderPricingInfo() {\r\n var request = {\r\n IPAEksperUserID: parseInt(window.sessionStorage.getItem(\"userID\")),\r\n UserAccessToken: window.sessionStorage.getItem(\"userToken\")\r\n }\r\n axios.post(\"api/pricing/getpricingparameters\", request)\r\n .then(res => {\r\n for (const [, value] of res.data.data.racVehicleTypes.entries()) {\r\n this.state.racVehicleSegments.push({ value: value.id, label: value.name });\r\n }\r\n\r\n for (const [, value] of res.data.data.towVehicleTypes.entries()) {\r\n this.state.towVehicleTypes.push({ value: value.id, label: value.name });\r\n }\r\n\r\n for (const [, value] of res.data.data.pricingPeriods.entries()) {\r\n this.state.pricingPeriods.push({ value: value.id, label: value.periodName });\r\n if (value.isCurrent)\r\n this.setState({ selectedPricingPeriod: { value: value.id, label: value.periodName } });\r\n }\r\n this.setState({ pricingParameters: res.data.data })\r\n\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n this.getProviderPricingInfo();\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n Ücret Hesaplama \r\n \r\n \r\n \r\n \r\n Hesapla \r\n
\r\n \r\n \r\n \r\n \r\n Otomatik İş Bilgileri \r\n \r\n \r\n \r\n \r\n \r\n \r\n Dosya Numarası \r\n {this.state.automissionInfo.caseNo} \r\n \r\n \r\n Plaka \r\n {this.state.automissionInfo.plateNumber} \r\n \r\n \r\n Marka \r\n {this.state.automissionInfo.brand} \r\n \r\n \r\n Model \r\n {this.state.automissionInfo.model} \r\n \r\n \r\n Hizmet \r\n {this.state.automissionInfo.serviceType} \r\n \r\n \r\n Hizmet Oluşturulma Zamanı \r\n {moment(this.state.automissionInfo.serviceCreationDate).format(\"DD.MM.YYYY HH:mm\")} \r\n \r\n \r\n Son Onay Zamanı \r\n {this.state.automissionInfo.lastApprovalDate ? moment(this.state.automissionInfo.lastApprovalDate).format(\"DD.MM.YYYY HH:mm\") : \"\"} \r\n \r\n \r\n Varılması Gereken Zaman \r\n {moment(this.state.automissionInfo.expectedArrivalDate).format(\"DD.MM.YYYY HH:mm\")} \r\n \r\n \r\n Açıklama \r\n {this.state.automissionInfo.note} \r\n \r\n \r\n İl \r\n {this.state.automissionInfo.town} \r\n \r\n \r\n İlçe \r\n {this.state.automissionInfo.townArea} \r\n \r\n \r\n Semt \r\n {this.state.automissionInfo.district} \r\n \r\n \r\n Adres \r\n {this.state.automissionInfo.address} \r\n \r\n \r\n Kişi \r\n {this.state.automissionInfo.personName} \r\n \r\n \r\n Telefon \r\n {this.state.automissionInfo.phoneNumber} \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n Otomatik İşi Reddet \r\n
\r\n \r\n
\r\n \r\n \r\n Otomatik İşi Kabul et \r\n
\r\n \r\n \r\n\r\n \r\n \r\n Kullanıcı Bilgileri \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Şifre Değişikliği \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Şifre Gereksinimleri \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 Şifreyi Değiştir \r\n \r\n \r\n
\r\n \r\n \r\n {row.groupName ? row.groupName : row.material} ,\r\n wrap: true\r\n },\r\n {\r\n name: 'Malzeme Detay',\r\n selector: 'materialDetail',\r\n sortable: false,\r\n wrap: true,\r\n },\r\n {\r\n name: 'Mahal',\r\n selector: 'room',\r\n sortable: false,\r\n wrap: true,\r\n },\r\n {\r\n name: 'Miktar',\r\n selector: 'amount',\r\n sortable: false,\r\n wrap: true,\r\n },\r\n {\r\n name: 'Birim',\r\n selector: 'unit',\r\n sortable: false,\r\n wrap: true,\r\n },\r\n {\r\n name: 'Birim Fiyat',\r\n selector: 'pricePerUnit',\r\n sortable: false,\r\n wrap: true,\r\n },\r\n {\r\n name: 'Toplam',\r\n selector: 'totalPrice',\r\n sortable: false,\r\n wrap: true,\r\n },\r\n {\r\n name: 'Kalem Toplamı',\r\n selector: 'groupTotal',\r\n sortable: false,\r\n wrap: true,\r\n cell: row => {row.groupTotal ? row.groupTotal : ''} ,\r\n },\r\n\r\n ],\r\n \r\n conditionalRowStyles: [\r\n {\r\n when: row => row.user == null,\r\n style: {\r\n backgroundColor: 'rgb(2, 117, 216)',\r\n color: 'white'\r\n },\r\n },\r\n {\r\n when: row => row.user != null,\r\n style: {\r\n backgroundColor: 'rgb(92, 184, 92)',\r\n color: 'white'\r\n },\r\n },\r\n ],\r\n saveIconClasses: \"fa-spin d-none ml-2\",\r\n searchBtnDisabled: false,\r\n homeRepairRepairmentTypes: [],\r\n homeRepairMaterials: [],\r\n homeRepairRooms: [],\r\n homeRepairUnits: [],\r\n printableRepairments: [],\r\n hrCase: {}\r\n };\r\n this.getRepairmentsPrintTable = this.getRepairmentsPrintTable.bind(this);\r\n }\r\n \r\n renderPrintRepairments() {\r\n return (\r\n \r\n \r\n
\r\n
\r\n\r\n ASİSTANS HASAR ONARIM FORMU \r\n
\r\n\r\n \r\n
\r\n
\r\n
\r\n window.print()}>\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n DOSYA NO \r\n {this.state.hrCase?.mainCase?.caseProductOwner?.platePolicyNumber} \r\n \r\n \r\n SİGORTALI \r\n {this.state.hrCase?.mainCase?.caseProductOwner ? this.state.hrCase.mainCase.caseProductOwner.name : ''} \r\n \r\n \r\n ONARIM ADRESİ \r\n \r\n {this.state.hrCase?.mainCase?.sceneAdress}\r\n \r\n \r\n
\r\n
Veri bulunmamaktadır\r\n }\r\n\r\n highlightOnHover={true}\r\n striped={true}\r\n />\r\n\r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n ASİSTANS FİRMASI \r\n INTER PARTNERS ASSISTANCE \r\n \r\n \r\n KAŞE / İMZA \r\n {this.state.hrCase.specialistUser?.displayName} \r\n \r\n
\r\n\r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n TOPLAM \r\n {this.state.repairmentsTotal} \r\n \r\n \r\n KDV (%20) \r\n {this.state.repairmentsVat} \r\n \r\n \r\n GENEL TOPLAM \r\n {this.state.repairmentsSum} \r\n \r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n
\r\n NOT/AÇIKLAMA : \r\n {this.state.hrCase?.repairNotes}\r\n
\r\n\r\n \r\n );\r\n\r\n }\r\n \r\n async getRepairmentsPrintTable(caseCode) {\r\n axios.post(\"api/service/generaterepairmentprintdataforexpert/\", {CaseCode:caseCode})\r\n .then(res => {\r\n if (res.data.data) {\r\n console.log(res);\r\n this.setState({ printableRepairments: res.data.data,hrCase:res.data.hrCase, repairmentsTotal: res.data.totalPrice, repairmentsVat: res.data.vat, repairmentsSum: res.data.sum })\r\n }\r\n else {\r\n alert(res.data.message);\r\n NotificationManager.error(res.data.message);\r\n }\r\n }).catch(e => {\r\n console.log(e);\r\n NotificationManager.error(\"Bir hata oluştu\");\r\n })\r\n }\r\n\r\n\r\n //Component Events\r\n componentDidMount() {\r\n this.getRepairmentsPrintTable(this.props.computedMatch.params.caseCode);\r\n }\r\n /* componentDidUpdate(prevProps) {\r\n if (prevProps.service !== this.props.location.myData.service) {\r\n this.setState({ serviceData: this.props.location.myData.service.data.data });\r\n }\r\n let calendarApi = this.calendarRef.current.getApi()\r\n calendarApi.refetchEvents()\r\n //calendarApi.render()\r\n //calendarApi.getEvents()\r\n calendarApi.updateSize()\r\n }*/\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {this.renderPrintRepairments()}\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\n\r\nimport Button from 'react-bootstrap/Button';\r\nimport Card from 'react-bootstrap/Card';\r\n\r\n//FontAwesome\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faFilePdf } from '@fortawesome/free-solid-svg-icons'\r\n\r\nexport class PayBack extends Component {\r\n static displayName = PayBack.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.getDeclarationForm = this.getDeclarationForm.bind(this);\r\n }\r\n\r\n async getDeclarationForm() {\r\n axios({\r\n url: \"api/invoicing/getdeclarationform\",\r\n method: 'GET',\r\n responseType: 'blob',\r\n }).then(res => {\r\n var blob = new Blob([res.data]);\r\n var link = document.createElement('a');\r\n link.href = window.URL.createObjectURL(blob);\r\n link.download = \"BeyanFormu.pdf\";\r\n link.click();\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n Geri Ödeme Hakkında Bilgilendirme \r\n \r\n \r\n \r\n 1. Faturanın aşağıdaki ünvana düzenlenmesi gerekmektedir.\r\n Şirket Adı: Inter Partner Assistance Yardım ve Destek Hizmetleri A.Ş.\r\n Adres: Yamanevler Mah. Site Yolu Cad. Anel İş Merkezi No:5/13-14 Ümraniye/İstanbul\r\n Vergi No: 4780991384\r\n Vergi Dairesi: Anadolu Kurumlar\r\n
\r\n 2. Aşağıdaki beyan formunun tarafınızca doldurulması ve imzalanması gerekmektedir.\r\n Beyan Formu \r\n \r\n
\r\n 3. Fatura, Beyan Formu ve SMS ile size iletilen dosya numarasını form@ipaistanbul.com
\r\n \r\n Not: \r\n
\r\n\r\n\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\nimport Card from 'react-bootstrap/Card';\r\n\r\n\r\nexport class AuthorityForm extends Component {\r\n static displayName = AuthorityForm.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n Yetki Formu \r\n \r\n \r\n \r\n Şahıs adına olan araçlar için: \r\n
\r\n Firma veya Kurum adına olan araçlar için: \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\nimport Card from 'react-bootstrap/Card';\r\n\r\n\r\nexport class CookiePolicy extends Component {\r\n static displayName = CookiePolicy.name;\r\n\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n Çerez Politikası \r\n \r\n \r\n \r\n IPA İstanbul ziyaretiniz sırasında kesinlikle zorunlu çerezleri toplar.\r\n https://www.ipaeksper.com MEVCUT POLİTİKANIN GÜNCELLENMESİ \r\n https://www.ipaeksper.com IPA İSTANBUL'DA KİŞİSEL VERİLERİNİZİ KİMLER İŞLİYOR? \r\n KİŞİSEL VERİLERİNİZLE İLGİLİ HAKLARINIZ NELERDİR? \r\n https://www.axapartners.com.tr/tr/gizlilik_politikasi HERHANGİ BİR TALEBİ ELE ALMAK VEYA HAKLARINIZI KULLANMAK İÇİN VERİ SORUMLUSU İLE NASIL İLETİŞİME GEÇİLİR? \r\n interpartnerassistance@hs03.kep.tr info@ipaistanbul.com KİŞİSEL VERİLERİN KORUNMASI KURUMUNA NASIL ŞİKAYETTE BULUNABİLİRİM? \r\n www.kvkk.gov.tr https://ec.europa.eu/justice/article-29/structure/data-protection-authorities/index_en.htm https://www.kvkk.gov.tr
\r\n\r\n \r\n\r\n SİTEMİZDE GEZİNİRKEN KAYDEDİLEN ÇEREZLERİN KATEGORİLERİ VE AMAÇLARI NELERDİR? \r\n
\r\n ÇEREZ TERCİHLERİ \r\n https://www.ipaeksper.com www.allaboutcookies.org \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n/*\r\n * \r\n *
\r\n * \r\n * Added on 16/10/2023\r\n */","import React, { Component } from 'react';\r\nimport axios from 'axios';\r\nimport Resizer from 'react-image-file-resizer';\r\n\r\n\r\n\r\n\r\n\r\nexport class ServicePhoto extends Component {\r\n\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n //myProps: props.location.myProps,\r\n searchingIconClasses: \"fa-spin d-none ml-2\",\r\n hrCase: {}\r\n };\r\n this.getRepairmentsPrintTable = this.getRepairmentsPrintTable.bind(this);\r\n }\r\n \r\n renderPrintRepairments() {\r\n return (\r\n \r\n \r\n );\r\n\r\n }\r\n \r\n async getRepairmentsPrintTable(ID, servID) {\r\n axios.post(\"api/service/getservicephoto/\", {id:parseInt(ID),serviceID:parseInt(servID)})\r\n .then(res => {\r\n if (res.data.data) {\r\n console.log(res);\r\n //var urlCreator = window.URL || window.webkitURL;\r\n var dataURI = \"data:image/jpeg;base64,\" + res.data.data.imageData;\r\n var byteString = atob(dataURI.split(',')[1]);\r\n var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]\r\n var ab = new ArrayBuffer(byteString.length);\r\n var ia = new Uint8Array(ab);\r\n for (var i = 0; i < byteString.length; i++)\r\n ia[i] = byteString.charCodeAt(i);\r\n var blob = new Blob([ab], { type: mimeString });\r\n /* Resizer.imageFileResizer(\r\n blob,\r\n 150,\r\n 150,\r\n 'JPEG',\r\n 100,\r\n 0,\r\n uri => {\r\n /*const newArray = this.state.photosPreview.concat(uri);\r\n this.setState({ photosPreview: newArray });\r\n var imageUrl = URL.createObjectURL(blob);\r\n var img = document.querySelector(\"#photo\");\r\n img.src = uri;\r\n }\r\n );*/\r\n\r\n var imageUrl = URL.createObjectURL(blob);\r\n var img = document.querySelector(\"#photo\");\r\n img.src = imageUrl;\r\n \r\n\r\n\r\n }\r\n else {\r\n alert(res.data.message);\r\n\r\n }\r\n }).catch(e => {\r\n console.log(e);\r\n })\r\n }\r\n\r\n\r\n //Component Events\r\n componentDidMount() {\r\n this.getRepairmentsPrintTable(this.props.computedMatch.params.id, this.props.computedMatch.params.serviceID);\r\n }\r\n /* componentDidUpdate(prevProps) {\r\n if (prevProps.service !== this.props.location.myData.service) {\r\n this.setState({ serviceData: this.props.location.myData.service.data.data });\r\n }\r\n let calendarApi = this.calendarRef.current.getApi()\r\n calendarApi.refetchEvents()\r\n //calendarApi.render()\r\n //calendarApi.getEvents()\r\n calendarApi.updateSize()\r\n }*/\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {this.renderPrintRepairments()}\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { BrowserRouter as Router, Route, Redirect, Switch } from 'react-router-dom';\r\n\r\n//Layouts\r\nimport LayoutRoute from './components/Layout';\r\nimport LoginLayoutRoute from './components/LoginLayout';\r\n\r\n//Components\r\nimport { UnprocessedServices } from './components/UnprocessedServices';\r\nimport { Login } from './components/Login';\r\nimport { RAXAInventory } from './components/RAXAInventory';\r\nimport { RAXADelivery } from './components/RAXADelivery';\r\nimport { Invoicing } from './components/Invoicing';\r\nimport { InsuranceServices } from './components/InsuranceServices';\r\nimport { RequestedCases } from './components/RequestedCases';\r\nimport { NewCaseRequest } from './components/NewCaseRequest';\r\nimport { HomeRepairCases } from './components/HomeRepairCases';\r\nimport { Pricing } from './components/Pricing';\r\nimport { Automission } from './components/Automission'\r\nimport { UserSettings } from './components/UserSettings'\r\nimport { RepairmentsPrint } from './components/RepairmentsPrint';\r\nimport { PayBack } from './components/PayBack';\r\nimport { AuthorityForm } from './components/AuthorityFrom';\r\nimport { CookiePolicy } from './components/CookiePolicy';\r\n\r\nimport './custom.css'\r\nimport 'react-notifications/lib/notifications.css';\r\nimport { ServicePhoto } from './components/ServicePhoto';\r\n\r\n\r\n\r\nclass App extends Component {\r\n static displayName = App.name;\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n \r\n }\r\n\r\n this.autheCheck = this.autheCheck.bind(this);\r\n }\r\n\r\n autheCheck() {\r\n this.setState({ authCheck: true });\r\n }\r\n\r\n render() {\r\n const api_regex = /^\\/api\\/.*/;\r\n const baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\n if (api_regex.test(window.location.pathname)) {\r\n return
\r\n } else {\r\n return (\r\n \r\n \r\n \r\n \r\n (\r\n (\r\n (\r\n (\r\n (\r\n \r\n \r\n );\r\n }\r\n }\r\n}\r\n\r\nexport default App;\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register () {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW (swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker (swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister () {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import 'bootstrap/dist/css/bootstrap.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\nimport unregister from './registerServiceWorker';\r\nimport 'bootstrap/dist/css/bootstrap.css';\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nunregister();\r\nReactDOM.render(\r\n \r\n ,\r\n rootElement);\r\n\r\n//registerServiceWorker();\r\n\r\n"],"sourceRoot":""} 
\r\n \r\n ))}\r\n 
\r\n \r\n \r\n ))\r\n :\r\n