import "./index.css"; import { IoIosArrowBack, IoIosArrowForward } from "react-icons/io"; import { GoPrimitiveDot } from "react-icons/go"; import calendar_icon from "../../../assets/img/stickynote.svg"; import { BsClock } from "react-icons/bs"; import { useEffect, useState } from "react"; import { useSelector } from "react-redux"; import { Link } from "react-router-dom"; import moment from "jalali-moment"; import { state } from "./state"; import ScrollContainer from "react-indiana-drag-scroll"; import { connect } from "react-redux"; import { publicApi } from "../../../redux/actions"; const MyExamList = ({isMobile}) => { //create suitable data list with main data---------------------------------------------------- let d = new Date(); console.log("today:"+d); let d_day = d.getDay(); console.log("today_day:"+d_day); let LastDayWeekDate=d; switch (d_day) { case 1: LastDayWeekDate.setDate(d.getDate() + 4); break; case 2: LastDayWeekDate.setDate(d.getDate() + 3); break; case 3: LastDayWeekDate.setDate(d.getDate() + 2); break; case 4: LastDayWeekDate.setDate(d.getDate() + 1); break; case 6: LastDayWeekDate.setDate(d.getDate() + 6); break; case 7: LastDayWeekDate.setDate(d.getDate() + 5); break; default: LastDayWeekDate=d break; } let my_exam_list_data2 = [ { id: 1, tab_name: "همه", isActive: true, tab_content: [] }, { id: 2, tab_name: "آزمون‌های جاری", isActive: false, tab_content: [] }, { id: 3, tab_name: "آزمون‌های آینده", isActive: false, tab_content: [] }, { id: 4, tab_name: "آزمون‌های در حال برگزاری", isActive: false, tab_content: [] }, ] for(let b=0;bLastDayWeekDate){ TabType = 2; my_exam_list_data2[2].tab_content.push({...state[b],tabType:2,sub_id:3}); } let D = new Date(); if(D>date && D { // console.log("render---------------"); if(!isMobile){ document.querySelector(".melc-content-item").style.right = `0px`; } }); const change_tab = (id) => { let new_data = data.map((item) => { if (item.id === old_tab_id) { item.isActive = false; } if (item.id === id) { item.isActive = true; } return { ...item }; }); // console.log(new_data); set_data(new_data); set_old_tab_id(id); // console.log(old_tab_id); }; let i = 0; let max_i; for (let j = 0; j < data.length; j++) { // console.log(data[j].isActive); if (data[j].isActive) { max_i = (data[j].tab_content.length - 3) * -1; // console.log(max_i); } } // const state = useSelector((state) => state.default); if (state.openNav === "open") { max_i--; if (window.innerWidth < 1360) { let tab_name_item = document.querySelectorAll(".melc-h-tab-name-item"); for (let p = 0; p < tab_name_item.length; p++) { tab_name_item[p].style.fontSize = "15px"; } } if (window.innerWidth < 1305) { let tab_name_item = document.querySelectorAll(".melc-h-tab-name-item"); for (let p = 0; p < tab_name_item.length; p++) { tab_name_item[p].style.fontSize = "13px"; } } if (window.innerWidth < 1212) { let tab_name_item = document.querySelectorAll(".melc-h-tab-name-item"); for (let p = 0; p < tab_name_item.length; p++) { tab_name_item[p].style.fontSize = "11px"; } } } if (window.innerWidth < 1536) { max_i--; } if (window.innerWidth < 1170) { max_i--; } const move_left = () => { if (i > max_i) { i--; let movment = i * 245; document.querySelector(".melc-content-item").style.right = `${movment}px`; console.log(document.querySelector(".melc-content-item").style.right) if(document.querySelector(".melc-content-item").style.right !== 0){ // setRightBtnColor('#df1452') document.querySelector('.forward-btn').style.color = '#df1452' }else{ document.querySelector('.forward-btn').style.color = '#ececec' } if(i == max_i){ document.querySelector('.back-btn').style.color = '#ececec' }else{ document.querySelector('.back-btn').style.color = '#df1452' } } }; const move_right = () => { if (i < 0) { i++; let movment = i * 245; document.querySelector(".melc-content-item").style.right = `${movment}px`; console.log(document.querySelector(".melc-content-item").style.right) if(document.querySelector(".melc-content-item").style.right !== '0px'){ // setRightBtnColor('#df1452') document.querySelector('.forward-btn').style.color = '#df1452' }else{ document.querySelector('.forward-btn').style.color = '#ececec' } if(i == max_i){ document.querySelector('.back-btn').style.color = '#ececec' }else{ document.querySelector('.back-btn').style.color = '#df1452' } } }; let s = 0; const item_active_hover = (id, sub_id) => { // console.log(id,sub_id); // s = 0; let ss = 0; for (let k = 0; k < data.length; k++) { s = 0; for (let v = 0; v < data[k].tab_content.length; v++) { // console.log(data[k].tab_content[v]) s++; if ( data[k].tab_content[v].id === id && data[k].tab_content[v].sub_id === sub_id ) { ss = 1; break; } } if (ss) { break; } } // console.log(s); document.querySelectorAll(".melc-c-i-i-under-cover")[ s - 1 ].style.transform = "scaleY(1)"; document .querySelectorAll(".melc-c-i-i-info-descriptin") [s - 1].classList.add("descript_is_active"); // document.querySelectorAll(".melc-c-i-i-info-descriptin")[s-1].style.transform="scaleY(1)"; // console.log(e.target.previousElementSibling); //این روش پایدار نیست // if(e.target.previousElementSibling !=null){ // e.target.previousElementSibling.style.transform="scaleY(1)"; // } }; const item_deactive_hover = (id, sub_id) => { if (s > 0) { document.querySelectorAll(".melc-c-i-i-under-cover")[ s - 1 ].style.transform = "scaleY(0)"; document .querySelectorAll(".melc-c-i-i-info-descriptin") [s - 1].classList.remove("descript_is_active"); } // if(e.target.previousElementSibling !=null){ // e.target.previousElementSibling.style.transform="scaleY(0)"; // } }; moment.locale("en"); return ( !isMobile ?

لیست آزمون های من

{data.map((item, i) => (
change_tab(item.id)} > {item.tab_name} {item.isActive && (
)}
))}
{data.map((item) => (
{item.isActive && (
{item.isActive && item.tab_content.map((item) => ( item_active_hover(item.id, item.sub_id) } onMouseLeave={() => item_deactive_hover(item.id, item.sub_id) } > azmoon-img {item.exam_started && (
در حال برگزاری
)}
calendar-icon {item.name}
{moment(item.date, 'YYYY/MM/DD').format('jYYYY/jM/jD')}
ساعت {item.time}
{item.descripton}
))} مشاهده بیشتر
)}
))}
:

لیست آزمون های من

مشاهده بیشتر
{data.map((item, i) => (
change_tab(item.id)} > {item.tab_name} {item.isActive && (
)}
))} {data.map((item, index) => (
{item.isActive && (
{item.isActive && item.tab_content.map((item) => ( item_active_hover(item.id, item.sub_id) } onMouseLeave={() => item_deactive_hover(item.id, item.sub_id) } > azmoon-img {item.exam_started && (
در حال برگزاری
)}
calendar-icon {item.name}
{moment(item.date, 'YYYY/MM/DD').format('jYYYY/jM/jD')}
ساعت {item.time}
{item.descripton}
))}
)}
))}
); }; const mapStateToProps = (state) => ({ isDark: state.publicApi.isDark, isMobile: state.publicApi.isMobile, books: state.book.list, grades: state.publicApi.grades, gradeFilterBooks: state.book.gradeFilterBooks, selectedGrade: state.book.selectedGrade, }); const mapDispatchToProps = { setHeaderOptions: publicApi.setHeaderOptions, }; export default connect(mapStateToProps, mapDispatchToProps)(MyExamList);