forked from RiseUP/riseup-squad23
Merge branch 'main' of https://git.popcode.com.br/RiseUP/riseup-squad23
This commit is contained in:
commit
dee380ea9e
179
package-lock.json
generated
179
package-lock.json
generated
@ -20,6 +20,7 @@
|
|||||||
"bootstrap-icons": "^1.13.1",
|
"bootstrap-icons": "^1.13.1",
|
||||||
"dayjs": "^1.11.18",
|
"dayjs": "^1.11.18",
|
||||||
"flatpickr": "^4.6.13",
|
"flatpickr": "^4.6.13",
|
||||||
|
"html2pdf.js": "^0.12.1",
|
||||||
"lucide-react": "^0.543.0",
|
"lucide-react": "^0.543.0",
|
||||||
"perfect-scrollbar": "^1.5.6",
|
"perfect-scrollbar": "^1.5.6",
|
||||||
"powershell": "^2.3.3",
|
"powershell": "^2.3.3",
|
||||||
@ -18118,6 +18119,12 @@
|
|||||||
"@types/node": "*"
|
"@types/node": "*"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@types/pako": {
|
||||||
|
"version": "2.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/pako/-/pako-2.0.4.tgz",
|
||||||
|
"integrity": "sha512-VWDCbrLeVXJM9fihYodcLiIv0ku+AlOa/TQ1SvYOaBuyrSKgEcro95LJyIsJ4vSo6BXIxOKxiJAat04CmST9Fw==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/@types/parse-json": {
|
"node_modules/@types/parse-json": {
|
||||||
"version": "4.0.2",
|
"version": "4.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
|
"resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
|
||||||
@ -18163,6 +18170,13 @@
|
|||||||
"integrity": "sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg==",
|
"integrity": "sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg==",
|
||||||
"license": "BSD-3-Clause"
|
"license": "BSD-3-Clause"
|
||||||
},
|
},
|
||||||
|
"node_modules/@types/raf": {
|
||||||
|
"version": "3.4.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/raf/-/raf-3.4.3.tgz",
|
||||||
|
"integrity": "sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
"node_modules/@types/range-parser": {
|
"node_modules/@types/range-parser": {
|
||||||
"version": "1.2.7",
|
"version": "1.2.7",
|
||||||
"resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
|
"resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
|
||||||
@ -19593,6 +19607,15 @@
|
|||||||
"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
|
"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
"node_modules/base64-arraybuffer": {
|
||||||
|
"version": "1.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
|
||||||
|
"integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.6.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/batch": {
|
"node_modules/batch": {
|
||||||
"version": "0.6.1",
|
"version": "0.6.1",
|
||||||
"resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
|
"resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
|
||||||
@ -19965,6 +19988,26 @@
|
|||||||
],
|
],
|
||||||
"license": "CC-BY-4.0"
|
"license": "CC-BY-4.0"
|
||||||
},
|
},
|
||||||
|
"node_modules/canvg": {
|
||||||
|
"version": "3.0.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/canvg/-/canvg-3.0.11.tgz",
|
||||||
|
"integrity": "sha512-5ON+q7jCTgMp9cjpu4Jo6XbvfYwSB2Ow3kzHKfIyJfaCAOHLbdKPQqGKgfED/R5B+3TFFfe8pegYA+b423SRyA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.12.5",
|
||||||
|
"@types/raf": "^3.4.0",
|
||||||
|
"core-js": "^3.8.3",
|
||||||
|
"raf": "^3.4.1",
|
||||||
|
"regenerator-runtime": "^0.13.7",
|
||||||
|
"rgbcolor": "^1.0.1",
|
||||||
|
"stackblur-canvas": "^2.0.0",
|
||||||
|
"svg-pathdata": "^6.0.3"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=10.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/case-sensitive-paths-webpack-plugin": {
|
"node_modules/case-sensitive-paths-webpack-plugin": {
|
||||||
"version": "2.4.0",
|
"version": "2.4.0",
|
||||||
"resolved": "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz",
|
"resolved": "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz",
|
||||||
@ -21088,6 +21131,15 @@
|
|||||||
"postcss": "^8.4"
|
"postcss": "^8.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/css-line-break": {
|
||||||
|
"version": "2.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz",
|
||||||
|
"integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"utrie": "^1.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/css-loader": {
|
"node_modules/css-loader": {
|
||||||
"version": "6.11.0",
|
"version": "6.11.0",
|
||||||
"resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.11.0.tgz",
|
"resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.11.0.tgz",
|
||||||
@ -22014,6 +22066,16 @@
|
|||||||
"url": "https://github.com/fb55/domhandler?sponsor=1"
|
"url": "https://github.com/fb55/domhandler?sponsor=1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/dompurify": {
|
||||||
|
"version": "3.2.7",
|
||||||
|
"resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.7.tgz",
|
||||||
|
"integrity": "sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==",
|
||||||
|
"license": "(MPL-2.0 OR Apache-2.0)",
|
||||||
|
"optional": true,
|
||||||
|
"optionalDependencies": {
|
||||||
|
"@types/trusted-types": "^2.0.7"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/domutils": {
|
"node_modules/domutils": {
|
||||||
"version": "2.8.0",
|
"version": "2.8.0",
|
||||||
"resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
|
"resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
|
||||||
@ -23229,6 +23291,17 @@
|
|||||||
"integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
|
"integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
"node_modules/fast-png": {
|
||||||
|
"version": "6.4.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/fast-png/-/fast-png-6.4.0.tgz",
|
||||||
|
"integrity": "sha512-kAqZq1TlgBjZcLr5mcN6NP5Rv4V2f22z00c3g8vRrwkcqjerx7BEhPbOnWCPqaHUl2XWQBJQvOT/FQhdMT7X/Q==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@types/pako": "^2.0.3",
|
||||||
|
"iobuffer": "^5.3.2",
|
||||||
|
"pako": "^2.1.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/fast-uri": {
|
"node_modules/fast-uri": {
|
||||||
"version": "3.1.0",
|
"version": "3.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
|
||||||
@ -23275,6 +23348,12 @@
|
|||||||
"bser": "2.1.1"
|
"bser": "2.1.1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/fflate": {
|
||||||
|
"version": "0.8.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.2.tgz",
|
||||||
|
"integrity": "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/file-entry-cache": {
|
"node_modules/file-entry-cache": {
|
||||||
"version": "6.0.1",
|
"version": "6.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
|
||||||
@ -24525,6 +24604,29 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/html2canvas": {
|
||||||
|
"version": "1.4.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz",
|
||||||
|
"integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"css-line-break": "^2.1.0",
|
||||||
|
"text-segmentation": "^1.0.3"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=8.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/html2pdf.js": {
|
||||||
|
"version": "0.12.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/html2pdf.js/-/html2pdf.js-0.12.1.tgz",
|
||||||
|
"integrity": "sha512-3rBWQ96H5oOU9jtoz3MnE/epGi27ig9h8aonBk4JTpvUERM3lMRxhIRckhJZEi4wE0YfRINoYOIDY0hLY0CHgQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"html2canvas": "^1.0.0",
|
||||||
|
"jspdf": "^3.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/htmlparser2": {
|
"node_modules/htmlparser2": {
|
||||||
"version": "6.1.0",
|
"version": "6.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
|
||||||
@ -24849,6 +24951,12 @@
|
|||||||
"loose-envify": "^1.0.0"
|
"loose-envify": "^1.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/iobuffer": {
|
||||||
|
"version": "5.4.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/iobuffer/-/iobuffer-5.4.0.tgz",
|
||||||
|
"integrity": "sha512-DRebOWuqDvxunfkNJAlc3IzWIPD5xVxwUNbHr7xKB8E6aLJxIPfNX3CoMJghcFjpv6RWQsrcJbghtEwSPoJqMA==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/ipaddr.js": {
|
"node_modules/ipaddr.js": {
|
||||||
"version": "2.2.0",
|
"version": "2.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.2.0.tgz",
|
||||||
@ -26609,6 +26717,23 @@
|
|||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/jspdf": {
|
||||||
|
"version": "3.0.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/jspdf/-/jspdf-3.0.3.tgz",
|
||||||
|
"integrity": "sha512-eURjAyz5iX1H8BOYAfzvdPfIKK53V7mCpBTe7Kb16PaM8JSXEcUQNBQaiWMI8wY5RvNOPj4GccMjTlfwRBd+oQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.26.9",
|
||||||
|
"fast-png": "^6.2.0",
|
||||||
|
"fflate": "^0.8.1"
|
||||||
|
},
|
||||||
|
"optionalDependencies": {
|
||||||
|
"canvg": "^3.0.11",
|
||||||
|
"core-js": "^3.6.0",
|
||||||
|
"dompurify": "^3.2.4",
|
||||||
|
"html2canvas": "^1.0.0-rc.5"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/jsx-ast-utils": {
|
"node_modules/jsx-ast-utils": {
|
||||||
"version": "3.3.5",
|
"version": "3.3.5",
|
||||||
"resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
|
"resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
|
||||||
@ -28473,6 +28598,12 @@
|
|||||||
"integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
|
"integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
|
||||||
"license": "BlueOak-1.0.0"
|
"license": "BlueOak-1.0.0"
|
||||||
},
|
},
|
||||||
|
"node_modules/pako": {
|
||||||
|
"version": "2.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz",
|
||||||
|
"integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==",
|
||||||
|
"license": "(MIT AND Zlib)"
|
||||||
|
},
|
||||||
"node_modules/param-case": {
|
"node_modules/param-case": {
|
||||||
"version": "3.0.4",
|
"version": "3.0.4",
|
||||||
"resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
|
"resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
|
||||||
@ -31496,6 +31627,16 @@
|
|||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/rgbcolor": {
|
||||||
|
"version": "1.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/rgbcolor/-/rgbcolor-1.0.1.tgz",
|
||||||
|
"integrity": "sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw==",
|
||||||
|
"license": "MIT OR SEE LICENSE IN FEEL-FREE.md",
|
||||||
|
"optional": true,
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.8.15"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/rimraf": {
|
"node_modules/rimraf": {
|
||||||
"version": "3.0.2",
|
"version": "3.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
|
"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
|
||||||
@ -32375,6 +32516,16 @@
|
|||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/stackblur-canvas": {
|
||||||
|
"version": "2.7.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/stackblur-canvas/-/stackblur-canvas-2.7.0.tgz",
|
||||||
|
"integrity": "sha512-yf7OENo23AGJhBriGx0QivY5JP6Y1HbrrDI6WLt6C5auYZXlQrheoY8hD4ibekFKz1HOfE48Ww8kMWMnJD/zcQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"engines": {
|
||||||
|
"node": ">=0.1.14"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/stackframe": {
|
"node_modules/stackframe": {
|
||||||
"version": "1.3.4",
|
"version": "1.3.4",
|
||||||
"resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz",
|
"resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz",
|
||||||
@ -32934,6 +33085,16 @@
|
|||||||
"integrity": "sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==",
|
"integrity": "sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
"node_modules/svg-pathdata": {
|
||||||
|
"version": "6.0.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/svg-pathdata/-/svg-pathdata-6.0.3.tgz",
|
||||||
|
"integrity": "sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/svgo": {
|
"node_modules/svgo": {
|
||||||
"version": "1.3.2",
|
"version": "1.3.2",
|
||||||
"resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
|
"resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
|
||||||
@ -33255,6 +33416,15 @@
|
|||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/text-segmentation": {
|
||||||
|
"version": "1.0.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/text-segmentation/-/text-segmentation-1.0.3.tgz",
|
||||||
|
"integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"utrie": "^1.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/text-table": {
|
"node_modules/text-table": {
|
||||||
"version": "0.2.0",
|
"version": "0.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
|
||||||
@ -33965,6 +34135,15 @@
|
|||||||
"node": ">= 0.4.0"
|
"node": ">= 0.4.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/utrie": {
|
||||||
|
"version": "1.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/utrie/-/utrie-1.0.2.tgz",
|
||||||
|
"integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"base64-arraybuffer": "^1.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/uuid": {
|
"node_modules/uuid": {
|
||||||
"version": "8.3.2",
|
"version": "8.3.2",
|
||||||
"resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
|
"resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
|
||||||
|
|||||||
@ -15,6 +15,7 @@
|
|||||||
"bootstrap-icons": "^1.13.1",
|
"bootstrap-icons": "^1.13.1",
|
||||||
"dayjs": "^1.11.18",
|
"dayjs": "^1.11.18",
|
||||||
"flatpickr": "^4.6.13",
|
"flatpickr": "^4.6.13",
|
||||||
|
"html2pdf.js": "^0.12.1",
|
||||||
"lucide-react": "^0.543.0",
|
"lucide-react": "^0.543.0",
|
||||||
"perfect-scrollbar": "^1.5.6",
|
"perfect-scrollbar": "^1.5.6",
|
||||||
"powershell": "^2.3.3",
|
"powershell": "^2.3.3",
|
||||||
|
|||||||
256
src/PagesMedico/DoctorRelatorioManager.jsx
Normal file
256
src/PagesMedico/DoctorRelatorioManager.jsx
Normal file
@ -0,0 +1,256 @@
|
|||||||
|
import API_KEY from '../components/utils/apiKeys';
|
||||||
|
import { Link } from 'react-router-dom';
|
||||||
|
import {useState, useEffect} from 'react'
|
||||||
|
import { useAuth } from '../components/utils/AuthProvider';
|
||||||
|
import { GetPatientByID } from '../components/utils/Functions-Endpoints/Patient';
|
||||||
|
import { useNavigate } from 'react-router-dom';
|
||||||
|
import html2pdf from 'html2pdf.js';
|
||||||
|
const DoctorRelatorioManager = () => {
|
||||||
|
const navigate = useNavigate()
|
||||||
|
const {getAuthorizationHeader} = useAuth();
|
||||||
|
let authHeader = getAuthorizationHeader()
|
||||||
|
const [RelatoriosFiltrados, setRelatorios] = useState([])
|
||||||
|
const [PacientesComRelatorios, setPacientesComRelatorios] = useState([])
|
||||||
|
const [showModal, setShowModal] = useState(false)
|
||||||
|
const [index, setIndex] = useState()
|
||||||
|
|
||||||
|
useEffect( () => {
|
||||||
|
let pacientesDosRelatorios = []
|
||||||
|
|
||||||
|
const ListarPacientes = async () => {
|
||||||
|
for (let i = 0; i < RelatoriosFiltrados.length; i++) {
|
||||||
|
let relatorio = RelatoriosFiltrados[i];
|
||||||
|
let paciente_id = relatorio.patient_id;
|
||||||
|
const paciente = await GetPatientByID(paciente_id, authHeader);
|
||||||
|
console.log(paciente)
|
||||||
|
if (paciente.length > 0) {
|
||||||
|
pacientesDosRelatorios.push(paciente[0]);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
setPacientesComRelatorios(pacientesDosRelatorios);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
ListarPacientes()
|
||||||
|
console.log(PacientesComRelatorios, 'aqui')
|
||||||
|
|
||||||
|
}, [RelatoriosFiltrados]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
var myHeaders = new Headers();
|
||||||
|
myHeaders.append("apikey", API_KEY);
|
||||||
|
myHeaders.append("Authorization", authHeader);
|
||||||
|
|
||||||
|
var requestOptions = {
|
||||||
|
method: 'GET',
|
||||||
|
headers: myHeaders,
|
||||||
|
redirect: 'follow'
|
||||||
|
};
|
||||||
|
|
||||||
|
fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/reports?patient_id&status", requestOptions)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => { setRelatorios(data); console.log(data) })
|
||||||
|
.catch(error => console.log('error', error));
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
const BaixarPDFdoRelatorio = (nome_paciente) => {
|
||||||
|
const elemento = document.getElementById("folhaA4"); // tua div do relatório
|
||||||
|
const opt = {
|
||||||
|
margin: 0,
|
||||||
|
filename: `relatorio_${nome_paciente || "paciente"}.pdf`,
|
||||||
|
html2canvas: { scale: 2 },
|
||||||
|
jsPDF: { unit: "mm", format: "a4", orientation: "portrait" },
|
||||||
|
};
|
||||||
|
|
||||||
|
html2pdf().set(opt).from(elemento).save();
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{showModal && (
|
||||||
|
<div className="modal" >
|
||||||
|
<div className="modal-dialog modal-tabela-relatorio">
|
||||||
|
<div className="modal-content">
|
||||||
|
<div className="modal-header text-white">
|
||||||
|
<h5 className="modal-title ">Relatório de {PacientesComRelatorios[index]?.full_name} </h5>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="btn-close"
|
||||||
|
onClick={() => setShowModal(false)}
|
||||||
|
></button>
|
||||||
|
</div>
|
||||||
|
<div className="modal-body">
|
||||||
|
<div id="folhaA4">
|
||||||
|
|
||||||
|
<div id='header-relatorio'>
|
||||||
|
<p>Clinica Rise up</p>
|
||||||
|
<p>Dr - CRM/SP 123456</p>
|
||||||
|
<p>Avenida - (79) 9 4444-4444</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id='infoPaciente'>
|
||||||
|
<p>Paciente: {PacientesComRelatorios[index]?.full_name}</p>
|
||||||
|
<p>Data de nascimento: {PacientesComRelatorios[index]?.birth_date} </p>
|
||||||
|
|
||||||
|
<p>Data do exame: {}</p>
|
||||||
|
|
||||||
|
<p>Exame: {RelatoriosFiltrados[index]?.exam}</p>
|
||||||
|
|
||||||
|
<p>Diagnostico: {RelatoriosFiltrados[index]?.diagnosis}</p>
|
||||||
|
<p>Conclusão: {RelatoriosFiltrados[index]?.conclusion}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p>Dr {RelatoriosFiltrados[index]?.required_by}</p>
|
||||||
|
<p>Emitido em: 0</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="modal-footer">
|
||||||
|
|
||||||
|
<button className="btn btn-primary" onClick={() => BaixarPDFdoRelatorio(PacientesComRelatorios[index]?.full_name)}><i className='bi bi-file-pdf-fill'></i> baixar em pdf</button>
|
||||||
|
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="btn btn-primary"
|
||||||
|
onClick={() => {setShowModal(false)}}
|
||||||
|
>
|
||||||
|
Fechar
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
|
||||||
|
<div className="page-heading">
|
||||||
|
<h3>Lista de Relatórios</h3>
|
||||||
|
</div>
|
||||||
|
<div className="page-content">
|
||||||
|
<section className="row">
|
||||||
|
<div className="col-12">
|
||||||
|
<div className="card">
|
||||||
|
<div className="card-header d-flex justify-content-between align-items-center">
|
||||||
|
<h4 className="card-title mb-0">Relatórios Cadastrados</h4>
|
||||||
|
<Link to={'criar'}>
|
||||||
|
<button
|
||||||
|
className="btn btn-primary"
|
||||||
|
>
|
||||||
|
<i className="bi bi-plus-circle"></i> Adicionar Relatório
|
||||||
|
</button>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="card-body">
|
||||||
|
<div className="card p-3 mb-3">
|
||||||
|
<h5 className="mb-3">
|
||||||
|
<i className="bi bi-funnel-fill me-2 text-primary"></i>{" "}
|
||||||
|
Filtros
|
||||||
|
</h5>
|
||||||
|
|
||||||
|
<div
|
||||||
|
className="d-flex flex-nowrap align-items-center gap-2"
|
||||||
|
style={{ overflowX: "auto", paddingBottom: "6px" }}
|
||||||
|
>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="form-control"
|
||||||
|
placeholder="Buscar por nome..."
|
||||||
|
|
||||||
|
|
||||||
|
style={{
|
||||||
|
minWidth: 250,
|
||||||
|
maxWidth: 300,
|
||||||
|
width: 260,
|
||||||
|
flex: "0 0 auto",
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="table-responsive">
|
||||||
|
<table className="table table-striped table-hover">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
|
||||||
|
<th>Paciente</th>
|
||||||
|
<th>CPF</th>
|
||||||
|
|
||||||
|
<th>Exame</th>
|
||||||
|
|
||||||
|
<th></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{RelatoriosFiltrados.length > 0 ? (
|
||||||
|
RelatoriosFiltrados.map((relatorio, index) => (
|
||||||
|
<tr key={relatorio.id}>
|
||||||
|
|
||||||
|
<td className='infos-paciente'>{PacientesComRelatorios[index]?.full_name}</td>
|
||||||
|
<td className='infos-paciente'>{PacientesComRelatorios[index]?.cpf}</td>
|
||||||
|
<td>{relatorio.exam}</td>
|
||||||
|
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div className="d-flex gap-2">
|
||||||
|
|
||||||
|
<button
|
||||||
|
className="btn btn-sm"
|
||||||
|
style={{
|
||||||
|
backgroundColor: "#E6F2FF",
|
||||||
|
color: "#004085",
|
||||||
|
}}
|
||||||
|
onClick={() => {
|
||||||
|
setShowModal(true); setIndex(index)
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<i className="bi bi-eye me-1"></i> Ver Detalhes
|
||||||
|
</button>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<button
|
||||||
|
className="btn btn-sm"
|
||||||
|
style={{
|
||||||
|
backgroundColor: "#FFF3CD",
|
||||||
|
color: "#856404",
|
||||||
|
}}
|
||||||
|
onClick={() => {
|
||||||
|
|
||||||
|
navigate(`/medico/relatorios/${relatorio.id}/edit`)
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<i className="bi bi-pencil me-1"></i> Editar
|
||||||
|
</button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
))
|
||||||
|
) : (
|
||||||
|
<tr>
|
||||||
|
<td colSpan="8" className="text-center">
|
||||||
|
Nenhum paciente encontrado.
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
)}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default DoctorRelatorioManager
|
||||||
65
src/PagesMedico/EditPageRelatorio.jsx
Normal file
65
src/PagesMedico/EditPageRelatorio.jsx
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
import React, { useEffect, useState } from 'react'
|
||||||
|
import FormRelatorio from '../components/FormRelatorio'
|
||||||
|
import { useParams } from 'react-router-dom'
|
||||||
|
import API_KEY from '../components/utils/apiKeys'
|
||||||
|
import { useAuth } from '../components/utils/AuthProvider'
|
||||||
|
const EditPageRelatorio = () => {
|
||||||
|
const params = useParams()
|
||||||
|
const {getAuthorizationHeader} = useAuth()
|
||||||
|
let authHeader = getAuthorizationHeader()
|
||||||
|
const [DictInfo, setDictInfo] = useState({})
|
||||||
|
|
||||||
|
let RelatorioID = params.id
|
||||||
|
|
||||||
|
const handleSave = (RelatorioInfos) => {
|
||||||
|
var myHeaders = new Headers();
|
||||||
|
myHeaders.append("apikey", API_KEY);
|
||||||
|
myHeaders.append("Authorization", authHeader);
|
||||||
|
myHeaders.append("Content-Type", "application/json");
|
||||||
|
|
||||||
|
const raw = JSON.stringify({...RelatorioInfos, order_number:'REL-2025-4386'})
|
||||||
|
|
||||||
|
console.log(RelatorioInfos)
|
||||||
|
|
||||||
|
var requestOptions = {
|
||||||
|
method: 'PATCH',
|
||||||
|
headers: myHeaders,
|
||||||
|
body: raw,
|
||||||
|
redirect: 'follow'
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/reports?id=eq.${RelatorioID}`, requestOptions)
|
||||||
|
.then(response => response.text())
|
||||||
|
.then(result => console.log(result))
|
||||||
|
.catch(error => console.log('error', error));
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
var myHeaders = new Headers();
|
||||||
|
myHeaders.append("apikey", API_KEY);
|
||||||
|
myHeaders.append("Authorization", authHeader);
|
||||||
|
|
||||||
|
var requestOptions = {
|
||||||
|
method: 'GET',
|
||||||
|
headers: myHeaders,
|
||||||
|
redirect: 'follow'
|
||||||
|
};
|
||||||
|
|
||||||
|
fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/reports?id=eq.${RelatorioID}`, requestOptions)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(result => setDictInfo(result[0]))
|
||||||
|
.catch(error => console.log('error', error));
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
console.log(RelatorioID)
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<FormRelatorio DictInfo={DictInfo} setDictInfo={setDictInfo} onSave={handleSave}/>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default EditPageRelatorio
|
||||||
44
src/PagesMedico/FormNovoRelatorio.jsx
Normal file
44
src/PagesMedico/FormNovoRelatorio.jsx
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
|
||||||
|
import '../PagesMedico/styleMedico/FormNovoRelatorio.css'
|
||||||
|
import API_KEY from '../components/utils/apiKeys'
|
||||||
|
import FormRelatorio from '../components/FormRelatorio'
|
||||||
|
import { useState } from 'react'
|
||||||
|
import { useAuth } from '../components/utils/AuthProvider'
|
||||||
|
const FormNovoRelatorio = () => {
|
||||||
|
const [DictInfo, setDictInfo] = useState({})
|
||||||
|
|
||||||
|
const {getAuthorizationHeader} = useAuth()
|
||||||
|
let authHeader = getAuthorizationHeader()
|
||||||
|
|
||||||
|
const handleSave = (data) => {
|
||||||
|
console.log("Relatório salvo:", data);
|
||||||
|
|
||||||
|
var myHeaders = new Headers();
|
||||||
|
myHeaders.append("apikey", API_KEY);
|
||||||
|
myHeaders.append("Authorization", authHeader);
|
||||||
|
myHeaders.append("Content-Type", "application/json");
|
||||||
|
|
||||||
|
var raw = JSON.stringify({...data});
|
||||||
|
|
||||||
|
var requestOptions = {
|
||||||
|
method: 'POST',
|
||||||
|
headers: myHeaders,
|
||||||
|
body: raw,
|
||||||
|
redirect: 'follow'
|
||||||
|
};
|
||||||
|
|
||||||
|
fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/reports", requestOptions)
|
||||||
|
.then(response => response.text())
|
||||||
|
.then(result => console.log(result))
|
||||||
|
.catch(error => console.log('error', error));
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<h3>Criar Novo Relatorio</h3>
|
||||||
|
<FormRelatorio DictInfo={DictInfo} setDictInfo={setDictInfo} onSave={handleSave} />
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default FormNovoRelatorio
|
||||||
55
src/PagesMedico/styleMedico/FormNovoRelatorio.css
Normal file
55
src/PagesMedico/styleMedico/FormNovoRelatorio.css
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
#folhaA4 {
|
||||||
|
width: 210mm;
|
||||||
|
min-height: 207mm;
|
||||||
|
padding: 20mm;
|
||||||
|
margin: 10mm auto;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
background: white;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#primeiraLinha{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
gap: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input,textarea,label{
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea{
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.submitButton{
|
||||||
|
display: flex;
|
||||||
|
margin-left: auto;
|
||||||
|
height:50% ;
|
||||||
|
padding: 8px 20px;
|
||||||
|
|
||||||
|
font-size: medium;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bi-download{
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin-right: 5px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#infoPaciente{
|
||||||
|
margin-top: 50px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header-relatorio{
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-paciente{
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
@ -269,3 +269,24 @@ html[data-bs-theme="dark"] td {
|
|||||||
border-bottom: 1px solid var(--cor-borda);
|
border-bottom: 1px solid var(--cor-borda);
|
||||||
color: var(--cor-texto);
|
color: var(--cor-texto);
|
||||||
}
|
}
|
||||||
|
.modal-tabela-relatorio{
|
||||||
|
width: 70rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog.modal-tabela-relatorio {
|
||||||
|
max-width: 900px; /* largura máxima da modal */
|
||||||
|
width: 100%; /* ocupa até o limite */
|
||||||
|
margin: 1.75rem auto; /* centraliza vertical e horizontalmente */
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-content {
|
||||||
|
height: auto; /* altura variável conforme o conteúdo */
|
||||||
|
max-height: none; /* remove limite interno */
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-body {
|
||||||
|
max-height: 70vh; /* limite vertical — 80% da altura da tela */
|
||||||
|
overflow-y: auto; /* ativa rolagem vertical */
|
||||||
|
overflow-x: hidden; /* impede rolagem horizontal */
|
||||||
|
padding: 20px; /* espaço interno mais agradável */
|
||||||
|
}
|
||||||
|
|||||||
201
src/components/FormRelatorio.jsx
Normal file
201
src/components/FormRelatorio.jsx
Normal file
@ -0,0 +1,201 @@
|
|||||||
|
import React from 'react'
|
||||||
|
import '../PagesMedico/styleMedico/FormNovoRelatorio.css'
|
||||||
|
import { useState } from 'react'
|
||||||
|
import { useNavigate } from 'react-router-dom'
|
||||||
|
import { useAuth } from '../components/utils/AuthProvider'
|
||||||
|
import { GetPatientByCPF } from '../components/utils/Functions-Endpoints/Patient'
|
||||||
|
import { FormatCPF } from '../components/utils/Formatar/Format'
|
||||||
|
import html2pdf from 'html2pdf.js'
|
||||||
|
|
||||||
|
const FormRelatorio = ({onSave, DictInfo, setDictInfo }) => {
|
||||||
|
const {getAuthorizationHeader} = useAuth()
|
||||||
|
let authHeader = getAuthorizationHeader()
|
||||||
|
const navigate= useNavigate()
|
||||||
|
|
||||||
|
const [showModal, setShowModal] = useState(false)
|
||||||
|
|
||||||
|
const BaixarPDFdoRelatorio = () => {
|
||||||
|
const elemento = document.getElementById("folhaA4"); // tua div do relatório
|
||||||
|
const opt = {
|
||||||
|
margin: 0,
|
||||||
|
filename: `relatorio_${DictInfo?.paciente_nome || "paciente"}.pdf`,
|
||||||
|
html2canvas: { scale: 2 },
|
||||||
|
jsPDF: { unit: "mm", format: "a4", orientation: "portrait" },
|
||||||
|
};
|
||||||
|
|
||||||
|
html2pdf().set(opt).from(elemento).save();
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleChange = (e) => {
|
||||||
|
const { name, value } = e.target;
|
||||||
|
console.log(name, value)
|
||||||
|
if(name === 'paciente_cpf') {
|
||||||
|
const formattedCPF = FormatCPF(value);
|
||||||
|
setDictInfo((prev) => ({ ...prev, [name]: formattedCPF }));
|
||||||
|
|
||||||
|
const fetchPatient = async () => {
|
||||||
|
const patientData = await GetPatientByCPF(formattedCPF, authHeader);
|
||||||
|
if (patientData) {
|
||||||
|
setDictInfo((prev) => ({
|
||||||
|
...prev,
|
||||||
|
paciente_cpf:value,
|
||||||
|
paciente_nome: patientData.full_name,
|
||||||
|
paciente_id: patientData.id
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
};
|
||||||
|
if(formattedCPF.length === 14){
|
||||||
|
fetchPatient();
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
setDictInfo((prev) => ({ ...prev, [name]: value }));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleSubmit = (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
console.log(DictInfo)
|
||||||
|
setShowModal(true)
|
||||||
|
|
||||||
|
|
||||||
|
onSave({
|
||||||
|
"patient_id": DictInfo.paciente_id,
|
||||||
|
|
||||||
|
"exam": DictInfo.exam,
|
||||||
|
"diagnosis": DictInfo.diagnosis,
|
||||||
|
"conclusion": DictInfo.conclusao,
|
||||||
|
"status": "draft",
|
||||||
|
"requested_by": DictInfo.requested_by,
|
||||||
|
|
||||||
|
"hide_date": false,
|
||||||
|
"hide_signature": false,
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{showModal &&(
|
||||||
|
<div className="modal" style={{ display: 'block', backgroundColor: 'rgba(0,0,0,0.5)' }}>
|
||||||
|
<div className="modal-dialog">
|
||||||
|
<div className="modal-content">
|
||||||
|
<div className="modal-header bg-success text-white">
|
||||||
|
<h5 className="modal-title ">Relatório criado com sucesso</h5>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="btn-close"
|
||||||
|
onClick={() => setShowModal(false)}
|
||||||
|
></button>
|
||||||
|
</div>
|
||||||
|
<div className="modal-body">
|
||||||
|
<p>Você também pode baixa-lo agora em pdf</p>
|
||||||
|
</div>
|
||||||
|
<div className="modal-footer">
|
||||||
|
<button className="btn btn-primary" onClick={ BaixarPDFdoRelatorio}><i className='bi bi-file-pdf-fill'></i> baixar em pdf</button>
|
||||||
|
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="btn btn-primary"
|
||||||
|
onClick={() => {setShowModal(false); navigate(('/medico/relatorios'))}}
|
||||||
|
>
|
||||||
|
Fechar
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
|
||||||
|
<div className='card'>
|
||||||
|
|
||||||
|
<form action="" onSubmit={handleSubmit}>
|
||||||
|
<div id='primeiraLinha'>
|
||||||
|
|
||||||
|
<div className="col-md-2 mb-3">
|
||||||
|
<label >Nome do paciente:</label>
|
||||||
|
<input type="text" step="0.1" className="form-control" name="paciente_nome" onChange={handleChange} value={DictInfo.paciente_nome || ''} required />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="col-md-2 mb-3">
|
||||||
|
<label >CPF do paciente:</label>
|
||||||
|
<input type="text" step="0.1" className="form-control" name="paciente_cpf" onChange={handleChange} value={DictInfo.paciente_cpf || ''} required />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div className="col-md-2 mb-3">
|
||||||
|
<label >Nome do médico:</label>
|
||||||
|
<input type="text" step="0.1" className="form-control" name="requested_by" onChange={handleChange} value={DictInfo.requested_by || ''} required />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="col-md-2 mb-3">
|
||||||
|
<label >Exame:</label>
|
||||||
|
<input type="text" className="form-control" name="exam" onChange={handleChange} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div className="col-md-2 mb-3">
|
||||||
|
<label >Data do exame:</label>
|
||||||
|
<input type="date" className="form-control" name="data_exame" onChange={handleChange} value={DictInfo.data_exame || ''} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className='row'>
|
||||||
|
<div className="col-md-2 mb-3">
|
||||||
|
<label htmlFor='diagnostico'>Diagnostico:</label>
|
||||||
|
<textarea name="diagnostico" id="diagnostico" onChange={handleChange} cols="30" rows="5" value={DictInfo.diagnostico || ''}></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="col-md-2 mb-3">
|
||||||
|
<label htmlFor='conclusao'>Conclusão:</label>
|
||||||
|
<textarea name="conclusao" id="conclusao" onChange={handleChange} cols="30" rows="5" value={DictInfo.conclusao || ''}></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button
|
||||||
|
className="btn btn-success submitButton"
|
||||||
|
type='submit'
|
||||||
|
>
|
||||||
|
Salvar
|
||||||
|
</button>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3>Modelo do relatório</h3>
|
||||||
|
<div id="folhaA4">
|
||||||
|
|
||||||
|
<div id='header-relatorio'>
|
||||||
|
<p>Clinica Rise up</p>
|
||||||
|
<p>Dr {DictInfo.requested_by} - CRM/SP 123456</p>
|
||||||
|
<p>Avenida - (79) 9 4444-4444</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id='infoPaciente'>
|
||||||
|
<p>Paciente: {DictInfo?.paciente_nome}</p>
|
||||||
|
<p>Data de nascimento: </p>
|
||||||
|
|
||||||
|
<p>Data do exame: {DictInfo.data_exam}</p>
|
||||||
|
|
||||||
|
<p>Exame: {DictInfo.exam}</p>
|
||||||
|
|
||||||
|
<p>Diagnostico: {DictInfo.diagnostico}</p>
|
||||||
|
|
||||||
|
<p>Conclusão: {DictInfo.conclusao}</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p>Dr {DictInfo.requested_by}</p>
|
||||||
|
<p>Emitido em: 0</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default FormRelatorio
|
||||||
@ -1,43 +1,97 @@
|
|||||||
import React, { useState, useEffect } from "react";
|
import React, { useState, useEffect } from "react";
|
||||||
import { Link } from "react-router-dom";
|
import { Link, useNavigate } from "react-router-dom";
|
||||||
import menuItems from "../data/sidebar-items-medico.json"; // Use "sidebar-items-secretaria.json" para secretaria e "sidebar-items-adm.json" para ADM
|
|
||||||
import TrocardePerfis from "./TrocardePerfis";
|
import TrocardePerfis from "./TrocardePerfis";
|
||||||
import MobileMenuToggle from "./MobileMenuToggle";
|
import MobileMenuToggle from "./MobileMenuToggle";
|
||||||
|
|
||||||
// 1. Recebe 'menuItems' e 'onLogout' como props
|
function Sidebar({ menuItems }) {
|
||||||
function Sidebar({ menuItems, onLogout }) {
|
|
||||||
const [isActive, setIsActive] = useState(true);
|
const [isActive, setIsActive] = useState(true);
|
||||||
const [openSubmenu, setOpenSubmenu] = useState(null);
|
const [openSubmenu, setOpenSubmenu] = useState(null);
|
||||||
const [isMobile, setIsMobile] = useState(false);
|
const [isMobile, setIsMobile] = useState(false);
|
||||||
|
const [showLogoutModal, setShowLogoutModal] = useState(false);
|
||||||
|
const navigate = useNavigate();
|
||||||
|
|
||||||
// Detectar se é mobile/tablet
|
// Detecta se é mobile/tablet
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const checkScreenSize = () => {
|
const checkScreenSize = () => {
|
||||||
setIsMobile(window.innerWidth < 992);
|
const mobile = window.innerWidth < 992;
|
||||||
// Em mobile/tablet, sidebar começa fechada
|
setIsMobile(mobile);
|
||||||
if (window.innerWidth < 992) {
|
setIsActive(!mobile);
|
||||||
setIsActive(false);
|
|
||||||
} else {
|
|
||||||
setIsActive(true);
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
checkScreenSize();
|
checkScreenSize();
|
||||||
window.addEventListener("resize", checkScreenSize);
|
window.addEventListener("resize", checkScreenSize);
|
||||||
|
|
||||||
return () => window.removeEventListener("resize", checkScreenSize);
|
return () => window.removeEventListener("resize", checkScreenSize);
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
const toggleSidebar = () => {
|
const toggleSidebar = () => setIsActive(!isActive);
|
||||||
setIsActive(!isActive);
|
const handleSubmenuClick = (submenuName) =>
|
||||||
|
setOpenSubmenu(openSubmenu === submenuName ? null : submenuName);
|
||||||
|
|
||||||
|
const handleLogoutClick = () => setShowLogoutModal(true);
|
||||||
|
|
||||||
|
const handleLogoutConfirm = async () => {
|
||||||
|
try {
|
||||||
|
const token =
|
||||||
|
localStorage.getItem("token") ||
|
||||||
|
localStorage.getItem("authToken") ||
|
||||||
|
localStorage.getItem("userToken") ||
|
||||||
|
localStorage.getItem("access_token") ||
|
||||||
|
sessionStorage.getItem("token") ||
|
||||||
|
sessionStorage.getItem("authToken");
|
||||||
|
|
||||||
|
if (token) {
|
||||||
|
const response = await fetch(
|
||||||
|
"https://mock.apidog.com/m1/1053378-0-default/auth/v1/logout",
|
||||||
|
{
|
||||||
|
method: "POST",
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
Authorization: `Bearer ${token}`,
|
||||||
|
},
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
if (response.status === 204) console.log("Logout realizado com sucesso");
|
||||||
|
else if (response.status === 401) console.log("Token inválido ou expirado");
|
||||||
|
else {
|
||||||
|
try {
|
||||||
|
const errorData = await response.json();
|
||||||
|
console.error("Erro no logout:", errorData);
|
||||||
|
} catch {
|
||||||
|
console.error("Erro no logout - status:", response.status);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
clearAuthData();
|
||||||
|
navigate("/login");
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Erro durante logout:", error);
|
||||||
|
clearAuthData();
|
||||||
|
navigate("/login");
|
||||||
|
} finally {
|
||||||
|
setShowLogoutModal(false);
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleSubmenuClick = (submenuName) => {
|
const clearAuthData = () => {
|
||||||
setOpenSubmenu(openSubmenu === submenuName ? null : submenuName);
|
["token","authToken","userToken","access_token","user","auth","userData"].forEach(key => {
|
||||||
|
localStorage.removeItem(key);
|
||||||
|
sessionStorage.removeItem(key);
|
||||||
|
});
|
||||||
|
|
||||||
|
if (window.caches) {
|
||||||
|
caches.keys().then(names => {
|
||||||
|
names.forEach(name => {
|
||||||
|
if (name.includes("auth") || name.includes("api")) caches.delete(name);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleLogoutCancel = () => setShowLogoutModal(false);
|
||||||
|
|
||||||
const renderLink = (item) => {
|
const renderLink = (item) => {
|
||||||
// Links internos (rotas do React Router)
|
|
||||||
if (item.url && item.url.startsWith("/")) {
|
if (item.url && item.url.startsWith("/")) {
|
||||||
return (
|
return (
|
||||||
<Link to={item.url} className="sidebar-link">
|
<Link to={item.url} className="sidebar-link">
|
||||||
@ -46,15 +100,8 @@ function Sidebar({ menuItems, onLogout }) {
|
|||||||
</Link>
|
</Link>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Links externos
|
|
||||||
return (
|
return (
|
||||||
<a
|
<a href={item.url} className="sidebar-link" target="_blank" rel="noreferrer">
|
||||||
href={item.url}
|
|
||||||
className="sidebar-link"
|
|
||||||
target="_blank"
|
|
||||||
rel="noreferrer"
|
|
||||||
>
|
|
||||||
{item.icon && <i className={`bi bi-${item.icon}`}></i>}
|
{item.icon && <i className={`bi bi-${item.icon}`}></i>}
|
||||||
<span>{item.name}</span>
|
<span>{item.name}</span>
|
||||||
</a>
|
</a>
|
||||||
@ -63,12 +110,8 @@ function Sidebar({ menuItems, onLogout }) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{/* Botão toggle para mobile */}
|
{/* Toggle e backdrop para mobile */}
|
||||||
{isMobile && (
|
{isMobile && <MobileMenuToggle isOpen={isActive} onToggle={toggleSidebar} />}
|
||||||
<MobileMenuToggle isOpen={isActive} onToggle={toggleSidebar} />
|
|
||||||
)}
|
|
||||||
|
|
||||||
{/* Backdrop para mobile */}
|
|
||||||
{isMobile && isActive && (
|
{isMobile && isActive && (
|
||||||
<div
|
<div
|
||||||
className="sidebar-backdrop"
|
className="sidebar-backdrop"
|
||||||
@ -79,17 +122,78 @@ function Sidebar({ menuItems, onLogout }) {
|
|||||||
left: 0,
|
left: 0,
|
||||||
width: "100vw",
|
width: "100vw",
|
||||||
height: "100vh",
|
height: "100vh",
|
||||||
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
backgroundColor: "rgba(0,0,0,0.5)",
|
||||||
zIndex: 1040,
|
zIndex: 1040,
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
{/* Modal de Logout */}
|
||||||
|
{showLogoutModal && (
|
||||||
|
<div
|
||||||
|
className="modal-overlay"
|
||||||
|
style={{
|
||||||
|
position: "fixed",
|
||||||
|
top: 0,
|
||||||
|
left: 0,
|
||||||
|
right: 0,
|
||||||
|
bottom: 0,
|
||||||
|
backgroundColor: "rgba(0,0,0,0.5)",
|
||||||
|
display: "flex",
|
||||||
|
justifyContent: "center",
|
||||||
|
alignItems: "center",
|
||||||
|
zIndex: 9999,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="modal-content"
|
||||||
|
style={{
|
||||||
|
backgroundColor: "white",
|
||||||
|
padding: "2rem",
|
||||||
|
borderRadius: "8px",
|
||||||
|
boxShadow: "0 4px 6px rgba(0,0,0,0.1)",
|
||||||
|
maxWidth: "400px",
|
||||||
|
width: "90%",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<h3 style={{ marginBottom: "1rem" }}>Confirmar Logout</h3>
|
||||||
|
<p style={{ marginBottom: "2rem" }}>Tem certeza que deseja encerrar a sessão?</p>
|
||||||
|
<div style={{ display: "flex", gap: "1rem", justifyContent: "flex-end" }}>
|
||||||
|
<button
|
||||||
|
onClick={handleLogoutCancel}
|
||||||
|
style={{
|
||||||
|
padding: "0.5rem 1rem",
|
||||||
|
border: "1px solid #ccc",
|
||||||
|
borderRadius: "4px",
|
||||||
|
backgroundColor: "transparent",
|
||||||
|
cursor: "pointer",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Cancelar
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
onClick={handleLogoutConfirm}
|
||||||
|
style={{
|
||||||
|
padding: "0.5rem 1rem",
|
||||||
|
border: "none",
|
||||||
|
borderRadius: "4px",
|
||||||
|
backgroundColor: "#dc3545",
|
||||||
|
color: "white",
|
||||||
|
cursor: "pointer",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Sair
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Sidebar */}
|
||||||
<div id="sidebar" className={isActive ? "active" : ""}>
|
<div id="sidebar" className={isActive ? "active" : ""}>
|
||||||
<div className="sidebar-wrapper active">
|
<div className="sidebar-wrapper active">
|
||||||
<div className="sidebar-header">
|
<div className="sidebar-header">
|
||||||
{/* ... Header... */}
|
<div className="d-flex justify-content-between">
|
||||||
<div className="d-flex justify-content-between align-items-center">
|
|
||||||
<div className="logo">
|
<div className="logo">
|
||||||
<Link to="/">
|
<Link to="/">
|
||||||
<h1>MediConnect</h1>
|
<h1>MediConnect</h1>
|
||||||
@ -98,11 +202,8 @@ function Sidebar({ menuItems, onLogout }) {
|
|||||||
<div className="toggler">
|
<div className="toggler">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
className={`sidebar-hide btn ${
|
className="sidebar-hide d-xl-none d-block btn"
|
||||||
isMobile ? "d-block" : "d-xl-none d-block"
|
|
||||||
}`}
|
|
||||||
onClick={toggleSidebar}
|
onClick={toggleSidebar}
|
||||||
aria-label="Fechar menu"
|
|
||||||
>
|
>
|
||||||
<i className="bi bi-x bi-middle"></i>
|
<i className="bi bi-x bi-middle"></i>
|
||||||
</button>
|
</button>
|
||||||
@ -114,15 +215,14 @@ function Sidebar({ menuItems, onLogout }) {
|
|||||||
<ul className="menu">
|
<ul className="menu">
|
||||||
{menuItems &&
|
{menuItems &&
|
||||||
menuItems.map((item, index) => {
|
menuItems.map((item, index) => {
|
||||||
if (item.isTitle) {
|
if (item.isTitle)
|
||||||
return (
|
return (
|
||||||
<li key={index} className="sidebar-title">
|
<li key={index} className="sidebar-title">
|
||||||
{item.name}
|
{item.name}
|
||||||
</li>
|
</li>
|
||||||
);
|
);
|
||||||
}
|
|
||||||
|
|
||||||
if (item.submenu) {
|
if (item.submenu)
|
||||||
return (
|
return (
|
||||||
<li
|
<li
|
||||||
key={index}
|
key={index}
|
||||||
@ -130,7 +230,6 @@ function Sidebar({ menuItems, onLogout }) {
|
|||||||
openSubmenu === item.key ? "active" : ""
|
openSubmenu === item.key ? "active" : ""
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
{/* ... Lógica de Submenu ... */}
|
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
className="sidebar-link btn"
|
className="sidebar-link btn"
|
||||||
@ -152,7 +251,6 @@ function Sidebar({ menuItems, onLogout }) {
|
|||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
);
|
);
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<li key={index} className="sidebar-item">
|
<li key={index} className="sidebar-item">
|
||||||
@ -160,9 +258,14 @@ function Sidebar({ menuItems, onLogout }) {
|
|||||||
</li>
|
</li>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
{/* 3. Adiciona o botão de logout no final do menu */}
|
|
||||||
<li className="sidebar-item" onClick={onLogout}>
|
{/* Logout */}
|
||||||
<button type="button" className="sidebar-link btn">
|
<li className="sidebar-item">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="sidebar-link btn"
|
||||||
|
onClick={handleLogoutClick}
|
||||||
|
>
|
||||||
<i className="bi bi-box-arrow-right"></i>
|
<i className="bi bi-box-arrow-right"></i>
|
||||||
<span>Sair (Logout)</span>
|
<span>Sair (Logout)</span>
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@ -1,82 +1,60 @@
|
|||||||
import {React, useState, useEffect} from 'react'
|
import React, { useState, useEffect } from "react";
|
||||||
import { useNavigate, useLocation } from 'react-router-dom'
|
import { useNavigate, useLocation } from "react-router-dom";
|
||||||
import { UserInfos } from './utils/Functions-Endpoints/General';
|
import { UserInfos } from "./utils/Functions-Endpoints/General";
|
||||||
import { useAuth } from './utils/AuthProvider';
|
import { useAuth } from "./utils/AuthProvider";
|
||||||
import './Estilo/TrocardePerfis.css'
|
import "../pages/style/TrocardePerfis.css";
|
||||||
|
|
||||||
const TrocardePerfis = () => {
|
const TrocardePerfis = () => {
|
||||||
const location = useLocation();
|
const location = useLocation();
|
||||||
|
const navigate = useNavigate();
|
||||||
const [selectedProfile, setSelectedProfile] = useState('');
|
|
||||||
const { getAuthorizationHeader } = useAuth();
|
const { getAuthorizationHeader } = useAuth();
|
||||||
|
|
||||||
|
const [selectedProfile, setSelectedProfile] = useState("");
|
||||||
const [showProfiles, setShowProfiles] = useState([]);
|
const [showProfiles, setShowProfiles] = useState([]);
|
||||||
const navigate = useNavigate();
|
|
||||||
|
|
||||||
let authHeader = getAuthorizationHeader();
|
useEffect(() => {
|
||||||
console.log('AUTH HEADER', authHeader)
|
const fetchData = async () => {
|
||||||
|
const authHeader = getAuthorizationHeader();
|
||||||
|
setSelectedProfile(location.pathname || "");
|
||||||
|
const userInfo = await UserInfos(authHeader);
|
||||||
|
setShowProfiles(userInfo?.roles || []);
|
||||||
|
};
|
||||||
|
fetchData();
|
||||||
|
}, [location.pathname, getAuthorizationHeader]);
|
||||||
|
|
||||||
|
const handleSelectChange = (e) => {
|
||||||
const handleProfileClick = (route) => {
|
const route = e.target.value;
|
||||||
|
setSelectedProfile(route);
|
||||||
navigate(route);
|
if (route) navigate(route);
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const fetchData = async () => {
|
|
||||||
setSelectedProfile(location.pathname);
|
|
||||||
const userInfo = await UserInfos(authHeader);
|
|
||||||
setShowProfiles(userInfo?.roles || []);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
fetchData();
|
const options = [
|
||||||
}, []);
|
{ key: "secretaria", label: "Secretaria", route: "/secretaria" },
|
||||||
|
{ key: "medico", label: "Médico", route: "/medico" },
|
||||||
|
{ key: "financeiro", label: "Financeiro", route: "/financeiro" },
|
||||||
|
{ key: "admin", label: "Administração", route: "/admin" },
|
||||||
|
].filter(
|
||||||
|
(opt) =>
|
||||||
|
showProfiles?.includes(opt.key) || showProfiles?.includes("admin")
|
||||||
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
<div className="container-perfis">
|
||||||
<div className='container-perfis'>
|
<p className="acesso-text">Acesso aos módulos:</p>
|
||||||
|
<select
|
||||||
<p>Acesso aos modulos:</p>
|
className="perfil-select"
|
||||||
<div id='primeiro-conjunto-botoes'>
|
value={selectedProfile}
|
||||||
{(showProfiles?.includes('secretaria') || showProfiles?.includes('admin')) && (
|
onChange={handleSelectChange}
|
||||||
<button
|
>
|
||||||
className={`perfil-button${selectedProfile === '/secretaria' ? ' selecionado' : ''}`}
|
<option value="">Selecionar perfil</option>
|
||||||
onClick={() => handleProfileClick('/secretaria')}
|
{options.map((opt) => (
|
||||||
>
|
<option key={opt.key} value={opt.route}>
|
||||||
Secretaria
|
{opt.label}
|
||||||
</button>
|
</option>
|
||||||
)}
|
))}
|
||||||
{(showProfiles?.includes('medico') || showProfiles?.includes('admin')) && (
|
</select>
|
||||||
<button
|
|
||||||
className={`perfil-button${selectedProfile === '/medico' ? ' selecionado' : ''}`}
|
|
||||||
onClick={() => handleProfileClick('/medico')}
|
|
||||||
>
|
|
||||||
Médicos
|
|
||||||
</button>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id='segundo-conjunto-botoes'>
|
|
||||||
{(showProfiles?.includes('financeiro') || showProfiles?.includes('admin')) && (
|
|
||||||
<button
|
|
||||||
className={`perfil-button${selectedProfile === '/financeiro' ? ' selecionado' : ''}`}
|
|
||||||
onClick={() => handleProfileClick('/financeiro')}
|
|
||||||
>
|
|
||||||
Financeiro
|
|
||||||
</button>
|
|
||||||
)}
|
|
||||||
{showProfiles?.includes('admin') && (
|
|
||||||
<button
|
|
||||||
|
|
||||||
className={`perfil-button${selectedProfile === '/admin' ? ' selecionado' : ''}`}
|
|
||||||
onClick={() => handleProfileClick('/admin')}
|
|
||||||
>
|
|
||||||
Administração
|
|
||||||
</button>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
)
|
);
|
||||||
}
|
};
|
||||||
|
|
||||||
export default TrocardePerfis
|
export default TrocardePerfis;
|
||||||
@ -1,11 +1,10 @@
|
|||||||
import React, { useState } from 'react';
|
import React, { useState, useRef } from 'react';
|
||||||
import { Link,useNavigate, useLocation } from 'react-router-dom';
|
import { Link, useNavigate, useLocation } from 'react-router-dom';
|
||||||
|
|
||||||
function DoctorForm({ onSave, onCancel, formData, setFormData }) {
|
function DoctorForm({ onSave, onCancel, formData, setFormData, isLoading }) {
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const location = useLocation();
|
const location = useLocation();
|
||||||
|
|
||||||
// Funções para formatar telefone e CPF
|
|
||||||
const FormatTelefones = (valor) => {
|
const FormatTelefones = (valor) => {
|
||||||
const digits = String(valor).replace(/\D/g, '').slice(0, 11);
|
const digits = String(valor).replace(/\D/g, '').slice(0, 11);
|
||||||
return digits
|
return digits
|
||||||
@ -23,20 +22,53 @@ function DoctorForm({ onSave, onCancel, formData, setFormData }) {
|
|||||||
.replace(/(\d{3})(\d{1,2})$/, '$1-$2');
|
.replace(/(\d{3})(\d{1,2})$/, '$1-$2');
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
const validarCPF = (cpf) => {
|
||||||
|
const cpfLimpo = cpf.replace(/\D/g, '');
|
||||||
|
|
||||||
|
if (cpfLimpo.length !== 11) return false;
|
||||||
|
|
||||||
|
|
||||||
|
if (/^(\d)\1+$/.test(cpfLimpo)) return false;
|
||||||
|
|
||||||
|
|
||||||
|
let soma = 0;
|
||||||
|
for (let i = 0; i < 9; i++) {
|
||||||
|
soma += parseInt(cpfLimpo.charAt(i)) * (10 - i);
|
||||||
|
}
|
||||||
|
let resto = 11 - (soma % 11);
|
||||||
|
let digito1 = resto === 10 || resto === 11 ? 0 : resto;
|
||||||
|
|
||||||
|
|
||||||
|
soma = 0;
|
||||||
|
for (let i = 0; i < 10; i++) {
|
||||||
|
soma += parseInt(cpfLimpo.charAt(i)) * (11 - i);
|
||||||
|
}
|
||||||
|
resto = 11 - (soma % 11);
|
||||||
|
let digito2 = resto === 10 || resto === 11 ? 0 : resto;
|
||||||
|
|
||||||
|
|
||||||
|
return digito1 === parseInt(cpfLimpo.charAt(9)) && digito2 === parseInt(cpfLimpo.charAt(10));
|
||||||
|
};
|
||||||
|
|
||||||
const [avatarUrl, setAvatarUrl] = useState(null);
|
const [avatarUrl, setAvatarUrl] = useState(null);
|
||||||
|
const [showRequiredModal, setShowRequiredModal] = useState(false);
|
||||||
|
const [emptyFields, setEmptyFields] = useState([]);
|
||||||
|
const [cpfError, setCpfError] = useState('');
|
||||||
|
|
||||||
|
const nomeRef = useRef(null);
|
||||||
|
const cpfRef = useRef(null);
|
||||||
|
const emailRef = useRef(null);
|
||||||
|
const telefoneRef = useRef(null);
|
||||||
|
const crmUfRef = useRef(null);
|
||||||
|
const crmRef = useRef(null);
|
||||||
|
|
||||||
const [collapsedSections, setCollapsedSections] = useState({
|
const [collapsedSections, setCollapsedSections] = useState({
|
||||||
dadosPessoais: true,
|
dadosPessoais: true,
|
||||||
infoMedicas: false,
|
|
||||||
infoConvenio: false,
|
|
||||||
endereco: false,
|
|
||||||
contato: false,
|
contato: false,
|
||||||
|
endereco: false,
|
||||||
});
|
});
|
||||||
|
|
||||||
const [showModal, setShowModal] = useState(false);
|
|
||||||
const [showSuccessModal, setShowSuccessModal] = useState(false);
|
|
||||||
const [errorModalMsg, setErrorModalMsg] = useState('');
|
|
||||||
|
|
||||||
const handleToggleCollapse = (section) => {
|
const handleToggleCollapse = (section) => {
|
||||||
setCollapsedSections(prevState => ({
|
setCollapsedSections(prevState => ({
|
||||||
...prevState,
|
...prevState,
|
||||||
@ -47,6 +79,16 @@ function DoctorForm({ onSave, onCancel, formData, setFormData }) {
|
|||||||
const handleChange = (e) => {
|
const handleChange = (e) => {
|
||||||
const { name, value, type, checked, files } = e.target;
|
const { name, value, type, checked, files } = e.target;
|
||||||
|
|
||||||
|
|
||||||
|
if (value && emptyFields.includes(name)) {
|
||||||
|
setEmptyFields(prev => prev.filter(field => field !== name));
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if (name === 'cpf' && cpfError) {
|
||||||
|
setCpfError('');
|
||||||
|
}
|
||||||
|
|
||||||
if (type === 'checkbox') {
|
if (type === 'checkbox') {
|
||||||
setFormData(prev => ({ ...prev, [name]: checked }));
|
setFormData(prev => ({ ...prev, [name]: checked }));
|
||||||
} else if (type === 'file') {
|
} else if (type === 'file') {
|
||||||
@ -65,6 +107,16 @@ function DoctorForm({ onSave, onCancel, formData, setFormData }) {
|
|||||||
} else if (name.includes('cpf')) {
|
} else if (name.includes('cpf')) {
|
||||||
let cpfFormatado = FormatCPF(value);
|
let cpfFormatado = FormatCPF(value);
|
||||||
setFormData(prev => ({ ...prev, [name]: cpfFormatado }));
|
setFormData(prev => ({ ...prev, [name]: cpfFormatado }));
|
||||||
|
|
||||||
|
|
||||||
|
const cpfLimpo = cpfFormatado.replace(/\D/g, '');
|
||||||
|
if (cpfLimpo.length === 11) {
|
||||||
|
if (!validarCPF(cpfFormatado)) {
|
||||||
|
setCpfError('CPF inválido');
|
||||||
|
} else {
|
||||||
|
setCpfError('');
|
||||||
|
}
|
||||||
|
}
|
||||||
} else if (name.includes('phone')) {
|
} else if (name.includes('phone')) {
|
||||||
let telefoneFormatado = FormatTelefones(value);
|
let telefoneFormatado = FormatTelefones(value);
|
||||||
setFormData(prev => ({ ...prev, [name]: telefoneFormatado }));
|
setFormData(prev => ({ ...prev, [name]: telefoneFormatado }));
|
||||||
@ -88,48 +140,133 @@ function DoctorForm({ onSave, onCancel, formData, setFormData }) {
|
|||||||
state: data.uf || ''
|
state: data.uf || ''
|
||||||
}));
|
}));
|
||||||
} else {
|
} else {
|
||||||
setErrorModalMsg('CEP não encontrado!');
|
setShowRequiredModal(true);
|
||||||
setShowModal(true);
|
setEmptyFields(['cep']);
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
setErrorModalMsg('Erro ao buscar o CEP.');
|
setShowRequiredModal(true);
|
||||||
setShowModal(true);
|
setEmptyFields(['cep']);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
const scrollToEmptyField = (fieldName) => {
|
||||||
|
let fieldRef = null;
|
||||||
|
|
||||||
|
switch (fieldName) {
|
||||||
|
case 'full_name':
|
||||||
|
fieldRef = nomeRef;
|
||||||
|
setCollapsedSections(prev => ({ ...prev, dadosPessoais: true }));
|
||||||
|
break;
|
||||||
|
case 'cpf':
|
||||||
|
fieldRef = cpfRef;
|
||||||
|
setCollapsedSections(prev => ({ ...prev, dadosPessoais: true }));
|
||||||
|
break;
|
||||||
|
case 'email':
|
||||||
|
fieldRef = emailRef;
|
||||||
|
setCollapsedSections(prev => ({ ...prev, contato: true }));
|
||||||
|
break;
|
||||||
|
case 'phone_mobile':
|
||||||
|
fieldRef = telefoneRef;
|
||||||
|
setCollapsedSections(prev => ({ ...prev, contato: true }));
|
||||||
|
break;
|
||||||
|
case 'crm_uf':
|
||||||
|
fieldRef = crmUfRef;
|
||||||
|
setCollapsedSections(prev => ({ ...prev, dadosPessoais: true }));
|
||||||
|
break;
|
||||||
|
case 'crm':
|
||||||
|
fieldRef = crmRef;
|
||||||
|
setCollapsedSections(prev => ({ ...prev, dadosPessoais: true }));
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
if (fieldRef.current) {
|
||||||
|
fieldRef.current.scrollIntoView({
|
||||||
|
behavior: 'smooth',
|
||||||
|
block: 'center'
|
||||||
|
});
|
||||||
|
fieldRef.current.focus();
|
||||||
|
|
||||||
|
|
||||||
|
fieldRef.current.style.border = '2px solid #dc3545';
|
||||||
|
fieldRef.current.style.boxShadow = '0 0 0 0.2rem rgba(220, 53, 69, 0.25)';
|
||||||
|
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
if (fieldRef.current) {
|
||||||
|
fieldRef.current.style.border = '';
|
||||||
|
fieldRef.current.style.boxShadow = '';
|
||||||
|
}
|
||||||
|
}, 3000);
|
||||||
|
}
|
||||||
|
}, 300);
|
||||||
|
};
|
||||||
|
|
||||||
const handleSubmit = async () => {
|
const handleSubmit = async () => {
|
||||||
if (!formData.full_name || !formData.cpf || !formData.email || !formData.phone_mobile || !formData.crm_uf || !formData.crm) {
|
|
||||||
setErrorModalMsg('Por favor, preencha todos os campos obrigatórios.');
|
const missingFields = [];
|
||||||
setShowModal(true);
|
if (!formData.full_name) missingFields.push('full_name');
|
||||||
|
if (!formData.cpf) missingFields.push('cpf');
|
||||||
|
if (!formData.email) missingFields.push('email');
|
||||||
|
if (!formData.phone_mobile) missingFields.push('phone_mobile');
|
||||||
|
if (!formData.crm_uf) missingFields.push('crm_uf');
|
||||||
|
if (!formData.crm) missingFields.push('crm');
|
||||||
|
|
||||||
|
if (missingFields.length > 0) {
|
||||||
|
setEmptyFields(missingFields);
|
||||||
|
setShowRequiredModal(true);
|
||||||
|
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
if (missingFields.length > 0) {
|
||||||
|
scrollToEmptyField(missingFields[0]);
|
||||||
|
}
|
||||||
|
}, 500);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
const cpfLimpo = formData.cpf.replace(/\D/g, '');
|
const cpfLimpo = formData.cpf.replace(/\D/g, '');
|
||||||
if (cpfLimpo.length !== 11) {
|
if (cpfLimpo.length !== 11) {
|
||||||
setErrorModalMsg('CPF inválido. Por favor, verifique o número digitado.');
|
setShowRequiredModal(true);
|
||||||
setShowModal(true);
|
setEmptyFields(['cpf']);
|
||||||
|
setCpfError('CPF deve ter 11 dígitos');
|
||||||
|
setTimeout(() => scrollToEmptyField('cpf'), 500);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if (!validarCPF(formData.cpf)) {
|
||||||
|
setShowRequiredModal(true);
|
||||||
|
setEmptyFields(['cpf']);
|
||||||
|
setCpfError('CPF inválido');
|
||||||
|
setTimeout(() => scrollToEmptyField('cpf'), 500);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await onSave({ ...formData });
|
await onSave({ ...formData });
|
||||||
setShowSuccessModal(true);
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
setErrorModalMsg('médico salvo com sucesso');
|
|
||||||
setShowModal(true);
|
throw error;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleCloseSuccessModal = () => {
|
const handleModalClose = () => {
|
||||||
setShowSuccessModal(false);
|
setShowRequiredModal(false);
|
||||||
const prefixo = location.pathname.split("/")[1];
|
|
||||||
navigate(`/${prefixo}/medicos`);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{showModal && (
|
|
||||||
|
{showRequiredModal && (
|
||||||
<div
|
<div
|
||||||
style={{
|
style={{
|
||||||
display: "flex",
|
display: "flex",
|
||||||
@ -165,7 +302,7 @@ function DoctorForm({ onSave, onCancel, formData, setFormData }) {
|
|||||||
>
|
>
|
||||||
<h5 style={{ color: "#fff", margin: 0, fontSize: "1.2rem", fontWeight: "bold" }}>Atenção</h5>
|
<h5 style={{ color: "#fff", margin: 0, fontSize: "1.2rem", fontWeight: "bold" }}>Atenção</h5>
|
||||||
<button
|
<button
|
||||||
onClick={() => setShowModal(false)}
|
onClick={handleModalClose}
|
||||||
style={{
|
style={{
|
||||||
background: "none",
|
background: "none",
|
||||||
border: "none",
|
border: "none",
|
||||||
@ -179,9 +316,23 @@ function DoctorForm({ onSave, onCancel, formData, setFormData }) {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style={{ padding: "25px 20px" }}>
|
<div style={{ padding: "25px 20px" }}>
|
||||||
<p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>
|
<p style={{ color: "#111", fontSize: "1.1rem", margin: "0 0 15px 0", fontWeight: "bold" }}>
|
||||||
{errorModalMsg}
|
{cpfError ? 'Problema com o CPF:' : 'Por favor, preencha:'}
|
||||||
</p>
|
</p>
|
||||||
|
<div style={{ display: 'flex', flexDirection: 'column', gap: '8px', marginLeft: '10px' }}>
|
||||||
|
{cpfError ? (
|
||||||
|
<p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>{cpfError}</p>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
{!formData.full_name && <p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>- Nome</p>}
|
||||||
|
{!formData.cpf && <p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>- CPF</p>}
|
||||||
|
{!formData.email && <p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>- Email</p>}
|
||||||
|
{!formData.phone_mobile && <p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>- Telefone</p>}
|
||||||
|
{!formData.crm_uf && <p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>- Estado do CRM</p>}
|
||||||
|
{!formData.crm && <p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>- CRM</p>}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
@ -193,91 +344,7 @@ function DoctorForm({ onSave, onCancel, formData, setFormData }) {
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
onClick={() => setShowModal(false)}
|
onClick={handleModalClose}
|
||||||
style={{
|
|
||||||
backgroundColor: "#1e3a8a",
|
|
||||||
color: "#fff",
|
|
||||||
border: "none",
|
|
||||||
padding: "8px 20px",
|
|
||||||
borderRadius: "6px",
|
|
||||||
cursor: "pointer",
|
|
||||||
fontSize: "1rem",
|
|
||||||
fontWeight: "bold",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Fechar
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{showSuccessModal && (
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
display: "flex",
|
|
||||||
justifyContent: "center",
|
|
||||||
alignItems: "center",
|
|
||||||
position: "fixed",
|
|
||||||
top: 0,
|
|
||||||
left: 0,
|
|
||||||
width: "100%",
|
|
||||||
height: "100%",
|
|
||||||
backgroundColor: "rgba(0,0,0,0.5)",
|
|
||||||
zIndex: 9999,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
backgroundColor: "#fff",
|
|
||||||
borderRadius: "10px",
|
|
||||||
width: "400px",
|
|
||||||
maxWidth: "90%",
|
|
||||||
boxShadow: "0 5px 15px rgba(0,0,0,0.3)",
|
|
||||||
overflow: "hidden",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
backgroundColor: "#1e3a8a",
|
|
||||||
padding: "15px 20px",
|
|
||||||
display: "flex",
|
|
||||||
justifyContent: "space-between",
|
|
||||||
alignItems: "center",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<h5 style={{ color: "#fff", margin: 0, fontSize: "1.2rem", fontWeight: "bold" }}>Sucesso</h5>
|
|
||||||
<button
|
|
||||||
onClick={handleCloseSuccessModal}
|
|
||||||
style={{
|
|
||||||
background: "none",
|
|
||||||
border: "none",
|
|
||||||
fontSize: "20px",
|
|
||||||
color: "#fff",
|
|
||||||
cursor: "pointer",
|
|
||||||
fontWeight: "bold",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
×
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style={{ padding: "25px 20px" }}>
|
|
||||||
<p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>
|
|
||||||
Médico salvo com sucesso!
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
display: "flex",
|
|
||||||
justifyContent: "flex-end",
|
|
||||||
padding: "15px 20px",
|
|
||||||
borderTop: "1px solid #ddd",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
onClick={handleCloseSuccessModal}
|
|
||||||
style={{
|
style={{
|
||||||
backgroundColor: "#1e3a8a",
|
backgroundColor: "#1e3a8a",
|
||||||
color: "#fff",
|
color: "#fff",
|
||||||
@ -352,7 +419,14 @@ function DoctorForm({ onSave, onCancel, formData, setFormData }) {
|
|||||||
|
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>Nome: *</label>
|
<label style={{ fontSize: '1.1rem' }}>Nome: *</label>
|
||||||
<input type="text" className="form-control" name="full_name" value={formData.full_name || ''} onChange={handleChange} />
|
<input
|
||||||
|
ref={nomeRef}
|
||||||
|
type="text"
|
||||||
|
className="form-control"
|
||||||
|
name="full_name"
|
||||||
|
value={formData.full_name || ''}
|
||||||
|
onChange={handleChange}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>Data de nascimento:</label>
|
<label style={{ fontSize: '1.1rem' }}>Data de nascimento:</label>
|
||||||
@ -360,12 +434,30 @@ function DoctorForm({ onSave, onCancel, formData, setFormData }) {
|
|||||||
</div>
|
</div>
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>CPF: *</label>
|
<label style={{ fontSize: '1.1rem' }}>CPF: *</label>
|
||||||
<input type="text" className="form-control" name="cpf" value={formData.cpf || ''} onChange={handleChange} />
|
<input
|
||||||
|
ref={cpfRef}
|
||||||
|
type="text"
|
||||||
|
className={`form-control ${cpfError ? 'is-invalid' : ''}`}
|
||||||
|
name="cpf"
|
||||||
|
value={formData.cpf || ''}
|
||||||
|
onChange={handleChange}
|
||||||
|
/>
|
||||||
|
{cpfError && (
|
||||||
|
<div className="invalid-feedback" style={{ display: 'block' }}>
|
||||||
|
{cpfError}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>Estado do CRM: *</label>
|
<label style={{ fontSize: '1.1rem' }}>Estado do CRM: *</label>
|
||||||
<select className="form-control" name="crm_uf" value={formData.crm_uf || ''} onChange={handleChange}>
|
<select
|
||||||
|
ref={crmUfRef}
|
||||||
|
className="form-control"
|
||||||
|
name="crm_uf"
|
||||||
|
value={formData.crm_uf || ''}
|
||||||
|
onChange={handleChange}
|
||||||
|
>
|
||||||
<option value="">Selecione</option>
|
<option value="">Selecione</option>
|
||||||
<option value="AP">AP</option>
|
<option value="AP">AP</option>
|
||||||
<option value="AL">AL</option>
|
<option value="AL">AL</option>
|
||||||
@ -398,7 +490,14 @@ function DoctorForm({ onSave, onCancel, formData, setFormData }) {
|
|||||||
|
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>CRM: *</label>
|
<label style={{ fontSize: '1.1rem' }}>CRM: *</label>
|
||||||
<input type="text" className="form-control" name="crm" value={formData.crm || ''} onChange={handleChange} />
|
<input
|
||||||
|
ref={crmRef}
|
||||||
|
type="text"
|
||||||
|
className="form-control"
|
||||||
|
name="crm"
|
||||||
|
value={formData.crm || ''}
|
||||||
|
onChange={handleChange}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
@ -437,11 +536,25 @@ function DoctorForm({ onSave, onCancel, formData, setFormData }) {
|
|||||||
<div className="row mt-3">
|
<div className="row mt-3">
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>Email: *</label>
|
<label style={{ fontSize: '1.1rem' }}>Email: *</label>
|
||||||
<input type="email" className="form-control" name="email" value={formData.email || ''} onChange={handleChange} />
|
<input
|
||||||
|
ref={emailRef}
|
||||||
|
type="email"
|
||||||
|
className="form-control"
|
||||||
|
name="email"
|
||||||
|
value={formData.email || ''}
|
||||||
|
onChange={handleChange}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>Telefone: *</label>
|
<label style={{ fontSize: '1.1rem' }}>Telefone: *</label>
|
||||||
<input type="text" className="form-control" name="phone_mobile" value={formData.phone_mobile || ''} onChange={handleChange} />
|
<input
|
||||||
|
ref={telefoneRef}
|
||||||
|
type="text"
|
||||||
|
className="form-control"
|
||||||
|
name="phone_mobile"
|
||||||
|
value={formData.phone_mobile || ''}
|
||||||
|
onChange={handleChange}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>Telefone 2:</label>
|
<label style={{ fontSize: '1.1rem' }}>Telefone 2:</label>
|
||||||
@ -498,11 +611,20 @@ function DoctorForm({ onSave, onCancel, formData, setFormData }) {
|
|||||||
<button
|
<button
|
||||||
className="btn btn-success me-3"
|
className="btn btn-success me-3"
|
||||||
onClick={handleSubmit}
|
onClick={handleSubmit}
|
||||||
|
disabled={isLoading}
|
||||||
style={{ fontSize: '1.2rem', padding: '0.75rem 1.5rem' }}
|
style={{ fontSize: '1.2rem', padding: '0.75rem 1.5rem' }}
|
||||||
>
|
>
|
||||||
Salvar Médico
|
{isLoading ? 'Salvando...' : 'Salvar Médico'}
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
<Link to={`/${location.pathname.split("/")[1]}/medicos`}>
|
||||||
|
<button
|
||||||
|
className="btn btn-light"
|
||||||
|
style={{ fontSize: '1.2rem', padding: '0.75rem 1.5rem' }}
|
||||||
|
>
|
||||||
|
Cancelar
|
||||||
|
</button>
|
||||||
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
|
|||||||
@ -1,16 +1,12 @@
|
|||||||
import React, { useState, useEffect } from 'react';
|
import React, { useState, useEffect, useRef } from 'react';
|
||||||
import { Link,useNavigate, useLocation } from 'react-router-dom';
|
import { Link } from 'react-router-dom';
|
||||||
import { FormatTelefones, FormatPeso, FormatCPF } from '../utils/Formatar/Format';
|
import { FormatTelefones, FormatPeso, FormatCPF } from '../utils/Formatar/Format';
|
||||||
|
|
||||||
function PatientForm({ onSave, formData, setFormData }) {
|
function PatientForm({ onSave, onCancel, formData, setFormData, isLoading }) {
|
||||||
|
|
||||||
|
|
||||||
const [errorModalMsg, setErrorModalMsg] = useState("");
|
|
||||||
const [showModal, setShowModal] = useState(false);
|
|
||||||
const [pacienteExistente, setPacienteExistente] = useState(null);
|
|
||||||
const [showSuccessModal, setShowSuccessModal] = useState(false);
|
|
||||||
|
|
||||||
const [avatarUrl, setAvatarUrl] = useState(null);
|
const [avatarUrl, setAvatarUrl] = useState(null);
|
||||||
|
const [showRequiredModal, setShowRequiredModal] = useState(false);
|
||||||
|
const [emptyFields, setEmptyFields] = useState([]);
|
||||||
|
const [cpfError, setCpfError] = useState('');
|
||||||
const [collapsedSections, setCollapsedSections] = useState({
|
const [collapsedSections, setCollapsedSections] = useState({
|
||||||
dadosPessoais: true,
|
dadosPessoais: true,
|
||||||
infoMedicas: false,
|
infoMedicas: false,
|
||||||
@ -19,6 +15,41 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
contato: false,
|
contato: false,
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const nomeRef = useRef(null);
|
||||||
|
const cpfRef = useRef(null);
|
||||||
|
const emailRef = useRef(null);
|
||||||
|
const telefoneRef = useRef(null);
|
||||||
|
|
||||||
|
|
||||||
|
const validarCPF = (cpf) => {
|
||||||
|
const cpfLimpo = cpf.replace(/\D/g, '');
|
||||||
|
|
||||||
|
|
||||||
|
if (cpfLimpo.length !== 11) return false;
|
||||||
|
|
||||||
|
|
||||||
|
if (/^(\d)\1+$/.test(cpfLimpo)) return false;
|
||||||
|
|
||||||
|
|
||||||
|
let soma = 0;
|
||||||
|
for (let i = 0; i < 9; i++) {
|
||||||
|
soma += parseInt(cpfLimpo.charAt(i)) * (10 - i);
|
||||||
|
}
|
||||||
|
let resto = 11 - (soma % 11);
|
||||||
|
let digito1 = resto === 10 || resto === 11 ? 0 : resto;
|
||||||
|
|
||||||
|
|
||||||
|
soma = 0;
|
||||||
|
for (let i = 0; i < 10; i++) {
|
||||||
|
soma += parseInt(cpfLimpo.charAt(i)) * (11 - i);
|
||||||
|
}
|
||||||
|
resto = 11 - (soma % 11);
|
||||||
|
let digito2 = resto === 10 || resto === 11 ? 0 : resto;
|
||||||
|
|
||||||
|
|
||||||
|
return digito1 === parseInt(cpfLimpo.charAt(9)) && digito2 === parseInt(cpfLimpo.charAt(10));
|
||||||
|
};
|
||||||
|
|
||||||
const handleToggleCollapse = (section) => {
|
const handleToggleCollapse = (section) => {
|
||||||
setCollapsedSections(prev => ({
|
setCollapsedSections(prev => ({
|
||||||
...prev,
|
...prev,
|
||||||
@ -40,6 +71,16 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
const handleChange = (e) => {
|
const handleChange = (e) => {
|
||||||
const { name, value, type, checked, files } = e.target;
|
const { name, value, type, checked, files } = e.target;
|
||||||
|
|
||||||
|
|
||||||
|
if (value && emptyFields.includes(name)) {
|
||||||
|
setEmptyFields(prev => prev.filter(field => field !== name));
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if (name === 'cpf' && cpfError) {
|
||||||
|
setCpfError('');
|
||||||
|
}
|
||||||
|
|
||||||
if (type === 'file') {
|
if (type === 'file') {
|
||||||
setFormData(prev => ({ ...prev, [name]: files[0] }));
|
setFormData(prev => ({ ...prev, [name]: files[0] }));
|
||||||
|
|
||||||
@ -51,7 +92,17 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
setAvatarUrl(null);
|
setAvatarUrl(null);
|
||||||
}
|
}
|
||||||
} else if (name === 'cpf') {
|
} else if (name === 'cpf') {
|
||||||
setFormData(prev => ({ ...prev, cpf: FormatCPF(value) }));
|
const cpfFormatado = FormatCPF(value);
|
||||||
|
setFormData(prev => ({ ...prev, cpf: cpfFormatado }));
|
||||||
|
|
||||||
|
const cpfLimpo = cpfFormatado.replace(/\D/g, '');
|
||||||
|
if (cpfLimpo.length === 11) {
|
||||||
|
if (!validarCPF(cpfFormatado)) {
|
||||||
|
setCpfError('CPF inválido');
|
||||||
|
} else {
|
||||||
|
setCpfError('');
|
||||||
|
}
|
||||||
|
}
|
||||||
} else if (name.includes('phone')) {
|
} else if (name.includes('phone')) {
|
||||||
setFormData(prev => ({ ...prev, [name]: FormatTelefones(value) }));
|
setFormData(prev => ({ ...prev, [name]: FormatTelefones(value) }));
|
||||||
} else if (name.includes('weight_kg') || name.includes('height_m')) {
|
} else if (name.includes('weight_kg') || name.includes('height_m')) {
|
||||||
@ -63,35 +114,114 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const scrollToEmptyField = (fieldName) => {
|
||||||
|
let fieldRef = null;
|
||||||
|
|
||||||
|
switch (fieldName) {
|
||||||
|
case 'full_name':
|
||||||
|
fieldRef = nomeRef;
|
||||||
|
|
||||||
|
setCollapsedSections(prev => ({ ...prev, dadosPessoais: true }));
|
||||||
|
break;
|
||||||
|
case 'cpf':
|
||||||
|
fieldRef = cpfRef;
|
||||||
|
setCollapsedSections(prev => ({ ...prev, dadosPessoais: true }));
|
||||||
|
break;
|
||||||
|
case 'email':
|
||||||
|
fieldRef = emailRef;
|
||||||
|
setCollapsedSections(prev => ({ ...prev, contato: true }));
|
||||||
|
break;
|
||||||
|
case 'phone_mobile':
|
||||||
|
fieldRef = telefoneRef;
|
||||||
|
setCollapsedSections(prev => ({ ...prev, contato: true }));
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
if (fieldRef.current) {
|
||||||
|
fieldRef.current.scrollIntoView({
|
||||||
|
behavior: 'smooth',
|
||||||
|
block: 'center'
|
||||||
|
});
|
||||||
|
fieldRef.current.focus();
|
||||||
|
|
||||||
|
|
||||||
|
fieldRef.current.style.border = '2px solid #dc3545';
|
||||||
|
fieldRef.current.style.boxShadow = '0 0 0 0.2rem rgba(220, 53, 69, 0.25)';
|
||||||
|
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
if (fieldRef.current) {
|
||||||
|
fieldRef.current.style.border = '';
|
||||||
|
fieldRef.current.style.boxShadow = '';
|
||||||
|
}
|
||||||
|
}, 3000);
|
||||||
|
}
|
||||||
|
}, 300);
|
||||||
|
};
|
||||||
|
|
||||||
const handleSubmit = async () => {
|
const handleSubmit = async () => {
|
||||||
// ALTERADO: Nome, CPF, Email e Telefone
|
|
||||||
if (!formData.full_name || !formData.cpf || !formData.email || !formData.phone_mobile) {
|
const missingFields = [];
|
||||||
setErrorModalMsg('Por favor, preencha Nome, CPF, Email e Telefone.');
|
if (!formData.full_name) missingFields.push('full_name');
|
||||||
setShowModal(true);
|
if (!formData.cpf) missingFields.push('cpf');
|
||||||
|
if (!formData.email) missingFields.push('email');
|
||||||
|
if (!formData.phone_mobile) missingFields.push('phone_mobile');
|
||||||
|
|
||||||
|
if (missingFields.length > 0) {
|
||||||
|
setEmptyFields(missingFields);
|
||||||
|
setShowRequiredModal(true);
|
||||||
|
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
if (missingFields.length > 0) {
|
||||||
|
scrollToEmptyField(missingFields[0]);
|
||||||
|
}
|
||||||
|
}, 500);
|
||||||
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
const cpfLimpo = formData.cpf.replace(/\D/g, '');
|
const cpfLimpo = formData.cpf.replace(/\D/g, '');
|
||||||
if (cpfLimpo.length !== 11) {
|
if (cpfLimpo.length !== 11) {
|
||||||
setErrorModalMsg('CPF inválido. Por favor, verifique o número digitado.');
|
setShowRequiredModal(true);
|
||||||
setShowModal(true);
|
setEmptyFields(['cpf']);
|
||||||
|
setCpfError('CPF deve ter 11 dígitos');
|
||||||
|
setTimeout(() => scrollToEmptyField('cpf'), 500);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
try {
|
|
||||||
await onSave({ ...formData, bmi: parseFloat(formData.bmi) || 0 });
|
if (!validarCPF(formData.cpf)) {
|
||||||
setShowSuccessModal(true);
|
setShowRequiredModal(true);
|
||||||
} catch (error) {
|
setEmptyFields(['cpf']);
|
||||||
setErrorModalMsg('Erro ao salvar paciente. Tente novamente.');
|
setCpfError('CPF inválido');
|
||||||
setShowModal(true);
|
setTimeout(() => scrollToEmptyField('cpf'), 500);
|
||||||
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
||||||
|
if (!emailRegex.test(formData.email)) {
|
||||||
|
throw new Error('Email inválido. Por favor, verifique o email digitado.');
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
await onSave({ ...formData, bmi: parseFloat(formData.bmi) || null });
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleModalClose = () => {
|
||||||
|
setShowRequiredModal(false);
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="card p-3">
|
<div className="card p-3">
|
||||||
<h3 className="mb-4 text-center" style={{ fontSize: '2.5rem' }}>MediConnect</h3>
|
<h3 className="mb-4 text-center" style={{ fontSize: '2.5rem' }}>MediConnect</h3>
|
||||||
|
|
||||||
{/* DADOS PESSOAIS - MANTIDO O LAYOUT ORIGINAL */}
|
{/* DADOS PESSOAIS */}
|
||||||
<div className="mb-5 p-4 border rounded shadow-sm">
|
<div className="mb-5 p-4 border rounded shadow-sm">
|
||||||
<h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('dadosPessoais')} style={{ fontSize: '1.8rem' }}>
|
<h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('dadosPessoais')} style={{ fontSize: '1.8rem' }}>
|
||||||
Dados Pessoais
|
Dados Pessoais
|
||||||
@ -141,10 +271,20 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
{formData.foto && <span className="ms-2" style={{ fontSize: '1rem' }}>{formData.foto.name}</span>}
|
{formData.foto && <span className="ms-2" style={{ fontSize: '1rem' }}>{formData.foto.name}</span>}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/* CADASTRO - MANTIDO O LAYOUT ORIGINAL COM COLUNAS */}
|
|
||||||
|
{/* CAMPOS OBRIGATÓRIOS */}
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>Nome: *</label>
|
<label style={{ fontSize: '1.1rem' }}>Nome: *</label>
|
||||||
<input type="text" className="form-control" name="full_name" value={formData.full_name || ''} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
|
<input
|
||||||
|
ref={nomeRef}
|
||||||
|
type="text"
|
||||||
|
className="form-control"
|
||||||
|
name="full_name"
|
||||||
|
value={formData.full_name || ''}
|
||||||
|
onChange={handleChange}
|
||||||
|
style={{ fontSize: '1.1rem' }}
|
||||||
|
required
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>Nome social:</label>
|
<label style={{ fontSize: '1.1rem' }}>Nome social:</label>
|
||||||
@ -152,11 +292,25 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
</div>
|
</div>
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>Data de nascimento:</label>
|
<label style={{ fontSize: '1.1rem' }}>Data de nascimento:</label>
|
||||||
<input type="date" className="form-control" name="birth_date" value={formData.birth_date || ''} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
|
<input
|
||||||
|
type="date"
|
||||||
|
className="form-control"
|
||||||
|
name="birth_date"
|
||||||
|
value={formData.birth_date || ''}
|
||||||
|
onChange={handleChange}
|
||||||
|
style={{ fontSize: '1.1rem' }}
|
||||||
|
min="1900-01-01" max="2025-09-24"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>Gênero:</label>
|
<label style={{ fontSize: '1.1rem' }}>Gênero:</label>
|
||||||
<select className="form-control" name="sex" value={formData.sex || ''} onChange={handleChange} style={{ fontSize: '1.1rem' }}>
|
<select
|
||||||
|
className="form-control"
|
||||||
|
name="sex"
|
||||||
|
value={formData.sex || ''}
|
||||||
|
onChange={handleChange}
|
||||||
|
style={{ fontSize: '1.1rem' }}
|
||||||
|
>
|
||||||
<option value="">Selecione</option>
|
<option value="">Selecione</option>
|
||||||
<option value="Masculino">Masculino</option>
|
<option value="Masculino">Masculino</option>
|
||||||
<option value="Feminino">Feminino</option>
|
<option value="Feminino">Feminino</option>
|
||||||
@ -165,7 +319,21 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
</div>
|
</div>
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>CPF: *</label>
|
<label style={{ fontSize: '1.1rem' }}>CPF: *</label>
|
||||||
<input type="text" className="form-control" name="cpf" value={formData.cpf || ''} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
|
<input
|
||||||
|
ref={cpfRef}
|
||||||
|
type="text"
|
||||||
|
className={`form-control ${cpfError ? 'is-invalid' : ''}`}
|
||||||
|
name="cpf"
|
||||||
|
value={formData.cpf || ''}
|
||||||
|
onChange={handleChange}
|
||||||
|
style={{ fontSize: '1.1rem' }}
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
{cpfError && (
|
||||||
|
<div className="invalid-feedback" style={{ display: 'block' }}>
|
||||||
|
{cpfError}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>RG:</label>
|
<label style={{ fontSize: '1.1rem' }}>RG:</label>
|
||||||
@ -254,7 +422,7 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* CAMPOS MOVIDOS */}
|
{/* CAMPOS ADICIONAIS */}
|
||||||
<div className="col-md-12 mb-3 mt-3">
|
<div className="col-md-12 mb-3 mt-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>Observações:</label>
|
<label style={{ fontSize: '1.1rem' }}>Observações:</label>
|
||||||
<textarea className="form-control" name="notes" value={formData.notes || ''} onChange={handleChange} style={{ fontSize: '1.1rem' }} placeholder='alergias, doenças crônicas, informações sobre porteses ou marca-passo, etc'></textarea>
|
<textarea className="form-control" name="notes" value={formData.notes || ''} onChange={handleChange} style={{ fontSize: '1.1rem' }} placeholder='alergias, doenças crônicas, informações sobre porteses ou marca-passo, etc'></textarea>
|
||||||
@ -272,7 +440,7 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* INFORMAÇÕES MÉDICAS - MANTIDO O LAYOUT ORIGINAL */}
|
{/* INFORMAÇÕES MÉDICAS */}
|
||||||
<div className="mb-5 p-4 border rounded shadow-sm">
|
<div className="mb-5 p-4 border rounded shadow-sm">
|
||||||
<h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('infoMedicas')} style={{ fontSize: '1.8rem' }}>
|
<h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('infoMedicas')} style={{ fontSize: '1.8rem' }}>
|
||||||
Informações Médicas
|
Informações Médicas
|
||||||
@ -313,7 +481,7 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* INFORMAÇÕES DE CONVÊNIO - MANTIDO O LAYOUT ORIGINAL */}
|
{/* INFORMAÇÕES DE CONVÊNIO */}
|
||||||
<div className="mb-5 p-4 border rounded shadow-sm">
|
<div className="mb-5 p-4 border rounded shadow-sm">
|
||||||
<h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('infoConvenio')} style={{ fontSize: '1.8rem' }}>
|
<h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('infoConvenio')} style={{ fontSize: '1.8rem' }}>
|
||||||
Informações de convênio
|
Informações de convênio
|
||||||
@ -366,7 +534,7 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* ENDEREÇO - MANTIDO O LAYOUT ORIGINAL */}
|
{/* ENDEREÇO */}
|
||||||
<div className="mb-5 p-4 border rounded shadow-sm">
|
<div className="mb-5 p-4 border rounded shadow-sm">
|
||||||
<h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('endereco')} style={{ fontSize: '1.8rem' }}>
|
<h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('endereco')} style={{ fontSize: '1.8rem' }}>
|
||||||
Endereço
|
Endereço
|
||||||
@ -408,7 +576,6 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* CONTATO - MANTIDO O LAYOUT ORIGINAL */}
|
|
||||||
<div className="mb-5 p-4 border rounded shadow-sm">
|
<div className="mb-5 p-4 border rounded shadow-sm">
|
||||||
<h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('contato')} style={{ fontSize: '1.8rem' }}>
|
<h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('contato')} style={{ fontSize: '1.8rem' }}>
|
||||||
Contato
|
Contato
|
||||||
@ -420,11 +587,29 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
<div className="row mt-3">
|
<div className="row mt-3">
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>Email: *</label>
|
<label style={{ fontSize: '1.1rem' }}>Email: *</label>
|
||||||
<input type="email" className="form-control" name="email" value={formData.email || ''} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
|
<input
|
||||||
|
ref={emailRef}
|
||||||
|
type="email"
|
||||||
|
className="form-control"
|
||||||
|
name="email"
|
||||||
|
value={formData.email || ''}
|
||||||
|
onChange={handleChange}
|
||||||
|
style={{ fontSize: '1.1rem' }}
|
||||||
|
required
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>Telefone: *</label>
|
<label style={{ fontSize: '1.1rem' }}>Telefone: *</label>
|
||||||
<input type="text" className="form-control" name="phone_mobile" value={formData.phone_mobile || ''} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
|
<input
|
||||||
|
ref={telefoneRef}
|
||||||
|
type="text"
|
||||||
|
className="form-control"
|
||||||
|
name="phone_mobile"
|
||||||
|
value={formData.phone_mobile || ''}
|
||||||
|
onChange={handleChange}
|
||||||
|
style={{ fontSize: '1.1rem' }}
|
||||||
|
required
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-md-6 mb-3">
|
<div className="col-md-6 mb-3">
|
||||||
<label style={{ fontSize: '1.1rem' }}>Telefone 2:</label>
|
<label style={{ fontSize: '1.1rem' }}>Telefone 2:</label>
|
||||||
@ -438,16 +623,8 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Botões */}
|
|
||||||
<div className="mt-3 text-center">
|
|
||||||
<button className="btn btn-success me-3" onClick={handleSubmit} style={{ fontSize: '1.2rem', padding: '0.75rem 1.5rem' }}>
|
|
||||||
Salvar Paciente
|
|
||||||
</button>
|
|
||||||
|
|
||||||
</div>
|
{showRequiredModal && (
|
||||||
|
|
||||||
{/* Modal de erro - EXATAMENTE COMO NA IMAGEM */}
|
|
||||||
{showModal && (
|
|
||||||
<div
|
<div
|
||||||
style={{
|
style={{
|
||||||
display: "flex",
|
display: "flex",
|
||||||
@ -472,7 +649,7 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
overflow: "hidden",
|
overflow: "hidden",
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{/* Header */}
|
|
||||||
<div
|
<div
|
||||||
style={{
|
style={{
|
||||||
backgroundColor: "#1e3a8a",
|
backgroundColor: "#1e3a8a",
|
||||||
@ -484,7 +661,7 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
>
|
>
|
||||||
<h5 style={{ color: "#fff", margin: 0, fontSize: "1.2rem", fontWeight: "bold" }}>Atenção</h5>
|
<h5 style={{ color: "#fff", margin: 0, fontSize: "1.2rem", fontWeight: "bold" }}>Atenção</h5>
|
||||||
<button
|
<button
|
||||||
onClick={() => setShowModal(false)}
|
onClick={handleModalClose}
|
||||||
style={{
|
style={{
|
||||||
background: "none",
|
background: "none",
|
||||||
border: "none",
|
border: "none",
|
||||||
@ -497,20 +674,26 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Body */}
|
|
||||||
<div style={{ padding: "25px 20px" }}>
|
<div style={{ padding: "25px 20px" }}>
|
||||||
<p style={{ color: "#111", fontSize: "1.1rem", margin: "0 0 15px 0", fontWeight: "bold" }}>
|
<p style={{ color: "#111", fontSize: "1.1rem", margin: "0 0 15px 0", fontWeight: "bold" }}>
|
||||||
Por favor, preencha:
|
{cpfError ? 'Problema com o CPF:' : 'Por favor, preencha:'}
|
||||||
</p>
|
</p>
|
||||||
<div style={{ display: 'flex', flexDirection: 'column', gap: '8px', marginLeft: '10px' }}>
|
<div style={{ display: 'flex', flexDirection: 'column', gap: '8px', marginLeft: '10px' }}>
|
||||||
{!formData.full_name && <p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>- Nome</p>}
|
{cpfError ? (
|
||||||
{!formData.cpf && <p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>- CPF</p>}
|
<p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>{cpfError}</p>
|
||||||
{!formData.email && <p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>- Email</p>}
|
) : (
|
||||||
{!formData.phone_mobile && <p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>- Telefone</p>}
|
<>
|
||||||
|
{!formData.full_name && <p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>- Nome</p>}
|
||||||
|
{!formData.cpf && <p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>- CPF</p>}
|
||||||
|
{!formData.email && <p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>- Email</p>}
|
||||||
|
{!formData.phone_mobile && <p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>- Telefone</p>}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Footer */}
|
|
||||||
<div
|
<div
|
||||||
style={{
|
style={{
|
||||||
display: "flex",
|
display: "flex",
|
||||||
@ -520,7 +703,7 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
onClick={() => setShowModal(false)}
|
onClick={handleModalClose}
|
||||||
style={{
|
style={{
|
||||||
backgroundColor: "#1e3a8a",
|
backgroundColor: "#1e3a8a",
|
||||||
color: "#fff",
|
color: "#fff",
|
||||||
@ -539,94 +722,18 @@ function PatientForm({ onSave, formData, setFormData }) {
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Modal de sucesso */}
|
|
||||||
{showSuccessModal && (
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
display: "flex",
|
|
||||||
justifyContent: "center",
|
|
||||||
alignItems: "center",
|
|
||||||
position: "fixed",
|
|
||||||
top: 0,
|
|
||||||
left: 0,
|
|
||||||
width: "100%",
|
|
||||||
height: "100%",
|
|
||||||
backgroundColor: "rgba(0,0,0,0.5)",
|
|
||||||
zIndex: 9999,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
backgroundColor: "#fff",
|
|
||||||
borderRadius: "10px",
|
|
||||||
width: "400px",
|
|
||||||
maxWidth: "90%",
|
|
||||||
boxShadow: "0 5px 15px rgba(0,0,0,0.3)",
|
|
||||||
overflow: "hidden",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{/* Header */}
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
backgroundColor: "#1e3a8a",
|
|
||||||
padding: "15px 20px",
|
|
||||||
display: "flex",
|
|
||||||
justifyContent: "space-between",
|
|
||||||
alignItems: "center",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<h5 style={{ color: "#fff", margin: 0, fontSize: "1.2rem", fontWeight: "bold" }}>Sucesso</h5>
|
|
||||||
<button
|
|
||||||
onClick={() => setShowSuccessModal(false)}
|
|
||||||
style={{
|
|
||||||
background: "none",
|
|
||||||
border: "none",
|
|
||||||
fontSize: "20px",
|
|
||||||
color: "#fff",
|
|
||||||
cursor: "pointer",
|
|
||||||
fontWeight: "bold",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
×
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Body */}
|
<div className="mt-3 text-center">
|
||||||
<div style={{ padding: "25px 20px" }}>
|
<button className="btn btn-success me-3" onClick={handleSubmit} disabled={isLoading} style={{ fontSize: '1.2rem', padding: '0.75rem 1.5rem' }}>
|
||||||
<p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>
|
{isLoading ? 'Salvando...' : 'Salvar Paciente'}
|
||||||
O cadastro do paciente foi realizado com sucesso.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Footer */}
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
display: "flex",
|
|
||||||
justifyContent: "flex-end",
|
|
||||||
padding: "15px 20px",
|
|
||||||
borderTop: "1px solid #ddd",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
onClick={() => setShowSuccessModal(false)}
|
|
||||||
style={{
|
|
||||||
backgroundColor: "#1e3a8a",
|
|
||||||
color: "#fff",
|
|
||||||
border: "none",
|
|
||||||
padding: "8px 20px",
|
|
||||||
borderRadius: "6px",
|
|
||||||
cursor: "pointer",
|
|
||||||
fontSize: "1rem",
|
|
||||||
fontWeight: "bold",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Fechar
|
|
||||||
</button>
|
</button>
|
||||||
|
<Link to='/secretaria/pacientes'>
|
||||||
|
<button className="btn btn-light" style={{ fontSize: '1.2rem', padding: '0.75rem 1.5rem' }}>
|
||||||
|
Cancelar
|
||||||
|
</button>
|
||||||
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -2,7 +2,7 @@ import API_KEY from "../apiKeys";
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
const GetByID = async (ID,authHeader) => {
|
const GetPatientByID = async (ID,authHeader) => {
|
||||||
|
|
||||||
console.log(authHeader, 'mostrando autorização dentro da função')
|
console.log(authHeader, 'mostrando autorização dentro da função')
|
||||||
|
|
||||||
@ -22,4 +22,34 @@ const DictPaciente = await result.json()
|
|||||||
return DictPaciente
|
return DictPaciente
|
||||||
}
|
}
|
||||||
|
|
||||||
export {GetByID}
|
const GetAllPatients = async (authHeader) => {
|
||||||
|
var myHeaders = new Headers();
|
||||||
|
myHeaders.append("apikey", API_KEY);
|
||||||
|
myHeaders.append("Authorization", authHeader);
|
||||||
|
|
||||||
|
var requestOptions = {
|
||||||
|
method: 'GET',
|
||||||
|
headers: myHeaders,
|
||||||
|
redirect: 'follow'
|
||||||
|
};
|
||||||
|
|
||||||
|
const result = await fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/patients", requestOptions)
|
||||||
|
const DictPacientes = await result.json()
|
||||||
|
return DictPacientes
|
||||||
|
}
|
||||||
|
|
||||||
|
const GetPatientByCPF = async (cpf, authHeader) => {
|
||||||
|
const Pacientes = await GetAllPatients(authHeader)
|
||||||
|
|
||||||
|
|
||||||
|
for (let i = 0; i < Pacientes.length; i++) {
|
||||||
|
if (Pacientes[i].cpf === cpf) {
|
||||||
|
console.log('Paciente encontrado:', Pacientes[i]);
|
||||||
|
return Pacientes[i];
|
||||||
|
}
|
||||||
|
else{console.log("nada encontrado")}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export {GetPatientByID, GetAllPatients, GetPatientByCPF}
|
||||||
@ -9,12 +9,6 @@
|
|||||||
"icon": "calendar-plus-fill",
|
"icon": "calendar-plus-fill",
|
||||||
"url": "/medico/prontuario"
|
"url": "/medico/prontuario"
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
|
||||||
"name": "Laudos",
|
|
||||||
"icon": "table",
|
|
||||||
"url": "/medico/laudo"
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"name": "Seus Agendamentos",
|
"name": "Seus Agendamentos",
|
||||||
"icon": "calendar",
|
"icon": "calendar",
|
||||||
|
|||||||
@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
|
|||||||
import avatarPlaceholder from '../assets/images/avatar_placeholder.png';
|
import avatarPlaceholder from '../assets/images/avatar_placeholder.png';
|
||||||
import { useParams, useNavigate, useLocation, Navigate } from "react-router-dom";
|
import { useParams, useNavigate, useLocation, Navigate } from "react-router-dom";
|
||||||
import API_KEY from "../components/utils/apiKeys";
|
import API_KEY from "../components/utils/apiKeys";
|
||||||
import {GetByID} from "../components/utils/Functions-Endpoints/Patient"
|
import {GetPatientByID} from "../components/utils/Functions-Endpoints/Patient"
|
||||||
import { Link } from "react-router-dom";
|
import { Link } from "react-router-dom";
|
||||||
import { useAuth } from "../components/utils/AuthProvider";
|
import { useAuth } from "../components/utils/AuthProvider";
|
||||||
|
|
||||||
@ -27,7 +27,7 @@ const Details = () => {
|
|||||||
console.log(patientID, 'teu id')
|
console.log(patientID, 'teu id')
|
||||||
const authHeader = getAuthorizationHeader()
|
const authHeader = getAuthorizationHeader()
|
||||||
|
|
||||||
GetByID(patientID, authHeader)
|
GetPatientByID(patientID, authHeader)
|
||||||
.then((data) => {
|
.then((data) => {
|
||||||
console.log(data, "paciente vindo da API");
|
console.log(data, "paciente vindo da API");
|
||||||
setPaciente(data[0]); // supabase retorna array
|
setPaciente(data[0]); // supabase retorna array
|
||||||
|
|||||||
@ -5,88 +5,305 @@ import API_KEY from '../components/utils/apiKeys';
|
|||||||
import { useNavigate, useLocation } from 'react-router-dom';
|
import { useNavigate, useLocation } from 'react-router-dom';
|
||||||
|
|
||||||
function DoctorCadastroManager() {
|
function DoctorCadastroManager() {
|
||||||
const [DoctorDict, setDoctorDict] = useState({})
|
const [doctorData, setDoctorData] = useState({});
|
||||||
|
const [isLoading, setIsLoading] = useState(false);
|
||||||
|
const [showSuccessModal, setShowSuccessModal] = useState(false);
|
||||||
|
const [showErrorModal, setShowErrorModal] = useState(false);
|
||||||
|
const [errorMessage, setErrorMessage] = useState('');
|
||||||
|
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const location = useLocation();
|
const location = useLocation();
|
||||||
const { getAuthorizationHeader, isAuthenticated } = useAuth();
|
const { getAuthorizationHeader, isAuthenticated } = useAuth();
|
||||||
|
|
||||||
const handleSaveDoctor = async (doctorData) => {
|
const handleSaveDoctor = async (doctorData) => {
|
||||||
|
setIsLoading(true);
|
||||||
const authHeader = getAuthorizationHeader();
|
const authHeader = getAuthorizationHeader();
|
||||||
|
|
||||||
var myHeaders = new Headers();
|
|
||||||
myHeaders.append("Content-Type", "application/json");
|
|
||||||
myHeaders.append("apikey", API_KEY);
|
|
||||||
myHeaders.append("Authorization", authHeader);
|
|
||||||
|
|
||||||
console.log(' Dados recebidos do Form:', doctorData);
|
|
||||||
|
|
||||||
const cleanedData = {
|
|
||||||
full_name: doctorData.full_name,
|
|
||||||
cpf: doctorData.cpf ? doctorData.cpf.replace(/\D/g, '') : null,
|
|
||||||
birth_date: doctorData.birth_date || null,
|
|
||||||
email: doctorData.email,
|
|
||||||
phone_mobile: doctorData.phone_mobile ? doctorData.phone_mobile.replace(/\D/g, '') : null,
|
|
||||||
crm_uf: doctorData.crm_uf,
|
|
||||||
crm: doctorData.crm,
|
|
||||||
specialty: doctorData.specialty || null,
|
|
||||||
cep: doctorData.cep ? doctorData.cep.replace(/\D/g, '') : null,
|
|
||||||
street: doctorData.street || null,
|
|
||||||
neighborhood: doctorData.neighborhood || null,
|
|
||||||
city: doctorData.city || null,
|
|
||||||
state: doctorData.state || null,
|
|
||||||
number: doctorData.number || null,
|
|
||||||
complement: doctorData.complement || null,
|
|
||||||
phone2: doctorData.phone2 ? doctorData.phone2.replace(/\D/g, '') : null,
|
|
||||||
};
|
|
||||||
|
|
||||||
console.log(' Dados limpos para envio:', cleanedData);
|
|
||||||
|
|
||||||
var raw = JSON.stringify(cleanedData);
|
|
||||||
|
|
||||||
var requestOptions = {
|
|
||||||
method: 'POST',
|
|
||||||
headers: myHeaders,
|
|
||||||
body: raw,
|
|
||||||
redirect: 'follow'
|
|
||||||
};
|
|
||||||
|
|
||||||
try {
|
try {
|
||||||
|
var myHeaders = new Headers();
|
||||||
|
myHeaders.append("Content-Type", "application/json");
|
||||||
|
myHeaders.append("apikey", API_KEY);
|
||||||
|
myHeaders.append("Authorization", authHeader);
|
||||||
|
|
||||||
|
console.log('Dados recebidos do Form:', doctorData);
|
||||||
|
|
||||||
|
const cleanedData = {
|
||||||
|
full_name: doctorData.full_name,
|
||||||
|
cpf: doctorData.cpf ? doctorData.cpf.replace(/\D/g, '') : null,
|
||||||
|
birth_date: doctorData.birth_date || null,
|
||||||
|
email: doctorData.email,
|
||||||
|
phone_mobile: doctorData.phone_mobile ? doctorData.phone_mobile.replace(/\D/g, '') : null,
|
||||||
|
crm_uf: doctorData.crm_uf,
|
||||||
|
crm: doctorData.crm,
|
||||||
|
specialty: doctorData.specialty || null,
|
||||||
|
cep: doctorData.cep ? doctorData.cep.replace(/\D/g, '') : null,
|
||||||
|
street: doctorData.street || null,
|
||||||
|
neighborhood: doctorData.neighborhood || null,
|
||||||
|
city: doctorData.city || null,
|
||||||
|
state: doctorData.state || null,
|
||||||
|
number: doctorData.number || null,
|
||||||
|
complement: doctorData.complement || null,
|
||||||
|
phone2: doctorData.phone2 ? doctorData.phone2.replace(/\D/g, '') : null,
|
||||||
|
};
|
||||||
|
|
||||||
|
console.log('Dados limpos para envio:', cleanedData);
|
||||||
|
|
||||||
|
var raw = JSON.stringify(cleanedData);
|
||||||
|
|
||||||
|
var requestOptions = {
|
||||||
|
method: 'POST',
|
||||||
|
headers: myHeaders,
|
||||||
|
body: raw,
|
||||||
|
redirect: 'follow'
|
||||||
|
};
|
||||||
|
|
||||||
const response = await fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/doctors", requestOptions);
|
const response = await fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/doctors", requestOptions);
|
||||||
|
|
||||||
console.log(" Status da resposta:", response.status);
|
console.log("Status da resposta:", response.status);
|
||||||
console.log(" Response ok:", response.ok);
|
console.log("Response ok:", response.ok);
|
||||||
|
|
||||||
if (!response.ok) {
|
if (!response.ok) {
|
||||||
let errorMessage = `Erro HTTP: ${response.status}`;
|
let errorMessage = `Erro ao salvar médico (${response.status})`;
|
||||||
try {
|
|
||||||
const errorData = await response.json();
|
|
||||||
console.error(" Erro detalhado:", errorData);
|
const responseText = await response.text();
|
||||||
errorMessage = errorData.message || errorData.details || errorMessage;
|
console.log("Conteúdo da resposta:", responseText);
|
||||||
} catch (e) {
|
|
||||||
const errorText = await response.text();
|
if (responseText) {
|
||||||
console.error(" Erro texto:", errorText);
|
try {
|
||||||
errorMessage = errorText || errorMessage;
|
const errorData = JSON.parse(responseText);
|
||||||
|
console.error("Erro detalhado:", errorData);
|
||||||
|
errorMessage = errorData.message || errorData.details || errorMessage;
|
||||||
|
} catch (jsonError) {
|
||||||
|
|
||||||
|
errorMessage = responseText || errorMessage;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
errorMessage = `Resposta vazia do servidor (${response.status})`;
|
||||||
}
|
}
|
||||||
|
|
||||||
throw new Error(errorMessage);
|
throw new Error(errorMessage);
|
||||||
}
|
}
|
||||||
|
|
||||||
const result = await response.json();
|
const responseText = await response.text();
|
||||||
console.log("Médico salvo no backend:", result);
|
let result = null;
|
||||||
|
|
||||||
// Redireciona para a lista de médicos do perfil atual
|
if (responseText) {
|
||||||
const prefixo = location.pathname.split("/")[1];
|
try {
|
||||||
navigate(`/${prefixo}/medicos`);
|
result = JSON.parse(responseText);
|
||||||
|
console.log("Médico salvo no backend:", result);
|
||||||
|
} catch (jsonError) {
|
||||||
|
console.warn("Resposta não é JSON válido, mas request foi bem-sucedido");
|
||||||
|
result = { success: true, status: response.status };
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
console.log("Resposta vazia - assumindo sucesso");
|
||||||
|
result = { success: true, status: response.status };
|
||||||
|
}
|
||||||
|
|
||||||
return result;
|
|
||||||
|
setShowSuccessModal(true);
|
||||||
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error(" Erro ao salvar Médico:", error);
|
console.error("Erro ao salvar Médico:", error);
|
||||||
throw error;
|
|
||||||
|
let userFriendlyMessage = error.message;
|
||||||
|
|
||||||
|
if (error.message.includes('doctors_cpf_key') || error.message.includes('duplicate key')) {
|
||||||
|
userFriendlyMessage = 'Já existe um médico cadastrado com este CPF. Verifique os dados ou edite o médico existente.';
|
||||||
|
} else if (error.message.includes('Unexpected end of JSON input')) {
|
||||||
|
userFriendlyMessage = 'Erro de comunicação com o servidor. Tente novamente.';
|
||||||
|
}
|
||||||
|
|
||||||
|
setErrorMessage(userFriendlyMessage);
|
||||||
|
setShowErrorModal(true);
|
||||||
|
} finally {
|
||||||
|
setIsLoading(false);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleCloseSuccessModal = () => {
|
||||||
|
setShowSuccessModal(false);
|
||||||
|
|
||||||
|
const prefixo = location.pathname.split("/")[1];
|
||||||
|
navigate(`/${prefixo}/medicos`);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleCloseErrorModal = () => {
|
||||||
|
setShowErrorModal(false);
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|
||||||
|
{showSuccessModal && (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: "flex",
|
||||||
|
justifyContent: "center",
|
||||||
|
alignItems: "center",
|
||||||
|
position: "fixed",
|
||||||
|
top: 0,
|
||||||
|
left: 0,
|
||||||
|
width: "100%",
|
||||||
|
height: "100%",
|
||||||
|
backgroundColor: "rgba(0,0,0,0.5)",
|
||||||
|
zIndex: 9999,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
backgroundColor: "#fff",
|
||||||
|
borderRadius: "10px",
|
||||||
|
width: "400px",
|
||||||
|
maxWidth: "90%",
|
||||||
|
boxShadow: "0 5px 15px rgba(0,0,0,0.3)",
|
||||||
|
overflow: "hidden",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
backgroundColor: "#28a745",
|
||||||
|
padding: "15px 20px",
|
||||||
|
display: "flex",
|
||||||
|
justifyContent: "space-between",
|
||||||
|
alignItems: "center",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<h5 style={{ color: "#fff", margin: 0, fontSize: "1.2rem", fontWeight: "bold" }}>Sucesso</h5>
|
||||||
|
<button
|
||||||
|
onClick={handleCloseSuccessModal}
|
||||||
|
style={{
|
||||||
|
background: "none",
|
||||||
|
border: "none",
|
||||||
|
fontSize: "20px",
|
||||||
|
color: "#fff",
|
||||||
|
cursor: "pointer",
|
||||||
|
fontWeight: "bold",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
×
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style={{ padding: "25px 20px" }}>
|
||||||
|
<p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>
|
||||||
|
Médico cadastrado com sucesso!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: "flex",
|
||||||
|
justifyContent: "flex-end",
|
||||||
|
padding: "15px 20px",
|
||||||
|
borderTop: "1px solid #ddd",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
onClick={handleCloseSuccessModal}
|
||||||
|
style={{
|
||||||
|
backgroundColor: "#28a745",
|
||||||
|
color: "#fff",
|
||||||
|
border: "none",
|
||||||
|
padding: "8px 20px",
|
||||||
|
borderRadius: "6px",
|
||||||
|
cursor: "pointer",
|
||||||
|
fontSize: "1rem",
|
||||||
|
fontWeight: "bold",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Fechar
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
|
||||||
|
{showErrorModal && (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: "flex",
|
||||||
|
justifyContent: "center",
|
||||||
|
alignItems: "center",
|
||||||
|
position: "fixed",
|
||||||
|
top: 0,
|
||||||
|
left: 0,
|
||||||
|
width: "100%",
|
||||||
|
height: "100%",
|
||||||
|
backgroundColor: "rgba(0,0,0,0.5)",
|
||||||
|
zIndex: 9999,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
backgroundColor: "#fff",
|
||||||
|
borderRadius: "10px",
|
||||||
|
width: "400px",
|
||||||
|
maxWidth: "90%",
|
||||||
|
boxShadow: "0 5px 15px rgba(0,0,0,0.3)",
|
||||||
|
overflow: "hidden",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
backgroundColor: "#dc3545",
|
||||||
|
padding: "15px 20px",
|
||||||
|
display: "flex",
|
||||||
|
justifyContent: "space-between",
|
||||||
|
alignItems: "center",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<h5 style={{ color: "#fff", margin: 0, fontSize: "1.2rem", fontWeight: "bold" }}>Erro</h5>
|
||||||
|
<button
|
||||||
|
onClick={handleCloseErrorModal}
|
||||||
|
style={{
|
||||||
|
background: "none",
|
||||||
|
border: "none",
|
||||||
|
fontSize: "20px",
|
||||||
|
color: "#fff",
|
||||||
|
cursor: "pointer",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
×
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style={{ padding: "25px 20px" }}>
|
||||||
|
<p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>
|
||||||
|
{errorMessage}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: "flex",
|
||||||
|
justifyContent: "flex-end",
|
||||||
|
padding: "15px 20px",
|
||||||
|
borderTop: "1px solid #ddd",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
onClick={handleCloseErrorModal}
|
||||||
|
style={{
|
||||||
|
backgroundColor: "#dc3545",
|
||||||
|
color: "#fff",
|
||||||
|
border: "none",
|
||||||
|
padding: "8px 20px",
|
||||||
|
borderRadius: "6px",
|
||||||
|
cursor: "pointer",
|
||||||
|
fontSize: "1rem",
|
||||||
|
fontWeight: "bold",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Fechar
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
<div className="page-heading">
|
<div className="page-heading">
|
||||||
<h3>Cadastro de Médicos</h3>
|
<h3>Cadastro de Médicos</h3>
|
||||||
</div>
|
</div>
|
||||||
@ -95,9 +312,9 @@ function DoctorCadastroManager() {
|
|||||||
<div className="col-12">
|
<div className="col-12">
|
||||||
<DoctorForm
|
<DoctorForm
|
||||||
onSave={handleSaveDoctor}
|
onSave={handleSaveDoctor}
|
||||||
|
formData={doctorData}
|
||||||
formData={DoctorDict}
|
setFormData={setDoctorData}
|
||||||
setFormData={setDoctorDict}
|
isLoading={isLoading}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@ -3,7 +3,7 @@ import React from 'react'
|
|||||||
import PatientForm from '../components/patients/PatientForm'
|
import PatientForm from '../components/patients/PatientForm'
|
||||||
|
|
||||||
import {useEffect, useState} from 'react'
|
import {useEffect, useState} from 'react'
|
||||||
import { GetByID } from '../components/utils/Functions-Endpoints/Patient'
|
import { GetPatientByID } from '../components/utils/Functions-Endpoints/Patient'
|
||||||
import API_KEY from '../components/utils/apiKeys'
|
import API_KEY from '../components/utils/apiKeys'
|
||||||
import {useNavigate, useParams } from 'react-router-dom'
|
import {useNavigate, useParams } from 'react-router-dom'
|
||||||
import { useAuth } from '../components/utils/AuthProvider'
|
import { useAuth } from '../components/utils/AuthProvider'
|
||||||
@ -19,7 +19,7 @@ const PatientID = Parametros.id
|
|||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const authHeader = getAuthorizationHeader()
|
const authHeader = getAuthorizationHeader()
|
||||||
|
|
||||||
GetByID(PatientID, authHeader)
|
GetPatientByID(PatientID, authHeader)
|
||||||
.then((data) => {
|
.then((data) => {
|
||||||
console.log(data[0], "paciente vindo da API");
|
console.log(data[0], "paciente vindo da API");
|
||||||
setPatientPUT(data[0]); // supabase retorna array
|
setPatientPUT(data[0]); // supabase retorna array
|
||||||
|
|||||||
@ -11,33 +11,6 @@ function Inicio() {
|
|||||||
const [pacientes, setPacientes] = useState([]);
|
const [pacientes, setPacientes] = useState([]);
|
||||||
const [agendamentos, setAgendamentos] = useState([]);
|
const [agendamentos, setAgendamentos] = useState([]);
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
|
|
||||||
/*const fetchPacientes = async () => {
|
|
||||||
try {
|
|
||||||
const res = await fetch("https://mock.apidog.com/m1/1053378-0-default/pacientes");
|
|
||||||
const data = await res.json();
|
|
||||||
console.log(data)
|
|
||||||
//setPacientes(data.data);
|
|
||||||
} catch (error) {
|
|
||||||
console.error("Erro ao buscar pacientes:", error);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const fetchAgendamentos = async () => {
|
|
||||||
return; // <===serve para que nao cause erro
|
|
||||||
// try {
|
|
||||||
// const res = await fetch();
|
|
||||||
// const data = await res.json();
|
|
||||||
// setAgendamentos(data.data);
|
|
||||||
// } catch (error) {
|
|
||||||
// console.error("Erro ao buscar agendamentos:", error);
|
|
||||||
// }
|
|
||||||
};
|
|
||||||
|
|
||||||
fetchPacientes();
|
|
||||||
fetchAgendamentos();*/
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
const totalPacientes = pacientes.length;
|
const totalPacientes = pacientes.length;
|
||||||
const novosEsseMes = pacientes.filter(p => p.createdAt && new Date(p.createdAt).getMonth() === new Date().getMonth()).length;
|
const novosEsseMes = pacientes.filter(p => p.createdAt && new Date(p.createdAt).getMonth() === new Date().getMonth()).length;
|
||||||
|
|||||||
@ -1,37 +1,98 @@
|
|||||||
import {useState} from 'react';
|
import {useState} from 'react';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { useNavigate, useLocation } from 'react-router-dom';
|
import { useNavigate } from 'react-router-dom';
|
||||||
import PatientForm from '../components/patients/PatientForm';
|
import PatientForm from '../components/patients/PatientForm';
|
||||||
import API_KEY from '../components/utils/apiKeys';
|
import API_KEY from '../components/utils/apiKeys';
|
||||||
import { useAuth } from '../components/utils/AuthProvider';
|
import { useAuth } from '../components/utils/AuthProvider';
|
||||||
|
|
||||||
function PatientCadastroManager( {setCurrentPage} ) {
|
function PatientCadastroManager( {setCurrentPage} ) {
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate()
|
||||||
const location = useLocation();
|
|
||||||
const [showModal, setShowModal] = useState(false);
|
const [showModal, setShowModal] = useState(false);
|
||||||
const [infosModal, setInfosModal] = useState({title:'', message:''});
|
const [infosModal, setInfosModal] = useState({title:'', message:''});
|
||||||
|
const [isLoading, setIsLoading] = useState(false);
|
||||||
|
|
||||||
const { getAuthorizationHeader, isAuthenticated } = useAuth();
|
const { getAuthorizationHeader, isAuthenticated } = useAuth();
|
||||||
const [formData, setFormData] = useState({})
|
const [formData, setFormData] = useState({})
|
||||||
|
|
||||||
|
|
||||||
|
const validarCPF = (cpf) => {
|
||||||
|
cpf = cpf.replace(/\D/g, '');
|
||||||
|
|
||||||
|
if (cpf.length !== 11) return false;
|
||||||
|
|
||||||
|
|
||||||
|
if (/^(\d)\1+$/.test(cpf)) return false;
|
||||||
|
|
||||||
|
let soma = 0;
|
||||||
|
let resto;
|
||||||
|
|
||||||
|
for (let i = 1; i <= 9; i++) {
|
||||||
|
soma = soma + parseInt(cpf.substring(i-1, i)) * (11 - i);
|
||||||
|
}
|
||||||
|
|
||||||
|
resto = (soma * 10) % 11;
|
||||||
|
if ((resto === 10) || (resto === 11)) resto = 0;
|
||||||
|
if (resto !== parseInt(cpf.substring(9, 10))) return false;
|
||||||
|
|
||||||
|
soma = 0;
|
||||||
|
for (let i = 1; i <= 10; i++) {
|
||||||
|
soma = soma + parseInt(cpf.substring(i-1, i)) * (12 - i);
|
||||||
|
}
|
||||||
|
|
||||||
|
resto = (soma * 10) % 11;
|
||||||
|
if ((resto === 10) || (resto === 11)) resto = 0;
|
||||||
|
if (resto !== parseInt(cpf.substring(10, 11))) return false;
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
const handleSavePatient = async (patientData) => {
|
const handleSavePatient = async (patientData) => {
|
||||||
console.log('🔄 Iniciando salvamento do paciente:', patientData);
|
console.log(' Iniciando salvamento do paciente:', patientData);
|
||||||
|
setIsLoading(true);
|
||||||
|
|
||||||
try {
|
try {
|
||||||
|
|
||||||
|
console.log(' Verificando autenticação...');
|
||||||
|
if (!isAuthenticated) {
|
||||||
|
throw new Error('Usuário não autenticado');
|
||||||
|
}
|
||||||
|
|
||||||
const authHeader = getAuthorizationHeader();
|
const authHeader = getAuthorizationHeader();
|
||||||
|
console.log(' Header de autorização:', authHeader ? 'Presente' : 'Faltando');
|
||||||
|
|
||||||
|
if (!authHeader) {
|
||||||
|
throw new Error('Header de autorização não encontrado');
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
const cpfLimpo = patientData.cpf.replace(/\D/g, '');
|
||||||
|
if (!validarCPF(cpfLimpo)) {
|
||||||
|
throw new Error('CPF inválido. Por favor, verifique o número digitado.');
|
||||||
|
}
|
||||||
|
|
||||||
var myHeaders = new Headers();
|
var myHeaders = new Headers();
|
||||||
myHeaders.append("Content-Type", "application/json");
|
myHeaders.append("Content-Type", "application/json");
|
||||||
myHeaders.append("apikey", API_KEY);
|
myHeaders.append("apikey", API_KEY);
|
||||||
myHeaders.append("Authorization", authHeader);
|
myHeaders.append("Authorization", authHeader);
|
||||||
|
myHeaders.append("Prefer", "return=representation");
|
||||||
|
|
||||||
|
console.log(' Headers configurados:', {
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
'apikey': API_KEY ? 'Presente' : 'Faltando',
|
||||||
|
'Authorization': authHeader ? 'Presente' : 'Faltando',
|
||||||
|
'Prefer': 'return=representation'
|
||||||
|
});
|
||||||
|
|
||||||
const cleanedData = {
|
const cleanedData = {
|
||||||
full_name: patientData.full_name,
|
full_name: patientData.full_name,
|
||||||
cpf: patientData.cpf.replace(/\D/g, ''),
|
cpf: cpfLimpo,
|
||||||
birth_date: patientData.birth_date,
|
|
||||||
sex: patientData.sex,
|
|
||||||
email: patientData.email,
|
email: patientData.email,
|
||||||
phone_mobile: patientData.phone_mobile,
|
phone_mobile: patientData.phone_mobile,
|
||||||
|
|
||||||
|
birth_date: patientData.birth_date || null,
|
||||||
|
sex: patientData.sex === 'Masculino' ? 'M' :
|
||||||
|
patientData.sex === 'Feminino' ? 'F' :
|
||||||
|
patientData.sex || null,
|
||||||
social_name: patientData.social_name || null,
|
social_name: patientData.social_name || null,
|
||||||
rg: patientData.rg || null,
|
rg: patientData.rg || null,
|
||||||
blood_type: patientData.blood_type || null,
|
blood_type: patientData.blood_type || null,
|
||||||
@ -41,9 +102,14 @@ function PatientCadastroManager( {setCurrentPage} ) {
|
|||||||
notes: patientData.notes || null,
|
notes: patientData.notes || null,
|
||||||
};
|
};
|
||||||
|
|
||||||
console.log('📤 Dados limpos para envio:', cleanedData);
|
console.log(' Dados limpos para envio:', cleanedData);
|
||||||
|
|
||||||
|
if (!cleanedData.full_name || !cleanedData.cpf || !cleanedData.email || !cleanedData.phone_mobile) {
|
||||||
|
throw new Error('Dados obrigatórios faltando: nome, CPF, email e telefone são necessários');
|
||||||
|
}
|
||||||
|
|
||||||
var raw = JSON.stringify(cleanedData);
|
var raw = JSON.stringify(cleanedData);
|
||||||
|
console.log(' Payload JSON:', raw);
|
||||||
|
|
||||||
var requestOptions = {
|
var requestOptions = {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
@ -52,39 +118,74 @@ function PatientCadastroManager( {setCurrentPage} ) {
|
|||||||
redirect: 'follow'
|
redirect: 'follow'
|
||||||
};
|
};
|
||||||
|
|
||||||
|
console.log(' Fazendo requisição para API...');
|
||||||
const response = await fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/patients", requestOptions);
|
const response = await fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/patients", requestOptions);
|
||||||
|
|
||||||
console.log('📨 Status da resposta:', response.status);
|
console.log(' Status da resposta:', response.status);
|
||||||
console.log(' Response ok:', response.ok);
|
console.log(' Response ok:', response.ok);
|
||||||
|
|
||||||
|
let responseData;
|
||||||
|
try {
|
||||||
|
responseData = await response.json();
|
||||||
|
console.log(' Corpo da resposta:', responseData);
|
||||||
|
} catch (jsonError) {
|
||||||
|
console.log(' Não foi possível parsear JSON da resposta:', jsonError);
|
||||||
|
responseData = { error: 'Resposta inválida da API' };
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
if (!response.ok) {
|
if (!response.ok) {
|
||||||
let errorMessage = `Erro HTTP: ${response.status}`;
|
console.error(' Erro da API - Detalhes:', {
|
||||||
try {
|
status: response.status,
|
||||||
const errorData = await response.json();
|
statusText: response.statusText,
|
||||||
errorMessage = errorData.message || errorData.details || errorMessage;
|
data: responseData
|
||||||
} catch (e) {
|
});
|
||||||
const errorText = await response.text();
|
|
||||||
errorMessage = errorText || errorMessage;
|
let errorMessage = 'Erro ao salvar paciente';
|
||||||
|
|
||||||
|
if (response.status === 401) {
|
||||||
|
errorMessage = 'Não autorizado. Verifique suas credenciais.';
|
||||||
|
} else if (response.status === 403) {
|
||||||
|
errorMessage = 'Acesso proibido. Verifique suas permissões.';
|
||||||
|
} else if (response.status === 409) {
|
||||||
|
errorMessage = 'Paciente com este CPF já existe.';
|
||||||
|
} else if (response.status === 400) {
|
||||||
|
errorMessage = `Dados inválidos: ${responseData.details || responseData.message || 'Verifique os campos'}`;
|
||||||
|
} else if (response.status === 422) {
|
||||||
|
errorMessage = `Dados de entrada inválidos: ${responseData.details || 'Verifique o formato dos dados'}`;
|
||||||
|
} else if (response.status >= 500) {
|
||||||
|
errorMessage = 'Erro interno do servidor. Tente novamente mais tarde.';
|
||||||
|
} else {
|
||||||
|
errorMessage = `Erro ${response.status}: ${responseData.message || responseData.error || 'Erro desconhecido'}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
throw new Error(errorMessage);
|
throw new Error(errorMessage);
|
||||||
}
|
}
|
||||||
|
|
||||||
const result = await response.json();
|
console.log(' Paciente salvo com sucesso:', responseData);
|
||||||
console.log("Paciente salvo no backend:", result);
|
|
||||||
|
|
||||||
// Redireciona para a lista de pacientes do perfil atual
|
|
||||||
const prefixo = location.pathname.split("/")[1];
|
|
||||||
navigate(`/${prefixo}/pacientes`);
|
|
||||||
|
|
||||||
return result;
|
|
||||||
|
|
||||||
} catch (error) {
|
|
||||||
console.error(error);
|
|
||||||
setInfosModal({
|
setInfosModal({
|
||||||
title: 'Erro de conexão',
|
title: 'Sucesso',
|
||||||
message: 'Não foi possível conectar ao servidor. Verifique sua internet e tente novamente.'
|
message: 'O cadastro do paciente foi realizado com sucesso.'
|
||||||
});
|
});
|
||||||
setShowModal(true);
|
setShowModal(true);
|
||||||
|
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
setShowModal(false);
|
||||||
|
navigate('/secretaria/pacientes');
|
||||||
|
}, 2000);
|
||||||
|
|
||||||
|
} catch (error) {
|
||||||
|
console.error(' Erro completo ao salvar paciente:', error);
|
||||||
|
setInfosModal({
|
||||||
|
title: 'Erro',
|
||||||
|
message: error.message || 'Não foi possível conectar ao servidor. Verifique sua internet e tente novamente.'
|
||||||
|
});
|
||||||
|
setShowModal(true);
|
||||||
|
} finally {
|
||||||
|
setIsLoading(false);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -92,44 +193,117 @@ function PatientCadastroManager( {setCurrentPage} ) {
|
|||||||
<>
|
<>
|
||||||
<div className="page-heading">
|
<div className="page-heading">
|
||||||
{showModal &&(
|
{showModal &&(
|
||||||
<div className="modal" style={{ display: 'block', backgroundColor: 'rgba(0,0,0,0.5)' }}>
|
<div
|
||||||
<div className="modal-dialog">
|
style={{
|
||||||
<div className="modal-content">
|
display: "flex",
|
||||||
<div className="modal-header bg-danger text-white">
|
justifyContent: "center",
|
||||||
<h5 className="modal-title">{infosModal.title}</h5>
|
alignItems: "center",
|
||||||
<button
|
position: "fixed",
|
||||||
type="button"
|
top: 0,
|
||||||
className="btn-close"
|
left: 0,
|
||||||
onClick={() => setShowModal(false)}
|
width: "100%",
|
||||||
></button>
|
height: "100%",
|
||||||
</div>
|
backgroundColor: "rgba(0,0,0,0.5)",
|
||||||
<div className="modal-body">
|
zIndex: 9999,
|
||||||
<p>{infosModal.message}</p>
|
}}
|
||||||
</div>
|
>
|
||||||
<div className="modal-footer">
|
<div
|
||||||
<button
|
style={{
|
||||||
type="button"
|
backgroundColor: "#fff",
|
||||||
className="btn btn-primary"
|
borderRadius: "10px",
|
||||||
onClick={() => setShowModal(false)}
|
width: "400px",
|
||||||
>
|
maxWidth: "90%",
|
||||||
Fechar
|
boxShadow: "0 5px 15px rgba(0,0,0,0.3)",
|
||||||
</button>
|
overflow: "hidden",
|
||||||
</div>
|
}}
|
||||||
|
>
|
||||||
|
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
backgroundColor: infosModal.title === 'Sucesso' ? "#28a745" : "#dc3545",
|
||||||
|
padding: "15px 20px",
|
||||||
|
display: "flex",
|
||||||
|
justifyContent: "space-between",
|
||||||
|
alignItems: "center",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<h5 style={{ color: "#fff", margin: 0, fontSize: "1.2rem", fontWeight: "bold" }}>{infosModal.title}</h5>
|
||||||
|
<button
|
||||||
|
onClick={() => setShowModal(false)}
|
||||||
|
style={{
|
||||||
|
background: "none",
|
||||||
|
border: "none",
|
||||||
|
fontSize: "20px",
|
||||||
|
color: "#fff",
|
||||||
|
cursor: "pointer",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
×
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div style={{ padding: "25px 20px" }}>
|
||||||
|
<p style={{ color: "#111", fontSize: "1.1rem", margin: 0, fontWeight: "600" }}>
|
||||||
|
{infosModal.message}
|
||||||
|
</p>
|
||||||
|
{infosModal.title === 'Erro' && (
|
||||||
|
<p style={{ color: "#666", fontSize: "0.9rem", margin: "10px 0 0 0" }}>
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: "flex",
|
||||||
|
justifyContent: "flex-end",
|
||||||
|
padding: "15px 20px",
|
||||||
|
borderTop: "1px solid #ddd",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
onClick={() => {
|
||||||
|
setShowModal(false);
|
||||||
|
if (infosModal.title === 'Sucesso') {
|
||||||
|
navigate('/secretaria/pacientes');
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
style={{
|
||||||
|
backgroundColor: "#1e3a8a",
|
||||||
|
color: "#fff",
|
||||||
|
border: "none",
|
||||||
|
padding: "8px 20px",
|
||||||
|
borderRadius: "6px",
|
||||||
|
cursor: "pointer",
|
||||||
|
fontSize: "1rem",
|
||||||
|
fontWeight: "bold",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Fechar
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<h3>Cadastro de Pacientes</h3>
|
<h3>Cadastro de Pacientes</h3>
|
||||||
|
{isLoading && (
|
||||||
|
<div className="alert alert-info">
|
||||||
|
<div className="spinner-border spinner-border-sm me-2" role="status"></div>
|
||||||
|
Salvando paciente...
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
<div className="page-content">
|
<div className="page-content">
|
||||||
<section className="row">
|
<section className="row">
|
||||||
<div className="col-12">
|
<div className="col-12">
|
||||||
<PatientForm
|
<PatientForm
|
||||||
onSave={handleSavePatient}
|
onSave={handleSavePatient}
|
||||||
|
onCancel={() => navigate('/secretaria/pacientes')}
|
||||||
formData={formData}
|
formData={formData}
|
||||||
setFormData={setFormData}
|
setFormData={setFormData}
|
||||||
|
isLoading={isLoading}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
62
src/pages/style/TrocardePerfil.css
Normal file
62
src/pages/style/TrocardePerfil.css
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
.container-perfis {
|
||||||
|
position: absolute;
|
||||||
|
top: 80px;
|
||||||
|
left: 30px;
|
||||||
|
width: calc(100% - 60px);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
z-index: 60;
|
||||||
|
}
|
||||||
|
|
||||||
|
.acesso-text {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #1e2b57;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* estilo visual refinado do select */
|
||||||
|
.perfil-select {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px 14px;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1.8px solid #d0d5dd;
|
||||||
|
background-color: #f9fafc;
|
||||||
|
color: #1e2b57;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 14px;
|
||||||
|
outline: none;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
box-shadow: 0 1px 3px rgba(30, 43, 87, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.perfil-select:hover {
|
||||||
|
border-color: #7a85ff;
|
||||||
|
background-color: #ffffff;
|
||||||
|
box-shadow: 0 2px 6px rgba(30, 43, 87, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.perfil-select:focus {
|
||||||
|
border-color: #5a46ff;
|
||||||
|
box-shadow: 0 0 0 3px rgba(90, 70, 255, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.perfil-select option[value=""] {
|
||||||
|
color: #777;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* responsivo */
|
||||||
|
@media (max-width: 780px) {
|
||||||
|
.container-perfis {
|
||||||
|
top: 60px;
|
||||||
|
left: 20px;
|
||||||
|
width: calc(100% - 40px);
|
||||||
|
}
|
||||||
|
.perfil-select {
|
||||||
|
font-size: 13px;
|
||||||
|
padding: 8px 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
83
src/pages/style/TrocardePerfis.css
Normal file
83
src/pages/style/TrocardePerfis.css
Normal file
@ -0,0 +1,83 @@
|
|||||||
|
/* TrocardePerfis.css */
|
||||||
|
.container-perfis {
|
||||||
|
/* certifique-se de que este arquivo esteja sendo importado corretamente */
|
||||||
|
position: relative; /* evita sobrescrever posição do layout pai */
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-end; /* empurra o select para a direita */
|
||||||
|
padding-right: 24px;
|
||||||
|
padding-left: 16px;
|
||||||
|
margin-top: 20px;
|
||||||
|
width: auto; /* evita que ocupe 100% */
|
||||||
|
z-index: 60;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Alinha o label à direita para combinar com o select */
|
||||||
|
.container-perfis .acesso-text {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #1e2b57;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Estilo do select (mais específico para evitar overrides) */
|
||||||
|
.container-perfis .perfil-select {
|
||||||
|
width: 220px; /* largura fixa similar ao exemplo */
|
||||||
|
padding: 10px 14px;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid #d0d5dd;
|
||||||
|
background-color: #ffffff;
|
||||||
|
color: #344054;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 14px;
|
||||||
|
outline: none;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.16s ease-in-out;
|
||||||
|
box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
|
||||||
|
margin-left: auto; /* garante alinhamento à direita */
|
||||||
|
display: block;
|
||||||
|
appearance: none; /* remove aparência nativa (melhora visual) */
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
background-image: linear-gradient(45deg, transparent 50%, #344054 50%),
|
||||||
|
linear-gradient(135deg, #344054 50%, transparent 50%); /* seta */
|
||||||
|
background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 13px) calc(50% - 3px);
|
||||||
|
background-size: 6px 6px, 6px 6px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
padding-right: 36px; /* espaço para a "seta" */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* remove seta do select no IE */
|
||||||
|
.container-perfis .perfil-select::-ms-expand {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container-perfis .perfil-select:hover {
|
||||||
|
border-color: #3366ff;
|
||||||
|
box-shadow: 0 4px 10px rgba(51, 102, 255, 0.06);
|
||||||
|
}
|
||||||
|
|
||||||
|
.container-perfis .perfil-select:focus {
|
||||||
|
border-color: #3366ff;
|
||||||
|
box-shadow: 0 0 0 3px rgba(51, 102, 255, 0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* placeholder option */
|
||||||
|
.container-perfis .perfil-select option[value=""] {
|
||||||
|
color: #9ca3af;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* responsivo */
|
||||||
|
@media (max-width: 780px) {
|
||||||
|
.container-perfis {
|
||||||
|
align-items: flex-start;
|
||||||
|
padding-right: 8px;
|
||||||
|
}
|
||||||
|
.container-perfis .perfil-select {
|
||||||
|
width: 100%;
|
||||||
|
margin-left: 0;
|
||||||
|
padding-right: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,12 +1,14 @@
|
|||||||
import { Routes, Route } from "react-router-dom";
|
import { Routes, Route } from "react-router-dom";
|
||||||
import Sidebar from "../../components/Sidebar";
|
import Sidebar from "../../components/Sidebar";
|
||||||
|
|
||||||
import LaudoManager from "../../pages/LaudoManager";
|
import DoctorRelatorioManager from "../../PagesMedico/DoctorRelatorioManager";
|
||||||
import Prontuario from "../../PagesMedico/prontuario";
|
import Prontuario from "../../PagesMedico/prontuario";
|
||||||
import Relatorio from "../../PagesMedico/relatorio";
|
import Relatorio from "../../PagesMedico/relatorio";
|
||||||
import Agendamento from "../../PagesMedico/Agendamento";
|
import Agendamento from "../../PagesMedico/Agendamento";
|
||||||
import Chat from "../../PagesMedico/Chat";
|
import Chat from "../../PagesMedico/Chat";
|
||||||
import DoctorItems from "../../data/sidebar-items-medico.json";
|
import DoctorItems from "../../data/sidebar-items-medico.json";
|
||||||
|
import FormNovoRelatorio from "../../PagesMedico/FormNovoRelatorio";
|
||||||
|
import EditPageRelatorio from "../../PagesMedico/EditPageRelatorio";
|
||||||
// ...existing code...
|
// ...existing code...
|
||||||
|
|
||||||
function PerfilMedico() {
|
function PerfilMedico() {
|
||||||
@ -16,12 +18,13 @@ function PerfilMedico() {
|
|||||||
<Sidebar menuItems={DoctorItems} />
|
<Sidebar menuItems={DoctorItems} />
|
||||||
<div id="main">
|
<div id="main">
|
||||||
<Routes>
|
<Routes>
|
||||||
<Route path="/" element={<LaudoManager />} />
|
<Route path="/" element={<DoctorRelatorioManager />} />
|
||||||
<Route path="/laudo" element={<LaudoManager />} />
|
<Route path="/relatorios/criar" element={<FormNovoRelatorio />} />
|
||||||
|
<Route path="/relatorios/:id/edit" element={<EditPageRelatorio />} />
|
||||||
<Route path="/prontuario" element={<Prontuario />} />
|
<Route path="/prontuario" element={<Prontuario />} />
|
||||||
<Route path="/relatorios" element={<Relatorio />} />
|
<Route path="/relatorios" element={<DoctorRelatorioManager />} />
|
||||||
<Route path="/agendamentoMedico" element={<Agendamento />} />
|
<Route path="/agendamentoMedico" element={<Agendamento />} />
|
||||||
<Route path="/chat" element={<Chat />} /> {/* <-- nova rota */}
|
<Route path="/chat" element={<Chat />} />
|
||||||
</Routes>
|
</Routes>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -12,9 +12,7 @@ function PerfilFinanceiro({ onLogout }) {
|
|||||||
<div id="main">
|
<div id="main">
|
||||||
<Routes>
|
<Routes>
|
||||||
<Route path="/" element={<FinanceiroDashboard/>}/>
|
<Route path="/" element={<FinanceiroDashboard/>}/>
|
||||||
|
|
||||||
<Route path="controlefinanceiro" element={<FinanceiroDashboard/>}/>
|
<Route path="controlefinanceiro" element={<FinanceiroDashboard/>}/>
|
||||||
|
|
||||||
<Route path="*" element={<h2>Página não encontrada</h2>} />
|
<Route path="*" element={<h2>Página não encontrada</h2>} />
|
||||||
</Routes>
|
</Routes>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user