\r\n
\r\n ) : (\r\n تم الإرسال بنجاح
\r\n\r\n
\r\n )}\r\n لم يتم الإرسال هناك خطأ في البيانات
\r\nأعد المحاول مرة اخرى
\r\n\r\n
\r\n );\r\n};\r\nexport default ContactHome;\r\n","export default __webpack_public_path__ + \"static/media/aswan.f7ff19e1.jpeg\";","export default __webpack_public_path__ + \"static/media/logo.3792daa8.png\";","import React from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport {\r\n faFacebookF,\r\n faInstagram,\r\n faYoutube,\r\n faTwitter,\r\n} from \"@fortawesome/free-brands-svg-icons\";\r\nimport { Link } from \"react-router-dom\";\r\nimport logo from '../assets/img/logo.png';\r\nimport aswanLogo from '../assets/img/aswan.jpeg';\r\nconst Footer = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n اتصل بنا
\r\n\r\n للتواصل عبر الهاتف: \r\n 0972483111\r\n
\r\n\r\n setSuccessShow(false)}\r\n />\r\n setDangerShow(false)}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n setName(e.currentTarget.value);\r\n }}\r\n type=\"text\"\r\n className=\"form-control border-0\"\r\n placeholder=\"الاسم\"\r\n />\r\n
\r\n \r\n {\r\n setEmail(e.currentTarget.value);\r\n }}\r\n type=\"email\"\r\n className=\"form-control border-0\"\r\n placeholder=\"البريد الالكتروني\"\r\n />\r\n
\r\n \r\n {\r\n setSubject(e.currentTarget.value);\r\n }}\r\n type=\"text\"\r\n className=\"form-control border-0\"\r\n placeholder=\"الموضوع\"\r\n />\r\n
\r\n \r\n {\r\n setMessage(e.currentTarget.value);\r\n }}\r\n placeholder=\"الرسالة\"\r\n className=\"form-control border-0\"\r\n rows=\"3\"\r\n >\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n ارسال\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Footer;\r\n","import { react } from \"react\";\r\nimport { Container } from \"react-bootstrap\";\r\n\r\nimport Skeleton, { SkeletonTheme } from \"react-loading-skeleton\";\r\n\r\nconst MainSliderSkeleton = () => {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n ![](\"/images/new_logo_transparent.png\")
\r\n
\r\n\r\n \r\n البوابة الإلكترونية
\r\nمحافظة أسوان
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n عن المحافظة
\r\n\r\n \r\n المحافظون السابقون\r\n \r\n \r\n قيادات المحافظة\r\n \r\n {/* الديوان العام */}\r\n \r\n مشروعات المحافظة\r\n \r\n \r\n لقاءات و قرارات السيد المحافظ\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n الركن الاعلامي
\r\n\r\n \r\n الاخبار\r\n \r\n \r\n ألبوم الصور\r\n \r\n \r\n مكتبة الفيديو\r\n \r\n \r\n الاحداث\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n الخدمات
\r\n\r\n \r\n ادلة المحافظة\r\n \r\n \r\n المديريات\r\n \r\n \r\n إعلانات و مناقصات\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n المجالس
\r\n\r\n \r\n الجمعيات الأهلية\r\n \r\n \r\n المجالس القومية\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n حقوق النشر © اصدارة 1.0 - 2021 محافظة أسوان - جميع الحقوق محفوظة\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {title}
\r\n \r\n ) : (\r\n {title}
\r\n )}\r\n \r\n \r\n {!noMainSlider &&\r\n mainSlider.map((item, idx) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {item.name}\r\n
\r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n \r\n {noMainSlider && \r\n {renderModal(props.focusedAd.result)}\r\n
\r\n );\r\n } else {\r\n return null;\r\n }\r\n}\r\n\r\nexport default connect(\r\n (state) => {\r\n return {\r\n focusedAd: state.advertismentComponents.focusedAd,\r\n };\r\n },\r\n (dispatch) => {\r\n return bindActionCreators({ getFocusedAd }, dispatch);\r\n }\r\n)(OnLoadModal);\r\n","export default __webpack_public_path__ + \"static/media/info_bg.66d5af9a.png\";","export default __webpack_public_path__ + \"static/media/circle-01.d3ba46ce.png\";","import React from \"react\";\r\nimport Fade from \"react-reveal/Fade\";\r\nimport { Link } from \"react-router-dom\";\r\nimport bgImg from \"../../assets/img/info_bg.png\";\r\nimport cardBg from \"../../assets/img/circle-01.png\";\r\n\r\nconst InfoNews = () => {\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n نظم المعلومات والتحول الرقمي\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n إحصائيات{\" \"}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n خدمة المواطنين
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n setName(e.currentTarget.value);\r\n }}\r\n />\r\n {/* {Name.trim()===\"\"&&
\r\n من فضلك ادخل الاسم
} */}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n {\r\n setMobile(e.currentTarget.value);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n setEmail(e.currentTarget.value);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n {\r\n setSubject(e.currentTarget.value);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n {\r\n setAddress(e.currentTarget.value);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n {\r\n setNationalId(e.currentTarget.value);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {resumee?.name ? resumee.name : \"اختر ملف...\"}\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n {\r\n setEducationalQualification(e.currentTarget.value);\r\n }}\r\n />\r\n
\r\n \r\n \r\n {disabled ? \"جاري الحفظ\" : \"حفظ\"}\r\n \r\n {\r\n props.onHideCitizenServicesFormModal();\r\n initialState();\r\n }}\r\n >\r\n إلغاء\r\n \r\n
\r\n \r\n \r\n \r\n {renderFormModal()}\r\n setSuccessShow(false)}\r\n />\r\n setDangerShow(false)}\r\n />\r\n
\r\n );\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ youthApplyAPI }, dispatch);\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(CitizenServicesForm);\r\n","import React, { useState } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport CitizenServicesForm from \"../../forms/citize-service-form\";\r\nimport LightSpeed from \"react-reveal/LightSpeed\";\r\nconst CitizenServices = () => {\r\n const [show, setShow] = useState(false);\r\n const [content, setContent] = useState({});\r\n\r\n const onShow = () => {\r\n setShow(true);\r\n };\r\n\r\n const renderModal = () => {\r\n return (\r\n \r\n
\r\n {renderModal()}\r\n \r\n \r\n );\r\n};\r\nexport default CitizenServices;\r\n","import { Link } from \"react-router-dom\";\r\nimport \"../../../Styles/local-leaders-style.css\";\r\n\r\nconst LocalLeaders = (props) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n خدمات المواطنين
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n ادلة المحافظة
\r\n \r\n
\r\n \r\n\r\n \r\n {\" \"}\r\n دليل الخدمات الالكترونية{\" \"}\r\n
\r\n \r\n
\r\n \r\n\r\n أسعار السلع
\r\n \r\n
\r\n \r\n\r\n خدمات المديريات
\r\n \r\n
\r\n \r\n\r\n {/* \r\n أرقام الطوارئ
\r\n \r\n
\r\n */}\r\n\r\n أعلانات ومناقصات
\r\n \r\n
\r\n \r\n {/* \r\n {\" \"}\r\n خدمات المراكز التكنولوجية{\" \"}\r\n
\r\n {\r\n onShow();\r\n }}\r\n >\r\n
*/}\r\n \r\n خدمة المواطنين\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LocalLeaders;\r\n","import axios from \"../../Axios/Axios_Config\";\r\n\r\nexport async function getAllPortals(){\r\n let payload = null;\r\n try{\r\n let response = await axios.get(\"/WebLinkAPI/GetAll\")\r\n payload = await response.data;\r\n } catch (error){\r\n }\r\n return {\r\n type:\"PORTALS_LIST\",\r\n payload\r\n };\r\n}","import Slider from \"react-slick\";\r\nimport { useEffect } from \"react\";\r\nimport { getAllPortals } from \"../../store/actions/important-portals-actions\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { paths } from \"../../paths/paths\";\r\nimport \"../../Styles/important-portals-style.css\";\r\nimport OnePieaceSkeleton from \"../loading-skeleton/one-pieace\";\r\nimport TitleSkeleton from \"../loading-skeleton/title-skeleton\";\r\n\r\nconst ImportantPortals = (props) => {\r\n useEffect(() => {\r\n props.getAllPortals();\r\n }, []);\r\n\r\n var settings = {\r\n dots: true,\r\n arrows: false,\r\n // autoplay: true,\r\n autoplaySpeed: 2000,\r\n infinite: true,\r\n speed: 3000,\r\n slidesToShow: 5,\r\n slidesToScroll: 1,\r\n initialSlide: 1,\r\n pauseOnFocus: true,\r\n pauseOnHover: true,\r\n swipeToSlide: true,\r\n responsive: [\r\n {\r\n breakpoint: 1400,\r\n settings: {\r\n slidesToShow: 4,\r\n slidesToScroll: 1,\r\n infinite: true,\r\n dots: true,\r\n },\r\n },\r\n {\r\n breakpoint: 1200,\r\n settings: {\r\n slidesToShow: 3,\r\n slidesToScroll: 1,\r\n infinite: true,\r\n dots: true,\r\n },\r\n },\r\n {\r\n breakpoint: 1024,\r\n settings: {\r\n slidesToShow: 2,\r\n slidesToScroll: 1,\r\n infinite: true,\r\n dots: true,\r\n },\r\n },\r\n {\r\n breakpoint: 600,\r\n settings: {\r\n arrows: false,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n initialSlide: 2,\r\n dots: false,\r\n },\r\n },\r\n {\r\n breakpoint: 480,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n dots: false,\r\n },\r\n },\r\n ],\r\n };\r\n\r\n if (props?.portalsList?.result) {\r\n if (props.portalsList.result.length) {\r\n let portals = Object.assign({}, props.portalsList);\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n قيادات محلية
\r\n\r\n {/* \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n */}\r\n\r\n شيوخ القبائل
\r\n\r\n
\r\n \r\n\r\n المجالس القومية
\r\n\r\n
\r\n \r\n\r\n الجمعيات الأهلية
\r\n\r\n
\r\n \r\n\r\n مجلس النواب
\r\n\r\n
\r\n \r\n\r\n مجلس الشيوخ
\r\n\r\n
\r\n \r\n القيادات الشابة
\r\n\r\n
\r\n \r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n روابط هامة
\r\n\r\n {portals.result.length >= 5 ? (\r\n \r\n {portals.result.map((photo, index) => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n ) : (\r\n \r\n 
\r\n
\r\n \r\n \r\n {portals.result.map((photo, index) => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n })}\r\n {title}
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {Formik.errors.Name}\r\n
\r\n ) : null}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {Formik.errors.Qualification}\r\n
\r\n ) : null}\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {Formik.errors.Mobile}\r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {Formik.errors.Email}\r\n
\r\n ) : null}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {Formik.errors.NationalId}\r\n
\r\n ) : null}\r\n \r\n \r\n {disabled ? \"جاري الحفظ\" : \"حفظ\"}\r\n \r\n {\r\n props.onHideEventModal();\r\n initialState();\r\n }}\r\n >\r\n إلغاء\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n {renderFormModal()}\r\n setSuccessShow(false)}\r\n />\r\n setDangerShow(false)}\r\n />\r\n
\r\n );\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ eventApplyAPI }, dispatch);\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(AgendaForm);\r\n","import { React } from \"react\";\r\nimport { Container } from \"react-bootstrap\";\r\n\r\nimport Skeleton, { SkeletonTheme } from \"react-loading-skeleton\";\r\n\r\nconst AgendaSkeleton = () => {\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {props.photo ? (\r\n 
\r\n ) : (\r\n
\r\n \r\n {\" \"}\r\n
\r\n {props.title}
\r\n\r\n \r\n {agendaProps?.result ? (\r\n agendaProps.result.length ? (\r\n agendaProps.result.map((item, index) => {\r\n let slicedContent = item.content;\r\n if (item.content !== null && item.content.length > 250) {\r\n const brief = item.content;\r\n slicedContent = brief.substring(0, 250).concat(\" ...\");\r\n }\r\n eventsArray.push({\r\n id: item.id,\r\n title: item.title,\r\n start: item.startDateTime,\r\n end: item.endDateTime,\r\n });\r\n return (\r\n \r\n
\r\n \r\n );\r\n })\r\n ) : (\r\n \r\n {\r\n setMessage(args.event.title);\r\n setShowEvent(true);\r\n history.push(\r\n `/eventdetails/${parseInt(args.event._def.publicId)}`\r\n );\r\n }}\r\n eventBackgroundColor={\"#fbbf3c\"}\r\n eventTextColor={\"black\"}\r\n eventBorderColor={true}\r\n headerToolbar={{ start: \"\", right: \"prev,next\", center: \"title\" }}\r\n editable={false}\r\n locale=\"ar\"\r\n height={\"600px\"}\r\n />\r\n
\r\n \r\n
\r\n {item.eventTypeName}
\r\n\r\n
\r\n {item.title}
\r\n\r\n
\r\n {ReactHtmlParser(slicedContent)}
\r\n\r\n
\r\n {`${moment(\r\n new Date(item.startDateTime)\r\n ).format(\"LL\")} إلى ${moment(\r\n new Date(item.endDateTime)\r\n ).format(\"LL\")}`}
\r\n {/* */}\r\n {item.eventTypeId == 4 ? (\r\n \r\n {\r\n setContent(item);\r\n onShow();\r\n }}\r\n className=\" mx-1 mb-2 mb-sm-0 btn_blue\"\r\n style={{ verticalAlign: \"middle\" }}\r\n >\r\n مشاركة\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n \r\n المزيد\r\n \r\n \r\n
\r\n لا توجد احداث هذا الشهر
\r\n )\r\n ) : (\r\n \r\n \r\n \r\n عرض الكل\r\n \r\n \r\n
\r\n {renderModal(content)}\r\n \r\n \r\n );\r\n // } else {\r\n // return \r\n
\r\n \r\n \r\n );\r\n};\r\nexport default HayahKarima;\r\n","import React from \"react\";\r\nimport { Col, Row } from \"react-bootstrap\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst Advertising = () => {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n محاور مبادرة حياه كريمة
\r\n\r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n {percentage1}%\r\n \r\n }\r\n styles={buildStyles({\r\n // Rotation of path and trail, in number of turns (0-1)\r\n rotation: 0,\r\n\r\n // Whether to use rounded or flat corners on the ends - can use 'butt' or 'round'\r\n strokeLinecap: \"butt\",\r\n\r\n // Text size\r\n textSize: \"36px\",\r\n\r\n // How long animation takes to go from one percentage to another, in seconds\r\n pathTransitionDuration: 0.5,\r\n\r\n // Can specify path transition in more detail, or remove it entirely\r\n // pathTransition: 'none',\r\n // Colors\r\n pathColor: `rgb(6, 73, 106)`,\r\n textColor: \"rgb(6, 73, 106)\",\r\n trailColor: \"#d6d6d6\",\r\n backgroundColor: \"white\",\r\n })}\r\n />\r\n
*/}\r\n\r\n \r\n محور البنية الأساسية
و المرافق\r\n
\r\n و المرافق\r\n
\r\n
\r\n \r\n\r\n \r\n \r\n {percentage2}%\r\n \r\n }\r\n styles={buildStyles({\r\n // Rotation of path and trail, in number of turns (0-1)\r\n rotation: 0,\r\n\r\n // Whether to use rounded or flat corners on the ends - can use 'butt' or 'round'\r\n strokeLinecap: \"butt\",\r\n\r\n // Text size\r\n textSize: \"36px\",\r\n\r\n // How long animation takes to go from one percentage to another, in seconds\r\n pathTransitionDuration: 0.5,\r\n\r\n // Can specify path transition in more detail, or remove it entirely\r\n // pathTransition: 'none',\r\n // Colors\r\n pathColor: `rgb(6, 73, 106)`,\r\n textColor: \"rgb(6, 73, 106)\",\r\n trailColor: \"#d6d6d6\",\r\n backgroundColor: \"white\",\r\n })}\r\n />\r\n
*/}\r\n\r\n \r\n {\" \"}\r\n محور خدمات المواطن\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {percentage3}%\r\n \r\n }\r\n styles={buildStyles({\r\n // Rotation of path and trail, in number of turns (0-1)\r\n rotation: 0,\r\n\r\n // Whether to use rounded or flat corners on the ends - can use 'butt' or 'round'\r\n strokeLinecap: \"butt\",\r\n\r\n // Text size\r\n textSize: \"36px\",\r\n\r\n // How long animation takes to go from one percentage to another, in seconds\r\n pathTransitionDuration: 0.5,\r\n\r\n // Can specify path transition in more detail, or remove it entirely\r\n // pathTransition: 'none',\r\n // Colors\r\n pathColor: `rgb(6, 73, 106)`,\r\n textColor: \"rgb(6, 73, 106)\",\r\n trailColor: \"#d6d6d6\",\r\n backgroundColor: \"white\",\r\n })}\r\n />\r\n
*/}\r\n\r\n \r\n {\" \"}\r\n المحور الثقافى و الإجتماعي{\" \"}\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n {percentage4}%\r\n \r\n }\r\n styles={buildStyles({\r\n // Rotation of path and trail, in number of turns (0-1)\r\n rotation: 0,\r\n\r\n // Whether to use rounded or flat corners on the ends - can use 'butt' or 'round'\r\n strokeLinecap: \"butt\",\r\n\r\n // Text size\r\n textSize: \"36px\",\r\n\r\n // How long animation takes to go from one percentage to another, in seconds\r\n pathTransitionDuration: 0.5,\r\n\r\n // Can specify path transition in more detail, or remove it entirely\r\n // pathTransition: 'none',\r\n // Colors\r\n pathColor: `rgb(6, 73, 106)`,\r\n textColor: \"rgb(6, 73, 106)\",\r\n trailColor: \"#d6d6d6\",\r\n backgroundColor: \"white\",\r\n })}\r\n />\r\n
*/}\r\n\r\n \r\n {\" \"}\r\n المحور الإقتصادي\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {percentage5}%\r\n \r\n }\r\n styles={buildStyles({\r\n // Rotation of path and trail, in number of turns (0-1)\r\n rotation: 0,\r\n\r\n // Whether to use rounded or flat corners on the ends - can use 'butt' or 'round'\r\n strokeLinecap: \"butt\",\r\n\r\n // Text size\r\n textSize: \"36px\",\r\n\r\n // How long animation takes to go from one percentage to another, in seconds\r\n pathTransitionDuration: 0.5,\r\n\r\n // Can specify path transition in more detail, or remove it entirely\r\n // pathTransition: 'none',\r\n // Colors\r\n pathColor: `rgb(6, 73, 106)`,\r\n textColor: \"rgb(6, 73, 106)\",\r\n trailColor: \"#d6d6d6\",\r\n backgroundColor: \"white\",\r\n })}\r\n />\r\n
*/}\r\n\r\n سكن كريم
\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Advertising;\r\n","import React, { Component } from \"react\";\r\nimport GovernmentFamous from \"./government-famous/government-famous-component\";\r\nimport GovernmentProjects from \"./government-projects/government-projects-component\";\r\nimport PhotosAlbum from \"./photo-album/photos-album-component\";\r\nimport News from \"./news/newsScreen\";\r\nimport Video from \"./videos/videoScreen\";\r\nimport Complaints from \"./complaints-screen\";\r\nimport ContactHome from \"./contactus-home\";\r\nimport Footer from \"../footer\";\r\nimport MainSlider from \"./main-slider\";\r\nimport InfoNews from \"./info_and_news\";\r\nimport CitizenServices from \"./citizen-services/citizen_services\";\r\nimport LocalLeaders from \"./local-leaders/local-leaders\";\r\nimport ImportantPortals from \"./important-portals\";\r\nimport TrainingAgenda from \"../agenda/training-agenda\";\r\nimport BgAttachment from \"../bg-attachment\";\r\nimport HayahKarima from \"./good-life/haya-carima\";\r\nimport Advertising from \"./advertisment/advertising\";\r\nclass HomeComponent extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n ![](\"/images/icons_black/ads-0١.png\")
\r\n\r\n
\r\n \r\n\r\n \r\n
\r\n اعلانات
\r\n\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n الإعلانات
\r\n \r\n وظائف شاغرة
\r\n \r\n تشغيل وتدريب الشباب
\r\n \r\n\r\n منتجات يدوية
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Error;\r\n","import { react } from \"react\";\r\nimport { Container } from \"react-bootstrap\";\r\n\r\nimport Skeleton, { SkeletonTheme } from \"react-loading-skeleton\";\r\n\r\nconst DetailsSkeleton = () => {\r\n return (\r\n <>\r\n هذه الصفحة غير متوفرة الآن
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {/* \r\n
\r\n
\r\n\r\n \r\n {\" \"}\r\n
\r\n {ReactHtmlParser(details.name)}
\r\n\r\n
\r\n \r\n {details.changeRate != null && (\r\n
\r\n \r\n
\r\n )}\r\n {details.attachment != null && (\r\n \r\n نسبة التنفيذ: {details.changeRate} %\r\n
\r\n\r\n \r\n
\r\n
\r\n )}\r\n \r\n \r\n إستعراض الملف المرفق\r\n \r\n
\r\n \r\n
\r\n \r\n {ReactHtmlParser(details.sectorName)}\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n {ReactHtmlParser(details.description)}\r\n
\r\n \r\n
\r\n
\r\n */}\r\n\r\n {details.photos.length > 3 ? (\r\n \r\n
\r\n \r\n \r\n {ReactHtmlParser(details.description)}\r\n
\r\n \r\n
\r\n \r\n {details.photos.map((photo, index) => {\r\n let pName;\r\n let newPath;\r\n if (photo.photo != null) {\r\n pName = photo.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n let title = photo.title;\r\n if (photo.title === null) {\r\n title = photo.caption;\r\n }\r\n return (\r\n {\r\n onShow();\r\n setContent(photo);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n {title}
\r\n \r\n );\r\n })}\r\n \r\n \r\n ) : (\r\n\r\n {details.photos.map((photo, index) => {\r\n let pName;\r\n let newPath;\r\n if (photo.photo != null) {\r\n pName = photo.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n let title = photo.title;\r\n if (photo.title === null) {\r\n title = photo.caption;\r\n }\r\n return (\r\n {\r\n onShow();\r\n setContent(photo);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n {title}
\r\n \r\n );\r\n })}\r\n \r\n )}\r\n\r\n\r\n \r\n \r\n مزيد من المشروعات\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n return \r\n \r\n
\r\n ) : null}\r\n\r\n {props.dropdownTwoHandler ? (\r\n \r\n
\r\n ) : null}\r\n\r\n {props.dropdownOneHandler ? (\r\n \r\n >\"}\r\n forcePage={props.currentPage}\r\n pageCount={props.pageCount}\r\n onPageChange={props.handlePageClick}\r\n containerClassName={\"pagination\"}\r\n previousLinkClassName={\"pagination__link\"}\r\n nextLinkClassName={\"pagination__link\"}\r\n disabledClassName={\"pagination__link--disabled\"}\r\n activeClassName={\"pagination__link--active\"}\r\n />\r\n
\r\n \r\n );\r\n};\r\nexport default PaginationSection;\r\n","import Modal from \"react-bootstrap/Modal\";\r\nimport Button from \"react-bootstrap/Button\";\r\nimport \"../../Styles/forms.css\";\r\nimport {\r\n DatePicker,\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport moment from \"moment\";\r\nimport \"moment/locale/ar\";\r\nimport \"../ui/MUIcalender.css\";\r\nimport { useState, useEffect } from \"react\";\r\nimport { careerApplyAPI } from \"../../store/actions/forms-actions\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport ContactUsModal from \"../modal\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Formik, Form, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\n\r\nconst CareerForm = (props) => {\r\n let title = props.content.title;\r\n if (props.content.title === null) {\r\n title = props.content.caption;\r\n }\r\n\r\n let todayDate = moment(new Date().toLocaleDateString(), \"MM-DD-YYYY\")\r\n .format(\"YYYY-MM-DD\")\r\n .replace(/[٠-٩]/g, (d) => \"٠١٢٣٤٥٦٧٨٩\".indexOf(d));\r\n\r\n const [Name, setName] = useState(\"\");\r\n const [Mobile, setMobile] = useState();\r\n const [Email, setEmail] = useState(\"\");\r\n const [resumee, setResumee] = useState(\"\");\r\n const [CareerId, setCareerId] = useState();\r\n const [Address, setAddress] = useState(\"\");\r\n const [NationalId, setNationalId] = useState();\r\n const [EducationalQualification, setEducationalQualification] = useState(\"\");\r\n const [BirthDate, setBirthDate] = useState(todayDate);\r\n const [GraduationDate, setGraduationDate] = useState(todayDate);\r\n\r\n const [disabled, setDisabled] = useState(false);\r\n\r\n const [successShow, setSuccessShow] = useState(false);\r\n const [dangerShow, setDangerShow] = useState(false);\r\n\r\n const SignupSchema = Yup.object().shape({\r\n Name: Yup.string()\r\n .min(2, \"الإسم قصير جدا\")\r\n .max(50, \"الإسم طويل جدا\")\r\n .trim(\"\", \"مطلوب *\")\r\n .required(\"مطلوب *\"),\r\n Mobile: Yup.string()\r\n .matches(/^01[0125][0-9]{8}$/, \"رقم الموبايل غير صحيح\")\r\n .required(\"مطلوب *\"),\r\n Email: Yup.string()\r\n .matches(\r\n /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/,\r\n \"برجاء إدخال بريد إلكتروني صحيح\"\r\n )\r\n .required(\"مطلوب *\"),\r\n NationalId: Yup.string()\r\n .matches(\r\n /(2|3)[0-9][1-9][0-1][1-9][0-3][1-9](01|02|03|04|11|12|13|14|15|16|17|18|19|21|22|23|24|25|26|27|28|29|31|32|33|34|35|88)\\d\\d\\d\\d\\d/,\r\n \"برجاء إدخال رقم بطاقة صحيح\"\r\n )\r\n .required(\"مطلوب *\"),\r\n });\r\n\r\n useEffect(() => {\r\n setCareerId(props.content.id);\r\n }, []);\r\n\r\n const initialState = () => {\r\n setName(\"\");\r\n setMobile();\r\n setEmail(\"\");\r\n setResumee(\"\");\r\n setCareerId();\r\n setAddress(\"\");\r\n setNationalId();\r\n setEducationalQualification(\"\");\r\n setBirthDate(todayDate);\r\n setGraduationDate(todayDate);\r\n setDisabled(false);\r\n };\r\n\r\n // const apply = async (e) => {\r\n // const obj = new FormData();\r\n // obj.append(\"Name\", Name);\r\n // obj.append(\"Mobile\", Mobile);\r\n // obj.append(\"Email\", Email);\r\n // obj.append(\"resumeeFile\", resumee);\r\n // obj.append(\"BirthDate\", BirthDate);\r\n // obj.append(\"GraduationDate\", GraduationDate);\r\n // obj.append(\"CareerId\", props.content.id);\r\n // obj.append(\"Address\", Address);\r\n // obj.append(\"NationalId\", NationalId);\r\n // obj.append(\"EducationalQualification\", EducationalQualification);\r\n // e.preventDefault();\r\n\r\n // if (\r\n // Name.trim() !== \"\" &&\r\n // Mobile !== undefined &&\r\n // Email !== undefined &&\r\n // NationalId !== undefined &&\r\n // resumee !== undefined\r\n // ) {\r\n // if (\r\n // Name.trim() !== \"\" &&\r\n // Mobile.match(/^01[0125][0-9]{8}$/) &&\r\n // Email.match(\r\n // /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/\r\n // ) &&\r\n // NationalId.match(\r\n // /(2|3)[0-9][1-9][0-1][1-9][0-3][1-9](01|02|03|04|11|12|13|14|15|16|17|18|19|21|22|23|24|25|26|27|28|29|31|32|33|34|35|88)\\d\\d\\d\\d\\d/\r\n // ) &&\r\n // resumee !== undefined\r\n // ) {\r\n // if (disabled) {\r\n // return;\r\n // } else {\r\n // setDisabled(true);\r\n // }\r\n // let res = await careerApplyAPI(obj);\r\n // props.onHideCareerModal();\r\n // initialState();\r\n // if (res.response.data.status == 200) {\r\n // setSuccessShow(true);\r\n // } else {\r\n // setDangerShow(true);\r\n // }\r\n // } else {\r\n // setDangerShow(true);\r\n // }\r\n // }\r\n // };\r\n\r\n const onFileChange = (event) => {\r\n setResumee(event.target.files[0]);\r\n };\r\n\r\n const graduationHandler = (dateChanged) =>\r\n setGraduationDate(\r\n moment(new Date(dateChanged._d).toLocaleDateString(), \"MM-DD-YYYY\")\r\n .format(\"YYYY-MM-DD\")\r\n .replace(/[٠-٩]/g, (d) => \"٠١٢٣٤٥٦٧٨٩\".indexOf(d))\r\n );\r\n const birthDateHandler = (dateChanged) =>\r\n setBirthDate(\r\n moment(new Date(dateChanged._d).toLocaleDateString(), \"MM-DD-YYYY\")\r\n .format(\"YYYY-MM-DD\")\r\n .replace(/[٠-٩]/g, (d) => \"٠١٢٣٤٥٦٧٨٩\".indexOf(d))\r\n );\r\n\r\n const renderFormModal = () => {\r\n return (\r\n {title}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {Formik.errors.Name}\r\n
\r\n ) : null}\r\n\r\n {/* {Name.trim()===\"\"&&من فضلك ادخل الاسم
} */}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {Formik.errors.Mobile}\r\n
\r\n ) : null}\r\n {/* من فضلك ادخل الموبايل
*/}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {Formik.errors.Email}\r\n
\r\n ) : null}\r\n {/* \r\n من فضلك ادخل البريد الالكتروني\r\n
*/}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n من فضلك ادخل العنوان
*/}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n من فضلك ادخل المؤهلات العلمية\r\n
*/}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {Formik.errors.NationalId}\r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {resumee?.name ? resumee.name : \"اختر ملف...\"}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {disabled ? \"جاري الحفظ\" : \"حفظ\"}\r\n \r\n {\r\n props.onHideCareerModal();\r\n initialState();\r\n }}\r\n >\r\n إلغاء\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n {renderFormModal()}\r\n setSuccessShow(false)}\r\n />\r\n setDangerShow(false)}\r\n />\r\n
\r\n );\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ careerApplyAPI }, dispatch);\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(CareerForm);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"./list-with-image.css\";\r\nimport CareerForm from \"../forms/career-form\";\r\nimport { paths } from \"../../paths/paths\";\r\nimport { CircularProgressbar, buildStyles } from \"react-circular-progressbar\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { faFileAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\nconst ListWithImage = (props) => {\r\n return (\r\n \r\n
\r\n\r\n {/* category */}\r\n {props.category ? (\r\n {props.category}
\r\n ) : null}\r\n\r\n {/* changeRate */}\r\n {props.changeRate ? (\r\n \r\n \r\n %{props.changeRate}\r\n \r\n }\r\n styles={buildStyles({\r\n // Rotation of path and trail, in number of turns (0-1)\r\n rotation: 0,\r\n\r\n // Whether to use rounded or flat corners on the ends - can use 'butt' or 'round'\r\n strokeLinecap: \"butt\",\r\n\r\n // Text size\r\n textSize: \"36px\",\r\n\r\n // How long animation takes to go from one percentage to another, in seconds\r\n pathTransitionDuration: 0.5,\r\n\r\n // Can specify path transition in more detail, or remove it entirely\r\n // pathTransition: 'none',\r\n // Colors\r\n pathColor: `#ff6c1a`,\r\n textColor: \"black\",\r\n trailColor: \"#d6d6d6\",\r\n backgroundColor: \"white\",\r\n })}\r\n />\r\n
\r\n ) : null}\r\n \r\n\r\n {/* date */}\r\n {props.date ? (\r\n {props.date}
\r\n ) : null}\r\n\r\n \r\n \r\n {props.careerDetails}\r\n
\r\n ) : null}\r\n\r\n {/* youthDetails */}\r\n {props.youthButton == true ? (\r\n \r\n {props.title}\r\n
\r\n\r\n {/* careerDetails */}\r\n {props.careerButton == true ? (\r\n \r\n
\r\n ) : null}\r\n\r\n {/* attachment */}\r\n {props.attachment ? (\r\n \r\n {props.content}\r\n
\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n {/* applied people number */}\r\n {props.appliedPeople != null ? (\r\n \r\n \r\n التفاصيل\r\n \r\n
\r\n ) : null}\r\n\r\n {/* applyCareerButton */}\r\n {props.careerButton == true ? ( //to={`/youthdetails/${item.id}`}\r\n \r\n \r\n التفاصيل\r\n \r\n
\r\n ) : null}\r\n\r\n {/* applyYouthButton */}\r\n {props.youthButton == true ? (\r\n \r\n {props.projectsList.result.map((item, index) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n {props.projectsList.result.length ? (\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n مشروعات المحافظة
\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n {props.newsdetail.result.title}
\r\n\r\n \r\n {ReactHtmlParser(props.newsdetail.result.sectorName)}\r\n \r\n
\r\n\r\n \r\n {props.newsdetail.result.author ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n {props.newsdetail.result.publishDate ? (\r\n \r\n
\r\n {props.newsdetail.result.author}
\r\n \r\n
\r\n ) : null}\r\n \r\n {\" \"}\r\n {\" \"}\r\n
\r\n {`${moment(\r\n new Date(props.newsdetail.result.publishDate)\r\n ).format(\"LL\")}`}
\r\n \r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n {props.newsdetail.result.introTitle ? (\r\n \r\n النبذة:\r\n \r\n {props.newsdetail.result.introTitle}\r\n \r\n \r\n ) : null}\r\n {ReactHtmlParser(props.newsdetail.result.content)}\r\n
\r\n \r\n
{title}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {Formik.errors.Title}\r\n
\r\n ) : null}\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n e.value == BusinessFieldId\r\n // )}\r\n placeholder={\"نوع المجال\"}\r\n options={BusinessFieldName}\r\n onChange={(e) => {\r\n Formik.setFieldValue(\"BusinessFieldId\", e.value);\r\n }}\r\n />\r\n {Formik.touched.BusinessFieldId &&\r\n Formik.errors.BusinessFieldId ? (\r\n
\r\n \r\n {Formik.errors.BusinessFieldId}\r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {Formik.errors.YouTubeId}\r\n
\r\n ) : null}\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n {PhotoFile?.name ? PhotoFile.name : \"اختر صورة...\"}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {AttachmentFile?.name\r\n ? AttachmentFile.name\r\n : \"اختر ملف...\"}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n {Formik.touched.Problem && Formik.errors.Problem ? (\r\n
\r\n \r\n {Formik.errors.Problem}\r\n
\r\n ) : null}\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {Formik.touched.Solution && Formik.errors.Solution ? (\r\n
\r\n \r\n {Formik.errors.Solution}\r\n
\r\n ) : null}\r\n \r\n \r\n {disabled ? \"جاري الحفظ\" : \"حفظ\"}\r\n \r\n {\r\n props.onHideIdeaModal();\r\n initialState();\r\n }}\r\n >\r\n إلغاء\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n {renderFormModal()}\r\n setSuccessShow(false)}\r\n />\r\n setDangerShow(false)}\r\n />\r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n businessFields: state.formsComponents.businessFields,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ ideaApply, getAllBusinessFields }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(IdeaForm);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { getAllPaidAds } from \"../../store/actions/advertisment-action\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport \"./ads.css\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { paths } from \"../../paths/paths\";\r\nimport Slider from \"react-slick\";\r\nimport { faChevronUp, faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\nconst Ads = (props) => {\r\n const [display, setDisplay] = useState(true);\r\n\r\n useEffect(() => {\r\n props.getAllPaidAds();\r\n }, []);\r\n\r\n var settings = {\r\n dots: true,\r\n arrows: false,\r\n autoplay: true,\r\n autoplaySpeed: 1000,\r\n infinite: true,\r\n speed: 2000,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n initialSlide: 1,\r\n pauseOnFocus: true,\r\n pauseOnHover: true,\r\n swipeToSlide: true,\r\n };\r\n\r\n if (props?.ads?.result?.length > 0 && display) {\r\n console.log(props.ads.result);\r\n return (\r\n \r\n {\r\n setDisplay(false);\r\n }}\r\n color={\"#3b51a3\"}\r\n size=\"1x\"\r\n icon={faTimes}\r\n cursor={\"pointer\"}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n {/* \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ![](\"/images/new_logo.jpg\")
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n |
\r\n\r\n \r\n
\r\n \r\n |
\r\n\r\n \r\n بث تجريبي\r\n
*/}\r\n \r\n \r\n خريطة الموقع\r\n \r\n \r\n اتصل بنا\r\n \r\n {/*
\r\n\r\n |
\r\n \r\n بث تجريبي\r\n
*/}\r\n \r\n {\r\n setDisplay(false);\r\n }}\r\n color={\"#3b51a3\"}\r\n size=\"1x\"\r\n icon={faTimes}\r\n cursor={\"pointer\"}\r\n >\r\n
*/}\r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n \r\n {\" \"}\r\n \r\n
\r\n {\" \"}\r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n 
\r\n\r\n\r\n */}\r\n \r\n \r\n \r\n
\r\n \r\n {renderModal()}\r\n \r\n );\r\n};\r\nexport default Main_navbar;\r\n","import axios from \"../../../Axios/Axios_Config\";\r\n\r\nexport async function touristSlider() {\r\n let payload = null;\r\n try {\r\n let response = await axios.get(\"/TouristAttraction/GetTouristAttractionTourist\");\r\n payload = response.data;\r\n } catch (error) {\r\n }\r\n return {\r\n type: \"SLIDER\",\r\n payload,\r\n };\r\n }\r\n\r\n export async function clearTouristSlider() {\r\n let payload = null;\r\n return {\r\n type: \"CLEAR_SLIDER\",\r\n payload,\r\n };\r\n }","import { react } from \"react\";\nimport { Container } from \"react-bootstrap\";\n\nimport Skeleton, { SkeletonTheme } from \"react-loading-skeleton\";\n\nconst SearchSkeleton = () => {\n return (\n <>\n \r\n
\r\n ) : (\r\n \r\n
\r\n {props.slider.result.length > 2 ? (\r\n \r\n
\r\n \r\n
\r\n رحلتك تبدء من هنا
{\" \"}\r\n\r\n
\r\n \r\n \r\n {props.slider.result.map((item, index) => {\r\n return (\r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n
\r\n {item.name}
\r\n \r\n {props.slider.result.map((item, index) => {\r\n return (\r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n \r\n )}\r\n \r\n \r\n );\r\n } else {\r\n return \r\n \r\n
\r\n {item.name}
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default TouristAttraction;\r\n","import React from \"react\";\r\nimport \"../../Styles/tourist-home.css\";\r\nimport ContactHome from \"../home-page/contactus-home\";\r\nimport PhotosAlbum from \"../home-page/photo-album/photos-album-component\";\r\nimport TrainingAgenda from \"../agenda/training-agenda\";\r\nimport Video from \"../home-page/videos/videoScreen\";\r\nimport TourStart from \"./tour-start\";\r\nimport TouristAttraction from \"./tourist-attractions\";\r\nconst TouristHome = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n خدمات سياحية
{\" \"}\r\n\r\n
\r\n \r\n\r\n \r\n {\" \"}\r\n
\r\n مطاعم
\r\n \r\n
\r\n \r\n\r\n \r\n {\" \"}\r\n
\r\n بازارات وأسواق
\r\n \r\n
\r\n \r\n\r\n \r\n {\" \"}\r\n
\r\n إنتقال سياحي
\r\n \r\n
\r\n \r\n\r\n \r\n {\" \"}\r\n
\r\n بنوك
\r\n \r\n
\r\n \r\n\r\n \r\n {\" \"}\r\n
\r\n الحنطور
\r\n \r\n
\r\n \r\n\r\n \r\n {\" \"}\r\n
\r\n فنادق
\r\n \r\n
\r\n \r\n\r\n \r\n {\" \"}\r\n
\r\n شركات سياحية
\r\n \r\n
\r\n \r\n \r\n {\" \"}\r\n
\r\n شركات طيران
\r\n \r\n
\r\n \r\n \r\n السائح\r\n
\r\n \r\n ![](\"/images/icons/Tourist-0٢.png\")
\r\n
\r\n \r\n \r\n {props.services.result.map((item, index) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n \r\n {item.photo ? (\r\n \r\n
\r\n ) : (\r\n \r\n \r\n {item.directoryTypeName}-\r\n {item.directoryCategoryName}\r\n \r\n
\r\n \r\n \r\n {item.directoryTypeName}-\r\n {item.directoryCategoryName}\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n {item.name}\r\n \r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n {\" \"}\r\n {item.address == null ? item.cityName : item.address}\r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.name}
\r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.telephone}
\r\n \r\n
\r\n {item.manger ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.cityName}
\r\n \r\n
\r\n ) : (\r\n \r\n )}\r\n {item.mapUrl ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.manager}
\r\n \r\n
\r\n ) : null}\r\n \r\n );\r\n })}\r\n \r\n {props.services.result.length ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n إضغط هنا للذهاب للرابط\r\n \r\n
\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n ادلة المحافظة
\r\nجاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n الأخبار
\r\n\r\n
\r\n \r\n\r\n \r\n {props.data.result ? (\r\n props.data.result.map((item) => {\r\n // let date = item.publishDate.replace(/\\//g,'-').split('-');\r\n // let publishedDate = `${date[2]}-${date[1]}-${date[0]}T00:00:00`\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n \r\n \r\n
\r\n );\r\n })\r\n ) : (\r\n جاري رفع البيانات
\r\n )}\r\n \r\n
\r\n الأخبار
\r\n\r\n {props.serviceDirectories.result.map((item, index) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n {props.serviceDirectories.result.length ? (\r\n \r\n \r\n {item.serviceCategoryName}\r\n \r\n
\r\n\r\n \r\n \r\n {item.name}\r\n \r\n
\r\n\r\n {item.urls\r\n ? item.urls.map((url, index) => {\r\n return (\r\n \r\n
\r\n );\r\n })\r\n : null}\r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n إضغط هنا\r\n \r\n
\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n دليل الخدمات الإلكترونية
\r\n\r\n {props.directorates.result.map((item, index) => {\r\n return (\r\n \r\n {item.sector ? (\r\n \r\n \r\n {item.name}\r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n {props.directorates.result.length ? (\r\n \r\n \r\n {item.sector}\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n {item.manager ? (\r\n \r\n
\r\n {item.logo ? (\r\n \r\n
\r\n ) : null}\r\n {item.telephone || item.fax ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.manager}
\r\n \r\n
\r\n ) : null}\r\n\r\n {item.address ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n {item.telephone == null\r\n ? item.fax\r\n : item.telephone}\r\n
\r\n \r\n
\r\n ) : null}\r\n\r\n {item.email ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.address}
\r\n \r\n
\r\n ) : null}\r\n\r\n {item.resumee ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.email}
\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.resumee}
\r\n \r\n ) : null}\r\n \r\n
\r\n ) : null}\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n خدمات المديريات
\r\n\r\n {props.services.result.map((item, index) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n {props.services.result.length ? (\r\n \r\n \r\n {item.directoryTypeName}-{item.directoryCategoryName}\r\n \r\n
\r\n\r\n \r\n \r\n {item.name}\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n {\" \"}\r\n {item.address == null ? item.cityName : item.address}\r\n
\r\n \r\n
\r\n\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.name}
\r\n \r\n
\r\n\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.telephone}
\r\n \r\n
\r\n\r\n {item.manger ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.cityName}
\r\n \r\n
\r\n ) : null}\r\n\r\n {item.mapUrl ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.manager}
\r\n \r\n
\r\n ) : null}\r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n {item.mapUrl}\r\n \r\n
\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n أرقام الطوارئ
\r\n\r\n {props.advertisementsList.result.map((item, index) => {\r\n let slicedDescription = item.description;\r\n if (\r\n item.description !== null &&\r\n item.description.length > 500\r\n ) {\r\n const desc = item.description;\r\n slicedDescription = desc.substring(0, 490).concat(\" ...\");\r\n }\r\n\r\n return (\r\n \r\n {item.advertismentTypeName ? (\r\n
\r\n );\r\n })}\r\n \r\n {props.advertisementsList.result.length ? (\r\n \r\n \r\n {item.advertismentTypeName}\r\n \r\n
\r\n ) : null}\r\n\r\n \r\n \r\n {slicedDescription}\r\n \r\n
\r\n\r\n {item.publishDate ? (\r\n \r\n
\r\n ) : null}\r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n {`${moment(new Date(item.publishDate)).format(\r\n \"LL\"\r\n )}`}\r\n \r\n
\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n إعلانات ومناقصات
\r\n\n
\n \n \n
\n \r\n
\r\n {props.hayadata.result.name}
\r\n\r\n
\r\n {ReactHtmlParser(props.hayadata.result.description)}
\r\n\r\n
\r\n \r\n );\r\n }\r\n return \r\n \r\n \r\n
\r\n
\r\n | نسبة التنفيذ | \r\nتاريخ التنفيذ | \r\n
|---|---|
| %{item.changeValue} | \r\n{item.changeDate} | \r\n
\r\n
\r\n \r\n
\r\n المحافظون السابقون
\r\n\r\n
\r\n \r\n \r\n );\r\n }\r\n return \r\n {props.exconservatives.result.map((item) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n {props.serviceDirectories.result.map((item, index) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n {props.serviceDirectories.result.length ? (\r\n \r\n \r\n {item.serviceCategoryName}\r\n \r\n
\r\n\r\n \r\n \r\n {item.name}\r\n \r\n
\r\n\r\n {item.urls\r\n ? item.urls.map((url, index) => {\r\n return (\r\n \r\n
\r\n );\r\n })\r\n : null}\r\n\r\n {/* {item.url ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n إضغط هنا\r\n \r\n
\r\n \r\n
\r\n ) : null} */}\r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n {item.mapUrl}\r\n \r\n
\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n خدمات المراكز التكنولوجية
\r\n\r\n
\r\n \r\n );\r\n }\r\n return \r\n
\r\n مدن المحافظة
\r\n\r\n {props.citiesList.result.map((item) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n \r\n
\r\n {props.citiesList.result.length ? (\r\n جاري رفع البيانات
\r\n )}\r\n \r\n
\r\n قيادات المحافظة
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n return \r\n {props.leader.result.map((item) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n جاري رفع البيانات
\r\n )}\r\n \r\n
\r\n {pageTitle}
\r\n\r\n
\r\n \r\n ) : (\r\n \r\n {props.apointment.result.map((item, index) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n لقاءات و قرارات السيد المحافظ
\r\n\r\n {props.allTribe.result.map((item, index) => {\r\n return (\r\n
\r\n \r\n );\r\n })}\r\n \r\n {props.allTribe.result.length ? (\r\n \r\n \r\n
\r\n\r\n {item.photo ? (\r\n \r\n
\r\n \r\n \r\n {item.name}\r\n
\r\n \r\n
\r\n\r\n {item.number ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.cityName}
\r\n \r\n
\r\n ) : null}\r\n\r\n {item.location ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.number}
\r\n \r\n
\r\n ) : null}\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.location}
\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n شيوخ القبائل
\r\n\r\n
\r\n مجلس النواب
\r\n\r\n
\r\n \r\n );\r\n }\r\n return \r\n {props.allParliament.result.map((item) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n
\r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n مجلس الشيوخ
\r\n\r\n
\r\n \r\n );\r\n return \r\n {props.allSenate.result.map((item) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n
\r\n \r\n
\r\n );\r\n })}\r\n طلب إعلان
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {Formik.errors.Title}\r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {attachmentFile?.name\r\n ? attachmentFile.name\r\n : \"اختر ملف...\"}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {}\r\n onPhotoFileChange(event)}\r\n required\r\n />\r\n \r\n {photoFile?.name ? photoFile.name : \"اختر صورة...\"}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {PhotoAlbumFile[0]?.name\r\n ? PhotoAlbumFile[1]?.name\r\n ? PhotoAlbumFile[2]?.name\r\n ? PhotoAlbumFile[0].name +\r\n \",\" +\r\n PhotoAlbumFile[1].name +\r\n \",\" +\r\n PhotoAlbumFile[2].name\r\n : PhotoAlbumFile[0].name +\r\n \",\" +\r\n PhotoAlbumFile[1].name\r\n : PhotoAlbumFile[0].name\r\n : \"اختر ملفات...\"}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n // setDescription(e.currentTarget.value);\r\n // }}\r\n onChange={Formik.handleChange(\"Description\")}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {Formik.errors.AdvertiserName}\r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {Formik.errors.AdvertiserPhone}\r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {disabled ? \"جاري الحفظ\" : \"حفظ\"}\r\n \r\n {\r\n props.onHideAdvertisementModal();\r\n initialState();\r\n }}\r\n >\r\n إلغاء\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n {renderFormModal()}\r\n setSuccessShow(false)}\r\n />\r\n setDangerShow(false)}\r\n />\r\n
\r\n );\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ advertismentRequireAPI }, dispatch);\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(AdvertisementRequire);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport {\r\n getAdvertisment,\r\n clearAdvertisement,\r\n getAllAdvertisment,\r\n getAllAdvertismentType,\r\n} from \"../../../store/actions/advertisment-action\";\r\nimport { paths } from \"../../../paths/paths\";\r\nimport { Col, Container, Row } from \"react-bootstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ListWithImage from \"../../ui/list-with-image\";\r\nimport moment from \"moment\";\r\nimport \"moment/locale/ar\";\r\nimport SearchSection from \"../../ui/search-section\";\r\nimport PaginationSection from \"../../ui/pagination-section\";\r\nimport ListSkeleton from \"../../loading-skeleton/list-skiliton\";\r\nimport AdvertisementRequire from \"../../forms/ads-form\";\r\n\r\nconst AdvertismentList = (props) => {\r\n let id = props.match.params.id;\r\n const [currentPage, setCurrentPage] = useState(0);\r\n const [title, setTitle] = useState(null);\r\n const [flag, setFlag] = useState(0);\r\n const [advertismentTypeId, setAdvertismentTypeId] = useState(parseInt(id));\r\n const [publishDateFrom, setPublishDateFrom] = useState(null);\r\n const [publishDateTo, setPublishDateTo] = useState(null);\r\n\r\n const [show, setShow] = useState(false);\r\n\r\n const onShow = () => {\r\n setShow(true);\r\n };\r\n\r\n const renderModal = () => {\r\n return (\r\n \r\n
\r\n \r\n );\r\n })}\r\n جاري رفع البيانات
\r\n )}\r\n {renderModal()}\r\n \r\n );\r\n }\r\n return (\r\n <>\r\n \r\n {advertismentTypeId == 5 ?
\r\n منتجات يدوية
:الإعلانات
}\r\n{title}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n // setName(e.currentTarget.value);\r\n // }}\r\n onChange={Formik.handleChange(\"Name\")}\r\n />\r\n {Formik.touched.Name && Formik.errors.Name ? (\r\n
\r\n \r\n {Formik.errors.Name}\r\n
\r\n ) : null}\r\n {/* {Name.trim()===\"\"&&من فضلك ادخل الاسم
} */}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n {\r\n // setMobile(e.currentTarget.value);\r\n // }}\r\n // />\r\n onChange={Formik.handleChange(\"Mobile\")}\r\n />\r\n {Formik.touched.Mobile && Formik.errors.Mobile ? (\r\n
\r\n \r\n {Formik.errors.Mobile}\r\n
\r\n ) : null}\r\n {/* من فضلك ادخل الموبايل
*/}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {Formik.errors.Email}\r\n
\r\n ) : null}\r\n {/* \r\n من فضلك ادخل البريد الالكتروني\r\n
*/}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {Formik.errors.Subject}\r\n
\r\n ) : null}\r\n {/* {Name.trim()===\"\"&&من فضلك ادخل الاسم
} */}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n من فضلك ادخل العنوان
*/}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n من فضلك ادخل المؤهلات العلمية\r\n
*/}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n // setNationalId(e.currentTarget.value);\r\n // }}\r\n onChange={Formik.handleChange(\"NationalId\")}\r\n />\r\n {Formik.touched.NationalId &&\r\n Formik.errors.NationalId ? (\r\n
\r\n \r\n {Formik.errors.NationalId}\r\n
\r\n ) : null}\r\n {/* \r\n من فضلك ادخل الرقم القومي\r\n
*/}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {resumee?.name ? resumee.name : \"اختر ملف...\"}\r\n \r\n
\r\n {/* */}\r\n \r\n \r\n {disabled ? \"جاري الحفظ\" : \"حفظ\"}\r\n \r\n {\r\n props.onHideYouthModal();\r\n initialState();\r\n }}\r\n >\r\n إلغاء\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n {renderFormModal()}\r\n setSuccessShow(false)}\r\n />\r\n setDangerShow(false)}\r\n />\r\n
\r\n );\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ youthApplyAPI }, dispatch);\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(YouthForm);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { youthEmployment } from \"../../../store/actions/advertisment-action\";\r\nimport { paths } from \"../../../paths/paths\";\r\nimport { Col, Container, Row } from \"react-bootstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ListWithImage from \"../../ui/list-with-image\";\r\nimport moment from \"moment\";\r\nimport \"moment/locale/ar\";\r\nimport SearchSection from \"../../ui/search-section\";\r\nimport PaginationSection from \"../../ui/pagination-section\";\r\nimport ListSkeleton from \"../../loading-skeleton/list-skiliton\";\r\nimport YouthForm from \"../../forms/youth-form\";\r\nimport ReactHtmlParser from \"react-html-parser\";\r\nimport { render } from \"react-dom\";\r\n\r\nconst YouthEmp = (props) => {\r\n const [currentPage, setCurrentPage] = useState(0);\r\n const [title, setTitle] = useState(null);\r\n const [flag, setFlag] = useState(0);\r\n\r\n const [show, setShow] = useState(false);\r\n const [content, setContent] = useState({});\r\n\r\n const onShow = () => {\r\n setShow(true);\r\n };\r\n\r\n const renderModal = (content) => {\r\n return (\r\n \r\n {\r\n onShow();\r\n setContent(item);\r\n }}\r\n center\r\n divHeight=\"30rem\"\r\n appliedPeople={item.applicantCount}\r\n details={item}\r\n />\r\n
\r\n \r\n );\r\n })}\r\n جاري رفع البيانات
\r\n )}\r\n {renderModal(content)}\r\n \r\n );\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n تشغيل وتدريب الشباب
\r\n\r\n {\r\n onShow();\r\n setContent(item);\r\n }}\r\n center\r\n divHeight=\"27rem\"\r\n appliedPeople={item.applicantCount}\r\n details={item}\r\n />\r\n
\r\n \r\n );\r\n })}\r\n جاري رفع البيانات
\r\n )}\r\n {renderModal(content)}\r\n \r\n );\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n وظائف شاغرة
\r\n\r\n
\r\n\r\n
\r\n );\r\n }\r\n return \r\n
\r\n {props.documentLibraryDetail.result.title}
\r\n\r\n \r\n {ReactHtmlParser(\r\n props.documentLibraryDetail.result.documentTypeName\r\n )}\r\n \r\n
\r\n\r\n \r\n {props.documentLibraryDetail.result.url ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n {props.documentLibraryDetail.result.publishDate ? (\r\n \r\n
\r\n \r\n \r\n {props.documentLibraryDetail.result.url}\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n {\" \"}\r\n {\" \"}\r\n
\r\n \r\n {`${moment(\r\n new Date(props.documentLibraryDetail.result.publishDate)\r\n ).format(\"LL\")}`}\r\n
\r\n \r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n {ReactHtmlParser(props.documentLibraryDetail.result.content)}\r\n
\r\n \r\n {props.documentLibraryDetail.result.photo ? (\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {props.documentLibraryDetail.result.attachment ? (\r\n \r\n ) : null}\r\n
\r\n \r\n {props.videosList.result.map((item, index) => {\r\n let date = item.publishDate.replace(/\\//g, \"-\").split(\"-\");\r\n let publishedDate = `${date[2]}-${date[1]}-${date[0]}T00:00:00`;\r\n return (\r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n {props.videosList.result.length ? (\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n مكتبة الفيديو
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n {ReactHtmlParser(details.title)}
\r\n\r\n \r\n {ReactHtmlParser(details.sectorName)}\r\n \r\n ) : null}\r\n
\r\n \r\n
\r\n {details.sectorName ? (\r\n \r\n
\r\n \r\n {\" \"}\r\n {\" \"}\r\n
\r\n {`${moment(new Date(publishedDate)).format(\"LL\")}`}
\r\n \r\n\r\n
\r\n {details.content ? (\r\n
\r\n\r\n \r\n
\r\n ) : null}\r\n \r\n {ReactHtmlParser(details.content)}\r\n
\r\n\r\n
\r\n ) : (\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n {details.sectorName ? (\r\n {ReactHtmlParser(details.titleA)}
\r\n\r\n
\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n {ReactHtmlParser(details.sectorName)}\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n {details.photos ? (\r\n \r\n
\r\n \r\n {ReactHtmlParser(details.photoCaptionA)}\r\n
\r\n\r\n
\r\n \r\n {details.photos.length > 2 ? (\r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n {details.photos.map((photo, index) => {\r\n let pName;\r\n let newPath;\r\n if (photo.photo != null) {\r\n pName = photo.photo;\r\n newPath = pName.replace(\" \", \"%20\");\r\n // newPath = decodeURI(pName);\r\n }\r\n let title = photo.title;\r\n if (photo.title === null) {\r\n title = photo.caption;\r\n }\r\n return (\r\n {\r\n onShow();\r\n setContent(photo);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n {title}
\r\n\r\n
\r\n );\r\n })}\r\n \r\n \r\n )}\r\n \r\n ) : null}\r\n \r\n {details.photos.map((photo, index) => {\r\n let pName;\r\n let newPath;\r\n if (photo.photo != null) {\r\n pName = photo.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n let title = photo.title;\r\n if (photo.title === null) {\r\n title = photo.caption;\r\n }\r\n return (\r\n {\r\n onShow();\r\n setContent(photo);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n {title}
\r\n\r\n {props.photosList.result.map((item, index) => {\r\n let date = item.publishDate.replace(/\\//g, \"-\").split(\"-\");\r\n let publishedDate = `${date[2]}-${date[1]}-${date[0]}T00:00:00`;\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n {props.photosList.result.length ? (\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n البوم الصور
\r\n\r\n
\r\n البوم الصور
\r\n\r\n
\r\n\r\n \r\n {props.data.result.map((item) => {\r\n let date = item.publishDate.replace(/\\//g, \"-\").split(\"-\");\r\n let publishedDate = `${date[2]}-${date[1]}-${date[0]}T00:00:00`;\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n
\r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n return \r\n
\r\n {props.advertismentDetail.result.title}
\r\n\r\n
\r\n \r\n {\" \"}\r\n {\" \"}\r\n
\r\n {`${moment(\r\n new Date(props.advertismentDetail.result.publishDate)\r\n ).format(\"LL\")}`}
\r\n \r\n \r\n \r\n {props.advertismentDetail.result.map((item, index) => {\r\n return ;\r\n })}\r\n \r\n \r\n
\r\n ) : null} */}\r\n {/* End of Slider */}\r\n
\r\n {props.advertismentDetail.result.attachment ? (\r\n \r\n
\r\n {/* Show Slider if album is not empty */}\r\n {/* {props.advertismentDetail.result.advertismentTypeId === 5 ? (\r\n \r\n
\r\n\r\n \r\n \r\n {props.advertismentDetail.result.advertismentTypeName}{\" \"}\r\n {props.advertismentDetail.result.advertismentCategoryName\r\n ? \"-\"\r\n : null}\r\n {props.advertismentDetail.result.advertismentCategoryName}\r\n
\r\n \r\n {props.advertismentDetail.result.description}\r\n
\r\n\r\n
\r\n \r\n {props.advertismentDetail.result.photo ? (\r\n \r\n
\r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {props.videosList.result.map((item) => {\r\n let date = item.publishDate.replace(/\\//g, \"-\").split(\"-\");\r\n let publishedDate = `${date[2]}-${date[1]}-${date[0]}T00:00:00`;\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n
\r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n {props.sliderNews.result.length > 2 ? (\r\n \r\n
\r\n \r\n
\r\n اخبار إستثمارية
\r\n\r\n
\r\n \r\n \r\n {props.sliderNews.result.map((item, index) => {\r\n return (\r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n
\r\n \r\n {item.title}\r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n );\r\n } else {\r\n return \r\n {props.sliderNews.result.map((item, index) => {\r\n return (\r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n \r\n
\r\n {item.title}
\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n );\r\n } else {\r\n return \r\n {renderModal(content)}\r\n \r\n {props.sliderMap.result.map((item, index) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n let title = item.title;\r\n let imgPath = `url(\"${paths.DocumentLibraryPhotos}${item.id}/${newPath}\")`;\r\n return (\r\n {\r\n onShow();\r\n setContent(item);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n الخريطة الإستثمارية
{\" \"}\r\n\r\n
\r\n {title}
\r\n\r\n {props.focusedOpportunities.result.map((item, index) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n let Title;\r\n if (item.title) {\r\n Title = item.title;\r\n } else {\r\n Title = `فرص إستثمارية بالمنطقة الصناعية: ${item.industryZoneName} - النشاط: ${item.activityName}`;\r\n }\r\n return (\r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n {Title}\r\n
\r\n\r\n \r\n \r\n عرض الكل\r\n \r\n \r\n
\r\n \r\n );\r\n };\r\n\r\n if (props?.focusedOpportunities?.result) {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n {renderAlbum()}\r\n \r\n
\r\n \r\n
\r\n الفرص الإستثمارية
\r\n\r\n {photosArr.map((item, index) => {\r\n return (\r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {item.title}\r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default InvestorAlbum;\r\n","import \"../../Styles/photo-album-style.css\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst InvestorGuide = (props) => {\r\n let photosArr = [\r\n {\r\n routeId: `/statichome/${1009}/natureoftheproject/${1009}/${\"investor\"}`,\r\n photo: \"/images/investor-photos/ماهية المشروع-01.png\",\r\n title: \"ماهية المشروع\",\r\n },\r\n {\r\n routeId: `/statichome/${1010}/applicationform/${1010}/${\"investor\"}`,\r\n photo: \"/images/investor-photos/نموذج التسجيل-01.png\",\r\n title: \"نموذج التسجيل للمشروع\",\r\n },\r\n {\r\n routeId: `/document-library/${6}`,\r\n photo: \"/images/investor-photos/دراسة جدوى-01.png\",\r\n title: \"دراسات جدوى\",\r\n },\r\n {\r\n routeId: `/statichome/${1004}/financingframework/${1004}/${\"investor\"}`,\r\n photo: \"/images/investor-photos/الاطار التمويلي-01.png\",\r\n title: \"الإطار التمويلي\",\r\n },\r\n {\r\n routeId: `/statichome/${1005}/licensingprocedures/${1005}/${\"investor\"}`,\r\n photo: \"/images/investor-photos/اجراءات التراخيص-01.png\",\r\n title: \"اجراءات الترخيص\",\r\n },\r\n {\r\n routeId: `/statichome/${1006}/implementationphases/${1006}/${\"investor\"}`,\r\n photo: \"/images/investor-photos/مراحل التنفيذ-01.png\",\r\n title: \"مراحل التنفيذ\",\r\n },\r\n {\r\n routeId: `/statichome/${1007}/successstories/${1007}/${\"investor\"}`,\r\n photo: \"/images/investor-photos/قصص نجاح-01.png\",\r\n title: \"قصص نجاح\",\r\n },\r\n {\r\n routeId: `/statichome/${1008}/commonquestions/${1008}/${\"investor\"}`,\r\n photo: \"/images/investor-photos/اسئلة شائعه-01.png\",\r\n title: \"اسئلة شائعة\",\r\n },\r\n ];\r\n\r\n const renderAlbum = () => {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n {renderAlbum()}\r\n \r\n {\" \"}\r\n
\r\n مقومات الإستثمار
\r\n\r\n {photosArr.map((item, index) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n return (\r\n \r\n {\" \"}\r\n 
\r\n
\r\n {item.title}
\r\n \r\n );\r\n })}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default InvestorGuide;\r\n","import React from \"react\";\r\nimport \"../../Styles/tourist-home.css\";\r\nimport ContactHome from \"../home-page/contactus-home\";\r\nimport TrainingAgenda from \"../agenda/training-agenda\";\r\nimport InvestorStart from \"./investor-start\";\r\nimport InvestorMap from \"./investor-map\";\r\nimport InvestmentOpportunities from \"./investment-opportunities\";\r\nimport InvestorAlbum from \"./static-investor-album\";\r\nimport InvestorGuide from \"./investment-guide\";\r\nconst InvestorHome = () => {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n {renderAlbum()}\r\n \r\n {\" \"}\r\n
\r\n دليل الإستثمار
\r\n\r\n
\r\n \r\n \r\n المستثمر\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {touristAttraction.name}\r\n
\r\n\r\n {ReactHtmlParser(touristAttraction.description)}\r\n
\r\n {touristAttraction.photos.length > 2 ? (\r\n \r\n
\r\n \r\n {title}
\r\n \r\n );\r\n })}\r\n\r\n {touristAttraction.photos.map((photo, index) => {\r\n let pName;\r\n let newPath;\r\n if (photo.photo != null) {\r\n pName = photo.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n let title = photo.title;\r\n let imgPath = `url(\"${paths.TouristAttractionSlider}${photo.id}/${newPath}\")`;\r\n if (photo.title === null) {\r\n title = photo.caption;\r\n }\r\n return (\r\n {\r\n onShow();\r\n setContent(photo);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n {title}
\r\n \r\n );\r\n })}\r\n \r\n )}\r\n\r\n {props.services.result.map((item, index) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n \r\n {item.photo ? (\r\n \r\n
\r\n ) : (\r\n \r\n \r\n {item.directoryTypeName}-\r\n {item.directoryCategoryName}\r\n \r\n
\r\n \r\n \r\n {item.directoryTypeName}-\r\n {item.directoryCategoryName}\r\n \r\n
\r\n \r\n )}\r\n\r\n {/* \r\n \r\n {item.directoryTypeName}-{item.directoryCategoryName}\r\n \r\n
*/}\r\n\r\n \r\n \r\n {item.name}\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n {\" \"}\r\n {item.address == null ? item.cityName : item.address}\r\n
\r\n \r\n
\r\n\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.name}
\r\n \r\n
\r\n\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.telephone}
\r\n \r\n
\r\n\r\n {item.manger ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.cityName}
\r\n \r\n
\r\n ) : null}\r\n\r\n {item.homePage ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.manager}
\r\n \r\n
\r\n ) : null}\r\n\r\n {item.mapUrl ? (\r\n \r\n {/* {\" \"} */}\r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n تفاصيل\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n );\r\n })}\r\n \r\n {props.services.result.length ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n إضغط هنا للذهاب للرابط\r\n \r\n
\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n {title}
\r\n\r\n
\r\n\r\n\r\n \r\n \r\n
\r\n );\r\n } else {\r\n return \r\n
\r\n {props.appointmentDetails.result.title}
\r\n\r\n \r\n {ReactHtmlParser(appointmentTypeName)}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {props.appointmentDetails.result.governorName}
\r\n \r\n
\r\n \r\n {\" \"}\r\n {\" \"}\r\n
\r\n {`${moment(\r\n new Date(props.appointmentDetails.result.appointmentDate)\r\n ).format(\"LL\")}`}
\r\n \r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n {ReactHtmlParser(props.appointmentDetails.result.content)}\r\n
\r\n \r\n
\r\n \r\n {props.eventsList.result.map((item, index) => {\r\n let slicedBrief = item.brief;\r\n if (item.brief !== null && item.brief.length > 150) {\r\n const brief = item.brief;\r\n slicedBrief = brief.substring(0, 140).concat(\" ...\");\r\n }\r\n\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n {props.eventsList.result.length ? (\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n الأحداث
\r\n\r\n
\r\n\r\n
\r\n {props.eventDetails.result.agenda ? (\r\n \r\n
\r\n {props.eventDetails.result.title}
\r\n\r\n \r\n {ReactHtmlParser(props.eventDetails.result.sectorName)}\r\n \r\n
\r\n\r\n \r\n {props.eventDetails.result.location ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n {props.eventDetails.result.location}
\r\n \r\n
\r\n \r\n \r\n
\r\n {`${moment(\r\n new Date(props.eventDetails.result.startDateTime)\r\n ).format(\"LL\")} إلى ${moment(\r\n new Date(props.eventDetails.result.endDateTime)\r\n ).format(\"LL\")}`}
\r\n \r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n {props.eventDetails.result.photo ? (\r\n \r\n {ReactHtmlParser(props.eventDetails.result.content)}\r\n
\r\n \r\n
\r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {props.investorOpportunitiesList.result.length ? (\r\n \r\n {props.investorOpportunitiesList.result.map((item) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n let Title;\r\n if (item.title) {\r\n Title = item.title;\r\n } else {\r\n Title = \"فرصة إستثمارية: \";\r\n }\r\n return (\r\n \r\n \r\n
\r\n );\r\n })}\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n فرص الإستثمار
\r\n\r\n {details.title ? (\r\n
\r\n\r\n
\r\n\r\n {details.photos.length > 3 ? (\r\n \r\n
\r\n ) : null}\r\n\r\n {details.title}
\r\n\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n {details.photo ? (\r\n \r\n {details.description ? (\r\n
\r\n \r\n
الوصف: {details.description}
\r\n ) : null}\r\n {details.partNumber ? (\r\nرقم القطعة: {details.partNumber}
\r\n ) : null}\r\n {details.area ? (\r\nالمساحة: {details.area} متر مربع
\r\n ) : null}\r\n {details.activityName ? (\r\nنوع النشاط: {details.activityName}
\r\n ) : null}\r\n {details.industryZoneName ? (\r\nإسم المنطقة الصناعية: {details.industryZoneName}
\r\n ) : null}\r\n {details.investmentSpecialtyTypeName ? (\r\nنوع التخصيص: {details.investmentSpecialtyTypeName}
\r\n ) : null}\r\n {details.investmentPaymentSystemName ? (\r\n\r\n نظام سداد قيمة المرافق: \r\n {details.investmentPaymentSystemName}\r\n
\r\n ) : null}\r\n {details.meterPrice ? (\r\n\r\n قيمة حق الإنتفاع للمتر المربع: {details.meterPrice}\r\n
\r\n ) : null}\r\n {details.attachmentPrice ? (\r\n\r\n قيمة المرافق للمتر المربع: {details.attachmentPrice}\r\n
\r\n ) : null}\r\n {details.period ? (\r\nمدة حق الإنتفاع: {details.period}
\r\n ) : null}\r\n\r\n \r\n {details.photos.map((photo, index) => {\r\n let pName;\r\n let newPath;\r\n if (photo.photo != null) {\r\n pName = photo.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n let title = photo.title;\r\n if (photo.title === null) {\r\n title = photo.caption;\r\n }\r\n return (\r\n {\r\n onShow();\r\n setContent(photo);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n {title}
\r\n \r\n );\r\n })}\r\n \r\n \r\n ) : (\r\n\r\n {details.photos.map((photo, index) => {\r\n let pName;\r\n let newPath;\r\n if (photo.photo != null) {\r\n pName = photo.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n {\r\n onShow();\r\n setContent(photo);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n {photo.title}
\r\n \r\n );\r\n })}\r\n \r\n )}\r\n\r\n\r\n
\r\n \r\n );\r\n } else {\r\n return \r\n
\r\n \r\n
\r\n {titleFamous ?? titleName}
\r\n\r\n
\r\n {detailsID != 0 ? (\r\n \r\n {props.allStaticContent.result.map((item, index) => {\r\n return (\r\n {\r\n setDetailsID(item.id);\r\n setTitleFamous(item.title);\r\n setPersonId(item.id);\r\n }}\r\n key={item.id}\r\n style={{\r\n cursor: \"pointer\",\r\n border: \"1px solid orange\",\r\n borderRadius: \"4px\",\r\n }}\r\n className={` ${\r\n name == \"investor\" || name == \"aboutgovernment\"\r\n ? detailsID == item.id\r\n ? activeClass\r\n : \"\"\r\n : personId == item.id\r\n ? activeClass\r\n : \"\"\r\n } text-decoration-none my-3 col-sm-6 col-md-3 mx-2 col-9 hvr-grow-shadow hvr-underline-reveal d-flex justify-content-center align-items-center`}\r\n >\r\n
\r\n );\r\n })}\r\n \r\n {item.title}\r\n
\r\n جاري رفع البيانات
\r\n )}\r\n \r\n */}\r\n
\r\n );\r\n};\r\n\r\nexport default StaticContentHome;","import { useState, useEffect } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport ReactHtmlParser from \"react-html-parser\";\r\nimport { connect } from \"react-redux\";\r\nimport { paths } from \"../../paths/paths\";\r\nimport { getCityDetails, clearCityDetails } from \"../../store/actions/navbar\";\r\nimport DetailsSkeleton from \"../loading-skeleton/Details\";\r\nimport SliderDetailsModalComponent from \"../slider-details-modal-component\";\r\nimport Slider from \"react-slick\";\r\n\r\nconst CityDetails = (props) => {\r\n let id = props.match.params.id;\r\n useEffect(() => {\r\n props.getCityDetails(id);\r\n return () => {\r\n props.clearCityDetails();\r\n };\r\n }, [id]);\r\n\r\n const [show, setShow] = useState(false);\r\n const [content, setContent] = useState({});\r\n\r\n const onShow = () => {\r\n setShow(true);\r\n };\r\n\r\n var settings = {\r\n dots: true,\r\n arrows: false,\r\n autoplay: true,\r\n autoplaySpeed: 1000,\r\n infinite: true,\r\n speed: 2000,\r\n slidesToShow: 4,\r\n slidesToScroll: 1,\r\n initialSlide: 1,\r\n pauseOnFocus: true,\r\n pauseOnHover: true,\r\n swipe: true,\r\n swipeToSlide: true,\r\n responsive: [\r\n {\r\n breakpoint: 1300,\r\n settings: {\r\n slidesToShow: 3,\r\n slidesToScroll: 1,\r\n infinite: true,\r\n dots: true,\r\n },\r\n },\r\n {\r\n breakpoint: 1024,\r\n settings: {\r\n slidesToShow: 2,\r\n slidesToScroll: 1,\r\n infinite: true,\r\n dots: true,\r\n },\r\n },\r\n {\r\n breakpoint: 600,\r\n settings: {\r\n arrows: false,\r\n slidesToShow: 2,\r\n slidesToScroll: 1,\r\n initialSlide: 2,\r\n dots: false,\r\n },\r\n },\r\n {\r\n breakpoint: 480,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n dots: false,\r\n },\r\n },\r\n ],\r\n };\r\n\r\n let pathName;\r\n const renderModal = (content) => {\r\n return (\r\n \r\n
\r\n {photos.length > 3 ? (\r\n \r\n {props.cityDetails.result.cityCategoryName}{\" \"}\r\n {props.cityDetails.result.name}\r\n
\r\n\r\n \r\n {photos.map((photo, index) => {\r\n let pName;\r\n let newPath;\r\n if (photo.photo != null) {\r\n pName = photo.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n let title = photo.title;\r\n if (photo.title === null) {\r\n title = photo.caption;\r\n }\r\n return (\r\n {\r\n onShow();\r\n setContent(photo);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n {title}
\r\n \r\n );\r\n })}\r\n \r\n \r\n ) : (\r\n\r\n {photos.map((photo, index) => {\r\n let pName;\r\n let newPath;\r\n if (photo.photo != null) {\r\n pName = photo.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n let title = photo.name;\r\n if (photo.name === null) {\r\n title = photo.caption;\r\n }\r\n return (\r\n {\r\n onShow();\r\n setContent(photo);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n {title}
\r\n \r\n );\r\n })}\r\n \r\n )}\r\n\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n النبذة\r\n \r\n
\r\n {ReactHtmlParser(props.cityDetails.result.description)}
\r\n\r\n \r\n \r\n
\r\n ) : null}\r\n {props.cityDetails.result.president ? (\r\n \r\n
\r\n \r\n \r\n البيانات\r\n \r\n
\r\n \r\n \r\n
\r\n ) : null}\r\n {props.cityDetails.result.fax ? (\r\n \r\n {props.cityDetails.result.address ? (\r\n \r\n
\r\n ) : null}\r\n {props.cityDetails.result.telephone ? (\r\n \r\n عنوان الوحدة المحلية\r\n
\r\n{props.cityDetails.result.address}
\r\n\r\n التليفون\r\n
\r\n{props.cityDetails.result.telephone}
\r\n\r\n الفاكس\r\n
\r\n{props.cityDetails.result.fax}
\r\n\r\n رئيس {props.cityDetails.result.cityCategoryName}\r\n
\r\n{props.cityDetails.result.president}
\r\n \r\n ) : null}\r\n {props.cityDetails.result.vicePresident ? (\r\n\r\n نائب {props.cityDetails.result.cityCategoryName}\r\n
\r\n{props.cityDetails.result.president}
\r\n \r\n ) : null}\r\n {props.cityDetails.result.secretary ? (\r\n\r\n سكرتير {props.cityDetails.result.cityCategoryName}\r\n
\r\n{props.cityDetails.result.secretary}
\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n\r\n {props.cityDetails.result.villages ? (\r\n\r\n
\r\n \r\n \r\n ) : null}\r\n {renderModal(content)}\r\n \r\n );\r\n } else {\r\n return \r\n
\r\n \r\n \r\n \r\n القرى\r\n \r\n
\r\n \r\n \r\n \r\n ![](\")
\r\n
\r\n`;\r\n })\r\n .render();\r\n }\r\n }, [props.data, d3Container.current]);\r\n\r\n return (\r\n \r\n
\r\n \r\n ${d.data.name} \r\n
\r\n \r\n ${d.data.leaderName} \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n","export default \"data:image/png;base64,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\"","import React, { useState, useEffect } from \"react\";\r\nimport axios from \"../../Axios/Axios_Config\";\r\nimport { render } from \"react-dom\";\r\n// import \"./style.css\";\r\nimport { OrgChartComponent } from \"./orgChart\";\r\nimport * as d3 from \"d3\";\r\nimport { Container } from \"react-bootstrap\";\r\n\r\nconst OrgChartRender = (props) => {\r\n const [data, setData] = useState(null);\r\n\r\n const [orgChart, setOrgChart] = useState([]);\r\n\r\n const getOrgChart = async () => {\r\n //fetch data\r\n const response = await axios\r\n .get(\"/GeneralBureauAPI/GetDictionary\")\r\n .catch((err) => (\"Error\", err)); //handle errors\r\n if (response && response.data) {\r\n setOrgChart(response.data.result);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n getOrgChart();\r\n }, []);\r\n\r\n const noOrgChart = !orgChart || (orgChart && orgChart.length === 0); //check if no org Chart\r\n\r\n // let addNodeChildFunc = null;\r\n\r\n // function addNode() {\r\n // const node = {\r\n // nodeId: \"new Node\",\r\n // parentNodeId: \"O-6066\",\r\n // };\r\n\r\n // addNodeChildFunc(node);\r\n // }\r\n\r\n // function onNodeClick(nodeId) {\r\n // alert(\"clicked \" + nodeId);\r\n // }\r\n\r\n useEffect(() => {\r\n d3.csv(\r\n \"https://raw.githubusercontent.com/bumbeishvili/sample-data/main/org.csv\"\r\n ).then((data) => {\r\n setData(data);\r\n });\r\n }, [true]);\r\n return (\r\n \r\n
\r\n الديوان العام
\r\n\r\n {/* Click node to trigger action in parent or */}\r\n {/* */}\r\n (addNodeChildFunc = click)}\r\n // onNodeClick={onNodeClick}\r\n data={orgChart}\r\n />\r\n
\r\n \r\n
\r\n );\r\n};\r\nexport default Contact;\r\n","// import React, { useState, useEffect } from \"react\";\r\n// import Ticker from \"react-ticker\";\r\n\r\nimport { Link } from \"react-router-dom\";\r\n\r\n// const GetNewsFromAPI = () => {\r\n// let News;\r\n\r\n// A placeholder is needed, to tell react-ticker, that width and height might have changed\r\n// It uses MutationObserver internally\r\n// return News ? (\r\n// \r\n
\r\n \r\n
\r\n \r\n {id == 1 ? (\r\n \r\n {\" \"}\r\n \r\n ) : (\r\n
\r\n {id == 2 ? (\r\n \r\n {\" \"}\r\n
\r\n \r\n {id == 1 ? \"خريطة الموقع\" : \"اتصل بنا\"}{\" \"}\r\n
\r\n\r\n للتواصل عبر الهاتف: \r\n 0972483111\r\n
\r\n ) : null}\r\n\r\n {id == 2 ? (\r\n setSuccessShow(false)}\r\n />\r\n setDangerShow(false)}\r\n />\r\n
\r\n \r\n \r\n
\r\n ) : null}\r\n {id == 1 ? (\r\n \r\n {\r\n setName(e.currentTarget.value);\r\n }}\r\n type=\"text\"\r\n className=\"form-control border-0\"\r\n placeholder=\"الاسم\"\r\n />\r\n
\r\n \r\n {\r\n setEmail(e.currentTarget.value);\r\n }}\r\n type=\"email\"\r\n className=\"form-control border-0\"\r\n placeholder=\"البريد الالكتروني\"\r\n />\r\n
\r\n \r\n {\r\n setSubject(e.currentTarget.value);\r\n }}\r\n type=\"text\"\r\n className=\"form-control border-0\"\r\n placeholder=\"الموضوع\"\r\n />\r\n
\r\n \r\n {\r\n setMessage(e.currentTarget.value);\r\n }}\r\n placeholder=\"الرسالة\"\r\n className=\"form-control border-0\"\r\n rows=\"3\"\r\n >\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n ارسال\r\n \r\n
\r\n \r\n \r\n
\r\n ) : null}\r\n {News} +++
\r\n// ) : (\r\n//Placeholder
\r\n// );\r\n// };\r\n\r\n// function StockTicker() {\r\n// const [News, setNews] = useState(\"\");\r\n// const [arr, setArr] = useState([]);\r\n// async function fetchData() {\r\n// let res = await axios.get(\"/AdvertismentAPI/GetFocus\");\r\n// if (res && res.data) {\r\n// return res.data.result;\r\n// }\r\n// }\r\n// useEffect(async () => {\r\n// let x = await fetchData();\r\n// setArr(arr.length ? [...arr, x] : [x]);\r\n// }, []);\r\n\r\n// console.log(\"arr\", arr);\r\n\r\n// let titles = [];\r\n// for (let i = 0; i < arr?.length; i++) {\r\n// titles.push(arr[i]?.title);\r\n// }\r\n// if (arr.length > 0 && arr !== []) {\r\n// return (\r\n//\r\n// {\" \"}\r\n// {titles.join(\" ...\")} ... \r\n//
\r\n// \r\n// ) : null\r\n// }\r\n//\r\n// {news.map((item) => {\r\n// return (\r\n//
placeholder
\r\n// );\r\n// };\r\n\r\n// function StockTicker() {\r\n// return (\r\n//\r\n \r\n {upcomingWebinar?.map((item, index) => {\r\n return (\r\n \r\n ...{`${item?.title}`}\r\n \r\n \r\n );\r\n })}\r\n \r\n
\r\n );\r\n return <>;\r\n};\r\n\r\nexport default Ticker;\r\n","import React, { useEffect, Fragment } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nfunction ScrollToTop({ history, children }) {\r\n useEffect(() => {\r\n const unListen = history.listen(() => {\r\n window.scrollTo(0, 0);\r\n });\r\n return () => {\r\n unListen();\r\n };\r\n }, [history]);\r\n\r\n return \r\n
\r\n\r\n {\r\n onShow();\r\n setContent(props.careerDetails.result);\r\n }}\r\n >\r\n \r\n مشاركة\r\n \r\n
\r\n {renderModal(content)}\r\n \r\n );\r\n }\r\n return \r\n
\r\n\r\n {props.careerDetails.result.title}
\r\n\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n {ReactHtmlParser(props.careerDetails.result.description)}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {`متطلبات الوظيفة: ${ReactHtmlParser(\r\n props.careerDetails.result.requirement\r\n )}`}
\r\n {`الخبرة المطلوبة: ${ReactHtmlParser(\r\n props.careerDetails.result.seniorityLevelName\r\n )}`}
\r\n {`نوع الوظيفة: ${ReactHtmlParser(\r\n props.careerDetails.result.employmentTypeName\r\n )}`}
\r\n \r\n عدد المتقدمين للوظيفة: {props.careerDetails.result.applicantCount}\r\n
\r\n \r\n\r\n {props.careerDetails.result.photo ? (\r\n
\r\n \r\n \r\n 
\r\n \r\n
\r\n\r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n {props.careerDetails.result.attachment ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n
\r\n ;\r\n};\r\nconst mapStateToProps = (state) => {\r\n return {\r\n careerDetails: state.advertismentComponents.careerDetails,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ getCareerDetails, clearCareerDetails }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CareerDetails);\r\n","import React from \"react\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport ReactHtmlParser from \"react-html-parser\";\r\nimport {\r\n getYouthDetails,\r\n clearYouthDetails\r\n} from \"../../../../store/actions/advertisment-action\";\r\nimport { paths } from \"../../../../paths/paths\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCalendarAlt, faLink } from \"@fortawesome/free-solid-svg-icons\";\r\nimport moment from \"moment\";\r\nimport \"moment/locale/ar\";\r\nimport Details from \"../../../loading-skeleton/Details\";\r\nimport YouthForm from \"../../../forms/youth-form\";\r\nimport { path } from \"d3\";\r\n\r\nconst YouthDetails = (props) => {\r\n const id = props.match.params.id;\r\n useEffect(() => {\r\n props.getYouthDetails(id);\r\n return () => {\r\n props.clearYouthDetails();\r\n };\r\n }, []);\r\n\r\n const [show, setShow] = useState(false);\r\n const [content, setContent] = useState({});\r\n\r\n const onShow = () => {\r\n setShow(true);\r\n };\r\n\r\n const renderModal = (content) => {\r\n return (\r\n
\r\n
\r\n\r\n {\r\n onShow();\r\n setContent(props.youthDetails.result);\r\n }}>\r\n \r\n مشاركة\r\n \r\n
\r\n {renderModal(content)}\r\n \r\n );\r\n }\r\n return \r\n
\r\n\r\n {props.youthDetails.result.title}
\r\n\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n {ReactHtmlParser(props.youthDetails.result.description)}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n عدد المتقدمين للوظيفة: {props.youthDetails.result.applicantCount}\r\n \r\n
\r\n {`متطلبات الوظيفة: ${ReactHtmlParser(props.youthDetails.result.requirement)}`}
\r\n {`تاريخ البداية: ${moment(new Date(props.youthDetails.result.startDate)).format(\"LL\")}`}
\r\n {`تاريخ النهاية: ${moment(new Date(props.youthDetails.result.endDate)).format(\"LL\")}`}
\r\n \r\n {props.youthDetails.result.photo ? (\r\n
\r\n\r\n \r\n 
\r\n\r\n
\r\n\r\n ) : null}\r\n \r\n {props.youthDetails.result.attachment ? (\r\n
\r\n \r\n 
\r\n
\r\n ) : null}\r\n ;\r\n};\r\nconst mapStateToProps = (state) => {\r\n return {\r\n youthDetails: state.advertismentComponents.youthDetails,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators(\r\n { getYouthDetails, clearYouthDetails },\r\n dispatch\r\n );\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(YouthDetails);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport {\r\n getNationalCouncil,\r\n clearNationalCouncil,\r\n} from \"../../../../store/actions/local-leaders-actions\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faGlobe } from \"@fortawesome/free-solid-svg-icons\";\r\nimport {} from \"../../../../Styles/EServices.css\";\r\nimport { Col, Container, Row } from \"react-bootstrap\";\r\nimport SearchSection from \"../../../ui/search-section\";\r\nimport PaginationSection from \"../../../ui/pagination-section\";\r\nimport ListSkeleton from \"../../../loading-skeleton/list-skiliton\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst NationalCouncil = (props) => {\r\n const [currentPage, setCurrentPage] = useState(0);\r\n const [dataFlag, setDataFlag] = useState(0);\r\n const [renderFlag, setRenderFlag] = useState(1);\r\n const [name, setName] = useState(null);\r\n const [address, setAddress] = useState(null);\r\n\r\n let dataFilled = { name, address };\r\n let pageCount;\r\n\r\n const submitHandler = (e) => {\r\n e.preventDefault();\r\n setCurrentPage(0);\r\n props.getNationalCouncil(currentPage + 1, data(dataFilled));\r\n setDataFlag(1);\r\n };\r\n\r\n const nameHandler = (e) => {\r\n setName(e.target.value);\r\n };\r\n\r\n const addressHandler = (e) => {\r\n setAddress(e.target.value);\r\n };\r\n\r\n function check(a) {\r\n let flags = 0;\r\n for (let property in a) {\r\n if (a[property] != null) {\r\n flags = 1;\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n function data(a) {\r\n for (let property in a) {\r\n if (a[property] == null) delete a[property];\r\n }\r\n return a;\r\n }\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n props.clearNationalCouncil();\r\n setCurrentPage(selectedPage);\r\n };\r\n\r\n useEffect(() => {\r\n if (renderFlag) {\r\n if (dataFlag)\r\n check(dataFilled) == false\r\n ? props.getNationalCouncil(currentPage + 1)\r\n : props.getNationalCouncil(currentPage + 1, data(dataFilled));\r\n else props.getNationalCouncil(currentPage + 1);\r\n }\r\n\r\n setRenderFlag(1);\r\n\r\n return () => {\r\n props.clearNationalCouncil();\r\n };\r\n }, [currentPage]);\r\n\r\n const render = () => {\r\n if (props?.NationalCouncil?.result) {\r\n pageCount = Math.ceil(props.NationalCouncil.count / 9);\r\n if (props.NationalCouncil.page == currentPage + 1) {\r\n return (\r\n <>\r\n
\r\n {props.NationalCouncil.result.map((item, index) => {\r\n return (\r\n \r\n \r\n \r\n {`الهدف الرئيسي: ${item.mainGoal}`}\r\n
\r\n ) : null}\r\n\r\n {item.homePage ? (\r\n \r\n \r\n {item.name}\r\n \r\n
\r\n \r\n\r\n {item.mainGoal ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.homePage}
\r\n \r\n ) : null}\r\n \r\n );\r\n })}\r\n \r\n {props.NationalCouncil.result.length ? (\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n المجالس القومية
\r\n\r\n
\r\n\r\n\r\n {`الرسالة: ${ReactHtmlParser(\r\n props.NationalCouncilDetails.result.message\r\n )}`}\r\n
\r\n ) : null}\r\n \r\n \r\n \r\n\r\n {/* {props.NationalCouncilDetails.result.photos.length > 3 ? (\r\n \r\n
\r\n {props.NationalCouncilDetails.result.name}
\r\n\r\n
\r\n \r\n {props.NationalCouncilDetails.result.homePage ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n {props.NationalCouncilDetails.result.address ? (\r\n \r\n
\r\n {props.NationalCouncilDetails.result.homePage}
\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n {props.NationalCouncilDetails.result.address}
\r\n \r\n\r\n
\r\n \r\n {`الرؤية: ${ReactHtmlParser(\r\n props.NationalCouncilDetails.result.vision\r\n )}`}\r\n
\r\n ) : null}\r\n\r\n {props.NationalCouncilDetails.result.message ? (\r\n \r\n \r\n {`الهدف الرئيسي: ${ReactHtmlParser(\r\n props.NationalCouncilDetails.result.mainGoal\r\n )}`}\r\n
\r\n ) : null}\r\n\r\n {props.NationalCouncilDetails.result.vision ? (\r\n \r\n \r\n {`الوصف: ${ReactHtmlParser(\r\n props.NationalCouncilDetails.result.description\r\n )}`}\r\n
\r\n ) : null}\r\n\r\n {props.NationalCouncilDetails.result.mainGoal ? (\r\n \r\n
\r\n \r\n {props.NationalCouncilDetails.result.photos.map(\r\n (photo, index) => {\r\n let pName;\r\n let newPath;\r\n if (photo.photo != null) {\r\n pName = photo.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n let title = photo.title;\r\n if (photo.title === null) {\r\n title = photo.caption;\r\n }\r\n return (\r\n {\r\n onShow();\r\n setContent(photo);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n {title}
\r\n \r\n );\r\n }\r\n )}\r\n \r\n \r\n ) : (\r\n\r\n {props.NationalCouncilDetails.result.photos.map((photo, index) => {\r\n let pName;\r\n let newPath;\r\n if (photo.photo != null) {\r\n pName = photo.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n let title = photo.title;\r\n if (photo.title === null) {\r\n title = photo.caption;\r\n }\r\n return (\r\n {\r\n onShow();\r\n setContent(photo);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n {title}
\r\n \r\n );\r\n })}\r\n \r\n )} */}\r\n\r\n {/* {props.NationalCouncilDetails.result.description ? (\r\n\r\n
\r\n ) : null}\r\n {props.NationalCouncilDetails.result.mainGoal ? (\r\n \r\n
\r\n \r\n {`الوصف: ${ReactHtmlParser(\r\n props.NationalCouncilDetails.result.description\r\n )}`}\r\n
\r\n \r\n
\r\n ) : null}\r\n {props.NationalCouncilDetails.result.vision ? (\r\n \r\n
\r\n \r\n {`الهدف الرئيسي: ${ReactHtmlParser(\r\n props.NationalCouncilDetails.result.mainGoal\r\n )}`}\r\n
\r\n \r\n
\r\n ) : null}\r\n {props.NationalCouncilDetails.result.message ? (\r\n \r\n
\r\n \r\n {`الرؤية: ${ReactHtmlParser(\r\n props.NationalCouncilDetails.result.vision\r\n )}`}\r\n
\r\n \r\n
\r\n ) : null} */}\r\n \r\n );\r\n }\r\n return \r\n
\r\n \r\n {`الرسالة: ${ReactHtmlParser(\r\n props.NationalCouncilDetails.result.message\r\n )}`}\r\n
\r\n ;\r\n};\r\nconst mapStateToProps = (state) => {\r\n return {\r\n NationalCouncilDetails: state.LocalLeadersComponents.NationalCouncilDetails,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators(\r\n { getNationalCouncilDetails, clearNationalCouncilDetails },\r\n dispatch\r\n );\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(NationalCouncilDetails);\r\n","import React from \"react\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport ReactHtmlParser from \"react-html-parser\";\r\nimport {\r\n getSocietyDetails,\r\n clearSocietyDetails,\r\n} from \"../../../../../store/actions/local-leaders-actions\";\r\nimport Details from \"../../../../loading-skeleton/Details\";\r\nimport { paths } from \"../../../../../paths/paths\";\r\n\r\nconst SocietyDetails = (props) => {\r\n const id = props.match.params.id;\r\n useEffect(() => {\r\n props.getSocietyDetails(id);\r\n return () => {\r\n props.clearSocietyDetails();\r\n };\r\n }, []);\r\n\r\n if (props?.SocietyDetails?.result) {\r\n let details = props.SocietyDetails.result;\r\n return (\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n {details.name}
\r\n\r\n\r\n
\r\n
\r\n ) : null}\r\n \r\n \r\n {details.workField ? (\r\n
\r\n ) : null}\r\n {details.activity ? (\r\n \r\n \r\n
\r\n مجال العمل
\r\n\r\n \r\n
\r\n \r\n {ReactHtmlParser(details.workField)}\r\n
\r\n \r\n\r\n \r\n
\r\n النشاط
\r\n\r\n \r\n
\r\n \r\n {ReactHtmlParser(details.activity)}\r\n
\r\n \r\n\r\n \r\n
\r\n البيانات
\r\n\r\n {details.cityName ? (\r\n
\r\n ) : null}\r\n\r\n {details.manager ? (\r\n \r\n \r\n المدينة\r\n
\r\n \r\n
\r\n {details.cityName}
\r\n\r\n \r\n المدير\r\n
\r\n \r\n
\r\n \r\n ) : null}\r\n\r\n {details.managerJob ? (\r\n {details.manager}
\r\n\r\n \r\n وظيفة المدير\r\n
\r\n \r\n
\r\n \r\n ) : null}\r\n\r\n {details.memberCount ? (\r\n {details.managerJob}
\r\n\r\n \r\n عدد الاعضاء\r\n
\r\n \r\n
\r\n \r\n ) : null}\r\n\r\n {details.telephone ? (\r\n {details.memberCount}
\r\n\r\n \r\n التليفون\r\n
\r\n \r\n
\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n return {details.telephone}
\r\n;\r\n};\r\nconst mapStateToProps = (state) => {\r\n return {\r\n SocietyDetails: state.LocalLeadersComponents.SocietyDetails,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators(\r\n { getSocietyDetails, clearSocietyDetails },\r\n dispatch\r\n );\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SocietyDetails);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport {\r\n getSociety,\r\n clearSociety,\r\n} from \"../../../../store/actions/local-leaders-actions\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport {\r\n faCity,\r\n faUserTie,\r\n faPhoneAlt,\r\n} from \"@fortawesome/free-solid-svg-icons\";\r\nimport {} from \"../../../../Styles/EServices.css\";\r\nimport { Col, Container, Row } from \"react-bootstrap\";\r\nimport SearchSection from \"../../../ui/search-section\";\r\nimport PaginationSection from \"../../../ui/pagination-section\";\r\nimport ListSkeleton from \"../../../loading-skeleton/list-skiliton\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { getAllCities } from \"../../../../store/actions/E-Services\";\r\n\r\nconst Society = (props) => {\r\n const [currentPage, setCurrentPage] = useState(0);\r\n const [dataFlag, setDataFlag] = useState(0);\r\n const [renderFlag, setRenderFlag] = useState(1);\r\n const [name, setName] = useState(null);\r\n const [address, setAddress] = useState(null);\r\n const [telephone, setTelephone] = useState(null);\r\n const [manager, setManager] = useState(null);\r\n const [cityId, setCityId] = useState(null);\r\n\r\n let dataFilled = { name, address, telephone, manager, cityId };\r\n let pageCount;\r\n\r\n const submitHandler = (e) => {\r\n e.preventDefault();\r\n setCurrentPage(0);\r\n props.getSociety(currentPage + 1, data(dataFilled));\r\n setDataFlag(1);\r\n };\r\n\r\n const nameHandler = (e) => {\r\n setName(e.target.value);\r\n };\r\n\r\n const addressHandler = (e) => {\r\n setAddress(e.target.value);\r\n };\r\n\r\n const telephoneHandler = (e) => {\r\n setTelephone(e.target.value);\r\n };\r\n\r\n const managerHandler = (e) => {\r\n setManager(e.target.value);\r\n };\r\n\r\n const cityIdHandler = (e) => {\r\n setCityId(e.value);\r\n };\r\n\r\n function check(a) {\r\n let flags = 0;\r\n for (let property in a) {\r\n if (a[property] != null) {\r\n flags = 1;\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n function data(a) {\r\n for (let property in a) {\r\n if (a[property] == null) delete a[property];\r\n }\r\n return a;\r\n }\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n props.clearSociety();\r\n setCurrentPage(selectedPage);\r\n };\r\n\r\n useEffect(() => {\r\n if (renderFlag) {\r\n if (dataFlag)\r\n check(dataFilled) == false\r\n ? props.getSociety(currentPage + 1)\r\n : props.getSociety(currentPage + 1, data(dataFilled));\r\n else props.getSociety(currentPage + 1);\r\n }\r\n\r\n if (!props.cities) props.getAllCities();\r\n\r\n setRenderFlag(1);\r\n\r\n return () => {\r\n props.clearSociety();\r\n };\r\n }, [currentPage]);\r\n\r\n let cityName = [];\r\n if (props?.cities?.result) {\r\n cityName = props.cities.result.map(({ id, name }) => ({\r\n value: id,\r\n label: name,\r\n }));\r\n cityName.unshift({ value: null, label: \"كل المدن\" });\r\n }\r\n\r\n const render = () => {\r\n if (props?.Society?.result) {\r\n pageCount = Math.ceil(props.Society.count / 9);\r\n if (props.Society.page == currentPage + 1) {\r\n return (\r\n <>\r\n
\r\n {props.Society.result.map((item, index) => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n {props.Society.result.length ? (\r\n \r\n \r\n {item.name}\r\n \r\n
\r\n \r\n\r\n {item.address ? (\r\n \r\n
\r\n ) : null}\r\n\r\n {item.manager ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.address}
\r\n \r\n
\r\n ) : null}\r\n\r\n {item.telephone ? (\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.manager}
\r\n \r\n
\r\n ) : null}\r\n \r\n {\" \"}\r\n \r\n
\r\n {item.telephone}
\r\n جاري رفع البيانات
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n الجمعيات الأهلية
\r\n\r\n
\r\n ) : null}\r\n\r\n {data.vision ? (\r\n \r\n
\r\n \r\n \r\n \r\n {`الهدف: ${data.goal}`}\r\n \r\n \r\n
\r\n\r\n
\r\n ) : null}\r\n\r\n {data.attachment != null && (\r\n \r\n
\r\n \r\n \r\n \r\n {`الرؤية: ${data.vision}`}\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n )}\r\n \r\n \r\n );\r\n } else {\r\n return \r\n \r\n إستعراض الملف المرفق\r\n \r\n
\r\n \r\n \r\n
\r\n ) : null}\r\n {props.directoratesDetails.result.email ? (\r\n \r\n
\r\n\r\n \r\n
\r\n {name}
\r\n\r\n \r\n
\r\n ) : null}\r\n {props.directoratesDetails.result.viceManager ? (\r\n \r\n \r\n \r\n
\r\n ) : null}\r\n {props.directoratesDetails.result.manager ? (\r\n \r\n
\r\n \r\n \r\n البيانات\r\n \r\n
\r\n \r\n \r\n
\r\n ) : null}\r\n {props.directoratesDetails.result.fax ? (\r\n \r\n {props.directoratesDetails.result.address ? (\r\n \r\n
\r\n ) : null}\r\n {props.directoratesDetails.result.telephone ? (\r\n \r\n عنوان الوحدة المحلية\r\n
\r\n{props.directoratesDetails.result.address}
\r\n\r\n التليفون\r\n
\r\n{props.directoratesDetails.result.telephone}
\r\n\r\n الفاكس\r\n
\r\n{props.directoratesDetails.result.fax}
\r\n\r\n مدير {props.directoratesDetails.result.name}\r\n
\r\n{props.directoratesDetails.result.manager}
\r\n\r\n نائب مدير {props.directoratesDetails.result.name}\r\n
\r\n{props.directoratesDetails.result.viceManager}
\r\n\r\n البريد الإلكتروني\r\n
\r\n{props.directoratesDetails.result.email}
\r\n \r\n ) : null}\r\n {props.directoratesDetails.result.homePage ? (\r\n\r\n الرابط\r\n
\r\n{props.directoratesDetails.result.homePage}
\r\n \r\n \r\n ) : null}\r\n {props.directoratesDetails.result.resumee ? (\r\n\r\n السيرة الذاتية\r\n
\r\n{props.directoratesDetails.result.resumee}
\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n
\r\n {detailsID != 0 ? (\r\n \r\n {props.directoratesDetails.result.plans.map((item, index) => {\r\n return (\r\n {\r\n setDetailsID(item.id);\r\n }}\r\n style={{\r\n cursor: \"pointer\",\r\n border: \"1px solid orange\",\r\n borderRadius: \"4px\",\r\n }}\r\n className={` ${\r\n detailsID == item.id ? activeClass : \"\"\r\n } text-decoration-none my-3 col-sm-6 col-md-3 mx-2 col-9 hvr-grow-shadow hvr-underline-reveal d-flex justify-content-center align-items-center`}\r\n >\r\n
\r\n );\r\n })}\r\n \r\n {item.title}\r\n
\r\n جاري رفع البيانات
\r\n )}\r\n \r\n \r\n );\r\n } else {\r\n return \r\n
\r\n );\r\n};\r\n\r\nexport default DirectoratesHome;\r\n","import React, { useEffect } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { getYouthLeaders } from \"../../../../store/actions/local-leaders-actions\";\r\nimport ListWithImage from \"../../../ui/list-with-image\";\r\nimport { paths } from \"../../../../paths/paths\";\r\nimport ListSkeleton from \"../../../loading-skeleton/list-skiliton\";\r\nimport ReactHtmlParser from \"react-html-parser\";\r\n\r\nconst YouthLeaders = (props) => {\r\n useEffect(() => {\r\n props.getYouthLeaders();\r\n }, []);\r\n\r\n if (props?.allYouthLeaders?.result)\r\n return (\r\n <>\r\n \r\n
\r\n القيادات الشابة
\r\n\r\n
\r\n \r\n );\r\n return \r\n {props.allYouthLeaders.result.map((item) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n
\r\n \r\n
\r\n );\r\n })}\r\n ;\r\n }\r\n};\r\n\r\nexport default connect(\r\n (state) => {\r\n return {\r\n staticContentDetails: state.staticContent.staticContentDetails,\r\n };\r\n },\r\n (dispatch) => {\r\n return bindActionCreators(\r\n { getStaticContentDetails, clearStaticContentDetails },\r\n dispatch\r\n );\r\n }\r\n)(FamousStaticContentDetails);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport {\r\n getAppointments,\r\n getAppointmentsTypes,\r\n} from \"../../store/actions/appointment-action\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport PaginationSection from \"../ui/pagination-section\";\r\nimport ListWithImage from \"../ui/list-with-image\";\r\nimport { paths } from \"../../paths/paths\";\r\nimport ListSkeleton from \"../loading-skeleton/list-skiliton\";\r\nimport { Container } from \"react-bootstrap\";\r\nimport moment from \"moment\";\r\nimport \"moment/locale/ar\";\r\nimport SearchSection from \"../ui/search-section\";\r\n\r\nconst FilterAppointment = (props) => {\r\n const info = props.match.params.info;\r\n const [currentPage, setCurrentPage] = useState(0);\r\n const [title, setTitle] = useState(null);\r\n const [appointmentDateFrom, setAppointmentDateFrom] = useState(null);\r\n const [appointmentDateTo, setAppointmentDateTo] = useState(null);\r\n const [appointmentTypeId, setAppointmentTypeId] = useState(parseInt(info));\r\n\r\n let dataFilled = {\r\n title,\r\n appointmentDateFrom,\r\n appointmentDateTo,\r\n appointmentTypeId,\r\n };\r\n\r\n let pageCount;\r\n useEffect(() => {\r\n props.getAppointments(currentPage + 1, {\r\n appointmentTypeId: parseInt(info),\r\n });\r\n if (!props.apointmenttypes) props.getAppointmentsTypes();\r\n }, []);\r\n\r\n const submitHandler = (e) => {\r\n e.preventDefault();\r\n setCurrentPage(0);\r\n props.getAppointments(currentPage + 1, data(dataFilled));\r\n };\r\n\r\n const titleHandler = (e) => {\r\n setTitle(e.target.value);\r\n };\r\n\r\n const typeHandler = (e) => {\r\n setAppointmentTypeId(e.value);\r\n };\r\n const publishFromHandler = (dateChanged) =>\r\n setAppointmentDateFrom(\r\n moment(new Date(dateChanged._d).toLocaleDateString(), \"MM-DD-YYYY\")\r\n .format(\"YYYY-MM-DD\")\r\n .replace(/[٠-٩]/g, (d) => \"٠١٢٣٤٥٦٧٨٩\".indexOf(d))\r\n );\r\n const publishToHandler = (dateChanged) =>\r\n setAppointmentDateTo(\r\n moment(new Date(dateChanged._d).toLocaleDateString(), \"MM-DD-YYYY\")\r\n .format(\"YYYY-MM-DD\")\r\n .replace(/[٠-٩]/g, (d) => \"٠١٢٣٤٥٦٧٨٩\".indexOf(d))\r\n );\r\n function check(a) {\r\n let flag = 0;\r\n for (let property in a) {\r\n if (a[property] != null) {\r\n flag = 1;\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n function data(a) {\r\n for (let property in a) {\r\n if (a[property] == null) delete a[property];\r\n }\r\n return a;\r\n }\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n setCurrentPage(selectedPage);\r\n };\r\n\r\n let typesName = [];\r\n if (props?.apointmenttypes?.result) {\r\n typesName = props.apointmenttypes.result.map(({ id, nameA }) => ({\r\n value: id,\r\n label: nameA,\r\n }));\r\n typesName.unshift({ value: null, label: \"كل الانواع\" });\r\n }\r\n\r\n const render = () => {\r\n if (props?.apointment?.result) {\r\n pageCount = Math.ceil(props.apointment.count / 9);\r\n return (\r\n <>\r\n
\r\n
\r\n \r\n\r\n \r\n {props.apointment.result.length ? (\r\n props.apointment.result.map((item) => {\r\n let pName;\r\n let newPath;\r\n if (item.photo != null) {\r\n pName = item.photo;\r\n newPath = pName.replaceAll(\" \", \"%20\");\r\n }\r\n return (\r\n \r\n \r\n
\r\n );\r\n })\r\n ) : (\r\n جاري رفع البيانات
\r\n )}\r\n \r\n
\r\n لقاءات و قرارات السيد المحافظ
\r\n\r\n
\r\n );\r\n};\r\nexport default FixedLinks;\r\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React, { useEffect } from \"react\";\r\nimport \"./App.css\";\r\nimport AppRouting from \"./app-routing\";\r\nimport { Provider } from \"react-redux\";\r\nimport { createStore, applyMiddleware } from \"redux\";\r\nimport rootReducer from \"./store/reducers\";\r\nimport promiseMiddleware from \"redux-promise\";\r\nimport \"./Styles/hover.css\";\r\nimport rtl from \"jss-rtl\";\r\nimport { create } from \"jss\";\r\nimport {\r\n StylesProvider,\r\n jssPreset,\r\n createTheme,\r\n ThemeProvider,\r\n} from \"@material-ui/core/styles\";\r\nimport MessengerCustomerChat from \"react-messenger-customer-chat\";\r\nimport FixedLinks from \"./components/FixedLinks/FixedLinks\";\r\n\r\nconst jss = create({ plugins: [...jssPreset().plugins, rtl()] });\r\nconst theme = createTheme({\r\n direction: \"rtl\",\r\n});\r\n\r\nconst createStoreWithMW = applyMiddleware(promiseMiddleware)(createStore);\r\nfunction App() {\r\n window.addEventListener(\"load\", function () {\r\n setTimeout(() => {\r\n document.querySelector(\"#preloader-active\").style.transition = \"0.8s\";\r\n document.querySelector(\"#preloader-active\").style.opacity = 0;\r\n document.querySelector(\"body\").style.overflowX = \"hidden\";\r\n }, 150);\r\n });\r\n useEffect(() => {\r\n setTimeout(() => {\r\n document.querySelector(\"#preloader-active\").style.transition = \"1s\";\r\n document.querySelector(\"#preloader-active\").style.opacity = 0;\r\n document.querySelector(\"#preloader-active\").style.display = \"none\";\r\n document.querySelector(\"body\").style.overflowX = \"hidden\";\r\n }, 4000);\r\n }, []);\r\n return (\r\n \r\n \r\n 
\r\n \r\n
\r\n \r\n \r\n 
\r\n \r\n
\r\n