\r\n {this.state.firmName} \r\n
\r\n \r\n{translator.myAccount}
\r\n \r\n\r\n {firstNumber} + {secondNumber} = \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CagCaptcha;\r\n","import React from \"react\";\r\nimport { apiActions } from \"../../apiCall/api.services\";\r\nimport { confirmAlert } from \"react-confirm-alert\";\r\nimport \"react-confirm-alert/src/react-confirm-alert.css\";\r\nimport GooglePlacesAutocomplete, {\r\n geocodeByPlaceId,\r\n} from \"react-google-places-autocomplete\";\r\n// If you want to use the provided css\r\nimport \"react-google-places-autocomplete/dist/assets/index.css\";\r\nimport Select from \"react-select\";\r\nimport AddressSelection from \"../../components/AddressSelection\";\r\nimport CagCaptcha from \"../../components/CagCaptcha\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n InputGroup,\r\n Row,\r\n Col,\r\n Modal, ModalHeader, ModalBody, ModalFooter\r\n} from \"reactstrap\";\r\nimport { useState } from \"react\";\r\n\r\nclass Register extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n //let userAuth = JSON.parse(localStorage.getItem('userAuth'));\r\n this.state = {\r\n /*userAuthOptions: {\r\n accessToken: userAuth.access_token,\r\n apiKey: userAuth.apiKey,\r\n clientID: userAuth.clientID,\r\n },*/\r\n form: {\r\n userName: \"\",\r\n userLastName: \"\",\r\n userPhone: \"\",\r\n userEmail: \"\",\r\n userCity: \"\",\r\n userCityName: \"\",\r\n userDisctrict: \"\",\r\n userRegion: \"\",\r\n userStreet: \"\",\r\n userAddress: \"\",\r\n emailAccepted: 0,\r\n smsAccepted: 0,\r\n callAccepted: 0\r\n },\r\n name: \"\",\r\n email: \"\",\r\n password: \"\",\r\n allData: \"\",\r\n getProvincesID: \"\",\r\n getCountriesData: [],\r\n getProvincesData: [],\r\n getDistrictsData: [],\r\n getStreetorVillagesData: [],\r\n googleAddress: {},\r\n googleAddressDescription: {},\r\n googleRawAddress: \"\",\r\n allAddressData: {},\r\n captchaValid: false,\r\n isSubmitForm: false,\r\n };\r\n\r\n this.getData = this.getData.bind(this);\r\n this.postAddCustomer = this.postAddCustomer.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.myCostomerFormRef = React.createRef();\r\n const urlLocation = window.location.hostname;\r\n if (urlLocation === \"destek.evofone.com\")\r\n this.state.pageUrlLocation = \"evo\";\r\n else if (urlLocation === \"servis.ttteknoloji.com.tr\")\r\n this.state.pageUrlLocation = \"ttt\";\r\n else if (urlLocation == \"servis.next.com.tr\")\r\n this.state.pageUrlLocation = \"next\";\r\n else if (urlLocation == \"servis.ferre.com.tr\")\r\n this.state.pageUrlLocation = \"femas\";\r\n\r\n\r\n this.state.emailModalOpen = false;\r\n this.state.smsModalOpen = false;\r\n this.state.emailModalOpen = false;\r\n }\r\n\r\n parseGoogleAddress(place_id) {\r\n geocodeByPlaceId(place_id)\r\n .then((results) => {\r\n const addressComponents = results[0].address_components;\r\n console.log(\"address results\", results);\r\n var lastData = {};\r\n var fullData = \"\";\r\n\r\n var addressComponentsLong = \" \";\r\n var addressCompType = \" \";\r\n\r\n addressComponents.map(function (address_components, i) {\r\n addressCompType = address_components.types[0];\r\n addressComponentsLong = address_components.long_name;\r\n\r\n if (\r\n addressCompType == \"country\" ||\r\n addressCompType == \"administrative_area_level_1\" ||\r\n addressCompType == \"administrative_area_level_2\"\r\n ) {\r\n lastData[addressCompType] = addressComponentsLong;\r\n } else {\r\n fullData += addressComponentsLong + \",\";\r\n }\r\n });\r\n fullData = fullData.slice(0, -1);\r\n this.setState({ googleAddress: fullData });\r\n this.setState({ googleRawAddress: results[0].formatted_address });\r\n this.setState({ googleAddressDescription: lastData });\r\n })\r\n .catch((error) => console.error(error));\r\n }\r\n\r\n handleChange(event) {\r\n const tempVal = event.target.value;\r\n const tempID = event.target.id;\r\n const store = this.state;\r\n store.form[event.target.name] = tempVal;\r\n this.setState(store);\r\n }\r\n\r\n componentDidMount() {\r\n this.getData();\r\n //this.getCountries();\r\n //this.getProvinces();\r\n }\r\n\r\n handleSubmit(event) {\r\n event.preventDefault();\r\n console.log(\"eeee\", this.state.form.emailAccepted);\r\n this.setState({ isSubmitForm: true });\r\n this.postAddCustomer(\r\n this.state.form.userName,\r\n this.state.form.userLastName,\r\n this.state.form.userPhone,\r\n this.state.form.userEmail,\r\n this.state.allAddressData,\r\n this.state.form.emailAccepted, this.state.form.smsAccepted, this.state.form.callAccepted\r\n );\r\n }\r\n\r\n getData() {\r\n const currentComponent = this;\r\n const promise2 = apiActions.onLoadApi();\r\n promise2.then(function (val) {\r\n currentComponent.setState({ allData: val.data[0] });\r\n });\r\n }\r\n\r\n postAddCustomer(userName, userLastName, userPhone, userEmail, userAddress, emailAccepted, smsAccepted, callAccepted) {\r\n //const postUpdateCustomerPromise = apiActions.postAddCustomer(this.state.userAuthOptions.accessToken,this.state.userAuthOptions.clientID,this.state.userAuthOptions.apiKey,userName,userLastName,userPhone,userEmail,userCity,userDisctrict,userRegion,userStreet,userAddress);\r\n const postUpdateCustomerPromise = apiActions.postAddCustomer(\r\n userName,\r\n userLastName,\r\n userPhone,\r\n userEmail,\r\n userAddress,\r\n emailAccepted,\r\n smsAccepted,\r\n callAccepted\r\n );\r\n postUpdateCustomerPromise.then((res) => {\r\n this.myCostomerFormRef.current.reset();\r\n setTimeout(() => {\r\n this.setState({ isSubmitForm: false });\r\n }, 2000);\r\n });\r\n }\r\n\r\n handleUpdateAdress = (newAddressData) => {\r\n this.setState({ allAddressData: newAddressData });\r\n };\r\n\r\n handleReCAPTCHA = (status) => {\r\n this.setState({ captchaValid: status });\r\n };\r\n\r\n handleEmailModalOpen = () => { this.setState({ emailModalOpen: !this.state.emailModalOpen }) };\r\n handleSmsModalOpen = () => { this.setState({ smsModalOpen: !this.state.smsModalOpen }) };\r\n handleCallModalOpen = () => { this.setState({ callModalOpen: !this.state.callModalOpen }) };\r\n handleKvkkModalOpen = () => { console.log(\"test\"); this.setState({ kvkkModalOpen: !this.state.kvkkModalOpen }) };\r\n\r\n render() {\r\n const { getProvincesData, getDistrictsData, getStreetorVillagesData } =\r\n this.state;\r\n\r\n const sitekey = \"6LfyDwQaAAAAADOrx7Qe5cDFRm37kFhBNBel2cw7\";\r\n\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 else if (this.state.pageUrlLocation == \"next\") {\r\n return (\r\n <>\r\n \r\n
\r\n
\r\n
\r\n All information and attachments contained in this email are confidential and intended for the original recipient only.\r\n You should not share any part of this message with any third parties.\r\n If you have received this message by mistake, please report it to us immediately so we can ensure that such error does not occur again and we can delete it from your system.\r\n The safety and confidentiality of our customers is our priority.\r\n You should always scan any e-mail for threats with the appropriate software, as no liability is accepted for any damage incurred by viewing the content of this e-mail.\r\n The security of your data is one of our biggest responsibilities.\r\n Contact us (kvkk@next.com.tr) if you want to access or change your personal information or if you want to remove it from our database entirely.\r\n
\r\n
\r\n
\r\n A: Battalgazi Mh. Basra Cd. No:10-14 34935 Sultanbeyli / Istanbul, T:444 3 666\r\n
\r\n
\r\n
\r\n Tarafımıza ait ad, soyad ,telefon numarası, adres ve görüşme sırasında belirteceğiniz diğer kişisel veriler size doğru hitap edilebilmesi ,hizmet aldığınız ürüne ilişkin bilgi verilebilmesi, sorularınızın yanıtlanabilmesi, ve satış sonrası destek hizmetlerin yürütülmesi amacı ile sınırlı olarak işlemektedir. Bu kişisel veriler kanunun 5.maddesinde belirtilen ilgili kişinin temel hak ve özgürlüklerine zarar vermemek kaydıyla veri sorumlusunun meşru menfaat veya sözleşmeye ifası için zorunlu olması hukuki sebebine bağlı olarak telefon yolu yoluyla otomatik işlenmektedir.\r\n
\r\n
\r\n
\r\n Hukuki uyuşmazlıklarda talep edilen durumlarda ilgili yardım merciinin talebiniz değerlendirilmesi ve işleme alınması kapsamında yurtiçi ve yurtdışında iş ilişkisi içerisinde olan grup şirketlerimiz, iş ortaklarımız ve tedarikçilerimiz ile paylaşılabilecektir. Kanunun ilgili kişinin haklarını düzenleyen 11.maddesi kapsamındaki taleplerinizi veri sorumlusuna başvuru usul ve hesapları hakkında tebliğine göre, kişisel verileri koruma kurumuna iletebilirsiniz. Daha detaylı bilgi için TT teknoloji teknik servis hizmetleri kişisel verileri işlenmesi aydınlatma metnini www.ttteknoloji.com.tr hakkımızda web sitemizde bulabilirsiniz.\r\n
\r\n
\r\n {this.state.captchaValid && (\r\n \r\n Lütfen adres bilgilerinizi tam girin\r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Sms olarak gelen kullanıcı adı ve şifrenizle servis kaydı açabilir ürünlerinize ait yapılan servis işlemlerinizin tamamını takip edebilirsiniz.\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n img\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\nexport default ClaimHeader;\r\n","import React from 'react';\r\n\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n CardTitle,\r\n Container,\r\n Row,\r\n Button,\r\n Col,\r\n} from 'reactstrap';\r\nimport { Digital } from 'react-activity';\r\nimport 'react-activity/dist/react-activity.css';\r\nimport Modal from 'react-modal';\r\nimport ClaimHeader from '../../components/Headers/ClaimHeader.jsx';\r\nimport { apiActions } from '../../apiCall/api.services';\r\nimport MUIDataTable from 'mui-datatables';\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport userRole from '../../actions/userRole';\r\nimport translator from '../../actions/translator';\r\nimport { logoutUser } from '../../actions/authActions';\r\nconst customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n border: '0',\r\n backgroundColor: 'transparent',\r\n zIndex: '130',\r\n },\r\n};\r\n\r\nclass ClaimList extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n let userAuth = JSON.parse(localStorage.getItem('userAuth'));\r\n this.state = {\r\n testVal: '',\r\n userAuthOptions: {\r\n accessToken: userAuth.access_token,\r\n apiKey: userAuth.apiKey,\r\n clientID: userAuth.clientID,\r\n },\r\n getClaimOptions: [],\r\n claimTypeZero: 0,\r\n claimTypeOne: 0,\r\n claimTypeTwo: 0,\r\n claimTypeThree: 0,\r\n loadingAnimate: true,\r\n modalIsOpen: true,\r\n };\r\n this.getClaimDetails = this.getClaimDetails.bind(this);\r\n this.getActiveClaims = this.getActiveClaims.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.getActiveClaims();\r\n }\r\n\r\n getClaimDetails(getClaimID) {\r\n localStorage.setItem('claimDetails', JSON.stringify(getClaimID));\r\n this.props.history.push('/admin/claim-details');\r\n }\r\n\r\n getActiveClaims() {\r\n let currentComponent = this;\r\n apiActions.getClaimList(\r\n this.state.userAuthOptions.accessToken,\r\n ).then((res) => {\r\n var statusCorrection = res.data.data;\r\n statusCorrection.map(function(obj, index) {\r\n if (obj.Status == 0) {\r\n obj.Status = translator.notEvaluated;\r\n\r\n currentComponent.setState({\r\n claimTypeZero: currentComponent.state.claimTypeZero + 1,\r\n });\r\n } else if (obj.Status == 1) {\r\n obj.Status = translator.finalized;\r\n currentComponent.setState({\r\n claimTypeOne: currentComponent.state.claimTypeOne + 1,\r\n });\r\n } else if (obj.Status == 2) {\r\n obj.Status = translator.partialRejection;\r\n currentComponent.setState({\r\n claimTypeTwo: currentComponent.state.claimTypeTwo + 1,\r\n });\r\n } else if (obj.Status == 3) {\r\n obj.Status = translator.underAppraisal;\r\n currentComponent.setState({\r\n claimTypeThree: currentComponent.state.claimTypeThree + 1,\r\n });\r\n }\r\n });\r\n\r\n res.data.data.map((item) => {\r\n item.InvoiceDate = item.InvoiceDate ? Intl.DateTimeFormat('tr-TR', {year: 'numeric', month: '2-digit',day: '2-digit', hour: '2-digit', minute: '2-digit'}).format(new Date(item.InvoiceDate)) : 'Tarih Bulunamadı';\r\n item.SubmitDate = item.SubmitDate ? Intl.DateTimeFormat('tr-TR', {year: 'numeric', month: '2-digit',day: '2-digit', hour: '2-digit', minute: '2-digit'}).format(Date.parse(item.SubmitDate)) : 'Tarih Bulunamadı';\r\n });\r\n\r\n currentComponent.setState({ getClaimOptions: res.data.data });\r\n currentComponent.setState({ loadingAnimate: false });\r\n currentComponent.setState({ modalIsOpen: false });\r\n }).catch(error=>{\r\n\r\n console.log(\"error\",error.response.status);\r\n error.response.status == 401 && logoutUser();\r\n })\r\n }\r\n\r\n render() {\r\n const { getClaimOptions } = this.state;\r\n\r\n const columns = [\r\n {\r\n name: 'ClaimRefID',\r\n field: 'ClaimRefID',\r\n label: translator.claimID,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n {\r\n name: 'Technician',\r\n field: 'Technician',\r\n label: translator.technician,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n {\r\n name: 'InvoiceNumber',\r\n field: 'InvoiceNumber',\r\n label: translator.invoiceNumber,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n {\r\n name: 'InvoiceDate',\r\n field: 'InvoiceDate',\r\n label: translator.invoiceDate,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n\r\n {\r\n name: 'CompanyName',\r\n field: 'CompanyName',\r\n label: translator.companyName,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n\r\n {\r\n name: 'SubmitDate',\r\n field: 'SubmitDate',\r\n label: translator.submitDate,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n {\r\n name: 'GeneralTotal',\r\n field: 'GeneralTotal',\r\n label: translator.grandTotal,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n {\r\n name: 'Status',\r\n field: 'Status',\r\n label: translator.status,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n {\r\n name: 'ClaimID',\r\n field: 'ClaimID',\r\n label: '',\r\n options: {\r\n display: true,\r\n customBodyRender: (value, tableMeta, updateValue) => (\r\n \r\n {/* Card stats */}\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 {translator.activeOrders}\r\n \r\n \r\n {this.state.openOrderCount}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {translator.pastOrders}\r\n \r\n \r\n {this.state.closedOrderCount}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {/* Page content */}\r\n \r\n {/* Card stats */}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {translator.waitingAppraisalCount}\r\n \r\n \r\n {this.state.claimTypeZero}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {translator.finalizedCount}\r\n \r\n \r\n {this.state.claimTypeOne}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {translator.partialRejectionCount}\r\n \r\n \r\n {this.state.claimTypeTwo}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {translator.underAppraisalCount}\r\n \r\n \r\n {this.state.claimTypeThree}\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\t\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t)\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname: 'SerialNo',\r\n\t\t\t\tlabel: translator.serialNo,\r\n\t\t\t\toptions: {\r\n\t\t\t\t\tfilter: true,\r\n\t\t\t\t\tsort: true\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname: 'Customer',\r\n\t\t\t\tlabel: translator.Store,\r\n\t\t\t\toptions: {\r\n\t\t\t\t\tfilter: true,\r\n\t\t\t\t\tsort: true\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname: 'DeviceName',\r\n\t\t\t\tlabel: translator.DeviceName,\r\n\t\t\t\toptions: {\r\n\t\t\t\t\tfilter: true,\r\n\t\t\t\t\tsort: true,\r\n\t\t\t\t\tdisplay: \"hidden\"\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname: 'SerialNo',\r\n\t\t\t\tfield: 'SerialNo',\r\n\t\t\t\tlabel: translator.openWorkOrder,\r\n\t\t\t\toptions: {\r\n\t\t\t\t\tfilter: true,\r\n\t\t\t\t\tsort: true,\r\n\t\t\t\t\tcustomBodyRender: (value, tableMeta, updateValue) => (\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\r\n\r\n\t\t\t\t\t\t*/\r\n\r\n\t\tconst options = {\r\n\t\t\tfilterType: 'dropdown',\r\n\t\t\tonCellClick: (cellIndex, rowIndex) => {\r\n\t\t\t\tif (rowIndex.colIndex === 7) {\r\n\t\t\t\t\tif (cellIndex.props.value !== undefined) {\r\n\t\t\t\t\t\tthis.getSeriNoOpen(getActiveOrdersOptions[rowIndex.dataIndex]);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tconst userAuthUpdate = JSON.parse(localStorage.getItem('userAuth'));\r\n\t\tif (userAuthUpdate.isCustomerInfoUpdated === '1') {\r\n\t\t\twindow.location.replace('/admin/user-profile');\r\n\t\t}\r\n\r\n\t\tif (localStorage.getItem(\"mfaActive\") === \"1\") {\r\n\t\t\twindow.location.replace(\"/admin/mfa\");\r\n\t\t } \r\n\r\n\t\t// Delete Work Order by Role TC\r\n\t\tif (userRole().workOrderButton === false) {\r\n\t\t\tcolumns.splice(6, 1);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(HeaderWithoutCards);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport MaskedInput from \"react-text-mask\";\r\nimport { confirmAlert } from \"react-confirm-alert\";\r\nimport \"react-confirm-alert/src/react-confirm-alert.css\";\r\nimport translator from \"../actions/translator\";\r\nimport {\r\n Row,\r\n Button,\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Form,\r\n FormGroup,\r\n FormText,\r\n Dropdown,\r\n DropdownToggle,\r\n DropdownMenu,\r\n DropdownItem,\r\n Input,\r\n Label,\r\n Alert,\r\n} from \"reactstrap\";\r\nimport { apiActions } from \"../apiCall/api.services\";\r\nimport { formatDate } from \"./helperMethod\";\r\n\r\nconst PaymentModal = (props) => {\r\n let userAuth = JSON.parse(localStorage.getItem(\"userAuth\"));\r\n const [customerName, setCustomerName] = useState({});\r\n const [inputs, setInputs] = useState({});\r\n\r\n useEffect(() => {\r\n apiActions\r\n .getCustomerSummary(\r\n userAuth.access_token,\r\n userAuth.clientID,\r\n userAuth.apiKey\r\n )\r\n .then((res) => {\r\n let dividedName = res.data.FullName.split(\" \");\r\n setCustomerName({\r\n firstName: dividedName[0],\r\n surName: dividedName[1],\r\n });\r\n });\r\n }, []);\r\n\r\n const modalVisiblity = () => {\r\n props.isModalOpen(false);\r\n };\r\n\r\n const handleChange = (event) => {\r\n event.persist();\r\n setInputs((inputs) => ({\r\n ...inputs,\r\n [event.target.name]: event.target.value,\r\n }));\r\n };\r\n\r\n const handleSubmit = (event) => {\r\n event.preventDefault();\r\n let phoneNumber = 0;\r\n for (let val of inputs.phoneNumber) {\r\n if (parseInt(val) || val === \"0\") {\r\n phoneNumber += val;\r\n }\r\n }\r\n\r\n const data = {\r\n refJobOrderID: props.jobOrderId,\r\n paymentAmount: props.totalCost,\r\n buyerName: inputs.buyerName ? inputs.buyerName : customerName.firstName,\r\n buyerSurname: inputs.buyerSurname\r\n ? inputs.buyerSurname\r\n : customerName.surName,\r\n buyerMobilePhone: \"009\" + phoneNumber,\r\n buyerEmail: inputs.Email,\r\n currency: \"TRY\",\r\n expireDate: formatDate(),\r\n };\r\n\r\n apiActions\r\n .createPaymentLink(userAuth.access_token, data)\r\n .then((response) => {\r\n if (response.data.Result === \"OK\") {\r\n const options = {\r\n title: \"Title\",\r\n message: \"Message\",\r\n closeOnEscape: true,\r\n closeOnClickOutside: true,\r\n onClickOutside: () => {},\r\n onKeypressEscape: () => {},\r\n };\r\n confirmAlert(options);\r\n confirmAlert({\r\n customUI: () => {\r\n return (\r\n \r\n {/* Card stats */}\r\n \r\n
\r\n \r\n {translator.paymentSuccess}\r\n \r\n
\r\n\r\n \r\n {response.data.PaymentLink}\r\n \r\n
\r\n \r\n );\r\n },\r\n });\r\n } else {\r\n const options = {\r\n title: \"Title\",\r\n message: \"Message\",\r\n closeOnEscape: true,\r\n closeOnClickOutside: true,\r\n onClickOutside: () => {},\r\n onKeypressEscape: () => {},\r\n };\r\n confirmAlert(options);\r\n confirmAlert({\r\n title: `${response.data.Result}`,\r\n message: \"\",\r\n buttons: [],\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n const options = {\r\n title: \"Title\",\r\n message: \"Message\",\r\n closeOnEscape: true,\r\n closeOnClickOutside: true,\r\n onClickOutside: () => {},\r\n onKeypressEscape: () => {},\r\n };\r\n confirmAlert(options);\r\n confirmAlert({\r\n title: `${translator.processError}`,\r\n message: \"\",\r\n buttons: [],\r\n });\r\n });\r\n modalVisiblity();\r\n };\r\n\r\n return (\r\n <>\r\n{translator.createPaymentLink}
\r\n\r\n \r\n Kargo Gönderim Bilgileri\r\n \r\n \r\n {getOrdersDetailsOptions.IncomingCargoNumber && (<>\r\n {getOrdersDetailsOptions.IncomingCargoName} : {getOrdersDetailsOptions.IncomingCargoNumber}\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Gelen kargo bilgileri\r\n \r\n \r\n {getOrdersDetailsOptions.OutgoingCargoNumber && (<>\r\n {getOrdersDetailsOptions.OutgoingCargoFirm} : {getOrdersDetailsOptions.OutgoingCargoNumber}\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Kargo Gönderim Bilgileri\r\n \r\n \r\n <>\r\n MNG KARGO{\" \"}\r\n {/* {getOrdersDetailsOptions.IncomingCargoName}*/}{\" \"}\r\n : 560122545{\" \"}\r\n {/* {getOrdersDetailsOptions.IncomingCargoNumber} */}\r\n \r\n {/* {getOrdersDetailsOptions.IncomingCargoNumber && ( )} */}\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 {translator.referenceID}:{\" \"}\r\n {getOrdersDetailsOptions.ReferenceID}\r\n
\r\n| \r\n {translator.status}\r\n | \r\n\r\n {translator.detectedFault}\r\n | \r\n\r\n {translator.insertDate}\r\n | \r\n\r\n {translator.deviceInfo}\r\n | \r\n
|---|---|---|---|
| {getOrdersDetailsOptions.StateText} | \r\n\r\n { userRole().canSeeDetectedFault ? detectedFaults.map((row) => \" - \" + row.FaultName): \"-\"}\r\n | \r\n\r\n | \r\n \r\n {getOrdersDetailsOptions.BrandName}{\" \"}\r\n {getOrdersDetailsOptions.DeviceTypeName}{\" \"}\r\n {getOrdersDetailsOptions.DeviceName}{\" \"}\r\n {getOrdersDetailsOptions.SerialNo}\r\n | \r\n
| \r\n {translator.complaint}\r\n | \r\n\r\n {translator.descriptionOfTheTransaction}\r\n | \r\n\r\n {translator.transactions}\r\n | \r\n\r\n {translator.totalPrice}\r\n | \r\n\r\n {translator.paymentStatus}\r\n | \r\n|||
|---|---|---|---|---|---|---|---|
| {getOrdersDetailsOptions.Description} | \r\n{getOrdersDetailsOptions.CurrentFullFilled} | \r\n {userRole().canSeeCostDetails ? (\r\n\r\n {serviceLabourName.map(\r\n (row) =>\r\n row.LabourName +\r\n \" - \" +\r\n row.Cost +\r\n \" - \" +\r\n row.Currency\r\n )}\r\n \r\n {serviceOtherExpenses.map(\r\n (row) =>\r\n row.Description +\r\n \" - ( \" +\r\n row.CurrencyCost +\r\n \" Adet ) - \" +\r\n row.Cost +\r\n \" - \" +\r\n row.Currency\r\n )}\r\n \r\n {serviceSparePieceExpenses.map(\r\n (row) =>\r\n row.ItemName +\r\n \" - ( \" +\r\n row.ActionCurrencyCost +\r\n \" Adet ) - \" +\r\n row.Cost +\r\n \" - \" +\r\n row.ActionCurrency\r\n )}\r\n \r\n {serviceTransportationExpenses.map((row) => (\r\n | \r\n ) : (\r\n --- | \r\n )}\r\n {userRole().canSeeCostDetails ? (\r\n\r\n {getOrdersDetailsOptions.TotalCost -\r\n getOrdersDetailsOptions.AlreadyPaid <=\r\n 0\r\n ? 0\r\n : getOrdersDetailsOptions.TotalCost}\r\n | \r\n ) : (\r\n--- | \r\n )}\r\n {userRole().canSeeCostDetails ? (\r\n\r\n {userRole().canSeePaymentButton ? (\r\n getOrdersDetailsOptions.TotalCost -\r\n getOrdersDetailsOptions.AlreadyPaid <=\r\n 0 ? (\r\n getOrdersDetailsOptions.AlreadyPaid && (\r\n {translator.noPayment}\r\n )\r\n ) : (\r\n\r\n \r\n )\r\n ) : null}\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 Dosyalar
\r\n| {translator.fileName} | \r\n\r\n |
|---|---|
| \r\n \r\n \r\n )}\r\n\r\n | \r\n
\r\n \r\n \r\n \r\n {getOrdersDetailsOptions.Status === 1 && (\r\n <>\r\n \r\n \r\n \r\n {translator.files}\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n ) : (\r\n {translator.ticket}
\r\n---
\r\n )}\r\n \r\n \r\n {getActiveOrdersOptions.map((row) => (\r\n \r\n \r\n \r\n {row.InsertDate}\r\n \r\n }\r\n position=\"right\"\r\n iconStyle={{\r\n background: \"rgb(33, 150, 243)\",\r\n color: \"#fff\",\r\n }}\r\n >\r\n \r\n \r\n \r\n {row.InsertDate}\r\n \r\n }\r\n position=\"left\"\r\n iconStyle={{\r\n background: \"rgb(33, 150, 243)\",\r\n color: \"#fff\",\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 {row.CustomerName}\r\n
\r\n{row.Text}
\r\n \r\n\r\n {row.StaffName}\r\n
\r\n{row.Text}
\r\n \r\n{approvedCost}
\r\n \r\n );\r\n } else {\r\n return (\r\n <>\r\n {statusMessageLAbel[value - 1]}
\r\n\r\n \r\n this.postStatus([tableMeta.rowData], 0)}\r\n >\r\n {translator.undo}\r\n \r\n
\r\n \r\n );\r\n } else {\r\n return (\r\n <>\r\n \r\n this.postStatus([tableMeta.rowData], 1)}\r\n >\r\n {translator.approve}\r\n \r\n
\r\n\r\n \r\n this.postRejectStatus([tableMeta.rowData], 2)}\r\n >\r\n {translator.reject}\r\n \r\n
\r\n\r\n \r\n this.postStatus([tableMeta.rowData], 0)}\r\n >\r\n {translator.undo}\r\n \r\n
\r\n \r\n );\r\n }\r\n }\r\n finalizeClaim() {\r\n const getClaimFin = this.state.getClaimOptions[0].OwnerClaim;\r\n\r\n const options = {\r\n title: 'Title',\r\n message: 'Message',\r\n closeOnEscape: true,\r\n closeOnClickOutside: true,\r\n onClickOutside: () => {},\r\n onKeypressEscape: () => {},\r\n };\r\n confirmAlert(options);\r\n confirmAlert({\r\n title: 'Uyarı',\r\n message:\r\n 'Hakedişi kesinleştirme işlemi yapmak istediğinize emin misiniz ?',\r\n buttons: [\r\n {\r\n label: 'Evet',\r\n onClick: () =>\r\n apiActions.finalizeClaim(\r\n getClaimFin,\r\n this.state.userAuthOptions.accessToken,\r\n ),\r\n },\r\n ],\r\n });\r\n }\r\n\r\n postStatus(claimData, statusNo, isSingle) {\r\n var lastDataPost = [];\r\n const getClaim = this.state.getClaimOptions[0].OwnerClaim;\r\n var note = '';\r\n\r\n if (isSingle == true) {\r\n note = this.state.singleReason;\r\n } else {\r\n note = this.state.multipleReason;\r\n }\r\n\r\n claimData.map(function(claim, i) {\r\n var approvedData = claim[7];\r\n if (approvedData == null) {\r\n approvedData = claim[6];\r\n }\r\n\r\n lastDataPost.push({\r\n reviewType: claim[9].toString(),\r\n reviewObjectID: claim[10].toString(),\r\n costAgainst: approvedData.toString(),\r\n note: note,\r\n status: statusNo.toString(),\r\n claimID: getClaim.toString(),\r\n });\r\n });\r\n var statusMessage = '';\r\n if (statusNo == 0) {\r\n statusMessage = 'Geri Al ';\r\n } else if (statusNo == 1) {\r\n statusMessage = 'Onayla ';\r\n } else if (statusNo == 2) {\r\n statusMessage = 'Reddetme ';\r\n } else if (statusNo == 3) {\r\n statusMessage = 'Çıkarma İşlemi ';\r\n }\r\n\r\n const options = {\r\n title: 'Title',\r\n message: 'Message',\r\n closeOnEscape: true,\r\n closeOnClickOutside: true,\r\n onClickOutside: () => {},\r\n onKeypressEscape: () => {},\r\n };\r\n confirmAlert(options);\r\n confirmAlert({\r\n title: 'Uyarı',\r\n message:\r\n statusMessage + ' ' + 'işlemi yapmak istediğinize emin misiniz ?',\r\n buttons: [\r\n {\r\n label: 'Evet',\r\n onClick: () => this.updateClaim(lastDataPost),\r\n },\r\n ],\r\n });\r\n }\r\n\r\n updateClaim(data) {\r\n const currentComponent = this;\r\n const updateClaimPromise = apiActions.postClaimStatus(\r\n data,\r\n this.state.userAuthOptions.accessToken,\r\n );\r\n\r\n updateClaimPromise.then(function(res) {});\r\n currentComponent.setState({ loadingAnimate: true });\r\n currentComponent.setState({ modalIsOpen: true });\r\n this.getClaimDetails();\r\n }\r\n getClaimDetails() {\r\n const orderID = JSON.parse(localStorage.getItem('claimDetails'));\r\n const currentComponent = this;\r\n const getClaimDetailsPromise = apiActions.getClaimExpenses(\r\n this.state.userAuthOptions.accessToken,\r\n orderID,\r\n );\r\n getClaimDetailsPromise.then(function(res) {\r\n currentComponent.setState({ getClaimOptions: res.data.data });\r\n currentComponent.setState({ getClaimOptionsInfo: res.data });\r\n currentComponent.setState({\r\n getClaimOptionsClaimDetails: res.data.ClaimDetails,\r\n });\r\n currentComponent.setState({ loadingAnimate: false });\r\n currentComponent.setState({ modalIsOpen: false });\r\n }).catch(error=>{\r\n\r\n console.log(\"error\",error.response.status);\r\n error.response.status == 401 && logoutUser();\r\n })\r\n }\r\n\r\n componentDidMount() {\r\n this.getClaimDetails();\r\n }\r\n\r\n handleChange(e) {\r\n const { name, value } = e.target;\r\n this.setState({ [name]: value });\r\n }\r\n\r\n handleSubmit(e) {\r\n e.preventDefault();\r\n }\r\n // getOrdersDetailsOptions.TotalCost - Ücret\r\n // getOrdersDetailsOptions.ReferenceID - order ID\r\n\r\n columns = [\r\n {\r\n name: 'RefNo',\r\n field: 'RefNo',\r\n label: translator.serviceNo,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n\r\n {\r\n name: 'CustomerFullname',\r\n field: 'CustomerFullname',\r\n label: translator.customerName,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n {\r\n name: 'SerialNo',\r\n field: 'SerialNo',\r\n label: translator.serialNo,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n\r\n {\r\n name: 'EndDate',\r\n field: 'EndDate',\r\n label: translator.endDate,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n {\r\n name: 'Details',\r\n field: 'Details',\r\n label: translator.details,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n\r\n {\r\n name: 'UnitCost',\r\n field: 'UnitCost',\r\n label: translator.unitCost,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n {\r\n name: 'TotalCost',\r\n field: 'TotalCost',\r\n label: translator.totalCost,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n\r\n {\r\n name: 'ApprovedCost',\r\n field: 'ApprovedCost',\r\n label: translator.approvedCost,\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => (\r\n {this.returnInputForStatus(value, tableMeta, updateValue)}
\r\n ),\r\n },\r\n },\r\n {\r\n name: 'ClaimStatus',\r\n field: 'ClaimStatus',\r\n label: ' ',\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => (\r\n {this.returnButtonForStatus(value, tableMeta)}
\r\n ),\r\n },\r\n },\r\n {\r\n name: 'Type',\r\n field: 'Type',\r\n options: {\r\n display: 'false',\r\n },\r\n },\r\n {\r\n name: 'ReviewObjectID',\r\n field: 'ReviewObjectID',\r\n options: {\r\n display: 'false',\r\n },\r\n },\r\n ];\r\n\r\n options = {\r\n filter: true,\r\n selectableRows: 'multiple',\r\n selectableRowsOnClick: false,\r\n filterType: 'checkbox',\r\n responsive: 'scrollMaxHeight',\r\n rowsPerPage: '15',\r\n\r\n onRowsSelect: (currentRowsSelected, allRows) => {\r\n this.setState({ selectedClaimRow: allRows });\r\n },\r\n onRowClick: (rowData, rowMeta) => {},\r\n onCellClick: (cellIndex, cellMeta) => {\r\n if (cellMeta.colIndex < 11) {\r\n this.getOrderDetails(\r\n this.state.getClaimOptions[cellMeta.colIndex].JobOrderID,\r\n );\r\n }\r\n },\r\n };\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n this.setState({ singleReason: e.target.value })}\r\n />\r\n\r\n this.checkEmpty()}\r\n >\r\n Onayla\r\n \r\n this.setState({ singleReasonModalIsOpen: false })}\r\n >\r\n İptal\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n {/* Page content */}\r\n \r\n {/* Card stats */}\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 {translator.claimID}\r\n \r\n \r\n {this.state.getClaimOptionsClaimDetails.ClaimRefID}\r\n \r\n
\r\n\r\n \r\n \r\n {translator.serviceCode}\r\n \r\n \r\n {this.state.getClaimOptionsClaimDetails.CompanyCode}\r\n \r\n
\r\n\r\n \r\n \r\n {translator.serviceName}\r\n \r\n \r\n {this.state.getClaimOptionsClaimDetails.CompanyName}\r\n \r\n
\r\n\r\n \r\n \r\n {translator.serviceProvince}\r\n \r\n \r\n {this.state.getClaimOptionsClaimDetails.Province}\r\n \r\n
\r\n\r\n \r\n \r\n {translator.serviceCounty}\r\n \r\n \r\n {this.state.getClaimOptionsClaimDetails.District}\r\n \r\n
\r\n\r\n \r\n \r\n {translator.createDate}\r\n \r\n \r\n {this.state.getClaimOptionsClaimDetails.InsertDate}\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.prepareForWhole(1)}\r\n >\r\n {translator.approve}\r\n \r\n\r\n this.prepareForWhole(2)}\r\n >\r\n {translator.reject}\r\n \r\n\r\n this.prepareForWhole(0)}\r\n >\r\n {translator.undo}\r\n \r\n \r\n {translator.reOpenWorkOrder}\r\n \r\n this.finalizeClaim()}\r\n >\r\n {translator.finalizeClaim}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {translator.deleteClaim}\r\n \r\n
\r\n {this.returnInputForStatus(value, tableMeta, updateValue)}
\r\n ),\r\n },\r\n },\r\n {12\r\n name: 'ClaimStatus',\r\n field: 'ClaimStatus',\r\n label: ' ',\r\n options: {\r\n filter: true,\r\n sort: true,\r\n customBodyRender: (value, tableMeta, updateValue) => (\r\n {this.returnButtonForStatus(value, tableMeta)}
\r\n ),\r\n },\r\n },\r\n {\r\n name: 'Type',\r\n field: 'Type',\r\n options: {\r\n display: 'false',\r\n },\r\n },\r\n {\r\n name: 'ReviewObjectID',\r\n field: 'ReviewObjectID',\r\n options: {\r\n display: 'false',\r\n },\r\n },\r\n ];\r\n */\r\n","import React from 'react';\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardHeader,\r\n Media,\r\n Table,\r\n Container,\r\n Row,\r\n Form,\r\n Input,\r\n Col,\r\n} from 'reactstrap';\r\n\r\n// core components\r\nimport Header from '../../components/Headers/Header.jsx';\r\nimport { apiActions } from '../../apiCall/api.services';\r\n\r\nimport {\r\n VerticalTimeline,\r\n VerticalTimelineElement,\r\n} from 'react-vertical-timeline-component';\r\nimport 'react-vertical-timeline-component/style.min.css';\r\nimport { If, Then, ElseIf, Else } from 'react-if-elseif-else-render';\r\nimport Moment from 'react-moment';\r\nimport ReactFancyBox from 'react-fancybox';\r\nimport 'react-fancybox/lib/fancybox.css';\r\nimport { confirmAlert } from 'react-confirm-alert';\r\nimport 'react-confirm-alert/src/react-confirm-alert.css';\r\nimport userRole from '../../actions/userRole';\r\nimport oktetApiCall from '../../apiCall/oktetApiCall';\r\nimport translator from '../../actions/translator';\r\nimport { Digital } from 'react-activity';\r\nimport 'react-activity/dist/react-activity.css';\r\nimport Modal from 'react-modal';\r\n\r\nconst customStyles = {\r\n content: {\r\n top: '50%',\r\n left: '50%',\r\n right: 'auto',\r\n bottom: 'auto',\r\n marginRight: '-50%',\r\n transform: 'translate(-50%, -50%)',\r\n border: '0',\r\n backgroundColor: 'transparent',\r\n zIndex: '130',\r\n },\r\n};\r\n\r\nclass SingleClaimDetails extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n let userAuth = JSON.parse(localStorage.getItem('userAuth'));\r\n this.state = {\r\n testVal: '',\r\n userAuthOptions: {\r\n accessToken: userAuth.access_token,\r\n apiKey: userAuth.apiKey,\r\n clientID: userAuth.clientID,\r\n },\r\n getActiveOrdersOptions: [],\r\n getOrdersDetailsOptions: [],\r\n detectedFaults: [],\r\n serviceLabourName: [],\r\n serviceOtherExpenses: [],\r\n serviceSparePieceExpenses: [],\r\n serviceTransportationExpenses: [],\r\n serviceFiles: [],\r\n ticketNote: '',\r\n canOpenOrder: '',\r\n loadingAnimate: true,\r\n modalIsOpen: true,\r\n };\r\n\r\n this.getActiveOrders = this.getActiveOrders.bind(this);\r\n this.getOrdersDetails = this.getOrdersDetails.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.getAddNotes = this.getAddNotes.bind(this);\r\n this.getCustomerSummary = this.getCustomerSummary.bind(this);\r\n }\r\n\r\n getActiveOrders() {\r\n const orderID = JSON.parse(localStorage.getItem('singleClaimID'));\r\n console.log('orderID');\r\n console.log(orderID);\r\n\r\n const currentComponent = this;\r\n const getActiveOrdersPromise = apiActions.getOrdersDetails(\r\n this.state.userAuthOptions.accessToken,\r\n this.state.userAuthOptions.clientID,\r\n this.state.userAuthOptions.apiKey,\r\n orderID,\r\n );\r\n getActiveOrdersPromise.then(function(res) {\r\n currentComponent.setState({ getActiveOrdersOptions: res.data.data });\r\n });\r\n }\r\n\r\n getOrdersDetails() {\r\n const orderID = JSON.parse(localStorage.getItem('singleClaimID'));\r\n const currentComponent = this;\r\n const getOrdersDetailsPromise = apiActions.getSingleOrderForPortal(\r\n this.state.userAuthOptions.accessToken,\r\n this.state.userAuthOptions.clientID,\r\n this.state.userAuthOptions.apiKey,\r\n orderID,\r\n );\r\n getOrdersDetailsPromise.then(function(res) {\r\n console.log('promise geçer');\r\n if (res.data.ServiceRecords.LabourExpenses.length > 0) {\r\n currentComponent.setState({\r\n serviceLabourName: res.data.ServiceRecords.LabourExpenses,\r\n });\r\n }\r\n\r\n if (res.data.ServiceRecords.OtherExpenses.length > 0) {\r\n currentComponent.setState({\r\n serviceOtherExpenses: res.data.ServiceRecords.OtherExpenses,\r\n });\r\n }\r\n\r\n if (res.data.ServiceRecords.SparePieceExpenses.length > 0) {\r\n currentComponent.setState({\r\n serviceSparePieceExpenses: res.data.ServiceRecords.SparePieceExpenses,\r\n });\r\n }\r\n\r\n if (res.data.ServiceRecords.TransportationExpenses.length > 0) {\r\n currentComponent.setState({\r\n serviceTransportationExpenses:\r\n res.data.ServiceRecords.TransportationExpenses,\r\n });\r\n }\r\n if (res.data.DetectedFaults.length > 0) {\r\n currentComponent.setState({ detectedFaults: res.data.DetectedFaults });\r\n }\r\n if (res.data.Files.length > 0) {\r\n currentComponent.setState({ serviceFiles: res.data.Files });\r\n }\r\n currentComponent.setState({ getOrdersDetailsOptions: res.data });\r\n currentComponent.setState({ loadingAnimate: false });\r\n currentComponent.setState({ modalIsOpen: false });\r\n });\r\n }\r\n\r\n getAddNotes(noteText) {\r\n const orderID = JSON.parse(localStorage.getItem('singleClaimID'));\r\n const getAddNotesPromise = apiActions.getAddNotes(\r\n this.state.userAuthOptions.accessToken,\r\n this.state.userAuthOptions.clientID,\r\n this.state.userAuthOptions.apiKey,\r\n orderID,\r\n noteText,\r\n );\r\n getAddNotesPromise.then(function(res) {\r\n const options = {\r\n title: 'Title',\r\n message: 'Message',\r\n childrenElement: () => ,\r\n closeOnEscape: true,\r\n closeOnClickOutside: true,\r\n onClickOutside: () => {},\r\n onKeypressEscape: () => {},\r\n };\r\n confirmAlert(options);\r\n confirmAlert({\r\n title: translator.congratulations,\r\n message: translator.yourMessageHasBeenSentSuccessfully,\r\n buttons: [\r\n {\r\n label: 'Ok',\r\n onClick: () => {\r\n window.location.reload();\r\n },\r\n },\r\n ],\r\n });\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n this.getActiveOrders();\r\n this.getOrdersDetails();\r\n this.getCustomerSummary();\r\n }\r\n\r\n handleChange(e) {\r\n const { name, value } = e.target;\r\n this.setState({ [name]: value });\r\n }\r\n\r\n handleSubmit(e) {\r\n e.preventDefault();\r\n\r\n const { ticketNote } = this.state;\r\n if (ticketNote) {\r\n this.getAddNotes(ticketNote);\r\n }\r\n }\r\n\r\n getCustomerSummary() {\r\n let currentComponent = this;\r\n let getCustomerSummaryPromise = apiActions.getCustomerSummary(\r\n this.state.userAuthOptions.accessToken,\r\n this.state.userAuthOptions.clientID,\r\n this.state.userAuthOptions.apiKey,\r\n );\r\n getCustomerSummaryPromise.then(function(res) {\r\n currentComponent.setState({\r\n canOpenOrder: res.data.CanOpenOrder,\r\n });\r\n });\r\n }\r\n\r\n // getOrdersDetailsOptions.TotalCost - Ücret\r\n // getOrdersDetailsOptions.ReferenceID - order ID\r\n\r\n render() {\r\n const {\r\n getActiveOrdersOptions,\r\n getOrdersDetailsOptions,\r\n ticketNote,\r\n detectedFaults,\r\n serviceLabourName,\r\n serviceOtherExpenses,\r\n serviceSparePieceExpenses,\r\n serviceTransportationExpenses,\r\n serviceFiles,\r\n } = this.state;\r\n\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 {translator.referenceID}:{' '}\r\n {getOrdersDetailsOptions.ReferenceID}\r\n
\r\n| \r\n {translator.status}\r\n | \r\n\r\n {translator.detectedFault}\r\n | \r\n\r\n {translator.insertDate}\r\n | \r\n\r\n {translator.deviceInfo}\r\n | \r\n
|---|---|---|---|
| {getOrdersDetailsOptions.StateText} | \r\n\r\n {detectedFaults.map(row => ' - ' + row.FaultName)}\r\n | \r\n\r\n | \r\n \r\n {getOrdersDetailsOptions.BrandName}{' '}\r\n {getOrdersDetailsOptions.DeviceTypeName}{' '}\r\n {getOrdersDetailsOptions.DeviceName}{' '}\r\n {getOrdersDetailsOptions.SerialNo}\r\n | \r\n
| \r\n {translator.complaint}\r\n | \r\n\r\n {translator.descriptionOfTheTransaction}\r\n | \r\n\r\n {translator.transactions}\r\n | \r\n\r\n {translator.totalPrice}\r\n | \r\n\r\n {translator.paymentStatus}\r\n | \r\n
|---|---|---|---|---|
| {getOrdersDetailsOptions.Description} | \r\n{getOrdersDetailsOptions.CurrentFullFilled} | \r\n\r\n {serviceLabourName.map(\r\n row =>\r\n row.LabourName +\r\n ' - ' +\r\n row.Cost +\r\n ' - ' +\r\n row.Currency,\r\n )}\r\n \r\n {serviceOtherExpenses.map(\r\n row =>\r\n row.Description +\r\n ' - ( ' +\r\n row.CurrencyCost +\r\n ' Adet ) - ' +\r\n row.Cost +\r\n ' - ' +\r\n row.Currency,\r\n )}\r\n \r\n {serviceSparePieceExpenses.map(\r\n row =>\r\n row.ItemName +\r\n ' - ( ' +\r\n row.ActionCurrencyCost +\r\n ' Adet ) - ' +\r\n row.Cost +\r\n ' - ' +\r\n row.ActionCurrency,\r\n )}\r\n \r\n {serviceTransportationExpenses.map(row => (\r\n | \r\n {getOrdersDetailsOptions.TotalCost} | \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 {translator.files}
\r\n| {translator.fileName} | \r\n\r\n |
|---|---|
| \r\n | \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {translator.ticket}
\r\n\r\n \r\n {getActiveOrdersOptions.map(row => (\r\n \r\n \r\n \r\n {row.InsertDate}\r\n \r\n }\r\n position=\"right\"\r\n iconStyle={{\r\n background: 'rgb(33, 150, 243)',\r\n color: '#fff',\r\n }}\r\n >\r\n \r\n \r\n \r\n {row.InsertDate}\r\n \r\n }\r\n position=\"left\"\r\n iconStyle={{\r\n background: 'rgb(33, 150, 243)',\r\n color: '#fff',\r\n }}\r\n >\r\n \r\n \r\n ))}\r\n \r\n
\r\n \r\n {row.CustomerName}\r\n
\r\n{row.Text}
\r\n \r\n\r\n {row.StaffName}\r\n
\r\n{row.Text}
\r\n \r\n\r\n \r\n
\r\n \r\n {translator.forgotPasswordEnterEmail}\r\n
\r\n \r\n \r\n \r\n {translator.demandant} \r\n {customerInfo.demandant} \r\n \r\n \r\n \r\n {translator.demandedStore} \r\n {customerInfo.demandedStore} \r\n \r\n \r\n \r\n {translator.costCenter} \r\n {customerInfo.costCenter} \r\n \r\n \r\n
\r\n\r\n \r\n \r\n {files.fileName\r\n ? files.fileName.slice(0, 10)\r\n : translator.uploadFile}\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 {translator.description}
\r\n\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst formRowContainer = {\r\n width: \"100%\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n flexWrap: \"wrap\",\r\n};\r\n\r\nconst cardContainer = {\r\n width: \"100%\",\r\n height: \"100%\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n fontWeight: \"bold\",\r\n textAlign: \"center\",\r\n};\r\n\r\nconst containerRight = {\r\n backgroundColor: \"white\",\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n alignItems: \"center\",\r\n padding: \"10px\",\r\n};\r\n\r\nconst imageContainer = {\r\n maxWidth: \"100px\",\r\n marginBottom: \"5px\",\r\n};\r\n\r\nexport default CreateNewDemands;\r\n","import React, { useState, useEffect } from 'react';\r\nimport Header from '../../components/Headers/Header';\r\nimport MUIDataTable from 'mui-datatables';\r\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\r\nimport translator from '../../actions/translator';\r\nimport CreateNewDemands from '../../components/CreateNewDemands';\r\nimport { apiActions } from '../../apiCall/api.services';\r\nimport { logoutUser } from '../../actions/authActions';\r\n\r\nimport {\r\n Button,\r\n Card,\r\n Container,\r\n Row,\r\n } from 'reactstrap';\r\n\r\n\r\nconst DemandsManagement = (props) => {\r\n const [newDemandVisibility, setNewDemandVisibility] = useState(false);\r\n const [tableData, setTableData] = useState([]);\r\n const userAuth = JSON.parse(localStorage.getItem('userAuth'));\r\n\r\n\r\n useEffect(() => {\r\n console.log(\"tableData magament\",tableData);\r\n }, [tableData])\r\n\r\n const columns = [\r\n {\r\n name: 'DemandID',\r\n label: translator.productID,\r\n field: 'DemandID',\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n {\r\n name: 'UserFullName',\r\n label: translator.demandant,\r\n field: 'UserFullName',\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n {\r\n name: 'FirmName',\r\n label: translator.demandedStore,\r\n field: 'FirmName',\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n {\r\n name: 'CostCenter',\r\n label: translator.costCenter,\r\n field: 'CostCenter',\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n {\r\n name: 'Process',\r\n label: translator.process,\r\n field: 'Process',\r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n {\r\n name: 'CreatedTime',\r\n label: translator.createdDate, \r\n options: {\r\n filter: true,\r\n sort: true,\r\n },\r\n },\r\n {\r\n name: 'DemandID',\r\n field: 'DemandID',\r\n label: translator.supportDetail,\r\n options: {\r\n display: true,\r\n textLabels: 'DemandID',\r\n customBodyRender: (value, tableMeta, updateValue) => (\r\n \r\n \r\n {\r\n newDemandVisibility\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 Fatura Gir\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Sayaç No: {storeDetails[0]?.CounterNo || \"---\"}\r\n \r\n \r\n Tesisat No: {storeDetails[0]?.FittingNo || \"---\"}\r\n \r\n \r\n Enerji Şirketi: {storeDetails[0]?.EnergyCompany || \"---\"}\r\n \r\n \r\n \r\n Fatura Kaydı\r\n \r\n \r\n Zorunlu alanları doldurmayı unutmayınız.\r\n \r\n \r\n \r\n
\r\n ) : (\r\n <>\r\n {\"Ürünüzü Kaydedin\"}
\r\nEkstra bir yıl garanti için ürününüzü kaydedin.
\r\n+1 yıl ek garanti sadece BLAUPUNKT markalı elektrikli ev aletleri için geçerlidir.
\r\n \r\n{\"Ürünüzü Kaydedin\"}
\r\nEkstra bir yıl garanti için ürününüzü kaydedin.
\r\n \r\n\r\n \r\n {logo ? (\r\n 
\r\n \r\n ) : (\r\n \r\n \r\n \r\n )}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n {/* Form */}\r\n \r\n {/* Navigation */}\r\n \r\n \r\n {this.getRoutes(routes)} \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n ...state\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n {}\r\n)(Admin);\r\n\r\n","import React from \"react\";\r\n// reactstrap components\r\nimport {\r\n Navbar,\r\n Container,\r\n} from \"reactstrap\";\r\n\r\nclass AdminNavbar extends React.Component {\r\n render() {\r\n return (\r\n <>\r\n ![\"...\"]({require(\"assets/img/brand/argon-react-white.png\")})
\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.getRoutes(routes)} \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n ...state,\r\n});\r\n\r\nexport default connect(mapStateToProps, {})(Auth);\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { createBrowserHistory } from 'history';\r\nimport { Router, Route, Switch, Redirect } from 'react-router-dom';\r\nimport './assets/css/index.css';\r\nimport { Provider } from 'react-redux';\r\n//import configureStore from \"_store\";\r\n\r\nimport store from './store';\r\n\r\nimport './assets/vendor/nucleo/css/nucleo.css';\r\nimport './assets/vendor/@fortawesome/fontawesome-free/css/all.min.css';\r\nimport './assets/scss/argon-dashboard-react.scss';\r\nimport './assets/customStyle.css';\r\n\r\nimport AdminLayout from './layouts/Admin.jsx';\r\nimport AuthLayout from './layouts/Auth.jsx';\r\n/*\r\nif (\r\n window.location.protocol !== 'https:' &&\r\n window.location.hostname !== 'localhost' &&\r\n window.location.hostname !== 'portal2.servissoft.net'\r\n) {\r\n window.location =\r\n 'https:' + window.location.href.substring(window.location.protocol.length);\r\n}\r\n*/\r\nexport const history = createBrowserHistory({});\r\n\r\nReactDOM.render(\r\n \r\n
\r\n {/* Page content */}\r\n \r\n \r\n
\r\n