+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| src | +
+
+ |
+ 100% | +5/5 | +100% | +3/3 | +100% | +2/2 | +100% | +5/5 | +
| src/components/Chat | +
+
+ |
+ 25.64% | +30/117 | +8.82% | +6/68 | +24% | +6/25 | +24.54% | +27/110 | +
| src/components/Chat/ChatIntroduction | +
+
+ |
+ 100% | +10/10 | +100% | +3/3 | +100% | +4/4 | +100% | +7/7 | +
| src/components/CompleteInfoModal | +
+
+ |
+ 14.04% | +17/121 | +6.66% | +4/60 | +3.57% | +1/28 | +14.81% | +16/108 | +
| src/components/Counter | +
+
+ |
+ 69.04% | +29/42 | +88.88% | +8/9 | +78.57% | +11/14 | +65.78% | +25/38 | +
| src/components/Crasoul | +
+
+ |
+ 100% | +5/5 | +100% | +3/3 | +100% | +2/2 | +100% | +5/5 | +
| src/components/Doctor | +
+
+ |
+ 100% | +5/5 | +100% | +3/3 | +100% | +2/2 | +100% | +5/5 | +
| src/components/Doctor's_Patients | +
+
+ |
+ 23.8% | +10/42 | +35.29% | +6/17 | +18.18% | +2/11 | +27.77% | +10/36 | +
| src/components/DoctorInfoModal | +
+
+ |
+ 26.41% | +28/106 | +14.58% | +7/48 | +18.18% | +4/22 | +26.73% | +27/101 | +
| src/components/DoctorPannelRating | +
+
+ |
+ 18.51% | +5/27 | +40% | +4/10 | +12.5% | +1/8 | +18.18% | +4/22 | +
| src/components/Doctor_FreeTime | +
+
+ |
+ 15.18% | +29/191 | +14.81% | +12/81 | +7.84% | +4/51 | +16.57% | +29/175 | +
| src/components/DoctorsList | +
+
+ |
+ 8.16% | +12/147 | +8.57% | +6/70 | +5.71% | +2/35 | +8.45% | +12/142 | +
| src/components/Footer | +
+
+ |
+ 100% | +5/5 | +100% | +3/3 | +100% | +2/2 | +100% | +5/5 | +
| src/components/ForgetPassword | +
+
+ |
+ 8.92% | +5/56 | +10.34% | +3/29 | +10% | +1/10 | +9.43% | +5/53 | +
| src/components/Home | +
+
+ |
+ 100% | +4/4 | +100% | +3/3 | +100% | +2/2 | +100% | +4/4 | +
| src/components/LandingPage | +
+
+ |
+ 100% | +11/11 | +100% | +3/3 | +100% | +5/5 | +100% | +8/8 | +
| src/components/LoginSignUp | +
+
+ |
+ 27.27% | +54/198 | +28.3% | +30/106 | +30% | +6/20 | +25.77% | +50/194 | +
| src/components/MedicalInfoModal | +
+
+ |
+ 3.42% | +5/146 | +6.34% | +4/63 | +2.77% | +1/36 | +2.85% | +4/140 | +
| src/components/Patient_Panel | +
+
+ |
+ 25.33% | +19/75 | +8.39% | +12/143 | +14.28% | +4/28 | +30.15% | +19/63 | +
| src/components/RatingDoctor | +
+
+ |
+ 12.8% | +16/125 | +14.92% | +10/67 | +10% | +3/30 | +11.66% | +14/120 | +
| src/components/Recommendation | +
+
+ |
+ 90% | +9/10 | +100% | +3/3 | +75% | +3/4 | +85.71% | +6/7 | +
| src/components/RecommendationPage | +
+
+ |
+ 5.97% | +8/134 | +1.94% | +4/206 | +3.7% | +1/27 | +5.55% | +7/126 | +
| src/components/Reservation | +
+
+ |
+ 7.74% | +11/142 | +13.95% | +6/43 | +5.88% | +2/34 | +8.2% | +11/134 | +
| src/components/SeeingDoctorReservation | +
+
+ |
+ 19.29% | +11/57 | +41.17% | +7/17 | +14.28% | +2/14 | +20.4% | +10/49 | +
| src/components/SidebarNabar | +
+
+ |
+ 42.25% | +30/71 | +55.55% | +20/36 | +27.58% | +8/29 | +40% | +26/65 | +
| src/components/Slider | +
+
+ |
+ 41.66% | +5/12 | +60% | +3/5 | +25% | +1/4 | +40% | +4/10 | +
| src/components/TestPage | +
+
+ |
+ 26.31% | +5/19 | +10.34% | +3/29 | +16.66% | +1/6 | +23.52% | +4/17 | +
| src/components/Tests | +
+
+ |
+ 100% | +5/5 | +100% | +3/3 | +100% | +2/2 | +100% | +5/5 | +
| src/components/Tests_lib | +
+
+ |
+ 24.45% | +45/184 | +17.92% | +19/106 | +13.79% | +8/58 | +24.84% | +40/161 | +
| src/components/UserManagement | +
+
+ |
+ 5.55% | +6/108 | +8.33% | +4/48 | +3.7% | +1/27 | +3.88% | +4/103 | +
| src/components/User_Panel | +
+
+ |
+ 8.02% | +13/162 | +8.49% | +9/106 | +7.5% | +3/40 | +8.55% | +13/152 | +
| src/components/User_TestResult | +
+
+ |
+ 15.78% | +6/38 | +3.5% | +4/114 | +11.11% | +1/9 | +15.15% | +5/33 | +
| src/components/Verification | +
+
+ |
+ 7.93% | +5/63 | +10.34% | +3/29 | +11.11% | +1/9 | +8.33% | +5/60 | +
| src/components/aboutus | +
+
+ |
+ 100% | +9/9 | +100% | +3/3 | +100% | +3/3 | +100% | +6/6 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 | 256x + + + + + + + + + + + + + + + + + + + + + + + + + +94x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React from "react";
+import LoginContainer from "./components/LoginSignUp/LoginSignUp.jsx";
+import Landing from "./components/LandingPage/LandingPage.jsx";
+import AboutUS from "./components/aboutus/aboutus.jsx";
+import Verification from "./components/Verification/verification.jsx";
+import ForgetPassword from "./components/ForgetPassword/ForgetPassword.jsx";
+import User_Panel from "./components/User_Panel/User_Panel.jsx";
+import Home from "./components/Home/Home.jsx";
+import * as Router from "react-router-dom";
+import "bootstrap/dist/css/bootstrap.min.css";
+import DoctorList from "./components/DoctorsList/DoctorsList.jsx";
+import CourseList from "./components/TestPage/TestPage.jsx";
+import MBTITest from "./components/Tests_lib/test_MBTI.jsx";
+import GlasserTest from "./components/Tests_lib/test_Glasser.jsx";
+import ReservationPage from "./components/Reservation/Reservation.jsx";
+import DoctorPage from "./components/SeeingDoctorReservation/DoctorPage.jsx";
+import Patient_Panel from "./components/Patient_Panel/Patient_Panel.jsx";
+import PatientsList from "./components/Doctor's_Patients/PatientsList.jsx";
+import DoctorRating from "./components/DoctorPannelRating/DoctorPannelRating.jsx";
+import Doctor_FreeTime from "./components/Doctor_FreeTime/Doctor_FreeTime.jsx";
+import Testresult from "./components/User_TestResult/TestResult.jsx";
+import RecommendationPage from "./components/RecommendationPage/RecommendationPage.jsx";
+import UserManagement from "./components/UserManagement/user_management.jsx";
+import Chat from "./components/Chat/Chat.jsx";
+
+function App() {
+ return (
+ <Router.BrowserRouter>
+ <Router.Routes>
+ <Router.Route path="/" element={<Home />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/User_Panel" element={<User_Panel />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/Home" element={<Home />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/Signup" element={<LoginContainer />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/Landing" element={<Landing />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/AboutUs" element={<AboutUS />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/verification" element={<Verification />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/ForgetPassword" element={<ForgetPassword />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/TestPage" element={<CourseList />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/Doctors" element={<DoctorList />}>
+ {" "}
+ </Router.Route>
+
+ <Router.Route path="/MBTI" element={<MBTITest />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/Glasser" element={<GlasserTest />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/Reserve" element={<ReservationPage />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/DoctorPage" element={<DoctorPage />}>
+ {" "}
+ </Router.Route>
+
+ <Router.Route path="/Patient_Panel" element={<Patient_Panel />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/PatientsList" element={<PatientsList />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/DoctorFreeTime" element={<Doctor_FreeTime />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/TestResult" element={<Testresult />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/DoctorRatings" element={<DoctorRating />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/RecommendationPage" element={<RecommendationPage />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/User_Management" element={<UserManagement />}>
+ {" "}
+ </Router.Route>
+ <Router.Route path="/Chat" element={<Chat />}>
+ {" "}
+ </Router.Route>
+ </Router.Routes>
+ </Router.BrowserRouter>
+ );
+}
+
+export default App;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 +398 +399 +400 +401 +402 +403 +404 +405 +406 +407 +408 +409 +410 +411 +412 +413 +414 +415 +416 +417 +418 +419 +420 +421 +422 +423 +424 +425 +426 +427 +428 +429 +430 +431 +432 +433 +434 +435 +436 +437 +438 +439 +440 +441 +442 +443 +444 +445 +446 +447 +448 +449 +450 +451 +452 +453 +454 +455 +456 +457 +458 +459 +460 +461 +462 +463 +464 +465 +466 +467 +468 +469 +470 +471 +472 +473 +474 +475 +476 +477 +478 +479 +480 +481 +482 +483 +484 +485 +486 +487 +488 +489 +490 +491 +492 +493 +494 +495 +496 +497 +498 +499 +500 +501 +502 +503 +504 +505 +506 +507 +508 +509 +510 +511 +512 +513 +514 +515 +516 +517 +518 +519 +520 +521 +522 +523 +524 +525 +526 +527 +528 +529 +530 +531 +532 +533 +534 +535 +536 +537 +538 +539 +540 +541 +542 +543 +544 +545 +546 +547 +548 +549 +550 +551 +552 +553 +554 +555 +556 +557 +558 +559 +560 +561 +562 +563 +564 +565 +566 +567 +568 +569 +570 +571 +572 +573 +574 +575 +576 +577 +578 +579 +580 +581 +582 +583 +584 +585 +586 +587 +588 +589 +590 +591 +592 +593 +594 +595 +596 +597 +598 +599 +600 +601 +602 +603 +604 +605 +606 +607 +608 +609 +610 +611 +612 +613 +614 +615 +616 +617 +618 +619 +620 +621 +622 +623 +624 +625 +626 +627 +628 +629 +630 +631 +632 +633 +634 +635 +636 +637 +638 +639 +640 +641 +642 +643 +644 +645 +646 +647 +648 +649 +650 +651 +652 +653 +654 +655 +656 +657 +658 +659 +660 +661 +662 +663 +664 +665 +666 +667 +668 +669 +670 +671 +672 +673 +674 +675 +676 +677 +678 +679 +680 +681 +682 +683 +684 +685 +686 +687 +688 +689 +690 +691 +692 +693 +694 +695 +696 +697 +698 +699 +700 +701 +702 +703 +704 +705 +706 +707 +708 +709 +710 +711 +712 +713 +714 +715 +716 +717 +718 +719 +720 +721 +722 +723 +724 +725 +726 +727 +728 +729 +730 +731 +732 +733 +734 +735 +736 +737 +738 +739 +740 +741 +742 +743 +744 +745 +746 +747 +748 +749 +750 +751 +752 +753 +754 +755 +756 +757 +758 +759 +760 +761 +762 +763 +764 +765 +766 +767 +768 +769 +770 +771 +772 +773 +774 +775 +776 +777 +778 +779 +780 +781 +782 +783 +784 +785 +786 +787 +788 +789 +790 +791 +792 +793 +794 +795 +796 +797 +798 +799 +800 +801 +802 +803 +804 +805 +806 +807 +808 +809 +810 +811 +812 +813 +814 +815 +816 +817 +818 +819 +820 +821 +822 +823 +824 +825 +826 +827 +828 +829 +830 +831 +832 +833 +834 +835 +836 +837 +838 +839 +840 +841 +842 +843 +844 +845 +846 +847 +848 +849 +850 +851 +852 +853 +854 +855 +856 +857 +858 +859 +860 +861 +862 +863 +864 +865 +866 +867 +868 +869 +870 +871 +872 +873 +874 +875 +876 +877 +878 +879 +880 +881 +882 +883 +884 +885 +886 +887 +888 +889 +890 +891 +892 +893 +894 +895 +896 +897 +898 +899 +900 +901 +902 +903 +904 +905 +906 +907 +908 +909 +910 +911 +912 +913 +914 +915 +916 +917 +918 +919 +920 +921 +922 +923 +924 +925 +926 +927 +928 +929 +930 +931 +932 +933 +934 +935 +936 +937 +938 +939 +940 +941 +942 +943 +944 +945 +946 +947 +948 +949 +950 +951 +952 +953 +954 +955 +956 +957 +958 +959 +960 +961 +962 | 320x + + + + + + + + + + + + + + + + + + + + + + + + + +32x + + + + + +32x +2x + + + + + + + + + +32x + +2x +2x +2x +2x +2x +2x +2x +2x +2x +2x + +2x +2x + + + + + + + + + + +2x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +2x +2x +2x +2x +2x + + + + + + + + + + + + + + + + + + + + + + +2x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +2x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +64x + | import "./Chat.css";
+import axios from "axios";
+import Footer from "../Footer/Footer";
+import { ToastContainer, toast } from "react-toastify";
+import { GrNewWindow } from "react-icons/gr";
+import "react-toastify/dist/ReactToastify.css";
+import { FaPaperPlane } from "react-icons/fa6";
+import React, { useState, useEffect, useRef } from "react";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar";
+import Form from "react-bootstrap/Form";
+import { useAudioRecorder } from "react-use-audio-recorder/dist/index.js";
+
+function GetTimeDiff(date) {
+ let date1 = new Date(date);
+ let date2 = new Date();
+ let Difference_In_ms = date2.getTime() - date1.getTime();
+ let days = Math.round(Difference_In_ms / (1000 * 3600 * 24));
+ let hour = Math.round(Difference_In_ms / (1000 * 3600));
+ let min = Math.round(Difference_In_ms / (1000 * 60));
+ return min == 0
+ ? "اکنون"
+ : min < 60
+ ? `${min} دقیقه`
+ : hour < 24
+ ? `${hour} ساعت`
+ : `${days} روز`;
+}
+function toPersianDigits(str) {
+ const persianDigits = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"];
+ return str.replace(/\d/g, (digit) => persianDigits[digit]);
+}
+
+const Chat = () => {
+ const [audio_data, SetData] = new useState(null);
+ const {
+ recordingStatus,
+ recordingTime,
+ startRecording,
+ stopRecording,
+ pauseRecording,
+ resumeRecording,
+ getBlob,
+ saveRecording,
+ } = useAudioRecorder();
+
+ const scrollRef = useRef(null);
+ const [conversationList, SetConversationsList] = new useState([]);
+ const [OpenConversation, SetConversations] = new useState(null);
+ const [Conv_id, SetId] = new useState(-1);
+ const [new_message, setMessage] = new useState();
+ const [Loading, setStaus] = new useState(true);
+ const [audio_blob, setBlob] = new useState("");
+ const [audio_, setaudio] = new useState(null);
+ const [toggle, settoggle] = new useState(true);
+ const [AudioPending, setPending] = new useState(false);
+
+ useEffect(() => {
+ Iif (scrollRef.current) {
+ scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+ }
+ }, []);
+
+ function playAudioBlob() {
+ Iif (toggle) audio_.play();
+ Iif (!toggle) audio_.pause();
+ settoggle((prev) => !prev);
+ }
+
+ const SendAudio = async () => {
+ setPending(true);
+ try {
+ const formData = new FormData();
+ formData.append("voice_file", audio_blob, "recording.wav");
+ const uploadResponse = await fetch(
+ "http://46.249.100.141:8070/depression-chat/process_wav_voice/",
+ {
+ method: "POST",
+ body: formData,
+ }
+ );
+
+ if (uploadResponse.status == 200) {
+ const responseData = await uploadResponse.json();
+ setPending(false);
+ setMessage(responseData.processed_text);
+ setBlob();
+ setaudio(null);
+ } else {
+ console.error("Failed to send audio:", uploadResponse.statusText);
+ }
+ } catch (error) {
+ console.error("Error sending audio:", error);
+ }
+ };
+
+ async function CreateConversation() {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios(
+ "http://46.249.100.141:8070/depression-chat/chat/create/",
+ {
+ method: "POST",
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ }
+ );
+ Iif (response.status == 200 || response.status == 201) {
+ SetConversationsList([
+ {
+ name: response.data.conversation.name,
+ id: response.data.conversation.id,
+ createTime: "اکنون",
+ },
+ ...conversationList,
+ ]);
+ SetConversations([]);
+ SetId(response.data.conversation.id);
+ }
+ } catch (error) {
+ toast.error("!دوباره تلاش کنید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ }
+ useEffect(() => {
+ const GetAllConversation = async () => {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios(
+ "http://46.249.100.141:8070/depression-chat/chat/all/",
+ {
+ method: "GET",
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ }
+ );
+ Iif (response.status == 200 || response.status == 201) {
+ const convs = response.data.conversations;
+ const list = [];
+ for (let con in convs)
+ list.push({
+ name: convs[con].name,
+ id: convs[con].id,
+ createTime: GetTimeDiff(convs[con].created_at),
+ });
+ SetConversationsList(list);
+ }
+ } catch (error) {}
+ };
+
+ GetAllConversation();
+ }, []);
+
+ async function GetConversation(id) {
+ SetId(id);
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios(
+ `http://46.249.100.141:8070/depression-chat/chat/${id}/`,
+ {
+ method: "GET",
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ }
+ );
+ Iif (response.status == 200 || response.status == 201) {
+ SetConversations(response.data.conversations);
+ }
+ } catch (error) {
+ Iif (error.response.status == 400) {
+ Iif (
+ error.response.data.message ==
+ "There is not chats in this Conversation. make a new one"
+ )
+ SetConversations([]);
+ }
+ }
+ }
+
+ async function SendMessage() {
+ setStaus(false);
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios(
+ `http://46.249.100.141:8070/depression-chat/chat/${Conv_id}/message/`,
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ data: {
+ message: new_message,
+ },
+ }
+ );
+ Iif (response.status === 200 || response.status === 201) {
+ setMessage("");
+ SetConversations([...OpenConversation, response.data]);
+ setStaus(true);
+ }
+ } catch (error) {
+ setStaus(true);
+ console.log(error.response.data.message);
+ Iif (
+ error.response.data.message ==
+ "you did not have any Tests yet, first take the phq9 test."
+ )
+ toast.error(".ابتدا تست PHQ9 را باید بدهید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ Iif (
+ error.response.data.message ==
+ "you did not have any Tests more than 7 days before, first take the phq9 test."
+ )
+ toast.error(".از اخرین تست PHQ9 شما 7 روز میگذرد، دوباره آزون بدهید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ Iif (error.response.data.message == "bad connection to open ai.")
+ toast.error("!هوش مصنوعی در حال حاضر امکان پاسخ دهی ندارد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ }
+
+ return (
+ <>
+ <NavBar_SideBar />
+ <ToastContainer style={{ width: "450px" }} />
+ <section style={{ overflowX: "hidden" }}>
+ <div class="py-5" align="center">
+ <div class="row">
+ <div class="col-md-12">
+ <div id="chat3" style={{ borderRadius: "15px", width: "100%" }}>
+ <div class="card-body">
+ <div class="row justify-content-center px-sm-3 ">
+ <div class="col-md-6 col-lg-5 col-xl-3 mb-4 mb-md-0 rounded-4 customize-chat-side">
+ <div class="py-4">
+ <div class="input-group rounded p-3" dir="rtl">
+ <span
+ onClick={CreateConversation}
+ className="cursor-pointer"
+ >
+ <GrNewWindow className="fs-5" />
+ </span>
+ </div>
+ <hr className="mt-0" />
+
+ <div
+ style={{
+ position: "relative",
+ height: "350px",
+ width: "90%",
+ overflowY: "auto",
+ }}
+ >
+ {conversationList.length == 0 && (
+ <p
+ className=" fs-5 font-custom "
+ style={{
+ position: "absolute",
+ top: "45%",
+ width: "100%",
+ color: "#198754",
+ }}
+ >
+ !هنوز مکالمه ای شروع نکرده اید
+ </p>
+ )}
+ <ul class="list-unstyled mb-0">
+ {conversationList.map((conversation) => (
+ <li
+ class="p-2"
+ style={{ borderBottom: "1px solid black" }}
+ >
+ <div
+ onClick={() =>
+ GetConversation(conversation.id)
+ }
+ class="d-flex justify-content-between"
+ >
+ <div class="d-flex flex-row">
+ <div class="pt-1">
+ <p
+ class="fw-bold mb-0 font-custom"
+ style={{ color: "#198754" }}
+ >
+ {conversation.name == ""
+ ? "گفتوگو جدید"
+ : conversation.name}
+ </p>
+ </div>
+ </div>
+ <div class="pt-4">
+ <p
+ class="small mb-1 font-custom"
+ style={{ color: "" }}
+ dir="rtl"
+ >
+ {toPersianDigits(conversation.createTime)}
+ </p>
+ </div>
+ </div>
+ </li>
+ ))}
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-5 col-lg-6 col-xl-8 ">
+ {OpenConversation != null && (
+ <>
+ <div
+ class="pt-3 pe-3"
+ id="scrollable-section"
+ ref={scrollRef}
+ style={{
+ position: "relative",
+ height: "400px",
+ overflowY: "auto",
+ }}
+ >
+ {OpenConversation.map((message) => (
+ <>
+ <div class="d-flex flex-row justify-content-end">
+ <div>
+ <p class="small p-2 me-3 mb-1 text-white rounded-3 chat-my-message font-custom">
+ {message.message}
+ </p>
+ </div>
+ <svg
+ height="40px"
+ version="1.1"
+ id="_x32_"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ viewBox="-56.32 -56.32 624.64 624.64"
+ xml:space="preserve"
+ fill="#198754"
+ stroke="#198754"
+ stroke-width="22.016"
+ >
+ <g
+ id="SVGRepo_bgCarrier"
+ stroke-width="0"
+ ></g>
+ <g
+ id="SVGRepo_tracerCarrier"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke="#CCCCCC"
+ stroke-width="2.048"
+ ></g>
+ <g id="SVGRepo_iconCarrier">
+ {" "}
+ <style type="text/css"> .st0 </style>{" "}
+ <g>
+ {" "}
+ <path
+ class="st0"
+ d="M256,265.308c73.252,0,132.644-59.391,132.644-132.654C388.644,59.412,329.252,0,256,0 c-73.262,0-132.643,59.412-132.643,132.654C123.357,205.917,182.738,265.308,256,265.308z"
+ ></path>{" "}
+ <path
+ class="st0"
+ d="M425.874,393.104c-5.922-35.474-36-84.509-57.552-107.465c-5.829-6.212-15.948-3.628-19.504-1.427 c-27.04,16.672-58.782,26.399-92.819,26.399c-34.036,0-65.778-9.727-92.818-26.399c-3.555-2.201-13.675-4.785-19.505,1.427 c-21.55,22.956-51.628,71.991-57.551,107.465C71.573,480.444,164.877,512,256,512C347.123,512,440.427,480.444,425.874,393.104z"
+ ></path>{" "}
+ </g>{" "}
+ </g>
+ </svg>{" "}
+ </div>
+ <div class="d-flex flex-row justify-content-start">
+ <svg
+ height="45px"
+ viewBox="0 0 96.00 96.00"
+ data-name="Your Icons"
+ id="Your_Icons"
+ xmlns="http://www.w3.org/2000/svg"
+ fill="#249861"
+ stroke="#249861"
+ stroke-width="0.768"
+ >
+ <g
+ id="SVGRepo_bgCarrier"
+ stroke-width="0"
+ transform="translate(4.32,4.32), scale(0.91)"
+ ></g>
+ <g
+ id="SVGRepo_tracerCarrier"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke="#CCCCCC"
+ stroke-width="0.384"
+ ></g>
+ <g id="SVGRepo_iconCarrier">
+ <defs>
+ <style>.cls-1</style>
+ </defs>
+ <title></title>
+ <path
+ class="cls-1"
+ d="M59.74,50.33h-.29A3.89,3.89,0,0,0,56,48.25H51.8V46.87a12.78,12.78,0,0,0,8.46-8.45,12.54,12.54,0,0,0,.58-3.82V33h1a2.94,2.94,0,1,0,0-5.87h-1l0-1.65a14.31,14.31,0,0,1,.52-4.1c1-3.48.76-6.24-.67-8.22-1.87-2.59-5.3-3.11-7.18-3.19A10.32,10.32,0,0,1,51,9.47c-3.39-1.05-6-1.08-7.89-.09a4.15,4.15,0,0,0-1.74,1.68,6.32,6.32,0,0,0-5.69,2c-2.88,3.46-1.87,10.36-1.08,14h-.42a2.94,2.94,0,1,0,0,5.87h1V34.6a12.86,12.86,0,0,0,9,12.27v1.38H40.35a3.87,3.87,0,0,0-3.45,2.08h-.64A10.44,10.44,0,0,0,25.83,60.75V80.83a.5.5,0,0,0,.5.5H69.67a.5.5,0,0,0,.5-.5V60.75A10.44,10.44,0,0,0,59.74,50.33Zm1.1-22.24h1a1.94,1.94,0,1,1,0,3.87h-1ZM56,49.25a2.93,2.93,0,0,1,2.26,1.08H51.8V49.25Zm-2.48,2.08-1.72,2v-2ZM35.17,32h-1a1.94,1.94,0,1,1,0-3.87h.66c.14.58.26,1,.32,1.22Zm.38-5.32c-.75-3.52-1.62-9.85.91-12.89,1.13-1.36,2.87-1.92,5.17-1.66a.5.5,0,0,0,.54-.35,2.92,2.92,0,0,1,1.42-1.48c1.1-.59,3.24-1,7.12.16a11,11,0,0,0,2.73.51c1.7.07,4.79.53,6.41,2.78,1.24,1.71,1.41,4.19.51,7.36a15.52,15.52,0,0,0-.55,4.38l0,1.9a1.49,1.49,0,0,1-1.17.38c-.35-.11-.64-.64-.8-1.49-.08-.39-.14-.83-.2-1.29-.43-3.22-1.09-8-8.6-8H48.6a8,8,0,0,1-3.35-.65c-.26-.11-.55-.22-.84-.32a4.66,4.66,0,0,0-5.79,2.47A45.69,45.69,0,0,0,35.55,26.64Zm1.16,11.47a11.54,11.54,0,0,1-.54-3.51V29.41a.5.5,0,0,0,0-.12c0-2.87,2.09-7.78,3.33-10.45a3.69,3.69,0,0,1,4.56-1.95l.79.3a9.12,9.12,0,0,0,3.76.73c7.09-.18,7.61,3.89,8,7.16.06.48.13.94.2,1.35.24,1.25.74,2,1.48,2.25a2,2,0,0,0,1.48-.16V34.6a11.83,11.83,0,0,1-23.13,3.51Zm14.09,9v7.34L48,57.69,45.2,54.45V47.13a13.08,13.08,0,0,0,2.81.31A12.24,12.24,0,0,0,50.8,47.13ZM40.35,49.25H44.2v1.08H38.09A2.91,2.91,0,0,1,40.35,49.25Zm3.85,2.08v2l-1.7-2ZM36.92,61.44a2.23,2.23,0,1,1-2.23,2.23A2.23,2.23,0,0,1,36.92,61.44ZM69.17,80.33H26.83V60.75a9.44,9.44,0,0,1,9.43-9.42h.26a3.47,3.47,0,0,0-.1.85v8.31a3.22,3.22,0,1,0,1,0V52.18a2.74,2.74,0,0,1,.13-.85h3.63l3,3.49h0l3.42,4A.5.5,0,0,0,48,59a.52.52,0,0,0,.38-.17l6.45-7.45h4a2.74,2.74,0,0,1,.13.85v6.51a7.63,7.63,0,0,0-4.34,3.64,19.92,19.92,0,0,0-1.93,4.82,4.56,4.56,0,0,0-.16,2.78,4,4,0,0,0,2.74,2.25.88.88,0,0,0,.86.65.9.9,0,1,0,0-1.8.85.85,0,0,0-.56.2,3.1,3.1,0,0,1-2.1-1.63,3.8,3.8,0,0,1,.18-2.18,19.19,19.19,0,0,1,1.82-4.57,7,7,0,0,1,3.68-3.18h.62a7,7,0,0,1,3.68,3.18,19.19,19.19,0,0,1,1.82,4.57,3.8,3.8,0,0,1,.18,2.18,3.1,3.1,0,0,1-2.1,1.63.85.85,0,0,0-.56-.2.9.9,0,0,0,0,1.8.88.88,0,0,0,.86-.66,4,4,0,0,0,2.74-2.24,4.56,4.56,0,0,0-.16-2.78,19.92,19.92,0,0,0-1.93-4.82,7.63,7.63,0,0,0-4.34-3.64V52.18a3.47,3.47,0,0,0-.1-.85,9.44,9.44,0,0,1,9.34,9.42Z"
+ ></path>
+ <path
+ class="cls-1"
+ d="M42.47,30a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5c0-1.11-1.15-2-2.61-2s-2.61.87-2.61,2a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5c0-.52.75-1,1.61-1S42.47,29.51,42.47,30Z"
+ ></path>
+ <path
+ class="cls-1"
+ d="M53,30.53a.5.5,0,0,0,.5-.5c0-.52.76-1,1.62-1s1.6.46,1.6,1a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5c0-1.11-1.14-2-2.6-2s-2.62.87-2.62,2A.5.5,0,0,0,53,30.53Z"
+ ></path>
+ <path
+ class="cls-1"
+ d="M54,37.83a.51.51,0,0,0-.5-.5.5.5,0,0,0-.5.5c0,2.38-1.68,3.59-5,3.59s-5-1.21-5-3.59a.5.5,0,0,0-.5-.5.51.51,0,0,0-.5.5c0,3,2.13,4.59,6,4.59S54,40.79,54,37.83Z"
+ ></path>
+ <path
+ class="cls-1"
+ d="M48,36.6a2.16,2.16,0,0,0,2.16-2.16v-2a2.16,2.16,0,0,0-4.32,0v2A2.16,2.16,0,0,0,48,36.6Zm-1.16-4.19a1.16,1.16,0,0,1,2.32,0v2a1.16,1.16,0,0,1-2.32,0Z"
+ ></path>
+ <path
+ class="cls-1"
+ d="M36.92,65.38a1.71,1.71,0,1,0-1.71-1.71A1.71,1.71,0,0,0,36.92,65.38Zm0-2.42a.71.71,0,0,1,0,1.42.71.71,0,1,1,0-1.42Z"
+ ></path>
+ </g>
+ </svg>{" "}
+ <div className=" w-50">
+ <p
+ class="small p-2 ms-3 mb-1 rounded-3 bg-body-tertiary font-custom"
+ align="right"
+ >
+ {message.response}
+ </p>
+ </div>
+ </div>
+ </>
+ ))}
+ </div>
+ {recordingStatus === "recording" ||
+ recordingStatus === "paused" ||
+ audio_ != null ? (
+ <div
+ className="border mt-2 p-2 d-flex justify-content-center rounded-5 "
+ style={{
+ gap: "2%",
+ backgroundColor: "rgb(25, 134, 83,0.7)",
+ }}
+ >
+ {audio_ != null ? (<>
+ {AudioPending ? (
+ // <div className="py-1 font-custom">!لطفا چند لحظه صبر کنید</div>
+ <svg height={40} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle fill="#FFFFFF" stroke="#FFFFFF" stroke-width="15" r="15" cx="40" cy="100"><animate attributeName="opacity" calcMode="spline" dur="2" values="1;0;1;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.4"></animate></circle><circle fill="#FFFFFF" stroke="#FFFFFF" stroke-width="15" r="15" cx="100" cy="100"><animate attributeName="opacity" calcMode="spline" dur="2" values="1;0;1;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.2"></animate></circle><circle fill="#FFFFFF" stroke="#FFFFFF" stroke-width="15" r="15" cx="160" cy="100"><animate attributeName="opacity" calcMode="spline" dur="2" values="1;0;1;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="0"></animate></circle></svg>
+ ) : (<>
+ <svg
+ height={40}
+ width={40}
+ onClick={() => playAudioBlob()}
+ viewBox="0 0 24 24"
+ fill="none"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <g
+ id="SVGRepo_bgCarrier"
+ stroke-width="0"
+ ></g>
+ <g
+ id="SVGRepo_tracerCarrier"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ ></g>
+ <g id="SVGRepo_iconCarrier">
+ {" "}
+ <path
+ d="M15 5V19M21 5V19M3 7.20608V16.7939C3 17.7996 3 18.3024 3.19886 18.5352C3.37141 18.7373 3.63025 18.8445 3.89512 18.8236C4.20038 18.7996 4.55593 18.4441 5.26704 17.733L10.061 12.939C10.3897 12.6103 10.554 12.446 10.6156 12.2565C10.6697 12.0898 10.6697 11.9102 10.6156 11.7435C10.554 11.554 10.3897 11.3897 10.061 11.061L5.26704 6.26704C4.55593 5.55593 4.20038 5.20038 3.89512 5.17636C3.63025 5.15551 3.37141 5.26273 3.19886 5.46476C3 5.69759 3 6.20042 3 7.20608Z"
+ stroke={toggle ? "#fff" : "#1c4a21"}
+ stroke-width="2"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ ></path>{" "}
+ </g>
+ </svg>
+ <svg
+ onClick={SendAudio}
+ height={40}
+ width={40}
+ viewBox="0 0 24 24"
+ fill="none"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <g
+ id="SVGRepo_bgCarrier"
+ stroke-width="0"
+ ></g>
+ <g
+ id="SVGRepo_tracerCarrier"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ ></g>
+ <g id="SVGRepo_iconCarrier">
+ {" "}
+ <path
+ opacity="0.5"
+ d="M15.75 21.2731C14.592 21.7419 13.3261 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 13.1455 21.8074 14.246 21.4528 15.2709L19.591 13.409C18.7123 12.5303 17.2877 12.5303 16.409 13.409L13.909 15.909C13.0303 16.7877 13.0303 18.2123 13.909 19.091C14.412 19.594 15.094 19.8091 15.75 19.7362V21.2731Z"
+ fill="#fff"
+ ></path>{" "}
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M13.75 7C13.75 6.58579 13.4142 6.25 13 6.25C12.5858 6.25 12.25 6.58579 12.25 7V12.5499C11.875 12.3581 11.4501 12.25 11 12.25C9.48122 12.25 8.25 13.4812 8.25 15C8.25 16.5188 9.48122 17.75 11 17.75C12.5188 17.75 13.75 16.5188 13.75 15V10.0003C14.3767 10.471 15.1558 10.75 16 10.75C16.4142 10.75 16.75 10.4142 16.75 10C16.75 9.58579 16.4142 9.25 16 9.25C14.7574 9.25 13.75 8.24264 13.75 7Z"
+ fill="#116439"
+ ></path>{" "}
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M17.4697 14.4697C17.7626 14.1768 18.2374 14.1768 18.5303 14.4697L21.0303 16.9697C21.3232 17.2626 21.3232 17.7374 21.0303 18.0303C20.7374 18.3232 20.2626 18.3232 19.9697 18.0303L18.75 16.8107V22C18.75 22.4142 18.4142 22.75 18 22.75C17.5858 22.75 17.25 22.4142 17.25 22V16.8107L16.0303 18.0303C15.7374 18.3232 15.2626 18.3232 14.9697 18.0303C14.6768 17.7374 14.6768 17.2626 14.9697 16.9697L17.4697 14.4697Z"
+ fill="#fff"
+ ></path>{" "}
+ </g>
+ </svg>
+ <svg
+ height={40}
+ width={40}
+ onClick={() => {
+ setBlob();
+ setaudio(null);
+ }}
+ viewBox="0 0 24 24"
+ fill="none"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <g
+ id="SVGRepo_bgCarrier"
+ stroke-width="0"
+ ></g>
+ <g
+ id="SVGRepo_tracerCarrier"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ ></g>
+ <g id="SVGRepo_iconCarrier">
+ {" "}
+ <path
+ d="M5 7.5H19L18 21H6L5 7.5Z"
+ stroke="#000000"
+ stroke-linejoin="round"
+ ></path>{" "}
+ <path
+ d="M15.5 9.5L15 19"
+ stroke="#000000"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ ></path>{" "}
+ <path
+ d="M12 9.5V19"
+ stroke="#000000"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ ></path>{" "}
+ <path
+ d="M8.5 9.5L9 19"
+ stroke="#000000"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ ></path>{" "}
+ <path
+ d="M16 5H19C20.1046 5 21 5.89543 21 7V7.5H3V7C3 5.89543 3.89543 5 5 5H8M16 5L15 3H9L8 5M16 5H8"
+ stroke="#000000"
+ stroke-linejoin="round"
+ ></path>{" "}
+ </g>
+ </svg>
+ </>)}
+ </>)
+ : (
+ <>
+ {" "}
+ <div className="d-flex align-items-center">
+ {toPersianDigits(`${parseInt(recordingTime / 3600)}:
+ ${parseInt(recordingTime / 60)}:
+ ${recordingTime % 60}`)}
+ </div>
+ {!(
+ recordingStatus !== "recording" ||
+ recordingStatus === "paused"
+ ) ? (
+ <svg
+ onClick={pauseRecording}
+ height="40px"
+ width="40px"
+ version="1.1"
+ id="Layer_1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ viewBox="0 0 511.999 511.999"
+ xml:space="preserve"
+ fill="#000000"
+ >
+ <g
+ id="SVGRepo_bgCarrier"
+ stroke-width="0"
+ ></g>
+ <g
+ id="SVGRepo_tracerCarrier"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ ></g>
+ <g id="SVGRepo_iconCarrier">
+ {" "}
+ <g>
+ {" "}
+ <path
+ style={{ fill: "#ABB8B9" }}
+ d="M224.197,340.845h-42.508c-5.756,0-10.469-4.711-10.469-10.469V181.626 c0-5.76,4.714-10.469,10.469-10.469h42.508c5.759,0,10.469,4.709,10.469,10.469v148.748 C234.666,336.134,229.956,340.845,224.197,340.845L224.197,340.845z M277.331,330.376V181.626c0-5.76,4.709-10.469,10.469-10.469 h42.509c5.756,0,10.465,4.709,10.465,10.469v148.748c0,5.758-4.709,10.469-10.465,10.469H287.8 C282.04,340.845,277.331,336.134,277.331,330.376L277.331,330.376z M10.665,256.001c0,135.494,109.84,245.333,245.333,245.333 c135.495,0,245.334-109.84,245.334-245.333c0-135.496-109.84-245.333-245.334-245.333 C120.505,10.669,10.665,120.505,10.665,256.001z"
+ ></path>{" "}
+ <g>
+ {" "}
+ <path
+ style={{ fill: "#ED8C18" }}
+ d="M181.689,340.845h42.508c5.759,0,10.469-4.711,10.469-10.469V181.626 c0-5.76-4.71-10.469-10.469-10.469h-42.508c-5.756,0-10.469,4.709-10.469,10.469v148.748 C171.22,336.134,175.934,340.845,181.689,340.845z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#ED8C18" }}
+ d="M277.331,181.626v148.748c0,5.758,4.709,10.469,10.469,10.469h42.509 c5.756,0,10.465-4.711,10.465-10.469V181.626c0-5.76-4.709-10.469-10.465-10.469H287.8 C282.04,171.157,277.331,175.866,277.331,181.626z"
+ ></path>{" "}
+ </g>{" "}
+ </g>{" "}
+ <g>
+ {" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M255.998,0.001C114.84,0.001,0,114.841,0,256.001c0,141.156,114.84,255.997,255.998,255.997 c141.159,0,256.001-114.84,256.001-255.997C512,114.841,397.158,0.001,255.998,0.001z M255.998,490.662 c-129.393,0-234.663-105.268-234.663-234.661c0-129.395,105.27-234.665,234.663-234.665c129.395,0,234.666,105.271,234.666,234.665 C490.665,385.394,385.393,490.662,255.998,490.662z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M270.389,85.942c5.87,0.492,11.034-3.852,11.535-9.723c0.5-5.869-3.853-11.034-9.723-11.535 c-5.332-0.454-10.782-0.684-16.202-0.684C150.131,64.001,64.001,150.13,64.001,256c0,5.89,4.777,10.667,10.667,10.667 S85.335,261.89,85.335,256c0-94.105,76.559-170.665,170.663-170.665C260.815,85.335,265.657,85.54,270.389,85.942z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M437.331,245.334c-5.892,0-10.667,4.776-10.667,10.667c0,94.107-76.56,170.669-170.665,170.669 c-4.754,0-9.6-0.206-14.403-0.61c-5.867-0.494-11.031,3.863-11.526,9.734c-0.495,5.869,3.863,11.03,9.734,11.526 c5.397,0.454,10.846,0.686,16.195,0.686c105.868,0,191.999-86.133,191.999-192.004 C447.998,250.108,443.223,245.334,437.331,245.334z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M299.55,90.985l0.617,0.162c0.925,0.247,1.855,0.367,2.771,0.367c4.709,0,9.017-3.142,10.295-7.907 c1.527-5.69-1.849-11.54-7.539-13.066c-0.308-0.083-0.621-0.166-0.929-0.244c-5.712-1.442-11.511,2.025-12.951,7.736 C290.374,83.746,293.836,89.545,299.55,90.985z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M212.447,421.015l-0.604-0.16c-5.69-1.53-11.496,1.849-13.03,7.537s1.88,11.553,7.567,13.089 c0.284,0.075,0.57,0.153,0.852,0.223c0.875,0.221,1.753,0.328,2.615,0.328c4.773,0,9.117-3.225,10.336-8.064 C221.623,428.253,218.16,422.455,212.447,421.015z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M245.334,330.376V181.626c0-11.655-9.482-21.137-21.137-21.137h-42.508 c-11.655,0-21.137,9.482-21.137,21.137v148.748c0,11.655,9.482,21.137,21.137,21.137h42.508 C235.852,351.512,245.334,342.03,245.334,330.376z M223.999,330.177h-42.112V181.825h42.112V330.177z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M266.664,181.626v148.748c0,11.655,9.482,21.137,21.135,21.137h42.509 c11.652,0,21.132-9.482,21.132-21.137V181.626c0-11.655-9.48-21.137-21.132-21.137H287.8 C276.146,160.49,266.664,169.971,266.664,181.626z M287.998,181.825h42.107v148.352h-42.107L287.998,181.825L287.998,181.825z"
+ ></path>{" "}
+ </g>{" "}
+ </g>
+ </svg>
+ ) : (
+ <svg
+ onClick={resumeRecording}
+ height="40px"
+ width="40px"
+ version="1.1"
+ id="Layer_1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ viewBox="0 0 512 512"
+ xml:space="preserve"
+ fill="#000000"
+ >
+ <g
+ id="SVGRepo_bgCarrier"
+ stroke-width="0"
+ ></g>
+ <g
+ id="SVGRepo_tracerCarrier"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ ></g>
+ <g id="SVGRepo_iconCarrier">
+ {" "}
+ <g>
+ {" "}
+ <path
+ style={{ fill: "#ABB8B9" }}
+ d="M229.757,177.638l49.066,28.33l1.244,0.773l49.154,28.377c11.547,6.637,15.529,21.376,8.895,32.925 c-2.267,3.945-5.48,7.005-9.184,9.062l-50.129,28.942l0.021,0.043l-50.485,29.149c-11.551,6.689-26.336,2.748-33.023-8.802 c-2.211-3.82-3.262-7.991-3.258-12.11h-0.052v-58.299V197.73c0-13.376,10.844-24.223,24.221-24.223 C221.238,173.505,225.894,175.024,229.757,177.638L229.757,177.638z M501.333,256.002c0-135.495-109.84-245.334-245.334-245.334 S10.666,120.507,10.666,256.002s109.839,245.334,245.332,245.334C391.493,501.337,501.333,391.496,501.333,256.002z"
+ ></path>{" "}
+ <path
+ style={
+ recordingStatus === "recording" ||
+ recordingStatus === "paused"
+ ? { fill: "#D12D4E" }
+ : { fill: "#ABB8B9" }
+ }
+ d="M278.823,205.967l-49.066-28.33c-3.863-2.612-8.518-4.132-13.532-4.132 c-13.377,0-24.221,10.847-24.221,24.223v58.298v58.299h0.052c-0.004,4.118,1.045,8.29,3.258,12.11 c6.689,11.55,21.473,15.49,33.023,8.802l50.485-29.149l-0.021-0.043l50.129-28.942c3.705-2.057,6.917-5.117,9.184-9.062 c6.634-11.55,2.652-26.288-8.895-32.925l-49.154-28.377L278.823,205.967z"
+ ></path>{" "}
+ </g>{" "}
+ <g>
+ {" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M256,0C114.841,0,0.001,114.842,0.001,256.002C0.001,397.16,114.841,512,256,512 c141.158,0,255.999-114.84,255.999-255.998C512.001,114.842,397.159,0,256,0z M256,490.665 c-129.395,0-234.664-105.269-234.664-234.663C21.336,126.607,126.605,21.335,256,21.335c129.394,0,234.664,105.271,234.664,234.667 C490.665,385.396,385.394,490.665,256,490.665z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M270.396,85.941c5.872,0.498,11.033-3.86,11.53-9.731c0.497-5.87-3.86-11.032-9.731-11.528 c-5.373-0.454-10.822-0.685-16.195-0.685c-105.87,0-192.001,86.133-192.001,192.005c0,5.892,4.775,10.668,10.668,10.668 c5.892,0,10.668-4.776,10.668-10.668c0-94.108,76.561-170.67,170.666-170.67C260.774,85.332,265.618,85.537,270.396,85.941z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M437.333,245.334c-5.891,0-10.668,4.776-10.668,10.668c0,94.105-76.562,170.665-170.667,170.665 c-4.822,0-9.663-0.205-14.388-0.608c-5.878-0.5-11.036,3.851-11.536,9.721c-0.501,5.87,3.851,11.036,9.721,11.537 c5.327,0.454,10.778,0.686,16.203,0.686c105.87,0,192.002-86.131,192.002-192C448.001,250.111,443.224,245.334,437.333,245.334z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M299.525,90.979l0.625,0.164c0.931,0.252,1.867,0.372,2.787,0.372c4.701,0,9.007-3.132,10.292-7.889 c1.535-5.687-1.829-11.543-7.517-13.081c-0.308-0.083-0.617-0.165-0.925-0.244c-5.707-1.453-11.516,1.997-12.969,7.706 C290.365,83.719,293.816,89.525,299.525,90.979z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M212.584,421.054l-0.886-0.234c-5.706-1.455-11.517,1.997-12.969,7.706 c-1.454,5.709,1.996,11.516,7.706,12.97l0.662,0.175c0.92,0.244,1.842,0.362,2.75,0.362c4.716,0,9.031-3.153,10.302-7.927 C221.664,428.412,218.277,422.569,212.584,421.054z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M233.672,344.476l50.485-29.149c0.299-0.173,0.586-0.357,0.862-0.554l49.175-28.391 c5.478-3.059,10.029-7.56,13.171-13.023c9.555-16.631,3.801-37.936-12.811-47.483l-48.899-28.228 c-0.507-0.329-1.01-0.642-1.498-0.92l-48.769-28.157c-5.69-3.752-12.307-5.734-19.163-5.734c-19.238,0-34.888,15.651-34.888,34.89 v116.598c0,0.426,0.025,0.845,0.074,1.258c0.204,5.676,1.808,11.25,4.671,16.198c6.209,10.721,17.768,17.381,30.167,17.381 C222.352,349.163,228.381,347.54,233.672,344.476z M204.546,321.092c-1.194-2.063-1.825-4.398-1.822-6.754 c0.001-0.353-0.018-0.705-0.052-1.053V197.728c0-7.475,6.08-13.555,13.553-13.555c2.718,0,5.329,0.796,7.554,2.3 c0.21,0.142,0.425,0.275,0.643,0.402l49.118,28.359c0.228,0.13,0.444,0.273,0.661,0.416c0.175,0.114,0.352,0.224,0.531,0.329 l49.171,28.386c6.43,3.695,8.656,11.935,4.961,18.364c-1.221,2.124-2.989,3.869-5.112,5.047c-0.052,0.029-0.106,0.059-0.158,0.09 l-50.13,28.942c-0.299,0.173-0.587,0.357-0.862,0.555l-49.613,28.644c-2.058,1.192-4.39,1.822-6.742,1.822 C211.436,327.828,206.953,325.247,204.546,321.092z"
+ ></path>{" "}
+ </g>{" "}
+ </g>
+ </svg>
+ )}
+ <svg
+ onClick={() => {
+ stopRecording((blob) => {
+ setBlob(blob);
+ const audioURL =
+ URL.createObjectURL(blob);
+ const audio = new Audio(audioURL);
+ setaudio(audio);
+ });
+ }}
+ height="40px"
+ width="40px"
+ version="1.1"
+ id="Layer_1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ viewBox="0 0 511.999 511.999"
+ xml:space="preserve"
+ fill="#000000"
+ >
+ <g
+ id="SVGRepo_bgCarrier"
+ stroke-width="0"
+ ></g>
+ <g
+ id="SVGRepo_tracerCarrier"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ ></g>
+ <g id="SVGRepo_iconCarrier">
+ {" "}
+ <g>
+ {" "}
+ <path
+ style={{ fill: "#ABB8B9" }}
+ d="M171.154,312.847V199.156c0-15.4,12.599-28,27.998-28h113.693c15.398,0,27.998,12.601,27.998,28 v113.691c0,15.4-12.599,28-27.998,28H199.152C183.753,340.848,171.154,328.247,171.154,312.847L171.154,312.847z M501.329,256.004 c0-135.494-109.838-245.332-245.33-245.332c-135.495,0-245.332,109.839-245.332,245.332c0,135.489,109.838,245.329,245.332,245.329 C391.491,501.333,501.329,391.493,501.329,256.004z"
+ ></path>{" "}
+ <path
+ style={
+ recordingStatus === "recording" ||
+ recordingStatus === "paused"
+ ? { fill: "#D12D4E" }
+ : { fill: "#ABB8B9" }
+ }
+ d="M171.154,199.156v113.691c0,15.4,12.599,28,27.998,28h113.693c15.398,0,27.998-12.601,27.998-28 V199.156c0-15.4-12.599-28-27.998-28H199.152C183.753,171.156,171.154,183.757,171.154,199.156z"
+ ></path>{" "}
+ </g>{" "}
+ <g>
+ {" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M255.998,0C114.841,0,0.001,114.84,0.001,255.999s114.84,255.999,255.997,255.999 c141.159,0,255.999-114.84,255.999-255.999S397.159,0,255.998,0z M255.998,490.665c-129.394,0-234.662-105.271-234.662-234.665 S126.605,21.335,255.998,21.335c129.395,0,234.665,105.271,234.665,234.665S385.393,490.665,255.998,490.665z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M270.393,85.944c5.876,0.513,11.032-3.857,11.53-9.728c0.498-5.87-3.856-11.033-9.728-11.53 C266.827,64.231,261.377,64,255.999,64c-105.869,0-192,86.132-192,192.003c0,5.892,4.776,10.667,10.667,10.667 c5.891,0,10.667-4.776,10.667-10.667c0-94.107,76.56-170.668,170.665-170.668C260.777,85.335,265.619,85.54,270.393,85.944z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M437.33,245.336c-5.891,0-10.667,4.777-10.667,10.667c0,94.105-76.56,170.664-170.663,170.664 c-4.779,0-9.622-0.205-14.396-0.609c-5.88-0.495-11.032,3.857-11.53,9.728c-0.498,5.87,3.856,11.033,9.728,11.53 c5.369,0.456,10.82,0.686,16.199,0.686c105.869,0,191.998-86.13,191.998-191.999C447.997,250.113,443.222,245.336,437.33,245.336z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M299.412,90.951l0.691,0.186c0.946,0.26,1.898,0.384,2.833,0.384c4.684,0,8.979-3.11,10.28-7.845 c1.561-5.68-1.779-11.552-7.461-13.112l-0.857-0.231c-5.691-1.505-11.537,1.873-13.053,7.566 C290.332,83.591,293.72,89.435,299.412,90.951z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M212.584,421.054l-0.691-0.186c-5.681-1.564-11.553,1.779-13.113,7.46 c-1.561,5.68,1.779,11.552,7.461,13.112l0.857,0.232c0.92,0.243,1.842,0.362,2.75,0.362c4.717,0,9.032-3.153,10.303-7.928 C221.664,428.412,218.276,422.569,212.584,421.054z"
+ ></path>{" "}
+ <path
+ style={{ fill: "#000003" }}
+ d="M312.844,351.516c21.32,0,38.665-17.346,38.665-38.667V199.156 c0-21.321-17.345-38.667-38.665-38.667H199.152c-21.32,0-38.665,17.346-38.665,38.667v113.691 c0,21.321,17.345,38.667,38.665,38.667h113.693V351.516z M181.821,312.847V199.156c0-9.557,7.774-17.332,17.33-17.332h113.693 c9.556,0,17.33,7.775,17.33,17.332v113.691c0,9.557-7.774,17.332-17.33,17.332H199.152 C189.596,330.181,181.821,322.404,181.821,312.847z"
+ ></path>{" "}
+ </g>{" "}
+ </g>
+ </svg>{" "}
+ </>
+ )}
+ </div>
+ ) : (
+ <div class="text-muted d-flex justify-content-start align-items-center pe-3 pt-3 mt-2">
+ <Form.Control
+ as="textarea"
+ rows={3}
+ value={new_message}
+ onChange={(event) => {
+ if (event.target.value.includes("\n")) {
+ SendMessage();
+ setMessage(event.target.value.slice(0, -1));
+ } else setMessage(event.target.value);
+ }}
+ className="chat-text rounded-3"
+ dir="rtl"
+ />
+
+ <a class="ms-3 fs-4 text-success text-decoration-none">
+ {Loading && (
+ <div
+ className="d-flex "
+ style={{ flex: "row" }}
+ >
+ <FaPaperPlane
+ className="mt-1 me-1"
+ onClick={() => {
+ setStaus(false);
+ SendMessage();
+ }}
+ />
+ <svg
+ fill="#198754"
+ height="35px"
+ width="40px"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="-30.72 -30.72 573.44 573.44"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ enable-background="new 0 0 512 512"
+ stroke="#198754"
+ stroke-width="6.144"
+ transform="rotate(0)"
+ disabled={
+ !(
+ !recordingStatus ||
+ recordingStatus === "stopped"
+ )
+ }
+ onClick={() => {
+ startRecording();
+ }}
+ >
+ <g
+ id="SVGRepo_bgCarrier"
+ stroke-width="0"
+ ></g>
+ <g
+ id="SVGRepo_tracerCarrier"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke="#CCCCCC"
+ stroke-width="3.072"
+ ></g>
+ <g id="SVGRepo_iconCarrier">
+ {" "}
+ <g>
+ {" "}
+ <g>
+ {" "}
+ <path d="m439.5,236c0-11.3-9.1-20.4-20.4-20.4s-20.4,9.1-20.4,20.4c0,70-64,126.9-142.7,126.9-78.7,0-142.7-56.9-142.7-126.9 0-11.3-9.1-20.4-20.4-20.4s-20.4,9.1-20.4,20.4c0,86.2 71.5,157.4 163.1,166.7v57.5h-23.6c-11.3,0-20.4,9.1-20.4,20.4 0,11.3 9.1,20.4 20.4,20.4h88c11.3,0 20.4-9.1 20.4-20.4 0-11.3-9.1-20.4-20.4-20.4h-23.6v-57.5c91.6-9.3 163.1-80.5 163.1-166.7z"></path>{" "}
+ <path d="m256,323.5c51,0 92.3-41.3 92.3-92.3v-127.9c0-51-41.3-92.3-92.3-92.3s-92.3,41.3-92.3,92.3v127.9c0,51 41.3,92.3 92.3,92.3zm-52.3-220.2c0-28.8 23.5-52.3 52.3-52.3s52.3,23.5 52.3,52.3v127.9c0,28.8-23.5,52.3-52.3,52.3s-52.3-23.5-52.3-52.3v-127.9z"></path>{" "}
+ </g>{" "}
+ </g>{" "}
+ </g>
+ </svg>{" "}
+ </div>
+ )}
+ {!Loading && (
+ <>
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 300 150"
+ >
+ <path
+ fill="none"
+ stroke="#198754"
+ stroke-width="15"
+ stroke-linecap="round"
+ stroke-dasharray="300 385"
+ stroke-dashoffset="0"
+ d="M275 75c0 31-27 50-50 50-58 0-92-100-150-100-28 0-50 22-50 50s23 50 50 50c58 0 92-100 150-100 24 0 50 19 50 50Z"
+ >
+ <animate
+ attributeName="stroke-dashoffset"
+ calcMode="spline"
+ dur="2.2"
+ values="685;-685"
+ keySplines="0 0 1 1"
+ repeatCount="indefinite"
+ ></animate>
+ </path>
+ </svg>
+ <div
+ className="text-white"
+ style={{ lineHeight: "5px" }}
+ >
+ ghhh
+ </div>
+ </>
+ )}
+ </a>
+ </div>
+ )}
+ </>
+ )}
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ <Footer />
+ </>
+ );
+};
+
+export default Chat;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 | 288x + + + + + +45x +45x + +30x + + + + + + + + + + + + + + + + + + + + + + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import "./Chat_intro.css";
+import React from "react";
+import { useNavigate } from "react-router-dom";
+
+import img from "./chat.png";
+
+const Chat_Intro = () => {
+ const navigate = useNavigate();
+
+ return (
+ <>
+ <div
+ className="my-4 p-5 row d-flex align-items-center justify-content-center bg-chat-custom ww"
+ dir="rtl"
+ >
+ <div className="col chat-intro">
+ <p className="col-12 mb-4 font-custom chat-title">
+ گفتوگو کنید،
+ <br />
+ احساس بهتری داشته باشید
+ </p>
+ <p className="col-12 font-custom text-align-right chat-intro">
+ ما میدانیم که صحبت کردن درباره احساسات و افکار، بهویژه در شرایط
+ سخت، میتواند دشوار باشد. به همین دلیل، فضایی امن و بدون قضاوت برای
+ شما ایجاد کردهایم تا بتوانید راحتتر احساسات خود را بیان کنید.
+ <br />
+ <br />
+ چت پشتیبانی هوشمند ما به صورت ۲۴ ساعته و ۷ روز هفته در دسترس شماست.
+ اگر احساس ناراحتی، اضطراب یا نیاز به همصحبتی دارید، این ابزار
+ نوآورانه برای ارائه پشتیبانی محرمانه و همدلانه در کنار شماست.
+ </p>
+ <strong> پشتیبانی محرمانه و همدلانه در کنار شماست!</strong>
+ <br />
+ <div align="left">
+
+ <button class="button-17 font-custom" role="button" onClick={(e) => {
+ navigate("/chat");
+ }}>شروع چت</button>
+
+ </div>
+ </div>
+ <div className="col" align="center">
+ <img src={img} className="chat-img" />
+ </div>
+ <div className="col d-flex flex-column align-items-center chat-p3" >
+ <div
+ class="chat-bubble font-custom" style={{marginRight:'-200px'}}
+ >
+ دسترسی در هر زمان و هر مکان{" "}
+ </div>
+ <div
+ class="chat-bubble font-custom"
+ >
+ پاسخهای همدلانه برای بهتر شنیده شدن
+ </div>
+ <div class="chat-bubble font-custom " style={{marginRight:'-200px'}}>
+ گفتوگوی خصوصی و امن{" "}
+ </div>
+ </div>
+ </div>
+ </>
+ );
+};
+
+export default Chat_Intro;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Chat_intro.jsx | +
+
+ |
+ 100% | +10/10 | +100% | +3/3 | +100% | +4/4 | +100% | +7/7 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Chat.jsx | +
+
+ |
+ 25.64% | +30/117 | +8.82% | +6/68 | +24% | +6/25 | +24.54% | +27/110 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 +398 +399 +400 +401 +402 +403 +404 +405 | 384x + + + + + + + + + + + + + + + + + + + + + + + + +32x +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + + + + + + + + + + + + + + + +32x + +32x + + + + + + + + + + + + + + + +32x + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + + + + + + + + + + + + + + + + + + + + + + + + + +32x + + + +160x + | import React, { useState, useEffect } from "react";
+import { Button, Modal } from "react-bootstrap";
+import { useNavigate } from "react-router-dom";
+import axios from "axios";
+import Swal from "sweetalert2";
+import moment from "moment";
+import DatePicker from "react-multi-date-picker";
+import persian from "react-date-object/calendars/persian";
+import persian_fa from "react-date-object/locales/persian_fa";
+import gregorian from "react-date-object/calendars/gregorian";
+import DateObject from "react-date-object";
+import { ToastContainer, toast } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+import {
+ convertToPersianNumbers,
+ convertToEnglishNumbers,
+ isPersianString,
+} from "./Coverters_Checkers.js";
+import gender_icon from "../../assets/gender.png";
+import date_icon from "../../assets/date.png";
+import phone_icon from "../../assets/phone.png";
+import person_icon from "../../assets/person.png";
+import "./styles.css";
+import "../RatingDoctor/rating_style.css"
+
+const CompleteInfo = (doctorId) => {
+ const navigate = useNavigate();
+ const [firstname, setFirstname] = useState("");
+ const [lastname, setLastname] = useState("");
+ const [phonenumber, setPhonenumber] = useState("");
+ const [dateOfBirth, setDateOfBirth] = useState("");
+ const [gender, setGender] = useState("");
+ const [genderOption, setGenderOption] = useState("");
+ const [show, setShow] = useState(false);
+
+ useEffect(() => {
+ fetchUserInfo();
+ }, []);
+
+ const fetchUserInfo = async () => {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios.get("http://eniacgroup.ir:8070/accounts/get_user/", {
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ });
+
+ Iif (response.status === 200) {
+ const { firstname, lastname, phone_number, gender, date_of_birth } =
+ response.data.user;
+
+ setFirstname(firstname || "");
+ setLastname(lastname || "");
+ setPhonenumber(phone_number || "");
+ setDateOfBirth(
+ date_of_birth
+ ? new DateObject({
+ date: date_of_birth,
+ format: "YYYY-MM-DD",
+ calendar: persian,
+ })
+ : ""
+ );
+
+
+ const genderMapping = {
+ M: { gender: "M", option: "male" },
+ F: { gender: "F", option: "female" },
+ B: { gender: "B", option: "other" },
+ };
+
+ if (gender && genderMapping[gender]) {
+ setGender(genderMapping[gender].gender);
+ setGenderOption(genderMapping[gender].option);
+ } else {
+ setGender("");
+ setGenderOption("gender");
+ }
+ }
+ } catch (error) {
+ console.error("Error fetching user info:", error);
+ }
+ };
+
+ const handleClose = (event) => {
+ event.preventDefault();
+ setShow(false);
+ };
+
+ const handleGenderChange = (selectedValue) => {
+ const genderMapping = { male: "M", female: "F", other: "B" };
+ setGenderOption(selectedValue);
+ setGender(genderMapping[selectedValue] || "");
+ };
+
+ const validateInfo = () => {
+ if (
+ !firstname ||
+ !lastname ||
+ !phonenumber ||
+ genderOption === "gender" ||
+ !dateOfBirth
+ ) {
+ setShow(true);
+ } else {
+ toast.warn("!شما قبلا اطلاعات خود را ثبت کرده اید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ });
+ setShow(false);
+ navigate("/Reserve", { state: doctorId.doctorId });
+ }
+ };
+
+ const sendUserInfo = async (event) => {
+ event.preventDefault();
+ const errorMessages = [];
+ const errors = {
+ firstname: validatePersianString(firstname, "نام", 20),
+ lastname: validatePersianString(lastname, "نام خانوادگی", 30),
+ phonenumber:
+ !phonenumber ? "!وارد کردن شماره تلفن الزامی است" :
+ phonenumber && !/^(?:\+98|0)(?:\s?)9[0-9]{9}/.test(phonenumber) ||
+ phonenumber.length > 15
+ ? "!قالب شماره درست نیست"
+ : null,
+ gender: !gender ? "!انتخاب جنسیت الزامی است" : null,
+ dateOfBirth: validateDateOfBirth(dateOfBirth),
+ };
+
+ Object.values(errors).forEach((err) => {
+ Iif (err) errorMessages.push(err);
+ });
+
+ const gregorianDate = new DateObject(dateOfBirth).convert(gregorian);
+ if (errorMessages.length > 0) {
+ showAlert("!خطا", errorMessages.join("<br>"));
+ } else {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios.post(
+ "http://eniacgroup.ir:8070/accounts/complete_info/",
+ {
+ firstname,
+ lastname,
+ phone_number: phonenumber,
+ date_of_birth: gregorianDate.format("YYYY-MM-DD"),
+ gender,
+ },
+ {
+ headers: {
+ Authorization: `Bearer ${token}`,
+ "Content-Type": "application/json",
+ },
+ }
+ );
+
+ if (response.status === 200) {
+ toast.success("!اطلاعات شما با موفقیت ثبت شد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ });
+ setShow(false);
+ } else {
+ toast.error("!خطایی رخ داد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ });
+ }
+ } catch (error) {
+ console.error("Error saving user info:", error);
+ toast.error("!خطا هنگام ارسال درخواست", {
+ position: "bottom-left",
+ autoClose: 3000,
+ });
+ }
+ }
+ };
+
+ const validatePersianString = (value, field, maxLength) => {
+ Iif (!value) return `!وارد کردن ${field} الزامی است`;
+ Iif (!isPersianString(value)) return `!${field} باید فقط شامل حروف فارسی باشد`;
+ Iif (value.length > maxLength) return `!${field} طولانی است`;
+ return null;
+ };
+
+ const validateDateOfBirth = (dob) => {
+ Iif (!dob) return "!وارد کردن تاریخ تولد الزامی است";
+
+ const engDate = convertToEnglishNumbers(dob.format());
+ const gregorianDate = new DateObject({
+ date: engDate,
+ format: "YYYY-MM-DD",
+ calendar: persian,
+ }).convert(gregorian);
+
+ const dobDate = new Date(gregorianDate.format());
+ const today = new Date();
+
+ Iif (isNaN(dobDate.getTime()) || dobDate > today) return "!تاریخ تولد اشتباه است";
+ const minDateOfBirth = new Date();
+ minDateOfBirth.setFullYear(today.getFullYear() - 18);
+ Iif (dobDate > minDateOfBirth) return "!شما باید حداقل ۱۸ سال داشته باشید";
+ }
+
+ const showAlert = (title, html = null) => {
+ Swal.fire({
+ icon: "error",
+ title,
+ html,
+ background: "#075662",
+ color: "#FFFF",
+ width: "35rem",
+
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonText: "تایید",
+ confirmButtonColor: '#0a8ca0',
+ showConfirmButton: true,
+ });
+ };
+
+
+ return (
+ <>
+ <div
+ onClick={validateInfo}
+ className="rating-field_modal rating-btn"
+ style={{ width: "96%", margin: "20px auto", display: "flex", justifyContent: "center" }}
+ >
+ <div className="rating-btn_layer">
+ <input
+ style={{ fontFamily: "Ios15Medium" }}
+ type="submit"
+ value="رزرو وقت مشاوره"
+ />
+ </div>
+ </div>
+
+ <Modal
+ backdrop="static"
+ show={show}
+ onHide={handleClose}
+ className="bd_modal modal wrapper_modal"
+ centered
+ >
+ <Modal.Header className="header_modal">
+ <Modal.Title className="title_modal">تکمیل اطلاعات</Modal.Title>
+ </Modal.Header>
+
+ <div className="form_container_modal">
+ <div className="form_details_modal">
+ <form className="form login">
+ <InputField
+ value={firstname}
+ onChange={setFirstname}
+ placeholder="نام"
+ icon={person_icon}
+ />
+ <InputField
+ value={lastname}
+ onChange={setLastname}
+ placeholder="نام خانوادگی"
+ icon={person_icon}
+ />
+ <PhoneNumberField
+ value={phonenumber ? convertToPersianNumbers(phonenumber) : ""}
+ onChange={(newValue) => setPhonenumber(convertToEnglishNumbers(newValue))}
+ placeholder="شماره تماس"
+ icon={phone_icon}
+ />
+ <GenderSelector
+ value={genderOption}
+ onChange={(selectedValue) => handleGenderChange(selectedValue)}
+ />
+ <DatePickerField value={dateOfBirth ? new DateObject({ date: dateOfBirth, calendar: persian }) : ""} onChange={(date) => setDateOfBirth(date)} />
+ <div style={{ display: "flex", justifyContent: "space-between" }}>
+ <div className="field_modal btn-modal" style={{ marginRight: "10px" }}>
+ <div className="btn_layer_modal"></div>
+ <input
+ type="submit"
+ value="بستن"
+ onClick={handleClose}
+ />
+ </div>
+ <div className="field_modal btn-modal" style={{ marginLeft: "10px" }}>
+ <div className="btn_layer_modal"></div>
+ <input
+ type="submit"
+ value="ارسال"
+ onClick={sendUserInfo}
+ />
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </Modal>
+ </>
+ );
+};
+
+const InputField = ({ value, onChange, placeholder, icon }) => (
+ <div className="field_modal">
+ <input
+ className="input"
+ type="text"
+ value={value}
+ onChange={(e) => onChange(e.target.value)}
+ placeholder={placeholder}
+ style={{
+ backgroundImage: `url(${icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+);
+
+const PhoneNumberField = ({ value, onChange, placeholder, icon }) => (
+ <div className="field_modal">
+ <input
+ className="input"
+ type="text"
+ value={value}
+ onChange={(e) => onChange(e.target.value)}
+ placeholder={placeholder}
+ style={{
+ backgroundImage: `url(${icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+);
+
+const GenderSelector = ({ value, onChange }) => (
+ <div className="field_modal">
+ <select
+ className="input"
+ value={value}
+ onChange={(e) => {
+ const selectedValue = e.target.value;
+ onChange(selectedValue);
+ }}
+ style={{
+ backgroundImage: `url(${gender_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ backgroundColor: "white",
+ fontSize: "15px",
+ textShadow: "rgb(156, 154, 154) 1px 2px 3px",
+ color: value === "gender" ? "rgb(188, 186, 186)" : "#555",
+ }}
+ >
+ <option value="gender" disabled hidden>
+ جنسیت
+ </option>
+ <option value="male">مرد</option>
+ <option value="female">زن</option>
+ <option value="other">سایر</option>
+ </select>
+ </div>
+
+);
+
+const DatePickerField = ({ value, onChange }) => (
+ <div
+ className="field_modal"
+ style={{
+ backgroundImage: `url(${date_icon})`,
+ backgroundRepeat: "no-repeat",
+ backgroundPosition: "right",
+ borderBottom: "2px solid #adadad",
+ color: "gray"
+ }}
+ >
+ <DatePicker
+ placeholder="تاریخ تولد"
+ value={value}
+ format="YYYY-MM-DD"
+ onChange={onChange}
+ style={{
+ border: "0px",
+ width: "350px",
+ backgroundColor: "white",
+ direction: "rtl",
+ }}
+ calendar={persian}
+ locale={persian_fa}
+ />
+ </div>
+);
+
+
+
+export default CompleteInfo;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 | + +32x + + + + + + + + + + + + + + + + +32x + + + + + + + + + + + + + + + + +32x + + + | // numberConverter.js + +export const convertToPersianNumbers = (value) => { + const persianNumbersMap = { + '0': '۰', + '1': '۱', + '2': '۲', + '3': '۳', + '4': '۴', + '5': '۵', + '6': '۶', + '7': '۷', + '8': '۸', + '9': '۹', + }; + + return value.replace(/[0-9]/g, (char) => persianNumbersMap[char] || char); + }; + + export const convertToEnglishNumbers = (value) => { + const englishNumbersMap = { + '۰': '0', + '۱': '1', + '۲': '2', + '۳': '3', + '۴': '4', + '۵': '5', + '۶': '6', + '۷': '7', + '۸': '8', + '۹': '9', + }; + + return value.replace(/[۰-۹]/g, (char) => englishNumbersMap[char] || char); + }; + + export const isPersianString = (str) => { + const persianRegex = /^[\u0600-\u06FF\s]+$/; + return persianRegex.test(str); + } |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Complete_Info.jsx | +
+
+ |
+ 12.72% | +14/110 | +7.14% | +4/56 | +4.34% | +1/23 | +13.13% | +13/99 | +
| Coverters_Checkers.js | +
+
+ |
+ 27.27% | +3/11 | +0% | +0/4 | +0% | +0/5 | +33.33% | +3/9 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 | 288x + + + + + +32x +30x +30x +30x + +30x +30x +30x +16x + + + + +28x +28x + + + + + + + + + + + + + + + + + + + + + + + + + +30x + + + + + + + + + + + + + + + + +32x + +32x + | // Statistic.jsx
+
+import React, { useEffect, useState } from "react";
+import CounterUp from "./counter";
+import axios from "axios";
+
+const Statistic = () => {
+ const [patientsCount, setPatientsCount] = useState(0);
+ const [doctorsCount, setDoctorsCount] = useState(0);
+ const [reservationsCount, setReservationCount] = useState(0);
+
+ useEffect(() => {
+ window.addEventListener("scroll", getEndNumbers);
+ return () => {
+ window.removeEventListener("scroll", getEndNumbers);
+ };
+ }, []);
+
+ async function getEndNumbers() {
+ try {
+ const response = await axios.get(
+ "http://eniacgroup.ir:8070//HomePage/count/",
+ {
+ headers: {
+ "Content-Type": "application/json",
+ },
+ }
+ );
+
+ Iif (response.status === 200) {
+ const patientsCountRounded =
+ Math.ceil(response.data.Pationt_data.Pationt_count / 5) * 5;
+ const doctorsCountRounded =
+ Math.ceil(response.data.doctor_data.doctor_count / 5) * 5;
+ const reservationsCountRounded =
+ Math.ceil(response.data.reservation_data.reservation_count / 5) * 5;
+
+ setPatientsCount(patientsCountRounded);
+ setDoctorsCount(doctorsCountRounded);
+ setReservationCount(reservationsCountRounded);
+ }
+ } catch (error) {
+ console.log("something went wrong");
+ }
+ }
+
+ return (
+ <div className="bg-dark m-5 rounded">
+ <div id="statistics" className="statistics-container">
+ <div className="statistics-row">
+ <div style={{ fontSize: "44px" }} className="statistics-item">
+ <CounterUp EndNum={reservationsCount} label="نوبتها" />
+ </div>
+ <div style={{ fontSize: "44px" }} className="statistics-item">
+ <CounterUp EndNum={patientsCount} label="مراجعین" />
+ </div>
+ <div style={{ fontSize: "44px" }} className="statistics-item">
+ <CounterUp EndNum={doctorsCount} label="درمانگران" />
+ </div>
+ </div>
+ </div>
+ </div>
+ );
+};
+
+export default Statistic;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 | 288x + + + + + +90x + +90x + + +90x + + + +114x +114x + +114x + +12x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +90x + + + + + + + +32x + +32x | import CountUp from "react-countup";
+import { useState } from "react";
+import ScrollTrigger from "react-scroll-trigger";
+import "./counter.css";
+
+function toFarsiNumber(n) {
+ const farsiDigits = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"];
+
+ return n
+ .toString()
+ .split("")
+ .map((x) => farsiDigits[x])
+ .join("");
+}
+
+const CounterUp = ({ EndNum, label }) => {
+ const [CounterOn, setCounterOn] = useState(false);
+
+ return (
+ <ScrollTrigger
+ onEnter={() => setCounterOn(true)}
+ onExit={() => setCounterOn(false)}
+ >
+ <div
+ className="CounterUpContainer"
+ onMouseEnter={(e) => {
+ e.target.style.backgroundColor = "#88C273";
+ e.currentTarget.style.transform = "translateY(-10px)";
+ }}
+ onMouseLeave={(e) => {
+ e.target.style.backgroundColor = " #49947d";
+ e.currentTarget.style.transform = "translateY(0px)";
+ }}
+ >
+ <p
+ style={{
+ textAlign: "center",
+ verticalAlign: "center",
+ fontWeight: "bolder",
+ textShadow: "2px 2px 2px 4px rgb(0, 0, 0, 0.5)",
+ transition:
+ "transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)",
+ fontFamily: "Ios15Medium",
+ color: "white",
+ fontSize: "42px"
+ }}
+
+ >
+ {label}
+ </p>
+ <h1
+ style={{
+ textAlign: "center",
+ fontSize: "55px",
+ textShadow: "2px 2px 2px 4px rgb(0, 0, 0, 0.5)",
+ transition:
+ "transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)",
+ }}
+ >
+ {CounterOn && (
+ <CountUp
+ start={1}
+ end={EndNum}
+ duration={2}
+ delay={0}
+ formattingFn={(value) => toFarsiNumber(value)}
+ />
+ )}
+ +
+ </h1>
+ </div>
+ </ScrollTrigger>
+ );
+};
+
+export default CounterUp; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Statistic.jsx | +
+
+ |
+ 66.66% | +16/24 | +75% | +3/4 | +100% | +5/5 | +63.63% | +14/22 | +
| counter.jsx | +
+
+ |
+ 72.22% | +13/18 | +100% | +5/5 | +66.66% | +6/9 | +68.75% | +11/16 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 | 256x + + + + + + + + + +32x +30x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React from "react";
+import { Carousel } from "react-bootstrap";
+import styles from "./Crasoul.module.css"; // Import the CSS module
+
+// Import the images
+import img1 from "./crasoul1.webp";
+import img2 from "./crasoul2.webp";
+import img3 from "./crasoul3.webp";
+import img4 from "./crasoul4.webp";
+
+const HomeCarousel = () => {
+ return (
+ <div className={styles.carouselBackground}>
+ <Carousel interval={500} controls={true} indicators={true}
+ nextIcon={
+ <span
+ className={`carousel-control-next-icon ${styles.carouselControlNextIcon}`}
+ aria-hidden="true"
+ />
+ }
+ prevIcon={
+ <span
+ className={`carousel-control-prev-icon ${styles.carouselControlPrevIcon}`}
+ aria-hidden="true"
+ />
+ }
+ >
+ {/* First Slide */}
+ <Carousel.Item>
+ <img
+ className={`d-block w-100 ${styles.carouselImage}`}
+ src={img2}
+ alt="First Slide"
+ />
+
+ <Carousel.Caption >
+ <h1 className={styles.upperLeftCaption}>Welcome to ENIAC</h1>
+ {/* <p h3 className={styles.lowerRightCaption}>انیاک معتمد حال شما</p> */}
+ </Carousel.Caption>
+ </Carousel.Item>
+
+ {/* Second Slide */}
+ <Carousel.Item>
+ <img
+ className={`d-block w-100 ${styles.carouselImage}`}
+ src={img4}
+ alt="Second Slide"
+ />
+ <Carousel.Caption>
+ <h3>Empowering Minds</h3>
+ <p>Professional care and support for your mental well-being.</p>
+ </Carousel.Caption>
+ </Carousel.Item>
+
+ {/* Third Slide */}
+ <Carousel.Item>
+ <img
+ className={`d-block w-100 ${styles.carouselImage}`}
+ src={img1}
+ alt="Third Slide"
+ />
+ {/* <Carousel.Caption>
+ <h3>Peace and Serenity</h3>
+ <p>Discover the tranquility of healing.</p>
+ </Carousel.Caption> */}
+ </Carousel.Item>
+ <Carousel.Item>
+ <img
+ className={`d-block w-100 ${styles.carouselImage}`}
+ src={img3}
+ alt="Third Slide"
+ />
+ <Carousel.Caption>
+ <h3>Peace and Serenity</h3>
+ <p>Discover the tranquility of healing.</p>
+ </Carousel.Caption>
+ </Carousel.Item>
+ </Carousel>
+ </div>
+ );
+};
+
+export default HomeCarousel;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Crasoul.jsx | +
+
+ |
+ 100% | +5/5 | +100% | +3/3 | +100% | +2/2 | +100% | +5/5 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 | 288x + + + + + + + + + + +32x + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React from "react";
+import "./PatientsList.css";
+import axios from "axios";
+import Swal from "sweetalert2";
+import withReactContent from "sweetalert2-react-content";
+import { useNavigate } from "react-router-dom";
+import { useState, useEffect } from "react";
+import male_avatar from "../../assets/Male_Avatar.jpg";
+import female_avatar from "../../assets/Female_Avatar.jpg";
+import nogender_avatar from "../../assets/NoGender.png";
+
+const Patient_Profile = ({ PatiantId, name, nationalID, gender }) => {
+ {
+ const navigate = useNavigate();
+ console.log("++++++++" + PatiantId);
+ const handleClickToPatientPanel = () => {
+ navigate("/Patient_Panel", { state: PatiantId });
+ };
+
+ return (
+ <div
+ className="rounded team-item"
+ style={{ fontFamily: "Ios15Medium" }}
+ >
+ <link
+ rel="stylesheet"
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"
+ />
+ <div className="team-content">
+ <div className="team-img-icon">
+ <div className="team-img rounded-circle">
+ <img
+ src={
+ gender == "M"
+ ? male_avatar
+ : gender == "F"
+ ? female_avatar
+ : nogender_avatar
+ }
+ className="img-fluid w-100 rounded-circle"
+ alt={`${name}'s Image`}
+ />
+ </div>
+ <div className="team-name text-center py-3">
+ <h4
+ className=""
+ style={{ color: "gray", fontFamily: "Ios15Medium" }}
+ >
+ {name}
+ </h4>
+ <p
+ className="m-0"
+ style={{ fontFamily: "Ios15Medium", color: "gray" }}
+ >
+ {nationalID}
+ </p>
+ </div>
+
+ <div>
+ <div className="team-icon d-flex justify-content-center pb-4">
+ <a
+ className="btn btn-square btn-secondary text-white rounded-circle m-1"
+ onClick={handleClickToPatientPanel}
+ >
+ <i className="fab material-symbols-outlined">
+ account_circle
+ </i>
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ );
+ }
+};
+
+export default Patient_Profile;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 | 288x + + + + + + + + + + + + + +32x +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React from "react";
+import "./PatientsList.css";
+import axios from "axios";
+import Swal from "sweetalert2";
+import withReactContent from "sweetalert2-react-content";
+import { useNavigate } from "react-router-dom";
+import { useState, useEffect } from "react";
+import { ToastContainer, toast } from "react-toastify";
+import "./PatientProfile.jsx";
+import Patient_Profile from "./PatientProfile.jsx";
+import Footer from "../Footer/Footer.jsx";
+import "bootstrap/dist/css/bootstrap.min.css";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar.jsx";
+
+const PatientsList = () => {
+ const navigate = useNavigate();
+
+ const [Patients_data, setPatientsData] = useState([]);
+ const [error, setError] = useState(null);
+ const [showErrorMessage, setShowErrorMessage] = useState(false);
+ const [inputName, setInputName] = useState("");
+
+ useEffect(() => {
+ const fetchPatientsProfile = async () => {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios(
+ "http://eniacgroup.ir:8070/TherapyTests/record/query/",
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ data: {
+ name: inputName,
+ },
+ }
+ );
+ Iif (response.status == 200) {
+ setPatientsData(response.data.records);
+ setShowErrorMessage(false);
+ console.log(response.data.records);
+ }
+ } catch (error) {
+ console.log(error);
+ Iif (error.response.status === 400) {
+ Iif (
+ error.response.data.hasOwnProperty("message") &&
+ error.response.data.message === "not found any similar data."
+ ) {
+ setError(error);
+ setShowErrorMessage(true);
+ }
+ }
+ }
+ };
+
+ fetchPatientsProfile();
+ }, [inputName]);
+
+ return (
+ <>
+ <NavBar_SideBar />
+ <div
+ className="container-fluid my-5 team"
+ style={{ paddingTop: "0rem", paddingBottom: "3rem" }}
+ >
+ <html>
+ <head>
+ <link
+ href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
+ rel="stylesheet"
+ />
+ <link
+ href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
+ rel="stylesheet"
+ />
+ <link href="lib/animate/animate.min.css" rel="stylesheet" />
+ <link href="./owl.carousel.min.css" rel="stylesheet" />
+ </head>
+ </html>
+
+ <div className="container-fluid py-0 my-0 team">
+ <div className="container py-0">
+ <div
+ className="text-center mx-auto pb-2 wow fadeIn Doctor_List_title"
+ data-wow-delay=".3s"
+ style={{ maxWidth: "600px" }}
+ >
+ <h1 style={{ fontFamily: "Ios15Medium" }}>مراجعین من</h1>
+ </div>
+ <div className="rtl-form">
+ <form>
+ <div className="form-row">
+ <div className="col">
+ <input
+ style={{fontFamily:"Ios15medium"}}
+ type="text"
+ className="form-control"
+ placeholder="نام مراجع"
+ onChange={(e) => setInputName(e.target.value)}
+ />
+ </div>
+ </div>
+ </form>
+ </div>
+ <br />
+
+ <div
+ className="owl-carousel team-carousel wow fadeIn owl-loaded owl-drag"
+ data-wow-delay=".5s"
+ style={{ visibility: "visible" }}
+ >
+ <div>
+ {showErrorMessage && (
+ <div className="patientsList_notfound">
+ مراجع با نام مشابه یافت نشد!
+ </div>
+ )}
+ </div>
+ <div className="distanceBetween">
+ {Patients_data.map((index) => (
+ <Patient_Profile
+ PatiantId={index?.patient}
+ name={index?.name}
+ nationalID={index?.nationalID}
+ gender={index?.gender}
+ />
+ ))}
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <Footer />
+ </>
+ );
+};
+
+export default PatientsList;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| PatientProfile.jsx | +
+
+ |
+ 41.66% | +5/12 | +42.85% | +3/7 | +25% | +1/4 | +55.55% | +5/9 | +
| PatientsList.jsx | +
+
+ |
+ 16.66% | +5/30 | +30% | +3/10 | +14.28% | +1/7 | +18.51% | +5/27 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 | 256x + + + + + + + + + + +32x +30x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x +32x + | import React from "react";
+import "./doctor.css";
+import { HashLink } from 'react-router-hash-link';
+
+import myImage1 from "./img/teenagers2.jpg";
+import myImage2 from "./img/kids.jpg";
+import myImage3 from "./img/couples.jpg";
+import myImage4 from "./img/clinical.jpg";
+import myImage5 from "./img/psychiatry.jpg";
+import myImage6 from "./img/couching.jpg";
+
+const Doctor_Home = () => {
+ return (
+ <div className="bg-dark-custom2 m-5 rounded rounded-5">
+ <div className="container-fluid project py-2 mb-5" >
+ <div className="p-5">
+ <div
+ className="text-center mx-auto pb-1 wow fadeIn"
+ data-wow-delay=".3s"
+ style={{ maxWidth: "600px" }}
+ >
+ {/* <h5 className="text-primary">معرفی روان درمانگر ها</h5> */}
+ <h1 className="doctor_h1">معرفی روان درمانگرها</h1>
+ </div>
+
+ {/* <div align='center'>
+ <a className="button-64" href="/RecommendationPage">
+ <span style={{ fontFamily: "Ios15Medium" }}>پیشنهاد روان درمانگر</span>
+ </a></div> */}
+ <br /> <br />
+
+ <div className="row m-0 g-5">
+ <div className=" col col-md-6 col-lg-4 wow fadeIn" data-wow-delay=".3s">
+ <div className="project1-item">
+ <div className="project1-img">
+ <img
+ src={myImage1}
+ className="img-fluid w-100 rounded z-4 relativ"
+ alt="img1"
+ />
+ <div className="project1-content">
+ <HashLink to="/Doctors#edu" className="text-center text-secondary" style={{ fontFamily: "Ios15Medium" , color: "white"}}>
+ حوزه تحصیلی
+ <p
+ className="m-0 text-white"
+ style={{ fontFamily: "Ios15Medium" }}
+ >
+ معرفی روانشناسان
+ </p>
+ </HashLink>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div className="col-md-6 col-lg-4 wow fadeIn" data-wow-delay=".5s">
+ <div className="project1-item">
+ <div className="project1-img">
+ <img
+ src={myImage2}
+ className="img-fluid w-100 rounded z-4 relativ"
+ alt="img2"
+ />
+ <div className="project1-content">
+ <HashLink to="/Doctors#Baby" className="text-center text-secondary" style={{ fontFamily: "Ios15Medium" , color: "rgb(174, 200, 223)"}}>
+ حوزه کودک
+ <p
+ className="m-0 text-white"
+ style={{ fontFamily: "Ios15Medium" }}
+ >
+ معرفی روانشناسان
+ </p>
+ </HashLink>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div className="col-md-6 col-lg-4 wow fadeIn" data-wow-delay=".7s">
+ <div className="project1-item">
+ <div className="project1-img">
+ <img
+ src={myImage3}
+ className="img-fluid w-100 rounded z-4 relativ"
+ alt="img3"
+ />
+ <div className="project1-content">
+ <HashLink to="/Doctors#Family" className="text-center text-secondary" style={{ fontFamily: "Ios15Medium" }}>
+ حوزه خانواده
+ <p
+ className="m-0 text-white"
+ style={{ fontFamily: "Ios15Medium" }}
+ >
+ معرفی روانشناسان
+ </p>
+ </HashLink>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div className="col-md-6 col-lg-4 wow fadeIn" data-wow-delay=".3s">
+ <div className="project1-item">
+ <div className="project1-img">
+ <img
+ src={myImage4}
+ className="img-fluid w-100 rounded z-4 relativ"
+ alt="img4"
+ />
+ <div className="project1-content">
+ <HashLink to="/Doctors#Individual" className="text-center text-secondary" style={{ fontFamily: "Ios15Medium" }}>
+ حوزه بالینی
+ <p
+ className="m-0 text-white"
+ style={{ fontFamily: "Ios15Medium" }}
+ >
+ معرفی روانشناسان
+ </p>
+ </HashLink>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div className="col-md-6 col-lg-4 wow fadeIn" data-wow-delay=".5s">
+ <div className="project1-item">
+ <div className="project1-img">
+ <img
+ src={myImage5}
+ className="img-fluid w-100 rounded z-4 relativ"
+ alt="img5"
+ />
+ <div className="project1-content">
+ <HashLink to="/Doctors#psychiatry" className="text-center text-secondary" style={{ fontFamily: "Ios15Medium" }}>
+ حوزه روانپزشکی
+ <p
+ className="m-0 text-white"
+ style={{ fontFamily: "Ios15Medium" }}
+ >
+ معرفی روانشناسان
+ </p>
+ </HashLink>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div className="col-md-6 col-lg-4 wow fadeIn" data-wow-delay=".7s">
+ <div className="project1-item">
+ <div className="project1-img">
+ <img
+ src={myImage6}
+ className="img-fluid w-100 rounded z-4 relativ"
+ alt="img6"
+ />
+ <div className="project1-content">
+ <HashLink to="/Doctors#migration" className="text-center text-secondary" style={{ fontFamily: "Ios15Medium" }}>
+ حوزه کوچینگ
+ <p
+ className="m-0 text-white"
+ style={{ fontFamily: "Ios15Medium" }}
+ >
+ معرفی روانشناسان
+ </p>
+ </HashLink>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ );
+};
+export default Doctor_Home;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| doctor.jsx | +
+
+ |
+ 100% | +5/5 | +100% | +3/3 | +100% | +2/2 | +100% | +5/5 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 | 256x + + + + + + + + + + + + + + + + + + +32x + + + +22x +22x +22x +22x +22x +22x +22x +22x + + + + + + + + +22x +22x + +22x + + + + + + + + + +22x + + + +22x +8x + + +22x +8x + + +22x + + + + + + + + + + + + + + + +22x + + + + + + + + + + + + + + + + + + + + + + + +22x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +22x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +22x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +22x + + + + + + +22x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React, { useState, useEffect } from "react";
+import { Modal } from "react-bootstrap";
+import { JBDateInput } from "jb-date-input-react";
+import "../MedicalInfoModal/medical-info-modal-styles.css";
+import axios from "axios";
+import { ToastContainer, toast } from "react-toastify";
+import * as shamsi from "shamsi-date-converter";
+
+import kid_icon from "../../assets/kid.png";
+import ssid_icon from "../../assets/id.png";
+import one_icon from "../../assets/one.png";
+import two_icon from "../../assets/two.png";
+import three_icon from "../../assets/three.png";
+import four_icon from "../../assets/four.png";
+import five_icon from "../../assets/five.png";
+import circle_icon from "../../assets/circle.png";
+import age_icon from "../../assets/age.png";
+import { GrConsole } from "react-icons/gr";
+
+function DoctorInfoModal({
+ showModal,
+ toggleModal,
+ getReserve,
+}) {
+ const [age, setAge] = useState(null);
+ const [childrenNum, setChildrenNum] = useState(null);
+ const [medicalHistory, setMedicalHistory] = useState(null);
+ const [ssid, setSsid] = useState("");
+ const [medicalRecords, setMedicalRecords] = useState([]);
+ const [showRecordModal, setShowRecordModal] = useState(false);
+ const [currentRecord, setCurrentRecord] = useState({
+ endDate: "",
+ length: "",
+ isFinished: null,
+ reasonToLeave: "",
+ method: "",
+ drugs: "",
+ });
+
+ const openRecordModal = () => setShowRecordModal(true);
+ const closeRecordModal = () => setShowRecordModal(false);
+
+ const resetCurrentRecord = () =>
+ setCurrentRecord({
+ endDate: "",
+ length: "",
+ isFinished: null,
+ reasonToLeave: "",
+ method: "",
+ drugs: "",
+ });
+
+ const handleClose = () => {
+ toggleModal();
+ };
+
+ useEffect(() => {
+ console.log("Current record updated:", currentRecord);
+ }, [currentRecord]);
+
+ useEffect(() => {
+ console.log("Updated medical records:", medicalRecords);
+ }, [medicalRecords]);
+
+ const convertToPersianNumbers = (value) =>
+ value.replace(/[0-9]/g, (char) =>
+ ({
+ 0: "۰",
+ 1: "۱",
+ 2: "۲",
+ 3: "۳",
+ 4: "۴",
+ 5: "۵",
+ 6: "۶",
+ 7: "۷",
+ 8: "۸",
+ 9: "۹",
+ }[char] || char)
+ );
+
+ const convertToEnglishNumbers = (value) =>
+ value.replace(/[۰-۹]/g, (char) =>
+ ({
+ "۰": "0",
+ "۱": "1",
+ "۲": "2",
+ "۳": "3",
+ "۴": "4",
+ "۵": "5",
+ "۶": "6",
+ "۷": "7",
+ "۸": "8",
+ "۹": "9",
+ }[char] || char)
+ );
+
+ function DateString(input) {
+ var changed = shamsi.jalaliToGregorian(input.year, input.month, input.day);
+ var y = `${changed[0]}`;
+ var m = changed[1] < 10 ? `0${changed[1]}` : `${changed[1]}`;
+ var d = changed[2] < 10 ? `0${changed[2]}` : `${changed[2]}`;
+ return [y, m, d].join("-");
+ }
+
+ const handleAddRecord = (event) => {
+ event.preventDefault();
+
+ const errors = [];
+
+ if (!currentRecord.endDate.trim()) {
+ errors.push("لطفاً تاریخ پایان را وارد کنید");
+ } else {
+ const endDateFormat = new Date(currentRecord.endDate);
+ const today = new Date();
+ if (isNaN(endDateFormat.getTime())) {
+ errors.push("تاریخ پایان معتبر نیست");
+ I} else if (endDateFormat > today) {
+ errors.push("تاریخ پایان نمیتواند در آینده باشد");
+ }
+ }
+
+ Iif (!currentRecord.length.trim()) {
+ errors.push("لطفاً طول درمان را وارد کنید");
+ }
+
+ Iif (isNaN(currentRecord.length)) {
+ errors.push("طول درمان را به عدد وارد کنید");
+ }
+
+ Iif (currentRecord.isFinished === null) {
+ errors.push("اتمام یا عدم اتمام درمان را مشخص کنید");
+ }
+
+ Iif (currentRecord.isFinished === false && !currentRecord.reasonToLeave.trim()) {
+ errors.push("برای سوابق درمانی ناتمام، دلیل ترک درمان باید پر شود");
+ }
+
+ Iif (errors.length > 0) {
+ errors.forEach((error) =>
+ toast.error(error, {
+ position: "bottom-left",
+ autoClose: 3000,
+ })
+ );
+ return;
+ }
+
+ setMedicalRecords([...medicalRecords, currentRecord]);
+ resetCurrentRecord();
+ closeRecordModal();
+ toast.success("!سابقۀ پزشکی شما با موفقیت ثبت شد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ });
+ };
+
+ const validateFields = () => {
+ const errorMessages = [];
+
+ Iif (!age || !childrenNum || !ssid || medicalHistory === null) {
+ errorMessages.push("لطفاً تمام فیلدهای ضروری را پر کنید");
+ }
+ Iif (parseInt(age, 10) < 18) {
+ errorMessages.push("سن باید بیشتر از ۱۸ سال باشد");
+ }
+ Iif (ssid.length !== 10) {
+ errorMessages.push("قالب کد ملّی درست نیست");
+ }
+ for (let record of medicalRecords) {
+ Iif (!record.endDate || !record.length) {
+ errorMessages.push(
+ "تمام سوابق پزشکی باید تاریخ پایان و طول درمان داشته باشند"
+ );
+ }
+
+ Iif (record.isFinished === false && !record.reasonToLeave.trim()) {
+ errorMessages.push(
+ "برای سوابق درمانی ناتمام، دلیل ترک درمان باید پر شود"
+ );
+ }
+ }
+
+ Iif (errorMessages.length > 0) {
+ errorMessages.forEach((message) =>
+ toast.error(message, {
+ position: "bottom-left",
+ autoClose: 3000,
+ })
+ );
+ return false;
+ }
+ return true;
+ };
+
+
+ const handleSendMedicalInfo = async () => {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios (
+ "http://46.249.100.141:8070/accounts/doctorapplication/",
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ data: {
+ firstname: age,
+ lastname: childrenNum,
+ doctorate_code: ssid,
+ id:1,
+ },
+ }
+ );
+
+ Iif (response.status === 200 || response.status === 201) {
+ toast.success("اطلاعات پزشکی شما با موفقیت ثبت شد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ handleClose();
+ setAge(null);
+ setChildrenNum(null);
+ setMedicalHistory(null);
+ setSsid("");
+ setMedicalRecords([]);
+ toggleModal();
+ showModal = false;
+ }
+ } catch (error) {
+ toast.error("خطا در ثبت اطلاعات پزشکی، لطفا دوباره تلاش کنید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ };
+
+ const getReserved = async (event) => {
+ event.preventDefault();
+ getReserve();
+ };
+
+
+
+ return (
+ <>
+ <Modal
+ show={showModal}
+ onHide={toggleModal}
+ backdrop="static"
+ className="medical-bd_modal modal medical-wrapper_modal"
+ centered
+ >
+ <Modal.Header className="medical-header_modal" closeButton>
+ <Modal.Title className="medical-title_modal">
+ تکمیل اطلاعات
+ </Modal.Title>
+ </Modal.Header>
+ <div className="medical-form_container_modal">
+ <div className="medical-form_details_modal">
+ <form action="#" className="form login">
+ <pre></pre>
+ <div>
+ <h4
+ style={{
+ color: "rgb(119, 120, 121)",
+ fontSize: "20px",
+ direction: "rtl",
+ backgroundImage: `url(${one_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ textShadow: "0px 0px 6px rgba(0, 0, 0, 0.2)",
+ }}
+ >
+ نام خود را وارد کنید:
+ </h4>
+ </div>
+ <div className="medical-field_modal">
+ <input
+ className="input"
+ type="text"
+ placeholder="نام"
+ value={age ? convertToPersianNumbers(age) : ""}
+ onChange={(event) => {
+ setAge(convertToEnglishNumbers(event.target.value));
+ console.log("age: ", age);
+ }}
+ style={{
+ backgroundImage: `url(${age_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+ <div style={{ marginTop: "10%" }}>
+ <h4
+ style={{
+ color: "rgb(119, 120, 121)",
+ fontSize: "20px",
+ direction: "rtl",
+ backgroundImage: `url(${two_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ textShadow: "0px 0px 6px rgba(0, 0, 0, 0.2)",
+ }}
+ >
+ نام خانوادگی خود را وارد کنید:
+ </h4>
+ </div>
+ <div className="medical-field_modal">
+ <input
+ className="input"
+ type="text"
+ placeholder="نام خانوادگی"
+ value={childrenNum ? convertToPersianNumbers(childrenNum) : ""}
+ onChange={(event) => {
+ setChildrenNum(convertToEnglishNumbers(event.target.value));
+ console.log("children: ", childrenNum);
+ }}
+ style={{
+ backgroundImage: `url(${kid_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+ <pre></pre>
+
+ <div style={{ marginTop: "10%" }}>
+ <h4
+ style={{
+ color: "rgb(119, 120, 121)",
+ fontSize: "20px",
+ direction: "rtl",
+ backgroundImage: `url(${three_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ textShadow: "0px 0px 6px rgba(0, 0, 0, 0.2)",
+ }}
+ >
+ کد نظام روانشناسی یا نظام پزشکی خود را وارد کنید:
+ </h4>
+ </div>
+ <div className="medical-field_modal">
+ <input
+ className="input"
+ type="text"
+ placeholder="شناسه"
+ value={ssid ? convertToPersianNumbers(ssid) : ""}
+ onChange={(event) => {
+ setSsid(convertToEnglishNumbers(event.target.value));
+ console.log("ssid: ", ssid);
+ }}
+ style={{
+ backgroundImage: `url(${ssid_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+
+ <div className="medical-field_modal medical-btn" style={{ marginRight: "10px" }}>
+ <div className="medical-btn_layer">
+ <input
+ type="submit"
+ value="ارسال اطلاعات"
+ onClick={handleSendMedicalInfo}
+
+ />
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </Modal>
+ </>
+ );
+}
+
+export default DoctorInfoModal;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| DoctorInfoModal.jsx | +
+
+ |
+ 26.41% | +28/106 | +14.58% | +7/48 | +18.18% | +4/22 | +26.73% | +27/101 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 | 256x + + + + + + + + + + + + + + + + +32x +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + | import React, { useEffect, useState } from "react";
+import {
+ MDBCol,
+ MDBContainer,
+ MDBRow,
+ MDBCard,
+ MDBCardText,
+ MDBCardBody,
+ MDBTypography,
+ MDBIcon,
+} from "mdb-react-ui-kit";
+import { ToastContainer, toast } from "react-toastify";
+import axios from "axios";
+import Rating from "@mui/material/Rating";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar";
+import { useNavigate } from "react-router-dom";
+
+export default function DoctorRating() {
+ const navigate = useNavigate();
+ const [rate, setRating] = useState(null);
+ const [rateCount, setRateCount] = useState(null);
+
+ useEffect(() => {
+ GetRating();
+ }, []);
+
+ const GetRating = async () => {
+ const accessToken = localStorage.getItem("accessToken");
+ try {
+ const response = await axios(
+ "http://eniacgroup.ir:8070//DoctorPanel/get_rating/",
+ {
+ method: "GET",
+ headers: {
+ Authorization: `Bearer ${accessToken}`, // Bearer <access token >
+ "Content-Type": "application/json",
+ },
+ }
+ );
+ Iif (response.status === 200) {
+ console.log(response.data);
+ setRating(response.data.average_score);
+ setRateCount(response.data.total_ratings_count);
+ }
+ } catch (error) {
+ toast.error("!متاسفانه مشکلی رخ داد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ };
+
+ function convertToPersianNumbers(number) {
+ const persianDigits = "۰۱۲۳۴۵۶۷۸۹";
+ return String(number).replace(/\d/g, (digit) => persianDigits[digit]);
+ }
+
+ const formattedRate = rate !== null ? rate.toFixed(2) : null;
+
+ return (
+ <>
+ <NavBar_SideBar />
+ <section className="vh-100" style={{ backgroundColor: "#8A7DFA" }}>
+ <MDBContainer className="py-5 h-100">
+ <MDBRow className="justify-content-center align-items-center h-100">
+ <MDBCol xl="10">
+ <MDBCard className="mb-5" style={{ borderRadius: "15px" }}>
+ <MDBCardBody className="p-4">
+ <MDBTypography
+ style={{
+ direction: "rtl",
+ fontWeight: "bold",
+ color: "#6554FD",
+ display: "flex",
+ justifyContent: "center",
+ alignItems: "center",
+ }}
+ tag="h3"
+ >
+ امتیازهای من
+ </MDBTypography>
+ <div
+ style={{ justifyContent: "center", textAlign: "center" }}
+ >
+ <hr
+ style={{ color: "#8A7DFA", opacity: "0.45" }}
+ className="my-4"
+ />
+ <div className="d-flex justify-content-center align-items-center">
+ <Rating
+ size="large"
+ name="read-only"
+ precision={0.5}
+ value={rate}
+ readOnly
+ />
+ </div>
+ <div
+ style={{ marginTop: "2%" }}
+ className="d-flex justify-content-center align-items-center mb-3"
+ >
+ <MDBCardText
+ style={{ fontSize: "20px" }}
+ className="text-uppercase mb-0"
+ >
+ <MDBIcon fas icon="cog me-2" />
+ .تا کنون{" "}
+ {rateCount ? (
+ convertToPersianNumbers(rateCount)
+ ) : (
+ <></>
+ )}{" "}
+ نفر به شما امتیاز داده اند
+ </MDBCardText>
+ </div>
+ <div style={{ marginTop: "5%" }}>
+ <a
+ style={{ color: "#B9B1FD" }}
+ href="#"
+ onClick={(e) => navigate("/Home")}
+ >
+ {" "}
+ بازگشت به صفحۀ اصلی
+ </a>
+ </div>
+ </div>
+ </MDBCardBody>
+ </MDBCard>
+ </MDBCol>
+ </MDBRow>
+ </MDBContainer>
+ <ToastContainer />
+ </section>
+ </>
+ );
+}
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| DoctorPannelRating.jsx | +
+
+ |
+ 18.51% | +5/27 | +40% | +4/10 | +12.5% | +1/8 | +18.18% | +4/22 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 | 288x + + + + + + + + + + +32x + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React, { useState } from "react";
+import { useLocation } from "react-router-dom";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar";
+import Footer from "../Footer/Footer";
+import "./Doctor_FreeTime.css";
+import { useNavigate } from "react-router-dom";
+import { ToastContainer, toast } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+import Doctor_FreeTime_Add from "./Doctor_FreeTime_Add";
+import Doctor_FreeTime_Edit from "./Doctor_FreeTime_Edit";
+
+const Doctor_FreeTime = () => {
+ const navigate = useNavigate();
+ const location = useLocation();
+ const [Page, SetPage] = useState(1);
+
+ return (
+ <>
+ <NavBar_SideBar />
+ <ToastContainer />
+ <div className="ft_body row d-grid " dir="rtl">
+ <div className="ft_Box container ">
+ <div className="col-12 ">
+ <h2 className="font-custom text-center">مدیریت ساعت کاری </h2>
+ <ul class="nav nav-tabs">
+ <li
+ class="nav-item "
+ onClick={() => {
+ Page ? {} : SetPage(1);
+ }}
+ >
+ <a
+ class={"nav-link " + (Page ? "active" : "")}
+ aria-current="page"
+ >
+ ایجاد
+ </a>
+ </li>
+ <li
+ class="nav-item "
+ onClick={() => {
+ !Page ? {} : SetPage(0);
+ }}
+ >
+ <a class={"nav-link " + (!Page ? "active" : "")} href="#">
+ ویرایش
+ </a>
+ </li>
+ </ul>
+ </div>
+ {Page ? <Doctor_FreeTime_Add /> : <Doctor_FreeTime_Edit/>}
+ </div>
+ </div>
+
+ <Footer />
+ </>
+ );
+};
+
+export default Doctor_FreeTime;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 | 352x + + + + + + + + + + + + + + + + + + + + + + + + + +32x + + + + + + + + + + +32x + +32x + + + + + + + + +32x + + + + + + + + + + + + + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +96x + | import React, { useState } from "react";
+import { useLocation } from "react-router-dom";
+import img from "../../assets/Female_Avatar.jpg";
+import "./Doctor_FreeTime.css";
+import "react-modern-calendar-datepicker/lib/DatePicker.css";
+import { utils } from "react-modern-calendar-datepicker";
+import DateObject from "react-date-object";
+import persian from "react-date-object/calendars/persian";
+import HourCard from "./Hours";
+import { BsCalendarDate ,BsCalendar2WeekFill } from "react-icons/bs";
+import { IoMdTime , IoMdClock} from "react-icons/io";
+import { useEffect } from "react";
+import axios from "axios";
+import { useNavigate } from "react-router-dom";
+import * as shamsi from "shamsi-date-converter";
+import { toast } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+import MedicalInfoModal from "../MedicalInfoModal/MedicalInfoModal";
+import Swal from "sweetalert2";
+
+function DateString(input) {
+ var changed = shamsi.jalaliToGregorian(input.year, input.month, input.day);
+ var y = `${changed[0]}`;
+ var m = changed[1] < 10 ? `0${changed[1]}` : `${changed[1]}`;
+ var d = changed[2] < 10 ? `0${changed[2]}` : `${changed[2]}`;
+ return [y, m, d].join("-");
+}
+
+function ChangeDate(input) {
+ var date = new DateObject(input);
+ date.convert(persian);
+ const changed = {
+ year: parseInt(date.year),
+ month: parseInt(date.month),
+ day: parseInt(date.day),
+ };
+ return changed;
+}
+
+const weekdays = [
+ "شنبه",
+ "یکشنبه",
+ "دوشنبه",
+ "سهشنبه",
+ "چهارشنبه",
+ "پنجشنبه",
+ "جمعه",
+];
+const MONTHs = [
+ "January",
+ "February",
+ "March",
+ "April",
+ "May",
+ "June",
+ "July",
+ "August",
+ "September",
+ "October",
+ "November",
+ "December",
+];
+const DAYS = [
+ {
+ key: "saturday",
+ label: "شنبه",
+ },
+ {
+ key: "sunday",
+ label: "یکشنبه",
+ },
+ {
+ key: "monday",
+ label: "دوشنبه",
+ },
+ {
+ key: "tuesday",
+ label: "سه شنبه",
+ },
+ {
+ key: "wednesday",
+ label: "چهارشنبه",
+ },
+ {
+ key: "thursday",
+ label: "پنج شنبه",
+ },
+ {
+ key: "friday",
+ label: "جمعه",
+ },
+];
+
+function toPersianDigits(str) {
+ const persianDigits = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"];
+ return str.replace(/\d/g, (digit) => persianDigits[digit]);
+}
+
+const Doctor_FreeTime_Add = () => {
+ const navigate = useNavigate();
+ const location = useLocation();
+ const initialState = location.state || {};
+ const [doctor_id, setCode] = useState(initialState.doctorId || "");
+ const hours = [
+ "9:00:00",
+ "10:00:00",
+ "11:00:00",
+ "14:00:00",
+ "15:00:00",
+ "16:00:00",
+ "17:00:00",
+ "18:00:00",
+ "19:00:00",
+ ];
+ const [sel_hours, setsel_hours] = useState([]);
+ const [responseData, setResponseData] = useState([]);
+ const [selectVal, setSelectVal] = useState(-1);
+ const [selectedDay, setSelectedDay] = useState(
+ ChangeDate(utils().getToday())
+ );
+ const [selectedHours, setSelectedHours] = useState([]);
+ const [LeftTimes, setTime] = useState([]);
+ const today = ChangeDate(utils().getToday());
+ const [selected, setSelect] = useState([]);
+
+ const [selectedDayweek, setSelectedDayweek] = useState(-1);
+
+ const handleDayChange = (event, value) => {
+ setSelectedDayweek(value);
+ setsel_hours([]);
+ setSelectedHours([]);
+ };
+
+ const setdatetime = () => {
+ var d = new Date(
+ selectedDay.year,
+ selectedDay.month,
+ selectedDay.day
+ ).getDay();
+ var temp;
+ if (d == 1) temp = [];
+ else {
+ temp = hours.slice();
+ setTime(temp);
+ for (let i = 0; i < responseData.length; i++) {
+ Iif (responseData[i].date == DateString(selectedDay)) {
+ var ind = temp.indexOf(responseData[i].time);
+ Iif (ind > -1) {
+ temp.splice(ind, 1);
+ }
+ }
+ }
+ }
+ return temp;
+ };
+ useEffect(() => {
+ setTimeout(() => {
+ {
+ setTime(setdatetime(selectedDay));
+ }
+ }, 10);
+ });
+
+ async function send_free_time() {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios(
+ "http://46.249.100.141:8070/DoctorPanel/doctor/post-free-times/",
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ data: {
+ month: MONTHs[utils().getToday().month - 1],
+ day: weekdays[selectedDayweek],
+ time: selectedTimes.join(","),
+ },
+ }
+ );
+ if (response.status === 200 || response.status === 201) {
+ setSelect(-1);
+ setSelectedHours([]);
+ setResponseData(response.data);
+ setsel_hours([]);
+ toast.success("زمان منتخب شما با موفقیت ثبت شد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ } else {
+ toast.error("ثبت موفقیت آمیز نبود، رفرش کنید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ } catch (error) {
+ toast.error("ثبت موفقیت آمیز نبود، رفرش کنید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ }
+ const selectedTimes = selectedHours.map((index) => hours[index]);
+
+ return (
+ <>
+
+ <div className="row">
+ <div
+ className={
+ "row " + (sel_hours.length == 0 ? "col-12" : "col-md-9 col-lg-9 col-sm-9 col-xsm-12")
+ }
+ >
+ <div className="col-12 p-3" dir="rtl">
+ <p className="ft_paragraph">
+ <BsCalendar2WeekFill className="ms-2" />
+ روز های هفته
+ </p>
+ <div className="row d-flex justify-content-center align-items-center g-3">
+ {DAYS.map((day, index, key) => (
+ <div className="col col-md-3 col-sm-4 col-xsm-12" align="center">
+ <HourCard
+ index={index}
+ time={day.label}
+ selected={selectedDayweek === index}
+ onClick={(event) => {
+ setSelectedDayweek((prev) =>
+ prev == index ? -1 : index
+ );
+ setsel_hours([]);
+ setSelectedHours([]);
+ }}
+ />
+ </div>
+ ))}
+ </div>
+ </div>
+ <div
+ className="col col-12 p-3"
+ dir="rtl"
+ style={selectedDayweek == -1 ? { display: "none" } : {}}
+ >
+ <p className="ft_paragraph">
+ <IoMdClock className="ms-2" />
+ ساعات مورد نظر:
+ </p>
+ <div className="row d-flex justify-content-center align-items-center g-3">
+ {LeftTimes.length == 0 && (
+ <div className="ft_error_input">
+ زمانی جهت مشاوره یافت نشد
+ </div>
+ )}
+ {LeftTimes.map((time, index, key) => (
+ <div
+ className="col col-md-3 col-sm-5 ms-1 col-xsm-12"
+ align="center"
+ >
+ <HourCard
+ time={toPersianDigits(time)}
+ index={index}
+ selected={sel_hours.indexOf(index) == -1 ? false : true}
+ onClick={(event) => {
+ const selectedIndex = selectedHours.indexOf(index);
+ if (sel_hours.indexOf(index) == -1)
+ sel_hours.push(index);
+ else sel_hours.splice(sel_hours.indexOf(index), 1);
+ if (selectedIndex === -1) {
+ setSelect(selected == index ? -1 : index);
+ // Hour is not selected, add it to the array
+ setSelectedHours([...selectedHours, index]);
+ } else {
+ // Hour is already selected, remove it from the array
+ const updatedHours = [...selectedHours];
+ updatedHours.splice(selectedIndex, 1);
+ setSelectedHours(updatedHours);
+ }
+ }}
+ />
+ </div>
+ ))}
+ </div>
+ </div>
+ </div>
+ <div
+ className="col col-md-3 col-lg-3 col-sm-3 col-xsm-1 justify-content-center align-items-center row px-0 "
+ align="center"
+ style={sel_hours.length == 0 ? { display: "none" } : {display:"flex",padding:"9%"}}
+ >
+ <h4 className="font-custom mb-5">قبل از ثبت روز و زمان مورد نظر، از صحت آن اطمینان حاصل کنید!</h4>
+ <div className="col-12 font-custom fs-4">
+ <span className="col-4 ms-1">
+ <BsCalendarDate />
+ </span>
+ <span className="col-4 ms-4 font-custom "> تاریخ:</span>
+ <span className="col-4 font-custom">
+ {weekdays[selectedDayweek]}
+ </span>
+ </div>
+ <div className="col-12 fs-4">
+ <span className="col-4 ms-1">
+ <IoMdTime />
+ </span>
+ <span className="col-4 ms-4 font-custom"> ساعت:</span>
+ <span className="col-4 ">
+ {toPersianDigits(selectedTimes.map((time)=> time.slice(0,-3)).join("\t,\t"))}
+ </span>
+ </div>
+ <div className="ft_choices_box">
+ <button
+ className="ft_button_74"
+ onClick={(e) => {
+ send_free_time();
+ }}
+ >
+ ثبت
+ </button>
+ </div>
+ </div>
+ </div>
+ </>
+ );
+};
+
+export default Doctor_FreeTime_Add;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 | 352x + + + + + + + + + + + + + + + + + + + + + + + + + +32x + + + + + + + + + + +32x + +32x + + + + + + + + +32x + + + + + + + + + + + + + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +96x + | import React, { useState } from "react";
+import { useLocation } from "react-router-dom";
+import img from "../../assets/Female_Avatar.jpg";
+import "./Doctor_FreeTime.css";
+import "react-modern-calendar-datepicker/lib/DatePicker.css";
+import { utils } from "react-modern-calendar-datepicker";
+import DateObject from "react-date-object";
+import persian from "react-date-object/calendars/persian";
+import HourCard from "./Hours";
+import { BsCalendarDate, BsCalendar2WeekFill } from "react-icons/bs";
+import { IoMdTime, IoMdClock } from "react-icons/io";
+import { useEffect } from "react";
+import axios from "axios";
+import { useNavigate } from "react-router-dom";
+import * as shamsi from "shamsi-date-converter";
+import { toast } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+import MedicalInfoModal from "../MedicalInfoModal/MedicalInfoModal";
+import Swal from "sweetalert2";
+
+function DateString(input) {
+ var changed = shamsi.jalaliToGregorian(input.year, input.month, input.day);
+ var y = `${changed[0]}`;
+ var m = changed[1] < 10 ? `0${changed[1]}` : `${changed[1]}`;
+ var d = changed[2] < 10 ? `0${changed[2]}` : `${changed[2]}`;
+ return [y, m, d].join("-");
+}
+
+function ChangeDate(input) {
+ var date = new DateObject(input);
+ date.convert(persian);
+ const changed = {
+ year: parseInt(date.year),
+ month: parseInt(date.month),
+ day: parseInt(date.day),
+ };
+ return changed;
+}
+
+const weekdays = [
+ "شنبه",
+ "یکشنبه",
+ "دوشنبه",
+ "سهشنبه",
+ "چهارشنبه",
+ "پنجشنبه",
+ "جمعه",
+];
+const MONTHs = [
+ "January",
+ "February",
+ "March",
+ "April",
+ "May",
+ "June",
+ "July",
+ "August",
+ "September",
+ "October",
+ "November",
+ "December",
+];
+const DAYS = [
+ {
+ key: "saturday",
+ label: "شنبه",
+ },
+ {
+ key: "sunday",
+ label: "یکشنبه",
+ },
+ {
+ key: "monday",
+ label: "دوشنبه",
+ },
+ {
+ key: "tuesday",
+ label: "سه شنبه",
+ },
+ {
+ key: "wednesday",
+ label: "چهارشنبه",
+ },
+ {
+ key: "thursday",
+ label: "پنج شنبه",
+ },
+ {
+ key: "friday",
+ label: "جمعه",
+ },
+];
+
+function toPersianDigits(str) {
+ const persianDigits = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"];
+ return str.replace(/\d/g, (digit) => persianDigits[digit]);
+}
+
+const Doctor_FreeTime_Edit = () => {
+ const navigate = useNavigate();
+ const location = useLocation();
+ const initialState = location.state || {};
+ const [initialTimes, setInitial] = useState([]);
+ const [intialDays, setInitialDays] = useState([]);
+ const hours = [
+ "9:00:00",
+ "10:00:00",
+ "11:00:00",
+ "14:00:00",
+ "15:00:00",
+ "16:00:00",
+ "17:00:00",
+ "18:00:00",
+ "19:00:00",
+ ];
+ const [sel_hours, setsel_hours] = useState([]);
+ const [initial_Times, setTimes] = useState([]);
+ const [responseData, setResponseData] = useState([]);
+ const [selectVal, setSelectVal] = useState(-1);
+ const [selectedDay, setSelectedDay] = useState(
+ ChangeDate(utils().getToday())
+ );
+ const [selectedHours, setSelectedHours] = useState([]);
+ const [LeftTimes, setTime] = useState([]);
+ const [selected, setSelect] = useState([]);
+ const [selectedDayweek, setSelectedDayweek] = useState(-1);
+
+ async function GetFreeTime () {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios(
+ `http://46.249.100.141:8070/DoctorPanel/doctor/get-free-times/`,
+ {
+ method: "GET",
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ }
+ );
+ const arr = [];
+ setInitial(response.data["Free Time List"]);
+ response.data["Free Time List"]
+ .map((x) => (x = x.day))
+ .forEach((x) => {
+ const index = weekdays.indexOf(x);
+ Iif (!arr.includes(DAYS[index])) {
+ arr.push(DAYS[index]);
+ }
+ });
+ setInitialDays(arr);
+ } catch (error) {
+ console.error("Error fetching Free Times:", error);
+ }
+ };
+ useEffect(() => {
+ GetFreeTime();
+ }, []);
+
+ async function update_free_time() {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios(
+ "http://46.249.100.141:8070/DoctorPanel/doctor/update-free-times/",
+ {
+ method: "PUT",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ data: {
+ month: MONTHs[utils().getToday().month - 1],
+ day: intialDays[selectedDayweek].label,
+ time: selectedHours.join(","),
+ },
+ }
+ );
+ Iif (response.status === 200 || response.status === 201) {
+ setSelectedHours([]);
+ GetFreeTime();
+ setSelectedDayweek(-1);
+ toast.success("زمان منتخب شما با موفقیت ثبت شد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ } catch (error) {
+ toast.error("ثبت موفقیت آمیز نبود، رفرش کنید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ }
+
+ const handleWeekDay = (index) => {
+ setSelectedDayweek((prev) => (prev == index ? -1 : index));
+ const arr = [];
+ initialTimes
+ .filter((x) => x.day == intialDays[index].label)
+ .map((x) => (x = x.time))
+ .forEach((x) => {
+ Iif (!arr.includes(x)) {
+ arr.push(x);
+ }
+ });
+ setSelectedHours(arr);
+ };
+
+ return (
+ <>
+ <div className="row">
+ <div
+ className={
+ "row " +
+ (selectedDayweek == -1
+ ? "col-12"
+ : "col-md-9 col-lg-9 col-sm-9 col-xsm-12")
+ }
+ >
+ <div className="col-12 p-3" dir="rtl">
+ <p className="ft_paragraph">
+ <BsCalendar2WeekFill className="ms-2" />
+ روز های هفته
+ </p>
+ <div className="row d-flex justify-content-center align-items-center g-3">
+ {intialDays.map((day, index) => (
+ <div
+ className="col col-md-3 col-sm-4 col-xsm-12"
+ align="center"
+ >
+ <HourCard
+ index={index}
+ time={day.label}
+ selected={selectedDayweek === index}
+ onClick={() => {
+ handleWeekDay(index);
+ }}
+ />
+ </div>
+ ))}
+ </div>
+ </div>
+ <div
+ className="col col-12 p-3"
+ dir="rtl"
+ style={selectedDayweek == -1 ? { display: "none" } : {}}
+ >
+ <p className="ft_paragraph">
+ <IoMdClock className="ms-2" />
+ ساعات مورد نظر:
+ </p>
+ <div className="row d-flex justify-content-center align-items-center g-3">
+ {hours.map((time, index, key) => (
+ <div
+ className="col col-md-3 col-sm-5 ms-1 col-xsm-12"
+ align="center"
+ >
+ <HourCard
+ time={toPersianDigits(time)}
+ index={index}
+ selected={selectedHours.indexOf(time) == -1 ? false : true}
+ onClick={(event) => {
+ const selectedIndex = selectedHours.indexOf(time);
+ if(selectedIndex==-1)
+ setSelectedHours([...selectedHours,time]);
+ else
+ setSelectedHours(selectedHours.filter(x=>x!=time));
+ }}
+ />
+ </div>
+ ))}
+ </div>
+ </div>
+ </div>
+ <div
+ className="col col-md-3 col-lg-3 col-sm-12 col-xsm-1 justify-content-center align-items-center row px-0"
+ align="center"
+ style={
+ selectedDayweek == -1
+ ? { display: "none" }
+ : { display: "flex", padding: "9%" }
+ }
+ >
+ <h4 className="font-custom mb-5">
+ قبل از ویرایش روز و زمان مورد نظر، از صحت آن اطمینان حاصل کنید!
+ </h4>
+ <div className="col-12 font-custom fs-4">
+ <span className="col-4 ms-1">
+ <BsCalendarDate />
+ </span>
+ <span className="col-4 ms-4 font-custom "> تاریخ:</span>
+ <span className="col-4 font-custom">
+ {intialDays[selectedDayweek]?.label}
+ </span>
+ </div>
+ <div className="col-12 fs-4">
+ <span className="col-4 ms-1">
+ <IoMdTime />
+ </span>
+ <span className="col-4 ms-4 font-custom"> ساعت:</span>
+ <span className="col-4 ">
+ {toPersianDigits(
+ selectedHours.map((time) => time.slice(0, -3)).join("\t,\t")
+ )}
+ </span>
+ </div>
+ <div className="ft_choices_box">
+ <button
+ className="ft_button_74"
+ onClick={(e) => {
+ update_free_time();
+ }}
+ >
+ ثبت
+ </button>
+ </div>
+ </div>
+ </div>
+ </>
+ );
+};
+
+export default Doctor_FreeTime_Edit;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 | 256x + + +32x + + + + + + + + + + + + + +32x +32x + | import React, { useState } from "react";
+import "./Doctor_FreeTime.css";
+
+const HourCard = ({ time, index, onClick, selected }) => {
+ return (
+ <>
+ <div
+ className="ft_hcard_bd"
+ onClick={onClick}
+ style={
+ selected ? { background: "#326320", color: "#e2e2e2" , border: "3px solid #326320"} : {}
+ }
+ >
+ {time}
+ </div>
+ </>
+ );
+};
+export default HourCard;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Doctor_FreeTime.jsx | +
+
+ |
+ 38.46% | +5/13 | +23.07% | +3/13 | +20% | +1/5 | +50% | +5/10 | +
| Doctor_FreeTime_Add.jsx | +
+
+ |
+ 11.11% | +10/90 | +8.1% | +3/37 | +5% | +1/20 | +12.04% | +10/83 | +
| Doctor_FreeTime_Edit.jsx | +
+
+ |
+ 12.04% | +10/83 | +11.53% | +3/26 | +4.16% | +1/24 | +12.98% | +10/77 | +
| Hours.jsx | +
+
+ |
+ 80% | +4/5 | +60% | +3/5 | +50% | +1/2 | +80% | +4/5 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 | 288x + + + + + + + + + + + +32x + + + + + + + + + + + + + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React from "react";
+import "./DoctorsList.css";
+import axios from "axios";
+import Swal from "sweetalert2";
+import withReactContent from "sweetalert2-react-content";
+import { useNavigate } from "react-router-dom";
+import { useState, useEffect } from "react";
+import CompleteInfoModal from "../CompleteInfoModal/Complete_Info.jsx";
+import { ToastContainer } from "react-toastify";
+import DoctorPage from "../SeeingDoctorReservation/DoctorPage.jsx";
+import RatingInfoModal from "../RatingDoctor/Rating&InfoModal.jsx";
+
+const DoctorProfile = ({
+ Id,
+ name,
+ Description,
+ Image,
+ ProfileType,
+ IsPrivate,
+ Psychiatrist,
+}) => {
+ {
+ console.log(name);
+ console.log(Image);
+ console.log(Id);
+
+ const navigate = useNavigate();
+ const load = () => {
+ console.log("++");
+ console.log(name);
+ console.log(Image);
+ console.log(Id);
+ };
+
+ console.log(!Image);
+ const [image, setImage] = useState(Image);
+
+ useEffect(() => {
+ Iif (!Image) {
+ const fetchImage = async () => {
+ try {
+ const response = await axios.get(
+ `http://46.249.100.141:8070/profile/doctors/${Id}/`
+ );
+ Iif (response.status === 200) {
+ setImage(response.data.image);
+ }
+ } catch (error) {
+ console.error("Error fetching doctor image:", error);
+ }
+ };
+ fetchImage();
+ }
+ }, [Image, Id]);
+
+ Iif (!name && !ProfileType) {
+ return null;
+ }
+
+ async function GetUserInfo(event) {
+ const [info, setinfo] = useState({
+ FirstName: "",
+ LastName: "",
+ Email: "",
+ BirthDay: "",
+ Gender: "",
+ PhoneNumber: ""
+ });
+
+ event.preventDefault();
+ const accessToken = localStorage.getItem("accessToken");
+ try {
+ const response = await axios(
+ "http://46.249.100.141:8070/accounts/get_user/",
+ {
+ method: "GET",
+ headers: {
+ Authorization: `Bearer ${accessToken}`, // Bearer <access token >
+ "Content-Type": "application/json",
+ },
+ }
+ );
+ Iif (response.status == 200) {
+ const data = response.data.user;
+ setinfo({
+ FirstName: data.firstname == null ? "--" : data.firstname,
+ LastName: data.lastname == null ? "--" : data.lastname,
+ Email: data.email,
+ BirthDay:
+ data.date_of_birth == null ? "00-00-00" : data.date_of_birth,
+ Gender: data.gender == null ? "--" : data.gender,
+ PhoneNumber: data.phone_number == null ? "--" : data.phone_number,
+ });
+ }
+ } catch (error) {
+ console.log(error);
+ Iif (error.response.status == 403) {
+ withReactContent(Swal).fire({
+ icon: "error",
+
+ html: "<div dir='rtl'>برای مشاهده اطلاعات شخصی ورود به اکانت خود الزامی است!</div>",
+
+ background: "#075662",
+ color: "#fff",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonText: "تایید",
+ preConfirm: () => {
+ navigate("/Signup");
+ },
+ });
+ }
+ }
+ }
+
+ async function GetUserInfo2(event) {
+ event.preventDefault();
+ const accessToken = localStorage.getItem("accessToken");
+ if (accessToken == null)
+ withReactContent(Swal)
+ .fire({
+ icon: "warning",
+ html: "<div dir='rtl'>!برای نمایش اطلاعات ورود به اکانت خود الزامی است!</div>",
+ background: "#075662",
+ color: "#fff",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ showDenyButton: true,
+ confirmButtonText: "ورود به سایت",
+ denyButtonText: "صفحه اصلی",
+ denyButtonColor: "#89817e",
+ confirmButtonColor: "#bfd4c2", //rgb(67, 118, 74)",
+ customClass: {
+ actions: "my-actions",
+ confirmButton: "order-2",
+ denyButton: "order-3",
+ },
+ })
+ .then((result) => {
+ if (result.isConfirmed) {
+ navigate("/Signup");
+ I} else if (result.isDenied) {
+ navigate("/Home");
+ }
+ });
+ else {
+ try {
+ const response = await axios(
+ "http://46.249.100.141:8070/accounts/get_user/",
+ {
+ method: "GET",
+ headers: {
+ Authorization: `Bearer ${accessToken}`, // Bearer <access token >
+ "Content-Type": "application/json",
+ },
+ }
+ );
+ Iif (response.status == 200) {
+ console.log(response);
+ const data = response.data.user;
+ const check =
+ data.firstname == null
+ ? false
+ : data.lastname == null
+ ? false
+ : data.date_of_birth == null
+ ? false
+ : data.gender == null
+ ? false
+ : data.phone_number == null
+ ? false
+ : true;
+ if (check) {
+ }
+ else {
+ Swal.fire({
+ icon: "warning",
+ html: "<div dir='rtl'>اطلاعات حساب شما ناقص است!</div>",
+ background: "#075662",
+ color: "#fff",
+ confirmButtonText: "ویرایش اطلاعات",
+ confirmButtonColor: "#0a8ca0",
+
+ });
+ }
+ }
+ } catch (error) {
+ Iif (error.response.status == 403) {
+ withReactContent(Swal)
+ .fire({
+ icon: "warning",
+ html: "<div dir='rtl'>!برای رزرو وقت ورود به اکانت خود الزامی است!</div>",
+ background: "#075662",
+ color: "#fff",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ showDenyButton: true,
+ confirmButtonText: "ورود به سایت",
+ denyButtonText: "صفحه اصلی",
+ denyButtonColor: "#89817e",
+ confirmButtonColor: "#0a8ca0",
+ customClass: {
+ actions: "my-actions",
+ confirmButton: "order-2",
+ denyButton: "order-3",
+ },
+ })
+ .then((result) => {
+ if (result.isConfirmed) {
+ navigate("/Signup");
+ I} else if (result.isDenied) {
+ navigate("/Home");
+ }
+ });
+ }
+ }
+ }
+ }
+
+ const CheckInfo = () => {
+ if (
+ firstname.length === 0 ||
+ lastname.length === 0 ||
+ phonenumber.length === 0 ||
+ genderOption === "" ||
+ dateOfBirth === ""
+ ) {
+ // console.log("has empty");
+ setShow(true);
+ // console.log(firstname, lastname, phonenumber, genderOption, dateOfBirth);
+ } else {
+ toast.warn("!شما قبلا اطلاعات خود را ثبت کرده اید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ setShow(true);
+ // Swal.fire({
+ // icon: "warning",
+ // title: "!شما قبلا اطلاعات خود را ثبت کرده اید",
+ // background: "#075662",
+ // color: "#fff",
+ // width: "26rem",
+ // height: "18rem",
+ // confirmButtonText: "تایید",
+ // confirmButtonColor: "#0a8ca0",
+ // customClass: {
+ // container: 'custom-swal-container'
+ // }
+ // });
+ }
+ };
+
+ if (name == null && ProfileType == null) {
+ // withReactContent(Swal)
+ // .fire({
+ // icon: "warning",
+ // title: "!مشاوری یافت نشد",
+ // background: "#075662",
+ // color: "#fff",
+ // width: "35rem",
+ // backdrop: `
+ // rgba(84, 75, 87.0.9)
+ // left top
+ // no-repeat`})
+ } else {
+ return (
+ <>
+ <div
+ onLoad={GetUserInfo}
+ onClick={GetUserInfo2}
+ >
+ <RatingInfoModal
+ doctorId={Id}
+ name={name}
+ Description={Description}
+ Image={image}
+ ProfileType={ProfileType}
+ IsPrivate={IsPrivate}
+ Psychiatrist={Psychiatrist}
+ />
+
+ {/* <div
+ className="rounded team-item-new"
+ style={{ fontFamily: "Ios15Medium", cursor:"pointer" }}
+ onLoad={load}
+ // onClick={() => setShow(true)}
+ // onClick={handleModalClick}
+ >
+ <link
+ rel="stylesheet"
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"
+ />
+ <div className="team-content">
+ <div className="team-img-icon">
+ <div className="team-img rounded-circle">
+ <img
+ src={Image}
+ className="img-fluid w-100 rounded-circle"
+ alt={`${name}'s Image`}
+ />
+ </div>
+ <div className="team-name text-center py-3">
+ <h4
+ className="m-0"
+ style={{ color: "gray", fontFamily: "Ios15Medium" }}
+ >
+ {name}
+ </h4>
+ <p
+ className="m-0"
+ style={{ fontFamily: "Ios15Medium", color: "gray" }}
+ >
+ {ProfileType}
+ </p>
+ <p
+ className="m-0"
+ style={{ fontFamily: "Ios15Medium", color: "gray" }}
+ >
+ {Description}
+ </p>
+ </div>
+ </div>
+ </div>
+ </div> */}
+ </div>
+ </>
+ );
+ }
+ }
+};
+
+export default DoctorProfile;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 | 320x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + + + + + + + + + + + + +32x +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +64x | import React from "react";
+import "./DoctorsList.css";
+import axios from "axios";
+import Swal from "sweetalert2";
+import withReactContent from "sweetalert2-react-content";
+import { useLocation, useNavigate } from "react-router-dom";
+import { useState, useEffect } from "react";
+import "./DoctorProfile.jsx";
+import DoctorProfile from "./DoctorProfile.jsx";
+import Footer from "../Footer/Footer.jsx";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar.jsx";
+import PropTypes from 'prop-types';
+import Tabs from '@mui/material/Tabs';
+import Tab from '@mui/material/Tab';
+import Box from '@mui/material/Box';
+
+function CustomTabPanel(props) {
+ const { children, value, index, ...other } = props;
+
+ return (
+ <div
+ role="tabpanel"
+ hidden={value !== index}
+ id={`simple-tabpanel-${index}`}
+ aria-labelledby={`simple-tab-${index}`}
+ {...other}
+ >
+ {value === index && <Box sx={{ p: 3 }}>{children}</Box>}
+ </div>
+ );
+}
+
+CustomTabPanel.propTypes = {
+ children: PropTypes.node,
+ index: PropTypes.number.isRequired,
+ value: PropTypes.number.isRequired,
+};
+
+function a11yProps(index) {
+ return {
+ id: `simple-tab-${index}`,
+ 'aria-controls': `simple-tabpanel-${index}`,
+ };
+}
+
+const DoctorsList = () => {
+ const navigate = useNavigate();
+ async function GetUserInfo(event) {
+ event.preventDefault();
+ const accessToken = localStorage.getItem("accessToken");
+ try {
+ const response = await axios(
+ "http://46.249.100.141:8070/accounts/get_user/",
+ {
+ method: "GET",
+ headers: {
+ Authorization: `Bearer ${accessToken}`, // Bearer <access token >
+ "Content-Type": "application/json",
+ },
+ }
+ );
+ Iif (response.status == 200) {
+ const data = response.data.user;
+ setinfo({
+ FirstName: data.firstname == null ? "--" : data.firstname,
+ LastName: data.lastname == null ? "--" : data.lastname,
+ Email: data.email,
+ BirthDay:
+ data.date_of_birth == null ? "00-00-00" : data.date_of_birth,
+ Gender: data.gender == null ? "--" : data.gender,
+ PhoneNumber: data.phone_number == null ? "--" : data.phone_number,
+ });
+ }
+ } catch (error) {
+ Iif (error.response.status == 403) {
+ withReactContent(Swal).fire({
+ icon: "error",
+
+ html: "<div dir='rtl'>برای مشاهده اطلاعات شخصی ورود به اکانت خود الزامی است!</div>",
+
+ background: "#075662",
+ color: "#fff",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonText: "تایید",
+ confirmButtonColor: "#0a8ca0",
+ preConfirm: () => {
+ navigate("/Signup");
+ },
+ });
+ }
+ }
+ }
+
+ const [doctorProfile, setDoctorProfile] = useState([]);
+ useEffect(() => {
+ // تابع برای دریافت اطلاعات پروفایل دکترها از بکاند
+ const fetchDoctorProfile = async () => {
+ try {
+ const response = await axios.get(
+ "http://46.249.100.141:8070/profile/doctors/"
+ );
+ setDoctorProfile(response.data);
+ } catch (error) {
+ console.error("Error fetching doctor profile:", error);
+ }
+ };
+
+ fetchDoctorProfile();
+ }, []);
+
+
+
+ // const [Id, setId] = useState(0);
+ // const [name, setName] = useState("");
+ // const [Description, setDescription] = useState("");
+ // const [Image, setImage] = useState = useState("");
+ // const [ProfileType, setProfileType] = useState("");
+ // const [IsPrivate, setIsPrivate] = useState("");
+ // const [Psychiatrist, setPsychiatrist] = useState(0);
+
+
+
+ const [doctorProfileFardi, setDoctorProfileFardi] = useState([]);
+ useEffect(() => {
+ const fetchDoctorProfileFardi = async () => {
+ try {
+ const response1 = await axios.get(
+ "http://46.249.100.141:8070/profile/doctors/typed/",
+ {
+ params: {
+ profile_type: "فردی",
+ },
+ }
+ );
+ setDoctorProfileFardi(response1.data);
+ console.log(doctorProfileFardi);
+ } catch (error) {
+ console.error("Error fetching doctor profile:", error);
+ }
+ };
+
+ fetchDoctorProfileFardi();
+ }, []);
+
+ const [doctorProfileBaby, setDoctorProfileBaby] = useState([]);
+ useEffect(() => {
+ const fetchDoctorProfileBaby = async () => {
+ try {
+ const response1 = await axios.get(
+ "http://46.249.100.141:8070/profile/doctors/typed/",
+ {
+ params: {
+ profile_type: "کودک",
+ },
+ }
+ );
+ setDoctorProfileBaby(response1.data);
+ // console.log(response1);
+ } catch (error) {
+ console.error("Error fetching doctor profile:", error);
+ }
+ };
+
+ fetchDoctorProfileBaby();
+ }, []);
+
+ const [doctorProfileFamily, setDoctorProfileFamily] = useState([]);
+ useEffect(() => {
+ const fetchDoctorProfileFamily = async () => {
+ try {
+ const response1 = await axios.get(
+ "http://46.249.100.141:8070/profile/doctors/typed/",
+ {
+ params: {
+ profile_type: "زوج",
+ },
+ }
+ );
+ setDoctorProfileFamily(response1.data);
+ } catch (error) {
+ console.error("Error fetching doctor profile:", error);
+ }
+ };
+
+ fetchDoctorProfileFamily();
+ }, []);
+
+ const [doctorProfileEdu, setDoctorProfileEdu] = useState([]);
+ useEffect(() => {
+ const fetchDoctorProfileEdu = async () => {
+ try {
+ const response1 = await axios.get(
+ `http://eniacgroup.ir:8070/profile/doctors/typed`,
+ // "http://46.249.100.141:8070/profile/doctors/typed/",
+ {
+ params: {
+ profile_type: "نوجوان",
+ },
+ }
+ );
+ // const response1 = await axios(
+ // "http://46.249.100.141:8070/profile/doctors/typed/",
+ // {
+ // method: "GET",
+ // params: {
+ // profile_type: "نوجوان",
+ // },
+ // }
+ // );
+ setDoctorProfileEdu(response1.data);
+ } catch (error) {
+ console.error("Error fetching doctor profile:", error);
+ }
+ };
+ fetchDoctorProfileEdu();
+ });
+
+ const settings = {
+ className: "center",
+ infinite: true,
+ centerPadding: "60px",
+ slidesToShow: 4,
+ swipeToSlide: true,
+ afterChange: function (index) {
+ console.log(
+ `Slider Changed to: ${index + 1}, background: #222; color: #bada55`
+ );
+ },
+ };
+
+ const [value, setValue] = React.useState(0);
+ const handleChange = (event, newValue) => {
+ setValue(newValue);
+ };
+
+ return (
+ <>
+ <NavBar_SideBar />
+ <body className="Doctor_List_body">
+ <div className="DoctorList-background">
+ <html>
+ <head>
+ <link
+ href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
+ rel="stylesheet"
+ />
+ <link
+ href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
+ rel="stylesheet"
+ />
+ <link href="lib/animate/animate.min.css" rel="stylesheet" />
+ <link href="./owl.carousel.min.css" rel="stylesheet" />
+ </head>
+ </html>
+ <div
+ className="text-center mx-auto pb-2 wow fadeIn"
+ data-wow-delay=".3s"
+ style={{ maxWidth: "600px" }}
+ >
+ <h1 style={{ color: 'gray' }}>لیست مشاورها</h1>
+ <div className="doctorBox">
+ <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
+ <Tabs
+ style={{ display: "flex", flexWrap: "wrap" }}
+ className="tabs-style"
+ value={value}
+ onChange={handleChange}
+ aria-label="scrollable prevent tabs example"
+ // centered
+ variant="scrollable"
+ scrollButtons={false}>
+ <Tab style={{ fontFamily: "Ios15medium", fontSize: "18px" }} label="بالینی" {...a11yProps(0)} />
+ <Tab style={{ fontFamily: "Ios15medium", fontSize: "18px" }} label="کودک" {...a11yProps(1)} />
+ <Tab style={{ fontFamily: "Ios15medium", fontSize: "18px" }} label="تحصیلی" {...a11yProps(2)} />
+ <Tab style={{ fontFamily: "Ios15medium", fontSize: "18px" }} label="خانواده" {...a11yProps(3)} />
+ <Tab style={{ fontFamily: "Ios15medium", fontSize: "18px" }} label="کوچینگ" {...a11yProps(4)} />
+ <Tab style={{ fontFamily: "Ios15medium", fontSize: "18px" }} label="روان پزشکی" {...a11yProps(5)} />
+ </Tabs>
+ </Box>
+ <CustomTabPanel value={value} index={0}>
+ <div className="distanceBetweenDoctor">
+ {doctorProfileFardi.map((index) => (
+ <DoctorProfile
+ Id={index?.id}
+ name={index?.name}
+ Description={index?.description}
+ Image={index?.image}
+ ProfileType={index?.profile_type}
+ IsPrivate={index?.is_private}
+ Psychiatrist={index?.psychiatrist}
+ />
+ ))}
+ </div>
+ </CustomTabPanel>
+ <CustomTabPanel value={value} index={1}>
+ <div className="distanceBetweenDoctor">
+ {doctorProfileBaby.map((index) => (
+ <DoctorProfile
+ Id={index?.id}
+ name={index?.name}
+ Description={index?.description}
+ Image={index?.image}
+ ProfileType={index?.profile_type}
+ IsPrivate={index?.is_private}
+ Psychiatrist={index?.psychiatrist}
+ />
+ ))}
+ </div>
+ </CustomTabPanel>
+ <CustomTabPanel value={value} index={2}>
+ <div className="distanceBetweenDoctor">
+ {doctorProfileEdu.map((index) => (
+ <DoctorProfile
+ Id={index?.id}
+ name={index?.name}
+ Description={index?.description}
+ Image={index?.image}
+ ProfileType={index?.profile_type}
+ IsPrivate={index?.is_private}
+ Psychiatrist={index?.psychiatrist}
+ />
+ ))}
+ </div>
+ </CustomTabPanel>
+ <CustomTabPanel value={value} index={3}>
+ <div className="distanceBetweenDoctor">
+ {doctorProfileFamily.map((index) => (
+ <DoctorProfile
+ Id={index?.id}
+ name={index?.name}
+ Description={index?.description}
+ Image={index?.image}
+ ProfileType={index?.profile_type}
+ IsPrivate={index?.is_private}
+ Psychiatrist={index?.psychiatrist}
+ />
+ ))}
+ </div>
+ </CustomTabPanel>
+ <CustomTabPanel value={value} index={4}>
+ {/* <div className="distanceBetweenDoctor">
+ {doctorProfileFardi.map((index) => (
+ <DoctorProfile
+ Id={index?.id}
+ name={index?.name}
+ Description={index?.description}
+ Image={index?.image}
+ ProfileType={index?.profile_type}
+ IsPrivate={index?.is_private}
+ Psychiatrist={index?.psychiatrist}
+ />
+ ))}
+ </div> */}
+ </CustomTabPanel>
+ <CustomTabPanel value={value} index={5}>
+ {/* <div className="distanceBetweenDoctor">
+ {doctorProfileFardi.map((index) => (
+ <DoctorProfile
+ Id={index?.id}
+ name={index?.name}
+ Description={index?.description}
+ Image={index?.image}
+ ProfileType={index?.profile_type}
+ IsPrivate={index?.is_private}
+ Psychiatrist={index?.psychiatrist}
+ />
+ ))}
+ </div> */}
+ </CustomTabPanel>
+ </div>
+ </div>
+ </div>
+ <Footer />
+ </body>
+ </>
+ );
+};
+
+export default DoctorsList; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| DoctorProfile.jsx | +
+
+ |
+ 6.84% | +5/73 | +5.66% | +3/53 | +8.33% | +1/12 | +7.04% | +5/71 | +
| DoctorsList.jsx | +
+
+ |
+ 9.45% | +7/74 | +17.64% | +3/17 | +4.34% | +1/23 | +9.85% | +7/71 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 | 256x + + + + + +32x +60x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React from "react";
+import { MdEmail, MdSettings } from "react-icons/md";
+import { FaPhone, FaGithubSquare, FaInfo, FaHome } from "react-icons/fa";
+
+import styles from "./Footer.module.css";
+
+const Footer = () => {
+ return (
+ <>
+ <div className={styles.footer}>
+ <div className={styles.org}>
+ <div>
+ <ul className={styles.social}>
+ <h5>راه های ارتباطی</h5>
+ <hr style={{ width: "22rem", color: "white", opacity: "1" }} />
+ <li>
+ <MdEmail className={styles.social_icon} />
+ ایمیل: eniakgroupiust@gmail.com
+ </li>
+ <li>
+ <a
+ href="https://github.com/ENIAC-group"
+ style={{ color: "#ffffff", textDecoration: "none", fontFamily:'Ios15medium' }}
+ >
+ <FaGithubSquare className={styles.social_icon} />
+ گیت هاب: https://github.com/ENIAC-group
+ </a>
+ </li>
+ <li>
+ <FaPhone className={styles.social_icon} />
+ تلفن: 12345678-021
+ </li>
+ </ul>
+ </div>
+ <div>
+ <ul className={styles.social}>
+ <h5>دسترسی آسان</h5>
+ <hr style={{ width: "22rem", color: "white", opacity: "1" }} />
+ <li>
+ <a
+ href="/Aboutus"
+ style={{ color: "#ffffff", textDecoration: "none", fontFamily:'Ios15medium' }}
+ >
+ <FaInfo className={styles.social_icon} />
+ درباره ما
+ </a>
+ </li>
+ <li>
+ <a
+ href="/Home"
+ style={{ color: "#ffffff", textDecoration: "none", fontFamily:'Ios15medium' }}
+ >
+ <FaHome className={styles.social_icon} />
+ صفحه اصلی
+ </a>
+ </li>
+ <li>
+ <a
+ href="/Setting"
+ style={{ color: "#ffffff", textDecoration: "none", fontFamily:'Ios15medium' }}
+ >
+ <MdSettings className={styles.social_icon} />
+ تنظیمات
+ </a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div className={styles.credits}>
+ <span>© 2024 Appy. All rights reserved.</span>
+ <span>Terms · Privacy Policy</span>
+ <span>ENIAC-Group</span>
+ </div>
+ </div>
+ </>
+ );
+};
+
+export default Footer;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Footer.jsx | +
+
+ |
+ 100% | +5/5 | +100% | +3/3 | +100% | +2/2 | +100% | +5/5 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 | 288x + + + + + + + + + + + + + + + + + + + + + + +32x +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import react from "react";
+import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
+
+import Swal from "sweetalert2";
+import withReactContent from "sweetalert2-react-content";
+
+import { Icon } from "react-icons-kit";
+import { eye } from "react-icons-kit/feather/eye";
+import { eyeOff } from "react-icons-kit/feather/eyeOff";
+import { checkmarkCircled } from "react-icons-kit/ionicons/checkmarkCircled";
+import { closeCircled } from "react-icons-kit/ionicons/closeCircled";
+
+import lock_icon from "../../assets/password.png";
+import email_icon from "../../assets/email.png";
+import key_icon from "../../assets/key.png";
+
+import axios from "axios";
+import validator from "validator";
+
+import "./ForgetPassword.css";
+import { ToastContainer, toast } from "react-toastify";
+
+const ForgetPassword = () => {
+ const navigate = useNavigate();
+ const [fp_code, setvcode] = useState(0);
+ const [fp_Email, setfp_Email] = useState("");
+ const [check_icon, seticon] = useState({
+ checkcolor: "#7a7d7b",
+ checkicon: checkmarkCircled,
+ });
+ const [pass_display, setdisplay] = useState("none");
+ const [passwordType, setPasswordType] = useState("password");
+ const [repeatPasswordType, setRepeatPasswordType] = useState("password");
+ const [passwordIcon, setPasswordIcon] = useState(eyeOff);
+ const [repeatPasswordIcon, setRepeatPasswordIcon] = useState(eyeOff);
+
+ const handlePasswordToggle = () => {
+ setPasswordType(passwordType === "password" ? "text" : "password");
+ setPasswordIcon(passwordIcon === eye ? eyeOff : eye);
+ };
+
+ const handleRepeatPasswordToggle = () => {
+ setRepeatPasswordType(
+ repeatPasswordType === "password" ? "text" : "password"
+ );
+ setRepeatPasswordIcon(repeatPasswordIcon === eye ? eyeOff : eye);
+ };
+ const [fp_response, setresponse] = useState({
+ token: "",
+ verificationcode: -1,
+ });
+
+ const CheckVerificationCode = () => {
+ seticon(
+ fp_code == fp_response.verificationcode
+ ? { checkcolor: "green", checkicon: checkmarkCircled }
+ : { checkcolor: "red", checkicon: closeCircled }
+ );
+ setdisplay(fp_code == fp_response.verificationcode ? "grid" : "none");
+ };
+
+ async function SendVerificationCode(event) {
+ event.preventDefault();
+ if (validator.isEmail(fp_Email)) {
+ try {
+ const response = await axios(
+ "http://eniacgroup.ir:8070/accounts/forgot_password/",
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ data: {
+ email: fp_Email,
+ },
+ }
+ );
+ const data = response.data;
+ Iif (response.status === 200 || response.status === 201) {
+ const accessToken = response.data.access;
+ const refreshToken = response.data.refresh;
+ localStorage.setItem("accessToken", accessToken);
+ localStorage.setItem("refreshToken", refreshToken);
+ setresponse({
+ token: data.url,
+ verificationcode: data.code,
+ });
+ console.log(data.code);
+ toast.success("!کد تایید صحت با موفقیت ارسال شد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ } catch (error) {
+ Iif (error.response.status === 400) {
+ toast.error("!ایمیل وارد شده در سیستم ثبت نشده", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ }
+ } else {
+ if (fp_Email.length == 0) {
+ toast.error("!ایمیل خود را وارد کنید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ } else {
+ toast.error("!قالب ایمیل صحیح نمی باشد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+
+ }
+ }
+ }
+ async function SubmitNewPass(event) {
+ event.preventDefault();
+ const password = document.getElementById("pass").value;
+ const passwordConfirm = document.getElementById("rpass").value;
+ if (
+ (password.length === 0) |
+ (passwordConfirm.length === 0) |
+ (password.length < 8) |
+ (password != passwordConfirm)
+ ) {
+ toast.error("!درستی و تطابق رمز عبور را چک کنید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+
+ } else {
+ const response = await axios(fp_response.token,
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ data: {
+ new_password: password,
+ confirm_password: passwordConfirm,
+ verification_code: fp_response.verificationcode,
+ },
+ });
+ if (response.status === 400) {
+ withReactContent(Swal).fire({
+ icon: "error",
+ title: "!عملیات تغییر رمز عبور موفق نبود، لطفا دوباره تلاش کنید",
+ background: "#075662",
+ color: "#FFFF",
+ width: "32rem",
+ confirmButtonText: "باشه",
+ confirmButtonColor: "#0a8ca0"
+ });
+ } else {
+ navigate("/Signup");
+ }
+ }
+ }
+ return (
+ <>
+ <ToastContainer/>
+ <body className="forget-password-bd">
+ <div>
+ <div className="forget-password-wrapper p-5">
+ <div className="forget-password-header">
+ <div className="forget-password-title">فراموشی رمز عبور</div>
+ </div>
+ <div className="forget-password-form_details">
+ <form action="#" className="login">
+ <div className="forget-password-field mt-4 mb-2">
+ <input
+ onChange={(event) => setfp_Email(event.target.value)}
+ type="text"
+ placeholder="ایمیل"
+ style={{
+ backgroundImage: `url(${email_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+ <div className="forget-password-pass_link">
+ <a onClick={SendVerificationCode}>دریافت کد تایید هویت</a>
+ </div>
+ <div className={"forget-password-field mt-4 mb-2 " + (pass_display=="none" ? "": "d-none")}>
+ <input
+ onChange={(event) => setvcode(event.target.value)}
+ type={"text"}
+ placeholder="کد صحت"
+ style={{
+ backgroundImage: `url(${key_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ <span
+ className="forget-password-checkmark"
+ onClick={CheckVerificationCode}
+ style={{ color: check_icon.checkcolor }}
+ >
+ <Icon icon={check_icon.checkicon} size={23} />
+ </span>
+ </div>
+ <div
+ className="hidden"
+ style={{ display: pass_display }}
+ >
+ <div className="forget-password-field mt-4 mb-2">
+ <input
+ id="pass"
+ className="forget-password-pass"
+ type={passwordType}
+ placeholder="رمز عبور جدید"
+ style={{
+ backgroundImage: `url(${lock_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ <span
+ className="forget-password-eye"
+ onClick={handlePasswordToggle}
+ >
+ <Icon icon={passwordIcon} size={23} />
+ </span>
+ </div>
+ <div className="forget-password-field mt-4 mb-2">
+ <input
+ id="rpass"
+ className="forget-password-repeatpass"
+ type={repeatPasswordType}
+ placeholder="تکرار رمز عبور جدید"
+ style={{
+ backgroundImage: `url(${lock_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ <span
+ className="forget-password-eye"
+ onClick={handleRepeatPasswordToggle}
+ >
+ <Icon icon={repeatPasswordIcon} size={23} />
+ </span>
+ </div>
+ <div className="forget-password-field">
+ <div className="forget-password-btn mt-4">
+ <div className="forget-password-btn_layer"></div>
+ <input
+ type="submit"
+ value="ثبت"
+ onClick={SubmitNewPass}
+ />
+ </div>
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+ </body>
+ </>
+ );
+};
+
+export default ForgetPassword;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| ForgetPassword.jsx | +
+
+ |
+ 8.92% | +5/56 | +10.34% | +3/29 | +10% | +1/10 | +9.43% | +5/53 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 +398 +399 +400 +401 +402 +403 +404 +405 +406 +407 +408 +409 +410 +411 +412 +413 +414 +415 +416 +417 +418 +419 +420 +421 +422 +423 +424 +425 +426 +427 +428 +429 +430 +431 +432 +433 +434 +435 +436 +437 +438 +439 +440 +441 +442 +443 +444 +445 +446 +447 +448 +449 +450 +451 +452 +453 +454 +455 +456 +457 +458 +459 +460 +461 +462 +463 +464 +465 +466 +467 +468 +469 +470 +471 +472 +473 +474 +475 +476 +477 +478 +479 +480 +481 +482 +483 +484 +485 +486 +487 +488 +489 +490 +491 +492 +493 +494 +495 +496 +497 +498 +499 +500 +501 +502 +503 +504 +505 +506 +507 +508 +509 +510 +511 +512 +513 +514 +515 +516 +517 +518 +519 +520 +521 +522 +523 +524 +525 +526 +527 +528 +529 +530 +531 +532 +533 +534 +535 +536 +537 +538 +539 +540 +541 +542 +543 +544 +545 +546 +547 +548 +549 +550 +551 +552 +553 +554 +555 +556 +557 +558 +559 +560 +561 +562 +563 +564 +565 +566 +567 +568 +569 +570 +571 +572 +573 +574 +575 +576 +577 +578 +579 +580 +581 +582 +583 +584 +585 +586 +587 +588 +589 +590 +591 +592 +593 +594 +595 +596 +597 +598 +599 +600 +601 +602 +603 +604 +605 +606 +607 +608 +609 +610 +611 +612 +613 +614 +615 +616 +617 +618 +619 +620 +621 +622 +623 +624 +625 +626 +627 +628 +629 +630 +631 +632 +633 +634 +635 +636 +637 +638 +639 +640 +641 +642 +643 +644 +645 +646 +647 +648 +649 +650 +651 +652 +653 +654 +655 +656 +657 +658 +659 +660 +661 +662 +663 +664 +665 +666 +667 +668 +669 +670 +671 +672 +673 +674 +675 +676 +677 +678 +679 +680 +681 +682 +683 +684 +685 +686 +687 +688 +689 +690 +691 +692 +693 +694 +695 +696 +697 +698 +699 +700 +701 +702 +703 +704 +705 +706 +707 +708 +709 +710 +711 +712 +713 +714 +715 +716 +717 +718 +719 +720 +721 +722 +723 +724 +725 +726 +727 +728 +729 +730 +731 +732 +733 +734 +735 +736 +737 +738 +739 +740 +741 +742 +743 +744 +745 +746 +747 +748 +749 +750 +751 +752 +753 +754 +755 +756 +757 +758 +759 +760 +761 +762 +763 +764 +765 +766 +767 +768 +769 +770 +771 +772 +773 +774 +775 +776 +777 +778 +779 +780 +781 +782 +783 +784 +785 +786 +787 +788 +789 +790 +791 +792 +793 +794 +795 +796 +797 +798 +799 +800 +801 +802 +803 | 36x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +4x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +4x + +4x | import "./groupchat_styles.css";
+import { ToastContainer, toast } from "react-toastify";
+import { GrNewWindow } from "react-icons/gr";
+import { FaPaperPlane } from "react-icons/fa6";
+import { RiSendPlaneFill } from "react-icons/ri";
+import { RiDeleteBin6Line } from "react-icons/ri";
+import { TextField } from "@mui/material";
+import { useState, useEffect, useRef } from "react";
+import "react-toastify/dist/ReactToastify.css";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar";
+import Footer from "../Footer/Footer";
+import axios from "axios";
+import io from "socket.io-client";
+import { message } from "antd";
+
+// Helper function to format the time (hour and minute) from created_at to Tehran time
+function formatTime(date) {
+ const d = new Date(date);
+ const tehranOffset = 10.5 * 60;
+ const localOffset = d.getTimezoneOffset();
+ d.setMinutes(d.getMinutes() + localOffset + tehranOffset);
+ const hours = d.getHours().toString().padStart(2, '0');
+ const minutes = d.getMinutes().toString().padStart(2, '0');
+ return `${hours}:${minutes}`;
+}
+
+function toPersianDigits(str) {
+ const persianDigits = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"];
+ return str.replace(/\d/g, (digit) => persianDigits[digit]);
+}
+
+// Helper function to format the date (month, day, year)
+function formatDate(date) {
+ const d = new Date(date);
+ const options = { year: 'numeric', month: 'long', day: 'numeric' };
+ return d.toLocaleDateString('fa-IR', options);
+}
+
+
+const GroupChat = () => {
+ const scrollRef = useRef(null);
+ const socket = useRef(null); // To hold the socket connection
+ const [groupList, setGroupList] = useState([]);
+ const [selectedGroup, setSelectedGroup] = useState(null);
+ const [newMessage, setNewMessage] = useState("");
+ const [loading, setLoading] = useState(false);
+ const [groupName, setGroupName] = useState("");
+ const [userName, setUserName] = useState("");
+ const [userId, setUserId] = useState(1);
+ const [contextMenu, setContextMenu] = useState({ visible: false, x: 0, y: 0, target: null });
+ const [newGroupName, setNewGroupName] = useState("");
+ const [newGroupDescriptions, setNewGroupDescriptions] = useState("");
+ const [showArchived, setShowArchived] = useState(false);
+ const [openModal, setOpenModal] = useState(false);
+ const [messages, setMessages] = useState({});
+ const [openGroupInfoModal, setOpenGroupInfoModal] = useState(false);
+ const [email, setEmail] = useState("");
+ const token = localStorage.getItem("accessToken");
+
+ useEffect(() => {
+ getAllGroups();
+ getUserEmail();
+ }, []);
+
+ useEffect(() => {
+ Iif (selectedGroup) {
+ // Open WebSocket connection
+ socket.current = new WebSocket(`ws://46.249.100.141:8070/ws/chat/${selectedGroup.id}/?${email}`);
+
+ socket.current.onopen = () => {
+ console.log("WebSocket is connected.");
+ };
+
+ socket.current.onmessage = (event) => {
+ try {
+ const newMessages = JSON.parse(event.data);
+ // console.log(newMessage.createdAt);
+ console.log("Received Message:", newMessages);
+ getMessages(selectedGroup.id);
+ } catch (error) {
+ console.error("Error parsing WebSocket message:", error);
+ }
+ };
+
+
+ socket.current.onclose = (event) => {
+ console.log("WebSocket connection closed:", event);
+ };
+
+ socket.current.onerror = (error) => {
+ console.error("WebSocket error:", error);
+ };
+
+ return () => {
+ Iif (socket.current) {
+ socket.current.close();
+ }
+ };
+ }
+ }, [selectedGroup]);
+
+
+ useEffect(() => {
+ Iif (selectedGroup) {
+ setGroupName(selectedGroup.title);
+ getMessages(selectedGroup.id);
+ }
+ }, [selectedGroup]);
+
+
+ useEffect(() => {
+ Iif (scrollRef.current) {
+ scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+ }
+ }, [messages]);
+
+ const getUserEmail = async () => {
+ try {
+ const response = await axios.get("http://46.249.100.141:8070/chat/get-user-email/", {
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ });
+ // console.log(response.data);
+ Iif (response.status === 200 || response.status === 201) {
+ setEmail(response.data.email);
+ }
+ } catch (error) {
+ console.error("Error fetching groups:", error);
+ toast.error("خطا در بارگذاری گروهها", {
+ position: "bottom-right",
+ autoClose: 3000,
+ });
+ }
+ };
+
+ // Fetch all groups
+ const getAllGroups = async () => {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios.get("http://46.249.100.141:8070/chat/rooms/", {
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ });
+ Iif (response.status === 200 || response.status === 201) {
+ const groupsArray = response.data || [];
+ Iif (Array.isArray(groupsArray) && groupsArray.length > 0) {
+ setGroupList(groupsArray.map((group) => ({
+ id: group.id,
+ descriptions: group.description,
+ createdBy: group.created_by,
+ title: group.title,
+ })));
+ }
+ }
+ } catch (error) {
+ console.error("Error fetching groups:", error);
+ toast.error("خطا در بارگذاری گروهها", {
+ position: "bottom-right",
+ autoClose: 3000,
+ });
+ }
+ };
+
+ // Get the messages of the group which the user has clicked on
+ const getMessages = async (roomId) => {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios.get(`http://46.249.100.141:8070/chat/rooms/${roomId}/messages/`, {
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ });
+
+ Iif (response.status === 200 || response.status === 201) {
+ const groupedMessages = response.data.reduce((acc, message) => {
+ const messageDate = formatDate(message.created_at);
+ Iif (!acc[messageDate]) {
+ acc[messageDate] = [];
+ }
+ acc[messageDate].push({
+ id: message.id,
+ user: message.user,
+ content: message.content,
+ isSelf: message.is_self,
+ firstname: message.firstname,
+ lastname: message.lastname,
+ createdAt: message.created_at,
+ group: message.room,
+ });
+ return acc;
+ }, {});
+
+ setMessages(groupedMessages);
+ }
+ } catch (error) {
+ console.error("Error fetching messages:", error);
+ toast.error("خطا در بارگذاری پیامها", {
+ position: "bottom-right",
+ autoClose: 3000,
+ });
+ }
+ };
+
+ // Send message to the group
+ const sendMessage = async () => {
+ Iif (!newMessage.trim()) return;
+ try {
+ socket.current.send(
+ JSON.stringify({
+ email: email,
+ message: newMessage,
+ })
+ );
+
+ setNewMessage("");
+
+ } catch (error) {
+ if (error.response.data.error == "User not a member of this room.") {
+ console.error("Error sending message:", error);
+ toast.error("!شما عضو این گروه نیستید", {
+ position: "bottom-right",
+ autoClose: 3000,
+ });
+ } else {
+ console.error("Error sending message:", error);
+ toast.error("خطا در ارسال پیام", {
+ position: "bottom-right",
+ autoClose: 3000,
+ });
+ }
+ }
+ };
+
+ // Delete a message which was written by the user
+ const deleteMessage = async (messageId) => {
+ try {
+ console.log(messageId);
+ const response = await axios.delete(`http://46.249.100.141:8070/chat/messages/${messageId}/`, {
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ });
+
+ Iif (response.status == 200 || response.status == 201 || response.status == 204) {
+ setMessages((prevMessages) => {
+ const newMessages = { ...prevMessages };
+ Object.keys(newMessages).forEach((date) => {
+ newMessages[date] = newMessages[date].filter((message) => message.id !== messageId);
+ });
+ return newMessages;
+ });
+ toast.success("پیام حذف شد", {
+ position: "bottom-right",
+ autoClose: 3000,
+ });
+ getMessages(selectedGroup.id);
+
+ }
+ } catch (error) {
+ console.error("Error deleting message:", error);
+ toast.error("خطا در حذف پیام", {
+ position: "bottom-right",
+ autoClose: 3000,
+ });
+ }
+ };
+
+ // Create group by admin
+ const createGroup = () => {
+ Iif (!newGroupName.trim()) {
+ toast.error("نام گروه نمیتواند خالی باشد");
+ return;
+ }
+ const newGroup = {
+ id: groupList.length + 1,
+ name: newGroupName,
+ archived: false,
+ messages: [],
+ };
+ setGroupList([...groupList, newGroup]);
+ setNewGroupName("");
+ setNewGroupDescriptions("");
+ setOpenModal(false);
+ toast.success("گروه جدید ایجاد شد");
+ };
+
+
+ // Handle input change
+ const handleInputChange = (e) => {
+ setNewGroupName(e.target.value);
+ };
+
+ return (
+ <>
+ <NavBar_SideBar />
+ <ToastContainer style={{ width: "450px" }} />
+ <section style={{ direction: "rtl" }}>
+ <div className="py-5" align="center" style={{ backgroundColor: "#f0f9f1" }}>
+ <div className="row">
+ <div className="col-md-12">
+ <div id="chat3" style={{ borderRadius: "15px", width: "100%" }}>
+ <div className="card-body">
+ <div className="row justify-content-center px-sm-3">
+ <div className="col-md-6 col-lg-5 col-xl-3 mb-4 mb-md-0 rounded-4 customize-chat-side">
+ <div className="py-4">
+ <div className="input-group rounded p-3" dir="rtl">
+ {/* <span title={"ایجاد گروه جدید"} onClick={() => setOpenModal(true)} className="cursor-pointer" style={{ cursor: "pointer" }}>
+ <GrNewWindow className="fs-5" />
+ </span> */}
+ <p style={{ fontFamily: "Ios15Medium", textAlign: "center", marginRight: "35%", fontWeight: "bold", fontSize: "18px", color: "#485c2f" }}>لیست گروهها</p>
+ </div>
+ <hr className="mt-0" />
+ <div
+ style={{
+ position: "relative",
+ height: "350px",
+ width: "90%",
+ overflowY: "auto",
+ }}
+ >
+ {groupList.length == 0 && (
+ <p
+ className=" fs-5 font-custom"
+ style={{
+ position: "absolute",
+ top: "45%",
+ width: "100%",
+ color: "#198754",
+ }}
+ >
+ گروهی جهت نمایش وجود ندارد!
+ </p>
+ )}
+ <ul className="list-unstyled mb-0">
+ {groupList.map((group) => (
+ <li
+ className="p-2"
+ style={{ borderBottom: "1px solid black" }}
+ key={group.id}
+ >
+ <div
+ onClick={() => setSelectedGroup(group)}
+ className="d-flex justify-content-between"
+ style={{ cursor: 'pointer' }}
+ >
+ <div className="d-flex flex-row">
+ <div className="pt-1" style={{ textAlign: "right" }}>
+ <p
+ className="fw-bold mb-0 font-custom"
+ style={{ color: "rgba(47, 47, 47, 0.77)" }}
+ >
+ {group.title || "گروه جدید"}
+
+ </p>
+ </div>
+ </div>
+ </div>
+ </li>
+ ))}
+ </ul>
+ </div>
+ </div>
+ </div>
+
+ <div className="col-md-5 col-lg-6 col-xl-8" style={{ direction: "ltr" }}>
+ {selectedGroup !== null && (
+ <div
+ style={{
+ height: "50px",
+ display: "flex",
+ justifyContent: "center",
+ alignItems: "center",
+ border: "2px solid green",
+ borderRadius: "10px",
+ backgroundColor: "rgba(227, 248, 229, 0.9)",
+ boxShadow: "0px 4px 8px rgba(0, 0, 0, 0.3)",
+ cursor: "pointer"
+ }}
+ onClick={() => setOpenGroupInfoModal(true)}
+ >
+ <p
+ className="customizedp"
+ style={{
+ fontFamily: "Ios15Medium",
+ fontSize: "22px",
+ textShadow: "2px 2px 4px rgba(0, 0, 0, 0.3)",
+ color: "#464c49"
+ }}
+ >
+ {selectedGroup.title}
+ </p>
+ </div>
+ )}
+
+ {openGroupInfoModal && (
+ <div
+ style={{
+ position: "fixed",
+ top: 0,
+ left: 0,
+ width: "100vw",
+ height: "100vh",
+ backgroundColor: "rgba(0, 0, 0, 0.5)",
+ display: "flex",
+ justifyContent: "center",
+ alignItems: "center",
+ zIndex: "1000"
+ }}
+ >
+ <div
+ style={{
+ width: "400px",
+ backgroundColor: "rgb(232, 250, 234)",
+ padding: "20px",
+ borderRadius: "8px",
+ boxShadow: "0 1px 1px rgba(0,0,0,0.1)",
+ textAlign: "center",
+ direction: "rtl",
+ }}
+ >
+ <h3
+ style={{
+ fontFamily: "Ios15Medium",
+ color: "rgb(17, 92, 36)",
+ textShadow: "0 2px 10px rgba(0, 0, 0, 0.2)",
+ marginBottom: "30px"
+ }}
+ >
+ {selectedGroup.title}
+ </h3>
+ <p style={{ fontFamily: "Ios15Medium", textAlign: "right", marginRight: "9%" }}>{selectedGroup.descriptions}</p>
+ <div style={{ marginTop: "10%", fontFamily: "Ios15Medium" }}>
+ <button
+ onClick={() => setOpenGroupInfoModal(false)}
+ className="groupchat-modal-button confirm"
+ >
+ بستن
+ </button>
+ </div>
+ </div>
+ </div>
+ )}
+ {selectedGroup !== null && Object.keys(messages).length === 0 && (<>
+ <div
+ className="pt-3 pe-3"
+ id="scrollable-section"
+ ref={scrollRef}
+ style={{
+ position: "relative",
+ height: "400px",
+ overflowY: "auto",
+ }}
+ >
+ <p
+ className=" fs-5 font-custom"
+ style={{
+ position: "absolute",
+ top: "45%",
+ width: "100%",
+ color: "#198754",
+ }}
+ >
+ !پیامی جهت نمایش وجود ندارد
+ </p>
+ </div>
+ <div className="text-muted d-flex justify-content-start align-items-center pe-3 pt-3 mt-2">
+ <TextField
+ multiline
+ placeholder="پیام"
+ autoComplete="off"
+ variant="outlined"
+ onChange={(event) => {
+ if (event.target.value.includes("\n")) {
+ sendMessage();
+ setNewMessage(event.target.value.slice(0, -1));
+ } else setNewMessage(event.target.value);
+ }}
+ dir="rtl"
+ InputLabelProps={{
+ dir: "rtl",
+ }}
+ value={newMessage}
+ className="custom-form-input"
+ InputProps={{
+ style: {
+ color: "red",
+ width: "100%",
+ },
+ }}
+ sx={{
+ "& .MuiOutlinedInput-root": {
+ "& fieldset": {
+ borderColor: "gray", // Outline color
+ },
+ "&:hover fieldset": {
+ borderColor: "darkgreen", // Outline color on hover
+ },
+ "&.Mui-focused fieldset": {
+ borderColor: "rgb(75, 147, 113)", // Outline color when focused
+ },
+ },
+ "& .MuiInputBase-input": {
+ color: "gray", // Text color
+ },
+ }}
+ />
+
+ <a className="ms-3 fs-4 text-success text-decoration-none">
+ {loading && (
+ <FaPaperPlane
+ onClick={() => {
+ setLoading(false);
+ sendMessage();
+ }}
+ />
+ )}
+ {!loading && (
+ <div onClick={() => sendMessage()} title="ارسال پیام">
+ <RiSendPlaneFill />
+ </div>
+ )}
+ </a>
+ </div></>
+ )}
+
+ {selectedGroup === null && groupList.length != 0 && (
+ <div
+ className="pt-3 pe-3"
+ id="scrollable-section"
+ ref={scrollRef}
+ style={{
+ position: "relative",
+ height: "400px",
+ overflowY: "auto",
+ }}
+ >
+ <p
+ className=" fs-5 font-custom"
+ style={{
+ position: "absolute",
+ top: "45%",
+ width: "100%",
+ color: "#198754",
+ }}
+ >
+ ...برای شروع پیامرسانی یک گروه را انتخاب کنید
+ </p>
+ </div>
+ )}
+
+ {selectedGroup !== null && Object.keys(messages).length > 0 && (
+ <>
+ <div
+ className="pt-3 pe-3"
+ id="scrollable-section"
+ ref={scrollRef}
+ style={{
+ position: "relative",
+ height: "400px",
+ overflowY: "auto",
+ }}
+ >
+ {Object.keys(messages)
+ .sort((a, b) => new Date(a) - new Date(b)) // مرتبسازی کلیدهای تاریخ به ترتیب صعودی
+ .map((date) => (
+ <div key={date}>
+ {/* Display Date */}
+ <div
+ style={{
+ fontSize: "11px",
+ fontFamily: "Ios15Medium",
+ textAlign: "center",
+ color: "rgb(98, 99, 98)",
+ fontWeight: "bold",
+ margin: "20px 0",
+ direction: "rtl",
+ backgroundColor: "rgba(211, 211, 213, 0.39)",
+ width: "10%",
+ borderRadius: "15px",
+ padding: "5px 10px",
+ }}
+ >
+ {toPersianDigits(date)}
+ </div>
+
+ {/* Render Messages for the Date */}
+ {messages[date].map((message) => (
+ <div
+ key={message.id}
+ className="message-container"
+ style={{ fontFamily: "Ios15Medium" }}
+ >
+ <div
+ className={`d-flex flex-row justify-content-${message.isSelf ? "end" : "start"}`}
+ >
+ <div
+ className={`p-2 mb-1 rounded-4 font-custom ${message.isSelf
+ ? "groupchat-bg-success text-white"
+ : "groupchat-bg-light"
+ }`}
+ style={{
+ backgroundColor: "rgb(185, 219, 197)",
+ position: "relative", // Position the message box to allow the delete icon to float beside it
+ fontFamily: "Ios15Medium",
+ maxWidth: "80%"
+ }}
+ >
+ {!message.isSelf && (
+ <p
+ className="small mb-1 groupchat-text-muted"
+ style={{
+ textAlign: "left",
+ fontWeight: "bold",
+ color: "#7c7e7c !important",
+ fontFamily: "Ios15Medium",
+ fontSize: "16px"
+ }}
+ >
+ {message.firstname} {message.lastname}
+ </p>
+ )}
+ <p
+ className="small mb-1"
+ style={{
+ direction: "rtl",
+ textAlign: "right",
+ marginLeft: message.isSelf ? "25px" : "0",
+ marginRight: message.isSelf ? "0px" : "25px",
+ fontFamily: "Ios15Medium",
+ fontSize: "16px"
+ }}
+ >
+ {toPersianDigits(message.content)}
+ </p>
+ <p
+ style={{
+ fontSize: "12px",
+ color: message.isSelf ? "#ffffffa8" : "gray",
+ textAlign: message.isSelf ? "left" : "right",
+ marginBottom: "0",
+ fontFamily: "Ios15Medium"
+ }}
+ >
+ {toPersianDigits(formatTime(message.createdAt))}
+ </p>
+
+ {/* Delete Icon */}
+ <RiDeleteBin6Line
+ className="delete-icon"
+ onClick={() => deleteMessage(message.id)}
+ />
+ </div>
+ </div>
+ </div>
+ ))}
+ </div>
+ ))}
+ </div>
+
+ <div className="text-muted d-flex justify-content-start align-items-center pe-3 pt-3 mt-2">
+ <TextField
+ multiline
+ placeholder="پیام"
+ autoComplete="off"
+ variant="outlined"
+ onChange={(event) => {
+ if (event.target.value.includes("\n")) {
+ sendMessage();
+ setNewMessage(event.target.value.slice(0, -1));
+ } else setNewMessage(event.target.value);
+ }}
+ dir="rtl"
+ InputLabelProps={{
+ dir: "rtl",
+ }}
+ value={newMessage}
+ className="custom-form-input"
+ InputProps={{
+ style: {
+ color: "red",
+ width: "100%",
+ },
+ }}
+ sx={{
+ "& .MuiOutlinedInput-root": {
+ "& fieldset": {
+ borderColor: "gray", // Outline color
+ },
+ "&:hover fieldset": {
+ borderColor: "darkgreen", // Outline color on hover
+ },
+ "&.Mui-focused fieldset": {
+ borderColor: "rgb(75, 147, 113)", // Outline color when focused
+ },
+ },
+ "& .MuiInputBase-input": {
+ color: "gray", // Text color
+ },
+ }}
+ />
+
+ <a className="ms-3 fs-4 text-success text-decoration-none">
+ {loading && (
+ <FaPaperPlane
+ onClick={() => {
+ setLoading(false);
+ sendMessage();
+ }}
+ />
+ )}
+ {!loading && (
+ <div onClick={() => sendMessage()} title="ارسال پیام">
+ <RiSendPlaneFill />
+ </div>
+ )}
+ </a>
+ </div>
+ </>
+ )}
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ {/* Modal for creating a new group */}
+ {openModal && (
+ <div
+ style={{
+ position: "fixed",
+ top: 0,
+ left: 0,
+ width: "100vw",
+ height: "100vh",
+ backgroundColor: "rgba(0, 0, 0, 0.5)",
+ display: "flex",
+ justifyContent: "center",
+ alignItems: "center",
+ }}
+ >
+ <div
+ style={{
+ width: "400px",
+ backgroundColor: "rgb(232, 250, 234)",
+ padding: "20px",
+ borderRadius: "8px",
+ boxShadow: "0 2px 10px rgba(0,0,0,0.2)",
+ textAlign: "center",
+ direction: "rtl",
+ fontFamily: "Ios15Medium"
+ }}
+ >
+ <h3 style={{ fontFamily: "Ios15Medium", color: "rgb(17, 92, 36)", textShadow: "0 2px 10px rgba(0,0,0,0.2)" }}>
+ ایجاد گروه جدید
+ </h3>
+ <textarea
+ value={newGroupName}
+ onChange={handleInputChange}
+ placeholder="نام گروه را وارد کنید."
+ style={{
+ width: "90%",
+ height: "50px",
+ padding: "8px",
+ margin: "10px 0",
+ borderRadius: "5px",
+ border: "1px solid #ccc",
+ }}
+ />
+ <textarea
+ value={newGroupDescriptions}
+ onChange={(e) => setNewGroupDescriptions(e.target.value)}
+ placeholder="توضیحات گروه را وارد کنید."
+ style={{
+ width: "90%",
+ height: "100px",
+ padding: "8px",
+ margin: "10px 0",
+ borderRadius: "5px",
+ border: "1px solid #ccc",
+ }}
+ />
+ <div style={{ marginTop: "20px", fontFamily: "Ios15Medium" }}>
+ <button onClick={createGroup} className="groupchat-modal-button confirm">
+ ثبت
+ </button>
+ <button onClick={() => setOpenModal(false)} className="groupchat-modal-button cancel">
+ انصراف
+ </button>
+ </div>
+ </div>
+ </div>
+ )}
+ </section>
+ <Footer />
+ </>
+ );
+};
+
+export default GroupChat; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| GroupChat.jsx | +
+
+ |
+ 3.12% | +5/160 | +4% | +3/75 | +2.32% | +1/43 | +2.59% | +4/154 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 | 256x + + + + + + + + + + +45x + + + + + + + + + + + +32x + +32x + | import React from "react";
+import Slider from "../Slider/Slider.jsx";
+import Footer from "../Footer/Footer";
+import Statistic from "../Counter/Statistic.jsx";
+import Tests from "../Tests/Tests.jsx";
+import Doctors_Home from "../Doctor/doctor.jsx";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar.jsx";
+import AboutSection from "../Recommendation/Recommendation.jsx";
+import HomeCarousel from "../Crasoul/Crasoul.jsx";
+import Chat_Intro from "../Chat/ChatIntroduction/Chat_intro.jsx";
+function Home() {
+ return (
+ <div style={{ backgroundColor: "#FFFFFF",overflowX:'hidden' }}>
+ <NavBar_SideBar />
+ <HomeCarousel />
+ <AboutSection />
+ <Tests />
+ <Doctors_Home />
+ <Chat_Intro/>
+ <Statistic />
+ <Footer />
+ </div>
+ );
+}
+
+export default Home;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Home.jsx | +
+
+ |
+ 100% | +4/4 | +100% | +3/3 | +100% | +2/2 | +100% | +4/4 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 | 288x + + + + + + + + + + +32x +32x +12x + + + + + + + + + + + + + + + + +2x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +2x + + + + + + + +32x + +32x + | import React from "react";
+import "./LandingPage.css";
+import { useNavigate } from "react-router-dom";
+import image from "./title.jpg";
+import image2 from "./2.jpg";
+import image3 from "./3.jpg";
+import image4 from "./4.jpg";
+import image1 from "./1.png";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar";
+import Footer from "../Footer/Footer";
+
+const Landing = () => {
+ const navigate = useNavigate();
+ return (
+ <>
+ <NavBar_SideBar />
+ <div className="row d-flex justify-content-center align-self-center">
+ <div className="col-6 starter_text" dir="rtl">
+ <p className="p-5 ">
+ <h2 className="color-h1">به اینیاک خوش آمدید!</h2>
+ <hr />
+ ایناک، کلینیک تخصصی در حوزه سلامت روان، با هدف ایجاد آرامش و بهبود
+ کیفیت زندگی شما راهاندازی شده است. در اینیاک میتوانید با انجام
+ تستهای روانشناسی، رزرو وقت مشاوره، و استفاده از دیگر امکانات
+ موجود، به بهترین خدمات درمانی و مشاورهای دسترسی پیدا کنید.
+ <div className="d-flex justify-content-end m-4 mt-1">
+ <button
+ className="button-28"
+ role="button"
+ onClick={() => {
+ navigate("/Home");
+ }}
+ >
+ شروع کنید!
+ </button>
+ </div>
+ </p>
+ </div>
+ <div
+ className="col-5 pb-3 pt-5 col-md-11 col-xlg-6 col-lg-6 col-sm-12 responsive-image"
+ dir="ltr"
+ >
+ <img
+ src={image}
+ alt="اینیاک"
+ className="d-flex justify-content-center"
+ />
+ </div>
+ </div>
+ <div className="p-5 bg-D8EFD3 rounded-5 m-5">
+ <div className="card-group vgr-cards mb-5 mt-5">
+ <div className="card border-0 ">
+ <div className="card-img-body bg-D8EFD3">
+ <img
+ className="card-img rounded-5 "
+ src={image3}
+ alt="Card image cap"
+ />
+ </div>
+ <div className="card-body bg-D8EFD3" dir="rtl">
+ <h4 className="font-Ios fs-1 color-h1">
+ پزشک مورد نیاز شما، در کمترین زمان ممکن!
+ </h4>
+ <p className="card-text pe-4">
+ وقت خود را صرف جستجوهای پیچیده نکنید! با استفاده از سیستم هوشمند
+ و پیشرفته اینیاک، شما میتوانید در کوتاهترین زمان ممکن و تنها
+ با پاسخ دادن به چند سؤال ساده و هدفمند، به بهترین پزشک متخصص
+ روانشناسی که دقیقاً با نیازهای شما همخوانی دارد، متصل شوید. این
+ سیستم با تجزیه و تحلیل هوشمند دادههای شما، بهطور خودکار
+ پزشکانی را پیشنهاد میدهد که در راستای اهداف درمانی شما قرار
+ دارند. بدین ترتیب، شما بهراحتی و بدون نیاز به جستجوهای وقتگیر،
+ گامی سریع و مؤثر به سمت درمان و بهبود روانی خود برداشته و از
+ مشاورهای دقیق و تخصصی بهرهمند خواهید شد.
+ </p>
+ </div>
+ </div>
+ <hr />
+ </div>
+ <hr />
+ <div className="card-group vgr-cards mb-5">
+ <div className="card border-0 ">
+ <div className="card-body bg-D8EFD3 pe-4" dir="rtl">
+ <h4 className="color-h1 mt-5 font-Ios fs-1 ">
+ یک قدم تا آرامش ذهنی؛ همین حالا وقت مشاوره خود را آنلاین رزرو
+ کنید!
+ </h4>
+ <p className="card-text pe-4">
+ سیستم وقتدهی آنلاین به شما و پزشکان امکان برنامهریزی آسان و
+ مؤثر را میدهد. پزشکان میتوانند به راحتی وقتهای خالی خود را
+ تعیین و برنامهریزی کنند و به سوابق پزشکی بیماران خود دسترسی
+ داشته باشند. همچنین بیماران میتوانند به سادگی وقت مشاوره خود را
+ با پزشک دلخواه رزرو کنند. برای اطمینان از عدم فراموشی، یادآورهای
+ خودکار برای وقتهای رزرو شده ارسال میشود تا تجربهای بدون دغدغه
+ و هماهنگ داشته باشید.
+ </p>
+ </div>
+ <div className="card-img-body bg-D8EFD3">
+ <img
+ className="card-img rounded-5"
+ src={image2}
+ alt="Card image cap"
+ />
+ </div>
+ </div>
+ </div>
+ <hr />
+ <div className="card-group vgr-cards mb-5 mt-5">
+ <div className="card border-0 ">
+ <div className="card-img-body bg-D8EFD3">
+ <img
+ className="card-img rounded-5 "
+ src={image1}
+ alt="Card image cap"
+ />
+ </div>
+ <div className="card-body bg-D8EFD3" dir="rtl">
+ <h4 className="mt-5 font-Ios fs-1 color-h1">
+ تستهای روانشناسی اینیاک: اولین گام به سوی شناخت بهتر خود و
+ آرامش ذهنی!
+ </h4>
+ <p className="mt-5 card-text pe-4">
+ در اینیاک، با مجموعهای از تستهای معتبر روانشناسی همچون MBTI،
+ Glasser و تستهای دیگر، به شما کمک میکنیم تا شخصیت و نیازهای
+ روانی خود را بهتر بشناسید. این تستها توسط متخصصین تایید شدهاند
+ و میتوانند مسیر روشنتری برای بهبود سلامت روان و روابط شما
+ فراهم کنند.
+ </p>
+ </div>
+ </div>
+ </div>
+ <hr />
+
+ <div className="card-group vgr-cards mb-5 mt-5">
+ <div className="card border-0 ">
+ <div className="card-body bg-D8EFD3 pe-4" dir="rtl">
+ <h4 className="color-h1 mt-5 font-Ios fs-1 ">
+ دکترهای متخصص روانشناسی، همیشه در دسترس شما!
+ </h4>
+ <p className="card-text pe-4">
+ ما مجموعهای از بهترین پزشکان روانشناسی را برای شما گردآوری
+ کردهایم. با دسترسی به این بانک اطلاعاتی گسترده، شما میتوانید
+ از بین صدها دکتر متخصص، بهترین گزینه را براساس نیازهای خاص خود
+ انتخاب کنید. هر پزشک با تخصصها و تجربههای منحصر به فرد خود،
+ آماده است تا شما را در مسیر بهبود روانی و سلامتی هدایت کند. شما
+ میتوانید با مشاهده پروفایلهای کامل پزشکان، نظرات بیماران قبلی
+ و تخصصهای دقیق آنها، بهترین انتخاب را برای درمان خود داشته
+ باشید و به سرعت و با اعتماد به نفس به درمان خود ادامه دهید.
+ </p>
+ </div>
+ <div className="card-img-body bg-D8EFD3">
+ <img
+ className="card-img rounded-5"
+ src={image4}
+ alt="Card image cap"
+ />
+ </div>
+ </div>
+ </div>
+ </div>
+ <div className="p-custom pt-2 pb-5 text-center" dir="rtl">
+ <h3 className="lh-lg">
+ همین حالا ثبتنام کنید و اولین گام را به سوی سلامت روان و آرامش
+ بردارید؛ با پیوستن به اینیاک، به مجموعهای از بهترین پزشکان و خدمات
+ روانشناسی دسترسی پیدا کنید!
+ </h3>
+ <div className="d-flex justify-content-center mt-4">
+ <button className="button-28" role="button" onClick={()=>{navigate("/Home");}}>
+ شروع کنید!
+ </button>
+ </div>
+ </div>
+ <Footer />
+ </>
+ );
+};
+
+export default Landing;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| LandingPage.jsx | +
+
+ |
+ 100% | +11/11 | +100% | +3/3 | +100% | +5/5 | +100% | +8/8 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 | 256x +4x +32x | export function IsValidEmail(email) {
+ return /\S+@\S+\.\S+/.test(email);
+ } |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 +398 +399 +400 +401 +402 +403 +404 +405 +406 +407 +408 +409 +410 +411 +412 +413 +414 +415 +416 +417 +418 +419 +420 +421 +422 +423 +424 +425 +426 +427 +428 +429 +430 +431 +432 +433 +434 +435 +436 +437 +438 +439 +440 +441 +442 +443 +444 +445 +446 +447 +448 +449 +450 +451 +452 +453 +454 +455 +456 +457 +458 +459 +460 +461 +462 +463 +464 +465 +466 +467 +468 +469 +470 +471 +472 +473 +474 +475 +476 +477 +478 +479 +480 +481 +482 +483 +484 +485 +486 +487 +488 +489 +490 +491 +492 +493 +494 +495 +496 +497 +498 +499 +500 +501 +502 +503 +504 +505 +506 +507 +508 +509 +510 +511 +512 +513 +514 +515 +516 +517 +518 +519 +520 +521 +522 +523 +524 +525 +526 +527 +528 +529 +530 +531 +532 +533 +534 +535 +536 +537 +538 +539 +540 +541 +542 +543 +544 +545 +546 +547 +548 +549 +550 +551 +552 +553 +554 +555 +556 +557 +558 +559 +560 +561 +562 +563 +564 +565 +566 +567 +568 +569 +570 +571 +572 +573 +574 +575 +576 +577 +578 +579 +580 +581 +582 +583 +584 +585 +586 +587 +588 +589 +590 +591 +592 +593 +594 +595 +596 +597 +598 +599 +600 +601 +602 +603 +604 +605 +606 +607 +608 +609 +610 +611 +612 +613 +614 +615 +616 +617 +618 +619 +620 +621 +622 +623 +624 +625 +626 +627 +628 +629 +630 +631 +632 +633 +634 +635 +636 +637 +638 +639 +640 +641 +642 +643 +644 +645 +646 +647 +648 +649 +650 +651 +652 +653 +654 +655 +656 +657 +658 +659 +660 +661 +662 +663 +664 +665 +666 +667 +668 +669 +670 +671 +672 +673 +674 +675 +676 +677 +678 +679 +680 +681 +682 +683 +684 +685 +686 +687 +688 +689 +690 +691 +692 +693 +694 +695 +696 +697 +698 +699 +700 +701 +702 +703 +704 +705 +706 +707 +708 +709 +710 +711 +712 +713 +714 +715 +716 +717 +718 +719 +720 +721 +722 +723 +724 +725 +726 +727 +728 +729 +730 +731 +732 +733 +734 +735 +736 | 288x + + + + + + + + + + + + + + + + + + + +32x +32x +32x +28x + +28x +28x + + + + +28x +28x +28x +28x +28x +28x +28x + + +28x + +28x + + + + +28x + + + +28x + + + + +28x + + + + + + +28x + + + + + + + + + + + +28x + + + + + + + + + + + + + +76x + +28x + + + + + + + +28x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +4x +4x +4x +4x + + + + + + + +4x +1x + +4x +1x + +4x +2x + +4x + + +4x + + + +4x + + + + + +4x + + + + + +2x + +2x +2x +2x +2x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +28x + + + + + + + + + + + + +28x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import react from "react";
+import React, { useState } from "react";
+import "./LoginSignup.css";
+
+import { Icon } from "react-icons-kit";
+import { eyeOff } from "react-icons-kit/feather/eyeOff";
+import { eye } from "react-icons-kit/feather/eye";
+import { IsValidEmail } from "./IsValidEmail";
+import { useNavigate } from "react-router-dom";
+
+import { useLocation } from "react-router-dom";
+
+import { ToastContainer, toast } from "react-toastify";
+
+import axios from "axios";
+import lock_icon from "../../assets/password.png";
+import email_icon from "../../assets/email.png";
+import Swal from "sweetalert2";
+import withReactContent from "sweetalert2-react-content";
+import DoctorInfoModal from "../DoctorInfoModal/DoctorInfoModal";
+const LoginContainer = () => {
+ const navigate = useNavigate();
+ const location = useLocation();
+ const initialState = location.state || {};
+
+ const [flag, setflag] = useState(false);
+ const [data, setData] = useState({
+ email: "",
+ code: "",
+ url: "",
+ });
+ const [loginLabelsColor, setLoginLabelsColor] = useState(false);
+ const [passwordType, setPasswordType] = useState("password");
+ const [repeatPasswordType, setRepeatPasswordType] = useState("password");
+ const [passwordIcon, setPasswordIcon] = useState(eyeOff);
+ const [repeatPasswordIcon, setRepeatPasswordIcon] = useState(eyeOff);
+ const [showModal, setShowModal] = useState(false);
+ const [hasMedicalInfo, setHasMedicalInfo] = useState(null);
+
+
+ const [isChecked, setIsChecked] = useState(false);
+
+ const handleChangeBox = async (e) => {
+ const checked = e.target.checked;
+ setIsChecked(checked);
+ };
+ // Function to toggle the modal state
+ const toggleModal = () => {
+ setShowModal(!showModal);
+ };
+
+ const handlePasswordToggle = () => {
+ setPasswordType(passwordType === "password" ? "text" : "password");
+ setPasswordIcon(passwordIcon === eye ? eyeOff : eye);
+ };
+
+ const handleRepeatPasswordToggle = () => {
+ setRepeatPasswordType(
+ repeatPasswordType === "password" ? "text" : "password"
+ );
+ setRepeatPasswordIcon(repeatPasswordIcon === eye ? eyeOff : eye);
+ };
+
+ const handleSliderSignupClick = () => {
+ const loginForm = document.querySelector("form.login");
+ const loginText = document.querySelector(".header .login");
+ loginForm.style.marginLeft = "-50%";
+ loginText.style.marginLeft = "-50%";
+ setRepeatPasswordType("password");
+ setRepeatPasswordIcon(eyeOff);
+ setPasswordType("password");
+ setPasswordIcon(eyeOff);
+ resetErrors();
+ };
+
+ const handleSliderLoginClick = () => {
+ const loginForm = document.querySelector("form.login");
+ const loginText = document.querySelector(".header .login");
+ loginForm.style.marginLeft = "0%";
+ loginText.style.marginLeft = "0%";
+ setLoginLabelsColor(!loginLabelsColor);
+ setRepeatPasswordType("password");
+ setRepeatPasswordIcon(eyeOff);
+ setPasswordType("password");
+ setPasswordIcon(eyeOff);
+ resetErrors();
+ };
+
+ function handleChange(event) {
+ setErrorMessage("");
+ }
+ const [formData, setFormData] = useState({
+ profileName: "",
+ username: "",
+ email: "",
+ password: "",
+ passwordConfirm: "",
+ });
+
+ const [errorMessage, setErrorMessage] = useState({
+ profileNameError: "",
+ usernameError: "",
+ emailError: "",
+ passError: "",
+ passErrorRep: "",
+ genderError: "",
+ subjectError: "",
+ backError: "",
+ });
+
+ async function ResendCode(email) {
+ try {
+ const response = await axios(
+ "http://eniacgroup.ir:8070//accounts/activation_resend/",
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ data: {
+ email: email,
+ },
+ }
+ );
+
+ const data = {
+ email: email,
+ code: response.data.code,
+ url: response.data.url,
+ };
+ console.log(response);
+ Iif (response.status === 200 || response.status === 201) {
+ navigate("/Verification", { state: data });
+
+ //console.log("you can login now");
+ //navigate("/Signup");
+ }
+ } catch (error) {
+ Iif (error.response.status === 400) {
+ console.log(error);
+ }
+ }
+ }
+ async function isDoctor(event) {
+ event.preventDefault();
+ setflag(true);
+ }
+ async function isDoctor(event) {
+ event.preventDefault();
+ setflag(true);
+ }
+ async function handleLoginEnter(event) {
+ event.preventDefault();
+ const email = document.querySelector(".email1_input").value;
+ const password = document.querySelector(".password1_input").value;
+ const errors = [
+ {
+ emailError: "",
+ passError: "",
+ backError: "",
+ },
+ ];
+
+ if (email.trim().length === 0) {
+ errors.emailError = "وارد کردن ایمیل الزامی است!";
+ }
+ if (!IsValidEmail(email) && !errors.emailError) {
+ errors.emailError = "قالب ایمیل قابل قبول نیست!";
+ }
+ if (password.trim().length === 0) {
+ errors.passError = "وارد کردن رمز عبور الزامی است!";
+ }
+ Iif (password.length < 8 && password) {
+ errors.passError = "رمز عبور باید حداقل شامل هشت کاراکتر باشد!";
+ }
+ Iif (/^\d+$/.test(password)) {
+ errors.passError = "رمز عبور نمیتواند تماماً عددی باشد!";
+ }
+
+ setErrorMessage({
+ profileNameError: errors.profileNameError,
+ usernameError: errors.usernameError,
+ emailError: errors.emailError,
+ passError: errors.passError,
+ });
+ if (
+ errors.profileName ||
+ errors.usernameError ||
+ errors.emailError ||
+ errors.passError
+ ) {
+ return;
+ }
+ try {
+ axios.defaults.xsrfHeaderName = "X-CSRFTOKEN";
+ axios.defaults.xsrfCookieName = "csrftoken";
+ const response = await axios(
+ "http://eniacgroup.ir:8070/accounts/Login/",
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ data: {
+ email: email,
+ password: password,
+ },
+ }
+ );
+ const data = response.data;
+ console.log("you logined successfully");
+ console.log(data);
+
+ //closeLoading();
+ if (response.status === 200) {
+ const accessToken = response.data.access;
+ const refreshToken = response.data.refresh;
+ const role = response.data.user.role;
+
+ // Set tokens in local storage
+ localStorage.setItem("accessToken", accessToken);
+ localStorage.setItem("refreshToken", refreshToken);
+ localStorage.setItem("role", role);
+ localStorage.setItem("LogIn", true);
+ I} else if (response.status === 201) {
+ const accessToken = response.data.access;
+ const refreshToken = response.data.refresh;
+ const role = response.data.user.role;
+
+ // Set tokens in local storage
+ localStorage.setItem("accessToken", accessToken);
+ localStorage.setItem("refreshToken", refreshToken);
+ localStorage.setItem("role", role);
+ localStorage.setItem("LogIn", true);
+ }
+
+ Swal.fire({
+ icon: "success",
+ title: "!با موفقیت وارد شدید",
+ background: "#075662",
+ color: "#FFFF",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonText: "باشه",
+ confirmButtonColor: "#0a8ca0",
+ preConfirm: () => {
+ navigate("/Home");
+ },
+ });
+ } catch (error) {
+ if (error.response.status === 400) {
+ console.log(error);
+ Iif (
+ error.response.data.hasOwnProperty("email") &&
+ error.response.data.email.message === "Email does not exist."
+ ) {
+ errors.emailError = "حساب کاربری ندارید!";
+
+ setErrorMessage({
+ ...errorMessage,
+ emailError: errors.emailError,
+ });
+ return;
+ }
+ if (
+ error.response.data.hasOwnProperty("email") &&
+ error.response.data.email[0] === "Email does not exist."
+ ) {
+ errors.emailError = "حساب کاربری ندارید!";
+
+ setErrorMessage({
+ ...errorMessage,
+ emailError: errors.emailError,
+ });
+ } else if (
+ error.response.data.hasOwnProperty("message") &&
+ error.response.data.message[0] === "Incorrect password."
+ ) {
+ errors.passError = "رمز عبور اشتباه است!";
+ setErrorMessage({
+ ...errorMessage,
+ passError: errors.passError,
+ });
+ I} else if (
+ error.response.data.hasOwnProperty("message") &&
+ error.response.data.message[0] === "User is not verified."
+ ) {
+ errors.emailError = "حساب کاربری شما تایید نشده است!";
+ ResendCode(email);
+ setErrorMessage({
+ ...errorMessage,
+ emailError: errors.emailError,
+ });
+ }
+ } else {
+ // Other error occurred
+ console.log(error);
+ //setBanner(error.response.data.msg);
+ toast.error(error.response.data.msg);
+ }
+ }
+ }
+
+ async function handleSignupEnter(event) {
+ event.preventDefault();
+ const email = document.querySelector(".email2_input").value;
+ const password = document.querySelector(".password2_input").value;
+ const passwordConfirm = document.querySelector(".passwordConf_input").value;
+
+ const errors = [
+ {
+ profileNameError: "",
+ usernameError: "",
+ emailError: "",
+ passError: "",
+ passErrorRep: "",
+ backError: "",
+ },
+ ];
+
+ Iif (email.trim().length === 0) {
+ errors.emailError = "وارد کردن ایمیل الزامی است!";
+ }
+ Iif (!IsValidEmail(email) && !errors.emailError) {
+ errors.emailError = "قالب ایمیل قابل قبول نیست!";
+ }
+ Iif (password.trim().length === 0) {
+ errors.passError = "وارد کردن رمز عبور الزامی است!";
+ }
+ Iif (password.length < 8 && password) {
+ errors.passError = "رمز عبور باید حداقل شامل هشت کاراکتر باشد!";
+ }
+ Iif (/^\d+$/.test(password)) {
+ errors.passError = "رمز عبور نمیتواند تماماً عددی باشد!";
+ }
+ Iif (passwordConfirm.trim().length === 0) {
+ errors.passErrorRep = "وارد کردن تکرار رمز عبور الزامی است!";
+ }
+ Iif (
+ password !== passwordConfirm &&
+ !errors.passError &&
+ !errors.passErrorRep
+ ) {
+ errors.passErrorRep = "رمز عبور با تکرار یکسان نیست!";
+ }
+
+ setErrorMessage({
+ profileNameError: errors.profileNameError,
+ usernameError: errors.usernameError,
+ emailError: errors.emailError,
+ passError: errors.passError,
+ passErrorRep: errors.passErrorRep,
+ });
+ Iif (
+ errors.profileName ||
+ errors.usernameError ||
+ errors.emailError ||
+ errors.passError ||
+ errors.passErrorRep
+ ) {
+ return;
+ }
+
+ try {
+ axios.defaults.xsrfHeaderName = "X-CSRFTOKEN";
+ axios.defaults.xsrfCookieName = "csrftoken";
+
+ const response = await axios(
+ "http://46.249.100.141:8070/accounts/signup/",
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ data: {
+ email: email,
+ password1: password,
+ password2: passwordConfirm,
+ is_doctor: isChecked,
+ },
+ }
+ );
+
+ const data = response.data.url;
+ console.log("++"+ data);
+ //console.log('you logined successfully');
+
+ //closeLoading();
+ if (response.status === 200) {
+ //const accessToken = response.data.access;
+ //const refreshToken = response.data.refresh;
+ console.log("you signed in successfully");
+
+ // Set tokens in local storage
+ //localStorage.setItem("accessToken", accessToken);
+ //localStorage.setItem('refreshToken', refreshToken);
+ I} else if (response.status === 201) {
+ const accessToken = response.data.access;
+ console.log(response);
+ console.log("you signed in successfully");
+ const data = {
+ email: email,
+ code: response.data.code,
+ url: response.data.url,
+ };
+ setShowModal(accessToken);
+ const url =response.data.url;
+
+ const base = "activation_confirm/";
+ const startIndex = url.indexOf(base) + base.length;
+ const endIndex = url.lastIndexOf("/");
+ const token = url.substring(startIndex, endIndex);
+
+ console.log(token);
+ navigate("/verification", { state: data });
+
+ // Set tokens in local storage
+ localStorage.setItem("accessToken", token);
+ //localStorage.setItem("accessToken", accessToken);
+ //localStorage.setItem('refreshToken', refreshToken);
+ }
+ } catch (error) {
+ if (error.response.status === 400) {
+ console.log(error);
+ if (
+ error.response.data.hasOwnProperty("email") &&
+ error.response.data.email.message === "Email does not exist."
+ ) {
+ errors.emailError = "حساب کاربری ندارید!";
+
+ setErrorMessage({
+ ...errorMessage,
+ emailError: errors.emailError,
+ });
+ } else if (
+ error.response.data.hasOwnProperty("email") &&
+ error.response.data.email[0] ===
+ "user with this email already exists."
+ ) {
+ errors.emailError = "قبلا ثبت نام کرده اید!";
+
+ setErrorMessage({
+ ...errorMessage,
+ emailError: errors.emailError,
+ });
+ } else if (
+ error.response.data.hasOwnProperty("message") &&
+ error.response.data.message[0] === "Incorrect password."
+ ) {
+ errors.passError = "رمز عبور اشتباه است!";
+ setErrorMessage({
+ ...errorMessage,
+ passError: errors.passError,
+ });
+ } else if (
+ error.response.data.hasOwnProperty("password1") &&
+ error.response.data.password1[0] === "This password is too common."
+ ) {
+ errors.passError = "پسورد وارد شده رایج است!";
+ setErrorMessage({
+ ...errorMessage,
+ passError: errors.passError,
+ });
+ } else {
+ console.log(error);
+ }
+ } else {
+ // Other error occurred
+ console.log(error);
+ setBanner(error.response.data.msg);
+ toast.error(error.response.data.msg);
+ }
+ }
+ }
+
+ const resetErrors = () => {
+ setErrorMessage({
+ profileNameError: "",
+ usernameError: "",
+ emailError: "",
+ passError: "",
+ passErrorRep: "",
+ genderError: "",
+ subjectError: "",
+ backError: "",
+ });
+ };
+
+ return (
+ <>
+ <ToastContainer />
+ <div className="hello">
+ <body className="bd">
+ <div className="hello">
+ <div className="wrapper">
+ <div className="header">
+ <div className="title login">ورود</div>
+ <div className="title signup">ثبت نام</div>
+ </div>
+
+ <div className="form_container">
+ <div className="slider_controls">
+ <input
+ type="radio"
+ name="slide"
+ id="login"
+ defaultChecked
+ style={{ display: "none" }}
+ />
+ <input
+ type="radio"
+ name="slide"
+ id="signup"
+ style={{ display: "none" }}
+ />
+
+ <label
+ data-cy="login"
+ htmlFor="login"
+ className="slide login"
+ onClick={handleSliderLoginClick}
+ >
+ ورود
+ </label>
+ <label
+ htmlFor="signup"
+ className="slide signup"
+ onClick={handleSliderSignupClick}
+ >
+ ثبت نام
+ </label>
+
+ <div className="slider_tab"></div>
+ </div>
+ <div className="form_details">
+ <form action="#" className="login">
+ <pre></pre>
+ <div className="field">
+ <input
+ className="email1_input"
+ type="text"
+ name="email"
+ placeholder="ایمیل"
+ error={errorMessage.emailError}
+ onChange={handleChange}
+ style={{
+ backgroundImage: `url(${email_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+ {errorMessage.emailError && (
+ <div className="error_input">
+ {errorMessage.emailError}
+ </div>
+ )}
+ <div className="field">
+ <input
+ className="password1_input"
+ type={passwordType}
+ placeholder="رمز عبور"
+ onChange={handleChange}
+ style={{
+ backgroundImage: `url(${lock_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ <span
+ className="toggle-icon"
+ onClick={handlePasswordToggle}
+ >
+ <Icon icon={passwordIcon} size={23} />
+ </span>
+ </div>
+ {errorMessage.passError && (
+ <div className="error_input">
+ {errorMessage.passError}
+ </div>
+ )}
+
+ <div className="pass_link">
+ <a href="/ForgetPassword"> فراموشی رمز عبور</a>
+ </div>
+ <div className="field btn">
+ <div className="btn_layer"></div>
+ <input
+ data-cy="enter"
+ type="submit"
+ value="ورود"
+ onClick={handleLoginEnter}
+ />
+ </div>
+ {errorMessage.backError && (
+ <div className="error_input2" onChange={handleChange}>
+ {errorMessage.backError}
+ </div>
+ )}
+ <div className="signup_link">
+ {" "}
+ <a href="#" onClick={(e) => navigate("/Home")}>
+ {" "}
+ صفحه اصلی
+ </a>
+ </div>
+ </form>
+ {/*signup form*/}
+ <form action="#" className="signup">
+ <pre></pre>
+ {/*<div className="field">
+ <input type="text" placeholder='Name'/>
+ </div>*/}
+ <div className="field">
+ <input
+ className="email2_input"
+ type="text"
+ name="email"
+ placeholder="ایمیل"
+ onChange={handleChange}
+ error={errorMessage.emailError}
+ style={{
+ backgroundImage: `url(${email_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+ {errorMessage.emailError && (
+ <div className="error_input">
+ {errorMessage.emailError}
+ </div>
+ )}
+ <div className="field">
+ <input
+ className="password2_input"
+ type={passwordType}
+ placeholder="رمز عبور"
+ onChange={handleChange}
+ style={{
+ backgroundImage: `url(${lock_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ <span
+ className="toggle-icon"
+ onClick={handlePasswordToggle}
+ >
+ <Icon icon={passwordIcon} size={23} />
+ </span>
+ </div>
+ {errorMessage.passError && (
+ <div className="error_input">
+ {errorMessage.passError}
+ </div>
+ )}
+ <div className="field">
+ <input
+ className="passwordConf_input"
+ type={repeatPasswordType}
+ placeholder="تکرار رمز عبور"
+ onChange={handleChange}
+ style={{
+ backgroundImage: `url(${lock_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+
+ <span
+ className="toggle-icon"
+ onClick={handleRepeatPasswordToggle}
+ >
+ <Icon icon={repeatPasswordIcon} size={23} />
+ </span>
+ </div>
+ {errorMessage.passErrorRep && (
+ <div className="error_input">
+ {errorMessage.passErrorRep}
+ </div>
+ )}
+ <div className="is_doctor_ckeck">
+ <input
+ className="checkbox checkbox-circle"
+ type="checkbox"
+ value=""
+ id="flexCheckDefault"
+ checked={isChecked}
+ onChange={handleChangeBox}
+ />
+ <label
+ className="form-check-label"
+ for="flexCheckDefault"
+ >
+ ثبت نام کادر انیاک
+ </label>
+ </div>
+
+ <div className="field btn">
+ <div className="btn_layer"></div>
+ <input
+ type="submit"
+ value="ثبت نام"
+ onClick={handleSignupEnter}
+ />
+ </div>
+ <div className="signup_link">
+ {" "}
+ <a href="#" onClick={(e) => navigate("/Home")}>
+ {" "}
+ صفحه اصلی
+ </a>
+ </div>
+ </form>
+ <DoctorInfoModal showModal={showModal} />
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+ </div>
+ </>
+ );
+};
+
+export default LoginContainer;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| IsValidEmail.jsx | +
+
+ |
+ 100% | +4/4 | +100% | +3/3 | +100% | +1/1 | +100% | +3/3 | +
| LoginSignUp.jsx | +
+
+ |
+ 25.77% | +50/194 | +26.21% | +27/103 | +26.31% | +5/19 | +24.6% | +47/191 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 +398 +399 +400 +401 +402 +403 +404 +405 +406 +407 +408 +409 +410 +411 +412 +413 +414 +415 +416 +417 +418 +419 +420 +421 +422 +423 +424 +425 +426 +427 +428 +429 +430 +431 +432 +433 +434 +435 +436 +437 +438 +439 +440 +441 +442 +443 +444 +445 +446 +447 +448 +449 +450 +451 +452 +453 +454 +455 +456 +457 +458 +459 +460 +461 +462 +463 +464 +465 +466 +467 +468 +469 +470 +471 +472 +473 +474 +475 +476 +477 +478 +479 +480 +481 +482 +483 +484 +485 +486 +487 +488 +489 +490 +491 +492 +493 +494 +495 +496 +497 +498 +499 +500 +501 +502 +503 +504 +505 +506 +507 +508 +509 +510 +511 +512 +513 +514 +515 +516 +517 +518 +519 +520 +521 +522 +523 +524 +525 +526 +527 +528 +529 +530 +531 +532 +533 +534 +535 +536 +537 +538 +539 +540 +541 +542 +543 +544 +545 +546 +547 +548 +549 +550 +551 +552 +553 +554 +555 +556 +557 +558 +559 +560 +561 +562 +563 +564 +565 +566 +567 +568 +569 +570 +571 +572 +573 +574 +575 +576 +577 +578 +579 +580 +581 +582 +583 +584 +585 +586 +587 +588 +589 +590 +591 +592 +593 +594 +595 +596 +597 +598 +599 +600 +601 +602 +603 +604 +605 +606 +607 +608 +609 +610 +611 +612 +613 +614 +615 +616 +617 +618 +619 +620 +621 +622 +623 +624 +625 +626 +627 +628 +629 +630 +631 +632 +633 +634 +635 +636 +637 +638 +639 +640 +641 +642 +643 +644 +645 +646 +647 +648 +649 +650 +651 +652 +653 +654 +655 +656 +657 +658 +659 +660 +661 +662 +663 +664 +665 +666 +667 +668 +669 +670 +671 +672 +673 +674 +675 +676 +677 +678 +679 +680 +681 +682 +683 +684 +685 +686 +687 +688 +689 +690 +691 +692 +693 +694 +695 +696 +697 +698 +699 +700 +701 +702 +703 +704 +705 +706 +707 +708 +709 +710 +711 +712 +713 +714 +715 +716 +717 +718 +719 +720 +721 +722 +723 +724 +725 +726 +727 +728 +729 +730 +731 +732 +733 +734 +735 +736 +737 +738 +739 +740 +741 +742 +743 +744 +745 +746 +747 +748 +749 +750 +751 +752 +753 +754 +755 +756 +757 +758 +759 +760 +761 +762 +763 +764 +765 +766 +767 +768 +769 +770 +771 +772 +773 +774 +775 +776 +777 +778 +779 +780 +781 +782 +783 +784 +785 +786 +787 +788 +789 +790 +791 +792 +793 +794 +795 +796 +797 +798 +799 +800 +801 +802 +803 +804 +805 +806 +807 +808 +809 +810 +811 +812 +813 +814 +815 +816 +817 +818 +819 +820 +821 +822 +823 +824 +825 +826 +827 +828 +829 +830 +831 +832 +833 +834 +835 +836 +837 | 256x + + + + + + + + + + + + + + + + + + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x | import React, { useState, useEffect } from "react";
+import { Modal } from "react-bootstrap";
+import { JBDateInput } from "jb-date-input-react";
+import "./medical-info-modal-styles.css";
+import axios from "axios";
+import { ToastContainer, toast } from "react-toastify";
+import * as shamsi from "shamsi-date-converter";
+
+import kid_icon from "../../assets/kid.png";
+import ssid_icon from "../../assets/id.png";
+import one_icon from "../../assets/one.png";
+import two_icon from "../../assets/two.png";
+import three_icon from "../../assets/three.png";
+import four_icon from "../../assets/four.png";
+import five_icon from "../../assets/five.png";
+import circle_icon from "../../assets/circle.png";
+import age_icon from "../../assets/age.png";
+
+
+function MedicalInfoModal({
+ showModal,
+ toggleModal,
+ daySelected,
+ doctorId,
+ resType,
+ left_times,
+ selectIndex,
+ getReserve,
+}) {
+ const [age, setAge] = useState(null);
+ const [childrenNum, setChildrenNum] = useState(null);
+ const [medicalHistory, setMedicalHistory] = useState(null);
+ const [ssid, setSsid] = useState("");
+ const [medicalRecords, setMedicalRecords] = useState([]);
+ const [showRecordModal, setShowRecordModal] = useState(false);
+ const [currentRecord, setCurrentRecord] = useState({
+ endDate: "",
+ length: "",
+ isFinished: null,
+ reasonToLeave: "",
+ method: "",
+ drugs: "",
+ });
+
+ const openRecordModal = () => setShowRecordModal(true);
+ const closeRecordModal = () => setShowRecordModal(false);
+
+ const resetCurrentRecord = () =>
+ setCurrentRecord({
+ endDate: "",
+ length: "",
+ isFinished: null,
+ reasonToLeave: "",
+ method: "",
+ drugs: "",
+ });
+
+
+ const handleClose = (event) => {
+ event.preventDefault();
+ toggleModal();
+ };
+
+ useEffect(() => {
+ console.log("Current record updated:", currentRecord);
+ }, [currentRecord]);
+
+ useEffect(() => {
+ console.log("Updated medical records:", medicalRecords);
+ }, [medicalRecords]);
+
+ const convertToPersianNumbers = (value) =>
+ value.replace(/[0-9]/g, (char) =>
+ ({ 0: "۰", 1: "۱", 2: "۲", 3: "۳", 4: "۴", 5: "۵", 6: "۶", 7: "۷", 8: "۸", 9: "۹" }[char] || char)
+ );
+
+ const convertToEnglishNumbers = (value) =>
+ value.replace(/[۰-۹]/g, (char) =>
+ ({ "۰": "0", "۱": "1", "۲": "2", "۳": "3", "۴": "4", "۵": "5", "۶": "6", "۷": "7", "۸": "8", "۹": "9" }[char] || char)
+ );
+
+ function DateString(input) {
+ var changed = shamsi.jalaliToGregorian(input.year, input.month, input.day);
+ var y = `${changed[0]}`;
+ var m = changed[1] < 10 ? `0${changed[1]}` : `${changed[1]}`;
+ var d = changed[2] < 10 ? `0${changed[2]}` : `${changed[2]}`;
+ return [y, m, d].join("-");
+ }
+ const handleAddRecord = (event) => {
+ event.preventDefault();
+
+ const errors = [];
+
+ if (!currentRecord.endDate.trim()) {
+ errors.push("لطفاً تاریخ پایان را وارد کنید");
+ } else {
+ const endDateFormat = new Date(currentRecord.endDate);
+ const today = new Date();
+ if (isNaN(endDateFormat.getTime())) {
+ errors.push("تاریخ پایان معتبر نیست");
+ I} else if (endDateFormat > today) {
+ errors.push("تاریخ پایان نمیتواند در آینده باشد");
+ }
+ }
+
+ Iif (!currentRecord.length.trim()) {
+ errors.push("لطفاً طول درمان را وارد کنید");
+ }
+
+ Iif (isNaN(currentRecord.length)) {
+ errors.push("طول درمان را به عدد وارد کنید");
+ }
+
+ Iif (currentRecord.isFinished === null) {
+ errors.push("اتمام یا عدم اتمام درمان را مشخص کنید");
+ }
+
+ Iif (currentRecord.isFinished === false && !currentRecord.reasonToLeave.trim()) {
+ errors.push("برای سوابق درمانی ناتمام، دلیل ترک درمان باید پر شود");
+ }
+ Iif (errors.length > 0) {
+ errors.forEach((error) =>
+ toast.error(error, {
+ position: "bottom-left",
+ autoClose: 3000,
+ })
+ );
+ return;
+ }
+
+ setMedicalRecords([...medicalRecords, currentRecord]);
+ resetCurrentRecord();
+ closeRecordModal();
+ toast.success("!سابقۀ پزشکی شما با موفقیت ثبت شد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ });
+ };
+
+ const validateFields = () => {
+ const errorMessages = [];
+
+ Iif (!age || !childrenNum || !ssid || medicalHistory === null) {
+ errorMessages.push("لطفاً تمام فیلدهای ضروری را پر کنید");
+ }
+ Iif (parseInt(age, 10) < 18) {
+ errorMessages.push("سن باید بیشتر از ۱۸ سال باشد");
+ }
+ Iif (ssid.length !== 10) {
+ errorMessages.push("قالب کد ملّی درست نیست");
+ }
+ for (let record of medicalRecords) {
+ Iif (!record.endDate || !record.length) {
+ errorMessages.push("تمام سوابق پزشکی باید تاریخ پایان و طول درمان داشته باشند");
+ }
+
+ Iif (record.isFinished === false && !record.reasonToLeave.trim()) {
+ errorMessages.push("برای سوابق درمانی ناتمام، دلیل ترک درمان باید پر شود");
+ }
+ }
+
+ Iif (errorMessages.length > 0) {
+ errorMessages.forEach((message) =>
+ toast.error(message, {
+ position: "bottom-left",
+ autoClose: 3000,
+ })
+ );
+ return false;
+ }
+ return true;
+ };
+
+
+ const handleSendMedicalInfo = async (event) => {
+ event.preventDefault();
+ Iif (!validateFields()) return;
+
+ const payload = {
+ age: parseInt(age),
+ child_num: parseInt(childrenNum),
+ family_history: medicalHistory,
+ nationalID: ssid,
+ treatment_histories: medicalRecords.map((record) => ({
+ end_date: record.endDate,
+ length: parseInt(record.length),
+ is_finished: record.isFinished,
+ reason_to_leave: record.reasonToLeave || "Completed treatment",
+ approach: record.method || "",
+ special_drugs: record.drugs || "",
+ })),
+ };
+
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios.post("http://eniacgroup.ir:8070/TherapyTests/record/", payload, {
+ headers: { Authorization: `Bearer ${token}`, "Content-Type": "application/json" },
+ });
+
+ Iif (response.status === 200 || response.status === 201) {
+ toast.success("اطلاعات پزشکی شما با موفقیت ثبت شد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ handleClose(event)
+ CreateReservation(event);
+ setAge(null);
+ setChildrenNum(null);
+ setMedicalHistory(null);
+ setSsid("");
+ setMedicalRecords([]);
+ toggleModal();
+ }
+ } catch (error) {
+ toast.error("خطا در ثبت اطلاعات پزشکی، لطفا دوباره تلاش کنید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ };
+
+ const getReserved = async (event) => {
+ event.preventDefault();
+ getReserve();
+ };
+
+ async function CreateReservation(event) {
+ try {
+ event.preventDefault();
+ const ReservationDate = DateString(daySelected);
+ const token = localStorage.getItem("accessToken");
+ console.log(doctorId);
+ const response = await axios("http://eniacgroup.ir:8070//reserve/create/", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ data: {
+ type: resType,
+ date: ReservationDate,
+ time: left_times[selectIndex],
+ doctor_id: doctorId,
+ },
+ });
+ console.log("2");
+
+ Iif (response.status === 200 || response.status === 201) {
+ console.log("you reserved successfully");
+ getReserved(event);
+ toast.success("رزرو وقت شما با موفقیت انجام شد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ } catch (error) {
+ console.log(error);
+ toast.error("!رزرو موفقیت آمیز نبود، رفرش کنید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ }
+
+
+ return (
+ <>
+ <Modal
+ show={showModal}
+ onHide={toggleModal}
+ backdrop="static"
+ className="medical-bd_modal modal medical-wrapper_modal"
+ centered
+ >
+ <Modal.Header className="medical-header_modal" closeButton>
+ <Modal.Title className="medical-title_modal">
+ تکمیل اطلاعات پزشکی
+ </Modal.Title>
+ </Modal.Header>
+ <div className="medical-form_container_modal">
+ <div className="medical-form_details_modal">
+ <form action="#" className="form login">
+ <pre></pre>
+ <div>
+ <h4
+ style={{
+ color: "rgb(119, 120, 121)",
+ fontSize: "20px",
+ direction: "rtl",
+ backgroundImage: `url(${one_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ textShadow: "0px 0px 6px rgba(0, 0, 0, 0.2)",
+ }}
+ >
+ سن خود را وارد کنید:
+ </h4>
+ </div>
+ <div className="medical-field_modal">
+ <input
+ className="input"
+ type="text"
+ placeholder="سن"
+ value={age ? convertToPersianNumbers(age) : ""}
+ onChange={(event) => {
+ setAge(convertToEnglishNumbers(event.target.value));
+ console.log("age: ", age)
+
+ }}
+ style={{
+ backgroundImage: `url(${age_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+ <div style={{ marginTop: "10%" }}>
+ <h4
+ style={{
+ color: "rgb(119, 120, 121)",
+ fontSize: "20px",
+ direction: "rtl",
+ backgroundImage: `url(${two_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ textShadow: "0px 0px 6px rgba(0, 0, 0, 0.2)",
+ }}
+ >
+ فرزند چندم خانواده هستید؟
+ </h4>
+ </div>
+ <div className="medical-field_modal">
+ <input
+ className="input"
+ type="text"
+ placeholder="تعداد"
+ value={childrenNum ? convertToPersianNumbers(childrenNum) : ""}
+ onChange={(event) => {
+ setChildrenNum(convertToEnglishNumbers(event.target.value));
+ console.log("children: ", childrenNum)
+
+ }}
+ style={{
+ backgroundImage: `url(${kid_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+ <pre></pre>
+ <div style={{ marginTop: "10%" }}>
+ <h4
+ style={{
+ color: "rgb(119, 120, 121)",
+ fontSize: "20px",
+ direction: "rtl",
+ backgroundImage: `url(${three_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ textShadow: "0px 0px 6px rgba(0, 0, 0, 0.2)",
+ }}
+ >
+ آیا در خانواده شما سابقۀ مشکلات و ناراحتیهای روحی و روانی
+ وجود دارد؟
+ </h4>
+ </div>
+ <div
+ style={{ justifyContent: "center", alignItems: "center" }}
+ className="medical-field_modal"
+ >
+ <label
+ style={{
+ direction: "rtl",
+ marginRight: "30%",
+ color: "gray",
+ fontSize: "18px",
+ }}
+ >
+ <input
+ type="radio"
+ value="no"
+ checked={medicalHistory === false}
+ onChange={() => {
+ setMedicalHistory(false);
+ console.log("medical history: ", medicalHistory)
+ }}
+ />{" "}
+ خیر
+ </label>
+ <label
+ style={{ direction: "rtl", color: "gray", fontSize: "18px" }}
+ >
+ <input
+ type="radio"
+ value="yes"
+ checked={medicalHistory === true}
+ onChange={() => {
+ setMedicalHistory(true);
+ console.log("medical history: ", medicalHistory)
+ }}
+ />{" "}
+ بله
+ </label>
+ </div>
+ <div style={{ marginTop: "10%" }}>
+ <h4
+ style={{
+ color: "rgb(119, 120, 121)",
+ fontSize: "20px",
+ direction: "rtl",
+ backgroundImage: `url(${four_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ textShadow: "0px 0px 6px rgba(0, 0, 0, 0.2)",
+ }}
+ >
+ کد ملّی خود را وارد کنید.
+ </h4>
+ </div>
+ <div className="medical-field_modal">
+ <input
+ className="input"
+ type="text"
+ placeholder="کد ملّی"
+ value={ssid ? convertToPersianNumbers(ssid) : ""}
+ onChange={(event) => {
+ setSsid(convertToEnglishNumbers(event.target.value));
+ console.log("ssid: ", ssid)
+
+ }}
+ style={{
+ backgroundImage: `url(${ssid_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+ {/* Medical Records List */}
+ <div style={{ marginTop: "10%" }}></div>
+ <h4
+ style={{
+ color: "rgb(119, 120, 121)",
+ fontSize: "20px",
+ direction: "rtl",
+ backgroundImage: `url(${five_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ textShadow: "0px 0px 6px rgba(0, 0, 0, 0.2)",
+ }}
+ >
+ سوابق پزشکی: با استفاده از دکمۀ زیر سوابق پزشکی خود را ثبت نمایید.
+ </h4>
+ <div
+ className="medical-field_modal medical-btn"
+ style={{ marginRight: "10px" }}
+ >
+ <div className="medical-btn_layer">
+ <input
+ type="button"
+ value="افزودن سابقۀ پزشکی"
+ onClick={(e) => openRecordModal(e)}
+ />
+ </div>
+ </div>
+ <div
+ className="medical-field_modal medical-btn"
+ style={{ marginRight: "10px" }}
+ >
+ <div className="medical-btn_layer">
+ <input
+ type="submit"
+ value="ارسال اطلاعات"
+ onClick={(e) => handleSendMedicalInfo(e)}
+ />
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </Modal>
+
+ {/* Secondary Modal for Adding a Record */}
+ <Modal
+ show={showRecordModal}
+ onHide={closeRecordModal}
+ className="medical-bd_modal modal medical-wrapper_modal"
+ backdrop="static"
+ centered
+ >
+ <Modal.Header className="medical-header_modal" closeButton>
+ <Modal.Title className="medical-title_modal" style={{ width: "100%" }}>افزودن سابقۀ جدید</Modal.Title>
+ </Modal.Header>
+
+ <div className="medical-form_container_modal">
+ <div className="medical-form_details_modal">
+ <form action="#" className="form login">
+ <pre></pre>
+ <div>
+ <div style={{ paddingRight: "0%", marginTop: "3%" }}>
+ <h5
+ style={{
+ color: "rgb(149, 147, 147)",
+ fontSize: "18px",
+ direction: "rtl",
+ backgroundImage: `url(${circle_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ marginTop: "5%",
+ backgroundPosition: "right",
+ }}
+ >
+ تاریخ پایان دورۀ درمانی:
+ </h5>
+ </div>
+ <div style={{ marginRight: "5%" }}>
+ <div
+ style={{
+ backgroundRepeat: "no-repeat",
+ paddingRight: "0px",
+ backgroundPosition: "right",
+ borderBottom: "2px solid #adadad",
+ marginBottom: "20px",
+ }}
+ className="medical-field_modal2"
+ >
+ <div
+ className="medical-field-date"
+ style={{
+ border: "none",
+ height: "40px",
+ width: "92%",
+ direction: "rtl",
+ fonySize: "15px",
+ marginBottom: "10px",
+ }}
+ >
+ <JBDateInput
+ placeholder="تاریخ را انتخاب کنید"
+ usePersianNumber={true}
+ value={currentRecord.endDate}
+ onSelect={(e) => {
+ setCurrentRecord({
+ ...currentRecord,
+ endDate: e.target.value,
+ });
+ console.log("end date: ", currentRecord.endDate)
+
+ }
+ }
+ format="YYYY-MM-DD"
+ id="medicaldatePicker"
+ style={{
+ border: "none !important",
+ backgroundColor: "white",
+ }}
+ className="jb-date-input-web-component .medical-calendar-container"
+ calendarClassName="medical-custom-calendar"
+ ></JBDateInput>
+ </div>
+ </div>
+ </div>
+ <div style={{ paddingRight: "0%", marginTop: "3%" }}>
+ <h4
+ style={{
+ color: "rgb(149, 147, 147)",
+ fontSize: "18px",
+ direction: "rtl",
+ backgroundImage: `url(${circle_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ marginTop: "5%",
+ }}
+ >
+ طول درمان شما چند ماه بوده است؟
+ </h4>
+ </div>
+ <div style={{ marginRight: "3%" }}>
+ <div className="medical-field_modal2">
+ <input
+ className="input"
+ type="text"
+ id="length"
+ placeholder="تعداد ماهها"
+ value={currentRecord.length ? convertToPersianNumbers(currentRecord.length) : ""}
+ onChange={(e) => {
+ setCurrentRecord({
+ ...currentRecord,
+ length: e.target.value,
+ });
+ console.log("length: ", currentRecord.length)
+
+ }}
+ style={{
+ backgroundRepeat: "no-repeat",
+ paddingRight: "20px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+ </div>
+ <div style={{ paddingRight: "0%", marginTop: "3%" }}>
+ <h5
+ style={{
+ color: "rgb(149, 147, 147)",
+ fontSize: "18px",
+ direction: "rtl",
+ backgroundImage: `url(${circle_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ marginTop: "5%",
+ backgroundPosition: "right",
+ }}
+ >
+ آیا درمان شما به طور کامل انجام شده است؟
+ </h5>
+ </div>
+ <div
+ style={{ justifyContent: "center", alignItems: "center" }}
+ className="medical-field_modal"
+ >
+ <label
+ style={{
+ direction: "rtl",
+ marginRight: "40%",
+ color: "gray",
+ fontSize: "18px",
+ }}
+ >
+ <input
+ type="radio"
+ value="no"
+ checked={currentRecord.isFinished === false}
+ onChange={() => {
+ setCurrentRecord({
+ ...currentRecord,
+ isFinished: false,
+ });
+ console.log("finished: ", currentRecord.isFinished);
+
+ }}
+ />{" "}
+ خیر
+ </label>
+ <label
+ style={{ direction: "rtl", color: "gray", fontSize: "18px" }}
+ >
+ <input
+ type="radio"
+ value="yes"
+ checked={currentRecord.isFinished === true}
+ onChange={() => {
+ setCurrentRecord({
+ ...currentRecord,
+ isFinished: true,
+ });
+ console.log("finished: ", currentRecord.isFinished);
+ }}
+ />{" "}
+ بله
+ </label>
+ </div>
+
+ {currentRecord.isFinished !== null && currentRecord.isFinished === false && (
+ <>
+ <div style={{ paddingRight: "0%", marginTop: "3%" }}>
+ <h5
+ style={{
+ color: "rgb(149, 147, 147)",
+ fontSize: "18px",
+ direction: "rtl",
+ backgroundImage: `url(${circle_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ marginTop: "5%",
+ backgroundPosition: "right",
+ }}
+ >
+ علت عدم ادامۀ آن چه بوده است؟
+ </h5>
+ </div>
+ <div style={{ marginRight: "3%" }}>
+ <div className="medical-field_modal2">
+ <input
+ className="input"
+ type="text"
+ placeholder="علت را بنویسید"
+ value={currentRecord.reasonToLeave}
+ onChange={(e) => {
+ setCurrentRecord({
+ ...currentRecord,
+ reasonToLeave: e.target.value,
+ });
+ console.log("reason: ", currentRecord.reasonToLeave)
+
+ }}
+ style={{
+ backgroundRepeat: "no-repeat",
+ paddingRight: "20px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+ </div>
+ </>
+ )}
+ <pre></pre>
+ <div style={{ paddingRight: "0%", marginTop: "3%" }}>
+ <h5
+ style={{
+ color: "rgb(149, 147, 147)",
+ fontSize: "18px",
+ direction: "rtl",
+ backgroundImage: `url(${circle_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ marginTop: "5%",
+ backgroundPosition: "right",
+ }}
+ >
+ رویکرد درمانی شما چه بوده است؟ در صورتی که نمیدانید، این فیلد
+ را خالی بگذارید.
+ </h5>
+ </div>
+ <div style={{ marginRight: "3%" }}>
+ <div className="medical-field_modal2">
+ <input
+ className="input"
+ type="text"
+ placeholder="رویکرد درمانی"
+ value={currentRecord.method}
+ onChange={(e) => {
+ setCurrentRecord({
+ ...currentRecord,
+ method: e.target.value,
+ });
+ console.log("method: ", currentRecord.method)
+
+ }}
+ style={{
+ backgroundRepeat: "no-repeat",
+ paddingRight: "20px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+ </div>
+ <pre></pre>
+ <div style={{ paddingRight: "0%", marginTop: "3%" }}>
+ <h5
+ style={{
+ color: "rgb(149, 147, 147)",
+ fontSize: "18px",
+ direction: "rtl",
+ backgroundImage: `url(${circle_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ marginTop: "5%",
+ backgroundPosition: "right",
+ }}
+ >
+ طی این دورۀ درمانی چه داروهایی مصرف کردید؟ در صورتی که دارویی
+ مصرف نکردید این فیلد را خالی بگذارید.
+ </h5>
+ </div>
+ <div style={{ marginRight: "3%" }}>
+ <div className="medical-field_modal2">
+ <input
+ className="input"
+ type="text"
+ placeholder="داروها"
+ value={currentRecord.drugs}
+ onChange={(e) => {
+ setCurrentRecord({
+ ...currentRecord,
+ drugs: e.target.value,
+ });
+ console.log("drug: ", currentRecord.drugs)
+
+ }}
+ style={{
+ backgroundRepeat: "no-repeat",
+ paddingRight: "20px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+ </div>
+ </div>
+ <div
+ className="medical-field_modal medical-btn"
+ style={{ marginRight: "10px" }}
+ >
+ <div className="medical-btn_layer"></div>
+ <input
+ type="submit"
+ value="ثبت"
+ onClick={(e) => handleAddRecord(e)}
+ />
+ </div>
+ </form>
+ </div>
+ </div>
+ </Modal>
+ </>
+ );
+}
+
+export default MedicalInfoModal; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| MedicalInfoModal.jsx | +
+
+ |
+ 3.42% | +5/146 | +6.34% | +4/63 | +2.77% | +1/36 | +2.85% | +4/140 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 | 256x + + + + + + + + + + + + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x +32x + | import React, { useState } from "react";
+import DateObject from "react-date-object";
+import persian from "react-date-object/calendars/persian";
+
+import { MdOutlineHistoryToggleOff } from "react-icons/md";
+
+import "./Patient_Panel.css";
+
+function toPersianDigits(str) {
+ const persianDigits = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"];
+ return str.replace(/\d/g, (digit) => persianDigits[digit]);
+}
+
+const Patient_History = ({ History }) => {
+ const Dates = [];
+ for (let h = 0; h < History.length; h++) {
+ const dateObj = new DateObject(History[h].end_date);
+ dateObj.convert(persian);
+ Dates.push(toPersianDigits(dateObj.format()));
+ }
+
+ return (
+ <>
+ <div className="d-flex flex-column">
+ <div className="d-flex flex-row patient-panel-title">
+ <MdOutlineHistoryToggleOff className="fs-2 mt-2 ms-1" />
+ <h1 className="font-custom"> درمان های گذشته</h1>
+ </div>
+ {History.length == 0 ? (
+ <h5
+ className="font-custom text-center my-5"
+ >
+ نتیجه ای برای نشان دادن وجود ندارد
+ </h5>
+ ) : (
+ <div className="row g-5">
+ {History.map((treatment, index) => (
+ <div className="col-6 mx-3 patient-panel-history_card">
+ <h3>سری {toPersianDigits(`${index + 1}`)}</h3>
+ <hr />
+ <ul style={{ listStyleType: "none", lineHeight: "49px" }}>
+ <li>
+ <p className="row">
+ <span className="col-3">وضعیت درمان</span>
+ <div
+ className="col"
+ style={{ maxHeight: "50px", overflow: "auto" }}
+ >
+ :{treatment.is_finished ? "متوقف" : "در استمرار "}
+ </div>
+ </p>
+ </li>
+ <li>
+ <p className="row">
+ <span className="col-3">مدت زمان درمان</span>
+ <div
+ className="col"
+ style={{ maxHeight: "50px", overflow: "auto" }}
+ >
+ :{toPersianDigits(`${treatment.length}`)}
+ </div>
+ </p>
+ </li>
+ <li>
+ <p className="row">
+ <span className="col-3">تاریخ اتمام</span>
+ <div
+ className="col"
+ style={{ maxHeight: "50px", overflow: "auto" }}
+ >
+ :{Dates[index]}
+ </div>
+ </p>
+ </li>
+ <li>
+ <p className="row">
+ <span className="col-3">دلیل ترک</span>
+ <div
+ className="col"
+ style={{ maxHeight: "50px", overflow: "auto" }}
+ >
+ :
+ {treatment.reason_to_leave == ""
+ ? " ------------------ "
+ : treatment.reason_to_leave}
+ </div>
+ </p>
+ </li>
+ <li>
+ <p className="row">
+ <span className="col-3">روند درمان</span>
+ <div
+ className="col"
+ style={{ maxHeight: "50px", overflow: "auto" }}
+ >
+ :
+ {treatment.approach == ""
+ ? " ------------------ "
+ : treatment.approach}
+ </div>
+ </p>
+ </li>
+ <li>
+ <p className="row">
+ <span className="col-3">دارو های مصرفی</span>
+ <div
+ className="col"
+ style={{ maxHeight: "50px", overflow: "auto" }}
+ >
+ :{treatment.special_drugs}
+ </div>
+ </p>
+ </li>
+ </ul>
+ </div>
+ ))}
+ </div>
+ )}
+ </div>
+ </>
+ );
+};
+export default Patient_History;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 | 288x + + + + + + + + + + + + + + + + + +32x + + + + + + + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x | import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
+
+import { MdDriveFileRenameOutline } from "react-icons/md";
+import { IoIosInformationCircleOutline } from "react-icons/io";
+import { IoCheckmarkSharp , IoCloseSharp } from "react-icons/io5";
+
+import male_avatar from "../../assets/Male_Avatar.jpg";
+import female_avatar from "../../assets/Female_Avatar.jpg";
+import nogender_avatar from "../../assets/NoGender.png";
+
+import "./Patient_Panel.css";
+
+function toPersianDigits(str) {
+ const persianDigits = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"];
+ return str.replace(/\d/g, (digit) => persianDigits[digit]);
+}
+
+const Patient_Info = ({
+ Name,
+ Age,
+ ChildNum,
+ Gender,
+ NationalId,
+ FamilyHistory,
+}) => {
+ const navigate = useNavigate();
+
+ return (
+ <>
+ <div className="d-flex flex-column">
+ <div className="d-flex flex-row patient-panel-title">
+ <IoIosInformationCircleOutline className="fs-2 mt-2 ms-1" />
+ <h1 className="font-custom">اطلاعات تخصصی</h1>
+ </div>
+ <div className="row" dir="ltr">
+ <div className="col-lg-3 col-md-3 col-sm-12">
+ <div className="patient-panel-profile col-md-3 ">
+ <div className="panel">
+ <div
+ className="user-heading round"
+ >
+ <a href="">
+ <img
+ src={
+ Gender == "مرد"
+ ? male_avatar
+ : Gender == "زن"
+ ? female_avatar
+ : nogender_avatar
+ }
+ alt="Avatar"
+ />
+ </a>
+ <br />
+ <br />
+ <h1>{Name}</h1>
+ </div>
+ </div>{" "}
+ </div>
+ </div>
+ <div className="col-lg-9 col-md-9 col-sm-12 row" dir="rtl">
+ <div className="bio-row">
+ <p className="d-flex">
+ <MdDriveFileRenameOutline style={{ color: "#1a9572" }} />
+ <span >نام و نام خانوادگی </span>
+ <div>:{Name}</div>
+ </p>
+ </div>
+ <div className="bio-row">
+ <p className="d-flex">
+ <MdDriveFileRenameOutline style={{ color: "#1a9572" }} />
+ <span >جنسیت</span>
+ <div>:{Gender}</div>
+ </p>
+ </div>
+ <div className="bio-row">
+ <p className="d-flex">
+ <MdDriveFileRenameOutline style={{ color: "#1a9572" }} />
+ <span >سن</span>
+ <div>:{toPersianDigits(`${Age}`)}</div>
+ </p>
+ </div>
+ <div className="bio-row">
+ <p className="d-flex">
+ <MdDriveFileRenameOutline style={{ color: "#1a9572" }} />
+ <span >ترتیب تولد</span>
+ <div>:{toPersianDigits(`${ChildNum}`)}</div>
+ </p>
+ </div>
+ <div className="bio-row">
+ <p className="d-flex">
+ <MdDriveFileRenameOutline style={{ color: "#1a9572" }} />
+ <span >کد ملی </span>
+ <div>:{toPersianDigits(NationalId)}</div>
+ </p>
+ </div>
+ <div className="bio-row">
+ <p className="d-flex">
+ <MdDriveFileRenameOutline style={{ color: "#1a9572" }} />
+ <span >سابقه خانوادگی</span>
+ <div>:{FamilyHistory ? <IoCheckmarkSharp className="text-success" size={30}/> : <IoCloseSharp className="text-danger" size={30}/>}</div>
+ </p>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </>
+ );
+};
+export default Patient_Info;
+// className={FamilyHistory ? "text-success":"text-error"} |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 | 288x + + + + + + + + + + + + + +32x + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x +32x + | import React, { useState } from "react";
+import { useNavigate, useLocation } from "react-router-dom";
+
+import axios from "axios";
+import Swal from "sweetalert2";
+import withReactContent from "sweetalert2-react-content";
+
+import "./Patient_Panel.css";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar";
+import Footer from "../Footer/Footer";
+import Patient_History from "./Patient_History";
+import Patient_Info from "./Patient_Info";
+import Patient_Result from "./Patient_Results";
+
+const Patient_Panel = () => {
+ const navigate = useNavigate();
+ const location = useLocation();
+ const PatientId = location.state;
+ const [load, SetLoad] = useState(true);
+ const [pages, setPageNum] = useState(1);
+ const [userRecord, setRecord] = useState({
+ Patient_age: 0,
+ Patient_child_num: 0,
+ Patient_family_history: false,
+ Patient_gender: "",
+ Patient_name: "",
+ Patient_nationalID: "",
+ Patient_TestResult: { glasserTest: null, MBTItest: null },
+ Patient_Treatment: [],
+ });
+
+ async function GetHealthInfo() {
+ const accessToken = localStorage.getItem("accessToken");
+ try {
+ const response = await axios(
+ `http://eniacgroup.ir:8070//TherapyTests/record/${PatientId}/`,
+ {
+ method: "GET",
+ headers: {
+ Authorization: `Bearer ${accessToken}`, // Bearer <access token >
+ "Content-Type": "application/json",
+ },
+ }
+ );
+ Iif (response.status == 200 || response.status == 201) {
+ const user = response.data;
+ setRecord({
+ Patient_age: user.age,
+ Patient_child_num: user.child_num,
+ Patient_family_history: user.family_history,
+ Patient_gender: user.gender,
+ Patient_name: user.name,
+ Patient_nationalID: user.nationalID,
+ Patient_TestResult: user.therapyTests,
+ Patient_Treatment: user.treatment_histories,
+ });
+ }
+ } catch (error) {
+ Iif (error.response.status == 404) {
+ withReactContent(Swal).fire({
+ icon: "error",
+ title: "!متاسفانه مشکلی پیش آمده، دوباره تلاش کنید",
+ background: "#075662",
+ color: "#FFFF",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonText: "تایید",
+ confirmButtonColor: "#0a8ca0",
+ preConfirm: () => {
+ navigate(-1);
+ },
+ }).then(()=>{navigate("/Home");});
+ }
+ Iif (error.response.status == 400) {
+ Iif (
+ error.response.data.message ==
+ "ordinary user can not access this Information."
+ )
+ withReactContent(Swal).fire({
+ icon: "error",
+ title: "! دسترسی به این صفحه مختص پزشک است",
+ background: "#075662",
+ color: "#FFFF",
+ width: "40rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonText: "تایید",
+ confirmButtonColor: "#0a8ca0",
+ preConfirm: () => {
+ navigate(-1);
+ },
+ }).then(()=>{navigate("/Home");});
+ Iif (error.response.data.message == "there is no record with this id.")
+ withReactContent(Swal).fire({
+ icon: "error",
+ title: "! مریض مورد نظر پیدا نشد",
+ background: "#075662",
+ color: "#FFFF",
+ width: "40rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonText: "تایید",
+ confirmButtonColor: "#0a8ca0",
+ preConfirm: () => {
+ navigate(-1);
+ },
+ }).then(()=>{navigate("/Home");});
+ }
+ }
+ }
+ return (
+ <>
+ <NavBar_SideBar />
+ <div className="container py-5" onLoad={GetHealthInfo}>
+ <div className="d-flex align-items-center flex-column text-center">
+ <div className="patient-panel-pages px-3 py-1 mb-2" dir="rtl">
+ <div
+ className="col font-custom patient-panel-page"
+ onClick={(e) => setPageNum(1)}
+ style={pages == 1 ? { color: "#2e9d7d" } : {}}
+ >
+ اطلاعات تخصصی
+ </div>
+ <div
+ className="col font-custom cursor-pointer"
+ onClick={(e) => setPageNum(2)}
+ style={pages == 2 ? { color: "#2e9d7d" } : {}}
+ >
+ نتایج تستها
+ </div>
+ <div
+ className="col font-customcursor-pointer"
+ onClick={(e) => setPageNum(3)}
+ style={pages == 3 ? { color: "#2e9d7d" } : {}}
+ >
+ تاریخچه
+ </div>
+ </div>
+ </div>
+ <div
+ className="row rounded-4 p-5 mx-1 patient-panel-bg"
+ style={{ minWidth: "300px" }}
+ dir="rtl"
+ >
+ {pages == 1 ? (
+ <Patient_Info
+ Name={userRecord.Patient_name}
+ Age={userRecord.Patient_age}
+ ChildNum={userRecord.Patient_child_num}
+ Gender={userRecord.Patient_gender}
+ NationalId={userRecord.Patient_nationalID}
+ FamilyHistory={userRecord.Patient_family_history}
+ />
+ ) : pages == 2 ? (
+ <Patient_Result
+ results={userRecord.Patient_TestResult}
+ G={userRecord.Patient_gender}
+ />
+ ) : (
+ <Patient_History
+ History={userRecord.Patient_Treatment}
+ />
+ )}
+ </div>
+ </div>
+ <Footer />
+ </>
+ );
+};
+export default Patient_Panel;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 | 288x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x +32x + | import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
+
+import { PiNotepadLight } from "react-icons/pi";
+import { IoHeart } from "react-icons/io5";
+import { GiPlantRoots , GiStrong , GiLaserSparks } from "react-icons/gi";
+import { GiFreedomDove } from "react-icons/gi";
+
+import ISTP_M from "./Icons/ISTP_M.jpg"
+import ISTP_F from "./Icons/ISTP_F.jpg"
+import ISTJ_M from "./Icons/ISTJ_M.jpg"
+import ISTJ_F from "./Icons/ISTJ_F.jpg"
+import ISFP_M from "./Icons/ISFP_M.jpg"
+import ISFP_F from "./Icons/ISFP_F.jpg"
+import ISFJ_M from "./Icons/ISFJ_M.jpg"
+import ISFJ_F from "./Icons/ISFJ_F.jpg"
+import INTP_M from "./Icons/INTP_M.jpg"
+import INTP_F from "./Icons/INTP_F.jpg"
+import INTJ_M from "./Icons/INTJ_M.jpg"
+import INTJ_F from "./Icons/INTJ_F.jpg"
+import INFP_M from "./Icons/INFP_M.jpg"
+import INFP_F from "./Icons/INFP_F.jpg"
+import INFJ_M from "./Icons/INFJ_M.jpg"
+import INFJ_F from "./Icons/INFJ_F.jpg"
+import ESTP_M from "./Icons/ESTP_M.jpg"
+import ESTP_F from "./Icons/ESTP_F.jpg"
+import ESTJ_M from "./Icons/ESTJ_M.jpg"
+import ESTJ_F from "./Icons/ESTJ_F.jpg"
+import ESFP_M from "./Icons/ESFP_M.jpg"
+import ESFP_F from "./Icons/ESFP_F.jpg"
+import ESFJ_M from "./Icons/ESFJ_M.jpg"
+import ESFJ_F from "./Icons/ESFJ_F.jpg"
+import ENTP_M from "./Icons/ENTP_M.jpg"
+import ENTP_F from "./Icons/ENTP_F.jpg"
+import ENTJ_M from "./Icons/ENTJ_M.jpg"
+import ENTJ_F from "./Icons/ENTJ_F.jpg"
+import ENFP_M from "./Icons/ENFP_M.jpg"
+import ENFP_F from "./Icons/ENFP_F.jpg"
+import ENFJ_M from "./Icons/ENFJ_M.jpg"
+import ENFJ_F from "./Icons/ENFJ_F.jpg"
+
+import "./Patient_Panel.css";
+
+function toPersianDigits(str) {
+ const persianDigits = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"];
+ return str.replace(/\d/g, (digit) => persianDigits[digit]);
+}
+
+const Patient_Result = ({ results, G }) => {
+ const navigate = useNavigate();
+ return (
+ <>
+ <div className="d-flex flex-column">
+ <div className="d-flex flex-row patient-panel-title">
+ <PiNotepadLight className="fs-2 mt-2 ms-1" />
+ <h1 className="font-custom">نتایج تست ها</h1>
+ </div>
+ <div className="patient-panel-res">
+ <div className="col col-md-5 col-s-12 patient-panel-res_card">
+ <h3 className="font-custom mt-3">Glasser</h3>
+ <hr className="mx-3"/>
+ {results?.glasserTest == null ? (
+ <h5 className="my-5">نتیجه ای برای مشاهده وجود ندارد</h5>
+ ) : (
+ <ul style={{ listStyleType: "none",lineHeight:'49px' }}>
+ <li>
+ <IoHeart style={{color:'red',marginRight:'0px'}}/>
+ <span>عشق</span>:{toPersianDigits(`${results.glasserTest.love}`)}
+ </li>
+ <li>
+ <GiPlantRoots style={{color:'green'}}/>
+ <span>بقا</span>:{toPersianDigits(`${results.glasserTest.survive}`)}
+ </li>
+ <li>
+ <GiFreedomDove style={{color:'blue'}}/>
+ <span>آزادی</span>:{toPersianDigits(`${results.glasserTest.freedom}`)}
+ </li>
+ <li>
+ <GiStrong style={{color:'brown'}}/>
+ <span>قدرت</span>:{toPersianDigits(`${results.glasserTest.power}`)}
+ </li>
+ <li>
+ <GiLaserSparks style={{color:'#B341EB'}}/>
+ <span>سرگرمی</span>:{toPersianDigits(`${results.glasserTest.fun}`)}
+ </li>
+ </ul>
+ )}
+ </div>
+ <div className="col col-md-5 col-s-12 patient-panel-res_card">
+ <h3 className="font-custom mt-3">MBTI</h3>
+ <hr className="mx-3"/>
+ {results?.MBTItest== null ? (
+ <h5 className="my-5">نتیجه ای برای مشاهده وجود ندارد</h5>
+ ) : (
+ <>
+ <img style={{width:'200px',height:'200px'}}
+ src={
+ results.MBTItest== "INTJ"
+ ? G == "زن"
+ ? INTJ_F
+ : INTJ_M
+ : results.MBTItest== "INTP"
+ ? G == "زن"
+ ? INTP_F
+ : INTP_M
+ : results.MBTItest== "INFJ"
+ ? G == "زن"
+ ? INFJ_F
+ : INFJ_M
+ : results.MBTItest== "INFP"
+ ? G == "زن"
+ ? INFP_F
+ : INFP_M
+ : results.MBTItest== "ISTJ"
+ ? G == "زن"
+ ? ISTJ_F
+ : ISTJ_M
+ : results.MBTItest== "ISTP"
+ ? G == "زن"
+ ? ISTP_F
+ : ISTP_M
+ : results.MBTItest== "ISFJ"
+ ? G == "زن"
+ ? ISFJ_F
+ : ISFJ_M
+ : results.MBTItest== "ISFP"
+ ? G == "زن"
+ ? ISFP_F
+ : ISFP_M
+ : results.MBTItest== "ENTJ"
+ ? G == "زن"
+ ? ENTJ_F
+ : ENTJ_M
+ : results.MBTItest== "ENTP"
+ ? G == "زن"
+ ? ENTP_F
+ : ENTP_M
+ : results.MBTItest== "ENFJ"
+ ? G == "زن"
+ ? ENFJ_F
+ : ENFJ_M
+ : results.MBTItest== "ENFP"
+ ? G == "زن"
+ ? ENFP_F
+ : ENFP_M
+ : results.MBTItest== "ESTJ"
+ ? G == "زن"
+ ? ESTJ_F
+ : ESTJ_M
+ : results.MBTItest== "ESTP"
+ ? G == "زن"
+ ? ESTP_F
+ : ESTP_M
+ : results.MBTItest== "ESFJ"
+ ? G == "زن"
+ ? ESFJ_F
+ : ESFJ_M
+ : results.MBTItest== "ESFP"
+ ? G == "زن"
+ ? ESFP_F
+ : ESFP_M
+ : ""
+ } />
+ {results.MBTItest== "INTJ"
+ ? <h5 style={{color:'#A349A4'}}>معمار</h5>
+ : results.MBTItest== "INTP"
+ ? <h5 style={{color:'#A349A4'}}>منطق دان</h5>
+ : results.MBTItest== "INFJ"
+ ? <h5 style={{color:'#408E6D'}}>حامی</h5>
+ : results.MBTItest== "INFP"
+ ? <h5 style={{color:'#408E6D'}}>واسطه</h5>
+ : results.MBTItest== "ISTJ"
+ ? <h5 style={{color:"#33AAC7"}}>تدارکات</h5>
+ : results.MBTItest== "ISTP"
+ ? <h5 style={{color:"#C79D0B"}}>هنرشناس</h5>
+ : results.MBTItest== "ISFJ"
+ ? <h5 style={{color:"#33AAC7"}}>مدافع</h5>
+ : results.MBTItest== "ISFP"
+ ? <h5 style={{color:"#C79D0B"}}>جست و جو گر</h5>
+ : results.MBTItest== "ENTJ"
+ ? <h5 style={{color:'#A349A4'}}>فرماندار</h5>
+ : results.MBTItest== "ENTP"
+ ? <h5 style={{color:'#A349A4'}}>مناظره کننده</h5>
+ : results.MBTItest== "ENFJ"
+ ? <h5 style={{color:'#408E6D'}}>سردمدار</h5>
+ : results.MBTItest== "ENFP"
+ ? <h5 style={{color:'#408E6D'}}>سرباز کهنه کار</h5>
+ : results.MBTItest== "ESTJ"
+ ? <h5 style={{color:"#33AAC7"}}>مجری</h5>
+ : results.MBTItest== "ESTP"
+ ? <h5 style={{color:"#C79D0B"}}>پیش قدم</h5>
+ : results.MBTItest== "ESFJ"
+ ? <h5 style={{color:"#33AAC7"}}>کنسول</h5>
+ : results.MBTItest== "ESFP"
+ ? <h5 style={{color:"#C79D0B"}}>بازیگر</h5>
+ : ""}
+ <p>{results.MBTItest}</p>
+ </>
+ )}
+ </div>
+ </div>
+ </div>
+ </>
+ );
+};
+export default Patient_Result;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Patient_History.jsx | +
+
+ |
+ 26.66% | +4/15 | +27.27% | +3/11 | +20% | +1/5 | +30.76% | +4/13 | +
| Patient_Info.jsx | +
+
+ |
+ 41.66% | +5/12 | +33.33% | +3/9 | +20% | +1/5 | +55.55% | +5/9 | +
| Patient_Panel.jsx | +
+
+ |
+ 13.88% | +5/36 | +15% | +3/20 | +7.69% | +1/13 | +15.15% | +5/33 | +
| Patient_Results.jsx | +
+
+ |
+ 41.66% | +5/12 | +2.91% | +3/103 | +20% | +1/5 | +62.5% | +5/8 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 | 256x + + + + + + + + + + + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + | import React from "react";
+import {
+ MDBCard,
+ MDBCardBody,
+ MDBCol,
+ MDBContainer,
+ MDBTypography,
+ MDBRow,
+} from "mdb-react-ui-kit";
+import Stars from "./Stars"; // Import the Stars component
+import moment from "moment-jalaali"; // Import moment-jalaali for Persian date conversion
+
+export default function Comments({ comments }) {
+ const convertToPersianNumbers = (value) => {
+ const persianNumbersMap = {
+ "0": "۰",
+ "1": "۱",
+ "2": "۲",
+ "3": "۳",
+ "4": "۴",
+ "5": "۵",
+ "6": "۶",
+ "7": "۷",
+ "8": "۸",
+ "9": "۹",
+ };
+
+ return value.replace(/[0-9]/g, (char) => persianNumbersMap[char] || char);
+ };
+
+ const convertToPersianDate = (gregorianDate) => {
+ return moment(gregorianDate, "YYYY-MM-DD").format("jYYYY/jMM/jDD");
+ };
+
+ // Sort comments by date (latest first)
+ const sortedComments = [...comments].sort((a, b) => new Date(b.date) - new Date(a.date));
+
+ return (
+ <section className="vh-100">
+ <MDBContainer className="py-2" style={{ width: "100%" }}>
+ <MDBRow>
+ {sortedComments.map((comment, index) => (
+ <MDBCol md="11" lg="9" xl="7" key={index} style={{ width: "100%" }}>
+ <div className="d-flex flex-start mb-4" style={{ width: "100%" }}>
+ <MDBCard className="w-100">
+ <MDBCardBody
+ className="p-4"
+ style={{
+ direction: "rtl",
+ backgroundColor: "rgb(212, 236, 220)",
+ borderRadius: "10px",
+ }}
+ >
+ <div>
+ <div style={{ display: "flex", alignItems: "center" }}>
+ <MDBTypography
+ tag="h5"
+ style={{ fontFamily: "Ios15Medium", marginRight: "10px", color: "#222222e0" }}
+ >
+ ناشناس
+ </MDBTypography>
+ <Stars
+ count={5}
+ rating={comment.rating}
+ setRating={() => { }}
+ color="hsl(47, 90%, 60%)"
+ iconSize={25}
+ isInteractive={false} // Disable interaction
+ />
+ </div>
+ <p
+ className="small"
+ style={{ color: "gray", fontFamily: "Ios15Medium" }}
+ >
+ {convertToPersianNumbers(convertToPersianDate(comment.date))}
+ </p>
+ <p style={{ fontFamily: "Ios15Medium", color: "#4a4b4a" }}>{comment.comment}</p>
+ </div>
+ </MDBCardBody>
+ </MDBCard>
+ </div>
+ </MDBCol>
+ ))}
+ </MDBRow>
+ </MDBContainer>
+ </section>
+ );
+}
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 +398 +399 +400 +401 +402 +403 +404 +405 +406 +407 +408 +409 +410 +411 +412 +413 +414 +415 +416 +417 +418 +419 +420 +421 +422 +423 +424 +425 +426 +427 +428 +429 +430 +431 +432 +433 +434 +435 +436 +437 +438 +439 +440 +441 +442 +443 +444 +445 +446 +447 +448 +449 +450 +451 +452 +453 +454 +455 +456 +457 +458 +459 +460 +461 +462 +463 +464 +465 +466 +467 +468 +469 +470 +471 +472 +473 +474 +475 +476 +477 +478 +479 +480 +481 +482 +483 +484 +485 +486 +487 +488 +489 +490 +491 +492 +493 +494 +495 +496 +497 +498 +499 +500 +501 +502 +503 +504 +505 +506 +507 +508 +509 +510 +511 +512 +513 +514 +515 +516 +517 +518 +519 +520 +521 +522 +523 +524 +525 +526 +527 +528 +529 +530 +531 +532 +533 +534 +535 +536 +537 +538 +539 +540 +541 +542 +543 +544 +545 +546 +547 +548 | 256x + + + + + + + + + + + + + + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x +32x + | import React, { useState, useEffect } from "react";
+import { Button, Modal, Spinner } from "react-bootstrap";
+import { IoIosClose } from "react-icons/io";
+import { ToastContainer, toast } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+import "./rating_style.css";
+import Stars from "./Stars";
+import axios from "axios";
+import Comments from "./Comments";
+import { TextField } from "@mui/material";
+import CompleteInfoModal from "../CompleteInfoModal/Complete_Info.jsx"
+
+import person_img from "../../assets/unknown.jpg";
+
+
+const RatingInfoModal = ({ doctorId,
+ name,
+ Description,
+ Image,
+ ProfileType,
+ IsPrivate,
+ Psychiatrist,
+}) => {
+ const [show, setShow] = useState(false);
+ const [_comment, setValue] = useState("");
+ const [_rating, setRating] = useState(0);
+ const [activeTab, setActiveTab] = useState("info"); // Default to "اطلاعات دکتر"
+ const [img, setImg] = useState("");
+ const [field, setField] = useState("");
+ const [clinicAddr, setClinicAddr] = useState("");
+ const [telephoneNum, setTelephoneNum] = useState("");
+ const [doctorCode, setDoctorCode] = useState("");
+ const [fullname, setFullname] = useState("");
+ const [description, setDescription] = useState("");
+ const [avgRating, setAvgRating] = useState("");
+
+ const [loading, setLoading] = useState(false); // Loading state
+
+ // Mock comments list
+ const [comments, setComments] = useState([]);
+
+ const getDoctorInfo = async (doctorId) => {
+ setLoading(true); // Start loading
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios(`http://eniacgroup.ir:8070//DoctorPanel/getdoctorinfo/${doctorId}/`, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ });
+
+ Iif (response.data) {
+ setImg(Image);
+ setField(response.data.field);
+ setClinicAddr(response.data.clinic_address);
+ setTelephoneNum(response.data.clinic_telephone_number);
+ setDoctorCode(response.data.doctorate_code);
+ setFullname(response.data.fullname);
+ setDescription(response.data.description);
+ }
+ } catch (error) {
+ console.error(error.response);
+ toast.error("خطا در دریافت اطلاعات درمانگر", {
+ position: "bottom-left",
+ autoClose: 2000,
+ });
+ } finally {
+ setLoading(false); // Stop loading
+ }
+ };
+
+ async function getRatings(doctorId) {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios(`http://eniacgroup.ir:8070//Rating/get/${doctorId}/`, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ data: {
+ psychiatrist: doctorId,
+ rating: _rating,
+ comments: _comment,
+ },
+ });
+
+ console.log(response.data.comments);
+ Iif (response.status === 200 || response.status === 201) {
+ const commentsArray = response.data.comments || [];
+ Iif (Array.isArray(commentsArray) && commentsArray.length > 0) {
+ setComments((prevComments) => {
+ const updatedComments = commentsArray.map((comment) => {
+ return {
+ fullname: comment.patient_name,
+ date: comment.date,
+ rating: comment.rating,
+ comment: comment.comments
+ };
+ });
+
+ return updatedComments;
+ });
+ }
+ setAvgRating(response.data.average_score);
+ // console.log(comments);
+ }
+ } catch (error) {
+ console.log(error.response.data)
+ }
+ };
+
+
+ async function sendRating() {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios("http://eniacgroup.ir:8070//Rating/Rate/", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ data: {
+ psychiatrist: doctorId,
+ rating: _rating,
+ comments: _comment,
+ },
+ });
+
+ Iif (response.status === 200 || response.status === 201) {
+ getRatings(doctorId)
+ // setValue("");
+ // setShow(false);
+ toast.success("!نظر شما با موفقیت ثبت شد", {
+ position: "bottom-left",
+ autoClose: 2000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ } catch (error) {
+ console.log(error.response.data)
+ console.log(error.response.data.error);
+ Iif (_rating == 0) {
+ toast.error("حداقل امتیاز قابل قبول ۱ میباشد", {
+ position: "bottom-left",
+ autoClose: 2000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ fontFamily: "Ios15Medium"
+ });
+ return
+ }
+ if (error.response.data.error == "You can only rate a psychiatrist if you have had a reservation with them.") {
+ toast.error("برای امتیازدهی رزرو زمان مشاوره الزامی است", {
+ position: "bottom-left",
+ autoClose: 2000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ fontFamily: "Ios15Medium"
+ });
+ } else if (error.response.data.error == "You have already rated this psychiatrist.") {
+ toast.error("حداکثر تعداد دفعات ثبت نظر یک بار است", {
+ position: "bottom-left",
+ autoClose: 2000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ fontFamily: "Ios15Medium"
+ });
+ } else {
+ toast.error("!مشکلی در ارسال نظر وجود دارد", {
+ position: "bottom-left",
+ autoClose: 2000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ fontFamily: "Ios15Medium"
+ });
+ }
+ }
+ }
+
+ useEffect(() => {
+ const fetchData = async () => {
+ setLoading(true);
+ try {
+ await Promise.all([getDoctorInfo(doctorId), getRatings(doctorId)]);
+ } catch (error) {
+ console.error("Error fetching data", error);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ Iif (show) {
+ fetchData();
+ }
+ }, [show, doctorId]);
+
+ const handleChange = (event) => {
+ setValue(event.target.value);
+ };
+
+ const convertToPersianNumbers = (value) => {
+ const persianNumbersMap = {
+ '0': '۰', '1': '۱', '2': '۲', '3': '۳', '4': '۴', '5': '۵', '6': '۶', '7': '۷', '8': '۸', '9': '۹',
+ };
+ return value.replace(/[0-9]/g, (char) => persianNumbersMap[char] || char);
+ };
+
+ return (
+ <>
+ <div
+ className="rounded team-item-new"
+ style={{ fontFamily: "Ios15Medium", cursor: "pointer" }}
+ onClick={() => setShow(true)}
+ >
+ <div className="team-content">
+ <div className="team-img-icon">
+ <div className="team-img rounded-circle">
+ <img
+ src={Image}
+ className="img-fluid w-100 rounded-circle"
+ alt={`${name}'s Image`}
+ />
+ </div>
+ <div className="team-name text-center py-3">
+ <h4
+ className="m-0"
+ style={{ color: "gray", fontFamily: "Ios15Medium" }}
+ >
+ {name}
+ </h4>
+ <p
+ className="m-0"
+ style={{ fontFamily: "Ios15Medium", color: "gray" }}
+ >
+ {ProfileType}
+ </p>
+ <p
+ className="m-0"
+ style={{ fontFamily: "Ios15Medium", color: "gray", fontSize:"12px" }}
+ >
+ {Array.isArray(Description) ? Description.join(" - ") : Description}
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <Modal
+ backdrop="static"
+ show={show}
+ onHide={() => {
+ setShow(false);
+ setValue("");
+ setRating(0);
+ setActiveTab("info");
+ }}
+ className="rating-bd_modal modal rating-wrapper_modal"
+ centered
+ dialogClassName="scrollable-modal"
+ >
+ <ToastContainer />
+ <div
+ onClick={() => {
+ setShow(false);
+ setValue("");
+ setRating(0);
+ setActiveTab("info");
+ }}
+ className="rating_close_button"
+ >
+ <IoIosClose className="rating_close_button_icon" />
+ </div>
+ <Modal.Header className="rating-header_modal">
+ <Modal.Title className="rating-title_modal">مشخصات و نظرات</Modal.Title>
+ </Modal.Header>
+ <Modal.Body style={{ maxHeight: "490px", overflowY: "auto" }}>
+ {/* Loading Spinner */}
+ {loading ? (
+ <div style={{ textAlign: "center", margin: "20px 0" }}>
+ <Spinner
+ animation="border"
+ role="status"
+ style={{ color: "#40513B" }} // Replace #40513B with your desired color
+ >
+ <span className="visually-hidden">در حال بارگذاری...</span>
+ </Spinner>
+ </div>
+ ) : (
+ <>
+ {/* Tab Navigation */}
+ <div
+ style={{
+ display: "flex",
+ justifyContent: "center",
+ borderBottom: "1px solid gray",
+ marginBottom: "20px",
+ }}
+ >
+ <button
+ onClick={() => setActiveTab("comments")}
+ style={{
+ backgroundColor:
+ activeTab === "comments" ? "rgb(224, 244, 230)" : "transparent",
+ textShadow: "2px 2px 4px rgba(0, 0, 0, 0.2)",
+ border: "none",
+ padding: "10px 20px",
+ cursor: "pointer",
+ fontFamily: "Ios15Medium",
+ color: "#40513B",
+ fontSize: "20px",
+ }}
+ >
+ نظرات و امتیازات
+ </button>
+ <button
+ onClick={() => setActiveTab("info")}
+ style={{
+ backgroundColor:
+ activeTab === "info" ? "rgb(224, 244, 230)" : "transparent",
+ textShadow: "2px 2px 4px rgba(0, 0, 0, 0.2)",
+ border: "none",
+ padding: "10px 20px",
+ cursor: "pointer",
+ fontFamily: "Ios15Medium",
+ color: "#40513B",
+ fontSize: "20px",
+ }}
+ >
+ مشخصات درمانگر
+ </button>
+ </div>
+
+ {/* Tab Content */}
+ {activeTab === "info" && (
+ <div>
+ {/* Doctor Info */}
+ <div
+ style={{
+ display: "flex",
+ flexDirection: "column",
+ alignItems: "center",
+ justifyContent: "center",
+ textAlign: "center",
+ }}
+ >
+ <div
+ style={{
+ width: "105px",
+ height: "105px",
+ borderRadius: "50%",
+ overflow: "hidden",
+ marginBottom: "10px",
+ display: "flex",
+ alignItems: "center",
+ justifyContent: "center",
+ marginTop: "1%",
+ }}
+ >
+ <img
+ src={Image}
+ alt=" "
+ style={{ width: "100%", height: "100%", objectFit: "cover" }}
+ />
+ </div>
+ </div>
+ <div
+ style={{
+ direction: "rtl",
+ paddingRight: "30px",
+ }}
+ >
+ <h5 style={{ fontFamily: "Ios15Medium", fontSize: "18px", color: "#535453" }}>
+ نام درمانگر: <span className="value-color">{fullname}</span>
+ </h5>
+ <h5 style={{ fontFamily: "Ios15Medium", fontSize: "18px", color: "#535453" }}>
+ حوزۀ فعالیت: <span className="value-color">{field}</span>
+ </h5>
+ <h5 style={{ fontFamily: "Ios15Medium", fontSize: "18px", color: "#535453" }}>
+ آدرس کلینیک: <span className="value-color">{convertToPersianNumbers(clinicAddr)}</span>
+ </h5>
+ <h5 style={{ fontFamily: "Ios15Medium", fontSize: "18px", color: "#535453" }}>
+ شماره تماس کلینیک: <span className="value-color">{convertToPersianNumbers(telephoneNum)}</span>
+ </h5>
+ <h5 style={{ fontFamily: "Ios15Medium", fontSize: "18px", color: "#535453" }}>
+ شماره نظام: <span className="value-color">{convertToPersianNumbers(doctorCode)}</span>
+ </h5>
+ <h5 style={{ fontFamily: "Ios15Medium", fontSize: "18px", color: "#535453" }}>
+ توضیحات: <span className="value-color">{convertToPersianNumbers(description)}</span>
+ </h5>
+ </div>
+ <CompleteInfoModal doctorId={doctorId} />
+ </div>
+ )}
+
+ {activeTab === "comments" && (
+ <div>
+ <div className="rating-form_container_modal">
+ <h4
+ style={{
+ fontFamily: "Ios15Medium",
+ color: "#4e695c",
+ fontSize: "19px",
+ fontWeight: "bold",
+ direction: "rtl",
+ marginBottom: "5%",
+ textAlign: "center",
+ textShadow: "2px 2px 4px rgba(0, 0, 0, 0.2)"
+ }}
+ >
+ ثبت نظر و امتیاز
+ </h4>
+ <h4
+ style={{
+ fontFamily: "Ios15Medium",
+ color: "gray",
+ fontSize: "18px",
+ direction: "rtl",
+ justifyContent: "center",
+ alignItems: "center",
+ marginBottom: "-2%",
+ }}
+ >
+ به این درمانگر از ۱ تا ۵ چه امتیازی میدهید؟
+ </h4>
+ <Stars setRating={setRating} rating={_rating} iconSize={45} />
+ <div style={{ height: "110px" }}>
+ <h4
+ style={{
+ fontFamily: "Ios15Medium",
+ color: "gray",
+ fontSize: "18px",
+ direction: "rtl",
+ justifyContent: "center",
+ alignItems: "center",
+ marginTop: "5%",
+ }}
+ >
+ نظر خود را در مورد این درمانگر بنویسید.
+ </h4>
+ <TextField
+ fullWidth
+ multiline
+ rows={1}
+ maxRows={5}
+ autoComplete="off"
+ variant="outlined"
+ value={_comment}
+ onChange={handleChange}
+ dir="rtl"
+ sx={{
+ "& .MuiOutlinedInput-root": {
+ "& fieldset": {
+ borderColor: "gray", // Outline color
+ },
+ "&:hover fieldset": {
+ borderColor: "darkgray", // Outline color on hover
+ },
+ "&.Mui-focused fieldset": {
+ borderColor: "gray", // Outline color when focused
+ },
+ },
+ "& .MuiInputBase-input": {
+ color: "gray", // Text color
+ },
+ }}
+ InputLabelProps={{
+ dir: "rtl",
+ }}
+ />
+
+ </div>
+ <div
+ onClick={sendRating}
+ className="rating-field_modal rating-btn"
+ style={{ width: "96%", marginLeft: "2%" }}
+ >
+ <div className="rating-btn_layer">
+ <input
+ style={{ fontFamily: "Ios15Medium" }}
+ type="submit"
+ value="ارسال"
+ />
+ </div>
+ </div>
+
+ </div>
+ <>
+ <h4
+ style={{
+ fontFamily: "Ios15Medium",
+ color: "#4e695c",
+ fontSize: "19px",
+ fontWeight: "bold",
+ direction: "rtl",
+ marginBottom: "20px",
+ textAlign: "center",
+ paddingTop: "6%",
+ textShadow: "2px 2px 4px rgba(0, 0, 0, 0.2)"
+ }}
+ >
+ نظرات سایر مراجعین ({convertToPersianNumbers(comments.length.toString())} نظر)
+ </h4>
+ {comments.length !== 0 ? (
+ <Comments comments={comments} />
+ ) : (
+ <p
+ style={{
+ fontFamily: "Ios15Medium",
+ color: "#6c757d",
+ fontSize: "16px",
+ direction: "rtl",
+ textAlign: "center",
+ }}
+ >
+ تا کنون هیچ نظری ثبت نشده است.
+ </p>
+ )}
+ </>
+
+ </div>
+ )}
+ </>
+ )}
+ </Modal.Body>
+ </Modal>
+ </>
+ );
+}
+export default RatingInfoModal;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 | 256x + + +32x +32x +32x +32x + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + | import "./Stars.css";
+import { useState } from "react";
+
+const DEFAULT_COUNT = 5;
+const DEFAULT_ICON = "★";
+const DEFAULT_UNSELECTED_COLOR = "grey";
+const DEFAULT_COLOR = "hsl(47, 90%, 60%)";
+
+export default function Stars({
+ count,
+ rating,
+ setRating,
+ icon,
+ color,
+ iconSize,
+ isInteractive = true, // Add a prop to control interactivity
+}) {
+ const handleClick = (index) => {
+ Iif (isInteractive && setRating) {
+ setRating(index + 1);
+ }
+ };
+
+ let stars = Array(count || DEFAULT_COUNT).fill(icon || DEFAULT_ICON);
+
+ return (
+ <div className="starsContainer">
+ {stars.map((item, index) => {
+ const isActiveColor = index < rating;
+
+ let elementColor = "";
+
+ if (isActiveColor) {
+ elementColor = color || DEFAULT_COLOR;
+ } else {
+ elementColor = DEFAULT_UNSELECTED_COLOR;
+ }
+
+ return (
+ <div
+ className="star"
+ key={index}
+ style={{
+ fontSize: iconSize ? `${iconSize}px` : "45px",
+ color: elementColor,
+ filter: `${isActiveColor ? "grayscale(0%)" : "grayscale(100%)"}`,
+ cursor: isInteractive ? "pointer" : "default",
+ }}
+ onClick={() => handleClick(index)}
+ >
+ {icon ? icon : DEFAULT_ICON}
+ </div>
+ );
+ })}
+ </div>
+ );
+}
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Comments.jsx | +
+
+ |
+ 23.07% | +3/13 | +60% | +3/5 | +12.5% | +1/8 | +27.27% | +3/11 | +
| Rating&InfoModal.jsx | +
+
+ |
+ 6.45% | +6/93 | +10.25% | +4/39 | +5.88% | +1/17 | +4.44% | +4/90 | +
| Stars.jsx | +
+
+ |
+ 36.84% | +7/19 | +13.04% | +3/23 | +20% | +1/5 | +36.84% | +7/19 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 | 288x + + + + + + +32x +32x +30x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React from "react";
+import "./Recommendation.css";
+import first_image from "./img/psychology3.jpg";
+import second_image from "./img/psychology2.jpg";
+import { FcApproval } from "react-icons/fc";
+import { useNavigate } from "react-router-dom";
+
+const AboutSection = () => {
+ const navigate = useNavigate();
+ return (
+ <div className="container-fluid custom-container py-5 my-5">
+ <div className=" custom-container pt-5">
+ <div className="row g-5">
+ <div
+ className="col-lg-5 col-md-6 col-sm-12 wow fadeIn"
+ data-wow-delay=".3s"
+ style={{
+ visibility: "visible",
+ animationDelay: "0.3s",
+ animationName: "fadeIn",
+ }}
+ >
+ <div className="h-100 position-relative">
+ <img
+ src={first_image}
+ className="img-fluid w-75 rounded"
+ alt=""
+ style={{ marginBottom: "30%" }}
+ />
+ <div
+ className="position-absolute w-75"
+ style={{ top: "35%", left: "30%" }}
+ >
+ <img
+ src={second_image}
+ className="img-fluid w-100 rounded"
+ alt=""
+ />
+ </div>
+ </div>
+ </div>
+ <div
+ className="col-lg-7 col-md-6 col-sm-12 wow fadeIn"
+ data-wow-delay=".5s"
+ style={{
+ visibility: "visible",
+ animationDelay: "0.5s",
+ animationName: "fadeIn",
+ }}
+ >
+ <h4 className="recom_text_color doctor_h2">راهنمای رزرو نوبت</h4>
+ <h1 className="mb-4 doctor_h3">پیشنهاد روان درمانگر</h1>
+ <p className="recom_text">
+ با قابلیت جدید اینیاک به کمک هوش مصنوعی دکتر مناسب خود را انتخاب
+ کنید
+ </p>
+ <h5 className="recom_text_color doctor_h2">
+ {" "}
+ پیشنهاد بهترین درمانگر برای شما بر اساس
+ </h5>
+ <p className=" recom_text">
+ <FcApproval />
+ ملاحظات شخصی
+ </p>
+ <p className=" recom_text">
+ <FcApproval />
+ سابقه درمانی
+ </p>
+ <p className=" recom_text">
+ <FcApproval />
+ تناسب تخصص پزشک و شرح حال شما
+ </p>
+ <a
+ href="#"
+ className="btn btn-secondary rounded-pill px-5 py-3 text-white"
+ onClick={(e) => {
+ navigate("/RecommendationPage");
+ }}
+ >
+ شروع
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ );
+};
+
+export default AboutSection;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Recommendation.jsx | +
+
+ |
+ 90% | +9/10 | +100% | +3/3 | +75% | +3/4 | +85.71% | +6/7 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 | 32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | const Doctor_Recommendation_Question = {
+ totalQuestions: 13,
+ questions: [
+ {
+ id: 1,
+ question: "تخصصهای شما چیست؟",
+ field: "specialties",
+ choices: [
+ { text: "اضطراب", answer: true, id: 0 },
+ { text: "افسردگی", answer: true, id: 1 },
+ { text: "مشکلات خواب", answer: true, id: 2 },
+ { text: "اختلالات خوردن", answer: true, id: 3 },
+ { text: "مشکلات روابط", answer: true, id: 4 },
+ { text: "مشکلات رفتاری", answer: true, id: 5 },
+ { text: "ADHD", answer: true, id: 6 },
+ { text: "اختلالات شخصیت", answer: true, id: 7 },
+ { text: "اختلالات روانی شدید", answer: true, id: 8 },
+
+ ],
+ },
+ {
+ id: 2,
+ question: "چه روشهای درمانی را استفاده میکنید؟",
+ field: "therapy_methods",
+ choices: [
+ { text: "CBT", answer: true, id: 0 },
+ { text: "Mindfulness", answer: true, id: 1 },
+ { text: "Family Therapy", answer: true, id: 2 },
+ { text: "Psychoanalytic", answer: true, id: 3 },
+ { text: "Art Therapy", answer: true, id: 4 },
+ { text: "Group Therapy", answer: true, id: 5 },
+ ],
+ },
+ {
+ id: 3,
+ question: "با کدام گروههای سنی کار میکنید؟",
+ field: "age_groups",
+ choices: [
+ { text: "کودکان", answer: true, id: 0 },
+ { text: "نوجوانان", answer: true, id: 1 },
+ { text: "بزرگسالان", answer: true, id: 2 },
+ { text: "سالمندان", answer: true, id: 3 },
+ ],
+ },
+ {
+ id: 4,
+ question: "چه نوع جلساتی را ارائه میدهید؟",
+ field: "session_preference",
+ choices: [
+ { text: "حضوری", answer: true, id: 0 },
+ { text: "مجازی", answer: true, id: 1 },
+ { text: "هر دو", answer: true, id: 2 },
+ ],
+ },
+ {
+ id: 5,
+ question: "آیا شما خود را مذهبی میدانید؟",
+ field: "religion",
+ choices: [
+ { text: "مذهبی", answer: true, id: 0 },
+ { text: "غیرمذهبی", answer: true, id: 1 },
+ { text: "فرقی نمیکند", answer: true, id: 2 },
+ ],
+ },
+ {
+ id: 6,
+ question: "جنسیت شما چیست؟",
+ field: "gender",
+ choices: [
+ { text: "زن", answer: true, id: 0 },
+ { text: "مرد", answer: true, id: 1 },
+ // { text: "فرقی نمیکند", answer: true, id: 2 },
+ ],
+ },
+ {
+ id: 7,
+ question: "چند سال سابقه کاری دارید؟",
+ field: "experience_years",
+ choices: [
+ // { text: "زن", answer: true, id: 0 },
+ // { text: "مرد", answer: true, id: 1 },
+ // { text: "فرقی نمیکند", answer: true, id: 2 },
+ ],
+ },
+ {
+ id: 8,
+ question: "حداکثر تعداد جلسات در هفته که میتوانید ارائه دهید؟",
+ field: "max_sessions_per_week",
+ choices: [
+ // { text: "زن", answer: true, id: 0 },
+ // { text: "مرد", answer: true, id: 1 },
+ // { text: "فرقی نمیکند", answer: true, id: 2 },
+ ],
+ },
+ {
+ id: 9,
+ question: "حداکثر مدت زمان درمان که میتوانید ارائه دهید چیست؟",
+ field: "treatment_duration",
+ choices: [
+ { text: "کوتاهمدت", answer: true, id: 0 },
+ // { text: "میانهمدت", answer: true, id: 1 },
+ { text: "بلندمدت", answer: true, id: 1 },
+ ],
+ },
+ {
+ id: 10,
+ question: "آیا تجربه کار با بیمارانی که مشکلات جسمی دارند را دارید؟",
+ field: "physical_conditions_experience",
+ choices: [
+ { text: "بله", answer: true, id: 0 },
+ { text: "خیر", answer: true, id: 1 },
+ ],
+ },
+ {
+ id: 11,
+ question: "آیا در مدیریت بحران (مانند بیماران با خطر خودکشی) تجربه دارید؟",
+ field: "crisis_management",
+ choices: [
+ { text: "بله", answer: true, id: 0 },
+ { text: "خیر", answer: true, id: 1 },
+ ],
+ },
+ {
+ id: 12,
+ question: "آیا تجربه کار با بیمارانی که داروهای خاص مصرف میکنند را دارید؟",
+ field: "medications_experience",
+ choices: [
+ { text: "بله", answer: true, id: 0 },
+ { text: "خیر", answer: true, id: 1 },
+ ],
+ },
+ {
+ id: 13,
+ question: "آیا تمایل دارید با بیماران مذهبی یا غیرمذهبی کار کنید؟",
+ field: "prefers_religious_patients",
+ choices: [
+ { text: "مذهبی", answer: true, id: 0 },
+ { text: "غیرمذهبی", answer: true, id: 1 },
+ { text: "فرقی نمیکند", answer: true, id: 2 },
+ ],
+ },
+ {
+ id: 14,
+ question: "آیا ترجیح خاصی برای جنسیت بیمار دارید؟",
+ field: "prefers_gender",
+ choices: [
+ { text: "زن", answer: true, id: 0 },
+ { text: "مرد", answer: true, id: 1 },
+ { text: "فرقی نمیکند", answer: true, id: 2 },
+ ],
+ },
+ {
+ id: 15,
+ question: "ترجیح شما برای ارتباط با بیماران چیست؟",
+ field: "communication_preference",
+ choices: [
+ { text: "تماس تلفنی", answer: true, id: 0 },
+ { text: "ایمیل", answer: true, id: 1 },
+ { text: "پیامرسانی", answer: true, id: 2 },
+ ],
+ },
+ {
+ id: 16,
+ question: "هر توضیح دیگری که میخواهید اضافه کنید.",
+ field: "additional_notes",
+ choices: [
+ // { text: "کودک", answer: true, id: 0 },
+ // { text: "نوجوان", answer: true, id: 1 },
+ ],
+ },
+ ]
+}
+
+export default Doctor_Recommendation_Question; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 | 32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | const Patient_Recommendation_Question = {
+ totalQuestions: 19,
+ questions: [
+ {
+ id: 1,
+ question: "سن شما چند سال است؟",
+ field: "age",
+ choices: [
+ // { text: "اضطراب", answer: true, id: 0 },
+ // { text: "افسردگی", answer: true, id: 1 },
+ ],
+ },
+ {
+ id: 2,
+ question: "سطح انرژی خود را چگونه ارزیابی میکنید؟",
+ field: "energy_level",
+ choices: [
+ { text: "کم", answer: true, id: 0 },
+ { text: "متوسط", answer: true, id: 1 },
+ { text: "زیاد", answer: true, id: 3 },
+ ],
+ },
+ {
+ id: 3,
+ question: "آیا داروی خاصی مصرف میکنید؟ اگر بله، لطفاً نام ببرید.",
+ field: "current_medications",
+ choices: [
+ { text: "بله", answer: true, id: 0 },
+ { text: "خیر", answer: true, id: 1 },
+ ],
+ },
+ {
+ id: 4,
+ question: "آیا مشکلات جسمی خاصی دارید که روی روان شما تأثیر میگذارد؟",
+ field: "physical_issues",
+ choices: [
+ { text: "بله", answer: true, id: 0 },
+ { text: "خیر", answer: true, id: 1 },
+ ],
+ },
+ {
+ id: 5,
+ question: "چه علائمی دارید؟",
+ field: "symptoms",
+ choices: [
+ { text: "اضطراب", answer: true, id: 0 },
+ { text: "افسردگی", answer: true, id: 1 },
+ { text: "مشکلات خواب", answer: true, id: 2 },
+ { text: "مشکلات رفتاری", answer: true, id: 3 },
+ { text: "اختلالات خوردن", answer: true, id: 4 },
+ { text: "مشکلات تمرکز", answer: true, id: 5 },
+ { text: "مشکلات روابط", answer: true, id: 6 },
+ { text: "ترسها", answer: true, id: 7 },
+ { text: "پارانویا", answer: true, id: 8 },
+ { text: "ADHD", answer: true, id: 9 },
+ { text: "هیچکدام", answer: true, id: 10 },
+ ],
+ },
+ {
+ id: 6,
+ question: "آیا قبلاً درمان روانشناختی یا روانپزشکی انجام دادهاید؟ اگر بله، توضیح دهید.",
+ field: "past_treatments",
+ choices: [
+ { text: "بله", answer: true, id: 0 },
+ { text: "خیر", answer: true, id: 1 },
+ ],
+ },
+ {
+ id: 7,
+ question: "آخرین باری که به خودکشی فکر کردید، چه زمانی بود؟",
+ field: "suicidal_thoughts",
+ choices: [
+ { text: "هرگز", answer: true, id: 0 },
+ { text: "یک ماه پیش", answer: true, id: 1 },
+ { text: "هفته گذشته", answer: true, id: 2 },
+ { text: "همین حالا", answer: true, id: 3 },
+ ],
+ },
+ {
+ id: 8,
+ question: "سطح استرس روزانه خود را از ۱ تا ۱۰ ارزیابی کنید.",
+ field: "stress_level",
+ choices: [
+ // { text: "۱", answer: true, id: 0 },
+ { text: "1", answer: true, id: 0 },
+ { text: "۲", answer: true, id: 1 },
+ { text: "۳", answer: true, id: 2 },
+ { text: "۴", answer: true, id: 3 },
+ { text: "۵", answer: true, id: 4 },
+ { text: "۶", answer: true, id: 5 },
+ { text: "۷", answer: true, id: 6 },
+ { text: "۸", answer: true, id: 7 },
+ { text: "۹", answer: true, id: 8 },
+ { text: "۱۰", answer: true, id: 9 },
+ ],
+ },
+ {
+ id: 9,
+ question: "به طور متوسط چند ساعت در شبانهروز میخوابید؟",
+ field: "sleep_hours",
+ choices: [
+ // { text: "اغلب اوقات", answer: true, id: 0},
+ // { text: "بعضی اوقات", answer: true, id: 1},
+ // { text: "هیچوقت", answer: true, id: 2},
+ ],
+ },
+ {
+ id: 10,
+ question: "آیا به طور منظم در فعالیتهای اجتماعی یا گروهی شرکت میکنید؟",
+ field: "social_activities",
+ choices: [
+ { text: "بله", answer: true, id: 0 },
+ { text: "خیر", answer: true, id: 1 },
+ ],
+ },
+ {
+ id: 11,
+ question: "چقدر از حمایت اجتماعی و عاطفی اطرافیان خود برخوردار هستید؟",
+ field: "support_system",
+ choices: [
+ { text: "کم", answer: true, id: 0 },
+ { text: "متوسط", answer: true, id: 1 },
+ { text: "زیاد", answer: true, id: 3 },
+ ],
+ },
+ {
+ id: 12,
+ question: "مدت زمان درمان مورد انتظار شما چیست؟",
+ field: "treatment_duration",
+ choices: [
+ { text: "کوتاهمدت", answer: true, id: 0 },
+ { text: "بلندمدت", answer: true, id: 1 },
+ ],
+ },
+ {
+ id: 13,
+ question: "آیا شما خود را مذهبی میدانید؟",
+ field: "religion_preference",
+ choices: [
+ { text: "مذهبی", answer: true, id: 0 },
+ { text: "غیرمذهبی", answer: true, id: 1 },
+ { text: "فرقی نمیکند", answer: true, id: 2 },
+ ],
+ },
+ {
+ id: 14,
+ question: "ترجیح شما برای جنسیت درمانگر چیست؟",
+ field: "therapist_gender_preference",
+ choices: [
+ { text: "زن", answer: true, id: 0 },
+ { text: "مرد", answer: true, id: 1 },
+ { text: "فرقی نمیکند", answer: true, id: 2 },
+ ],
+ },
+ {
+ id: 15,
+ question: "ترجیح شما برای نوع جلسات چیست؟",
+ field: "presentation_preference",
+ choices: [
+ { text: "حضوری", answer: true, id: 0 },
+ { text: "مجازی", answer: true, id: 1 },
+ { text: "فرقی نمیکند", answer: true, id: 2 },
+ ],
+ },
+ {
+ id: 16,
+ question: "چه روشهای درمانی را ترجیح میدهید؟ (لیستی از روشها را وارد کنید)",
+ field: "preferred_therapy_methods",
+ choices: [
+ { text: "درمان شناختی-رفتاری (CBT)", answer: true, id: 0 },
+ { text: "آگاهیحاضر (Mindfulness)", answer: true, id: 1 },
+ { text: "درمان خانواده", answer: true, id: 3 },
+ { text: "درمان روانتحلیلی", answer: true, id: 4 },
+ { text: "درمان هنری", answer: true, id: 5 },
+ { text: "درمان گروهی", answer: true, id: 6 },
+ ],
+ },
+ {
+ id: 17,
+ question: "چه روشهایی را برای ارتباط با درمانگر خود ترجیح میدهید؟",
+ field: "communication_preference",
+ choices: [
+ { text: "تماس تلفنی", answer: true, id: 0 },
+ { text: "ایمیل", answer: true, id: 1 },
+ { text: "پیامرسانی", answer: true, id: 2 },
+ ],
+ },
+ {
+ id: 18,
+ question: "چه انتظاری از درمانگر خود دارید؟",
+ field: "expectations",
+ choices: [
+ { text: "گوش دهد", answer: true, id: 0 },
+ { text: "گذشته من را کاوش کند", answer: true, id: 1 },
+ { text: "به من مهارت جدید آموزش دهد", answer: true, id: 2 },
+ { text: "اعتقادات مرا به چالش بکشد", answer: true, id: 3 },
+ { text: "به من تکلیف بدهد", answer: true, id: 4 },
+ { text: "راهنماییام کند که هدف هایم را مشخص کنم", answer: true, id: 5 },
+ { text: "فعالانه مرا چک کند", answer: true, id: 6 },
+ // { text: "موارد دیگر", answer: true, id: 7 },
+ ],
+ },
+ {
+ id: 19,
+ question: "هر توضیح دیگری که میتواند کمک کند، در اینجا وارد کنید.",
+ field: "additional_notes",
+ choices: [
+ // { text: "خیلی زیاد", answer: true, id: 0},
+ // { text: "به ندرت", answer: true, id: 1},
+ // { text: "اصلا", answer: true, id: 2},
+ ],
+ },
+ ]
+}
+
+export default Patient_Recommendation_Question; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 +398 +399 +400 +401 +402 +403 +404 +405 +406 +407 +408 +409 +410 +411 +412 +413 +414 +415 +416 +417 +418 +419 +420 +421 +422 +423 +424 +425 +426 +427 +428 +429 +430 +431 +432 +433 +434 +435 +436 +437 +438 +439 +440 +441 +442 +443 +444 +445 +446 +447 +448 +449 +450 +451 +452 +453 +454 +455 +456 +457 +458 +459 +460 +461 +462 +463 +464 +465 +466 +467 +468 +469 +470 +471 +472 +473 +474 +475 +476 +477 +478 +479 +480 +481 +482 +483 +484 +485 +486 +487 +488 +489 +490 +491 +492 +493 +494 +495 +496 +497 +498 +499 +500 +501 +502 +503 +504 +505 +506 +507 +508 +509 +510 +511 +512 +513 +514 +515 +516 +517 +518 +519 +520 +521 +522 +523 +524 +525 +526 +527 +528 +529 +530 +531 +532 +533 +534 +535 +536 +537 +538 +539 +540 +541 +542 +543 +544 +545 +546 +547 +548 +549 +550 +551 +552 +553 +554 +555 +556 +557 +558 +559 +560 +561 +562 +563 +564 +565 +566 +567 +568 +569 +570 +571 +572 +573 +574 +575 +576 +577 +578 +579 +580 +581 +582 +583 +584 +585 +586 +587 +588 +589 +590 +591 +592 +593 +594 +595 +596 +597 +598 +599 +600 +601 +602 +603 +604 +605 +606 +607 +608 +609 +610 +611 +612 +613 +614 +615 +616 +617 +618 +619 +620 +621 +622 +623 +624 +625 +626 +627 +628 +629 +630 +631 +632 +633 +634 +635 +636 +637 +638 +639 +640 +641 +642 +643 +644 +645 +646 +647 +648 +649 +650 +651 +652 +653 +654 +655 +656 +657 +658 +659 +660 +661 +662 +663 +664 +665 +666 +667 +668 +669 +670 +671 +672 +673 | 256x + + + + + + + + + + + + + + + +32x +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React, { useState, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import Swal from "sweetalert2";
+import { toast } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar";
+import Footer from "../Footer/Footer";
+import Patient_Recommendation_Question from "./Patient_Questions_Recommendation";
+import Doctor_Recommendation_Question from "./Doctor_Questions_Recommendation";
+import "./RecommendationPage.css";
+import DoctorProfile from "../DoctorsList/DoctorProfile.jsx";
+import "../DoctorsList/DoctorsList.css";
+import axios from "axios";
+import { TextField } from "@material-ui/core";
+import withReactContent from "sweetalert2-react-content";
+
+const RecommendationPage = () => {
+ const navigate = useNavigate();
+ const IsDoctor = localStorage.getItem("role") == "doctor";
+ const { questions } = IsDoctor
+ ? Doctor_Recommendation_Question
+ : Patient_Recommendation_Question;
+ const totalQuestions = questions.length;
+
+ const [activeQuestion, setActiveQuestion] = useState(0);
+ const [selectedAnswers, setSelectedAnswers] = useState(
+ Array(totalQuestions).fill(null)
+ );
+ const [result, setResult] = useState({ doneAnswers: 0, emptyAnswers: 0 });
+ const [showResult, setShowResult] = useState(false);
+ const [inputValue, setInputValue] = useState(["", ""]);
+
+ const handleInputChange = (event) => {
+ const updatedInputValues = [...inputValue];
+ updatedInputValues[activeQuestion] = event.target.value;
+ setInputValue(updatedInputValues);
+
+ const fieldName = questions[activeQuestion].field;
+ const setRequest = IsDoctor ?
+ setRequestDoctor((prevRequest) => ({
+ ...prevRequest,
+ [fieldName]: event.target.value,
+ }))
+ :
+ setRequestPatiant((prevRequest) => ({
+ ...prevRequest,
+ [fieldName]: event.target.value,
+ }));
+ };
+
+ console.log(activeQuestion);
+ console.log(inputValue);
+
+ const goToHomePage = () => {
+ navigate("/");
+ };
+
+ const [doctorProfile, setDoctorProfile] = useState([]);
+ const [requestPatiant, setRequestPatiant] = useState({
+ age: null,
+ energy_level: null,
+ current_medications: null,
+ physical_issues: null,
+ symptoms: null,
+ past_treatments: null,
+ suicidal_thoughts: null,
+ stress_level: null,
+ sleep_hours: null,
+ social_activities: null,
+ support_system: null,
+ treatment_duration: null,
+ religion_preference: null,
+ therapist_gender_preference: null,
+ presentation_preference: null,
+ preferred_therapy_methods: null,
+ communication_preference: null,
+ expectations: null,
+ additional_notes: null,
+ });
+
+ const [requestDoctor, setRequestDoctor] = useState({
+ specialties: null,
+ therapy_methods: null,
+ age_groups: null,
+ session_preference: null,
+ religion: null,
+ gender: null,
+ experience_years: null,
+ max_sessions_per_week: null,
+ treatment_duration: null,
+ physical_conditions_experience: null,
+ crisis_management: null,
+ medications_experience: null,
+ prefers_religious_patients: null,
+ prefers_gender: null,
+ communication_preference: null,
+ additional_notes: null,
+ });
+
+ console.log(requestPatiant);
+ console.log(requestDoctor);
+
+ const sendAnswersToBack = async (data) => {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const requestData = IsDoctor ? requestDoctor : requestPatiant;
+ const response = await axios({
+ method: "POST",
+ url: IsDoctor ? "http://46.249.100.141:8070/RecomendationSystem/psychologist/form/" : "http://46.249.100.141:8070/RecomendationSystem/patient/form/",
+ headers: {
+ Authorization: `Bearer ${token}`,
+ "Content-Type": "application/json",
+ },
+ data: requestData,
+ });
+
+ if (response.status === 200) {
+ if (IsDoctor) {
+ withReactContent(Swal).fire({
+ icon: "success",
+ title: "!جواب های شما با موفقیت ثبت شدند",
+ background: "#075662",
+ color: "#FFFF",
+ width: "35rem",
+ confirmButtonText: "باشه",
+ confirmButtonColor: "#0a8ca0"
+ });
+ toast.success("!جواب های شما با موفقیت ثبت شدند", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ navigate("/");
+ }
+ else {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios.get(
+ "http://46.249.100.141:8070/RecomendationSystem/match/patient-to-psychologists/",
+ {
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ }
+ );
+ console.log(response.data.matches);
+ setDoctorProfile(response.data.matches || []);
+ setShowResult(true);
+ } catch (error) {
+ console.error("Error fetching doctor profiles:", error);
+ toast.error("خطا در دریافت دادهها", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ }
+ } else {
+ toast.error("!متاسفانه خطایی در ارسال رخ داده", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ } catch (error) {
+ console.error("Error response:", error.response?.data || error.message);
+ toast.error("!متاسفانه خطایی در ارسال رخ داده", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ };
+
+ const onClickPrevious = () => {
+ Iif (activeQuestion !== 0) {
+ setActiveQuestion((prev) => prev - 1);
+ }
+ };
+
+ const onClickNext = () => {
+ Iif (selectedAnswers[activeQuestion] == null && (!IsDoctor) &&
+ !(
+ (activeQuestion === 0 && inputValue[activeQuestion]?.trim() !== "") ||
+ (activeQuestion === 2 && selectedAnswers[activeQuestion] == 0 && inputValue[activeQuestion]?.trim() !== "") ||
+ (activeQuestion === 5 && selectedAnswers[activeQuestion] == 0 && inputValue[activeQuestion]?.trim() !== "") ||
+ (activeQuestion === 8 && inputValue[activeQuestion]?.trim() !== "") ||
+ (activeQuestion === 18 && inputValue[activeQuestion]?.trim() !== "")
+ )) {
+ toast.warn("!هنوز گزینهای انتخاب نکردهاید یا متن را پر نکردهاید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ if (selectedAnswers[activeQuestion] == null && (IsDoctor) &&
+ !(
+ (activeQuestion === 6 && inputValue[activeQuestion]?.trim() !== "") ||
+ (activeQuestion === 7 && inputValue[activeQuestion]?.trim() !== "") ||
+ (activeQuestion === 15 && inputValue[activeQuestion]?.trim() !== "")
+ )) {
+ toast.warn("!هنوز گزینهای انتخاب نکردهاید یا متن را پر نکردهاید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ } else {
+ if (activeQuestion !== questions.length - 1) {
+ setActiveQuestion((prev) => prev + 1);
+ } else {
+ const updatedAnswersForBack = {};
+ for (let i = 0; i < questions.length; i++) {
+ if (Array.isArray(selectedAnswers[i])) {
+ let element = selectedAnswers[i].join(",");
+ console.log(element);
+
+ Iif (!IsDoctor && i == 0) {
+ element = inputValue[i];
+ }
+ Iif (!IsDoctor && i == 2 && selectedAnswers[i] == 0) {
+ element += "," + inputValue[i];
+ }
+ Iif (!IsDoctor && i == 5 && selectedAnswers[i] == 0) {
+ element += "," + inputValue[i];
+ }
+ Iif (!IsDoctor && i == 8) {
+ element = inputValue[i];
+ }
+ Iif (!IsDoctor && i == 16) {
+ element = inputValue[i];
+ }
+ Iif (!IsDoctor && i == 18) {
+ element = inputValue[i];
+ }
+
+ Iif (IsDoctor && i == 6) {
+ element = inputValue[i];
+ }
+ Iif (IsDoctor && i == 7) {
+ element = inputValue[i];
+ }
+ Iif (IsDoctor && i == 15) {
+ element = inputValue[i];
+ }
+ console.log(element);
+ updatedAnswersForBack[i] = element;
+ } else {
+ updatedAnswersForBack[i] = selectedAnswers[i];
+ }
+ }
+ console.log(updatedAnswersForBack);
+ sendAnswersToBack(updatedAnswersForBack);
+ Iif (activeQuestion === totalQuestions - 1) {
+ setShowResult(true);
+ }
+ }
+ }
+ };
+
+ const onAnswerSelected = (index) => {
+ const updatedAnswers = [...selectedAnswers];
+ const isMultipleChoice = (!IsDoctor && activeQuestion == 4) | (!IsDoctor && activeQuestion == 15) |
+ (!IsDoctor && activeQuestion == 16) | (!IsDoctor && activeQuestion == 17) |
+ (IsDoctor && activeQuestion == 0) | (IsDoctor && activeQuestion == 1) |
+ (IsDoctor && activeQuestion == 2) | (IsDoctor && activeQuestion == 14);
+
+ if (isMultipleChoice) {
+ const currentAnswers = updatedAnswers[activeQuestion] || [];
+ const answerIndex = currentAnswers.indexOf(index);
+ console.log(answerIndex);
+ if (answerIndex == -1) {
+ updatedAnswers[activeQuestion] = [...currentAnswers, index];
+ } else {
+ updatedAnswers[activeQuestion] = currentAnswers.filter(
+ (_, i) => i !== answerIndex
+ );
+ }
+ } else {
+ updatedAnswers[activeQuestion] = index;
+ }
+
+ setSelectedAnswers(updatedAnswers);
+ console.log(selectedAnswers);
+
+ const fieldName = questions[activeQuestion].field;
+ const setRequest = IsDoctor ? setRequestDoctor((prevRequest) => ({
+ ...prevRequest,
+ [fieldName]: isMultipleChoice
+ ? updatedAnswers[activeQuestion].map((id) => {
+ const choice = questions[activeQuestion].choices.find(
+ (choice) => choice.id === id
+ );
+ return choice ? choice.text : "";
+ })
+ : questions[activeQuestion].choices[index]?.text || null,
+ }))
+ :
+ setRequestPatiant((prevRequest) => ({
+ ...prevRequest,
+ [fieldName]: isMultipleChoice
+ ? fieldName === "expectations"
+ ? updatedAnswers[activeQuestion]
+ .map((id) => {
+ const choice = questions[activeQuestion].choices.find(
+ (choice) => choice.id === id
+ );
+ return choice ? choice.text : "";
+ })
+ .join(" ،")
+ : updatedAnswers[activeQuestion].map((id) => {
+ const choice = questions[activeQuestion].choices.find(
+ (choice) => choice.id === id
+ );
+ return choice ? choice.text : "";
+ })
+ : questions[activeQuestion].choices[index]?.text === "خیر" &&
+ (fieldName === "current_medications" || fieldName === "past_treatments")
+ ? null
+ : questions[activeQuestion].choices[index]?.text || null,
+ }));
+ };
+
+ const cancelTest = () => {
+ Swal.fire({
+ icon: "error",
+ title: "از تکمیل فرم منصرف شدهاید؟",
+ background: "#075662",
+ color: "#FFFF",
+ width: "35rem",
+
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonText: "بله",
+ cancelButtonText: "خیر",
+ confirmButtonColor: "#6e7881",
+ cancelButtonColor: "#0a8ca0",
+ showConfirmButton: true,
+ showCancelButton: true,
+ preConfirm: () => {
+ navigate("/");
+ },
+ });
+ };
+
+
+ return (
+ <>
+ <NavBar_SideBar />
+ <div align="center" className="recomBody p-5 pt-3">
+ <br />
+ {!showResult && (
+ <div className="recomBox col-lg-8 col-md-12 col-sm-12" dir="rtl">
+ <form className="recform p-5 pt-5">
+ <h3 className="question-style pb-4 font-custom">
+ {questions[activeQuestion].question}
+ </h3>
+ <div align="center">
+ <ul className="row d-flex justify-content-center align-items-stretch">
+ {questions[activeQuestion].choices.map((choice, index) => (
+ <li
+ key={index}
+ className={`col-6 mx-4 mb-3 ${(Array.isArray(selectedAnswers[activeQuestion]) ?
+ selectedAnswers[activeQuestion]?.includes(index) : selectedAnswers[activeQuestion] == index)
+ ? "Recommendation-selected-answer"
+ : ""
+ }`}
+ onClick={() => onAnswerSelected(index)}
+ >
+ {choice.text}
+ </li>
+ ))}
+ </ul>
+ </div>
+
+ {((!(IsDoctor) && activeQuestion == 0)
+ ) ? (
+ <TextField
+ autoComplete="off"
+ variant="outlined"
+ type="number"
+ onChange={handleInputChange}
+ dir="rtl"
+ InputLabelProps={{
+ dir: "rtl",
+ }}
+ placeholder="فقط عدد را وارد کنید."
+ value={inputValue[activeQuestion] || ""}
+ defaultValue={activeQuestion == 4 ? inputValue[1] : inputValue[0]}
+ className="textbox-other"
+ style={{ marginBottom: "10px" }}
+ />
+ ) : (
+ ""
+ )}
+
+ {((!IsDoctor && activeQuestion == 2 && selectedAnswers[activeQuestion] == 0)
+ ) ? (
+ <TextField
+ fullWidth
+ multiline
+ autoComplete="off"
+ variant="outlined"
+ onChange={handleInputChange}
+ dir="rtl"
+ InputLabelProps={{
+ dir: "rtl",
+ }}
+ placeholder="نام دارو"
+ value={inputValue[activeQuestion] || ""}
+ defaultValue={activeQuestion == 4 ? inputValue[1] : inputValue[0]}
+ className="textbox-other"
+ color="red"
+ style={{ marginBottom: "10px" }}
+ />
+ ) : (
+ ""
+ )}
+
+ {((!IsDoctor && activeQuestion == 5 && selectedAnswers[activeQuestion] == 0)
+ ) ? (
+ <TextField
+ fullWidth
+ multiline
+ autoComplete="off"
+ variant="outlined"
+ onChange={handleInputChange}
+ dir="rtl"
+ InputLabelProps={{
+ dir: "rtl",
+ }}
+ placeholder=""
+ value={inputValue[activeQuestion] || ""}
+ defaultValue={activeQuestion == 4 ? inputValue[1] : inputValue[0]}
+ className="textbox-other"
+ color="red"
+ style={{ marginBottom: "10px" }}
+ />
+ ) : (
+ ""
+ )}
+
+ {((!(IsDoctor) && activeQuestion == 8)
+ ) ? (
+ <TextField
+ autoComplete="off"
+ variant="outlined"
+ type="number"
+ onChange={handleInputChange}
+ dir="rtl"
+ InputLabelProps={{
+ dir: "rtl",
+ }}
+ placeholder="فقط عدد را وارد کنید."
+ value={inputValue[activeQuestion] || ""}
+ defaultValue={activeQuestion == 4 ? inputValue[1] : inputValue[0]}
+ className="textbox-other"
+ color="red"
+ style={{ marginBottom: "10px" }}
+ />
+ ) : (
+ ""
+ )}
+
+ {((!IsDoctor && activeQuestion == 18)
+ ) ? (
+ <TextField
+ fullWidth
+ multiline
+ autoComplete="off"
+ variant="outlined"
+ onChange={handleInputChange}
+ dir="rtl"
+ InputLabelProps={{
+ dir: "rtl",
+ }}
+ placeholder=""
+ value={inputValue[activeQuestion] || ""}
+ defaultValue={activeQuestion == 4 ? inputValue[1] : inputValue[0]}
+ className="textbox-other"
+ color="red"
+ style={{ marginBottom: "10px" }}
+ />
+ ) : (
+ ""
+ )}
+
+ {((IsDoctor && activeQuestion == 6)
+ ) ? (
+ <TextField
+ autoComplete="off"
+ variant="outlined"
+ type="number"
+ onChange={handleInputChange}
+ dir="rtl"
+ InputLabelProps={{
+ dir: "rtl",
+ }}
+ placeholder="فقط عدد را وارد کنید."
+ value={inputValue[activeQuestion] || ""}
+ defaultValue={activeQuestion == 4 ? inputValue[1] : inputValue[0]}
+ className="textbox-other"
+ style={{ marginBottom: "10px" }}
+ />
+ ) : (
+ ""
+ )}
+
+ {((IsDoctor && activeQuestion == 7)
+ ) ? (
+ <TextField
+ autoComplete="off"
+ variant="outlined"
+ type="number"
+ onChange={handleInputChange}
+ dir="rtl"
+ InputLabelProps={{
+ dir: "rtl",
+ }}
+ placeholder="فقط عدد را وارد کنید."
+ value={inputValue[activeQuestion] || ""}
+ defaultValue={activeQuestion == 4 ? inputValue[1] : inputValue[0]}
+ className="textbox-other"
+ style={{ marginBottom: "10px" }}
+ />
+ ) : (
+ ""
+ )}
+
+ {((IsDoctor && activeQuestion == 15)
+ ) ? (
+ <TextField
+ multiline
+ autoComplete="off"
+ variant="outlined"
+ onChange={handleInputChange}
+ dir="rtl"
+ InputLabelProps={{
+ dir: "rtl",
+ }}
+ placeholder=""
+ value={inputValue[activeQuestion] || ""}
+ defaultValue=""
+ className="textbox-other"
+ color="red"
+ style={{ marginBottom: "10px" }}
+ />
+ ) : (
+ ""
+ )}
+
+ <div className="button-group row font-custom">
+ <div className="col">
+ <button
+ type="button"
+ className="button-style bottom-button-hover font-custom"
+ onClick={onClickNext}
+ >
+ {activeQuestion === totalQuestions - 1 ? "پایان" : "بعدی"}
+ </button>
+ </div>
+ <div className="col">
+ {activeQuestion !== 0 && (
+ <button
+ className="button-style bottom-button-hover font-custom"
+ type="button"
+ onClick={onClickPrevious}
+ >
+ قبلی
+ </button>
+ )}
+ </div>
+ <div className="col">
+ <button
+ className="button-cancel-style bottom-cancel-button-hover font-custom"
+ type="button"
+ onClick={cancelTest}
+ >
+ انصراف
+ </button>
+ </div>
+ </div>
+ </form>
+ </div>
+ )}
+
+ {showResult && (
+ <div className="resultBox">
+ <h1
+ className="font-custom text-center text-style"
+ style={{ fontSize: "25px" }}
+ >
+ :نتایج
+ </h1>
+ <div style={{ justifyItems: "center" }}>
+ {doctorProfile?.length > 0 ? (
+ doctorProfile.map((index) => (
+ <div className="distanceBetweenDoctor">
+
+ <DoctorProfile
+ Id={index?.psychologist_id}
+ name={index?.psychologist_name}
+ Description={index?.reasons}
+ Image={index?.image}
+ ProfileType={index?.profile_type}
+ IsPrivate={index?.is_private}
+ Psychiatrist={index?.psychologist_id}
+ />
+ </div>
+ ))
+ ) : (
+ <h3 className="pb-4 font-custom" style={{ color: '#55654f' }}>
+ !دکتری یافت نشد
+ </h3>
+ )}
+ {/* {Array.isArray(doctorProfile) && doctorProfile.map((index) => (
+ <DoctorProfile
+ Id={index?.id}
+ name={index?.name}
+ Description={index?.description}
+ Image={index?.image}
+ ProfileType={index?.profile_type}
+ IsPrivate={index?.is_private}
+ Psychiatrist={index?.psychiatrist}
+ />
+ ))} */}
+ {/* {doctorProfile.map((index) => (
+ <DoctorProfile
+ Id={index?.id}
+ name={index?.name}
+ Description={index?.description}
+ Image={index?.image}
+ ProfileType={index?.profile_type}
+ IsPrivate={index?.is_private}
+ Psychiatrist={index?.psychiatrist}
+ />
+ ))} */}
+ </div>
+ </div>
+ )}
+ </div>
+ <Footer />
+ </>
+ );
+};
+
+export default RecommendationPage;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Doctor_Questions_Recommendation.jsx | +
+
+ |
+ 100% | +1/1 | +100% | +0/0 | +100% | +0/0 | +100% | +1/1 | +
| Patient_Questions_Recommendation.jsx | +
+
+ |
+ 100% | +1/1 | +100% | +0/0 | +100% | +0/0 | +100% | +1/1 | +
| RecommendationPage.jsx | +
+
+ |
+ 4.54% | +6/132 | +1.94% | +4/206 | +3.7% | +1/27 | +4.03% | +5/124 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 | 256x + + +32x + + + + + + + + +32x +32x + | import React, { useState } from "react";
+import "./reservation.css";
+
+const HourCard = ({time, index, onClick,selected}) => {
+ return (
+ <>
+ <div className="reserve_hcard_bd" onClick={onClick}
+ style={selected == index ? {background:'#22b46d',color:'#0a3a23'}:{}}>
+ {time}
+ </div>
+ </>
+ );
+};
+export default HourCard;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 +398 +399 +400 +401 +402 +403 +404 +405 +406 +407 +408 +409 +410 +411 +412 +413 +414 +415 +416 +417 +418 +419 +420 +421 +422 +423 +424 +425 +426 +427 +428 +429 +430 +431 +432 +433 +434 +435 +436 +437 +438 +439 +440 +441 +442 +443 +444 +445 +446 +447 +448 +449 +450 +451 +452 +453 +454 +455 +456 +457 +458 +459 +460 +461 +462 +463 +464 +465 +466 +467 +468 +469 +470 +471 +472 +473 +474 +475 +476 +477 +478 +479 +480 +481 +482 +483 +484 +485 +486 +487 +488 +489 +490 +491 +492 +493 +494 +495 +496 +497 +498 +499 +500 +501 +502 +503 +504 +505 +506 +507 +508 +509 +510 +511 +512 +513 +514 +515 +516 +517 +518 +519 +520 +521 +522 +523 +524 | 352x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + + + + + + + + + + + + + + + +32x + + + + + + + + + + + + + + +32x + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +96x + | import React, { useState } from "react";
+import { useLocation } from "react-router-dom";
+import "react-multi-date-picker/styles/colors/teal.css";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar";
+import Footer from "../Footer/Footer";
+import img from "../../assets/Female_Avatar.jpg";
+import "./reservation.css";
+import "react-modern-calendar-datepicker/lib/DatePicker.css";
+import { utils } from "react-modern-calendar-datepicker";
+import DateObject from "react-date-object";
+import HourCard from "./HourCard";
+import { BsCalendarDate } from "react-icons/bs";
+import { IoMdTime } from "react-icons/io";
+import { useEffect } from "react";
+import axios from "axios";
+import { useNavigate } from "react-router-dom";
+import * as shamsi from "shamsi-date-converter";
+import { ToastContainer, toast } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+import MedicalInfoModal from "../MedicalInfoModal/MedicalInfoModal";
+import Swal from "sweetalert2";
+import { Calendar } from "react-multi-date-picker";
+import persian from "react-date-object/calendars/persian";
+import persian_fa from "react-date-object/locales/persian_fa";
+
+function DateString(input) {
+ var changed = shamsi.jalaliToGregorian(input.year, input.month, input.day);
+ var y = `${changed[0]}`;
+ var m = changed[1] < 10 ? `0${changed[1]}` : `${changed[1]}`;
+ var d = changed[2] < 10 ? `0${changed[2]}` : `${changed[2]}`;
+ return [y, m, d].join("-");
+}
+
+function toPersianDigits(str) {
+ const persianDigits = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"];
+ return str.replace(/\d/g, (digit) => persianDigits[digit]);
+}
+
+function ChangeDate(input) {
+ var date = new DateObject(input);
+ date.convert(persian);
+ const changed = {
+ year: parseInt(date.year),
+ month: parseInt(date.month),
+ day: parseInt(date.day),
+ };
+ return changed;
+}
+function formatDate(date) {
+ const year = date.getFullYear();
+ const month = String(date.getMonth() + 1).padStart(2, "0");
+ const day = String(date.getDate()).padStart(2, "0");
+ return `${year}-${month}-${day}`;
+}
+
+// Helper function to add days to a date
+function addDays(date, days) {
+ const result = new Date(date);
+ result.setDate(result.getDate() + days);
+ return result;
+}
+
+const ReservationPage = () => {
+ const navigate = useNavigate();
+ const location = useLocation();
+ const initialState = location.state || {};
+ const [res_type, setres_type] = useState("حضوری");
+ const [doctor_id, setCode] = useState(initialState);
+ const [responseData, setResponseData] = useState([]);
+ const [FreeTiems, setFreeTimes] = useState([]);
+ const [selectVal, setSelectVal] = useState(-1);
+ const [selectedDay, setSelectedDay] = useState(
+ ChangeDate(utils().getToday())
+ );
+ const [LeftTimes, setTime] = useState([
+ "9:00:00",
+ "10:00:00",
+ "11:00:00",
+ "14:00:00",
+ "15:00:00",
+ "16:00:00",
+ "17:00:00",
+ "18:00:00",
+ "19:00:00",
+ ]);
+ const today = ChangeDate(utils().getToday());
+ const [selected, setSelect] = useState(-1);
+ const [showModal, setShowModal] = useState(false);
+ const [hasMedicalInfo, setHasMedicalInfo] = useState(null);
+
+ // Function to toggle the modal state
+ const toggleModal = () => {
+ setShowModal(!showModal);
+ };
+
+ async function CheckMedicalInfo() {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios.get(
+ "http://eniacgroup.ir:8070/TherapyTests/record_check/",
+ {
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ }
+ );
+ Iif (response.status === 200) {
+ setHasMedicalInfo(response.data.message);
+ }
+ } catch (error) {
+ console.log("something went wrong: ", error);
+ toast.error("!متاسفانه مشلکلی پیش آمده، رفرش نمایید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ }
+
+ const Setdatetime = (date_) => {
+ var temp = [];
+ for (let i = 0; i < FreeTiems.length; i++)
+ Iif (FreeTiems[i].date == DateString(date_))
+ temp.push(FreeTiems[i].time);
+ for (let i = 0; i < responseData.length; i++) {
+ Iif (responseData[i].date == DateString(selectedDay)) {
+ var ind = temp.indexOf(responseData[i].time);
+ Iif (ind > -1) {
+ temp.splice(ind, 1);
+ }
+ }
+ }
+ setTime(temp);
+ };
+
+
+ const handleCalender = (e) =>{
+ setSelectedDay(e);
+ setSelect(-1);
+ Setdatetime(e);
+ }
+
+ async function getFreeTime() {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios(
+ `http://eniacgroup.ir:8070/reserve/get-free-time/${doctor_id}/`,
+ {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ }
+ );
+
+ Iif (response.status === 200 || response.status === 201) {
+ setFreeTimes(response.data["Free Time List"]);
+ }
+ } catch (error) {
+ console.log(error);
+ toast.error("!متاسفانه مشلکلی پیش آمده، رفرش نمایید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ }
+
+ async function getReservation() {
+ try {
+ const startDate = formatDate(new Date());
+ const endDate = formatDate(addDays(new Date(), 30));
+ const token = localStorage.getItem("accessToken");
+ const response = await axios(
+ "http://eniacgroup.ir:8070/reserve/between_dates/",
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ data: {
+ start_date: startDate,
+ end_date: endDate,
+ doctor_id: doctor_id,
+ },
+ }
+ );
+ CheckMedicalInfo();
+ Iif (response.status === 200 || response.status === 201) {
+ setResponseData(response.data);
+ }
+ } catch (error) {
+ console.log(error);
+ toast.error("!متاسفانه مشلکلی پیش آمده، رفرش نمایید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ }
+
+ const [doctorProfile, setDoctorProfile] = useState([]);
+ useEffect(() => {
+ // تابع برای دریافت اطلاعات پروفایل دکتراز بکاند
+ const fetchDoctorProfile = async () => {
+ const token = localStorage.getItem("accessToken");
+ try {
+ const response = await axios.get(`http://eniacgroup.ir:8070/profile/doctors/${doctor_id}/`, {
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ });
+ setDoctorProfile(response.data);
+ } catch (error) {
+ console.error("Error fetching doctor profile:", error);
+ toast.error("!متاسفانه مشلکلی پیش آمده، رفرش نمایید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ };
+
+ fetchDoctorProfile();
+ }, []);
+
+ async function CreateReservation() {
+ try {
+ const ReservationDate = DateString(selectedDay); // Format today's date as "yyyy-mm-dd" string
+ const token = localStorage.getItem("accessToken");
+ const response = await axios("http://eniacgroup.ir:8070/reserve/create/", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ data: {
+ type: res_type,
+ date: ReservationDate,
+ time: LeftTimes[selected],
+ doctor_id: doctor_id,
+ },
+ });
+
+ Iif (response.status === 200 || response.status === 201) {
+ toast.success("رزرو وقت شما با موفقیت انجام شد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ getFreeTime();
+ getReservation();
+ Setdatetime(selectedDay);
+ CheckMedicalInfo();
+ }
+ } catch (error) {
+ if (
+ error.response.data.hasOwnProperty("message") &&
+ error.response.data.message ===
+ "you can not reservere 2 times under 8 days drift"
+ ) {
+ toast.error("!حداقل فاصله رزرو ها 8 روز می باشد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ } else {
+ toast.error("رزرو موفقیت آمیز نبود، رفرش کنید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ }
+ }
+
+ useEffect(() => {
+ getFreeTime();
+ getReservation();
+ Setdatetime(selectedDay);
+ }, []);
+
+ const [position, setPosition] = useState("right");
+ useEffect(() => {
+ const handleResize = () => {
+ setPosition(window.innerWidth < 606 ? "bottom" : "right");
+ };
+ window.addEventListener("resize", handleResize);
+ handleResize();
+ return () => window.removeEventListener("resize", handleResize);
+ }, []);
+
+
+ function MyPlugin() {
+ return (
+ <div
+ className="row reserve_plugin"
+ >
+ <h6 className="reserve_hour_title">ساعت های قابل رزرو</h6>
+ <div className="reserve_hour_items row g-3 ">
+ {LeftTimes.length == 0 && (
+ <div className="Reservation_error_input">
+ زمانی جهت مشاوره یافت نشد!
+ </div>
+ )}
+ {LeftTimes.map((time, index, key) => (
+ <div
+ className="col-lg-5 col-xlg-5 col-md-5 col-sm-12"
+ align="center"
+ >
+ <HourCard
+ time={time}
+ index={index}
+ selected={selected}
+ onClick={() => {
+ setSelect((prev) => (prev == index ? -1 : index));
+ }}
+ />
+ </div>
+ ))}
+ </div>
+ </div>
+ );
+ }
+
+ return (
+ <>
+ <NavBar_SideBar />
+ <ToastContainer />
+ <div className="d-grid py-5 all-page" onLoad={getReservation}>
+ <div className="container reserve_Box" onLoad={getFreeTime}>
+ <div className="Myrow g-3 w-100" dir="rtl" style={{ justifyContent:'center' }}>
+ <div className="col col-md-12 col-lg-5 col-xsm-12 reserve_docProfile " >
+ <button
+ dir="ltr"
+ className="col w-100 button_back"
+ onClick={(e) => {
+ navigate("/Home");
+ }}
+ >
+ <p>صفحه اصلی</p>
+ <svg
+ xmlns="/Doctors"
+ className="h-6 w-6"
+ fill="none"
+ viewBox="0 0 23 22"
+ stroke="currentColor"
+ strokeWidth="4"
+ >
+ <path
+ strokeLinecap="round"
+ strokeLinejoin="round"
+ d="M14 5l7 7m0 0l-7 7m7-7H3"
+ ></path>
+ </svg>
+ </button>
+ <a href="#">
+ <img
+ src={doctorProfile.image}
+ className="img-fluid w-100 rounded-circle"
+ alt="image"
+ />
+ </a>
+ <h2 className="font-custom">{doctorProfile.name}</h2>
+ <div
+ className="row fs-5"
+ dir="rtl"
+ align="center"
+ style={selected == -1 ? { display: "none" } : { display: "flex" }}
+ >
+ <div className="col-12">
+ <span className="col-4 ms-1">
+ <BsCalendarDate />
+ </span>
+ <span className="col-4 ms-4 font-custom"> تاریخ:</span>
+ <span className="col-4 ">
+ {[
+ toPersianDigits(`${selectedDay.year}`),
+ toPersianDigits(`${selectedDay.month}`),
+ toPersianDigits(`${selectedDay.day}`),
+ ].join("/")}
+ </span>
+ </div>
+ <div className="col-12">
+ <span className="col-4 ms-1">
+ <IoMdTime />
+ </span>
+ <span className="col-4 ms-4"> ساعت:</span>
+ <span className="col-4 ">
+ {toPersianDigits(`${LeftTimes[selected]}`)}
+ </span>
+ </div>
+ <div className="reverse_choices_box">
+ <ul className="reserve_choices">
+ <label className="reserve_choices_op">
+ <input
+ type="radio"
+ name="q1"
+ value="حضوری"
+ checked={res_type == "حضوری"}
+ onClick={(e) => setres_type("حضوری")}
+ />
+ <span>حضوری</span>
+ </label>
+ <label className="reserve_choices_op">
+ <input
+ type="radio"
+ name="q1"
+ value="مجازی"
+ checked={res_type == "مجازی"}
+ onClick={(e) => setres_type("مجازی")}
+ />
+ <span>مجازی</span>
+ </label>
+ </ul>
+ <button
+ className="button_74"
+ onClick={(e) => {
+ console.log(hasMedicalInfo);
+ setSelectVal(selected);
+ setSelect(-1);
+ if (hasMedicalInfo) {
+ CreateReservation(e);
+ } else {
+ Swal.fire({
+ icon: "info",
+ title: "!توجه ",
+ html: "برای ادامۀ فرایند رزرو باید اطلاعات پزشکی خود را کامل کنید",
+ background: "#075662",
+ color: "#FFFF",
+ width: "26rem",
+ height: "18rem",
+ showCancelButton: true,
+ cancelButtonText: "انصراف",
+ confirmButtonText: "تکمیل اطلاعات",
+ confirmButtonColor: "#0a8ca0",
+ cancelButtonColor: "#0a8ca0",
+ }).then((result) => {
+ if (result.isConfirmed) {
+ toggleModal();
+ } else {
+ }
+ });
+ }
+ }}
+ style={{backgroundColor:'green', marginBottom: '10px' }}
+ >
+ ثبت
+ </button>
+ </div>
+ </div>
+ </div>
+ <div className="col-8 col-md-12 col-lg-5 col-sm-12" align="center">
+ <Calendar
+ calendar={persian}
+ locale={persian_fa}
+ value={selectedDay}
+ onChange={(e) => {
+ handleCalender(e);
+
+ }}
+ minDate={new DateObject()}
+ maxDate={new DateObject().add(1, "month")}
+ style={{
+ fontSize: "60px",
+ hieght: "500px",
+ borderTopRightRadius: "50px",
+ }}
+ className="custom_calendar teal"
+ plugins={[<MyPlugin position={position} />]}
+ />
+ <MedicalInfoModal
+ getReserve={getReservation}
+ selectIndex={selectVal}
+ doctorId={doctor_id}
+ resType={res_type}
+ left_times={LeftTimes}
+ daySelected={selectedDay}
+ showModal={showModal}
+ toggleModal={toggleModal}
+ />
+ </div>
+ </div>
+ </div>
+ </div>
+ <Footer />
+ </>
+ );
+};
+
+export default ReservationPage;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| HourCard.jsx | +
+
+ |
+ 80% | +4/5 | +60% | +3/5 | +50% | +1/2 | +80% | +4/5 | +
| Reservation.jsx | +
+
+ |
+ 5.1% | +7/137 | +7.89% | +3/38 | +3.12% | +1/32 | +5.42% | +7/129 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 | 32x + + + +12x +12x + +12x +2x +2x + + + + + +12x + + + + + + +12x +8x +8x +4x + + + +12x + + + + + + + + +4x + +4x + | import React, { useState, useEffect } from "react";
+import { FaArrowUp } from "react-icons/fa";
+import "./ScrollToTopButton.css";
+
+const ScrollToTopButton = () => {
+ const [isVisible, setIsVisible] = useState(false);
+
+ const toggleVisibility = () => {
+ if (window.pageYOffset > 300) {
+ setIsVisible(true);
+ } else E{
+ setIsVisible(false);
+ }
+ };
+
+ const scrollToTop = () => {
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth",
+ });
+ };
+
+ useEffect(() => {
+ window.addEventListener("scroll", toggleVisibility);
+ return () => {
+ window.removeEventListener("scroll", toggleVisibility);
+ };
+ }, []);
+
+ return (
+ <div className="scroll-to-top">
+ {isVisible && (
+ <button onClick={scrollToTop} className="scroll-button">
+ <FaArrowUp />
+ </button>
+ )}
+ </div>
+ );
+};
+
+export default ScrollToTopButton;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| ScrollToTopButton.jsx | +
+
+ |
+ 89.47% | +17/19 | +77.77% | +7/9 | +83.33% | +5/6 | +87.5% | +14/16 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 | 256x + + + + + + + + +32x +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React, { useState, useEffect } from "react";
+import axios from "axios";
+import "./DoctorPage.css";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar";
+import Footer from "../Footer/Footer";
+import DoctorProfile from "../DoctorsList/DoctorProfile";
+import { useLocation } from "react-router-dom";
+import ReservationTable from "./ReservationTable.jsx";
+
+const DoctorPage = () => {
+ const location = useLocation();
+ const doctorId = location.state;
+
+ const [doctorProfile, setDoctorProfile] = useState([]);
+ const [username, setName] = useState([]);
+ async function GetUserInfo() {
+ const accessToken = localStorage.getItem("accessToken");
+ try {
+ const response = await axios(
+ "http://46.249.100.141:8070/accounts/get_user/",
+ {
+ method: "GET",
+ headers: {
+ Authorization: `Bearer ${accessToken}`, // Bearer <access token >
+ "Content-Type": "application/json",
+ },
+ }
+ );
+ Iif (response.status == 200) {
+ const data = response.data.user;
+ setName(data.firstname + " " + data.lastname);
+ }
+ } catch (error) { }
+ }
+
+ useEffect(() => {
+ const fetchDoctorProfile = async () => {
+ GetUserInfo();
+ try {
+ const response1 = await axios.get(
+ `http://eniacgroup.ir:8070/profile/doctors/`
+ );
+ Iif (response1.status == 200 || response1.status == 201) {
+ for (let i = 0; i < response1.data.length; i++) {
+ Iif (response1.data[i].name == username) {
+ setDoctorProfile(response1.data[i]);
+ }
+ }
+ }
+ } catch (error) {
+ console.error("Error fetching doctor profile:", error);
+ }
+ };
+ fetchDoctorProfile();
+ });
+
+ const [Reservations, setReservations] = useState([]);
+ useEffect(() => {
+ const fetchReservations = async () => {
+ const token = localStorage.getItem("accessToken");
+ try {
+ const response1 = await axios(
+ "http://eniacgroup.ir:8070/DoctorPanel/NextWeekReservations/",
+ {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ }
+ );
+ console.log(response1);
+ setReservations(response1.data.reservations_next_seven_days);
+ console.log(Reservations);
+ } catch (error) {
+ console.error("Error fetching reservations:", error);
+ }
+ };
+ fetchReservations();
+ }, [doctorId]);
+
+ return (
+ <>
+ <NavBar_SideBar />
+ <br />
+ <div className="all">
+
+ <div className="">
+ <div
+ className="rounded team-item"
+ style={{
+ fontFamily: "Ios15Medium",
+ width: "298.668px",
+ float: "right",
+ }}
+ >
+ <link
+ rel="stylesheet"
+ href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"
+ />
+ <div className="team-content">
+ <div className="team-img-icon">
+ <div className="team-img rounded-circle">
+ <img
+ src={doctorProfile?.image}
+ className="img-fluid w-100 rounded-circle"
+ alt={`${doctorProfile?.name}'s Image`}
+ />
+ </div>
+ <div className="team-name text-center py-3">
+ <h4
+ className=""
+ style={{ color: "gray", fontFamily: "Ios15Medium" }}
+ >
+ {doctorProfile?.name}
+ </h4>
+ <p
+ className="m-0"
+ style={{ fontFamily: "Ios15Medium", color: "gray" }}
+ >
+ {doctorProfile?.profile_type}
+ </p>
+ <p
+ className="m-0"
+ style={{ fontFamily: "Ios15Medium", color: "gray" }}
+ >
+ {doctorProfile?.description}
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div className="containerTable">
+ <h1
+ style={{
+ fontFamily: "Ios15Medium",
+ textAlign: "right",
+ color: "gray",
+ fontSize: "30px",
+ }}
+ >
+ نوبت های رزرو شده
+ </h1>
+ <ul className="responsive-table">
+ <li className="table-header">
+ <div className="col col-1" style={{ fontFamily: "Ios15Medium" }}>
+ پرونده پزشکی بیمار
+ </div>
+ <div className="col col-1" style={{ fontFamily: "Ios15Medium" }}>
+ لینک جلسه مجازی
+ </div>
+ <div className="col col-1" style={{ fontFamily: "Ios15Medium" }}>
+ نوع مراجعه
+ </div>
+ <div className="col col-1" style={{ fontFamily: "Ios15Medium" }}>
+ ساعت
+ </div>
+ <div className="col col-1" style={{ fontFamily: "Ios15Medium" }}>
+ تاریخ
+ </div>
+ <div className="col col-1" style={{ fontFamily: "Ios15Medium" }}>
+ نام بیمار
+ </div>
+ </li>
+
+ {Reservations.map((index) => (
+ <ReservationTable
+ PatiantId={index?.pationt}
+ PatiantName={index?.patient_full_name}
+ Day={index?.day}
+ Date={index?.date}
+ time={index?.time}
+ type={index?.type}
+ MeetingLink={index?.MeetingLink}
+ />
+ ))}
+ </ul>
+ </div>
+
+ </div>
+
+ <Footer />
+ </>
+ );
+};
+
+export default DoctorPage;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 | 288x + + + + + + +32x + +32x + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x | import React from 'react';
+import "./DoctorPage.css"
+import axios from "axios";
+import { useState, useEffect } from 'react';
+import { useNavigate } from "react-router-dom";
+
+
+const ReservationTable = ({ PatiantId, PatiantName, Day, Date, time, type, MeetingLink }) => {
+ console.log(PatiantName);
+ const navigate = useNavigate();
+ const handleClickToPatiantPanel = () => {
+ console.log(PatiantId);
+ navigate("/Patient_Panel", { state: PatiantId });
+ };
+ return (
+ <div>
+ <li className="table-row">
+ <div className="col col-2" style={{ fontFamily: "Ios15Medium" }} data-label="پرونده پزشکی بیمار">
+ <button className="button-24" role="button" style={{ fontFamily: "Ios15Medium" }} onClick={handleClickToPatiantPanel} >پرونده</button>
+ </div>
+ <div className="col col-2" style={{ fontFamily: "Ios15Medium" }} data-label="لینک جلسه مجازی">
+ {MeetingLink && type == "مجازی" ? (
+ <button className="button-24" role="button" style={{ fontFamily: "Ios15Medium" }} onClick={() => window.open(MeetingLink, "_blank")}>
+ لینک جلسه
+ </button>
+ ) : (<p></p>)
+ }
+ </div>
+ <div className="col col-2" style={{ fontFamily: "Ios15Medium" }} data-label="نوع مراجعه">{type}</div>
+ <div className="col col-2" style={{ fontFamily: "Ios15Medium" }} data-label="ساعت">{time}</div>
+ <div className="col col-2" style={{ fontFamily: "Ios15Medium" }} data-label="تاریخ">{Date}<br />{Day}</div>
+ <div className="col col-2" style={{ fontFamily: "Ios15Medium" }} data-label="نام بیمار">{PatiantName}</div>
+ </li>
+ </div>
+ )
+}
+
+export default ReservationTable |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| DoctorPage.jsx | +
+
+ |
+ 13.95% | +6/43 | +40% | +4/10 | +11.11% | +1/9 | +13.15% | +5/38 | +
| ReservationTable.jsx | +
+
+ |
+ 35.71% | +5/14 | +42.85% | +3/7 | +20% | +1/5 | +45.45% | +5/11 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 | 32x + + + + + + + + + + +4x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +4x + +4x | import React, { useState, useEffect } from "react";
+import { Modal, Spinner } from "react-bootstrap";
+import { IoIosClose } from "react-icons/io";
+import axios from "axios";
+import { ToastContainer, toast } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+import { useNavigate } from "react-router-dom";
+import "./SessionSummaryModal.css";
+import { TextField } from "@material-ui/core";
+
+
+const SessionSummaryModal = ({ PatiantId }) => {
+
+ const [showModal, setShowModal] = useState(false);
+ const [sessionSummary, setSessionSummary] = useState("");
+ const [showSummary, setShowSummary] = useState(false);
+
+
+ // useEffect(() => {
+ // if (show) {
+ // fetchSessionSummary(PatiantId);
+ // }
+ // }, [show, PatiantId]);
+
+ // const fetchSessionSummary = async (id) => {
+ // try {
+ // const token = localStorage.getItem("accessToken");
+ // const response = await axios.get(`http://eniacgroup.ir:8070/sessionSummary/${PatiantId}`, {
+ // headers: {
+ // Authorization: `Bearer ${token}`,
+ // },
+ // });
+ // setSessionSummary(response.data.summary || "خلاصهای موجود نیست.");
+ // } catch (error) {
+ // console.error(error);
+ // toast.error("خطا در دریافت خلاصه جلسه");
+ // }
+ // };
+
+ // const saveSessionSummary = async () => {
+ // try {
+ // setLoading(true);
+ // const response = await fetch(`/api/session-summary/${PatiantId}`, {
+ // method: "POST",
+ // headers: {
+ // "Content-Type": "application/json",
+ // },
+ // body: JSON.stringify({ summary }),
+ // });
+ // if (!response.ok) throw new Error("Failed to save session summary.");
+ // alert("Summary saved successfully!");
+ // } catch (err) {
+ // setError(err.message);
+ // }
+ // };
+ console.log(showModal);
+
+ const handleInputChange = (event) => {
+ setSessionSummary(event.target.value);
+ };
+
+ const handleSaveSummary = () => {
+ // اینجا میتوانید متن خلاصه را ذخیره کنید یا هر کاری که میخواهید انجام دهید
+ // مثلا ارسال به API یا ذخیره محلی
+ console.log("خلاصه ذخیره شد:", sessionSummary);
+ setShowSummary(true);
+ toast.success("خلاصه جلسه با موفقیت ثبت شد!", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ };
+
+ return (
+ <>
+ <div style={{ fontFamily: "Ios15Medium" }}
+ onClick={() => setShowModal(true)}>
+ <button
+ className="button-24"
+ role="button"
+ style={{ fontFamily: "Ios15Medium" }}
+ >
+ خلاصه
+ </button>
+ </div>
+
+ <Modal
+ show={showModal}
+ onHide={() => {
+ setShowModal(false);
+ }}
+ className="rating-bd_modal modal rating-wrapper_modal"
+ centered
+ dialogClassName="scrollable-modal"
+ >
+ <ToastContainer />
+ <div
+ className="rating_close_button"
+ onClick={() => {
+ setShowModal(false);
+ }}
+ >
+ <IoIosClose className="rating_close_button_icon" />
+ </div>
+ <Modal.Header className="header-ssm">
+ <Modal.Title className="text-header">خلاصه جلسه</Modal.Title>
+ </Modal.Header>
+ <Modal.Body>
+ {/* <p style={{ fontFamily: "Ios15Medium", textAlign: "justify" }}>
+ امروز درباره خاطرات ناراحت کننده بچگیش صحبت کردیم
+ </p> */}
+ {showSummary &&
+ <p style={{ fontFamily: "Ios15Medium", textAlign: "center", color:"#829089" }}>
+ {sessionSummary || "خلاصهای ثبت نشده است."}
+ </p>
+ }
+
+ <TextField
+ fullWidth
+ multiline
+ autoComplete="off"
+ variant="outlined"
+ onChange={handleInputChange}
+ dir="rtl"
+ InputLabelProps={{
+ dir: "rtl",
+ }}
+ placeholder="خلاصه ای از جلسه..."
+ value={sessionSummary}
+ className="textbox-other"
+ style={{ marginBottom: "10px" }}
+ />
+ <div style={{ fontFamily: "Ios15Medium", textAlign:'center' }}
+ onClick={handleSaveSummary}>
+ <button
+ className="button-24"
+ role="button"
+ style={{ fontFamily: "Ios15Medium" }}
+ >
+ ثبت
+ </button>
+ </div>
+ </Modal.Body>
+ </Modal>
+ </>
+ )
+}
+
+export default SessionSummaryModal |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| SessionSummaryModal.jsx | +
+
+ |
+ 28.57% | +6/21 | +44.44% | +4/9 | +14.28% | +1/7 | +22.22% | +4/18 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 | 256x + + + + + + + + + + + + + + + + + + + + + + + +64x +64x +64x +64x +64x +64x +64x +64x +64x + + + +64x +63x + +59x +59x +59x +59x + + + + +64x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +64x + +9x +9x + + +62x +62x +36x + + + + + +64x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x | import React, { useState, useEffect, useRef } from "react";
+import { useNavigate } from "react-router-dom";
+import { useHref } from "react";
+import { FaUserDoctor } from "react-icons/fa6";
+import { GrContactInfo } from "react-icons/gr";
+import { PiNotepadLight } from "react-icons/pi";
+import { FaBars, FaBell, FaUserCircle } from "react-icons/fa";
+import { MdOutlineMoreTime } from "react-icons/md";
+import { FaStar } from "react-icons/fa";
+import { ImProfile } from "react-icons/im";
+import { IoIosAlarm, IoIosAlbums, IoIosStar } from "react-icons/io";
+import styles from "./NavBar.module.css";
+import axios from "axios";
+import Swal from "sweetalert2";
+import withReactContent from "sweetalert2-react-content";
+
+import {
+ FaCog,
+ FaHome,
+ FaServicestack,
+ FaRegStickyNote,
+ FaRegFileAlt,
+} from "react-icons/fa";
+import styles1 from "./Sidebar.module.css";
+const NavBar_SideBar = () => {
+ var role = localStorage.getItem("role");
+ var log = localStorage.getItem("IN");
+ const navigate = useNavigate();
+ const [inside, setIN] = useState(false);
+ const [isSidebarOpen, setIsSidebarOpen] = useState(false);
+ const sidebarRef = useRef(null);
+ const [MenueToggle, setMenueToggle] = useState(false);
+ const handsidebarToggle = () => {
+ setsideBarToggle(!sideBarToggle);
+ };
+
+ useEffect(() => {
+ setTimeout(() => {
+ {
+ role = localStorage.getItem("role");
+ log = localStorage.getItem("LogIn");
+ Iif (log == "true") setIN(true);
+ else setIN(false);
+ }
+ }, 90);
+ });
+
+ const getlog = () => {
+ log = localStorage.getItem("IN");
+ if (log == "true") setIN(true);
+ else setIN(false);
+ };
+
+ async function LogOut(event) {
+ event.preventDefault();
+ const accessToken = localStorage.getItem("accessToken");
+ try {
+ const response = await axios("http://46.249.100.141:8070/accounts/Logout/", {
+ method: "GET",
+ headers: {
+ Authorization: `Bearer ${accessToken}`,
+ "Content-Type": "application/json",
+ },
+ });
+ Iif (response.status === 200) {
+ localStorage.setItem("LogIn", false);
+ localStorage.setItem("role", "-");
+ setIN(false);
+ localStorage.removeItem("accessToken");
+ console.log(response);
+ const data = response.data;
+ console.log(data);
+ withReactContent(Swal).fire({
+ icon: "success",
+ title: "!خروج از حساب با موفقیت رخ داد",
+ background: "#075662",
+ color: "#fff",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonText: "تایید",
+ confirmButtonColor: "#0a8ca0",
+ });
+ }
+ } catch (error) {
+ console.log(error);
+ Iif (error.response.status === 403) {
+ withReactContent(Swal).fire({
+ icon: "error",
+ title: "!",
+ background: "#075662",
+ color: "#fff",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonText: "تایید",
+ });
+ }
+ }
+ }
+
+ useEffect(() => {
+ function handleClickOutside(event) {
+ if (sidebarRef.current && !sidebarRef.current.contains(event.target)) {
+ setIsSidebarOpen(false);
+ }
+ }
+ document.addEventListener("mousedown", handleClickOutside);
+ return () => {
+ document.removeEventListener("mousedown", handleClickOutside);
+ };
+ }, []);
+
+
+
+ return (
+ <>
+ <div
+ className={styles.navbar}
+ style={isSidebarOpen ? { marginRight: "16rem" } : {}}
+ onLoad={(e) => getlog()}
+ >
+ <div className={styles.navcontainer}>
+ <div style={{ position: "relative" }}>
+ <div className={styles.profile_btn}>
+ <FaUserCircle
+ className={styles.userProfile_icon}
+ style={{ cursor:"pointer" }}
+ // style={{ width: "26px", height: "26px" }}
+ onClick={(e) => setMenueToggle(~MenueToggle)}
+ />
+ <div
+ className={styles.profile_menu}
+ style={MenueToggle ? {} : { display: "none" }}
+ >
+ <ul className={styles.prof_list}>
+ <li>
+ <label onClick={(e) => navigate("/User_Panel")}>
+ پروفایل
+ </label>
+ </li>
+ {inside == true ? (
+ <li>
+ <label
+ onClick={(e) => {
+ LogOut(e);
+ navigate("/Signup");
+ }}
+ >
+ خروج از حساب کاربری
+ </label>
+ </li>
+ ) : (
+ <li>
+ <label onClick={(e) => navigate("/signup")}>
+ ورود به حساب کاربری
+ </label>
+ </li>
+ )}
+ </ul>
+ </div>
+ </div>
+ </div>
+ {/* <a className={styles.con} onClick={(e) => navigate("/Doctors")}>
+ <FaUserDoctor className={styles.FB} />
+ </a> */}
+ <a className={styles.con} href="/Doctors">
+ <FaUserDoctor className={styles.FB} />
+ </a>
+ {role == "doctor" ? (
+ <a className={styles.con} onClick={(e) => navigate("/DoctorPage")}>
+ <ImProfile className={styles.FB} />
+ </a>
+ ) : (
+ <></>
+ )}
+ </div>
+ <div className={styles.p1} onClick={(e) => navigate("/Home")}>
+ <label className={styles.sitetitle}>اینیاک</label>
+ </div>
+ <div className={styles.p1}>
+ <div style={{ width: "90px" }}></div>
+ <FaBars className={styles.fBar}
+ onClick={() => setIsSidebarOpen(!isSidebarOpen)}
+ />
+ </div>
+ </div>
+ <div
+ className={styles.UnderNavbar}
+ style={isSidebarOpen ? { display: "block" } : { display: "none" }}
+ />
+ {/* ----------------------------------------------------------------- */}
+ <div
+ style={isSidebarOpen ? { display: "block" } : { display: "none" }}
+ ref={sidebarRef}
+ >
+ <div className={styles1.side_body}>
+ <div className={styles1.side_p1}>
+ <h1 className={styles1.side_title}>داشبورد</h1>
+ </div>
+ <hr style={{ borderBlockColor: "white" }}></hr>
+ <ul className={styles1.side_list}>
+ <li
+ className={styles1.side_list_element}
+ onClick={(e) => {
+ navigate("/Home");
+ }}
+ >
+ <label href="" className={styles1.side_list_element_text}>
+ <FaHome className={styles1.side_icons} /> خانه
+ </label>
+ </li>
+ {inside ? (
+ <li
+ className={styles1.side_list_element}
+ onClick={(e) => {
+ navigate("/User_panel");
+ }}
+ >
+ <label href="" className={styles1.side_list_element_text}>
+ <FaUserCircle className={styles1.side_icons} /> پروفایل
+ </label>
+ </li>
+ ) : (
+ <></>
+ )}
+
+ {/* <li
+ className={styles1.side_list_element}
+ onClick={(e) => {
+ handsidebarToggle();
+ navigate("/Landing");
+ }}
+ >
+ <label href="" className={styles1.side_list_element_text}>
+ <FaServicestack className={styles1.side_icons} /> خدمات
+ </label>
+ </li> */}
+ <li
+ className={styles1.side_list_element}
+ onClick={(e) => {
+ navigate("/Aboutus");
+ }}
+ >
+ <label href="" className={styles1.side_list_element_text}>
+ <FaRegStickyNote className={styles1.side_icons} /> معرفی
+ </label>
+ </li>
+ {role == "doctor" ? (
+ <>
+ <li
+ className={styles1.side_list_element}
+ onClick={(e) => {
+ navigate("/PatientsList");
+ }}
+ >
+ <label href="" className={styles1.side_list_element_text}>
+ <IoIosAlbums className={styles1.side_icons} />
+ پرونده مراجعین{" "}
+ </label>
+ </li>
+ <li
+ className={styles1.side_list_element}
+ onClick={(e) => {
+ navigate("/DoctorPage");
+ }}
+ >
+ <label href="" className={styles1.side_list_element_text}>
+ <IoIosAlarm className={styles1.side_icons} /> رزرو های من{" "}
+ </label>
+ </li>
+ <li
+ className={styles1.side_list_element}
+ onClick={(e) => {
+ navigate("/DoctorFreeTime");
+ }}
+ >
+ <label href="" className={styles1.side_list_element_text}>
+ <MdOutlineMoreTime className={styles1.side_icons} />
+ انتخاب ساعات کاری{" "}
+ </label>
+ </li>
+ <li
+ className={styles1.side_list_element}
+ onClick={(e) => {
+ navigate("/DoctorRatings");
+ }}
+ >
+ <label href="" className={styles1.side_list_element_text}>
+ <FaStar className={styles1.side_icons} />
+ مشاهده نظرات{" "}
+ </label>
+ </li>
+ </>
+ ) : role == "user" || role == "pending" ? (
+ <>
+ <li
+ className={styles1.side_list_element}
+ onClick={(e) => {
+ navigate("/TestResult");
+ }}
+ >
+ <label href="" className={styles1.side_list_element_text}>
+ <PiNotepadLight className={styles1.side_icons} />
+ نتایج تست ها{" "}
+ </label>
+ </li>
+ </>
+ ) : (
+ <></>
+ )}
+ {role == "admin" ? (
+ <>
+ <li
+ className={styles1.side_list_element}
+ onClick={(e) => {
+ navigate("/TestResult");
+ }}
+ >
+ <label href="" className={styles1.side_list_element_text}>
+ <PiNotepadLight className={styles1.side_icons} />
+ نتایج تست ها{" "}
+ </label>
+ </li>
+ <li
+ className={styles1.side_list_element}
+ onClick={(e) => {
+ navigate("/User_Management");
+ }}
+ >
+ <label href="" className={styles1.side_list_element_text}>
+ <FaStar className={styles1.side_icons} />
+ مدیریت کاربران{" "}
+ </label>
+ </li>
+ </>
+ ) : (
+ <></>
+ )}
+ </ul>
+ </div>
+ </div>
+ </>
+ );
+};
+
+export default NavBar_SideBar; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| NavBar_SideBar.jsx | +
+
+ |
+ 42.25% | +30/71 | +55.55% | +20/36 | +27.58% | +8/29 | +40% | +26/65 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 | 288x + + + + + + + + + + + + + + + + + + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React from "react";
+import { useState, useEffect } from "react";
+import styles from "./Slider.module.css";
+// import img1 from "../../assets/image1.jpg";
+// import img2 from "../../assets/image2.jpg";
+// import img3 from "../../assets/image3.jpg";
+// import img4 from "../../assets/image4.jpg";
+import img1 from "./carousel-1.jpg";
+import img2 from "./carousel-2.jpg";
+import img3 from "./img1.jpg";
+import img4 from "./img2.jpg";
+import img5 from "./img3.jpg";
+import img6 from "./img4.jpg";
+import img7 from "./img5.jpg";
+
+
+
+import { MdEmail } from "react-icons/md";
+
+const Slider = () => {
+ const slides = [
+ { name: img3 },
+ { name: img4 },
+ { name: img5 },
+ ];
+
+ const [currentIndex, setCurrentUser] = useState(0);
+ useEffect(() => {
+ setTimeout(() => {
+ setCurrentUser(currentIndex == 2? 0 : currentIndex + 1);
+ }, 8000);
+ });
+ return (
+ <>
+ <div>
+ <div
+ style={{
+ background: `url(${slides[currentIndex].name}) no-repeat center`,
+ height: "1000px",
+ width: "100%",
+ }}
+ >
+ <div
+ // style={
+ // currentIndex == 0 ? { display: "grid" } : { display: "none" }
+ // }
+ >
+ <div className={styles.img1_title}>
+ کلینیک روانشناسی اینیاک
+ </div>
+ </div>
+ {/* <div
+ style={
+ currentIndex == 1 ? { display: "grid" } : { display: "none" }
+ }
+ ></div>
+ <div
+ className={styles.img3_box}
+ style={
+ currentIndex == 2 ? { display: "grid" } : { display: "none" }
+ }
+ >
+ <h1 className={styles.img3_title}>اثرات سلامت روان</h1>
+ <p className={styles.img3_p}>
+ <br />
+ - پتانسیل کامل خود را درک کنند
+ <br />- با استرس های زندگی کنار بیایند
+ <br />- به صورت مولد کار کنند
+ <br />- کمک های معناداری به جوامع خود داشته باشند
+ </p>
+ </div>
+ <div
+ className={styles.img4_box}
+ style={currentIndex == 3 ? {} : { display: "none" }}
+ >
+ <div className={styles.img4_text1}>اضطراب</div>
+ <div className={styles.img4_text3}>زندگی زناشویی</div>
+ <div className={styles.img4_text2}>استرس</div>
+ <div className={styles.img4_text5}>اختلال یادگیری کودکان</div>
+ <div className={styles.img4_text4}>بیش فعالی</div>
+ </div> */}
+ </div>
+ </div>
+ </>
+ );
+};
+
+export default Slider;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Slider.jsx | +
+
+ |
+ 41.66% | +5/12 | +60% | +3/5 | +25% | +1/4 | +40% | +4/10 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 +398 +399 +400 +401 +402 +403 +404 +405 +406 +407 +408 +409 +410 +411 +412 +413 +414 +415 +416 +417 +418 +419 +420 +421 +422 +423 +424 +425 +426 +427 +428 +429 +430 +431 +432 +433 +434 +435 +436 +437 +438 +439 +440 +441 +442 +443 +444 +445 +446 +447 +448 +449 +450 +451 +452 +453 +454 +455 +456 +457 +458 +459 +460 +461 +462 +463 +464 +465 +466 +467 +468 +469 +470 +471 +472 +473 +474 +475 +476 +477 +478 +479 +480 +481 +482 +483 +484 +485 +486 +487 +488 +489 +490 +491 +492 +493 +494 +495 +496 +497 +498 +499 +500 +501 +502 +503 +504 +505 +506 +507 +508 +509 +510 +511 +512 +513 +514 +515 +516 +517 +518 +519 +520 +521 +522 +523 +524 +525 +526 +527 +528 +529 +530 +531 +532 +533 +534 +535 +536 +537 +538 +539 +540 +541 +542 +543 +544 +545 | 288x + + + + + + + + + + + + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React from "react";
+import { useState } from "react";
+import "./TestPage.css";
+import first_image from "./courses/course-1.jpg";
+import second_image from "./courses/course-2.jpg";
+import test_header from "./img/page-title.jpg";
+import third_image from "./courses/course-3.jpg";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar";
+import Footer from "../Footer/Footer";
+
+import plus_icon from "../../assets/plus.png";
+import minus_icon from "../../assets/minus.png";
+
+const CourseList = () => {
+ const [isExpandedone, setIsExpandedone] = useState(false);
+ const [isExpandedtwo, setIsExpandedtwo] = useState(false);
+ const [isExpandedthree, setIsExpandedthree] = useState(false);
+ const [isExpandedfour, setIsExpandedfour] = useState(false);
+
+ const toggleExpansionone = () => {
+ setIsExpandedone(!isExpandedone);
+ };
+ const toggleExpansiontwo = () => {
+ setIsExpandedtwo(!isExpandedtwo);
+ };
+ const toggleExpansionthree = () => {
+ setIsExpandedthree(!isExpandedthree);
+ };
+ const toggleExpansionfour = () => {
+ setIsExpandedfour(!isExpandedfour);
+ };
+
+ return (
+ <>
+ <NavBar_SideBar />
+ <div dir="rtl">
+ <section
+ className="Test_page-title-section Test_overlay"
+ data-background={third_image}
+ style={{ backgroundImage: `url(${test_header})` }}
+ >
+ <div className="container">
+ <div className="row">
+ <div className="col-md-8">
+ <ul className=" Test_custom-breadcrumb mb-2 Tul">
+ <li
+ className=" text-white h3 Test_nasted test_header"
+ style={{ fontSize: "40px" }}
+ >
+ انواع تستهای شخصیتشناسی معتبر
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </section>
+ <section className="Test_section">
+ <div className="container">
+ <div className="row">
+ <div className="col-12 text-center">
+ <h2 className="Test_section-title text-white htitles h2">
+ با تست روانشناسی و شخصیت شناسی تواناییهایتان را بشناسید.
+ </h2>
+ <h6
+ className="text-white Test_font-secondary Test_mb-50 htitles h6"
+ style={{ fontSize: "22px" }}
+ >
+ برای شرکت در تستها در اینیاک ثبت نام کنید.
+ </h6>
+ <a
+ href="/Signup"
+ className="Test_btn Test_btn-secondary Ta"
+ style={{ fontSize: "18px" }}
+ >
+ ثبت نام
+ </a>
+ </div>
+ </div>
+ </div>
+ </section>
+ <section
+ className="Test_section-sm"
+ style={{ backgroundColor: "rgb(220, 251, 236)" }}
+ >
+ <div className="container">
+ <div className="row">
+ <div className="col-12">
+ <div className="d-flex align-items-center Test_section-title justify-content-between">
+ <h2
+ id="testTitle"
+ className="Test_test_title_part1 mb-0 text-nowrap mr-3 htitles h2"
+ >
+ تست های فردی
+ </h2>
+ <div className="border-top w-100 Test_border-primary d-none d-sm-block"></div>
+ </div>
+ </div>
+ </div>
+
+ {/* course list */}
+ <div className="row justify-content-center">
+ {/* course item */}
+ <div className="col-lg-4 col-sm-6 mb-5" style={{ width: "50%" }}>
+ <div
+ className="card p-0 Test_border-primary rounded-0 Test_hover-shadow"
+ style={{
+ borderRadius: "15px",
+ boxShadow: "0 10px 20px rgba(0, 0, 0, 0.2)",
+ }}
+ >
+ <img
+ src={second_image}
+ className="Timg card-img-top rounded-0"
+ alt="course thumb"
+ />
+ <div className="card-body">
+ <ul className="list-inline mb-2 Tul">
+ <li className="list-inline-item test_raygan">
+ <i
+ className="ti-calendar mr-1 Test_text-color "
+ style={{ fontSize: "20px" }}
+ ></i>
+ #رایگان
+ </li>
+ <li className="list-inline-item"></li>
+ </ul>
+ <a
+ href="course-single.html"
+ className="test_title Ta text-center"
+ >
+ <h4
+ className="card-title htitles h4"
+ style={{ fontSize: "30px", color: "#568e75" }}
+ >
+ MBTI
+ </h4>
+ </a>
+ <p
+ className="card-text mb-4 paragraph"
+ style={{ fontSize: "20px" }}
+ >
+ {" "}
+ تست شخصیت شناسی MBTI با ارزیابی چهار مشخصه رفتاری ، افراد
+ را به شانزده تیپ شخصیتی تقسیم میکند.
+ </p>
+ <div
+ className="mt-auto text-center"
+ style={{ marginBottom: "4%" }}
+ >
+ {" "}
+ {/* Center align the button */}
+ <a
+ href="/MBTI"
+ className="Test_btn btn-primary btn-sm Ta"
+ >
+ شروع
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ {/* remaining course items */}
+ </div>
+ {/* course list */}
+ <div className="row justify-content-center">
+ {/* course item */}
+ <div className="col-lg-4 col-sm-6 mb-5" style={{ width: "50%" }}>
+ <div
+ className="card p-0 Test_border-primary rounded-0 Test_hover-shadow"
+ style={{
+ borderRadius: "15px",
+ boxShadow: "0 10px 20px rgba(0, 0, 0, 0.2)",
+ }}
+ >
+ <img
+ src={third_image}
+ className="Timg card-img-top rounded-0"
+ alt="course thumb"
+ />
+ <div className="card-body">
+ <ul className="list-inline mb-2 Tul">
+ <li className="list-inline-item test_raygan">
+ <i
+ className="ti-calendar mr-1 Test_text-color "
+ style={{ fontSize: "20px" }}
+ ></i>
+ #رایگان
+ </li>
+ <li className="list-inline-item"></li>
+ </ul>
+ <a
+ href="course-single.html"
+ className="test_title Ta text-center"
+ >
+ <h4
+ className="card-title htitles h4"
+ style={{ fontSize: "30px", color: "#568e75" }}
+ >
+ PHQ9
+ </h4>
+ </a>
+ <p
+ className="card-text mb-4 paragraph"
+ style={{ fontSize: "20px" }}
+ >
+ {" "}
+ تست PHQ-9 یک ابزار غربالگری استاندارد و معتبر برای ارزیابی
+ میزان افسردگی است. این پرسشنامه شامل ۹ سؤال است که بر اساس
+ معیارهای تشخیصی افسردگی در راهنمای DSM طراحی شدهاند
+ </p>
+ <div
+ className="mt-auto text-center"
+ style={{ marginBottom: "4%" }}
+ >
+ {" "}
+ {/* Center align the button */}
+ <a
+ href="/Phq9"
+ className="Test_btn btn-primary btn-sm Ta"
+ >
+ شروع
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ {/* remaining course items */}
+ </div>
+ {/* /course list */}
+ {/* mobile see all button */}
+ <div className="row">
+ <div className="col-12 ">
+ <a
+ href="courses.html"
+ className="Test_btn btn-sm btn-primary-outline d-sm-none d-inline-block Ta"
+ >
+ sell all
+ </a>
+ </div>
+ </div>
+ </div>
+ <div id="testTitle2" className="container">
+ <div className="row">
+ <div className="col-12">
+ <div className="d-flex align-items-center Test_section-title justify-content-between">
+ <h2 className="Test_test_title_part1 mb-0 text-nowrap mr-3 htitles h2">
+ تستهای پیش از ازدواج
+ </h2>
+ <div className="border-top w-100 Test_border-primary d-none d-sm-block"></div>
+ </div>
+ </div>
+ </div>
+
+ {/* course list */}
+ <div className="row justify-content-center">
+ {/* course item */}
+ <div className="col-lg-4 col-sm-6 mb-5" style={{ width: "50%" }}>
+ <div
+ className="card p-0 Test_border-primary rounded-0 Test_hover-shadow"
+ style={{
+ borderRadius: "15px",
+ boxShadow: "0 10px 20px rgba(0, 0, 0, 0.2)",
+ }}
+ >
+ <img
+ src={first_image}
+ className="Timg card-img-top rounded-0"
+ alt="course thumb"
+ />
+ <div className="card-body">
+ <ul className="list-inline mb-2 Tul">
+ <li className="list-inline-item test_raygan">
+ <i className="ti-calendar mr-1 text-color "></i>
+ #رایگان
+ </li>
+
+ <li className="list-inline-item"></li>
+ </ul>
+ <a
+ href="course-single.html"
+ className="test_title Ta text-center"
+ >
+ <h4
+ className="card-title Test_Card_title htitles h4"
+ style={{ fontSize: "30px", color: "#568e75" }}
+ >
+ Glasser
+ </h4>
+ </a>
+ <p
+ className="card-text mb-4 paragraph"
+ style={{ fontSize: "20px" }}
+ >
+ {" "}
+ تست شخصیت شناسی گلاسر ۵ نیاز اساسی شما را بررسی کرده و در
+ فرآیند شناخت پیش از ازدواج کمک میکند.
+ </p>
+ <div
+ className="mt-auto text-center"
+ style={{ marginBottom: "4%" }}
+ >
+ {" "}
+ {/* Center align the button */}
+ <a
+ href="/Glasser"
+ className="Test_btn btn-primary btn-sm Ta"
+ >
+ شروع
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ {/* remaining course items */}
+ </div>
+ {/* /course list */}
+ {/* mobile see all button */}
+ <div className="row">
+ <div className="col-12 text-center">
+ <a
+ href="courses.html"
+ className="Test_btn btn-sm btn-primary-outline d-sm-none d-inline-block Ta"
+ >
+ sell all
+ </a>
+ </div>
+ </div>
+ </div>
+ </section>
+ <div
+ className="testq_kb-layout"
+ style={{ marginTop: "5%", marginBottom: "5%" }}
+ >
+ <div className="script-only">
+ <section className="jobs-faq m-t-60">
+ <div className="jobs-faq-container">
+ <h2
+ className="faq-title htitles h2"
+ style={{
+ fontSize: "35px",
+ fontWeight: "bold",
+ marginBottom: "3%",
+ }}
+ >
+ سؤالات متداول دربارهی تست شخصیت شناسی
+ </h2>
+ <ul
+ className="question-list no-list-style p-0 m-t-60 Tul"
+ id="accordion"
+ >
+ <li className="question-item">
+ <div
+ style={{ backgroundColor: "rgb(220, 251, 236)" }}
+ className={`title-row accordion-toggle ${
+ isExpandedone ? "" : "collapsed"
+ }`}
+ onClick={toggleExpansionone}
+ >
+ <h3 className="question-title htitles h3">
+ <span
+ className={`plus-icon ${
+ isExpandedone ? "minus-icon" : ""
+ }`}
+ style={{
+ ...(isExpandedone
+ ? { backgroundImage: `url(${minus_icon})` }
+ : { backgroundImage: `url(${plus_icon})` }),
+ backgroundRepeat: "no-repeat",
+ paddingRight: "30px",
+ paddingBottom: "2px",
+ backgroundPosition: "right",
+ marginLeft: "1%",
+ }}
+ ></span>
+ <span
+ className="written_question"
+ style={{ fontSize: "22px" }}
+ >
+ تست روانشناسی چه نقشی در فرایند استخدام و ارزیابی شغلی
+ دارد؟
+ </span>
+ </h3>
+ </div>
+ {isExpandedone && (
+ <div className="panel-collapse">
+ <p
+ className="faq-answer paragraph"
+ style={{ fontSize: "18px" }}
+ >
+ استفاده از انواع تستهای خودشناسی و تست شخصیت به
+ مدیران استخدام برای شناسایی متناسبترین افراد برای
+ سازمانشان کمک میکند. این کار باعث میشود تا هنگام
+ استخدام افراد کلیدی، افراد مناسب بدون هیچ غافلگیری
+ انتخاب شوند.
+ </p>
+ </div>
+ )}
+ </li>
+
+ <li className="question-item">
+ <div
+ style={{ backgroundColor: "rgb(220, 251, 236)" }}
+ className={`title-row accordion-toggle ${
+ isExpandedtwo ? "" : "collapsed"
+ }`}
+ onClick={toggleExpansiontwo}
+ >
+ <h3 className="question-title htitles h3">
+ <span
+ style={{
+ ...(isExpandedtwo
+ ? { backgroundImage: `url(${minus_icon})` }
+ : { backgroundImage: `url(${plus_icon})` }),
+ backgroundRepeat: "no-repeat",
+ paddingRight: "30px",
+ paddingBottom: "2px",
+ backgroundPosition: "right",
+ marginLeft: "1%",
+ }}
+ ></span>
+ <span
+ className="written_question"
+ style={{ fontSize: "22px" }}
+ >
+ چطور تستهای اینیاک به خودشناسی در روانشناسی کمک
+ میکند؟
+ </span>
+ </h3>
+ </div>
+ {isExpandedtwo && (
+ <div className="panel-collapse">
+ <p
+ className="faq-answer paragraph"
+ style={{ fontSize: "18px" }}
+ >
+ انواع تست روانشناسی شخصت در اینیاک نگاه به خودشناسی از
+ بُعد روانشناسی تهیه شده است تا صفات، ویژگیها و
+ ساختاری شخصیتی را بااستفاده از یک سری الگوها، مورد
+ سنجش قرار دهند و به افراد برای کسب شناخت بهتر از خود
+ کمک کند.
+ </p>
+ </div>
+ )}
+ </li>
+ <li className="question-item">
+ <div
+ style={{ backgroundColor: "rgb(220, 251, 236)" }}
+ className={`title-row accordion-toggle ${
+ isExpandedthree ? "" : "collapsed"
+ }`}
+ onClick={toggleExpansionthree}
+ >
+ <h3 className="question-title htitles h3">
+ <span
+ style={{
+ ...(isExpandedthree
+ ? { backgroundImage: `url(${minus_icon})` }
+ : { backgroundImage: `url(${plus_icon})` }),
+ backgroundRepeat: "no-repeat",
+ paddingRight: "30px",
+ paddingBottom: "2px",
+ backgroundPosition: "right",
+ marginLeft: "1%",
+ }}
+ ></span>
+ <span
+ className="written_question"
+ style={{ fontSize: "22px" }}
+ >
+ چه تستهایی را میتوان بهعنوان تست شخصیت دانست؟
+ </span>
+ </h3>
+ </div>
+ {isExpandedthree && (
+ <div className="panel-collapse">
+ <p
+ className="faq-answer paragraph"
+ style={{ fontSize: "18px" }}
+ >
+ اینیاک با ارائه شناختهشدهترین و معتبرترین تستهای
+ دنیا در تلاش است تا به شما برای شناخت بهتر خودتان کمک
+ کند. از جمله این تستها میتوان از تست MBTIو تست شخصیت
+ شناسی گلاسر یاد کرد.
+ </p>
+ </div>
+ )}
+ </li>
+ <li className="question-item">
+ <div
+ style={{ backgroundColor: "rgb(220, 251, 236)" }}
+ className={`title-row accordion-toggle ${
+ isExpandedfour ? "" : "collapsed"
+ }`}
+ onClick={toggleExpansionfour}
+ >
+ <h3 className="question-title htitles h3">
+ <span
+ style={{
+ ...(isExpandedfour
+ ? { backgroundImage: `url(${minus_icon})` }
+ : { backgroundImage: `url(${plus_icon})` }),
+ backgroundRepeat: "no-repeat",
+ paddingRight: "30px",
+ paddingBottom: "2px",
+ backgroundPosition: "right",
+ marginLeft: "1%",
+ }}
+ ></span>
+ <span
+ className="written_question"
+ style={{ fontSize: "22px" }}
+ >
+ کدام تست شخصیت شناسی آنلاین را میتوان به صورت رایگان
+ انجام داد؟
+ </span>
+ </h3>
+ </div>
+ {isExpandedfour && (
+ <div className="panel-collapse">
+ <p
+ className="faq-answer paragraph"
+ style={{ fontSize: "18px" }}
+ >
+ دو تست شخصیت شناسی MBTI و تست گلاسر از تستهای رایگان
+ شخصیت شناسی به حساب میآیند.
+ </p>
+ </div>
+ )}
+ </li>
+ </ul>
+ </div>
+ </section>
+ </div>
+ </div>
+ </div>
+ <Footer />
+ </>
+ );
+};
+
+export default CourseList;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| TestPage.jsx | +
+
+ |
+ 26.31% | +5/19 | +10.34% | +3/29 | +16.66% | +1/6 | +23.52% | +4/17 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 | 256x + + + + +32x +45x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x | import React from "react";
+import { useNavigate } from "react-router-dom";
+import { HashLink } from "react-router-hash-link";
+import "./Tests.css";
+
+const Tests = () => {
+ return (
+ <div className="bg-dark-custom m-5 rounded rounded-5">
+ <div className="container-fluid services py-5">
+ <html>
+ <head>
+ <link
+ href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
+ rel="stylesheet"
+ />
+ <link
+ href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
+ rel="stylesheet"
+ />
+ </head>
+ </html>
+ <h1 className="TestHeader">تستها</h1>
+ <div className="container py-48">
+ <div className="row g-5 services-inner">
+ <div className="col-md-6 col-lg-4 wow fadeIn" data-wow-delay=".3s">
+ <div className="services-item-test">
+ <div className="p-4 text-center services-content-test">
+ <div className="services-content-test-icon">
+ <i
+ className="fa fa-user fa-7x mb-4"
+ style={{ color: "#63ad97" }}
+ ></i>
+ <h5 className="TestName">تستهای فردی</h5>
+ <HashLink
+ to="/TestPage#testTitle"
+ className="btn btn-secondary text-white px-5 py-3 rounded-pill"
+ style={{ fontFamily: "Ios15Medium" }}
+ >
+ دیدن تستها
+ </HashLink>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div className="col-md-6 col-lg-4 wow fadeIn" data-wow-delay=".3s">
+ <div className="services-item-test">
+ <div className="p-4 text-center services-content-test">
+ <div className="services-content-test-icon">
+ <i className="fa fa-book fa-7x mb-4"
+ style={{ color: "#63ad97" }}
+ ></i>
+ <h5 className="TestName">تست های تحصیلی</h5>
+ <HashLink
+ to="/TestPage#testTitle"
+ className="btn btn-secondary text-white px-5 py-3 rounded-pill"
+ style={{ fontFamily: "Ios15Medium" }}
+ >
+ دیدن تستها
+ </HashLink>
+ {/* <a
+ href="http://localhost:5173/TestPage#testTitle"
+ className="btn btn-secondary text-white px-5 py-3 rounded-pill"
+ >
+ دیدن تستها
+ </a> */}
+ </div>
+ </div>
+ </div>
+ </div>
+ <div className="col-md-6 col-lg-4 wow fadeIn" data-wow-delay=".3s">
+ <div className="services-item-test">
+ <div className="p-4 text-center services-content-test">
+ <div className="services-content-test-icon">
+ <i
+ className="fa fa-venus-double fa-7x mb-4"
+ style={{ color: "#63ad97" }}
+ ></i>
+ <h5 className="TestName">تستهای پیش از ازدواج</h5>
+ <HashLink
+ to="/TestPage#testTitle2"
+ className="btn btn-secondary text-white px-5 py-3 rounded-pill"
+ style={{ fontFamily: "Ios15Medium" }}
+ >
+ دیدن تستها
+ </HashLink>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ );
+};
+
+export default Tests; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| Tests.jsx | +
+
+ |
+ 100% | +5/5 | +100% | +3/3 | +100% | +2/2 | +100% | +5/5 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| questions_Glasser.jsx | +
+
+ |
+ 100% | +1/1 | +100% | +0/0 | +100% | +0/0 | +100% | +1/1 | +
| questions_MBTI.jsx | +
+
+ |
+ 100% | +1/1 | +100% | +0/0 | +100% | +0/0 | +100% | +1/1 | +
| test_Glasser.jsx | +
+
+ |
+ 40.21% | +37/92 | +28.3% | +15/53 | +24.13% | +7/29 | +40.74% | +33/81 | +
| test_MBTI.jsx | +
+
+ |
+ 6.66% | +6/90 | +7.54% | +4/53 | +3.44% | +1/29 | +6.41% | +5/78 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 | 32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | const Glasser = {
+ totalQuestions: 25,
+ questions: [
+ {
+ id: 0,
+ question: "این تست دارای ۲۵ سوال است. برای هر عبارت، به آن میزانی که به آن مورد نیاز دارید یا با آن موافق هستید از ۱ تا ۵ امتیاز دهید (۱ کمترین میزان نیاز یا موافقت و ۵ بیشترین میزان نیاز یا موافقت را نشان میدهد). به تمامی سوالات با دقت پاسخ دهید.",
+ choices: [],
+ },
+ {
+ id: 1,
+ question: "احساس میکنید به چه میزان عشق، صمیمیت و مهرورزی نیاز دارید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "love",
+ },
+ {
+ id: 2,
+ question: "مسائلی مانند پسانداز، مخارج زندگی، مسکن، آینده شغلی و نظایر آنها تا چه اندازه ذهن شما را به خود مشغول میدارد؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "survive"
+ },
+ {
+ id: 3,
+ question: "تا چه اندازه نیاز دارید که تمام چیزهایی را که انجام میدهید خودتان انتخاب کنید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "freedom",
+ },
+ {
+ id: 4,
+ question: "تا چه اندازه تلاش میکنید در زمینۀ کار خود به عنوان یک فرد توانمند و با لیاقت خود را نشان داده و شناخته شوید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "power",
+ },
+ {
+ id: 5,
+ question: "چقدر به شوخی، مزاح و لطیفهگویی نیازمندید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "fun",
+ },
+ {
+ id: 6,
+ question: "تا چه اندازه رفاه و سعادت انسانهای دیگر برایتان مهم است؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "love"
+ },
+ {
+ id: 7,
+ question: "تا چه اندازه به سلامت جسمانی، بهداشت و احتمال ابتلا به بیماری فکر میکنید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "survive"
+ },
+ {
+ id: 8,
+ question: "تا چه میزان اعتقاد دارید که هیچ کس نباید به شما بگوید که چگونه زندگی خود را اداره کنید (بگوید چه بکنید و چه نکنید)؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "freedom"
+ },
+ {
+ id: 9,
+ question: "تا چه اندازه دوست دارید که به دیگران دستور بدهید؟ (فرمان بدهید تا اینکه فرمان بگیرید)؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "power"
+ },
+ {
+ id: 10,
+ question: "تا چه میزان به اوقات فراغت و سرگرمیهای مخصوص به خودتان نیاز دارید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "fun"
+ },
+ {
+ id: 11,
+ question: "چه مقدار نیاز دارید که دیگران شما را پذیرفته و دوستتان بدارند؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "love"
+ },
+ {
+ id: 12,
+ question: "شدت میل جنسی خود را چگونه ارزیابی میکنید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "survive"
+ },
+ {
+ id: 13,
+ question: "تا چه میزان تمایل دارید آن چه را که میخواهید بدون توجه به دخالتها و فشارهای همسرتان یا شریکتان حتما به انجام رسانید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "freedom"
+ },
+ {
+ id: 14,
+ question: "فکر میکنید تا چه اندازه اهل پیشرفت و رقابت هستید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "power"
+ },
+ {
+ id: 15,
+ question: "میزان شوخطبعی و خوشمشربی خود را چگونه ارزیابی میکنید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "fun"
+ },
+ {
+ id: 16,
+ question: "چه مقدار نیاز دارید که دیگران شما را مورد لطف و مهر و محبت قرار داده و شما نیز متقابلا به آنها محبت کنید و به آنها احساس تعلق خاطر نمایید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "love"
+ },
+ {
+ id: 17,
+ question: "در انجام کارها و اقدامات مخاطرهآمیز تا چه اندازه محتاطانه عمل میکنید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "survive"
+ },
+ {
+ id: 18,
+ question: "تا چه میزان اصرار دارید در تصمیمگیری های بزرگ و کوچک زندگی استقلال رأی داشته باشید و بر وفق مراد خود عمل کنید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "freedom"
+ },
+ {
+ id: 19,
+ question: "تا چه اندازه دوست دارید که دیگران (اعم از فرزند، همسر یا دوستانتان) به حرف شما گوش دهند و از آن پیروی کنند؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "power"
+ },
+ {
+ id: 20,
+ question: "تا چه میزان احساس میکنید که نیاز دارید به کارهای غیرجدی و غیررسمی (مانند دوچرخهسواری) ماهیگیری تماشای فیلم و دیگر سرگرمیهای لذتبخش بپردازید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "fun"
+ },
+ {
+ id: 21,
+ question: "چه اندازه دوست دارید که با دیگران بجوشید و در مجالس، مراسم و فعالیتهای گروهی فعالانه شرکت کنید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "love"
+ },
+ {
+ id: 22,
+ question: "از روبرویی با تجارب جدید و شروع راههای ناشناخته تا چه اندازه اجتناب میکنید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "survive"
+ },
+ {
+ id: 23,
+ question: "دیگران زمانهایی را برای خودتان در اختیار داشته باشید که هر گونه دلتان میخواهد از آن استفاده کنید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "freedom"
+ },
+ {
+ id: 24,
+ question: "تا چه اندازه تلاش میکنید تا ثابت کنید ایده، فکر یا راه شما درست است و اصرار دارید که دیگران را متقاعد کنید که آن را قبول کنند؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "power"
+ },
+ {
+ id: 25,
+ question: "تا چه اندازه به دنبال اوقات سرگرمکننده و موقعیتهای شادیبخش مانند جشنها، مهمانیها، مراسم سرگرمکننده، بازیها و نظایر آنها اید؟",
+ choices: [
+ { text: "۱", answer: true, id: 0},
+ { text: "۲", answer: true, id: 1},
+ { text: "۳", answer: true, id: 2},
+ { text: "۴", answer: true, id: 3},
+ { text: "۵", answer: true, id: 4},
+ ],
+ category: "fun"
+ }
+ ]
+}
+
+export default Glasser; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 +398 +399 +400 +401 +402 +403 +404 +405 +406 +407 +408 +409 +410 +411 +412 +413 +414 +415 +416 +417 +418 +419 +420 +421 +422 +423 +424 +425 +426 +427 +428 +429 +430 +431 +432 +433 +434 +435 +436 +437 +438 +439 +440 +441 +442 +443 +444 +445 +446 +447 +448 +449 +450 +451 +452 +453 +454 +455 +456 +457 +458 +459 +460 +461 +462 +463 +464 +465 +466 +467 +468 +469 +470 +471 +472 +473 +474 +475 +476 +477 +478 +479 +480 +481 +482 +483 +484 +485 +486 +487 +488 +489 +490 +491 +492 +493 +494 +495 +496 +497 +498 +499 +500 +501 +502 +503 +504 +505 +506 +507 +508 +509 +510 +511 +512 +513 +514 +515 +516 +517 +518 +519 +520 +521 +522 +523 +524 +525 +526 +527 +528 +529 +530 +531 +532 +533 +534 +535 +536 +537 +538 +539 +540 +541 +542 +543 +544 +545 +546 +547 +548 +549 +550 +551 +552 +553 +554 +555 +556 +557 +558 +559 +560 +561 +562 +563 +564 +565 +566 +567 +568 +569 +570 +571 +572 +573 +574 +575 +576 +577 +578 +579 | 32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | const MBTI = {
+ totalQuestions: 70,
+ questions: [
+ {
+ id: 0,
+ question: "این تست دارای ۷۰ سوال است. در پاسخ به سوالات، گزینهای را انتخاب کنید که به شخصیت واقعی شما نزدیکتر است، نه ویژگیهایی که میخواهید داشته باشید. پاسخ درست یا غلط وجود ندارد. به تمامی سوالات با دقت پاسخ دهید.",
+ choices: [],
+ },
+ {
+ id: 1,
+ question:"وقتی در یک مهمانی هستید:",
+ choices: [
+ { text: "با تعداد زیادی از افراد، از جمله غریبهها ارتباط میگیرید.", answer: true, id: 0},
+ { text: "با تعداد کمی از افرادی که میشناسید تعامل میکنید.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 2,
+ question: "کدام عبارت توصیف دقیقتری از شماست؟",
+ choices: [
+ { text: "بیشتر بر اساس حقایق تصمیم میگیرم تا بر اساس فرضیات ذهنی خودم.", answer: true, id: 0},
+ { text: "بیشتر بر اساس فرضیات ذهنی خودم تصمیم میگیرم تا بر اساس حقایق.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 3,
+ question: "من بیشتر:",
+ choices: [
+ { text: "رویا پرداز هستم و دوست ندارم درگیر تکرار و روزمرگی شوم.", answer: true, id: 0},
+ { text: "کمتر رویا پردازی میکنم و درگیر روزمرگی هستم.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 4,
+ question: "بیشتر تحت تاثیر کدام مورد هستید؟",
+ choices: [
+ { text: "اصول و قواعد", answer: true, id: 0},
+ { text: "احساسات", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 5,
+ question: "بیشتر به کدام مورد کشیده میشوید؟",
+ choices: [
+ { text: "چیزهای قانع کننده", answer: true, id: 0},
+ { text: "چیزهای تاثیرگذار و احساسی", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 6,
+ question: "کدام عبارت توصیف دقیقتری از شماست؟",
+ choices: [
+ { text: "من اهل برنامه ریزی هستم.", answer: true, id: 0},
+ { text: "دوست دارم کارهایم را بدون تعهد به برنامه ریزی انجام بدهم.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 7,
+ question: "کدام عبارت در مورد شما درست است؟",
+ choices: [
+ { text: "با احتیاط انتخاب کنید.", answer: true, id: 0},
+ { text: "چیزی را بدون فکر کردن انتخاب کنید", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 8,
+ question: "در مهمانیها:",
+ choices: [
+ { text: "تا دیر وقت میمانید و انرژیتان به مرور بیشتر میشود.", answer: true, id: 0},
+ { text: "انرژیتان به مرور کم شده و زود مهمانی را ترک میکنید.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 9,
+ question: "بیشتر جذب کدام دسته از آدمها میشوید؟",
+ choices: [
+ { text: "منطقی و فهیم", answer: true, id: 0},
+ { text: "خلاق و مبتکر", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 10,
+ question: "کدام مورد برای شما جالبتر است؟",
+ choices: [
+ { text: "حقایق حال حاضر اطرافتان چه هستند.", answer: true, id: 0},
+ { text:"احتمالات ممکن اطرافتان چه میتوانند باشند.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 11,
+ question: "کدام مورد بیشتر در قضاوت شما از دیگران تاثیرگذار است؟",
+ choices: [
+ { text: "بیشتر به این فکر میکنید قوانین حاکم چه هستند تا شرایط خاص آن فرد.", answer: true, id: 0},
+ { text: "بیشتر به شرایط خاص آن فرد فکر میکنید تا قوانین .", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 12,
+ question: "در برخورد با دیگران، تمایل دارید که تا حدودی:",
+ choices: [
+ { text: "بیطرف و منطقی باشید.", answer: true, id: 0},
+ { text: "احساسی و شخصی باشید.", answer: true, id: 1},
+ ],
+ },
+ {
+ /* not sure about the translation */
+ id: 13,
+ question: "کدام گزینه توصیف دقیقتری از شماست؟",
+ choices: [
+ { text: "من انسان بسیار وقت شناسی هستم.", answer: true, id: 0},
+ { text: "معمولا برای رسیدن به کارها و قرار هایم کمتر به وقت توجه میکنم.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 14,
+ question: "کدام شرایط برای شما آزاردهندهتر است؟",
+ choices: [
+ { text: "کارهای ناتمام زیادی داشته باشید.", answer: true, id: 0},
+ { text: "کارهای به اتمام رسیده بیشتری داشته باشید.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 15,
+ question: "کدام گزینه توصیف دقیقتری از شماست؟",
+ choices: [
+ { text: "در گروههای اجتماعی پیگیر حواشی مرتبط با دیگران هستید.", answer: true, id: 0},
+ { text: "در گروههای اجتماعی، پیگیر اخبار و حواشی اطرافتان نیستید.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 16,
+ question: "در انجام کارهای معمولی و روزمره:",
+ choices: [
+ { text: "ترجیح میدهید آنها را به روش معمول و مانند روش اکثریت انجام دهید.", answer: true, id: 0},
+ { text: "ترجیح میدهید به روش خودتان آنها را انجام دهید.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 17,
+ question: "از نظر من نویسندهها باید:",
+ choices: [
+ { text: "وقایع را همان گونه که هستند توصیف کنند.", answer: true, id: 0},
+ { text: "توضیحات را با تمثیل و استعارات بیان کنند.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 18,
+ question: "کدام مورد در روابطتان برای شما مهمتر است؟",
+ choices: [
+ { text: "ثبات و پایبندی به عقاید خود", answer: true, id: 0},
+ { text: "توجه به ظرافتها و بالا و پایینهای شخصیتی افراد در روابط", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 19,
+ question: "کدام مورد برای شما راحتتراست؟",
+ choices: [
+ { text: "قضاوت بر اساس عقل و منطق", answer: true, id: 0},
+ { text: "قضاوت بر اساس ارزشها", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 20,
+ question: "کدام چیزها برای شما جذابتر است؟",
+ choices: [
+ { text: "مسائل قطعی و حل شده", answer: true, id: 0},
+ { text: "مسائلی که قطعیت کمتری دارند و حل نشدهاند", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 21,
+ question: "کدام گزینه توصیف دقیقتری از شماست؟",
+ choices: [
+ { text: "جدی و مصمم هستم.", answer: true, id: 0},
+ { text: "آسانگیر هستم.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 22,
+ question: "قبل از تماس تلفنی:",
+ choices: [
+ { text: "از قبل به جملاتم فکر میکنم.", answer: true, id: 0},
+ { text: "از قبل جملات مد نظرم را تکرار و تمرین میکنم.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 23,
+ question: "حقایق:",
+ choices: [
+ { text: "خودشان گویای همه چیز هستند.", answer: true, id: 0},
+ { text: "اصول را توضیح میدهند.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 24,
+ question: "از نظر من انسانهای رویاپرداز:",
+ choices: [
+ { text: "آزاردهنده هستند.", answer: true, id: 0},
+ { text: "جالب و هیجانانگیز هستند.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 25,
+ question: "کدام گزینه توصیف دقیقتری از شماست؟",
+ choices: [
+ { text: "آرام و خونسرد هستید.", answer: true, id: 0},
+ { text: "هیجانی و خونگرم هستید.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 26,
+ question: "کدام گزینه بدتر است؟",
+ choices: [
+ { text: "بی عدالتی", answer: true, id: 0},
+ { text: "بی رحمی", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 27,
+ question: "آیا رویدادها باید:",
+ choices: [
+ { text: "با انتخاب دقیق رخ دهند.", answer: true, id: 0},
+ { text: "به صورت تصادفی و شانسی رخ دهند.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 28,
+ question: "کدام گزینه به شما حس بهتری میدهد؟",
+ choices: [
+ { text: "خرید کردن", answer: true, id: 0},
+ { text: "داشتن گزینه برای خرید", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 29,
+ question: "در جمع دیگران:",
+ choices: [
+ { text: "شما صحبت را شروع میکنید.", answer: true, id: 0},
+ { text: "منتظر میمانید تا دیگران با شما صحبت را شروع کنند.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 30,
+ question: "کدام مورد درست است؟",
+ choices: [
+ { text: "عقل سلیم به ندرت اشتباه میکند.", answer: true, id: 0},
+ { text: "به وفور اشتباه میکند.", answer: true, id: 1},
+ ],
+ },
+ ///////////////////////////////////////////////////////////////////
+ {
+ id: 31,
+ question: "کودکان اغلب:",
+ choices: [
+ { text: "به اندازه کافی عاقلانه رفتار نمیکنند.", answer: true, id: 0},
+ { text: "به اندازه کافی از تخیل خود استفاده نمیکنند", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 32,
+ question: "در تصمیمگیری با کدام یک بیشتر احساس راحتی میکنید؟",
+ choices: [
+ { text: "تصمیمگیری بر اساس استانداردها", answer: true, id: 0},
+ { text: "تصمیمگیری بر اساس احساسات", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 33,
+ question: "کدام گزینه توصیف دقیقتری از شماست؟",
+ choices: [
+ { text: "بیشتر قاطع هستید تا مهربان.", answer: true, id: 0},
+ { text: "بیشتر مهربان هستید تا قاطع.", answer: true, id: 1},
+ ],
+ },
+
+ {
+ id: 34,
+ question: "کدام یک بیشتر تحسینبرانگیز است؟",
+ choices: [
+ { text: "توانایی سازماندهی و منظم بودن", answer: true, id: 0},
+ { text: "توانایی تطبیق و کنار آمدن", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 35,
+ question: "برای کدام یگ بیشتر ارزش میگذارید؟",
+ choices: [
+ { text: "ثبات و پایداری", answer: true, id: 0},
+ { text: "ذهن باز و انعطافپذیری", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 36,
+ question: "یا تعامل جدید و غیر معمول با دیگران:",
+ choices: [
+ { text: "شما را تحریک و انرژی میبخشد.", answer: true, id: 0},
+ { text: "از توان شما میکاهد.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 37,
+ question: "شما بیشتر:",
+ choices: [
+ { text: "فردی عملی هستید.", answer: true, id: 0},
+ { text: "فردی خیالی هستید.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 38,
+ question: "آیا بیشتر احتمال دارد که:",
+ choices: [
+ { text: "ببینید دیگران چگونه مفید هستند.", answer: true, id: 0},
+ { text: "ببینید دیگران چگونه فکر میکنند", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 39,
+ question: "کدام یک رضایتبخشتر است؟",
+ choices: [
+ { text: "بحث و بررسی کامل یک موضوع", answer: true, id: 0},
+ { text: "رسیدن به توافق در مورد یک موضوع", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 40,
+ question: "کدام یک بیشتر بر شما حاکم است؟",
+ choices: [
+ { text: "عقل شما", answer: true, id: 0},
+ { text: "قلب شما", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 41,
+ question: "با کدام کار راحتتر هستید؟",
+ choices: [
+ { text: "قراردادی است راحتتر هستید.", answer: true, id: 0},
+ { text: "به صورت غیررسمی انجام میشود راحتتر هستید", answer: true, id: 1},
+ ],
+ },
+
+ {
+ id: 42,
+ question: "به کدام وقایع علاقه بیشتری دارید؟",
+ choices: [
+ { text: "چیزهای منظم", answer: true, id: 0},
+ { text:"هر چیزی که پیش بیاید", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 43,
+ question: "کدام مورد را ترجیح میدهید؟",
+ choices: [
+ { text: "دوستان زیاد با ارتباط کوتاهمدت داشته باشید", answer: true, id: 0},
+ { text: "چند دوست با ارتباط طولانیمدت داشته باشید", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 44,
+ question: "بیشتر بر کدام اساس تصمیم میگیرید؟",
+ choices: [
+ { text: "حقایق", answer: true, id: 0},
+ { text: "اصول", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 45,
+ question: "بیشتر به کدام علاقهمند هستید؟",
+ choices: [
+ { text: "تولید و توزیع ", answer: true, id: 0},
+ { text: "طراحی و تحقیق", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 46,
+ question: "از نظر شما کدام یک بیشتر تعریف محسوب میشود؟",
+ choices: [
+ { text: "\"این فرد بسیار منطقی است.\"", answer: true, id: 0},
+ { text: "\"این فرد بسیار احساساتی است.\"", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 47,
+ question: "کدام گزینه برای شما یک ارزش است؟",
+ choices: [
+ { text: "ثابت قدم بودن", answer: true, id: 0},
+ { text: "وفادار بودن", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 48,
+ question: "کدام گزینه را ترجیح میدهید؟",
+ choices: [
+ { text: "بیان نهایی و تغییرناپذیر", answer: true, id: 0},
+ { text: "بیان موقت و مقدماتی", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 49,
+ question: "کدام زمان حس بهتری دارید؟",
+ choices: [
+ { text: "پس از تصمیمگیری", answer: true, id: 0},
+ { text: "قبل از تصمیمگیری", answer: true, id: 1},
+ ],
+ },
+
+ {
+ id: 50,
+ question: "کدام گزینه توصیف دقیقتری از شماست؟",
+ choices: [
+ { text: "به راحتی و با طولانی با غریبهها صحبت میکنید.", answer: true, id: 0},
+ { text: "چیز زیادی برای گفتن به غریبهها ندارید.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 51,
+ question: "بیشتر به کدام اعتماد دارید؟",
+ choices: [
+ { text: "تجربۀ خود", answer: true, id: 0},
+ { text: "حدس خود", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 52,
+ question: "کدام گزینه توصیف دقیقتری از شماست؟",
+ choices: [
+ { text: "بیشتر عملی هستید تا مبتکر.", answer: true, id: 0},
+ { text: "بیشتر مبتکر هستید تا عملی.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 53,
+ question: "کدام شخص بیشتر مستحق تحسین است؟",
+ choices: [
+ { text: "فردی با استدلال روشن", answer: true, id: 0},
+ { text: "فردی با احساس قوی", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 54,
+ question: "آیا بیشتر تمایل دارید:",
+ choices: [
+ { text: "منصف باشید.", answer: true, id: 0},
+ { text: "همدل باشید.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 55,
+ question: "کدام گزینه را ترجیح میدهید؟",
+ choices: [
+ { text: "مطمئن شوید که همه چیز مرتب شده است.", answer: true, id: 0},
+ { text: "بگذارید اتفاقها به خودی خود رخ دهند.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 56,
+ question: "در روابط آیا باید:",
+ choices: [
+ { text: "بیشتر چیزها قابل مذاکره مجدد باشند.", answer: true, id: 0},
+ { text: "بیشتر چیزها تصادفی و وابسته به شرایط باشند.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 57,
+ question: "وقتی تلفن زنگ میزند، آیا:",
+ choices: [
+ { text: "سریع میروید تا اول پاسخ دهید.", answer: true, id: 0},
+ { text: "امیدوارید کسی دیگر پاسخ دهد.", answer: true, id: 1},
+ ],
+ },
+
+ {
+ id: 58,
+ question: "کدام گزینه برای شما ارزشمندتر است؟",
+ choices: [
+ { text: "حس قوی از واقعیت", answer: true, id: 0},
+ { text: "تخیل زنده و پویا", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 59,
+ question: "بیشتر به کدام مورد جذب میشوید؟",
+ choices: [
+ { text: "اصول اساسی", answer: true, id: 0},
+ { text: "جزئیات و جوانب", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 60,
+ question: "کدام خطا بزرگتر به نظر میرسد؟",
+ choices: [
+ { text: "بیش از حد پرشور بودن", answer: true, id: 0},
+ { text: "بیش از حد عینی بودن", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 61,
+ question: "خود را اساساً چگونه میبینید؟",
+ choices: [
+ { text: "منطقی و سرسخت", answer: true, id: 0},
+ { text: "مهربان و دلسوز", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 62,
+ question: "کدام وضعیت بیشتر برای شما جذاب است؟",
+ choices: [
+ { text: "ساختار یافته و برنامهریزی شده ", answer: true, id: 0},
+ { text: "بدون ساختار و بدون برنامهریزی", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 63,
+ question: "کدام گزینه توصیف دقیقتری از شماست؟",
+ choices: [
+ { text: "روتین و منظم هستید تا اهل هوس.", answer: true, id: 0},
+ { text: "اهل هوس هستید تا روتین و منظم.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 64,
+ question: "آیا بیشتر تمایل دارید که دیگران:",
+ choices: [
+ { text: "راحت به شما نزدیک شوند.", answer: true, id: 0},
+ { text: "کمی محتاط باشند.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 65,
+ question: "در نوشتهها آیا ترجیح میدهید که:",
+ choices: [
+ { text: "معانی بیشتر تحتاللفظی استفاده کنید.", answer: true, id: 0},
+ { text: "معانی بیشتر مجازی و تشبیهی استفاده کنید.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 66,
+ question: "کدام گزینه برای شما سختتر است؟",
+ choices: [
+ { text: "با دیگران همدلی کنید.", answer: true, id: 0},
+ { text:"از دیگران استفاده کنید.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 67,
+ question: "کدام را بیشتر برای خودتان آرزو میکنید؟",
+ choices: [
+ { text: "قدرت استدلال", answer: true, id: 0},
+ { text: "قدرت همدلی", answer: true, id: 1},
+ ],
+ },
+
+ {
+ id: 68,
+ question: "از نظر شما کدام نقص بزرگتری است؟",
+ choices: [
+ { text:"بیتمایز بودن", answer: true, id: 0},
+ { text: "انتقادی بودن", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 69,
+ question: "کدام گزینه را ترجیح میدهید؟",
+ choices: [
+ { text: "رویداد برنامهریزی شده داشته باشید.", answer: true, id: 0},
+ { text: "رویداد بدون برنامه داشته باشید.", answer: true, id: 1},
+ ],
+ },
+ {
+ id: 70,
+ question: "آیا تمایل دارید بیشتر:",
+ choices: [
+ { text: "سنجیده باشید تا خودجوش", answer: true, id: 0},
+ { text:"خودجوش باشید تا سنجیده", answer: true, id: 1},
+ ],
+ },
+ ]
+}
+
+export default MBTI; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 | 4x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | const PHQ9 = {
+ totalQuestions: 10,
+ questions: [
+ {
+ id: 0,
+ question: "این تست شامل ۹ سوال است. برای هر سوال، گزینهای را انتخاب کنید که به بهترین شکل نشاندهنده میزان تجربه شما در طی دو هفته گذشته باشد. گزینهها شامل: «هرگز»، «چند روز»، «بیش از نصف روزها» و «تقریباً هر روز» هستند. لطفاً با دقت به تمامی سوالات پاسخ دهید تا نتیجه دقیقتری حاصل شود.",
+ choices: [
+ // { text: "هرگز", answer: true, id: 0},
+ // { text: "چندروز", answer: true, id: 1},
+ // { text: "بیش از نصف روزها", answer: true, id: 2},
+ // { text: "تقریباً هرروز", answer: true, id: 3},
+ ],
+ },
+ {
+ id: 1,
+ question: "در طول دو هفته گذشته، چند بار احساس کردهاید که علاقه یا لذتی به فعالیتهایی که معمولاً از آنها لذت میبردید، ندارید؟",
+ choices: [
+ { text: "هرگز", answer: true, id: 0},
+ { text: "چندروز", answer: true, id: 1},
+ { text: "بیش از نصف روزها", answer: true, id: 2},
+ { text: "تقریباً هرروز", answer: true, id: 3},
+ ],
+ },
+ {
+ id: 2,
+ question: "در طول دو هفته گذشته، چند بار احساس کردهاید که افسرده، غمگین یا ناامید هستید؟",
+ choices: [
+ { text: "هرگز", answer: true, id: 0},
+ { text: "چندروز", answer: true, id: 1},
+ { text: "بیش از نصف روزها", answer: true, id: 2},
+ { text: "تقریباً هرروز", answer: true, id: 3},
+ ],
+ },
+ {
+ id: 3,
+ question: "در طول دو هفته گذشته، چند بار با مشکل در خوابیدن، خواب زیاد یا بیدار شدن در نیمهشب مواجه بودهاید؟",
+ choices: [
+ { text: "هرگز", answer: true, id: 0},
+ { text: "چندروز", answer: true, id: 1},
+ { text: "بیش از نصف روزها", answer: true, id: 2},
+ { text: "تقریباً هرروز", answer: true, id: 3},
+ ],
+ },
+ {
+ id: 4,
+ question: "در طول دو هفته گذشته، چند بار احساس خستگی یا کمبود انرژی داشتهاید؟",
+ choices: [
+ { text: "هرگز", answer: true, id: 0},
+ { text: "چندروز", answer: true, id: 1},
+ { text: "بیش از نصف روزها", answer: true, id: 2},
+ { text: "تقریباً هرروز", answer: true, id: 3},
+ ],
+ },
+ {
+ id: 5,
+ question: "در طول دو هفته گذشته، چند بار اشتهای شما کاهش یا افزایش یافته است؟",
+ choices: [
+ { text: "هرگز", answer: true, id: 0},
+ { text: "چندروز", answer: true, id: 1},
+ { text: "بیش از نصف روزها", answer: true, id: 2},
+ { text: "تقریباً هرروز", answer: true, id: 3},
+ ],
+ },
+ {
+ id: 6,
+ question: "در طول دو هفته گذشته، چند بار احساس کردهاید که خود را یک شکستخورده میدانید یا احساس کردهاید که خود یا خانوادهتان را ناامید کردهاید؟",
+ choices: [
+ { text: "هرگز", answer: true, id: 0},
+ { text: "چندروز", answer: true, id: 1},
+ { text: "بیش از نصف روزها", answer: true, id: 2},
+ { text: "تقریباً هرروز", answer: true, id: 3},
+ ],
+ },
+ {
+ id: 7,
+ question: "در طول دو هفته گذشته، چند بار با مشکل تمرکز کردن بر روی چیزهایی مثل خواندن روزنامه یا تماشای تلویزیون مواجه بودهاید؟",
+ choices: [
+ { text: "هرگز", answer: true, id: 0},
+ { text: "چندروز", answer: true, id: 1},
+ { text: "بیش از نصف روزها", answer: true, id: 2},
+ { text: "تقریباً هرروز", answer: true, id: 3},
+ ],
+ },
+ {
+ id: 8,
+ question: "در طول دو هفته گذشته، چند بار حرکت یا صحبت شما به قدری کند بوده است که دیگران متوجه آن شدهاند؟ یا برعکس، چند بار به قدری بیقرار بودهاید که نمیتوانستید آرام بنشینید؟",
+ choices: [
+ { text: "هرگز", answer: true, id: 0},
+ { text: "چندروز", answer: true, id: 1},
+ { text: "بیش از نصف روزها", answer: true, id: 2},
+ { text: "تقریباً هرروز", answer: true, id: 3},
+ ],
+ },
+ {
+ id: 9,
+ question: "در طول دو هفته گذشته، چند بار احساس کردهاید که بهتر است خودتان را آسیب بزنید یا خودکشی کنید؟",
+ choices: [
+ { text: "هرگز", answer: true, id: 0},
+ { text: "چندروز", answer: true, id: 1},
+ { text: "بیش از نصف روزها", answer: true, id: 2},
+ { text: "تقریباً هرروز", answer: true, id: 3},
+ ],
+ }
+ ]
+}
+
+export default PHQ9; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 +398 +399 +400 +401 +402 +403 +404 +405 +406 +407 +408 +409 +410 +411 +412 +413 +414 +415 +416 +417 +418 +419 +420 +421 +422 +423 +424 +425 +426 +427 +428 +429 +430 +431 +432 +433 | 256x + + + + + + + + +32x +32x +4x +4x + + +4x +4x +4x + + + + +4x +4x + +4x +2x +3x +3x +3x + +2x + + +4x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +4x +1x + + + + + + + + + + + + + + + + + + + + + + +4x + + + + + + + + + + + + + + + + + + + + + + + + + + + +4x + + + + + +4x + + + + + + +4x + + + + + + + + + + + + + + + + + + + + + + + +4x + + + + + + + + + + + + + + + + + + + + + + +4x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +4x + +4x + +4x + + + +4x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +1x + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React, { useState, useEffect } from "react";
+import Glasser from "./questions_Glasser";
+import ProgressBar from "react-bootstrap/ProgressBar";
+import Swal from "sweetalert2";
+import "./glasser_style.css";
+import axios from "axios";
+import { useNavigate } from "react-router-dom";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar";
+
+const GlasserTest = () => {
+ const navigate = useNavigate();
+ const [activeQuestion, setActiveQuestion] = useState(0);
+ const [selectedAnswers, setSelectedAnswers] = useState(
+ Array(Glasser.questions.length).fill(null)
+ );
+ const [showResult, setShowResult] = useState(false);
+ const [glasserResult, setGlasserResult] = useState({});
+ const [result, setResult] = useState({
+ doneAnswers: 0,
+ emptyAnswers: 0,
+ });
+
+ const { questions } = Glasser;
+ const { question, choices } = questions[activeQuestion];
+
+ useEffect(() => {
+ setSelectedAnswers((prevSelectedAnswers) => {
+ const updatedAnswers = [...prevSelectedAnswers];
+ updatedAnswers[activeQuestion] = selectedAnswers[activeQuestion];
+ return updatedAnswers;
+ });
+ console.log(selectedAnswers);
+ }, [activeQuestion]);
+
+ const sendAnswersToBack = async (data) => {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const dataString = JSON.stringify(data);
+ console.log(dataString);
+ const response = await axios.post(
+ "http://46.249.100.141:8070//TherapyTests/glasser/",
+ {
+ data: dataString,
+ },
+ {
+ method: "POST",
+ headers: {
+ Authorization: `Bearer ${token}`,
+ "Content-Type": "application/json",
+ },
+ }
+ );
+
+ if (response.status === 200) {
+ setShowResult(true);
+ console.log(response);
+ console.log(response.data.result);
+ setGlasserResult({
+ love: response.data.result.love,
+ survive: response.data.result.survive,
+ freedom: response.data.result.freedom,
+ power: response.data.result.power,
+ fun: response.data.result.fun,
+ });
+ } else {
+ Swal.fire({
+ icon: "error",
+ title: "!خطا در ارسال پاسخها",
+ html: "متاسفانه مشکلی رخ داد",
+ background: "#473a67",
+ color: "#b4b3b3",
+ width: "26rem",
+ height: "18rem",
+ confirmButtonText: "تایید",
+ customClass: {
+ container: "custom-swal-container",
+ },
+ }).then((result) => {
+ Iif (result.isConfirmed) {
+ navigate("/");
+ }
+ });
+ }
+ } catch (error) {
+ Swal.fire({
+ icon: "error",
+ title: "!خطا در ارسال درخواست",
+ html: "متاسفانه مشکلی رخ داد",
+ background: "#473a67",
+ color: "#b4b3b3",
+ width: "26rem",
+ height: "18rem",
+ confirmButtonText: "تایید",
+ customClass: {
+ container: "custom-swal-container",
+ },
+ }).then((result) => {
+ Iif (result.isConfirmed) {
+ navigate("/");
+ }
+ });
+ }
+ };
+
+ const loginMessage = () => {
+ Swal.fire({
+ icon: "warning",
+ title: "!برای انجام تست، ورود به حساب خود الزامی است",
+ html: "آیا میخواهید وارد شوید؟",
+ background: "#473a67",
+ color: "#b4b3b3",
+ width: "26rem",
+ height: "18rem",
+ showCancelButton: true,
+ confirmButtonText: "ورود",
+ cancelButtonText: "صفحۀ اصلی",
+ customClass: {
+ container: "custom-swal-container",
+ },
+ }).then((result) => {
+ if (result.isConfirmed) {
+ navigate("/Signup");
+ } else {
+ navigate("/");
+ }
+ });
+ };
+
+ const onClickNext = () => {
+ if (selectedAnswers[activeQuestion] !== null) {
+ setResult((prev) => ({
+ ...prev,
+ doneAnswers: prev.doneAnswers + 1,
+ }));
+ } else {
+ setResult((prev) => ({
+ ...prev,
+ emptyAnswers: prev.emptyAnswers + 1,
+ }));
+ }
+
+ if (activeQuestion !== questions.length - 1) {
+ setActiveQuestion((prev) => prev + 1);
+ } else {
+ const updatedAnswersForBack = {};
+ for (let i = 1; i < questions.length; i++) {
+ updatedAnswersForBack[i] = {
+ category: questions[i].category,
+ res: selectedAnswers[i] + 1,
+ };
+ }
+ sendAnswersToBack(updatedAnswersForBack);
+ // setShowResult(true);
+ }
+ };
+
+ const onClickPrevious = () => {
+ Iif (activeQuestion !== 0) {
+ setActiveQuestion((prev) => prev - 1);
+ }
+ };
+
+ const onAnswerSelected = (index) => {
+ console.log(activeQuestion);
+ const updatedAnswers = [...selectedAnswers];
+ updatedAnswers[activeQuestion] = index;
+ setSelectedAnswers(updatedAnswers);
+ };
+
+ const showConfirmSwal = () => {
+ Swal.fire({
+ icon: "warning",
+ title: "آیا از ادامۀ آزمون منصرف شده اید؟",
+ html: "در صورت اتمام آزمون پاسخهای شما ثبت نمیشوند",
+ background: "#473a67",
+ color: "#b4b3b3",
+ width: "29rem",
+ height: "15rem",
+ showCancelButton: true,
+ confirmButtonText: "بله",
+ cancelButtonText: "ادامه میدهم",
+ customClass: {
+ container: "custom-swal-container",
+ },
+ }).then((result) => {
+ if (result.isConfirmed) {
+ navigate("/TestPage");
+ } else {
+ // do nothing
+ }
+ });
+ };
+
+ const cancelTest = () => {
+ Swal.fire({
+ icon: "warning",
+ title: "از انجام آزمون منصرف شده اید؟",
+ background: "#473a67",
+ color: "#b4b3b3",
+ width: "26rem",
+ height: "18rem",
+ showCancelButton: true,
+ confirmButtonText: "بله",
+ cancelButtonText: "ادامه میدهم",
+ customClass: {
+ container: "custom-swal-container",
+ },
+ }).then((result) => {
+ if (result.isConfirmed) {
+ navigate("/TestPage");
+ } else {
+ // do nothing
+ }
+ });
+ };
+
+ const showTheResult = () => {
+ console.log(glasserResult);
+ Swal.fire({
+ icon: "info",
+ title: "نتیجۀ گلاسر شما",
+ html: `
+ <p>عشق: ${convertToPersianNumbers(glasserResult["love"])} از ۵</p>
+ <p>بقا: ${convertToPersianNumbers(glasserResult["survive"])} از ۵</p>
+ <p>آزادی: ${convertToPersianNumbers(
+ glasserResult["freedom"]
+ )} از ۵</p>
+ <p>قدرت: ${convertToPersianNumbers(glasserResult["power"])} از ۵</p>
+ <p>سرگرمی: ${convertToPersianNumbers(glasserResult["fun"])} از ۵</p>
+ `,
+ background: "#473a67",
+ color: "#b4b3b3",
+ width: "26rem",
+ height: "18rem",
+ // showCancelButton: true,
+ confirmButtonText: "تایید و رفتن به صفحۀ اصلی",
+ // cancelButtonText: "صفحۀ اصلی",
+ customClass: {
+ container: "custom-swal-container",
+ },
+ }).then((result) => {
+ Iif (result.isConfirmed) {
+ navigate("/");
+ }
+ });
+ };
+
+ const addLeadingZero = (number) => (number > 9 ? number : `0${number}`);
+
+ const persianNumbers = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"];
+
+ const convertToPersianNumbers = (number) => {
+ return String(number).replace(/\d/g, (digit) => persianNumbers[digit]);
+ };
+
+ return (
+ <>
+ <NavBar_SideBar />
+ <body className="glasser-body">
+ <div
+ className="glasser-quiz-container"
+ style={
+ activeQuestion === 0 || showResult
+ ? { marginTop: "4%" }
+ : { marginTop: "2%" }
+ }
+ >
+ {!showResult && (
+ <div>
+ {activeQuestion === 0 && (
+ <h2
+ style={{
+ fontSize: "30px",
+ color: "#9a94fb",
+ marginBottom: "10px",
+ textAlign: "center",
+ }}
+ >
+ تست شخصیتشناسی گلاسر
+ </h2>
+ )}
+ <div className="glasser-header">
+ {activeQuestion !== 0 && (
+ <>
+ <ProgressBar
+ animated
+ className="mbti-progress-bar custom-color"
+ now={(activeQuestion + 1) * (100 / questions.length)}
+ />
+ <span className="glasser-active-question-no">
+ {convertToPersianNumbers(addLeadingZero(activeQuestion))}
+ </span>
+ <span className="glasser-total-question">
+ /
+ {convertToPersianNumbers(
+ addLeadingZero(questions.length - 1)
+ )}
+ </span>
+ </>
+ )}
+ </div>
+ <h2
+ style={
+ activeQuestion === 0
+ ? {
+ lineHeight: "1.8",
+ fontSize: "21px",
+ paddingTop: "20px",
+ }
+ : {}
+ }
+ >
+ {question}
+ </h2>
+ <ul>
+ {choices.map((choice, index) => (
+ <li
+ key={index}
+ className={
+ selectedAnswers[activeQuestion] === index
+ ? "glasser-selected-answer"
+ : ""
+ }
+ onClick={() => onAnswerSelected(index)}
+ >
+ {choice.text}
+ </li>
+ ))}
+ </ul>
+ <div
+ className="glasser-button-group"
+ style={{ fontSize: "14px" }}
+ >
+ {activeQuestion === 0 ? (
+ <>
+ <button
+ data-cy="start-glasser"
+ style={{ width: "40px", fontSize: "14px" }}
+ onClick={() => {
+ Iif (localStorage.getItem("accessToken") !== null) {
+ onClickNext();
+ } else {
+ loginMessage();
+ }
+ }}
+ >
+ شروع آزمون
+ </button>
+ <button onClick={cancelTest}>انصراف</button>
+ </>
+ ) : (
+ <>
+ <button
+ onClick={onClickNext}
+ disabled={selectedAnswers[activeQuestion] === null}
+ title={
+ selectedAnswers[activeQuestion] === null &&
+ activeQuestion !== questions.length - 1
+ ? "برای ادامه باید حتما یک گزینه را انتخاب کنید"
+ : ""
+ }
+ style={
+ activeQuestion === questions.length - 1
+ ? { fontSize: "14px" }
+ : {}
+ }
+ >
+ {activeQuestion === questions.length - 1
+ ? "پایان آزمون"
+ : "بعدی"}
+ </button>
+
+ <span
+ style={{ fontSize: "16px" }}
+ onClick={showConfirmSwal}
+ className="glasser-complete-test"
+ >
+ اتمام آزمون
+ </span>
+ <button
+ onClick={onClickPrevious}
+ disabled={activeQuestion === 0}
+ >
+ قبلی
+ </button>
+ </>
+ )}
+ </div>
+ </div>
+ )}
+ {showResult && (
+ <div className="glasser-result" style={{ marginTop: "40px" }}>
+ <h3
+ style={
+ showResult
+ ? {
+ fontWeight: "bolder",
+ color: "#9a94fb",
+ marginBottom: "33px",
+ }
+ : {}
+ }
+ >
+ آزمون شما به پایان رسید!
+ </h3>
+ <p style={{ fontSize: "20px", paddingTop: "30px" }}>
+ پاسخهای شما پردازش شد. نتیجۀ این آزمون میگوید نیاز شما به هر
+ یک از نیازهای اساسی "عشق"، "بقا"، "آزادی"، "قدرت" و "سرگرمی و
+ تفریح" چقدر است. برای دیدن نتیجۀ آزمون خود، برروی دکمۀ زیر کلیک
+ کنید.
+ </p>
+ <button
+ style={{
+ display: "flex",
+ justifyContent: "center",
+ alignItems: "center",
+ marginTop: "120px",
+ marginRight: "34%",
+ }}
+ onClick={showTheResult}
+ >
+ دیدن نتایج
+ </button>
+ </div>
+ )}
+ </div>
+ </body>
+ </>
+ );
+};
+
+export default GlasserTest;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 +398 +399 +400 +401 +402 +403 | 256x + + + + + + + + +32x +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React, { useState, useEffect } from "react";
+import MBTI from "./questions_MBTI";
+import ProgressBar from "react-bootstrap/ProgressBar";
+import Swal from "sweetalert2";
+import "./mbti_style.css";
+import axios from "axios";
+import { useNavigate } from "react-router-dom";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar";
+
+const MBTITest = () => {
+ const navigate = useNavigate();
+ const [activeQuestion, setActiveQuestion] = useState(0);
+ const [selectedAnswers, setSelectedAnswers] = useState(
+ Array(MBTI.questions.length).fill(null)
+ );
+ const [showResult, setShowResult] = useState(false);
+ const [mbtiResult, setMbtiResult] = useState(null);
+ const [result, setResult] = useState({
+ doneAnswers: 0,
+ emptyAnswers: 0,
+ });
+
+ const { questions } = MBTI;
+ const { question, choices } = questions[activeQuestion];
+
+ useEffect(() => {
+ setSelectedAnswers((prevSelectedAnswers) => {
+ const updatedAnswers = [...prevSelectedAnswers];
+ updatedAnswers[activeQuestion] = selectedAnswers[activeQuestion];
+ return updatedAnswers;
+ });
+ }, [activeQuestion]);
+
+ const sendAsnwersToBack = async (data) => {
+ try {
+ const token = localStorage.getItem("accessToken");
+ console.log(data);
+ const response = await axios.post(
+ "http://46.249.100.141:8070//TherapyTests/MBTI/",
+ data,
+ {
+ method: "POST",
+ headers: {
+ Authorization: `Bearer ${token}`,
+ "Content-Type": "application/json",
+ },
+ }
+ );
+
+ if (response.status === 200) {
+ setShowResult(true);
+ console.log(response.data);
+ setMbtiResult(response.data.result);
+ } else {
+ Swal.fire({
+ icon: "error",
+ title: "!خطا در ارسال پاسخها",
+ html: "متاسفانه مشکلی رخ داد",
+ background: "#473a67",
+ color: "#b4b3b3",
+ width: "26rem",
+ height: "18rem",
+ confirmButtonText: "تایید",
+ customClass: {
+ container: "custom-swal-container",
+ },
+ }).then((result) => {
+ Iif (result.isConfirmed) {
+ navigate("/");
+ }
+ });
+ }
+ } catch (error) {
+ Swal.fire({
+ icon: "error",
+ title: "!خطا در ارسال درخواست",
+ html: "متاسفانه مشکلی رخ داد",
+ background: "#473a67",
+ color: "#b4b3b3",
+ width: "26rem",
+ height: "18rem",
+ confirmButtonText: "تایید",
+ customClass: {
+ container: "custom-swal-container",
+ },
+ }).then((result) => {
+ Iif (result.isConfirmed) {
+ navigate("/");
+ }
+ });
+ }
+ };
+
+ const loginMessage = () => {
+ Swal.fire({
+ icon: "warning",
+ title: "!برای انجام تست، ورود به حساب کاربری الزامی است",
+ html: "آیا میخواهید وارد شوید؟",
+ background: "#473a67",
+ color: "#b4b3b3",
+ width: "26rem",
+ height: "18rem",
+ showCancelButton: true,
+ confirmButtonText: "ورود",
+ cancelButtonText: "صفحۀ اصلی",
+ customClass: {
+ container: "custom-swal-container",
+ },
+ }).then((result) => {
+ if (result.isConfirmed) {
+ navigate("/Signup");
+ } else {
+ navigate("/");
+ }
+ });
+ };
+
+ const onClickNext = () => {
+ if (selectedAnswers[activeQuestion] !== null) {
+ setResult((prev) => ({
+ ...prev,
+ doneAnswers: prev.doneAnswers + 1,
+ }));
+ } else {
+ setResult((prev) => ({
+ ...prev,
+ emptyAnswers: prev.emptyAnswers + 1,
+ }));
+ }
+
+ if (activeQuestion !== questions.length - 1) {
+ setActiveQuestion((prev) => prev + 1);
+ } else {
+ const updatedSelectedAnswersForBack = {};
+ for (let i = 1; i < questions.length; i++) {
+ if (selectedAnswers[i] == 0) updatedSelectedAnswersForBack[i] = "a";
+ else {
+ updatedSelectedAnswersForBack[i] = "b";
+ }
+ }
+ // console.log(updatedSelectedAnswersForBack);
+ sendAsnwersToBack(updatedSelectedAnswersForBack);
+ }
+ };
+
+ const onClickPrevious = () => {
+ Iif (activeQuestion !== 0) {
+ setActiveQuestion((prev) => prev - 1);
+ }
+ };
+
+ const onAnswerSelected = (index) => {
+ const updatedAnswers = [...selectedAnswers];
+ updatedAnswers[activeQuestion] = index;
+ setSelectedAnswers(updatedAnswers);
+ };
+
+ const showConfirmSwal = () => {
+ Swal.fire({
+ icon: "warning",
+ title: "آیا از ادامۀ آزمون منصرف شده اید؟",
+ html: "در صورت اتمام آزمون پاسخهای شما ثبت نمیشوند",
+ background: "#473a67",
+ color: "#b4b3b3",
+ width: "29rem",
+ height: "15rem",
+ showCancelButton: true,
+ confirmButtonText: "بله",
+ cancelButtonText: "ادامه میدهم",
+ customClass: {
+ container: "custom-swal-container",
+ },
+ }).then((result) => {
+ if (result.isConfirmed) {
+ navigate("/TestPage");
+ } else {
+ // do nothing
+ }
+ });
+ };
+
+ const cancelTest = () => {
+ Swal.fire({
+ icon: "warning",
+ title: "از انجام آزمون منصرف شده اید؟",
+ background: "#473a67",
+ color: "#b4b3b3",
+ width: "26rem",
+ height: "18rem",
+ showCancelButton: true,
+ cancelButtonText: "ادامه میدهم",
+ confirmButtonText: "بله",
+ customClass: {
+ container: "custom-swal-container",
+ },
+ }).then((result) => {
+ if (result.isConfirmed) {
+ navigate("/TestPage");
+ } else {
+ // do nothing
+ }
+ });
+ };
+
+ const showTheResult = () => {
+ console.log(mbtiResult);
+ Swal.fire({
+ icon: "info",
+ title: "نتیجۀ تست شخصیتشناسی شما",
+ html: mbtiResult,
+ background: "#473a67",
+ color: "#b4b3b3",
+ width: "26rem",
+ height: "18rem",
+ // showCancelButton: true,
+ confirmButtonText: "تایید و رفتن به صفحۀ اصلی",
+ // cancelButtonText: "صفحۀ اصلی",
+ customClass: {
+ container: "custom-swal-container",
+ },
+ }).then((result) => {
+ Iif (result.isConfirmed) {
+ navigate("/");
+ }
+ });
+ };
+
+ const addLeadingZero = (number) => (number > 9 ? number : `0${number}`);
+
+ const persianNumbers = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"];
+
+ const convertToPersianNumbers = (number) => {
+ return String(number).replace(/\d/g, (digit) => persianNumbers[digit]);
+ };
+
+ return (
+ <>
+ <NavBar_SideBar />
+ <body className="mbti-body">
+ <div
+ className="mbti-quiz-container"
+ style={showResult ? { marginTop: "6%" } : {}}
+ >
+ {!showResult && (
+ <div>
+ {activeQuestion === 0 && (
+ <h2
+ style={{
+ fontSize: "30px",
+ color: "#55AD9B",
+ marginBottom: "10px",
+ textAlign: "center",
+ }}
+ >
+ تست شخصیتشناسی MBTI
+ </h2>
+ )}
+ <div className="mbti-header">
+ {activeQuestion !== 0 && (
+ <>
+ <ProgressBar
+ animated
+ className="mbti-progress-bar custom-color"
+ now={(activeQuestion + 1) * (100 / questions.length)}
+ />
+ <span className="mbti-active-question-no">
+ {convertToPersianNumbers(addLeadingZero(activeQuestion))}
+ </span>
+ <span className="mbti-total-question">
+ /
+ {convertToPersianNumbers(
+ addLeadingZero(questions.length - 1)
+ )}
+ </span>
+ </>
+ )}
+ </div>
+ <h2
+ style={
+ activeQuestion === 0
+ ? {
+ lineHeight: "1.8",
+ fontSize: "22px",
+ paddingTop: "20px",
+ }
+ : {}
+ }
+ >
+ {question}
+ </h2>
+ <ul>
+ {choices.map((choice, index) => (
+ <li
+ key={index}
+ className={
+ selectedAnswers[activeQuestion] === index
+ ? "mbti-selected-answer"
+ : ""
+ }
+ onClick={() => onAnswerSelected(index)}
+ >
+ {choice.text}
+ </li>
+ ))}
+ </ul>
+ <div className="mbti-button-group">
+ {activeQuestion === 0 ? (
+ <>
+ <button
+ style={{ width: "40px", fontSize: "16px" }}
+ onClick={() => {
+ if (localStorage.getItem("accessToken") !== null) {
+ onClickNext();
+ } else {
+ loginMessage();
+ }
+ }}
+ >
+ شروع آزمون
+ </button>
+ <button onClick={cancelTest}>انصراف</button>
+ </>
+ ) : (
+ <>
+ <button
+ onClick={onClickNext}
+ disabled={selectedAnswers[activeQuestion] === null}
+ title={
+ selectedAnswers[activeQuestion] === null &&
+ activeQuestion !== questions.length - 1
+ ? "برای ادامه باید حتما یک گزینه را انتخاب کنید"
+ : ""
+ }
+ style={
+ activeQuestion === questions.length - 1
+ ? { fontSize: "18px" }
+ : {}
+ }
+ >
+ {activeQuestion === questions.length - 1
+ ? "پایان آزمون"
+ : "بعدی"}
+ </button>
+
+ <span
+ style={{ fontSize: "19px" }}
+ onClick={showConfirmSwal}
+ className="mbti-complete-test"
+ >
+ اتمام آزمون
+ </span>
+ <button
+ onClick={onClickPrevious}
+ disabled={activeQuestion === 0}
+ >
+ قبلی
+ </button>
+ </>
+ )}
+ </div>
+ </div>
+ )}
+ {showResult && ( // Conditionally render result
+ <div className="mbti-result">
+ <h3
+ style={
+ showResult
+ ? {
+ fontWeight: "bolder",
+ color: "#9a94fb",
+ marginBottom: "33px",
+ }
+ : {}
+ }
+ >
+ آزمون شما به پایان رسید!
+ </h3>
+ <p>
+ پاسخهای شما پردازش شد. برای دیدن نتیجۀ آزمون خود، برروی دکمۀ
+ زیر کلیک کنید.
+ </p>
+ <button
+ style={{
+ display: "flex",
+ justifyContent: "center",
+ alignItems: "center",
+ marginTop: "120px",
+ marginRight: "34%",
+ }}
+ onClick={showTheResult}
+ >
+ دیدن نتایج
+ </button>
+ </div>
+ )}
+ </div>
+ </body>
+ </>
+ );
+};
+
+export default MBTITest;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 +398 +399 +400 +401 +402 +403 +404 +405 +406 +407 +408 +409 | 32x + + + + + + + + + +4x +4x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +4x + +4x + | import React, { useState, useEffect } from "react";
+import PHQ9 from "./questions_PHQ9";
+import ProgressBar from "react-bootstrap/ProgressBar";
+import Swal from "sweetalert2";
+import "./phq9_style.css";
+import axios from "axios";
+import { useNavigate } from "react-router-dom";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar";
+import Footer from "../Footer/Footer";
+
+const PHQ9Test = () => {
+ const navigate = useNavigate();
+ const [activeQuestion, setActiveQuestion] = useState(0);
+ const [selectedAnswers, setSelectedAnswers] = useState(
+ Array(PHQ9.questions.length).fill(null)
+ );
+ const [showResult, setShowResult] = useState(false);
+ const [phq9Result, setPhq9Result] = useState({});
+ const [result, setResult] = useState({
+ doneAnswers: 0,
+ emptyAnswers: 0,
+ });
+
+ const { questions } = PHQ9;
+ const { question, choices } = questions[activeQuestion];
+
+ useEffect(() => {
+ setSelectedAnswers((prevSelectedAnswers) => {
+ const updatedAnswers = [...prevSelectedAnswers];
+ updatedAnswers[activeQuestion] = selectedAnswers[activeQuestion];
+ return updatedAnswers;
+ });
+ console.log(selectedAnswers);
+ }, [activeQuestion]);
+
+ const sendAnswersToBack = async (data) => {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const dataString = JSON.stringify(data);
+ console.log(dataString);
+ const response = await axios.post(
+ "http://46.249.100.141:8070//TherapyTests/nmd/",
+ {
+ data: dataString,
+ },
+ {
+ method: "POST",
+ headers: {
+ Authorization: `Bearer ${token}`,
+ "Content-Type": "application/json",
+ },
+ }
+ );
+
+ if (response.status === 200) {
+ setShowResult(true);
+ console.log(response);
+ console.log(response.data.result);
+ } else {
+ Swal.fire({
+ icon: "error",
+ title: "!خطا در ارسال پاسخها",
+ html: "متاسفانه مشکلی رخ داد",
+ background: "#075662",
+ color: "#fff",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonColor: "#0a8ca0",
+ cancelButtonColor: "#0a8ca0",
+ confirmButtonText: "تایید",
+ }).then((result) => {
+ Iif (result.isConfirmed) {
+ navigate("/");
+ }
+ });
+ }
+ } catch (error) {
+ Swal.fire({
+ icon: "error",
+ title: "!خطا در ارسال درخواست",
+ html: "متاسفانه مشکلی رخ داد",
+ background: "#075662",
+ color: "#fff",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonColor: "#0a8ca0",
+ cancelButtonColor: "#0a8ca0",
+ confirmButtonText: "تایید",
+ }).then((result) => {
+ Iif (result.isConfirmed) {
+ navigate("/");
+ }
+ });
+ }
+ };
+
+ const loginMessage = () => {
+ Swal.fire({
+ icon: "warning",
+ title: "!برای انجام تست، ورود به حساب خود الزامی است",
+ html: "آیا میخواهید وارد شوید؟",
+ background: "#075662",
+ color: "#fff",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonColor: "#0a8ca0",
+ cancelButtonColor: "#0a8ca0",
+ showCancelButton: true,
+ confirmButtonText: "ورود",
+ cancelButtonText: "صفحۀ اصلی",
+ }).then((result) => {
+ if (result.isConfirmed) {
+ navigate("/Signup");
+ } else {
+ navigate("/");
+ }
+ });
+ };
+
+ const onClickNext = () => {
+ if (selectedAnswers[activeQuestion] !== null) {
+ setResult((prev) => ({
+ ...prev,
+ doneAnswers: prev.doneAnswers + 1,
+ }));
+ } else {
+ setResult((prev) => ({
+ ...prev,
+ emptyAnswers: prev.emptyAnswers + 1,
+ }));
+ }
+
+ if (activeQuestion !== questions.length - 1) {
+ setActiveQuestion((prev) => prev + 1);
+ } else {
+ const updatedAnswersForBack = {};
+ for (let i = 1; i < questions.length; i++) {
+ updatedAnswersForBack[i] = {
+ res: selectedAnswers[i] + 1,
+ };
+ }
+ sendAnswersToBack(updatedAnswersForBack);
+ // setShowResult(true);
+ }
+ };
+
+ const onClickPrevious = () => {
+ Iif (activeQuestion !== 0) {
+ setActiveQuestion((prev) => prev - 1);
+ }
+ };
+
+ const onAnswerSelected = (index) => {
+ console.log(activeQuestion);
+ const updatedAnswers = [...selectedAnswers];
+ updatedAnswers[activeQuestion] = index;
+ setSelectedAnswers(updatedAnswers);
+ };
+
+ const showConfirmSwal = () => {
+ Swal.fire({
+ icon: "warning",
+ title: "آیا از ادامۀ آزمون منصرف شده اید؟",
+ html: "در صورت اتمام آزمون پاسخهای شما ثبت نمیشوند",
+ background: "#075662",
+ color: "#fff",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonColor: "#0a8ca0",
+ cancelButtonColor: "#0a8ca0",
+ showCancelButton: true,
+ confirmButtonText: "بله",
+ cancelButtonText: "ادامه میدهم",
+ }).then((result) => {
+ if (result.isConfirmed) {
+ navigate("/TestPage");
+ } else {
+ // do nothing
+ }
+ });
+ };
+
+ const cancelTest = () => {
+ Swal.fire({
+ icon: "warning",
+ title: "از انجام آزمون منصرف شده اید؟",
+ background: "#075662",
+ color: "#fff",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonColor: "#0a8ca0",
+ cancelButtonColor: "#0a8ca0",
+ showCancelButton: true,
+ confirmButtonText: "بله",
+ cancelButtonText: "ادامه میدهم",
+ }).then((result) => {
+ if (result.isConfirmed) {
+ navigate("/TestPage");
+ } else {
+ // do nothing
+ }
+ });
+ };
+
+ const showTheResult = () => {
+ };
+
+ const addLeadingZero = (number) => (number > 9 ? number : `0${number}`);
+
+ const persianNumbers = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"];
+
+ const convertToPersianNumbers = (number) => {
+ return String(number).replace(/\d/g, (digit) => persianNumbers[digit]);
+ };
+
+ return (
+ <>
+ <NavBar_SideBar />
+ <body className="phq9-body">
+ <div
+ className="phq9-quiz-container"
+ // style={
+ // activeQuestion === 0
+ // ? { marginTop: "1%" }
+ // : { marginTop: "1%" }
+ // }
+ >
+ {!showResult && (
+ <div>
+ {activeQuestion === 0 && (
+ <h2
+ style={{
+ fontSize: "30px",
+ color: "#55ad9b",
+ marginBottom: "10px",
+ textAlign: "center",
+ fontFamily: "Ios15medium"
+ }}
+ >
+ تست شخصیتشناسی PHQ9
+ </h2>
+ )}
+ <div className="phq9-header">
+ {activeQuestion !== 0 && (
+ <>
+ <ProgressBar
+ animated
+ className="mbti-progress-bar custom-color"
+ now={(activeQuestion + 1) * (100 / questions.length)}
+ />
+ <span className="phq9-active-question-no">
+ {convertToPersianNumbers(addLeadingZero(activeQuestion))}
+ </span>
+ <span className="phq9-total-question">
+ /
+ {convertToPersianNumbers(
+ addLeadingZero(questions.length - 1)
+ )}
+ </span>
+ </>
+ )}
+ </div>
+ <h2
+ style={
+ activeQuestion === 0
+ ? {
+ lineHeight: "1.8",
+ fontSize: "21px",
+ paddingTop: "20px",
+ }
+ : {}
+ }
+ >
+ {question}
+ </h2>
+ <ul>
+ {choices.map((choice, index) => (
+ <li
+ key={index}
+ className={
+ selectedAnswers[activeQuestion] === index
+ ? "phq9-selected-answer"
+ : ""
+ }
+ onClick={() => onAnswerSelected(index)}
+ >
+ {choice.text}
+ </li>
+ ))}
+ </ul>
+ <div
+ className="phq9-button-group"
+ style={{ fontSize: "14px" }}
+ >
+ {activeQuestion === 0 ? (
+ <>
+ <button
+ style={{ width: "40px", fontSize: "14px" }}
+ onClick={() => {
+ if (localStorage.getItem("accessToken") !== null) {
+ onClickNext();
+ } else {
+ loginMessage();
+ }
+ }}
+ >
+ شروع آزمون
+ </button>
+ <button onClick={cancelTest}>انصراف</button>
+ </>
+ ) : (
+ <>
+ <button
+ onClick={onClickNext}
+ disabled={selectedAnswers[activeQuestion] === null}
+ title={
+ selectedAnswers[activeQuestion] === null &&
+ activeQuestion !== questions.length - 1
+ ? "برای ادامه باید حتما یک گزینه را انتخاب کنید"
+ : ""
+ }
+ style={
+ activeQuestion === questions.length - 1
+ ? { fontSize: "14px" }
+ : {}
+ }
+ >
+ {activeQuestion === questions.length - 1
+ ? "پایان آزمون"
+ : "بعدی"}
+ </button>
+
+ <span
+ style={{ fontSize: "16px" }}
+ onClick={showConfirmSwal}
+ className="phq9-complete-test"
+ >
+ اتمام آزمون
+ </span>
+ <button
+ onClick={onClickPrevious}
+ disabled={activeQuestion === 0}
+ >
+ قبلی
+ </button>
+ </>
+ )}
+ </div>
+ </div>
+ )}
+ {showResult && (
+ <div className="phq9-result" style={{ marginTop: "40px" }}>
+ <h3
+ style={
+ showResult
+ ? {
+ fontWeight: "bolder",
+ color: "#9a94fb",
+ marginBottom: "33px",
+ }
+ : {}
+ }
+ >
+ آزمون شما به پایان رسید!
+ </h3>
+ <p style={{ fontSize: "20px", paddingTop: "30px" }}>
+ پاسخهای شما پردازش شد. نتیجۀ این آزمون میگوید نیاز شما به هر
+ یک از نیازهای اساسی "عشق"، "بقا"، "آزادی"، "قدرت" و "سرگرمی و
+ تفریح" چقدر است. برای دیدن نتیجۀ آزمون خود، برروی دکمۀ زیر کلیک
+ کنید.
+ </p>
+ <button
+ style={{
+ display: "flex",
+ justifyContent: "center",
+ alignItems: "center",
+ marginTop: "120px",
+ marginRight: "34%",
+ }}
+ onClick={showTheResult}
+ >
+ دیدن نتایج
+ </button>
+ </div>
+ )}
+ </div>
+ </body>
+ <Footer />
+ </>
+ );
+};
+
+export default PHQ9Test;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| user_management.jsx | +
+
+ |
+ 5.55% | +6/108 | +8.33% | +4/48 | +3.7% | +1/27 | +3.88% | +4/103 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 +398 +399 +400 +401 +402 +403 +404 +405 +406 +407 +408 +409 +410 +411 +412 +413 +414 +415 +416 +417 +418 +419 +420 +421 +422 +423 +424 +425 +426 +427 +428 +429 +430 +431 +432 +433 +434 +435 +436 +437 +438 +439 +440 +441 +442 +443 +444 +445 | 256x + + + + + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React, { useState, useEffect, useRef } from "react";
+import Swal from "sweetalert2";
+import "./user_management.css";
+import { ToastContainer, toast } from "react-toastify";
+import axios from "axios";
+
+const UserManagement = () => {
+ const [search, setSearch] = useState("");
+ const [users, setUsers] = useState([]);
+ const [modalOpen, setModalOpen] = useState(false);
+ const [currentDenyIndex, setCurrentDenyIndex] = useState(null);
+ const [denialReason, setDenialReason] = useState("");
+ const intervalRef = useRef(null);
+ const [adminAccessToken, setAdminAccessToken] = useState("");
+
+ const convertToPersianNumbers = (value) => {
+ const persianNumbersMap = {
+ 0: "۰", 1: "۱", 2: "۲", 3: "۳", 4: "۴", 5: "۵", 6: "۶", 7: "۷", 8: "۸", 9: "۹",
+ };
+
+ // Ensure value is a string before applying replace
+ return String(value).replace(/[0-9]/g, (char) => persianNumbersMap[char] || char);
+ };
+
+
+ const handleSearch = (e) => {
+ setSearch(e.target.value);
+ };
+
+ useEffect(() => {
+ getAdminAccessToken();
+ console.log("token: ", adminAccessToken);
+ }, []);
+
+ useEffect(() => {
+ fetchDoctors();
+ intervalRef.current = setInterval(fetchDoctors, 5000);
+ return () => {
+ Iif (intervalRef.current) {
+ clearInterval(intervalRef.current);
+ }
+ };
+ }, []);
+
+ const getAdminAccessToken = async () => {
+ try {
+ axios.defaults.xsrfHeaderName = "X-CSRFTOKEN";
+ axios.defaults.xsrfCookieName = "csrftoken";
+ const response = await axios("http://46.249.100.141:8070/accounts/Login/", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ data: {
+ email: "eniakgroupiust@gmail.com",
+ password: "eniac@1403",
+ },
+ });
+ console.log("--------------------"+response.data);
+ setAdminAccessToken(response.data.access);
+ } catch (error) {
+ toast.error("خطا", {
+ position: "bottom-left",
+ autoClose: 2000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ };
+
+ const handleAcceptUser = async (userId) => {
+ try {
+ const response = await axios.post(
+ `http://46.249.100.141:8070/DoctorPanel/pending_doctor/accept/${adminAccessToken}/`,
+ {},
+ {
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${adminAccessToken}`,
+ },
+ }
+ );
+ if (response.status == 200) {
+ console.log("User accepted successfully:", response.data);
+ toast.success("کاربر با موفقیت تایید شد", {
+ position: "bottom-left",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ } else {
+ console.error("Error: ", error);
+ toast.error("خطا در تایید کاربر", {
+ position: "bottom-left",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ } catch (error) {
+ console.error("Error in handleAcceptUser catch:", error);
+ toast.error("مشکلی در تایید کاربر وجود دارد", {
+ position: "bottom-left",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ };
+
+ const handleDenyUser = async (userId) => {
+ try {
+ const response = await axios.post(
+ `http://eniacgroup.ir:8070//DoctorPanel/pending_doctor/deny/${userId}/`,
+ { message: denialReason },
+ {
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${adminAccessToken}`,
+ },
+ }
+ );
+ if (response.status == 200) {
+ console.log("User denied successfully:", response.data);
+ setUsers((prevUsers) =>
+ prevUsers.map((user, i) => {
+ Iif (i === currentDenyIndex) {
+ return {
+ ...user,
+ isApproved: false,
+ isDenied: true,
+ DenialReason: denialReason,
+ condition: `رد شده (${convertToPersianNumbers(user.applicationNum + 1)})`,
+ applicationNum: user.applicationNum + 1
+ };
+ }
+ return user;
+ })
+ );
+ toast.success("کاربر با موفقیت رد شد", {
+ position: "bottom-left",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ } else {
+ console.log("Error: ", response);
+ toast.error("خطا در عدم تأیید کاربر", {
+ position: "bottom-left",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ } catch (error) {
+ console.error("Error in handleDenyUser Catch:", error);
+ toast.success("کاربر با موفقیت رد شد", {
+ position: "bottom-left",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+
+ };
+
+
+
+ const handleToggleAction = (e, index, action) => {
+ e.stopPropagation();
+ e.preventDefault();
+
+ if (action === "approve") {
+ const user = users[index];
+
+ Iif (!user.isApproved) {
+ handleAcceptUser(user.id);
+ setUsers((prevUsers) =>
+ prevUsers.map((user, i) =>
+ i === index ? { ...user, isApproved: true, isDenied: false, condition: "-" } : user
+ )
+ );
+ }
+ I} else if (action === "deny") {
+ setCurrentDenyIndex(index);
+ setDenialReason("");
+ setModalOpen(true);
+ }
+ };
+
+
+ const handleDenySubmit = () => {
+ Iif (!denialReason.trim()) {
+ toast.error("دلیل عدم تایید را وارد کنید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ return;
+ }
+
+ const userId = users[currentDenyIndex]?.id;
+ Iif (userId) {
+ handleDenyUser(userId);
+ }
+ setModalOpen(false);
+ };
+
+
+ const fetchDoctors = async () => {
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios.get("http://eniacgroup.ir:8070//DoctorPanel/pending_doctor", {
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ });
+ const doctorsArray = response.data?.data || [];
+
+ if (Array.isArray(doctorsArray) && doctorsArray.length > 0) {
+ setUsers((prevUsers) => {
+ const updatedUsers = doctorsArray.map((doctor) => {
+ const existingUser = prevUsers.find((user) => user.id === doctor.id);
+
+ return {
+ id: doctor.id,
+ firstname: doctor.firstname,
+ lastname: doctor.lastname,
+ code: doctor.doctorate_code,
+ isApproved: existingUser ? existingUser.isApproved : false,
+ isDenied: existingUser ? existingUser.isDenied : false,
+ DenialReason: existingUser ? existingUser.DenialReason : "",
+ condition: existingUser ? existingUser.condition : "-",
+ applicationNum: existingUser ? existingUser.applicationNum : 0
+ };
+ });
+
+ return updatedUsers;
+ });
+ } else {
+ // If no data or empty array, ensure users state is cleared
+ setUsers([]);
+ }
+ } catch (error) {
+ console.error("Error fetching doctors:", error);
+ toast.error("مشکلی در دریافت دادههای پزشکان وجود دارد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+
+ // Set users to an empty array in case of error
+ setUsers([]);
+ }
+ };
+
+ const filteredUsers = users.filter(
+ (user) =>
+ user.firstname.toLowerCase().includes(search.toLowerCase()) ||
+ user.lastname.toLowerCase().includes(search.toLowerCase()) ||
+ user.code.includes(search)
+ );
+
+ return (
+ <>
+ <ToastContainer />
+ <div className="page-container">
+ <h2
+ style={{
+ textAlign: "center",
+ fontFamily: "Ios15Medium",
+ fontWeight: "bolder",
+ color: "#557C56", // Text color
+ textShadow: "3px 3px 3px #939185", // Black outline
+ }}
+ > مدیریت کاربران </h2>
+
+ <div className="search-bar"
+ >
+ <input
+ type="text"
+ value={search}
+ onChange={handleSearch}
+ placeholder="جستجو ..."
+ />
+ </div>
+ <div className="page-container-table">
+ <table>
+ <thead>
+ <tr style={{ backgroundColor: "#9EDF9C", fontFamily: "Ios15Medium" }}>
+ <th style={{ padding: "10px", borderBottom: "1px solid #ddd", fontFamily: "Ios15Medium" }}>نام</th>
+ <th style={{ padding: "10px", borderBottom: "1px solid #ddd", fontFamily: "Ios15Medium" }}>نام خانوادگی</th>
+ <th style={{ padding: "10px", borderBottom: "1px solid #ddd", fontFamily: "Ios15Medium" }}>
+ شمارۀ نظام پزشکی/روانشناسی
+ </th>
+ <th style={{ padding: "10px", borderBottom: "1px solid #ddd", fontFamily: "Ios15Medium" }}>عملیات</th>
+ <th style={{ padding: "10px", borderBottom: "1px solid #ddd", fontFamily: "Ios15Medium" }}>وضعیت</th>
+ </tr>
+ </thead>
+ <tbody>
+ {filteredUsers.map((user, index) => (
+ <tr
+ key={index}
+ style={{ backgroundColor: index % 2 === 0 ? "#fff" : "#f9f9f9", fontFamily: "Ios15Medium", fontSize: "15px" }}
+ >
+ <td style={{ padding: "10px", borderBottom: "1px solid #ddd", fontFamily: "Ios15Medium" }}>
+ {user.firstname}
+ </td>
+ <td style={{ padding: "10px", borderBottom: "1px solid #ddd", fontFamily: "Ios15Medium" }}>
+ {user.lastname}
+ </td>
+ <td style={{ padding: "10px", borderBottom: "1px solid #ddd", fontFamily: "Ios15Medium" }}>
+ {user.code}
+ </td>
+ <td
+ style={{
+ padding: "10px",
+ borderBottom: "1px solid #ddd",
+ display: "flex",
+ justifyContent: "center",
+ gap: "10px",
+ fontFamily: "Ios15Medium",
+ }}
+ >
+ <button
+ onClick={(e) => handleToggleAction(e, index, "approve")}
+ className={`table-button approve ${user.isApproved ? "active" : ""}`}
+ >
+ {user.isApproved ? "تأیید..." : "تأیید "}
+ </button>
+
+ <button
+ onClick={(e) => handleToggleAction(e, index, "deny")}
+ className="table-button deny"
+ >
+ عدم تأیید
+ </button>
+ </td>
+ <td
+ style={{
+ padding: "10px",
+ borderBottom: "1px solid #ddd",
+ fontFamily: "Ios15Medium",
+ }}
+ >
+ {user.condition}
+ </td>
+ </tr>
+ ))}
+ </tbody>
+ </table>
+ </div>
+ {modalOpen && (
+ <div
+ style={{
+ position: "fixed",
+ top: 0,
+ left: 0,
+ width: "100vw",
+ height: "100vh",
+ backgroundColor: "rgba(0, 0, 0, 0.5)",
+ display: "flex",
+ justifyContent: "center",
+ alignItems: "center",
+ }}
+ >
+ <div
+ style={{
+ width: "400px",
+ backgroundColor: "#faeae8",
+ padding: "20px",
+ borderRadius: "8px",
+ boxShadow: "0 2px 10px rgba(0,0,0,0.2)",
+ textAlign: "center",
+ direction: "rtl",
+ }}
+ >
+ <h3 style={{ fontFamily: "Ios15Medium", color: "#982B1C", textShadow: "0 2px 10px rgba(0,0,0,0.2)" }}>عدم تایید کاربر</h3>
+ <textarea
+ value={denialReason}
+ onChange={(e) => setDenialReason(e.target.value)}
+ placeholder="دلیل عدم تایید را وارد کنید."
+ style={{
+ width: "90%",
+ height: "100px",
+ padding: "8px",
+ margin: "10px 0",
+ borderRadius: "5px",
+ border: "1px solid #ccc",
+ }}
+ />
+ <div style={{ marginTop: "20px" }}>
+ <button
+ onClick={handleDenySubmit}
+ className="modal-button confirm"
+ >
+ ثبت
+ </button>
+ <button
+ onClick={() => setModalOpen(false)}
+ className="modal-button cancel"
+ >
+ انصراف
+ </button>
+ </div>
+ </div>
+ </div>
+ )}
+ </div>
+ </>
+ );
+};
+
+export default UserManagement;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 | 288x + + + + + + + + + + + + + + + + + + + + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import React, { useState } from "react";
+
+import axios from "axios";
+import Swal from "sweetalert2";
+import validator from "validator";
+import withReactContent from "sweetalert2-react-content";
+import { ToastContainer, toast } from "react-toastify";
+import { TbGenderBigender } from "react-icons/tb";
+import { FaRegCalendarDays, FaPhoneFlip } from "react-icons/fa6";
+import { MdDriveFileRenameOutline, MdAlternateEmail } from "react-icons/md";
+
+function toPersianDigits(str) {
+ const persianDigits = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹'];
+ return str.replace(/\d/g, (digit) => persianDigits[digit]);
+}
+function toEnglishDigits(str) {
+ const persianDigits = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹'];
+ const englishDigits = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
+ return str.replace(/[۰-۹]/g, (digit) => englishDigits[persianDigits.indexOf(digit)]);
+}
+
+function ChangeInformation({ p_pages, user_info, setinfo }) {
+ const [sub1, setSub1] = useState(true);
+ const [sub2, setSub2] = useState(true);
+ const [sub3, setSub3] = useState(true);
+ const [sub4, setSub4] = useState(true);
+ let p = toPersianDigits(user_info.PhoneNumber)
+ const [phone_, setValue] = useState(p);
+ const GetFirstName = (event) => {
+ if (
+ validator.isAlpha(event.target.value.replace(" ", ""), "fa-IR") |
+ validator.isAlpha(event.target.value.replace(" ", ""), "en-AU")
+ )
+ setSub1(true);
+ else setSub1(false);
+ };
+ const GetLastName = (event) => {
+ if (
+ validator.isAlpha(
+ event.target.value.replace(" ", "").replace(" ", ""),
+ "fa-IR"
+ ) |
+ validator.isAlpha(
+ event.target.value.replace(" ", "").replace(" ", ""),
+ "en-AU"
+ )
+ )
+ setSub2(true);
+ else setSub2(false);
+ };
+ const GetNumber = (event) => {
+ const persianValue = event.target.value;
+ const englishValue = toPersianDigits(persianValue);
+ setValue(englishValue); console.log(phone_);
+ const phone = toEnglishDigits(event.target.value)
+ if (
+ validator.isNumeric(phone) &
+ (phone.length == 11)
+ )
+ setSub3(true);
+ else setSub3(false);
+ };
+
+ async function SendUserInfo(event) {
+ const n_firstname = document.getElementById("user_firstname").value;
+ const n_lastname = document.getElementById("user_lastname").value;
+ const n_gender = document.getElementById("user_gender").value;
+ const n_birthday = document.querySelector("jb-date-input").value;
+ const n_phonenumber = toEnglishDigits(document.getElementById("user_phonenumber").value);
+ event.preventDefault();
+ if (!(sub1 & sub2 & sub3))
+ toast.warn( "!تغییر درست فیلد ها الزامی است", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ else if (sub4)
+ toast.warn( "!تغییری برای اعمال وجود ندارد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ else {
+ const accessToken = localStorage.getItem("accessToken");
+ try {
+ const response = await axios(
+ "http://eniacgroup.ir:8070/accounts/complete_info/",
+ {
+ method: "POST",
+ headers: {
+ Authorization: `Bearer ${accessToken}`,
+ "Content-Type": "application/json",
+ },
+ data: {
+ firstname: n_firstname,
+ lastname: n_lastname,
+ phone_number: n_phonenumber,
+ date_of_birth: n_birthday,
+ gender: n_gender,
+ },
+ }
+ );
+ Iif (response.status == 200) {
+ setSub4(true);
+ toast.success( "!اطلاعات شما با موفقیت ثبت شد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ setinfo({
+ FirstName: n_firstname,
+ LastName: n_lastname,
+ Email: user_info.Email,
+ BirthDay: n_birthday,
+ Gender: n_gender,
+ PhoneNumber: n_phonenumber,
+ });
+ }
+ } catch (error) {
+ Iif (error.response.status == 500)
+ toast.error( "!ثبت اطلاعات موفقیت آمیز نبود", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ Iif (error.response.status == 400) {
+ const msg = error.response.data;
+ Iif (msg.phone_number != null)
+ toast.error( "!شماره باید در قالب ایران باشد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ }
+ }
+ }
+ return (
+ <div className="panel" style={{ direction: "rtl" }} onLoad={SendUserInfo}>
+ <ToastContainer />
+ <div
+ className="panel-body bio-graph-info"
+ style={p_pages == 2 ? { display: "inline-block" } : { display: "none" }}
+ >
+ <h1>اصلاح اطلاعات شخصی</h1>
+ <div className="row">
+ <div className="bio-row">
+ <p>
+ <MdDriveFileRenameOutline style={{ color: "#489182" }} />
+ <span>نام: </span>
+ <br />
+ <input
+ tabIndex="1"
+ type="text"
+ id="user_firstname"
+ defaultValue={user_info.FirstName}
+ className="profile_input"
+ onChange={(e) => {
+ GetFirstName(e);
+ setSub4(false);
+ }}
+ />
+ <div
+ className="profile_sub_error"
+ style={sub1 ? { display: "none" } : {}}
+ >
+ نام وارد شده باید فقط دارای حروف باشد
+ </div>
+ </p>
+ </div>
+ <div className="bio-row">
+ <p>
+ <MdDriveFileRenameOutline style={{ color: "#489182" }} />
+ <span>نام خانوادگی :</span>
+ <br />
+ <input
+ tabIndex="2"
+ type="text"
+ id="user_lastname"
+ defaultValue={user_info.LastName}
+ className="profile_input"
+ onChange={(e) => {
+ GetLastName(e);
+ setSub4(false);
+ }}
+ />
+ <div
+ className="profile_sub_error"
+ style={sub2 ? { display: "none" } : {}}
+ >
+ نام وارد شده باید فقط دارای حروف باشد
+ </div>
+ </p>
+ </div>
+ <div className="bio-row">
+ <p>
+ <TbGenderBigender style={{ color: "#489182" }} />
+ <span>جنسیت:</span>
+ <br />
+ <select
+ tabIndex="3"
+ id="user_gender"
+ className="profile_input_G"
+ defaultValue={user_info.Gender}
+ onChange={(e) => {
+ setSub4(false);
+ }}
+ >
+ <option value="F" className="profile_input_F">
+ مونث
+ </option>
+ <option value="M" className="profile_input_M">
+ مذکر
+ </option>
+ <option value="B" className="profile_input_B">
+ نامشخص
+ </option>
+ </select>
+ </p>
+ </div>
+ <div className="bio-row" style={{ display: "flex" }}>
+ <p>
+ <FaRegCalendarDays style={{ color: "#489182" }} />
+ <span>تاریخ تولد:</span>
+ <br />
+ <div class="component-wrapper">
+ <jb-date-input
+ tabIndex="4"
+ onClick={(e) => {
+ setSub4(false);
+ }}
+ id="user_birthday"
+ input-type="JALALI"
+ format="YYYY-MM-DD"
+ value={user_info.BirthDay}
+ />
+ </div>
+ </p>
+ </div>
+ <div className="bio-row">
+ <p>
+ <FaPhoneFlip style={{ color: "#489182" }} />
+ <span>شماره همراه :</span>
+ <br />
+ <input
+ tabIndex="5"
+ type="text"
+ id="user_phonenumber"
+ defaultValue={toPersianDigits(user_info.PhoneNumber)}
+ value={phone_}
+ className="profile_input"
+ onChange={(e) => {
+ GetNumber(e);
+ setSub4(false);
+ }}
+ />
+ <div
+ className="profile_sub_error"
+ style={sub3 ? { display: "none" } : {}}
+ >
+ شماره همراه وارد شده صحیح نیست!
+ </div>
+ </p>
+ </div>
+ <button
+ className="button-8"
+ role="button"
+ style={{ width: "25%", marginRight: "60%" }}
+ onClick={(e) => {
+ SendUserInfo(e);
+ }}
+ >
+ ثبت {" "}اطلاعات
+ </button>
+ </div>
+ </div>
+ </div>
+ );
+}
+
+export default ChangeInformation;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 | 288x + + + + + + + + + + + + + + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + + +32x | import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { BsKeyFill } from "react-icons/bs";
+import axios from "axios";
+import { toast } from "react-toastify";
+import { Icon } from "react-icons-kit";
+import { eyeOff } from "react-icons-kit/feather/eyeOff";
+import { eye } from "react-icons-kit/feather/eye";
+import validator from "validator";
+
+import Swal from "sweetalert2";
+import withReactContent from "sweetalert2-react-content";
+import "./User_Panel.css";
+
+function ChangePassword({ p_pages }) {
+ const navigate = useNavigate();
+ const [oldpasswordType, setoldPasswordType] = useState("password");
+ const [passwordType, setPasswordType] = useState("password");
+ const [repeatPasswordType, setRepeatPasswordType] = useState("password");
+ const [oldpasswordIcon, setoldPasswordIcon] = useState(eyeOff);
+ const [passwordIcon, setPasswordIcon] = useState(eyeOff);
+ const [repeatPasswordIcon, setRepeatPasswordIcon] = useState(eyeOff);
+
+ const [sub_1, set_Sub1] = useState(true);
+ const [sub_2, set_Sub2] = useState(true);
+ const [sub_3, set_Sub3] = useState(true);
+ const [sub_4, set_Sub4] = useState(true);
+ const handlePasswordToggle = () => {
+ setPasswordType(passwordType === "password" ? "text" : "password");
+ setPasswordIcon(passwordIcon === eye ? eyeOff : eye);
+ };
+
+ const handleRepeatPasswordToggle = () => {
+ setRepeatPasswordType(
+ repeatPasswordType === "password" ? "text" : "password"
+ );
+ setRepeatPasswordIcon(repeatPasswordIcon === eye ? eyeOff : eye);
+ };
+ const handleoldPasswordToggle = () => {
+ setoldPasswordType(oldpasswordType === "password" ? "text" : "password");
+ setoldPasswordIcon(oldpasswordIcon === eye ? eyeOff : eye);
+ };
+
+ const CheckNotEmpty = (event, setsub) => {
+ if (validator.isEmpty(event.target.value) | (event.target.value.length < 8))
+ setsub(false);
+ else setsub(true);
+ };
+ const CheckNotNumeric = (event, setsub) => {
+ if (validator.isNumeric(event.target.value) & validator.isAlphanumeric(event.target.value))
+ setsub(false);
+ else setsub(true);
+ };
+
+ async function SendChangePassword(event) {
+ event.preventDefault();
+ const accessToken = localStorage.getItem("accessToken");
+ const o_password = document.getElementById("o_password").value;
+ const n_password = document.getElementById("n_password").value;
+ const nr_password = document.getElementById("n_repeat_password").value;
+ if (!(sub_1 & sub_2 & sub_3 & sub_4))
+ toast.warn( "!فیلد ها را به دقت پر کنید", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ else if (n_password != nr_password)
+ toast.error( "!رمز جدید و تکرار مطابقت ندارند", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ else {
+ try {
+ const response = await axios(
+ "http://eniacgroup.ir:8070/accounts/change_password/",
+ {
+ method: "POST",
+ headers: {
+ Authorization: `Bearer ${accessToken}`,
+ "Content-Type": "application/json",
+ },
+ data: {
+ old_password: o_password,
+ new_password: n_password,
+ new_password1: nr_password,
+ },
+ }
+ );
+ Iif (response.status == 200)
+ toast.success( "!رمز عبور با موفقیت عوض شد", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ } catch (error) {
+ const data = error.response.data;
+ Iif (error.response.status == 400) {
+ Iif (data.error == "Invalid current password.")
+ withReactContent(Swal).fire({
+ icon: "error",
+ title: "!رمز عبور قدیمی به درستی وارد نشده",
+ html: "در صورت فراموشی، نیاز به بازبینی رمزعبور دارید؟",
+ background: "#075662",
+ color: "#FFFF",
+ width: "35rem",
+
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonText: "بله",
+ cancelButtonText: "خیر",
+ confirmButtonColor: '#0a8ca0',
+ cancelButtonColor: '#0a8ca0',
+ showConfirmButton: true,
+ showCancelButton: true,
+ preConfirm: () => {
+ navigate("/ForgetPassword");
+ },
+
+ });
+ Iif (data.new_password[0] == "This password is too common.")
+ toast.error( "!رمز عبور جدید رایج هست", {
+ position: "bottom-left",
+ autoClose: 3000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ });
+ }
+ }
+ }
+ }
+ return (
+ <div className="panel" style={{ direction: "rtl", width: '770px' }}>
+ <div
+ className="panel-body bio-graph-info"
+ style={p_pages == 3 ? { display: "inline-block" } : { display: "none" }}
+ >
+ <h1 style={{ marginBottom: "50px" }}>تغییر رمز عبور</h1>
+ <div className="row">
+ <div className="bio-row">
+ <p>
+ <BsKeyFill
+ style={{
+ color: "#489182",
+ width: "30px",
+ height: "30px",
+ }}
+ />
+ <span style={{ width: '160px' }}>رمز عبور قبلی :</span>
+ <input
+ tabIndex="1"
+ type={oldpasswordType}
+ id="o_password"
+ className="profile_input"
+ onChange={(event) => {
+ CheckNotEmpty(event, set_Sub1);
+ }}
+ />
+ <span onClick={handleoldPasswordToggle} style={{ width: '50px' }}>
+ <Icon icon={oldpasswordIcon} size={23} />
+ </span>
+ <div
+ className="profile_sub_error"
+ style={sub_1 ? { display: "none" } : { marginRight: "260px" }}
+ >
+ رمز عبور باید حداقل 8 کاراکتر داشته باشد!
+ </div>
+ </p>
+ </div>
+ <div className="bio-row">
+ <p>
+ <BsKeyFill
+ style={{
+ color: "#489182",
+ width: "30px",
+ height: "30px",
+ }}
+ />
+ <span style={{ width: '160px' }}>رمز عبور جدید :</span>
+ <input
+ tabIndex="2"
+ type={passwordType}
+ id="n_password"
+ className="profile_input"
+ onChange={(event) => {
+ CheckNotEmpty(event, set_Sub2);
+ CheckNotNumeric(event, set_Sub4);
+ }}
+ />
+ <span onClick={handlePasswordToggle} style={{ width: '50px' }}>
+ <Icon icon={passwordIcon} size={23} />
+ </span>
+ <div
+ className="profile_sub_error"
+ style={(sub_4 & sub_2) ? { display: "none" } : { marginRight: "260px" }}
+ >
+ رمز عبور باید از حداقل 8 کاراکتر و عدد ساخته شده باشد!
+ </div>
+ </p>
+ </div>
+ <div className="bio-row">
+ <p>
+ <BsKeyFill
+ style={{
+ color: "#489182",
+ width: "30px",
+ height: "30px",
+ }}
+ />
+ <span style={{ width: '160px' }}>تکرار رمز عبور جدید :</span>
+ <input
+ tabIndex="3"
+ type={repeatPasswordType}
+ id="n_repeat_password"
+ className="profile_input"
+ onChange={(event) => {
+ CheckNotEmpty(event, set_Sub3);
+ }}
+ />
+ <span onClick={handleRepeatPasswordToggle} style={{ width: '50px' }}>
+ <Icon icon={repeatPasswordIcon} size={23} />
+ </span>
+ <div
+ className="profile_sub_error"
+ style={sub_3 ? { display: "none" } : { marginRight: "260px" }}
+ >
+ رمز عبور باید حداقل 8 کاراکتر داشته باشد!
+ </div>
+
+ </p>
+ </div>
+ <button
+ className="button-8"
+ role="button"
+ style={{
+ width: "25%",
+ marginRight: "38%",
+ marginTop: "3%",
+ }}
+ onClick={SendChangePassword}
+ >
+ تغییر رمز
+ </button>
+ </div>
+ </div>
+ </div>
+ );
+}
+
+export default ChangePassword;
+//ftm15963 |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 | 288x + + + + + + + + + + + + + + + + + + + + + + +32x + + + + + + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x +32x + | import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import DateObject from "react-date-object";
+import persian from "react-date-object/calendars/persian";
+
+import { TbGenderBigender } from "react-icons/tb";
+import { FaRegCalendarDays, FaPhoneFlip } from "react-icons/fa6";
+import { MdDriveFileRenameOutline, MdAlternateEmail } from "react-icons/md";
+
+import male_avatar from "../../assets/Male_Avatar.jpg";
+import female_avatar from "../../assets/Female_Avatar.jpg";
+import nogender_avatar from "../../assets/NoGender.png";
+
+import axios from "axios";
+import Swal from "sweetalert2";
+import withReactContent from "sweetalert2-react-content";
+
+import "./User_Panel.css";
+import ChangePassword from "./ChangePassword";
+import ChangeInformation from "./ChangeInformation";
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar";
+import Footer from "../Footer/Footer";
+
+const User_Panel = () => {
+
+function toPersianDigits(str) {
+ const persianDigits = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹'];
+ return str.replace(/\d/g, (digit) => persianDigits[digit]);
+}
+
+ const navigate = useNavigate();
+ const [pages, setdisplay] = useState(1);
+ const [user_info, setinfo] = useState({
+ FirstName: "",
+ LastName: "",
+ Email: "",
+ BirthDay: null,
+ Gender: "",
+ PhoneNumber: "",
+ });
+ const date = new DateObject({ calendar: "persian", date: user_info.BirthDay ? new Date(user_info.BirthDay) : new Date(), locale: "fa", format: "DD-MM-YYYY", digit: "fa" });
+ date.convert(persian);
+ async function GetUserInfo(event) {
+ event.preventDefault();
+ const accessToken = localStorage.getItem("accessToken");
+ if (accessToken == null)
+ withReactContent(Swal)
+ .fire({
+ icon: "warning",
+ title: "!برای مشاهده اطلاعات شخصی ورود به اکانت خود الزامی است",
+ background: "#075662",
+ color: "#FFFF",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ showDenyButton: true,
+ confirmButtonText: "ورود به سایت",
+ confirmButtonColor: '#0a8ca0',
+ denyButtonText: "صفحه اصلی",
+ denyButtonColor: "#0a8ca0"
+ })
+ .then((result) => {
+ if (result.isConfirmed) {
+ navigate("/Signup");
+ I} else if (result.isDenied) {
+ navigate("/Home");
+ }
+ });
+ else {
+ try {
+ const response = await axios(
+ "http://eniacgroup.ir:8070/accounts/get_user/",
+ {
+ method: "GET",
+ headers: {
+ Authorization: `Bearer ${accessToken}`,
+ "Content-Type": "application/json",
+ },
+ }
+ );
+ Iif (response.status == 200) {
+ const data = response.data.user;
+ setinfo({
+ FirstName: data.firstname == null ? "" : data.firstname,
+ LastName: data.lastname == null ? "" : data.lastname,
+ Email: data.email,
+ BirthDay:
+ data.date_of_birth == null ? "11-11-2024" : data.date_of_birth,
+ Gender: data.gender == null ? "" : data.gender,
+ PhoneNumber: data.phone_number == null ? "" : data.phone_number,
+ });
+ }
+ } catch (error) {
+ Iif (error.response.status == 403) {
+ withReactContent(Swal).fire({
+ icon: "error",
+ title: "!برای مشاهده اطلاعات شخصی ورود به اکانت خود الزامی است",
+ background: "#075662",
+ color: "#FFFF",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonText: "تایید",
+ confirmButtonColor: '#0a8ca0',
+ preConfirm: () => {
+ navigate("/Signup");
+ },
+ });
+ }
+ }
+ }
+ }
+
+
+ return (
+ <>
+ <body style={{ display:'grid' }}>
+ <NavBar_SideBar />
+ <div
+ className="prof_body"
+ style={pages == 2 ? { paddingTop: "1.5%" } : {}}
+ onLoad={GetUserInfo}
+ >
+ <div className="prof_Box">
+ <link
+ href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"
+ rel="stylesheet"
+ />
+ <div className="container bootstrap snippets bootdey">
+ <div className="row">
+ <div className="profile-nav col-md-3">
+ <div className="panel">
+ <div className="user-heading round">
+ <a href="#">
+ <img
+ src={
+ user_info.Gender == "M" ? male_avatar :
+ user_info.Gender == "F" ? female_avatar :
+ nogender_avatar
+ }
+ alt="Avatar"
+ />
+ </a>
+ <br />
+ <br />
+ <h1>
+ {user_info.FirstName} {user_info.LastName}
+ </h1>
+ <p>{user_info.Email}</p>
+ </div>
+
+ <ul className="nav nav-pills nav-stacked">
+ <li
+ className="active"
+ onClick={(e) => {
+ setdisplay(1);
+ }}
+ >
+ <label
+ href=""
+ style={
+ pages == 1
+ ? {
+ background: "#f8f7f5",
+ borderLeft: "5px solid #55AD9B",
+ color: " #89817f",
+ width: "100%",
+ }
+ : {}
+ }
+ >
+ {" "}
+ <i
+ className="fa fa-user"
+ style={
+ pages == 1
+ ? { color: "#55AD9B" }
+ : { color: "#89817f" }
+ }
+ />
+ اطلاعات شخصی
+ </label>
+ </li>
+ <li
+ onClick={(e) => {
+ setdisplay(2);
+ }}
+ >
+ <label
+ href=""
+ style={
+ pages == 2
+ ? {
+ background: "#f8f7f5",
+ borderLeft: "5px solid #55AD9B",
+ color: " #89817f",
+ width: "100%",
+ }
+ : {}
+ }
+ >
+ {" "}
+ <i
+ className="fa fa-edit"
+ style={
+ pages == 2
+ ? { color: "#55AD9B" }
+ : { color: "#89817f" }
+ }
+ />{" "}
+ اعمال تغییرات
+ </label>
+ </li>
+ <li onClick={(e) => setdisplay(3)}>
+ <label
+ href=""
+ style={
+ pages == 3
+ ? {
+ background: "#f8f7f5",
+ borderLeft: "5px solid #55AD9B",
+ color: " #89817f",
+ width: "100%",
+ }
+ : {}
+ }
+ >
+ {" "}
+ <i
+ className="fa fa-key"
+ style={
+ pages == 3
+ ? { color: "#55AD9B" }
+ : { color: "#89817f" }
+ }
+ />{" "}
+ تغییر رمز عبور
+ </label>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div className="col-md-9" style={{ marginTop: "20px" }}>
+ <div className="panel" style={{ direction: "rtl" }}>
+ <div
+ className="panel-body bio-graph-info"
+ style={
+ pages == 1
+ ? { display: "inline-block" }
+ : { display: "none" }
+ }
+ >
+ <h1>اطلاعات شخصی</h1>
+ <div className="row">
+ <div className="bio-row">
+ <p>
+ <MdDriveFileRenameOutline
+ style={{ color: "#489182" }}
+ />
+ <span>نام </span>: {user_info.FirstName}
+ </p>
+ </div>
+ <div className="bio-row">
+ <p>
+ <MdDriveFileRenameOutline
+ style={{ color: "#489182" }}
+ />
+ <span>نام خانوادگی </span>: {user_info.LastName}
+ </p>
+ </div>
+ <div className="bio-row">
+ <p>
+ <TbGenderBigender style={{ color: "#489182" }} />
+ <span>جنسیت</span>:{" "}
+ {user_info.Gender === "F"
+ ? "مونث"
+ : user_info.Gender === "M"
+ ? "مذکر"
+ : "نامشخص"}
+ </p>
+ </div>
+ <div className="bio-row">
+ <p>
+ <FaRegCalendarDays style={{ color: "#489182" }} />
+ <span>تاریخ تولد</span>:{" "}
+ {toPersianDigits(date.format("YYYY/MM/DD"))}
+ </p>
+ </div>
+ <div className="bio-row">
+ <p>
+ <FaPhoneFlip style={{ color: "#489182" }} />
+ <span>شماره همراه </span>: {toPersianDigits(user_info.PhoneNumber)}
+ </p>
+ </div>
+ <div className="bio-row">
+ <p>
+ <MdAlternateEmail style={{ color: "#489182" }} />
+ <span>ایمیل </span>: {user_info.Email}
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <ChangeInformation
+ p_pages={pages}
+ user_info={user_info}
+ setinfo={setinfo}
+ />
+ <ChangePassword p_pages={pages} />
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <Footer />
+ </body>
+ </>
+ );
+};
+export default User_Panel;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| ChangeInformation.jsx | +
+
+ |
+ 5.88% | +4/68 | +12% | +3/25 | +6.25% | +1/16 | +6.25% | +4/64 | +
| ChangePassword.jsx | +
+
+ |
+ 6.77% | +4/59 | +8.57% | +3/35 | +7.69% | +1/13 | +7.01% | +4/57 | +
| User_Panel.jsx | +
+
+ |
+ 14.28% | +5/35 | +6.52% | +3/46 | +9.09% | +1/11 | +16.12% | +5/31 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 | 256x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x +32x + | import React, { useState, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+
+import { PiNotepadLight } from "react-icons/pi";
+import { IoHeart } from "react-icons/io5";
+import { GiPlantRoots, GiStrong, GiLaserSparks } from "react-icons/gi";
+import { GiFreedomDove } from "react-icons/gi";
+
+import axios from "axios";
+import Swal from "sweetalert2";
+import withReactContent from "sweetalert2-react-content";
+
+import NavBar_SideBar from "../SidebarNabar/NavBar_SideBar";
+import Footer from "../Footer/Footer";
+
+import ISTP_M from "./Icons/ISTP_M.jpg";
+import ISTP_F from "./Icons/ISTP_F.jpg";
+import ISTJ_M from "./Icons/ISTJ_M.jpg";
+import ISTJ_F from "./Icons/ISTJ_F.jpg";
+import ISFP_M from "./Icons/ISFP_M.jpg";
+import ISFP_F from "./Icons/ISFP_F.jpg";
+import ISFJ_M from "./Icons/ISFJ_M.jpg";
+import ISFJ_F from "./Icons/ISFJ_F.jpg";
+import INTP_M from "./Icons/INTP_M.jpg";
+import INTP_F from "./Icons/INTP_F.jpg";
+import INTJ_M from "./Icons/INTJ_M.jpg";
+import INTJ_F from "./Icons/INTJ_F.jpg";
+import INFP_M from "./Icons/INFP_M.jpg";
+import INFP_F from "./Icons/INFP_F.jpg";
+import INFJ_M from "./Icons/INFJ_M.jpg";
+import INFJ_F from "./Icons/INFJ_F.jpg";
+import ESTP_M from "./Icons/ESTP_M.jpg";
+import ESTP_F from "./Icons/ESTP_F.jpg";
+import ESTJ_M from "./Icons/ESTJ_M.jpg";
+import ESTJ_F from "./Icons/ESTJ_F.jpg";
+import ESFP_M from "./Icons/ESFP_M.jpg";
+import ESFP_F from "./Icons/ESFP_F.jpg";
+import ESFJ_M from "./Icons/ESFJ_M.jpg";
+import ESFJ_F from "./Icons/ESFJ_F.jpg";
+import ENTP_M from "./Icons/ENTP_M.jpg";
+import ENTP_F from "./Icons/ENTP_F.jpg";
+import ENTJ_M from "./Icons/ENTJ_M.jpg";
+import ENTJ_F from "./Icons/ENTJ_F.jpg";
+import ENFP_M from "./Icons/ENFP_M.jpg";
+import ENFP_F from "./Icons/ENFP_F.jpg";
+import ENFJ_M from "./Icons/ENFJ_M.jpg";
+import ENFJ_F from "./Icons/ENFJ_F.jpg";
+
+const Testresult = () => {
+ const navigate = useNavigate();
+ const [results, setRecord] = useState({
+ glasserTest: null,
+ MBTItest: null,
+ });
+ const [G, setG] = useState("مرد");
+
+ async function GetTestResult() {
+ const accessToken = localStorage.getItem("accessToken");
+ try {
+ const response = await axios(
+ `http://eniacgroup.ir:8070//TherapyTests/tests/`,
+ {
+ method: "GET",
+ headers: {
+ Authorization: `Bearer ${accessToken}`, // Bearer <access token >
+ "Content-Type": "application/json",
+ },
+ }
+ );
+ Iif (response.status == 200 || response.status == 201) {
+ const user = response.data.TherapTests;
+ setRecord({
+ glasserTest: user.glasserTest,
+ MBTItest: user.MBTItest,
+ });
+ try {
+ const response1 = await axios(
+ "http://eniacgroup.ir:8070//accounts/get_user/",
+ {
+ method: "GET",
+ headers: {
+ Authorization: `Bearer ${accessToken}`, // Bearer <access token >
+ "Content-Type": "application/json",
+ },
+ }
+ );
+ Iif (response1.status == 200) {
+ Iif (response1.data.user.gender == "F") setG("زن");
+ }
+ } catch (error) {}
+ }
+ } catch (error) {
+ console.log(error.response.data.message);
+ Iif (error.response.status == 404) {
+ withReactContent(Swal).fire({
+ icon: "error",
+ title: "!بیمار مورد نظر پیدا نشد",
+ background: "#075662",
+ color: "#FFFF",
+ width: "35rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonText: "تایید",
+ confirmButtonColor: "#0a8ca0",
+ preConfirm: () => {
+ navigate("/Home");
+ },
+ });
+ }
+ Iif (error.response.status == 400) {
+ Iif (
+ error.response.data.message ==
+ "ordinary user can not access this Information."
+ )
+ withReactContent(Swal).fire({
+ icon: "error",
+ title: "! دسترسی به این صفحه مختص پزشک هست",
+ background: "#075662",
+ color: "#FFFF",
+ width: "40rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonText: "تایید",
+ confirmButtonColor: "#0a8ca0",
+ preConfirm: () => {
+ navigate("/Home");
+ },
+ });
+ Iif (error.response.data.message == "there is no record with this id.")
+ withReactContent(Swal).fire({
+ icon: "error",
+ title: "! مریض مورد نظر پیدا نشد",
+ background: "#075662",
+ color: "#FFFF",
+ width: "40rem",
+ backdrop: `
+ rgba(84, 75, 87.0.9)
+ left top
+ no-repeat`,
+ confirmButtonText: "تایید",
+ confirmButtonColor: "#0a8ca0",
+ preConfirm: () => {
+ navigate("/Home");
+ },
+ });
+ }
+
+ console.log(error);
+ }
+ }
+
+ useEffect(() => {
+ setTimeout(() => {
+ {
+ GetTestResult();
+ }
+ }, 50000000);
+ });
+
+ return (
+ <>
+ <NavBar_SideBar />
+ <div
+ className="prof_body"
+ // style={pages == 2 ? { paddingTop: "1.5%" } : {}}
+ onLoad={GetTestResult}
+ >
+ <div className="prof_Box" style={{ minWidth: "500px" }}>
+ <link
+ href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"
+ rel="stylesheet"
+ />
+ <div className="container bootstrap snippets bootdey">
+ <div className="row">
+ <div className="col-md-0" style={{ marginTop: "20px" }}>
+ <div className="panel" style={{ direction: "rtl" }}>
+ <div className="patient_prof_header">
+ <h1>نتایج تست ها</h1>
+ </div>
+ <div
+ className="patient_prof_insidebox"
+ style={{ display: "grid" }}
+ >
+ <div className="patient_prof_res">
+ <div className="patient_prof_res_card">
+ <h3>Glasser</h3>
+ <hr />
+ {results.glasserTest == null ? (
+ <h5>نتیجه ای برای مشاهده وجود ندارد</h5>
+ ) : (
+ <ul
+ style={{
+ listStyleType: "none",
+ lineHeight: "49px",
+ }}
+ >
+ <li>
+ <IoHeart
+ style={{ color: "red", marginRight: "0px" }}
+ />
+ <span>عشق</span>:{results.glasserTest.love}
+ </li>
+ <li>
+ <GiPlantRoots style={{ color: "green" }} />
+ <span>بقا</span>:{results.glasserTest.survive}
+ </li>
+ <li>
+ <GiFreedomDove style={{ color: "blue" }} />
+ <span>آزادی</span>:{results.glasserTest.freedom}
+ </li>
+ <li>
+ <GiStrong style={{ color: "#EFE4B0" }} />
+ <span>قدرت</span>:{results.glasserTest.power}
+ </li>
+ <li>
+ <GiLaserSparks style={{ color: "#B341EB" }} />
+ <span>سرگرمی</span>:{results.glasserTest.fun}
+ </li>
+ </ul>
+ )}
+ </div>
+ <div className="patient_prof_res_card">
+ <h3>MBTI</h3>
+ <hr />
+ {results.MBTItest == null ? (
+ <h5>نتیجه ای برای مشاهده وجود ندارد</h5>
+ ) : (
+ <>
+ <img
+ style={{ width: "200px", height: "200px" }}
+ src={
+ results.MBTItest == "INTJ"
+ ? G == "زن"
+ ? INTJ_F
+ : INTJ_M
+ : results.MBTItest == "INTP"
+ ? G == "زن"
+ ? INTP_F
+ : INTP_M
+ : results.MBTItest == "INFJ"
+ ? G == "زن"
+ ? INFJ_F
+ : INFJ_M
+ : results.MBTItest == "INFP"
+ ? G == "زن"
+ ? INFP_F
+ : INFP_M
+ : results.MBTItest == "ISTJ"
+ ? G == "زن"
+ ? ISTJ_F
+ : ISTJ_M
+ : results.MBTItest == "ISTP"
+ ? G == "زن"
+ ? ISTP_F
+ : ISTP_M
+ : results.MBTItest == "ISFJ"
+ ? G == "زن"
+ ? ISFJ_F
+ : ISFJ_M
+ : results.MBTItest == "ISFP"
+ ? G == "زن"
+ ? ISFP_F
+ : ISFP_M
+ : results.MBTItest == "ENTJ"
+ ? G == "زن"
+ ? ENTJ_F
+ : ENTJ_M
+ : results.MBTItest == "ENTP"
+ ? G == "زن"
+ ? ENTP_F
+ : ENTP_M
+ : results.MBTItest == "ENFJ"
+ ? G == "زن"
+ ? ENFJ_F
+ : ENFJ_M
+ : results.MBTItest == "ENFP"
+ ? G == "زن"
+ ? ENFP_F
+ : ENFP_M
+ : results.MBTItest == "ESTJ"
+ ? G == "زن"
+ ? ESTJ_F
+ : ESTJ_M
+ : results.MBTItest == "ESTP"
+ ? G == "زن"
+ ? ESTP_F
+ : ESTP_M
+ : results.MBTItest == "ESFJ"
+ ? G == "زن"
+ ? ESFJ_F
+ : ESFJ_M
+ : results.MBTItest == "ESFP"
+ ? G == "زن"
+ ? ESFP_F
+ : ESFP_M
+ : ""
+ }
+ />
+ {results.MBTItest == "INTJ" ? (
+ <h5 style={{ color: "#A349A4" }}>معمار</h5>
+ ) : results.MBTItest == "INTP" ? (
+ <h5 style={{ color: "#A349A4" }}>منطق دان</h5>
+ ) : results.MBTItest == "INFJ" ? (
+ <h5 style={{ color: "#408E6D" }}>حامی</h5>
+ ) : results.MBTItest == "INFP" ? (
+ <h5 style={{ color: "#408E6D" }}>واسطه</h5>
+ ) : results.MBTItest == "ISTJ" ? (
+ <h5 style={{ color: "#33AAC7" }}>تدارکات</h5>
+ ) : results.MBTItest == "ISTP" ? (
+ <h5 style={{ color: "#C79D0B" }}>هنرشناس</h5>
+ ) : results.MBTItest == "ISFJ" ? (
+ <h5 style={{ color: "#33AAC7" }}>مدافع</h5>
+ ) : results.MBTItest == "ISFP" ? (
+ <h5 style={{ color: "#C79D0B" }}>جست و جو گر</h5>
+ ) : results.MBTItest == "ENTJ" ? (
+ <h5 style={{ color: "#A349A4" }}>فرماندار</h5>
+ ) : results.MBTItest == "ENTP" ? (
+ <h5 style={{ color: "#A349A4" }}>مناظره کننده</h5>
+ ) : results.MBTItest == "ENFJ" ? (
+ <h5 style={{ color: "#408E6D" }}>سردمدار</h5>
+ ) : results.MBTItest == "ENFP" ? (
+ <h5 style={{ color: "#408E6D" }}>
+ سرباز کهنه کار
+ </h5>
+ ) : results.MBTItest == "ESTJ" ? (
+ <h5 style={{ color: "#33AAC7" }}>مجری</h5>
+ ) : results.MBTItest == "ESTP" ? (
+ <h5 style={{ color: "#C79D0B" }}>پیش قدم</h5>
+ ) : results.MBTItest == "ESFJ" ? (
+ <h5 style={{ color: "#33AAC7" }}>کنسول</h5>
+ ) : results.MBTItest == "ESFP" ? (
+ <h5 style={{ color: "#C79D0B" }}>بازیگر</h5>
+ ) : (
+ ""
+ )}
+ <p>{results.MBTItest}</p>
+ </>
+ )}
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <Footer />
+ </>
+ );
+};
+export default Testresult;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| TestResult.jsx | +
+
+ |
+ 15.78% | +6/38 | +3.5% | +4/114 | +11.11% | +1/9 | +15.15% | +5/33 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| verification.jsx | +
+
+ |
+ 7.93% | +5/63 | +10.34% | +3/29 | +11.11% | +1/9 | +8.33% | +5/60 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 | 288x + + + + + + + + + + +32x + + +32x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x + | import react from "react";
+import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import key_icon from "../../assets/key.png";
+import { useLocation } from "react-router-dom";
+import axios from "axios";
+import Swal from "sweetalert2";
+import withReactContent from "sweetalert2-react-content";
+import "./verification.css";
+import DoctorInfoModal from "../DoctorInfoModal/DoctorInfoModal";
+
+const Verification = () => {
+ const navigate = useNavigate();
+ console.log("VerificationPage rendered");
+ const location = useLocation();
+ const initialState = location.state || {};
+ console.log(initialState);
+ const [email, setEmail] = useState(initialState.email || "");
+ const [code, setCode] = useState(initialState.code || "");
+ const [url, setUrl] = useState(initialState.url || "");
+ console.log(code);
+ const [fp_code, setvcode] = useState(0);
+ const [showmodal,setShowModal]=useState(false);
+ const [wrongAttempts, setWrongAttempts] = useState(0);
+ const handleWrongCode = () => {
+ setWrongAttempts(wrongAttempts + 1);
+ };
+ const setTozero = () => {
+ setWrongAttempts(0);
+ };
+ const changeCode = (newCode) => {
+ setCode(newCode);
+ };
+ const [errorMessage, setErrorMessage] = useState({
+ codeError: "",
+ });
+
+ async function resendCode(event) {
+ event.preventDefault();
+ try {
+ const token = localStorage.getItem("accessToken");
+ const response = await axios(
+ "http://eniacgroup.ir:8070//accounts/activation_resend/",
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ data: {
+ email: email,
+ },
+ }
+ );
+ const data = response.data;
+ console.log(response);
+ Iif (response.status === 200 || response.status === 201) {
+ changeCode(response.data.code);
+ setTozero();
+ }
+ } catch (error) {
+ if (error.response.status === 400) {
+ console.log(error);
+ } else {
+ console.log(error);
+ }
+ }
+ }
+
+ async function handleVerification(event) {
+ event.preventDefault();
+ const errors = [
+ {
+ codeError: "",
+ },
+ ];
+ const code_verify = document.querySelector(".ver_code").value;
+ if (code === code_verify) {
+ try {
+ const token = localStorage.getItem("accessToken");
+ console.log(token);
+ // const token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbl90eXBlIjoiYWNjZXNzIiwiZXhwIjoxNzM0NDYyMzQzLCJpYXQiOjE3MzM1OTgzNDMsImp0aSI6IjNhZWVhYWNiNGQ0YTQxOWRhZWI0YzQ2YTk2YjQzYjUxIiwidXNlcl9pZCI6N30.nreitTrXPRwxQxIvhfekPSAmtzeTslPx-iiieHOo-3M/"
+
+ const response = await axios(url,
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ data: {
+ verification_code: code_verify,
+ },
+ }
+ );
+ const data = response.data;
+ Iif (response.status === 200 || response.status === 201) {
+ console.log("you can login now");
+ withReactContent(Swal).fire({
+ icon: "success",
+ title: "!ثبت نام با موفقیت انجام شد",
+ background: "#075662",
+ color: "#FFFF",
+ width: "35rem",
+ confirmButtonText: "تایید",
+ confirmButtonColor: "#0a8ca0"
+ });
+ setShowModal(true);
+ const data = {flag:showmodal};
+ navigate("/Signup", { state: data });
+ }
+ } catch (error) {
+ Iif (error.response.status === 400) {
+ console.log(error);
+ }
+ }
+ } else {
+ errors.codeError = "کد تایید صحیح نمی باشد!";
+ console.log("byyyyyyyeeeee");
+ handleWrongCode();
+ setErrorMessage({
+ codeError: errors.codeError,
+ });
+ Iif (errors.codeError && wrongAttempts === 3) {
+ return;
+ }
+ }
+ }
+ return (
+ <>
+ <body className="pt_bd">
+ <div className="pt_hello">
+ <div className="pt_wrapper">
+ <div className="pt_header">
+ <div className="pt_title">تایید حساب کاربری</div>
+ </div>
+ <div className="form_details">
+ <form action="#" className="login">
+ <div className="fp_field">
+ <span>لطفا کد تایید ایمیل شده را وارد نمایید.</span>
+ </div>
+ <div className="fp_field">
+ <input
+ className="ver_code"
+ onChange={(event) => setvcode(event.target.value)}
+ type={"text"}
+ placeholder="کد صحت "
+ style={{
+ backgroundImage: `url(${key_icon})`,
+ backgroundRepeat: "no-repeat",
+ paddingRight: "40px",
+ backgroundPosition: "right",
+ }}
+ />
+ </div>
+ {errorMessage.codeError && (
+ <div className="error_input">{errorMessage.codeError}</div>
+ )}
+
+ {wrongAttempts >= 3 && (
+ <div>
+ <div className="ver_error_input1">
+ به سقف تعداد تلاش ها رسیده اید.
+ </div>
+ <div className="ver_error_input2">
+ <div onClick={resendCode}> ارسال مجدد کد تایید</div>
+ </div>
+ </div>
+ )}
+
+ <div className="field btn">
+ <div className="btn_layer"></div>
+ <input
+ type="submit"
+ value="ثبت"
+ onClick={handleVerification}
+ />
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+ </body>
+ </>
+ );
+};
+
+export default Verification;
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 | 288x + + + + + + +32x +32x +16x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +32x + +32x | import React from 'react';
+import { useNavigate } from "react-router-dom";
+import styles from "./AboutUs.module.css";
+import NavBar_SideBar from '../SidebarNabar/NavBar_SideBar';
+import Footer from '../Footer/Footer';
+
+
+const AboutUsPage = () => {
+ const navigate = useNavigate()
+ return (
+ <>
+ <body className={styles.aboutusbody}>
+ <NavBar_SideBar />
+ <div className={styles.backgroundaboutus}>
+ <div className={styles.aboutusSection1}>
+ <br /><br /><br /><br />
+ <p className={styles.title}>همراه شما در مسیر رشد و آرامش
+ <br />
+ </p>
+ <p className={styles.discription}>
+ با تیمی از متخصصین حرفهای برای پشتیبانی و راهنمایی به سوی زندگی بهتر
+ </p>
+ <br />
+
+ <p className={styles.follow}>
+ :ما را دنبال کنید
+ <br />
+ <a align='center' href="https://github.com/ENIAC-ORG">
+ <img src="https://1000logos.net/wp-content/uploads/2021/05/GitHub-logo-768x432.png" className={styles.imagegit}></img>
+ </a>
+ </p>
+ </div>
+
+ <div className={styles.aboutusSection2}>
+ <p className={styles.paragsize}>
+ مرکز مشاوره ما با تیمی از روانشناسان و روانپزشکان حرفهای، در فضایی امن و آرام به شما کمک میکند تا مسیر بهبود و رشد را با اطمینان طی کنید.
+ این مرکز خدمات متنوعی همچون رواندرمانی فردی، مشاوره خانواده و زوج، درمان آنلاین، و روانپزشکی ویژه کودکان، نوجوانان، و سالمندان را فراهم آورده است.
+ با ما همراه شوید تا در کنار هم از چالشها عبور کرده و به سوی آرامش و زندگی بهتر گام برداریم
+ </p>
+
+ <img src="https://www.uab.edu/news/images/2018/CC_10.2.jpg" className={styles.image1space} alt="Cinque Terre" width="300" height="200" />
+ </div>
+
+ <div align='center' className={styles.aboutusSection3}>
+ <table className={styles.tableaboutus} align='center'>
+ <tr>
+ <th><span className={styles.button1}>گروه روان پزشکان و پزشکان سلامت</span></th>
+ <th><span className={styles.button1}>گروه زوج درمانگران</span></th>
+ <th><span className={styles.button1}>گروه روان درمانگران فردی</span></th>
+ <th><span className={styles.button1}>گروه مشاوره کودک</span></th>
+ </tr>
+ <tr style={{ paddingTop: '20px' }}>
+ <th><span className={styles.button1}>واحد روان سنجی و پژوهش</span></th>
+ <th><span className={styles.button1}>گروه مشاورین تحصیلی و شغلی</span></th>
+ <th><span className={styles.button1}>گروه مشاورین پیش از ازدواج</span></th>
+ <th><span className={styles.button1}>گروه مشاوره نوجوان</span></th>
+ </tr>
+ </table>
+ </div>
+
+ <div className={styles.aboutusSection4}>
+ <img src="https://www.uab.edu/news/images/2018/CC_10.3.jpg" className={styles.image1space} alt="Cinque Terre" width="300" height="200" />
+
+ <p className={styles.paragsize2}>
+ آمادهاید اولین گام را برای بهبود و آرامش بردارید؟
+ <br />
+ با رزرو نوبت، فرصت گفتگو با مشاوران و متخصصان مجرب ما را فراهم کنید و در مسیری به سوی سلامت روان و کیفیت بهتر زندگی قدم بگذارید.
+ همین حالا نوبت خود را رزرو کنید
+ <br />
+ <a href='/ReservationPage'>
+ <button className={styles.button2}>رزرو نوبت</button>
+ </a>
+ </p>
+ </div>
+ </div>
+ <Footer />
+ </body>
+ </>
+ );
+};
+
+export default AboutUsPage; |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| aboutus.jsx | +
+
+ |
+ 100% | +9/9 | +100% | +3/3 | +100% | +3/3 | +100% | +6/6 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ ++ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 | + + + + + + +32x + + + + | import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App.jsx'
+import './fonts/Ios15Medium.ttf'
+import './fonts/BNazanin.ttf'
+import './index.css'
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+ <React.StrictMode>
+ <App />
+ </React.StrictMode>,
+) |