\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\n\r\n {/* {uid == \"shipDate\" ?\r\n \r\n \r\n
\r\n : */}\r\n","import React, { useState, useEffect } from \"react\";\r\n// import 'react-pagination-bar/dist/index.css'\r\n// import \"./ReportCss/Report1.css\"\r\n// import \"react-data-export\";\r\n\r\nimport \"file-saver\"\r\nimport XSLX from \"sheetjs-style\"\r\nimport FileSaver from \"file-saver\";\r\n\r\nimport DialogSelect from '../../Components/Global/DialogSelect'\r\n// import { getRadioUtilityClass, stepButtonClasses } from \"@mui/material\";\r\n// import { SignalCellularNullRounded } from \"@mui/icons-material\";\r\nimport ColumnResizer from \"react-column-resizer\";\r\nimport axios from 'axios';\r\nimport { Worker, Viewer } from '@react-pdf-viewer/core';\r\n// import '@react-pdf-viewer/core/lib/styles/index.css';\r\n\r\n\r\nconst ReportTable = (props) => {\r\n\r\n\r\n const {cntrct, cntComp, currentKey, reportParams, colsParam, urlParam\r\n , reportData, setReportData, handleTab } = props\r\n // const [data, setDataR] = useState([]);\r\n const [orginalData, setDataBefFilter] = useState([]);\r\n const [loadingStt, setLoadingStt] = useState('');\r\n const [page, setPage] = useState(0);\r\n const [rowsPerPage, setRowsPage] = React.useState(6000); // reportParams? reportParams.NumRowsPerPage : window.innerHeight / 25);\r\n const [pageViewT, setPageViewType] = useState('2');\r\n const [count, setCount] = React.useState(10);//\r\n const [orderDirection, setOrderDirection] = useState(\"asc\");\r\n const [freeSearch, setFreeSearch] = useState(\"\");\r\n const [cols, SetCols] = useState([]);\r\n const [listNumPerPage, SetListNumPerPage] = useState([5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 100]);\r\n const [selectedRow, SetSelectedRow] = useState(-1);\r\n\r\n\r\n const [heightScreen, setHeightScreen] = useState(window.innerHeight);\r\n\r\n useEffect(() => {\r\n setHeightScreen(window.innerHeight);\r\n window.addEventListener(\"resize\", () => setHeightScreen(window.innerHeight));\r\n return () => window.removeEventListener(\"resize\", () => setHeightScreen(window.innerHeight));\r\n }, []);\r\n\r\n \r\n useEffect(() => {\r\n debugger;\r\n loadData(reportData);\r\n }, [cntrct, currentKey])\r\n\r\n useEffect(() => {\r\n debugger;\r\n if(reportData != null && reportData.length>0 && loadingStt.length > 0)\r\n setLoadingStt(''); \r\n }, [rowsPerPage]) \r\n \r\n useEffect(() => {\r\n debugger;\r\n if(reportData != null && reportData.length>0 && selectedRow >= 0)\r\n SetSelectedRow(-1);\r\n }, [rowsPerPage, page, count, orderDirection])\r\n\r\n \r\n async function loadData(paramData) {\r\n\r\n debugger;\r\n var resJson = paramData; \r\n\r\n if(paramData == null || paramData.length == 0)\r\n {\r\n\r\n debugger;\r\n setLoadingStt('Loading'); \r\n setReportData([]); //setDataR([]);\r\n setDataBefFilter([]);\r\n\r\n\r\n\r\n try {\r\n debugger;\r\n var lastDTime = new Date(localStorage.getItem(\"dt\"));\r\n var lastHour = new Date(Date.now() - (1 * (60 * 60 * 1000)) );\r\n debugger;\r\n if(lastHour > lastDTime)\r\n {\r\n debugger;\r\n setLoadingStt(''); \r\n window.history.replaceState(null, '', '/'); //עבר שעה מהפעולה הקודמת\r\n window.location.reload();\r\n return;\r\n }\r\n debugger;\r\n\r\n const api = axios.create({\r\n baseURL: process.env.REACT_APP_BASE_URL,\r\n headers: {\r\n 'Content-Type': 'text/json',\r\n },\r\n auth: {\r\n username: process.env.REACT_APP_AUTH_USERNAME ,\r\n password: process.env.REACT_APP_AUTH_PASSWORD ,\r\n },\r\n });\r\n\r\n try{ \r\n const url = urlParam;\r\n const response = await api.get(url);\r\n resJson = response.data;\r\n } \r\n catch(error){ console.log('error-- ' + error);setLoadingStt('error ' + error);}\r\n finally{console.log(\"---\" + reportData); setLoadingStt(''); };\r\n \r\n \r\n // await fetch(url)\r\n // .then((response) => response.json()) \r\n // .then((res) => { resJson = res;})\r\n \r\n // .catch((error) => { console.log('error-- ' + error); setLoadingStt('error ' + error); })\r\n // .finally(() => { console.log(\"---\" + reportData); setLoadingStt(''); });\r\n }\r\n catch\r\n { \r\n debugger;\r\n // setDataBefFilter(data);\r\n }\r\n\r\n }\r\n\r\n debugger;\r\n if(colsParam != undefined)\r\n {\r\n var colParams = colsParam; \r\n \r\n colParams.map((col) => {\r\n if(col.IsSumerize)\r\n col.Sumerize = 0;\r\n if(col.DisplayJustHasVal && resJson.some(item => item[col.Id] != \"\" || item[col.Id] != null)) \r\n { \r\n debugger; \r\n resJson = resJson.filter(x => x.Id !== col.Id)\r\n colParams = colParams.filter(x => x.Id !== col.Id)\r\n }\r\n \r\n });\r\n\r\n\r\n //delete resJson.pdf2;\r\n\r\n resJson.map((item) => {\r\n colParams.map((col) => {\r\n if(col.IsSumerize)\r\n col.Sumerize += Number(item[col.Id].replace(/,/g, ''))\r\n });\r\n })\r\n\r\n \r\n setReportData(resJson); //setDataR(res);\r\n setDataBefFilter(resJson);\r\n setCount(resJson.length);\r\n\r\n \r\n\r\n console.log(colParams);\r\n colParams.map((item) => {\r\n if(item.AddFilter)\r\n item.AllVals = FillCombo(resJson, item.Id);\r\n });\r\n console.log('after fill');\r\n console.log(colParams);\r\n\r\n SetCols(colParams);\r\n\r\n localStorage.setItem(\"dt\", new Date());\r\n }\r\n }\r\n\r\n \r\n const handleSort = (uid) => {\r\n\r\n debugger;\r\n var sortedData = sortArray(reportData, orderDirection, uid);//data\r\n setReportData(sortedData);//setDataR(sortedData);\r\n setOrderDirection(orderDirection === \"asc\" ? \"desc\" : \"asc\");\r\n };\r\n \r\n const sortArray = (arr, orderBy, uid) => {\r\n \r\n debugger;\r\n switch (orderBy) {\r\n case \"asc\":\r\n default:\r\n if(uid.includes(\"qty\") || uid.includes(\"total\")|| uid.includes(\"Qty\") || uid.includes(\"app\"))\r\n {\r\n return arr.sort((a, b) =>\r\n ToNum(a[uid]) > ToNum(b[uid]) ? 1 \r\n : ToNum(b[uid]) > ToNum(a[uid]) ? -1 : 0 );\r\n }\r\n else if(uid.toUpperCase().includes(\"DATE\"))\r\n {\r\n return arr.sort((a, b) =>\r\n Date(a[uid]) > Date(b[uid]) ? 1 \r\n : Date(b[uid]) > Date(a[uid]) ? -1 : 0 );\r\n }\r\n else\r\n {\r\n return arr.sort((a, b) =>\r\n a[uid] > b[uid] ? 1 : b[uid] > a[uid] ? -1 : 0 );\r\n }\r\n case \"desc\":\r\n if(uid.includes(\"qty\") || uid.includes(\"total\") || uid.includes(\"Qty\") || uid.includes(\"app\"))\r\n {\r\n return arr.sort((a, b) =>\r\n ToNum(a[uid]) < ToNum(b[uid]) ? 1 \r\n : ToNum(b[uid]) < ToNum(a[uid]) ? -1 : 0\r\n );\r\n }\r\n else if(uid.toUpperCase().includes(\"DATE\"))\r\n {\r\n return arr.sort((a, b) =>\r\n Date(a[uid]) < Date(b[uid]) ? 1 \r\n : Date(b[uid]) < Date(a[uid]) ? -1 : 0 );\r\n }\r\n else\r\n {\r\n return arr.sort((a, b) =>\r\n a[uid] < b[uid] ? 1 : b[uid] < a[uid] ? -1 : 0 );\r\n }\r\n }\r\n };\r\n\r\n const ToNum= (val) =>\r\n {\r\n // return Number(val.replace(/,/g, '').replace('@', '').replace('*', ''));\r\n return Number(val.replace(/\\D/g, ''));\r\n }\r\n\r\n \r\n const handleSearch = (e) => {\r\n\r\n debugger;\r\n\r\n setPage(0);\r\n var valueSrch = e.target.value;\r\n setFreeSearch(valueSrch);\r\n\r\n handleSearchInCol(valueSrch, cols);\r\n };\r\n\r\n const handleSearchInCol = (valueSrch, colsData) => {\r\n \r\n debugger;\r\n var afterFilterData = [];\r\n \r\n if (orginalData.length === 0)\r\n setDataBefFilter(reportData); //data\r\n\r\n afterFilterData = orginalData; \r\n if(colsData != \"\")\r\n {\r\n colsData.map(col => {\r\n if(col.AddFilter && col.SelectedVals.length > 0)\r\n afterFilterData = afterFilterData.filter((filter) => (col.SelectedVals.find(val => val === filter[col.Id]) \r\n || (col.SelectedVals.includes(\"\") && filter[col.Id].length == 0 ))); \r\n }); \r\n }\r\n \r\n debugger;\r\n if(valueSrch.length > 0 )\r\n { \r\n afterFilterData= afterFilterData.filter(function(obj) {\r\n return Object.keys(obj)\r\n .some(function(k) { \r\n return obj[k] != null && obj[k].indexOf(valueSrch) !== -1; \r\n });\r\n });\r\n }\r\n\r\n setReportData(afterFilterData);//setDataR(afterFilterData)\r\n\r\n cols.map((col) => {\r\n if(col.IsSumerize)\r\n col.Sumerize = 0;\r\n });\r\n\r\n afterFilterData.map((item) => {\r\n cols.map((col) => {\r\n if(col.IsSumerize)\r\n col.Sumerize += Number(item[col.Id].replace(/,/g, ''))\r\n });\r\n })\r\n\r\n setCount(afterFilterData.length);\r\n setPage(0);\r\n\r\n };\r\n\r\n const onClearFiltersClick =() => {\r\n debugger;\r\n setReportData([]);\r\n loadData([]);\r\n\r\n \r\n //איפוס פילטרים\r\n cols.map((col) => {\r\n if(col.AddFilter)\r\n col.SelectedVals = [];\r\n });\r\n setFreeSearch(\"\"); \r\n SetSelectedRow(-1);\r\n // handleSearchInCol( \"\", \"\");\r\n };\r\n\r\n // const [pathPdf, setPathPdf] = useState(\"doc.pdf\");\r\n \r\n async function GetUrl (rowData, colId) \r\n {\r\n console.log(rowData[\"docNum\"]);\r\n console.log(cntComp);\r\n console.log(cntrct);\r\ndebugger;\r\n\r\n //const fetchPdf = async () => {\r\n try {\r\n const url = 'https://proxy.tuboul.co.il/GetPDF?token='+ cntrct +'&comp='+ cntComp +'&tbl=OQUT&docNum='+ rowData[\"docNum\"] +'';\r\n\r\n debugger;\r\n const api = axios.create({\r\n baseURL: process.env.REACT_APP_BASE_URL,\r\n headers: {\r\n 'Content-Type': 'text/json',\r\n },\r\n auth: {\r\n username: process.env.REACT_APP_AUTH_USERNAME ,\r\n password: process.env.REACT_APP_AUTH_PASSWORD ,\r\n },\r\n });\r\n\r\n debugger;\r\n // המצב של הבקשה לקובץ PDF עם אימות\r\n const response = await api.get(url, {\r\n responseType: 'blob', // סוג המידע שמצפים לקבל - קובץ בינארי\r\n });\r\n debugger;\r\n // כאשר הבקשה בוצעה בהצלחה, מקבלים את כתובת ה-URL של ה-PDF\r\n const pdfBlob = new Blob([response.data], { type: 'application/pdf' });\r\n const pdfObjectURL = URL.createObjectURL(pdfBlob);\r\n window.open(pdfObjectURL);\r\n // setPathPdf(pdfObjectURL);\r\n debugger;\r\n } catch (error) {\r\n debugger;\r\n console.error('שגיאה בקבלת קובץ PDF:', error);\r\n }\r\n //}\r\n\r\n//setPathPdf( \"samba2.pdf\" ); \r\n \r\n // var p= \"C:\\\\Users\\\\todan\\\\Downloads\\\\PDF%20TEMPLATE.pdf\";\r\n // const url = \"http://82.80.69.104:5679/API/getdoc?path=\"+path;\r\n \r\n\r\n // setPathPdf( url ); \r\ndebugger;\r\n \r\n \r\n };\r\n\r\n function FillCombo(res, id) {\r\n \r\n \r\n if(res == [] || res == null || res == undefined )\r\n return [];\r\n\r\n var tempMap = [];\r\n var mapCol = res.map(item => {\r\n if (!tempMap.includes(item[id])) {\r\n tempMap.push(item[id]);\r\n return { value: item[id] };\r\n }\r\n }); \r\n \r\n if(tempMap.length > 0 )\r\n {\r\n \r\n\r\n tempMap = tempMap.sort();\r\n\r\n if(id == \"app\" || id == \"bld\")\r\n tempMap = tempMap.sort((a, b) =>\r\n ToNum(a) > ToNum(b) ? 1 \r\n : ToNum(b) > ToNum(a) ? -1 : 0 );\r\n // else \r\n // tempMap = tempMap.sort((a, b) =>\r\n // a > b ? 1 : b > a ? -1 : 0 );\r\n\r\n }\r\n \r\n \r\n // tempMap.unshift(\"הכל\");\r\n return tempMap;\r\n }\r\n\r\n \r\n \r\n const handleFirstPageButtonClick = (event) => {\r\n debugger;\r\n onPageChange(event, 0);\r\n };\r\n\r\n const handleBackButtonClick = (event) => {\r\n debugger;\r\n if(page > 0)\r\n onPageChange(event, page - 1);\r\n };\r\n\r\n const handleNextButtonClick = (event) => {\r\n debugger;\r\n if(page+1 < (Math.ceil(count / rowsPerPage)))\r\n onPageChange(event, page + 1);\r\n };\r\n\r\n const handleLastPageButtonClick = (event) => {\r\n debugger;\r\n onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));\r\n };\r\n\r\n function onPageChange(event, newPage) {\r\n debugger;\r\n setPage(newPage);\r\n }\r\n\r\n const setRowsPerPage= (num) => {\r\n \r\n debugger;\r\n setRowsPage(num);\r\n reportParams.NumRowsPerPage = num;\r\n }\r\n\r\n const onSelectPage = (event) => { \r\n \r\n setLoadingStt('Loading'); \r\n \r\n if(event.target.value == \"--\")\r\n setRowsPerPage(getNumRowsInPage(''));\r\n else\r\n setRowsPerPage(event.target.value);\r\n setPage(0);\r\n \r\n }\r\n\r\n const onSelectViewPage = (event) => {\r\n\r\n debugger;\r\n var selected = event.target.value;\r\n setPageViewType(selected);\r\n var rowPerPage = getNumRowsInPage(selected); \r\n setRowsPerPage(rowPerPage);\r\n setPage(0);\r\n }\r\n\r\n const getNumRowsInPage = (pageViewType) =>\r\n {\r\n debugger;\r\n var res = 0;\r\n if(pageViewType == \"2\")\r\n res = window.innerHeight / 24;\r\n else\r\n var res = window.innerHeight / 25;\r\n return res;\r\n }\r\n\r\n\r\n// const ITEM_HEIGHT = 48;\r\n// const ITEM_PADDING_TOP = 20;\r\n// const MenuProps = {\r\n// PaperProps: {\r\n// style: {\r\n// maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n// width: 280,\r\n// },\r\n// },\r\n// };\r\n\r\n\r\n \r\n const handleChange = (indx, valToSet) => {\r\n\r\n debugger;\r\n\r\n let colData = cols;\r\n cols[indx].SelectedVals = valToSet;\r\n SetCols(colData);\r\n \r\n handleSearchInCol(freeSearch, colData);\r\n \r\n };\r\n\r\n const OnDtlsClick =(col, val, indx) => {\r\n if(col.ConstVal == \"...\")\r\n handleTab(\"rpt3\");\r\n };\r\n \r\n const OnClick =(col, indx) => {\r\n \r\n if(selectedRow != indx && col != '#')\r\n SetSelectedRow(-1);\r\n else\r\n SetSelectedRow(indx);\r\n\r\n };\r\n\r\n\r\n \r\n const ExpoerExcel = async() => {\r\n\r\n try\r\n {\r\n debugger;\r\n \r\n // var dataToExport= '[';\r\n // reportData.map((row, i) => \r\n // { \r\n // dataToExport = dataToExport +\"{\"; \r\n // cols.map((col, index) => { \r\n // dataToExport += col.Id +\":\"+ row[col.Id] +\",\";\r\n // } );\r\n // dataToExport += \"}, \"; \r\n // } \r\n // );\r\n\r\n // dataToExport += \"] \"; \r\n\r\n\r\n var jsonToExcel = reportData;\r\n // cols.map((col) => {\r\n // // if(col.IsSumerize)\r\n // // col.Sumerize = 0;\r\n // if(col.DisplayJustHasVal) \r\n // { \r\n // jsonToExcel = jsonToExcel.filter(x => x.Id !== col.Id)\r\n // // colParams = colParams.filter(x => x.Id !== col.Id)\r\n // }\r\n \r\n // });\r\n // var jsonToExcel = reportData.map((col, index) => {return col.Id == \"bld\" ? delete col.Id : ''}); ;\r\n // var jsonToExcel = reportData.filter(x => x.id !== \"bld\");\r\n //var jsonToExcel = reportData.filter(x => x.Id == cols.map((col) => {return col.Id == x.Id ? col.Id : ''}));\r\n // console.log('111'); \r\n // console.log(reportData); \r\n //delete jsonToExcel[0][\"bld\"];\r\n\r\n \r\n var colsName = cols.map((col, index) => {return !col.LinkImg && !col.ConstVal ? col.Name : ''});\r\n var colsId = cols.map((col, index) => {return !col.LinkImg && !col.ConstVal ? col.Id : ''});\r\n\r\n// var colsIdJson = jsonToExcel.map((itm, index, key) => {return index});\r\n// var colsIdJson2 = jsonToExcel.map((itm, index, key) => {return key});\r\n// var colsIdJson3 = jsonToExcel.map((itm) => {return Object.keys(itm).map(key => {\r\n// return key;})});\r\n// var colsIdJson4 = jsonToExcel.map((itm) => {return Object.keys(key => {\r\n// return key;})});\r\n var colsIdJson5 = Object.keys(jsonToExcel[0]).map(key => {\r\n return key;});\r\n\r\n // jsonToExcel.map(item => delete item[\"bld\"]);\r\n jsonToExcel.map(item =>\r\n {for (let i = 0; i < colsIdJson5.length; i++) { \r\n if(!colsId.includes(colsIdJson5[i]) )\r\n delete item[colsIdJson5[i]];\r\n else if(cols[colsId.indexOf(colsIdJson5[i])].IsSumerize)\r\n item[colsIdJson5[i]] = Number(item[colsIdJson5[i]].replace(',', '')); // ToNum(item[colsIdJson5[i]]);\r\n\r\n }} );\r\n\r\n \r\n //delete jsonToExcel[0].slice(\"bld\");\r\n\r\n //var jsonToExcel = reportData;\r\n // jsonToExcel = cols.map((col) => {jsonToExcel.filter(x => x.Id !== col.Id)});\r\n console.log(reportData); \r\n console.log(jsonToExcel); \r\n\r\n const fileType = \"application/octet-stream\";\r\n\r\n const ws = XSLX.utils.json_to_sheet(jsonToExcel, {header:colsId});////data// dataExcelArr orginalData\r\n XSLX.utils.sheet_add_aoa(ws, [colsName], { origin: \"A1\" });\r\n\r\n // var cell = ws['A1'];\r\n //delete ws['A1'];\r\n // ws['A1'].v = \"ABC\";\r\n // ws['A1'].type = typeof(Intl);;\r\n\r\n const wb = {Sheets: {'data':ws}, SheetNames:['data'] }; \r\n // var nextCell = wb.Sheets[0][XSLX.utils.encode_cell({r: 0, c: 1})];\r\n // nextCell.type = typeof(Intl);\r\n //wb.Sheets['data'][1] = \"מממ\";\r\n const wbout = XSLX.write(wb, {type:\"array\", bookType:\"xlsx\"});\r\n const dataExcel = new Blob([wbout], {type: fileType });//excelBuffer\r\n const fileName = \"report\" + new Date().toLocaleString() + \".xlsx\";\r\n console.log(fileName); \r\n FileSaver.saveAs(dataExcel, fileName);\r\n }\r\n catch(error)\r\n {\r\n debugger;\r\n console.log(error);\r\n }\r\n };\r\n\r\n\r\n // const TableContainer = (props) => {\r\n // const containerStyles = {\r\n // overflow: 'auto',\r\n // height: `${heightScreen-150}px`\r\n // };\r\n // return (\r\n // \r\n // {props.children}\r\n //
\r\n // );\r\n // }\r\n\r\n return (\r\n \r\n {loadingStt.length > 0 && }\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 ReportTable;","import React, { useState, useEffect } from \"react\";\r\n// import 'react-pagination-bar/dist/index.css'\r\nimport \"./ReportCss/Report1.css\"\r\n// import \"react-data-export\";\r\n\r\n// import \"file-saver\"\r\n// import XSLX from \"sheetjs-style\"\r\n// import FileSaver from \"file-saver\";\r\n\r\nimport ReportTable from '../../Components/Global/ReportTable'\r\n// import { SignalCellularNullRounded } from \"@mui/icons-material\";\r\n\r\n\r\nconst Report1 = (props) => {\r\n\r\n\r\n const {cntrct, cntComp, currentKey, reportData, setData, handleTab} = props\r\n //, reportParams, ReportParamsSet, ColsParams, ColsParamsSet\r\n\r\n// ColsParamsSet( !ColsParams ? [\r\n var ColsParams =[\r\n { Id: 'bld', Name: 'בניין', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 20},\r\n // { Id: 'flr', Name: 'קומה', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 40},\r\n { Id: 'app', Name: 'דירה', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 20},\r\n { Id: 'aliasName', Name: 'לקוח', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: []},\r\n { Id: 'cellular', Name: 'פלאפון', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 35},\r\n { Id: 'statusCust', Name: 'סטטוס', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 30},\r\n { Id: 'docNum', Name: 'הזמנה', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 30},\r\n { Id: 'totalRdr', Name: 'פתוח בהזמנה', AddFilter: false, IsSumerize: true, Sumerize: 0, Spcwidth: 40},\r\n { Id: 'totalDln', Name: 'פתוח במשלוח', AddFilter: false, IsSumerize: true, Sumerize: 0, Spcwidth: 40},\r\n // { Id: 'totalRdn', Name: 'פתוח בהחזרה', AddFilter: false, IsSumerize: true, Sumerize: 0, Spcwidth: 60},\r\n { Id: 'totalInv', Name: 'חשבונית', AddFilter: false, IsSumerize: true, Sumerize: 0, Spcwidth: 40},\r\n { Id: 'total', Name: 'סך לדירה', AddFilter: false, IsSumerize: true, Sumerize: 0, Spcwidth: 40},\r\n { Id: 'signQtn', Name: 'הזמנה חתומה', LinkImg: \"/images/icons8-pdf-24.png\", Spcwidth: 30, Title: 'docNum' },\r\n // { Id: 'path2', Name: 'פריסה', Spcwidth: 30, DisplayJustHasVal: true},\r\n // { Id: 'dtls', Name: 'פירוט', ConstVal: '...', Spcwidth: 15},\r\n // { Id: 'createActv', Name: 'שדר', TypeCol: 'CheckBox'},\r\n ];// :ColsParams);\r\n\r\n // ReportParamsSet( !reportParams? {NumRowsPerPage: window.innerHeight / 25, FreeSearch: ''} : reportParams );\r\n var reportParams = {NumRowsPerPage: window.innerHeight / 25, FreeSearch: ''} ;\r\n\r\n//https://webservice.tuboul.co.il:5678\r\n\r\n //const url = 'https://proxy.tuboul.co.il/GetRpt1PA?cntrctNum=' + cntrct + '&comp=' + cntComp + '';\r\n const url = '/GetRpt1PA?cntrctNum=' + cntrct + '&comp=' + cntComp + '';\r\n \r\n// useEffect(() => {\r\n// loadData();\r\n// }, [cntrct])\r\n\r\n\r\n \r\n// async function loadData() {\r\n// setLoadingStt('Loading');\r\n// setDataR([]);\r\n// setDataBefFilter([]);\r\n// // let copySumTotal = { totalRdr: 0, totalDln: 0, totalInv: 0, total: 0 };\r\n// // setSumTotal(copySumTotal);\r\n// // setDataByCol({ lstbld: [], lstflr: [], lstapp: [], lstaliasName:[], lstcellular:[],lstdocNum:[], lsttotalRdr:[], lsttotalDln:[], lsttotalInv:[], lsttotal:[] });\r\n// // setSelected({ lstbld: [], lstflr: [], lstapp: [], lstaliasName:[], lstcellular:[],lstdocNum:[], lsttotalRdr:[], lsttotalDln:[], lsttotalInv:[], lsttotal:[] });\r\n\r\n\r\n// var colParams = [\r\n// { Id: 'bld', Name: 'בניין', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: []},\r\n// { Id: 'flr', Name: 'קומה', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: []},\r\n// { Id: 'app', Name: 'דירה', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: []},\r\n// { Id: 'aliasName', Name: 'לקוח', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: []},\r\n// { Id: 'cellular', Name: 'פלאפון', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: []},\r\n// { Id: 'docNum', Name: 'הזמנה', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: []},\r\n// { Id: 'totalRdr', Name: 'פתוח בהזמנה', AddFilter: false, IsSumerize: true, Sumerize: 0},\r\n// { Id: 'totalDln', Name: 'פתוח במשלוח', AddFilter: false, IsSumerize: true, Sumerize: 0},\r\n// { Id: 'totalInv', Name: 'חשבונית', AddFilter: false, IsSumerize: true, Sumerize: 0},\r\n// { Id: 'total', Name: 'סך לדירה', AddFilter: false, IsSumerize: true, Sumerize: 0},\r\n// ];\r\n\r\n// console.log(colParams);\r\n\r\n// try {\r\n// const url = 'http://82.80.69.108:5678/ContractData/GetRpt1PA?cntrctNum=' + cntrct + '&comp=' + cntComp + '';\r\n// await fetch(url)\r\n// .then((response) => response.json())\r\n// .then((res) => {\r\n// // let copySumTotal = { totalRdr: 0, totalDln: 0, totalInv: 0, total: 0 }\r\n// res.map((item) => {\r\n\r\n// colParams.map((col) => {\r\n// if(col.IsSumerize)\r\n// col.Sumerize += Number(item[col.Id].replace(/,/g, ''))\r\n// });\r\n\r\n\r\n// // copySumTotal.totalRdr += Number(item.totalRdr.replace(/,/g, ''))\r\n// // copySumTotal.totalDln += Number(item.totalDln.replace(/,/g, ''))\r\n// // copySumTotal.totalInv += Number(item.totalInv.replace(/,/g, ''))\r\n// // copySumTotal.total += Number(item.total.replace(/,/g, ''))\r\n// })\r\n// // setSumTotal(copySumTotal);\r\n// setDataR(res);\r\n// setDataBefFilter(res);\r\n// setCount(res.length);\r\n// // debugger;\r\n\r\n// // setDataByCol({ lstbld: FillCombo(res, \"bld\"), lstflr: FillCombo(res, \"flr\"), lstapp: FillCombo(res, \"app\")\r\n// // , lstaliasName: FillCombo(res, \"aliasName\") \r\n// // , lstcellular:FillCombo(res, \"cellular\") ,lstdocNum:FillCombo(res, \"docNum\") , lsttotalRdr:FillCombo(res, \"totalRdr\") \r\n// // , lsttotalDln:FillCombo(res, \"totalDln\") , lsttotalInv:FillCombo(res, \"totalInv\") , lsttotal:FillCombo(res, \"total\") });\r\n\r\n// colParams.map((item) => {\r\n// if(item.AddFilter)\r\n// item.AllVals = FillCombo(res, item.Id);\r\n// });\r\n// console.log('after fill');\r\n// console.log(colParams);\r\n\r\n// SetCols(colParams);\r\n// })\r\n// .catch((error) => { console.log('error-- ' + error); setLoadingStt('error ' + error); })\r\n// .finally(() => { console.log(\"---\" + data); setLoadingStt(''); });\r\n// }\r\n// catch\r\n// {\r\n// debugger;\r\n// // setDataBefFilter(data);\r\n// }\r\n// // debugger;\r\n// }\r\n\r\n \r\n// const handleSort = (uid) => {\r\n\r\n// var sortedData = sortArray(data, orderDirection, uid);\r\n// setDataR(sortedData);\r\n// setOrderDirection(orderDirection === \"asc\" ? \"desc\" : \"asc\");\r\n// };\r\n \r\n// const sortArray = (arr, orderBy, uid) => {\r\n \r\n \r\n// switch (orderBy) {\r\n// case \"asc\":\r\n// default:\r\n// if(uid.includes(\"qty\") || uid.includes(\"total\"))\r\n// {\r\n// return arr.sort((a, b) =>\r\n// Number(a[uid].replace(/,/g, '')) > Number(b[uid].replace(/,/g, '')) ? 1 \r\n// : Number(b[uid].replace(/,/g, '')) > Number(a[uid].replace(/,/g, '')) ? -1 : 0 );\r\n// }\r\n// else if(uid.toUpperCase().includes(\"DATE\"))\r\n// {\r\n// return arr.sort((a, b) =>\r\n// Date(a[uid]) > Date(b[uid]) ? 1 \r\n// : Date(b[uid]) > Date(a[uid]) ? -1 : 0 );\r\n// }\r\n// else\r\n// {\r\n// return arr.sort((a, b) =>\r\n// a[uid] > b[uid] ? 1 : b[uid] > a[uid] ? -1 : 0 );\r\n// }\r\n// case \"desc\":\r\n// if(uid.includes(\"qty\") || uid.includes(\"total\") || uid.includes(\"Qty\"))\r\n// {\r\n// return arr.sort((a, b) =>\r\n// Number(a[uid].replace(/,/g, '')) < Number(b[uid].replace(/,/g, '')) ? 1 \r\n// : Number(b[uid].replace(/,/g, '')) < Number(a[uid].replace(/,/g, '')) ? -1 : 0\r\n// );\r\n// }\r\n// else if(uid.toUpperCase().includes(\"DATE\"))\r\n// {\r\n// return arr.sort((a, b) =>\r\n// Date(a[uid]) < Date(b[uid]) ? 1 \r\n// : Date(b[uid]) < Date(a[uid]) ? -1 : 0 );\r\n// }\r\n// else\r\n// {\r\n// return arr.sort((a, b) =>\r\n// a[uid] < b[uid] ? 1 : b[uid] < a[uid] ? -1 : 0 );\r\n// }\r\n// }\r\n// };\r\n\r\n \r\n// const handleSearch = (e) => {\r\n\r\n// // debugger;\r\n// setPage(0);\r\n// // var tagType = e.target.nodeName;\r\n// var valueSrch = '';\r\n// // if (tagType == \"INPUT\")\r\n// valueSrch = e.target.value;\r\n// // else if (tagType == \"SELECT\")\r\n// // valueSrch = e.currentTarget.value;\r\n// setFreeSearch(valueSrch);\r\n\r\n// handleSearchInCol(valueSrch, cols);//tagType\r\n// };\r\n\r\n// const handleSearchInCol = (valueSrch, colsData) => {\r\n \r\n// debugger;\r\n// var afterFilterData = [];\r\n\r\n \r\n// if (orginalData.length === 0)\r\n// setDataBefFilter(data); \r\n \r\n// afterFilterData = orginalData; \r\n// if(colsData != \"\")\r\n// {\r\n// colsData.map(col => {\r\n// if(col.AddFilter && col.SelectedVals.length > 0)\r\n// afterFilterData = afterFilterData.filter((filter) => (col.SelectedVals.find(val => val === filter[col.Id]) \r\n// || (col.SelectedVals.includes(\"\") && filter[col.Id].length == 0 ))); \r\n\r\n// }); \r\n\r\n// }\r\n \r\n// debugger;\r\n// if(valueSrch.length > 0 )\r\n// { \r\n// afterFilterData= afterFilterData.filter(function(obj) {\r\n// return Object.keys(obj)\r\n// .some(function(k) { \r\n// return obj[k] != null && obj[k].indexOf(valueSrch) !== -1; \r\n// });\r\n// });\r\n// }\r\n\r\n// setDataR(afterFilterData)\r\n\r\n// cols.map((col) => {\r\n// if(col.IsSumerize)\r\n// col.Sumerize = 0;\r\n// });\r\n\r\n// afterFilterData.map((item) => {\r\n// cols.map((col) => {\r\n// if(col.IsSumerize)\r\n// col.Sumerize += Number(item[col.Id].replace(/,/g, ''))\r\n// });\r\n// })\r\n\r\n// // if (afterFilterData.length > 0) {\r\n// // let copySumTotal = { totalRdr: 0, totalDln: 0, totalInv: 0, total: 0 }\r\n// // afterFilterData.map((item) => {\r\n// // copySumTotal.totalRdr += Number(item.totalRdr.replace(/,/g, ''))\r\n// // copySumTotal.totalDln += Number(item.totalDln.replace(/,/g, ''))\r\n// // copySumTotal.totalInv += Number(item.totalInv.replace(/,/g, ''))\r\n// // copySumTotal.total += Number(item.total.replace(/,/g, ''))\r\n// // })\r\n// // setSumTotal(copySumTotal);\r\n// // }\r\n// setCount(afterFilterData.length);\r\n// setPage(0);\r\n\r\n// };\r\n\r\n// const onClearFiltersClick =() => {\r\n// //\r\n// // setSelected({ lstbld: [], lstflr: [], lstapp: [], lstaliasName:[], lstcellular:[],lstdocNum:[], lsttotalRdr:[], lsttotalDln:[], lsttotalInv:[], lsttotal:[] });\r\n// //setFreeSearch(\"\");\r\n\r\n// //איפוס פילטרים\r\n// cols.map((col) => {\r\n// if(col.AddFilter)\r\n// col.SelectedVals = [];\r\n// });\r\n// setFreeSearch(\"\"); \r\n\r\n// handleSearchInCol( \"\", \"\");\r\n// };\r\n\r\n// function FillCombo(res, id) {\r\n\r\n// // debugger;\r\n// var tempMap = [];\r\n// var mapCol = res.map(item => {\r\n// if (!tempMap.includes(item[id])) {\r\n// tempMap.push(item[id]);\r\n// return { value: item[id] };\r\n// }\r\n// });\r\n \r\n// tempMap.sort();\r\n// tempMap.unshift(\"הכל\");\r\n// return tempMap;\r\n// }\r\n\r\n \r\n \r\n// const handleFirstPageButtonClick = (event) => {\r\n// onPageChange(event, 0);\r\n// };\r\n\r\n// const handleBackButtonClick = (event) => {\r\n// debugger;\r\n// if(page > 0)\r\n// onPageChange(event, page - 1);\r\n// };\r\n\r\n// const handleNextButtonClick = (event) => {\r\n// debugger;\r\n// if(page+1 < (Math.ceil(count / rowsPerPage)))\r\n// onPageChange(event, page + 1);\r\n// };\r\n\r\n// const handleLastPageButtonClick = (event) => {\r\n// onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));\r\n// };\r\n\r\n// function onPageChange(event, newPage) {\r\n// setPage(newPage);\r\n// }\r\n\r\n// const onSelectPage = (event) => { \r\n \r\n// debugger;\r\n// if(event.target.value == \"--\")\r\n// setRowsPerPage(getNumRowsInPage(''));\r\n// else\r\n// setRowsPerPage(event.target.value);\r\n// setPage(0);\r\n\r\n// }\r\n\r\n// // const onSelectViewPage = (event) => {\r\n// // var selected = event.target.value;\r\n// // setPageViewType(selected);\r\n// // var rowPerPage = getNumRowsInPage(selected); \r\n// // setRowsPerPage(rowPerPage);\r\n// // setPage(0);\r\n// // }\r\n\r\n// const getNumRowsInPage = (pageViewType) =>\r\n// {\r\n// // var res = 0;\r\n// // if(pageViewType == \"2\")\r\n// // res = window.innerHeight / 24;\r\n// // else\r\n// var res = window.innerHeight / 25;\r\n// return res;\r\n// }\r\n\r\n \r\n// const handleChangePage = (\r\n// // event: React.MouseEvent\r\n {/* */}\r\n ExpoerExcel()} style={{direction:\"rtl\", filter: \"grayscale(100%)\", textDecoration: \"underline\"}}>יצא לאקסל ▼\r\n \r\n \r\n \r\n \r\n\r\n «\r\n <\r\n = Math.ceil(count / rowsPerPage) - 1}>>\r\n = Math.ceil(count / rowsPerPage) - 1}>»\r\n\r\n\r\n {reportData != null ? מספר שורות {new Intl.NumberFormat().format(reportData.length)} : ''}\r\n {/* data */}\r\n עמוד {page+1} מתוך {Math.ceil(count / Math.ceil(rowsPerPage))} \r\n \r\n \r\n \r\n handleSearch(e)} >\r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n {/* {pathPdf != \"doc.pdf\" && pathPdf != \"\" && \r\n } */}\r\n\r\n
{/* //TableContainer */}\r\n \r\n | # | \r\n {cols.map((col, index) => {\r\n return ( handleSort(col.Id)} style={{width: col.Spcwidth > 0 ? col.Spcwidth : 100}}> {col.Name} \r\n \r\n {col.AddFilter ? \r\n {new Intl.NumberFormat().format(col.Sumerize.toFixed(0))} \r\n \r\n : ''}\r\n \r\n | );\r\n })} \r\n
|---|---|
| OnClick('#', i)} >{i+ Math.ceil(page * rowsPerPage)+1} | \r\n \r\n {/* OnDtlsClick(col, row[col.Id], i)} \r\n onClick={() => OnClick(col.Id, i)} \r\n style={{textAlign: \"flex-start\", direction:\"rtl\", backgroundColor: selectedRow == i ? cntComp == \"CM\" ? \"mediumpurple\" : \"Teal\": '' }}\r\n >\r\n\r\n {col.LinkImg && row[col.Id] ?\r\n GetUrl(row, col.Id)} /*href={pathPdf != \"doc.pdf\" && pathPdf != \"\" && pathPdf}*/ without rel=\"noopener noreferrer\" target=\"_blank\">\r\n ![]({\"/images/icons8-pdf-24.png\") \r\n \r\n : col.ConstVal ? col.ConstVal \r\n : row[col.Id]} | );\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 Report1;","import React, { useState, useEffect } from \"react\";\r\n// import 'react-pagination-bar/dist/index.css'\r\nimport \"./ReportCss/Report3.css\"\r\n// import \"react-data-export\";\r\n\r\n// import \"file-saver\"\r\n// import XSLX from \"sheetjs-style\"\r\n// import FileSaver from \"file-saver\";\r\n\r\n// import DialogSelect from '../../Components/Global/DialogSelect'\r\n\r\nimport ReportTable from '../../Components/Global/ReportTable'\r\n\r\n\r\nconst Report3 = (props) => {\r\n\r\n const {cntrct, cntComp, currentKey, reportData, setData, handleTab } = props\r\n// , reportParams, ReportParamsSet, ColsParams, ColsParamsSet\r\n\r\n//ColsParamsSet( !ColsParams ? [\r\n var ColsParams =[\r\n { Id: 'bld', Name: 'בניין', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 15},\r\n // { Id: 'flr', Name: 'קומה', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 40},\r\n { Id: 'app', Name: 'דירה', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 12},\r\n { Id: 'aliasName', Name: 'לקוח', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 65},\r\n { Id: 'room', Name: 'חדר', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 42}, \r\n { Id: 'gnrlDscrpt', Name: 'פ.מקור', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 65}, \r\n { Id: 'item', Name: 'פריט', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 40}, \r\n { Id: 'dscrpt', Name: 'תאור', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: []}, \r\n { Id: 'batch', Name: 'אצווה', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 30},\r\n { Id: 'upgrdStt', Name: 'סטטוס', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 30},\r\n { Id: 'unitMsr', Name: 'י.מידה', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 25},\r\n { Id: 'qty', Name: 'כמות כ\"כ', AddFilter: false, IsSumerize: true, Sumerize: 0, Spcwidth: 30},\r\n { Id: 'dlvQty', Name: 'כ.סופקה', AddFilter: false, IsSumerize: true, Sumerize: 0, Spcwidth: 30},\r\n { Id: 'openQty', Name: 'כ.פתוחה', AddFilter: false, IsSumerize: true, Sumerize: 0, Spcwidth: 30},\r\n { Id: 'total', Name: 'סך ב₪', AddFilter: false, IsSumerize: true, Sumerize: 0, Spcwidth: 30}, \r\n { Id: 'shipDate', Name: 'תאריך', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 35},\r\n { Id: 'qutNum', Name: 'הזמנה', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Title: 'currDocNum', Spcwidth: 25},\r\n { Id: 'dlnDoc', Name: 'ת.משלוח', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 25},\r\n { Id: 'invDoc', Name: 'חשבונית', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 25},\r\n // { Id: 'invCntrctDoc', Name: 'חש קבלן', AddFilter: true, IsSumerize: false, AllVals: [], SelectedVals: [], Spcwidth: 30},\r\n ];// :ColsParams);\r\n\r\n // ReportParamsSet( !reportParams? {NumRowsPerPage: window.innerHeight / 25, FreeSearch: ''} : reportParams );\r\n var reportParams = {NumRowsPerPage: window.innerHeight / 25, FreeSearch: ''} ;\r\n\r\n// const url = 'https://proxy.tuboul.co.il/GetRpt2PA?cntrctNum=' + cntrct + '&comp=' + cntComp + '';\r\nconst url = '/GetRpt2PA?cntrctNum=' + cntrct + '&comp=' + cntComp + '';\r\n \r\n\r\n return (\r\n \r\n \r\n \r\n \r\n\r\n «\r\n <\r\n = Math.ceil(count / rowsPerPage) - 1}>>\r\n = Math.ceil(count / rowsPerPage) - 1}>»\r\n\r\n\r\n מספר שורות {new Intl.NumberFormat().format(data.length)}\r\n עמוד {page+1} מתוך {Math.ceil(count / Math.ceil(rowsPerPage))} \r\n \r\n \r\n \r\n handleSearch(e)}>\r\n \r\n\r\n
\r\n | handleSort(col.Id)}> {col.Name}\r\n \r\n {col.AddFilter ? \r\n {new Intl.NumberFormat().format(col.Sumerize.toFixed(0))} : ''}\r\n | );\r\n })} \r\n
|---|
| {row[col.Id]} | );\r\n })} \r\n
\r\n \r\n {row.bld} \r\n {row.flr} \r\n {row.app} \r\n {row.aliasName.substr(0, 30)} \r\n {row.qutNum} \r\n {row.room} \r\n {row.item} \r\n {row.dscrpt.substr(0, 30)} \r\n {row.gnrlDscrpt.substr(0, 30)} \r\n {row.batch} \r\n {row.stt} \r\n {row.upgrdStt} \r\n {row.unitMsr} \r\n {new Intl.NumberFormat().format(row.qty)} \r\n {new Intl.NumberFormat().format(row.dlvQty)} \r\n {new Intl.NumberFormat().format(row.openQty)} \r\n {new Intl.NumberFormat().format(row.total.replace(/,/g, ''))} \r\n {row.shipDate} \r\n {row.invDoc} \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 Report3;\r\n\r\n\r\n/**/\r\n\r\n\r\n//\r\n
\r\n\r\n \r\n \r\n { Current Page: {currentPage} of {totalPages} }\r\n \r\n \r\n current Page:{this.state.currentPage}
\r\n\r\n \r\n ![]()
src=\"/images/Pictures/247583.jpg\" */}\r\n\r\n\r\n
\r\n \r\n\r\n // \r\n\r\n
\r\n < div className=\"personal-area-div2\">\r\n \r\n ![]({\"/images/Pictures/247585.jpg\"})
\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 { handleChange(e, \"nameFirst\") }}\r\n />\r\n { handleChange(e, \"emailFirst\") }}\r\n />\r\n\r\n {/* { handleChange(e, \"PhoneFirst\") }}\r\n /> */}\r\n\r\n { handleChange(e, \"PhoneFirst\") }}\r\n />\r\n
\r\n \r\n
*/}\r\n איש קשר נוסף
\r\n \r\n { handleChange(e, \"nameSecond\") }}\r\n />\r\n\r\n { handleChange(e, \"emailSecond\") }}\r\n />\r\n\r\n { handleChange(e, \"PhoneSecond\") }}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* { handleChange(e, \"message\") }}\r\n\r\n /> */}\r\n { handleChange(e, \"message\") }}\r\n value={contactObj.message}\r\n placeholder=\"ההודעה שלך...\"\r\n style={{ width: 550 }}\r\n />\r\n
\r\n \r\n } onClick={CreateActivity}>\r\n שליחה\r\n \r\n {/* endIcon={
\r\n \r\n // \r\n // \r\n // \r\n\r\n\r\n //
\r\n\r\n );\r\n};\r\nexport default PersonalArea;","import React from \"react\";\r\nimport Button from \"@material-ui/core/Button\";\r\n// import { withStyles } from \"@material-ui/core/styles\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\n//import MuiDialogTitle from \"@material-ui/core/DialogTitle\";\r\n//import MuiDialogContent from \"@material-ui/core/DialogContent\";\r\n// import MuiDialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\n\r\nexport default function SimpleDialog(props) {\r\n const { open, handleClose, dataC } = props;\r\n \r\n console.log(dataC);\r\n \r\n\r\n const styles = theme => ({\r\n root: {\r\n margin: 0,\r\n padding: theme.spacing(2)\r\n },\r\n closeButton: {\r\n position: \"absolute\",\r\n right: theme.spacing(1),\r\n top: theme.spacing(1),\r\n color: theme.palette.grey[500]\r\n }\r\n });\r\n\r\n \r\n const OpenMailTo = (e) => {\r\n // debugger;\r\n window.location.href ='mailto:'+ e.target.id + '?subject=פניה מאתר קבלנים';\r\n\r\n}\r\n\r\n // if you want to customize the styling\r\n\r\n // const DialogContent = withStyles(theme => ({\r\n // root: {\r\n // padding: theme.spacing(2)\r\n // }\r\n // }))(MuiDialogContent);\r\n\r\n // const DialogActions = withStyles(theme => ({\r\n // root: {\r\n // margin: 0,\r\n // padding: theme.spacing(1)\r\n // }\r\n // }))(MuiDialogActions);\r\n\r\n return (\r\n \r\n \r\n );\r\n}\r\n\r\n\r\n\r\n// export default function SimpleDialogDemo() {\r\n// const [selectedValue] = React.useState([]);\r\n// const [open, setOpen] = React.useState(false);\r\n\r\n// const handleOpen = () => {\r\n// setOpen(true);\r\n// };\r\n\r\n// const handleClose = () => {\r\n// setOpen(false);\r\n// };\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// {selectedValue} \r\n//
\r\n// \r\n//
\r\n// );\r\n// }\r\n","import React, { useState, useEffect } from \"react\";\r\n// import { Route, Routes, useNavigate } from 'react-router-dom';\r\n\r\nimport Rpt1 from \"./ReportTabs/Report1.js\";\r\n// import Rpt2 from \"./ReportTabs/Report2.js\";\r\nimport Rpt3 from \"./ReportTabs/Report3.js\";\r\n// import FirstPage from \"./ReportTabs/ReportWelcomePage.js\";\r\nimport PA from \"./ReportTabs/PersonalArea.js\";\r\nimport TestPage from \"./ReportTabs/TestPage.js\";\r\n\r\nimport \"./ReportTabs/ReportCss/ReportsPage.css\";\r\nimport SimpleDialog from '../Components/Global/SimpleDialog'\r\n\r\nconst ReportsPage = ({ navigation }) => {\r\n\r\n const [activeTab, setActiveTab] = useState(\"rpt1\");//about\r\n\r\n const [currCntrctNum, SetCurrCntrct] = useState('');\r\n const [currentKey, SetCurrentKey] = useState(0);\r\n\r\n const [currCntrctComp, SetCurrComp] = useState('');\r\n const [currProjData, SetCurrProjData] = useState([]);\r\n\r\n const [open, setOpen] = useState(false);\r\n\r\n const [rpt1, SetDataRpt1] = useState([]);\r\n const [rpt3, SetDataRpt3] = useState([]);\r\n\r\n // const [rptParms1, SetrptParms1] = useState();\r\n // const [colParams1, SetcolParams1] = useState();\r\n // const [rptParms3, SetrptParms3] = useState(); \r\n // const [colParams3, SetcolParams3] = useState();\r\n\r\n\r\n // var lItem = \"\";\r\n\r\n // update the state to tab1\r\n function handleTab(val) {\r\n setActiveTab(val);\r\n };\r\n\r\n useEffect(() => {\r\n\r\n if(localStorage.length == 0)\r\n {\r\n window.history.replaceState(null, '', '/');\r\n //navigate('./', { replace: true });\r\n return;\r\n }\r\n\r\ndebugger;\r\n var projData = (JSON.parse(localStorage.getItem(\"proj\"))).contract[0];\r\n var selectedNum = projData.cntNum;\r\n var selectedComp = projData.comp;\r\n SetCurrProjData(projData);\r\n SetCurrCntrct(selectedNum);\r\n SetCurrComp(selectedComp);\r\n SetCurrentKey(0)\r\n \r\n }, []);\r\n\r\n function onSelect(e) {\r\n\r\n if(localStorage.length == 0)\r\n {\r\n window.history.replaceState(null, '', '/');\r\n return;\r\n }\r\n\r\n debugger\r\n let selectedIndex = e.target.options.selectedIndex\r\n let selectedNum = (JSON.parse(localStorage.getItem(\"proj\"))).contract[selectedIndex].cntNum;\r\n let selectedComp = (JSON.parse(localStorage.getItem(\"proj\"))).contract[selectedIndex].comp;\r\n SetCurrProjData((JSON.parse(localStorage.getItem(\"proj\"))).contract[selectedIndex]);\r\n SetCurrentKey(selectedIndex)\r\n SetCurrCntrct(selectedNum);\r\n SetCurrComp(selectedComp);\r\n\r\n SetDataRpt1([]);\r\n SetDataRpt3([]);\r\n \r\n }\r\n\r\n function ShowContacts()\r\n { \r\n handleOpen();\r\n // console.log(currProjData);\r\n // alert(\"תיאום אספקות: \" +currProjData.cntctData.slp1 +\" ☎ \"+ currProjData.cntctData.slp1Phone\r\n // +\" \\nזימון דיירים: \"+currProjData.cntctData.slp2+\" ☏ \"+currProjData.cntctData.slp2Phone);\r\n }\r\n \r\n function OnClickExit()\r\n { \r\n localStorage.clear();\r\n }\r\n\r\n const handleOpen = () => {\r\n setOpen(true);\r\n };\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const handleData1 = (data) => {\r\n SetDataRpt1(data);\r\n }; \r\n \r\n const handleData3 = (data) => {\r\n SetDataRpt3(data);\r\n };\r\n\r\n // const OpenMailTo = (e) => {\r\n // // debugger;\r\n // window.location.href ='mailto:'+ e.target.id + '?subject=פניה מאתר קבלנים, חוזה ' + currCntrctComp +'-'+currCntrctNum;\r\n\r\n // }\r\n\r\n\r\n return ( currCntrctNum != \"\"?\r\n \r\n// \r\n//
\r\n\r\n
\r\n :'');\r\n}\r\n\r\nexport default ReportsPage;","//import logo from './logo.svg';\r\nimport './App.css';\r\nimport { BrowserRouter as Router, Route, Routes } from 'react-router-dom'\r\nimport React from \"react\";\r\n\r\nimport Login from './screens/Login';\r\nimport ReportsPage from './screens/ReportsPage';\r\n\r\n// import ReactGA from 'react-ga';\r\n// const TRACKING_ID = \"G-0B0WC2C5YW\"; // OUR_TRACKING_ID\r\n// ReactGA.initialize(TRACKING_ID);\r\n// ReactGA.pageview(window.location.pathname + window.location.search);\r\n\r\n\r\nfunction App() {\r\n return (\r\n \r\n
\r\n \r\n 
\r\n window.open(currCntrctComp == \"CM\" ? \"https://www.tuboul-ceramics.co.il/\" : \"https://tuboul-doors.co.il/\")} >\r\n
\r\n\r\n {/* className=\"TubTabs\" */}\r\n
\r\n\r\n- \r\n
- handleTab(\"about\")}>ראשי */}\r\n
- \r\n \r\n \r\n \r\n \r\n\r\n
- handleTab(\"rpt1\")}>דוח מרוכז \r\n
- handleTab(\"rpt3\")}>דוח מפורט \r\n
- handleTab(\"contctUs\")}>צור קשר \r\n {/*
- handleTab(\"TestPage\")}>test */}\r\n
\r\n {/*
\r\n\r\n {activeTab !== \"contctUs\" && }\r\n \r\n
: ''}\r\n \r\n \r\n\r\n {/* \r\n זימון דיירים: {currProjData.cntctData.slp2} ☏ {currProjData.cntctData.slp2Phone}\r\n || \r\n תיאום אספקות: {currProjData.cntctData.slp1} ☎ {currProjData.cntctData.slp1Phone}
\r\n OpenMailTo(e)} \r\n >\r\n מייל: {currProjData.cntctData.slp1Mail}
\r\n \r\n
*/}\r\n \r\n\r\n תיאום אספקות:
\r\n אביגיל כהן
\r\n 08-8888888
\r\n \r\n זימון דיירים:
\r\n לי ורדיגר
\r\n 08-8888888
\r\n \r\n \r\n {\r\n // activeTab === \"about\" ? :\r\n\r\n activeTab === \"TestPage\" ?
\r\n \r\n Edit src/App.js and save to reload.\r\n