![\"image\"/]({require(\"../images/splash_background.jpg\")})
\n \n \n );\n }\n}\n\nfunction mapStateToProps(state) {\n return {\n TodayDate: state.publicReducer.TodayDate,\n }\n}\n\nexport default connect(mapStateToProps)(Splash);\nexport {token};\n","import { combineReducers } from 'redux';\r\n// import {nav} from './nav';\r\nimport auth from './auth';\r\nimport publicReducer from './publicReducer';\r\n\r\nexport default combineReducers({\r\n publicReducer,\r\n auth\r\n});\r\n\r\n","\r\nimport {createStore, applyMiddleware} from 'redux';\r\nimport logger from \"redux-logger\";\r\nimport thunk from \"redux-thunk\";\r\nimport {composeWithDevTools} from 'redux-devtools-extension';\r\nimport AppReducers from '../reducers';\r\n\r\nimport { createBrowserHistory } from 'history'\r\n\r\nexport const history = createBrowserHistory()\r\n\r\n\r\nexport const store = createStore(AppReducers, {}, composeWithDevTools(\r\n applyMiddleware(\r\n thunk\r\n )\r\n));\r\n","export const urls = {\n\tgetTodayDate: \"https://testapi.modabberonline.com/api/v1/dateTime.today\",\n\tgetToken: \"https://testapi.modabberonline.com/api/v1/getToken\",\n\tsearchSchool: \"https://testapi.modabberonline.com/api/v1/schools.search\",\n\tgetYears: \"https://testapi.modabberonline.com/api/v1/years.getYears\",\n\tauthenticate: \"https://testapi.modabberonline.com/api/v1/authenticate\",\n\tmainPageData: \"https://testapi.modabberonline.com/api/v1/getUserMainPageData\",\n\tme: \"https://testapi.modabberonline.com/api/v1/me\",\n\tgetClassEventAttachmentURL: \"https://testapi.modabberonline.com/api/pri/v1/classEventsAttachments.getFileUrl\",\n\tgetActiveHomework: \"https://testapi.modabberonline.com/api/pri/v1/classEvents.getStudentActiveHomeworks\",\n\tclassEventDone: \"https://testapi.modabberonline.com/api/pri/v1/classEventDones.done\",\n\tclassEventDoneUpload: \"https://testapi.modabberonline.com/api/pri/v1/classEventDones.uploadAttachment\",\n}\n\nexport const headers = {\n\tstandardWithToken: (token) => {\n\t\treturn {\n\t\t\tAccept: 'application/json',\n \tAuthorization: `Bearer ${token}`,\n \t'Content-Type': 'application/json',\n\t\t}\n\t}\n}\nexport const mainColors = {\n\tmainColor: 'rgb(110, 229, 133)',\n\tmainColorDark: '#7AAA2D',\n\tmainColorMedium: '#83B530',\n\tmainColorLight: '#83B530',\n\ttextColorDark: 'rgb(150, 150, 150)',\n\ttextColorLight: 'rgb(200, 200, 200)',\n\ttitleColor: 'rgb(100, 100, 100)',\n\toverlayColor: 'rgba(0,0,0, .5)',\n\tloaderTxtColor: 'rgb(130, 130, 130)',\n\tModalHeaderColor: '#5DDC75',\n\titemToggleColor: 'rgb(240, 244, 247)',\n\ttoggleColor: '#F6F7F9',\n\ticonTypeContainer: '#F0F4F7',\n\twhiteColor: '#FFF',\n\tcontentTxtColor: '#CCC',\n\tregisterBtn: '#6EE585',\n\totherNotFoundColor: '#BEC7CE'\n\n}\n","import React from 'react';\r\nimport { ClipLoader } from \"react-spinners\";\r\nimport 'prevent-pull-refresh';\r\nimport '../css/public.css';\r\nimport '../css/loader.css';\r\n\r\nclass Loader extends React.Component {\r\n render() {\r\n return (\r\n this.setState({heightElement: 126}, () => {\n this.setState({\n isFirst: true,\n searchStart: false,\n searchSchool: [],\n searchText: ''\n });\n this.animateHeight('inc')\n })}>جستجوی مجدد
\n \n }\n\n
\n \n کلیه حقوق متعلق به شرکت
\r\n {\r\n await this.state.schoolHistoryData.splice(key, 1);\r\n await this.setState({schoolHistory: this.state.schoolHistoryData});\r\n localStorage.setItem('schoolHistoryData', JSON.stringify(this.state.schoolHistoryData));\r\n }}\r\n icon={faTimes} />\r\n
\r\n ${item.grade} ${c}`);\r\n localStorage.setItem('schoolCode', item.code);\r\n this.props.history.push({\r\n pathname: '/login',\r\n data: item\r\n });\r\n }}>\r\n
{`${item.grade} ${c} ${item.name}`.replace(/-/g, '')}
\r\n{`ناحیه ${item.region}`}
\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default SchoolHistory;\r\n","import React from 'react';\nimport './css/header.css';\nimport '../../css/public.css';\nimport {FaRegCopy, FaRegTrashAlt, FaReply} from 'react-icons/fa'\nimport {GoArrowRight} from 'react-icons/go'\nimport {CopyToClipboard} from 'react-copy-to-clipboard';\nimport { mainColors } from '../../config/global';\n\nclass Header extends React.Component {\n render(){\n return (\n \r\n
\r\n \r\n
\r\n \r\n {this.renderSchoolHistoryItems()}\r\n
\r\n \r\n \r\n this.props.history.push({\r\n pathname: '/SchoolSearch'\r\n })}\r\n style={{backgroundColor: '#008000'}}>\r\n \r\n \r\n
\r\n \n
\n );\n }\n}\nexport default Header;\n","import React from 'react';\r\nimport '../../css/public.css';\r\n\r\nclass Container extends React.Component {\r\n render(){\r\n return (\r\n \n
\n {\n this.props.backgroundColor ?\n this.props.rootName !== undefined && this.props.rootName === \"ebuffet\" ? this.props.history.push('credit', {agoMonth: this.props.agoMonth, today: this.props.today}) : null} className={`rightDivStyle ${this.props.divideEvenly ? \"col-xs-4\" : \"\"}`}>\n {this.props.right}\n
\n \n {\n this.props.isNeedMoreInfo ?\n
\n this.props.handleShowInfo()} className=\"d-flex flex-column align-items-center justify-content-center headerMoreInfoHeight\">\n {this.props.title.length > 18 ? this.props.title.substr(0, 17) + '...' : this.props.title}\n {\n this.props.participantCounts ?\n {this.props.participantCountsValue} نفر\n : null\n }\n
\n :\n {this.props.title.length > 18 ? this.props.title.substr(0, 17) + '...' : this.props.title}\n }\n \n {this.props.left}\n
\n \n \n \n {\n this.props.currentUserPermissions !== null && this.props.currentUserPermissions.indexOf(\"DeleteMessage\") !== -1 ?\n
\n : null\n }\n \n
\n this.props.deleteMessage(this.props.item)} className=\"itemContainer d-flex align-items-center justify-content-center\">\n
\n : null\n }\n this.props.handleForward(this.props.item)} className=\"itemContainer d-flex align-items-center justify-content-center\">\n
\n {\n this.props.conversationType !== 3 ?\n this.props.handleReply(this.props.item)} className=\"itemContainer d-flex align-items-center justify-content-center\">\n
\n : null\n }\n \r\n {this.props.children}\r\n
\r\n );\r\n }\r\n}\r\nexport default Container;\r\n","import React from 'react';\nimport Header from './componentsPart/header';\nimport Container from './componentsPart/container';\nimport { withStyles } from '@material-ui/core/styles';\nimport Radio from '@material-ui/core/Radio';\nimport { green } from '@material-ui/core/colors';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronLeft } from '@fortawesome/free-solid-svg-icons';\nimport Loader from \"./loader\";\nimport '../css/public.css';\nimport '../css/forgetPassword.css';\nimport ErrorAlert from \"./componentsPart/errorAlert\";\nimport 'prevent-pull-refresh';\nconst GreenRadio = withStyles({\n root: {\n color: green[400],\n '&$checked': {\n color: green[600],\n },\n },\n checked: {},\n})(props => \n \n
\n \n نام کاربری (کد ملی) فرزند خود را وارد نمائید:\n
\n \n
\n \n )\n }\n else if(this.state.isStudent){\n return(\n this.sendUsername()}>\n ارسال\n
\n \n \n
\n \n نام کاربری (کد ملی) خود را وارد نمائید:\n
\n \n
\n \n )\n }\n }\n renderContainer(){\n if(this.state.userData === null && !this.state.isPasswordSent){\n return(\n this.sendUsername()}>\n ارسال\n
\n \n
\n )\n }\n else if(this.state.userData !== 'error' && !this.state.isPasswordSent){\n return(\n \n
\n {this.renderUserNameInput()}\n \n لطفاً نوع کاربری خود را مشخص نمائید\n
\n \n
\n \n
\n \n this.setState({\n isParent: true,\n isStudent: false,\n userType: 4\n })}\n />\n
\n \n اولیا\n
\n \n
\n \n this.setState({\n isParent: false,\n isStudent: true,\n userType: 2\n })}\n />\n
\n \n دانش آموز\n
\n \n
\n )\n }\n else if(this.state.isPasswordSent){\n return(\n \n {`${this.state.isParent ? 'ولی محترم' : ''} دانش آموز ${this.state.userData.firstName} ${this.state.userData.lastName} جهت دریافت کلمه عبور لطفاً شماره موبایل خود را تکمیل کرده و روی دکمه ارسال کلیک نمائید`}\n
\n \n {this.state.userData.mobileNumberSecondSection}\n \n {\n const regex = /[^0-9]/gi;\n event.target.value = event.target.value.replace(regex, \"\");\n }}\n maxLength={1}\n className=\"phoneNumberChInput\"\n placeholder=\"-\"\n style={{outline: 'none'}}\n ref={c => (this._input4 = c)}\n onChange={async event => {\n await this.setState({input4: event.target.value});\n if(this.state.input4.length === 0){\n this._input3.focus()\n }\n }}\n />\n \n \n {\n const regex = /[^0-9]/gi;\n event.target.value = event.target.value.replace(regex, \"\");\n }}\n maxLength={1}\n className=\"phoneNumberChInput\"\n placeholder=\"-\"\n style={{outline: 'none'}}\n ref={c => (this._input3 = c)}\n onChange={async event => {\n await this.setState({input3: event.target.value});\n if(this.state.input3.length === 1){\n this._input4.focus()\n }\n else if(this.state.input3.length === 0){\n this._input2.focus()\n }\n }}\n />\n \n \n {\n const regex = /[^0-9]/gi;\n event.target.value = event.target.value.replace(regex, \"\");\n }}\n maxLength={1}\n className=\"phoneNumberChInput\"\n placeholder=\"-\"\n style={{outline: 'none'}}\n ref={c => (this._input2 = c)}\n onChange={async event => {\n await this.setState({input2: event.target.value});\n if(this.state.input2.length === 1){\n this._input3.focus()\n }\n else if(this.state.input2.length === 0){\n this._input1.focus()\n }\n }}\n />\n \n \n {\n const regex = /[^0-9]/gi;\n event.target.value = event.target.value.replace(regex, \"\");\n }}\n maxLength={1}\n className=\"phoneNumberChInput\"\n placeholder=\"-\"\n style={{outline: 'none'}}\n ref={c => (this._input1 = c)}\n onChange={async event => {\n await this.setState({input1: event.target.value});\n if(this.state.input1.length === 1){\n this._input2.focus()\n }\n }}\n />\n \n {this.state.userData.mobileNumberFirstSection}\n
\n this.sendPhoneNumber()}>\n ارسال\n
\n \n {this.state.checkSendQueue === 'Send' ?\n {`کلمه عبور شما برای شماره ${this.state.mobileNumber} ارسال گردید.\\n با تشکر`} :\n {`کلمه عبور شما ظرف چند دقیقه دیگر برای شماره ${this.state.mobileNumber} ارسال می گردد.\\n با تشکر`}\n }\n
\n )\n }\n }\n setOpenStatus() {\n this.setState({errorAlertOther: !this.state.errorAlertOther})\n }\n render(){\n return (\n \n {this.state.errorAlertOther ? this.setOpenStatus()} /> : null}\n {\n this.state.empty ?\n this.props.closeModal(false)}\n className=\"headerIcon\"\n icon={faChevronLeft}\n />}\n title='فراموشی کلمه عبور'\n titleFontSize={20}\n right={}\n />\n \n {this.renderContainer()}\n \n
\n );\n }\n}\nexport default ForgetPassword;\n","import { headers, urls } from '../../config/global';\n\nimport moment from 'moment';\nimport jalaliMoment from 'jalali-moment';\nimport jalaali from 'jalaali-js'; \n\n\nexport function checkString(string){\n if(string.includes('۰') || string.includes('۱') || string.includes('۲') || string.includes('۳') || string.includes('۴') || string.includes('۵') || string.includes('۶') || string.includes('۷') || string.includes('۸') || string.includes('۹')){\n if(string.includes('۰')){\n while(string.includes('۰')){\n string = string.replace('۰', '0')\n }\n }\n\n if(string.includes('۱')){\n while(string.includes('۱')){\n string = string.replace('۱', '1')\n }\n }\n\n if(string.includes('۲')){\n while(string.includes('۲')){\n string = string.replace('۲', '2')\n }\n }\n\n if(string.includes('۳')){\n while(string.includes('۳')){\n string = string.replace('۳', '3')\n }\n }\n\n if(string.includes('۴')){\n while(string.includes('۴')){\n string = string.replace('۴', '4')\n }\n }\n\n if(string.includes('۵')){\n while(string.includes('۵')){\n string = string.replace('۵', '5')\n }\n }\n\n if(string.includes('۶')){\n while(string.includes('۶')){\n string = string.replace('۶', '6')\n }\n }\n\n if(string.includes('۷')){\n while(string.includes('۷')){\n string = string.replace('۷', '7')\n }\n }\n\n if(string.includes('۸')){\n while(string.includes('۸')){\n string = string.replace('۸', '8')\n }\n }\n\n if(string.includes('۹')){\n while(string.includes('۹')){\n string = string.replace('۹', '9')\n }\n }\n } else {\n return string\n }\n\n return string\n}\n\nexport function miladiToJalali(date){\n let dateAndTimeList = date.split('T');\n let dateList = dateAndTimeList[0];\n while(dateList.includes('-')){\n dateList = dateList.replace('-', '/')\n }\n let dateList2 = jalaliMoment(dateList, 'YYYY/MM/DD').locale('fa').format('YYYY/MM/DD');;\n dateList2 = dateList2.split('T');\n dateList2 = dateList2[0];\n while(dateList2.includes('-')){\n dateList2 = dateList2.replace('-', '/')\n }\n return dateList2\n}\n\nexport function getjalaliToDayeWeekDay(date){\n date = new Date(date);\n let todayMiladiWeekDay = date.getDay();\n\n switch(todayMiladiWeekDay){\n case 0: {\n return 'یک شنبه'\n }\n case 1: {\n return 'دوشنبه'\n }\n case 2: {\n return 'سه شنبه'\n }\n case 3: {\n return 'چهارشنبه'\n }\n case 4: {\n return 'پنج شنبه'\n }\n case 5: {\n return 'جمعه'\n }\n case 6: {\n return 'شنبه'\n }\n\n default: {\n return ':('\n }\n }\n}\n\nexport function sliceJalaliDate(date){\n date = miladiToJalali(date);\n\n date = date.split('/');\n\n return date\n}\n\nexport async function mixGregorianDate(d1, d2, d3){\n if(d1 || d2 || d3){\n let date = await jalaali.toGregorian(parseInt(checkString(d1)), parseInt(checkString(d2)), parseInt(checkString(d3)));\n return `${date.gy}-${date.gm <= 9 ? `0${date.gm}` : date.gm}-${date.gd <= 9 ? `0${date.gd}` : date.gd}T00:00:00.000`\n }\n else {\n return null\n }\n}\n\nexport const encodeBase64 = (file) => new Promise(\n function(resolve, reject) {\n let r = new FileReader();\n r.readAsDataURL(file);\n\n r.onload = function(evt) {\n\n resolve(r.result.split(',')[1]);\n // console.log('r.result.split', r.result.split(',')[1] )\n }\n\n }\n);\n\nexport function handleEmojiOnText(t){\n let text = t;\n let partText = null;\n text = text.toString();\n if(text.includes('&#')) {\n while (text.includes('&#')) {\n if(text.indexOf(';') !== -1) {\n partText = text.substring(text.indexOf('&#'), text.indexOf(';'));\n }\n else {\n partText = text.substring(text.indexOf('&#')) ;\n }\n text = text.replace(/&#/, '0')\n text = text.replace(/;/, '')\n let partText2 = partText.replace(/&#/, '0')\n let c = parseInt(partText2);\n if( c && String.fromCodePoint(c)) {\n text = text.replace(partText2, String.fromCodePoint(c));\n }\n }\n }\n if(text.includes(':-D')) {\n while (text.includes(':-D')) {\n text = text.replace(':-D', String.fromCodePoint(parseInt(\"1F600\", 16)))\n }\n }\n\n if(text.includes(':-S')){\n while(text.includes(':-S')) {\n text = text.replace(':-S', String.fromCodePoint(parseInt(\"1F974\", 16)))\n }\n }\n\n if(text.includes('B-)')){\n while(text.includes('B-)')) {\n text = text.replace('B-)', String.fromCodePoint(parseInt(\"1F60E\", 16)))\n }\n }\n\n if(text.includes(':((')){\n while(text.includes(':((')){\n text = text.replace(':((', String.fromCodePoint(parseInt (\"1F62D\", 16)))\n }\n }\n\n if(text.includes(':O')){\n while(text.includes(':O')) {\n text = text.replace(':O', String.fromCodePoint(parseInt(\"1F632\", 16)))\n }\n }\n\n if(text.includes('>:)')){\n while(text.includes('>:)')) {\n text = text.replace('>:)', String.fromCodePoint(parseInt(\"1F608\", 16)))\n }\n }\n\n if(text.includes('<3')){\n while(text.includes('<3')) {\n text = text.replace('<3', String.fromCodePoint(parseInt(\"2764\", 16)))\n }\n }\n\n if(text.includes(':))')){\n while(text.includes(':))')) {\n text = text.replace(':))', String.fromCodePoint(parseInt(\"1F601\", 16)))\n }\n }\n\n if(text.includes(':-X')){\n while(text.includes(':-X')) {\n text = text.replace(':-X', String.fromCodePoint(parseInt(\"1F60D\", 16)))\n }\n }\n\n if(text.includes('>:-')){\n while(text.includes('>:-')) {\n text = text.replace('>:-', String.fromCodePoint(parseInt(\"1F621\", 16)))\n }\n }\n\n if(text.includes('0:-)')){\n while(text.includes('0:-)')) {\n text = text.replace('0:-)', String.fromCodePoint(parseInt(\"1F607\", 16)))\n }\n }\n\n if(text.includes(':|')){\n while(text.includes(':|')) {\n text = text.replace(':|', String.fromCodePoint(parseInt(\"1F610\", 16)))\n }\n }\n\n if(text.includes(':-/')){\n while(text.includes(':-/')) {\n text = text.replace(':-/', String.fromCodePoint(parseInt(\"1F913\", 16)))\n }\n }\n\n if(text.includes(':P')){\n while(text.includes(':P')) {\n text = text.replace(':P', String.fromCodePoint(parseInt(\"1F61B\", 16)))\n }\n }\n\n if(text.includes(':<>')){\n while(text.includes(':<>')) {\n text = text.replace(':<>', String.fromCodePoint(parseInt(\"263A\", 16)))\n }\n }\n\n if(text.includes('8-|')){\n while(text.includes('8-|')) {\n text = text.replace('8-|', String.fromCodePoint(parseInt(\"1F613\", 16)))\n }\n }\n\n if(text.includes(':(')){\n while(text.includes(':(')) {\n text = text.replace(':(', String.fromCodePoint(parseInt(\"1F641\", 16)))\n }\n }\n\n if(text.includes(':-)')){\n while(text.includes(':-)')) {\n text = text.replace(':-)', String.fromCodePoint(parseInt(\"1F642\", 16)))\n }\n }\n\n if(text.includes('#-O')){\n while(text.includes('#-O')) {\n text = text.replace('#-O', String.fromCodePoint(parseInt(\"1F62E\", 16)))\n }\n }\n\n if(text.includes(':-q')){\n while(text.includes(':-q')) {\n text = text.replace(':-q', String.fromCodePoint(parseInt(\"1F44E\", 16)))\n }\n }\n\n if(text.includes(':-bd')){\n while(text.includes(':-bd')) {\n text = text.replace(':-bd', String.fromCodePoint(parseInt(\"1F44D\", 16)))\n }\n }\n\n if(text.includes(':-&')){\n while(text.includes(':-&')) {\n text = text.replace(':-&', String.fromCodePoint(parseInt(\"1F922\", 16)))\n }\n }\n\n if(text.includes(';)')){\n while(text.includes(';)')) {\n text = text.replace(';)', String.fromCodePoint(parseInt(\"1F609\", 16)))\n }\n }\n\n return text\n}\n\n","import React from 'react';\nimport Image from 'react-bootstrap/Image';\nimport { ToastContainer, toast } from 'react-toastify';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {faUserAlt, faLock, faEye, faChevronDown, faBookOpen} from '@fortawesome/free-solid-svg-icons';\nimport 'react-toastify/dist/ReactToastify.css';\nimport '../css/login.css';\nimport '../css/public.css';\nimport Modal from '@material-ui/core/Modal';\nimport ForgetPassword from './forgetPassword';\nimport {checkString} from './functions/publicFunctions'\nimport { connect } from 'react-redux';\nimport { FaCalendarCheck, } from \"react-icons/fa\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport Checkbox from \"@material-ui/core/Checkbox\";\nimport {withStyles} from \"@material-ui/core/styles\";\nimport Loader from \"./loader\";\nimport ErrorAlert from \"./componentsPart/errorAlert\";\nimport 'prevent-pull-refresh';\nimport {token} from './splash';\nimport { mainColors } from '../config/global';\nvar ipAddress = null\nconst publicIp = require('public-ip');\nconst GreenCheckbox = withStyles({\n root: {\n color: '#8FC434',\n '&$checked': {\n color: '#8FC434',\n },\n },\n checked: {},\n})(props => \n
: null\n }\n {\n this.state.mobileEmpty ?\n \n
\n لطفاً نام کاربری خود را وارد کنید
\n\n this.setState({empty: false})} className=\"greenSpan\">بسیار خب\n
\n \n
: null\n }\n {\n this.state.userWrong ?\n \n
\n لطفاً شماره موبایل خود را به درستی وارد کنید
\n\n this.setState({mobileEmpty: false})} className=\"greenSpan\">بسیار خب\n
\n \n
: null\n }\n {\n this.state.hourWrong ?\n \n
\n نام کاربری وارد شده اشتباه است
\n\n this.setState({userWrong: false})} className=\"greenSpan\">بسیار خب\n
\n \n
: null\n }\n {this.state.loading && \n
\n در طی ۲۴ ساعت شما فقط مجاز هستید که دو بار درخواست فراموشی رمز عبور را بدهید. لطفاً بعد از ۲۴ ساعت دوباره تلاش کنید
\n\n this.setState({hourWrong: false})} className=\"greenSpan\">بسیار خب\n
\n {\n e.stopPropagation();\n if(this.userNameData.length !== 0) {\n this.setState({ isSuggest: false})\n }\n }\n }\n >\n {this.state.loading && this.setState({modalForgetPassOpen: false})}\n >\n
\n \n
\n : null\n }\n \n
\n \n
\n انتخاب سال
\n \n\n
\n \n {\n this.state.yearsList && this.state.yearsList.map((item, key) => {\n return(
\n this.setState({yearId: item.yearId, yearTitle: item.title, yearModal: false})}>\n
\n )\n })\n }\n \n this.closeModal(closeModal)}\n />\n
\n \n {\n this.state.empty ?\n \n
: null\n }\n \n
\n سال تحصیلی یا نام کاربری یا رمز عبور نمیتواند خالی باشد
\n\n this.setState({empty: false})} className=\"greenSpan\">بسیار خب\n
\n \n {\n e.stopPropagation();\n if (this.userNameData.length !== 0) {\n this.setState({isSuggest: !this.state.isSuggest})\n }\n }}\n className=\"inputDivStyle inputDivLoginStyle d-flex flex-column justify-content-between align-items-center userName\">\n \n \n this.setState({isSuggest: false})}\n />\n
\n {\n this.state.isSuggest && this.userNameData.length !== 0 ?\n \n \n
\n \n
\n
\n \n
\n
\n \n {this.state.schoolName.split('
')[1].replace(/-/g, '')}\n
\n {this.state.schoolName.split('
')[0]}\n
\n ')[1].replace(/-/g, '')}\n
\n {this.state.schoolName.split('
')[0]}\n
\n {\n this.setState({yearModal: !this.state.yearModal})\n }} style={{height: 40}}>\n
\n \n \n {this.state.yearTitle}\n
\n \n
\n : null\n }\n \n
\n \n {\n this.userNameData.length !== 0 ? this.userNameData.map((item, key) => {\n if (item.schoolCode === this.state.schoolCode) {\n return (\n
\n {\n this.setState({\n username: item.username,\n password: item.password,\n isSuggest: false\n });\n }}>{item.username}
\n )\n }\n }) : null\n }\n\n
\n \n this.setState({rememberMe: !this.state.rememberMe})}\n />\n }\n label={}\n />\n
\n \n
\n {\n this.state.wrongData ?\n this.login()}>\n ورود\n
\n - \n
- سال تحصیلی یا نام کاربری یا رمز عبور اشتباه است \n
\n this.setState({modalForgetPassOpen: true})} className=\"pStyle\">کلمه عبور را فراموش کردم!\n
\n \n
\n \n {this.state.errorAlertModal ?\n کلیه حقوق متعلق به شرکت
\n
\n )\n }\n render(){\n // let vss = \"backgroundImage:\" +`${this.props.mainPageData && this.props.mainPageData.isModabberLight } ? ` + \"url('../../images/modabber-background.jpg') : url('../../images/modabber-background.jpg')}}\"\n return (\n \n
\n \n
\n \n {`${this.props.fName} ${this.props.lName}`}\n
\n \n {`${this.props.levelTitle} ${this.props.classTitle}`}\n
\n \n {\n this.state.mainPageData && this.state.mainPageData.isModabberLight ?\n
\n );\n }\n}\nfunction mapStateToProps(state) {\n return {\n mainPageData: state.publicReducer.mainPageData\n }\n}\nexport default connect(mapStateToProps)(SideBar);\n","import React from 'react';\nimport Header from './componentsPart/header';\nimport Container from './componentsPart/container';\nimport Drawer from '@material-ui/core/Drawer';\nimport Badge from '@material-ui/core/Badge';\nimport { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';\nimport 'prevent-pull-refresh';\nimport { ToastContainer, toast } from 'react-toastify';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faBars, faUserAlt } from '@fortawesome/free-solid-svg-icons';\nimport { faCalendarCheck } from '@fortawesome/free-regular-svg-icons';\nimport SideBar from './componentsPart/sideBar';\nimport 'react-toastify/dist/ReactToastify.css';\nimport '../css/home.css';\nimport '../css/public.css';\nimport {getjalaliToDayeWeekDay} from './functions/publicFunctions';\nimport user from '../images/high-register.png'\nimport ReactHtmlParser from \"react-html-parser\";\nimport exam from '../images/Exam.png'\nimport vclass from '../images/VirtualClass.png'\nimport repository from '../images/Repository.png'\nimport ErrorAlert from '../components/componentsPart/errorAlert'\nimport profile from '../images/profile.png'\nimport contact from '../images/contact.png'\nimport traffic from '../images/traffic.png'\nimport shopping_cart from '../images/shopping-cart.png'\nimport { connect } from 'react-redux';\nimport {store} from '../config/configureStore';\nimport { withStyles } from '@material-ui/core/styles';\nimport Loader from '../components/loader';\nvar isStudentAllowedToEditProfile = false;\nvar moment = require('jalali-moment');\nvar moment_jalaali = require('moment-jalaali');\nvar showTimeAttendance;\nmoment.locale('fa');\nvar todayDate = '';\nlet todayDateArchive = new Date().getTime();\nconst StyledBadge = withStyles(theme => ({\n badge: {\n top: 10,\n left: 29,\n fontFamily: 'BYekan',\n fontSize: 20,\n width: 30,\n height: 30,\n borderRadius: 40,\n borderWidth: 2,\n borderColor: 'white',\n borderStyle: 'solid',\n },\n}))(Badge);\nconst StyledBadge2 = withStyles(theme => ({\n badge: {\n fontFamily: 'BYekan',\n fontSize: 20,\n width: 35,\n height: 35,\n borderRadius: 40,\n marginLeft: 5,\n borderWidth: 2,\n borderColor: 'white',\n borderStyle: 'solid'\n },\n}))(Badge);\nconst theme = createMuiTheme({\n props: {\n // Name of the component ⚛️\n Badge: {\n // Name of the rule\n root: {\n // Some CSS\n fontFamily: 'BYekan'\n },\n p: {\n fontFamily: 'BYekan'\n }\n ,span: {\n fontFamily: 'BYekan'\n }\n },\n },\n});\nclass Home extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n deviceHeight: window.innerHeight,\n right: this.props.location.state ? this.props.location.state.openDrawer : false,\n meData: null,\n fName: '',\n lName: '',\n classTitle: '',\n jalaliToDayDate: '',\n jalaliToDayeWeekDay: '',\n loading: false,\n today: {\n year: null,\n month: null,\n day: null\n },\n agoWeek: {\n year: null,\n month: null,\n day: null\n },\n base64data: '',\n errorAlertModal: false,\n errorAlertOther: false,\n todayDate: null,\n me: null,\n mainPageData: null,\n modalVisibleSurvay: false\n };\n this.gregorianToDayDate = '';\n this.levelTitle = '';\n this.photoFileContentType = '';\n this.photoFileBase64String = '';\n this.getUserMainPageData = this.getUserMainPageData.bind(this);\n }\n componentWillMount(){\n var target = window; // this can be any scrollable element\n var last_y = 0;\n target.addEventListener('touchmove', function(e){\n var scrolly = target.pageYOffset || target.scrollTop || 0;\n var direction = e.changedTouches[0].pageY > last_y ? 1 : -1;\n if(direction>0 && scrolly===0){\n e.preventDefault();\n }\n last_y = e.changedTouches[0].pageY;\n });\n\n this.getUserMainPageData();\n let current = todayDateArchive\n let date2 = current - (604800000 + 48*3600000)\n let date3 = current - (604800000*4 + 48*3600000)\n let x = new Date(date2)\n let x2 = new Date(date3)\n let dd = moment_jalaali(x).format('jYYYY/jMM/jDD')\n let dd2 = moment_jalaali(x2).format('jYYYY/jMM/jDD')\n let cc = moment_jalaali(new Date(current)).format('jYYYY/jMM/jDD')\n dd = dd.split('/')\n dd2 = dd2.split('/')\n cc = cc.split('/')\n\n this.setState({agoMonth: {year: parseInt(dd2[0]), month: parseInt(dd2[1]), day: parseInt(dd2[2])} , today: {year: parseInt(cc[0]), month: parseInt(cc[1]), day: parseInt(cc[2])} , agoWeek: {year: parseInt(dd[0]), month: parseInt(dd[1]), day: parseInt(dd[2])}})\n localStorage.setItem('todayHome', {year: parseInt(cc[0]), month: parseInt(cc[1]), day: parseInt(cc[2])} );\n\n }\n componentDidUpdate(){\n window.addEventListener(\"popstate\", this.onBackButtonEvent)\n window.onpopstate = this.onBackButtonEvent;\n }\n componentWillUnmount() {\n window.removeEventListener(\"popstate\", this.onBackButtonEvent)\n }\n // componentDidMount() {\n // const recorder = document.getElementById('recorder');\n // const player = document.getElementById('player');\n //\n // recorder.addEventListener('change', function (e) {\n // const file = e.target.files[0];\n // // Do something with the audio file.\n // player.src = URL.createObjectURL(file);\n // });\n // }\n onBackButtonEvent = (e) => {\n this.props.history.push('/')\n }\n toggleDrawer(open){\n this.setState({right: open});\n }\n getUserMainPageData(){\n this.setState({loading: true})\n fetch('https://api.modabberonline.com/api/v1/getUserMainPageData', {\n method: 'POST',\n headers: {\n Accept: 'application/json',\n Authorization: `Bearer ${localStorage.getItem('token')}`,\n 'content-Type': 'application/json',\n },\n }).then((response) => response.json())\n .then((responseJson) => {\n todayDate = responseJson.nowDate;\n this.setState({mainPageData: responseJson, modalVisibleSurvay: responseJson.surveyRequiredList.length > 0})\n localStorage.setItem('mainPageData', JSON.stringify(responseJson))\n showTimeAttendance = responseJson.showTimeAttendance;\n fetch('https://api.modabberonline.com/api/v1/me', {\n method: 'POST',\n headers: {\n Accept: 'application/json',\n Authorization: `Bearer ${localStorage.getItem('token')}`,\n 'Content-Type': 'application/json',\n },\n }).then((response) => response.json())\n .then((responseJson2) => {\n this.setState({me: responseJson2})\n localStorage.setItem('isFirstTime', 'false');\n localStorage.setItem('me', JSON.stringify(responseJson2));\n fetch('https://api.modabberonline.com/api/v1/dateTime.today', {\n method: 'POST',\n headers: {\n Accept: 'application/json',\n Authorization: `Bearer ${localStorage.getItem('token')}`,\n 'content-Type': 'application/json',\n },\n }).then((response) => {\n return response.text()\n })\n .then((responseText) => {\n localStorage.setItem('todayDate', JSON.stringify(responseText))\n this.setState({todayDate: responseText, loading: false}); this.setState({loading: false})\n })\n .catch((error) => {\n this.setState({loading: false, errorAlertModal: true})\n });\n })\n .catch((error) => {\n this.setState({loading: false, errorAlertModal: true})\n });\n })\n .catch((error) => {\n this.setState({loading: false})\n localStorage.removeItem(\"token\")\n this.props.history.push('/')\n this.setState({errorAlertModal: true})\n });\n this.setState({loading: false})\n }\n renderModabber() {\n return (\n \n {\n this.renderSideBarImage()\n }\n
:\n \n {\n this.renderSideBarImage()\n }\n
\n }\n \n
\n
\n \n
\n {this.state.schoolName.split('
')[1].replace(/-/g, '')}\n
\n {this.state.schoolName.split('
')[0]}\n
\n ')[1].replace(/-/g, '')}\n
\n {this.state.schoolName.split('
')[0]}\n
\n {\n this.state.mainPageData && this.state.mainPageData.isModabberLight ?\n null\n :\n
\n {\n this.state.logOutPrompt ?\n this.props.history.push('profile')} className=\"itemDiv d-flex justify-content-start align-items-center\">\n
\n }\n \n
\n \n 599 && window.innerHeight > 899 ? 22 : 18}}>پرونده\n
\n this.props.history.push('changePassword')} className=\"itemDiv d-flex justify-content-start align-items-center\">\n
\n {\n this.state.mainPageData && this.state.mainPageData.isModabberLight ?\n null\n :\n \n \n
\n \n 599 && window.innerHeight > 899 ? 22 : 18}}>تغییر کلمه عبور\n
\n this.props.history.push('homeworkDoneStatus', {agoMonth: this.state.agoMonth, today: this.state.today})} className=\"itemDiv d-flex justify-content-start align-items-center\">\n
\n }\n {\n this.state.mainPageData && this.state.mainPageData.extraModules.hasConsultationModule ?\n \n
\n \n 599 && window.innerHeight > 899 ? 22 : 18}}>وضعیت انجام تکلیف\n
\n this.props.history.push('consultForms')} className=\"itemDiv d-flex justify-content-start align-items-center\">\n
\n : null\n }\n {\n this.state.mainPageData && this.state.mainPageData.isModabberLight ?\n null\n :\n showTimeAttendance ?\n \n
\n \n 599 && window.innerHeight > 899 ? 22 : 18}}> فرم های مشاوره\n {\n this.state.mainPageData.notFilledConsultFormsCount && this.state.mainPageData.notFilledConsultFormsCount !== 0 ?\n
\n \n
\n : null\n }\n {this.state.mainPageData.notFilledConsultFormsCount}
\n this.props.history.push('trafficReport', {agoMonth: this.state.agoMonth, today: this.state.today, mainPageData: this.state.mainPageData})} className=\"itemDiv d-flex justify-content-start align-items-center\">\n
\n :null\n }\n {\n this.state.mainPageData && this.state.mainPageData.isModabberLight ?\n null\n :\n \n
\n \n 599 && window.innerHeight > 899 ? 22 : 18}}>گزارش تردد\n
\n this.props.history.push(\"contactUs\", {mainPageData: this.state.mainPageData})} className=\"itemDiv d-flex justify-content-start align-items-center\">\n
\n }\n \n \n
\n \n تماس با ما\n
\n this.setState({logOutPrompt: true})} className=\"itemDiv d-flex justify-content-start align-items-center\">\n
\n \n \n
\n \n 599 && window.innerHeight > 899 ? 22 : 18}}>خروج\n
\n \n
: null\n }\n \n
\n آیا می خواهید از حساب خود خارج شوید ؟
\n\n this.logOut()}>بله\n this.setState({ logOutPrompt: false})}>خیر\n
\n \n {\n // this.state.mainPageData && this.state.mainPageData.extraModules.hasBehsamoozVirtualClass && !(this.state.me && this.state.me.isParent) ?\n this.state.mainPageData && this.state.mainPageData.extraModules.hasBehsamoozVirtualClass ?\n \n \n : null\n }\n {\n this.state.mainPageData && this.state.mainPageData.extraModules.hasBehsamoozExam?\n \n \n : null\n }\n {\n this.state.mainPageData && this.state.mainPageData.extraModules.hasBehsamoozRepository ?\n \n \n : null\n }\n \n \n \n \n\n : null\n }\n
\n )\n }\n renderModabberLight() {\n return (\n window.open(this.state.mainPageData.behsamoozVirtualClassUrl)} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n 
\n
\n \n کلاس آنلاین\n
\n window.open(this.state.mainPageData.behsamoozExamUrl)} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n 
\n
\n \n آزمون آنلاین\n
\n window.open(this.state.mainPageData.behsamoozRepositoryUrl)} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n 
\n
\n \n پایگاه دانش\n
\n this.props.history.replace('dailyTask', {today: this.state.agoWeek})} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n روزنگار\n
\n this.props.history.replace('grades', {agoMonth: this.state.agoMonth, today: this.state.today})} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n نمرات\n
\n this.props.history.push('workBook', {mainPageData: this.state.mainPageData})} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n کارنامه\n
\n this.props.history.replace('discipline', {today: this.state.agoWeek})} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n موارد انضباطی\n
\n this.props.history.push('weeklyTable')} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n برنامه هفتگی\n
\n this.props.history.push('poll')} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n نظرسنجی\n
\n this.props.history.push('calendar', {mainPageData: this.state.mainPageData})} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n {\n this.state.mainPageData && this.state.mainPageData.extraModules.hasEbuffetModule ?\n \n تقویم\n
\n this.props.history.push('ebuffet', {agoMonth: this.state.agoMonth, today: this.state.today})} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
: null\n }\n {\n this.state.mainPageData && this.state.mainPageData.hasSanam ?\n \n بوفه الکترونیک\n
\n this.props.history.push('prireg')} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n ثبت نام\n
\n \n {\n this.state.mainPageData && this.state.mainPageData.extraModules.hasBehsamoozVirtualClass ?\n \n \n : null\n }\n {\n this.state.mainPageData && this.state.mainPageData.extraModules.hasBehsamoozExam?\n \n \n : null\n }\n {\n this.state.mainPageData && this.state.mainPageData.extraModules.hasBehsamoozRepository ?\n \n \n : null\n }\n {\n this.state.mainPageData && this.state.mainPageData.isModabberLight && this.state.mainPageData.extraModules.hasHomeworkModule ?\n \n \n : null\n }\n {\n this.state.mainPageData && this.state.mainPageData.isModabberLight && this.state.mainPageData.extraModules.hasMessengerModule ?\n <>\n \n \n \n : null\n }\n {\n this.state.mainPageData && this.state.mainPageData.isModabberLight && this.state.mainPageData.extraModules.hasHomeworkModule ?\n \n \n : null\n }\n \n \n : null\n }\n
\n )\n }\n setOpenStatus() {\n this.setState({errorAlertOther: !this.state.errorAlertOther})\n }\n render(){\n if(this.state.loading)\n return ( window.open(this.state.mainPageData.behsamoozVirtualClassUrl)} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n \n
\n \n کلاس آنلاین\n
\n window.open(this.state.mainPageData.behsamoozExamUrl)} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n \n
\n \n آزمون آنلاین\n
\n window.open(this.state.mainPageData.behsamoozRepositoryUrl)} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n \n
\n \n پایگاه دانش\n
\n this.props.history.push('homework')} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n تکالیف\n
\n this.props.history.push('messagingBoard')} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n تابلو اعلانات\n
\n this.props.history.push('conversation')} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n پیام رسان\n
\n this.props.history.replace('dailyTask', {today: this.state.agoWeek})} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n : null\n }\n \n روزنگار\n
\n this.props.history.replace('grades', {agoMonth: this.state.agoMonth, today: this.state.today})} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n نمرات\n
\n this.props.history.replace('discipline', {today: this.state.agoWeek})} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n موارد انضباطی\n
\n this.props.history.push('workBook', {mainPageData: this.state.mainPageData})} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n کارنامه\n
\n this.props.history.push('calendar', {mainPageData: this.state.mainPageData})} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n تقویم\n
\n this.props.history.push('weeklyTable')} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n {\n this.state.mainPageData && this.state.mainPageData.isModabberLight && this.state.mainPageData.extraModules.hasSurveyModule ?\n \n برنامه هفتگی\n
\n this.props.history.push('poll')} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n نظرسنجی\n
\n this.props.history.push('profile')} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n 
\n
\n \n پرونده\n
\n this.props.history.push(\"contactUs\", {mainPageData: this.state.mainPageData})} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n 
\n
\n \n تماس با ما\n
\n this.props.history.push('trafficReport', {agoMonth: this.state.agoMonth, today: this.state.today, mainPageData: this.state.mainPageData})} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n 
\n
\n {\n this.state.mainPageData && this.state.mainPageData.hasSanam ?\n \n گزارش تردد\n
\n this.props.history.push('prireg')} className=\"homeRowItems d-flex flex-column justify-content-center align-items-center\">\n
\n \n ثبت نام\n
\n \n {/*{this.state.loading && this.toggleDrawer(false)}>\n \n this.toggleDrawer(true)}\n className=\"headerIcon\"\n icon={faBars}\n />\n }\n />\n \n \n this.setOpenStatus()} /> : null}\n {\n this.state.modalVisibleSurvay ?\n \n
\n \n
\n \n
\n \n
\n \n {this.state.me ? this.state.me.fName + \" \" + this.state.me.lName : ''}\n
\n \n {this.state.me ? this.state.me.classTitle : ''}\n
\n \n
\n \n
\n \n
\n \n \n {this.state.mainPageData && this.state.mainPageData ? getjalaliToDayeWeekDay(this.state.mainPageData && this.state.mainPageData.nowDate) : ''}\n \n
\n \n {this.state.mainPageData && this.state.mainPageData ? moment_jalaali(this.state.mainPageData.nowDate).format('jYYYY/jMM/jDD') : ''}\n
\n \n {\n this.state.mainPageData && !this.state.mainPageData.isModabberLight ?\n
\n \n \n \n \n \n
\n : null\n }\n {\n this.state.mainPageData && this.state.mainPageData.isModabberLight ?\n this.renderModabberLight()\n :\n this.renderModabber()\n }\n this.props.history.push('homework')}>\n
\n \n
\n \n تکالیف\n
\n this.props.history.push('messagingBoard')}>\n
\n \n
\n \n تابلو اعلانات\n
\n this.props.history.push('conversation')}>\n
\n \n
\n \n پیام رسان\n
\n \n \n
\n نظرسنجی
\n\n
\n \n {\n this.state.mainPageData && this.state.mainPageData.surveyRequiredList && this.state.mainPageData.surveyRequiredList.map((item3, index)=> {\n return (\n
\n {ReactHtmlParser(item3.requiredDescription)}
\n )\n })\n }\n \n
\n \n : null\n }\n \n );\n }\n}\n\nexport default Home;\nexport {isStudentAllowedToEditProfile};\nexport {showTimeAttendance};\nexport {todayDate};\n","import React from 'react';\r\nimport './css/upTitleInput.css';\r\nimport '../../css/public.css';\r\n\r\nclass UpTitleInput extends React.Component {\r\n render(){\r\n return (\r\n this.props.history.push('poll')} className=\"flex-row d-flex confirmBtn justify-content-center align-items-center regBtnModalHome\">\n شرکت در نظرسنجی\n
\n \r\n
\r\n );\r\n }\r\n}\r\nexport default UpTitleInput;\r\n","import React from 'react';\r\nimport './css/upTitleMultiLineInput.css';\r\nimport '../../css/public.css';\r\n\r\nclass UpTitleMultiLineInput extends React.Component {\r\n render(){\r\n return (\r\n \r\n {this.props.title}\r\n
\r\n\r\n \r\n {\r\n const regex = /[^0-9]/gi;\r\n event.target.value = this.props.num || this.props.stdNum ? event.target.value.replace(regex, \"\") : event.target.value;\r\n }}\r\n className=\"upTitleInputStyle profileInpItem\"\r\n placeholder={this.props.title}\r\n onChange={event => this.props.onChangeText(event)}\r\n disabled={this.props.disabled}\r\n value={this.props.defaultValue}\r\n />\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default UpTitleMultiLineInput;\r\n","import React from 'react';\r\nimport Progress from 'react-progressbar';\r\nimport '../css/public.css'\r\nimport '../css/loaderPercent.css'\r\nimport 'prevent-pull-refresh';\r\n\r\nclass LoaderPercent extends React.Component {\r\n render() {\r\n return (\r\n \r\n {this.props.title}\r\n
\r\n \r\n this.props.onChangeText(event)}\r\n disabled={this.props.disabled}\r\n defaultValue={this.props.defaultValue}\r\n value={this.props.defaultValue}\r\n />\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default LoaderPercent","import React from 'react';\nimport Header from './componentsPart/header';\nimport Container from './componentsPart/container';\nimport UpTitleInput from './componentsPart/upTitleInput';\nimport UpTitleMultiLineInput from './componentsPart/upTitleMultiLineInput';\nimport Image from 'react-bootstrap/Image';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronLeft, faCamera, faImages, faTrash, faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';\nimport '../css/public.css';\nimport '../css/profile.css';\nimport Modal from '@material-ui/core/Modal';\nimport '@sandstreamdev/react-swipeable-list/dist/styles.css';\nimport Loader from \"./loader\";\nimport {mixGregorianDate} from './functions/publicFunctions';\nimport {\n SwipeableList,\n SwipeableListItem\n} from \"@sandstreamdev/react-swipeable-list\";\nimport \"@sandstreamdev/react-swipeable-list/dist/styles.css\";\nimport { classNames } from \"@sandstreamdev/std/web\";\nimport styles from \"../css/app.module.css\";\nimport { connect } from 'react-redux';\nimport moment from 'moment'\nimport {store} from \"../config/configureStore\";\nimport {FaPlusCircle, } from \"react-icons/fa\"\nimport {MdRemoveCircle, } from \"react-icons/md\"\nimport {FaTrash } from \"react-icons/fa\"\nimport {FiEdit } from \"react-icons/fi\"\nimport ErrorAlert from \"./componentsPart/errorAlert\";\nimport LoaderPersent from \"./loaderPercent\";\nimport { mainColors } from '../config/global';\nlet moment_jalaali = require('moment-jalaali');\nmoment.locale('fa');\nlet token = '';\n\nconst toBase64 = file => new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => resolve(reader.result);\n reader.onerror = error => reject(error);\n});\nexport const ListItem = ({ description, icon, name }) => (\n \r\n
\r\n در حال بارگذاری اطلاعات
\r\n \r\n{this.props.amount} %
\r\n\n
\n);\nconst Svg = props => (\n \n {icon}\n {name}\n
\n {description && {description}
}\n \n\n {booli ?\n
\n \n);\nclass Profile extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n action: \"\",\n actionModal: false,\n loading: false,\n activeEditIndex: null,\n activeEditItem: null,\n deleteModal: false,\n activeIndex1: null,\n activeIndex: null,\n statusCode: 0,\n modalMenuVisisble: false,\n menuTitle: 'اطلاعات فردی',\n menuActiveTab: 0,\n fName: \"\",\n lName: \"\",\n fatherName: \"\",\n defaultFather: false,\n defaultMother: false,\n defaultFamily: null,\n nationalNo: \"\",\n idCardNo: \"\",\n birthPlace: \"\",\n birthDate: null,\n idCardSerial1: \"\",\n idCardSerial2: \"\",\n idCardSerial3: \"\",\n stdNo: \"\",\n photoFileName: null,\n photoFileContentType: null,\n photoFileBase64String: null,\n birthDate0: null,\n birthDate1: null,\n birthDate2: null,\n imagePath: '',\n activeParent: 'mother',\n motherFirstName: '',\n motherLastName: '',\n fatherFirstName: '',\n fatherLastName: '',\n fatherJob: '',\n motherJob: '',\n fatherWorkAddress: '',\n motherWorkAddress: '',\n fatherWorkPhoneNumber: '',\n motherWorkPhoneNumber: '',\n fatherEducationLevelId: null,\n motherEducationLevelId: null,\n fatherFieldCourse: '',\n motherFieldCourse: '',\n fatherPhoneNumber: '',\n motherPhoneNumber: '',\n fatherEmail: '',\n motherEmail: '',\n fatherDescription: '',\n motherDescription: '',\n eduLevels: this.props.extraInfo !== null ? this.props.extraInfo.eduLevels : null,\n religions: this.props.extraInfo !== null ? this.props.extraInfo.religions : null,\n nationalities: this.props.extraInfo !== null ? this.props.extraInfo.nationalities : null,\n relationsTypes: this.props.extraInfo !== null ? this.props.extraInfo.relationsTypes : null,\n fatherEducation: 'تحصیلات پدر',\n fatherEducationModalVisible: false,\n motherEducation: 'تحصیلات مادر',\n motherEducationModalVisible: false,\n educationModal: false,\n educationTitle: 'تحصیلات',\n nationalityModal: false,\n relegionModal: false,\n relegionId: null,\n relegionTitle: 'دین',\n nationalityTitle: 'ملیت',\n nationalityId: null,\n personalSpecifications: '',\n medicalHistory: '',\n completionInformationDescription: null,\n extraField1Name: null,\n extraField1Value: null,\n extraField2Name: null,\n extraField2Value: null,\n extraField3Name: null,\n extraField3Value: null,\n extraField4Name: null,\n extraField4Value: null,\n extraField5Name: null,\n extraField5Value: null,\n nationalityModalVisible: false,\n familyFirstName: '',\n familyLastName: '',\n familyRelationTypeId: null,\n familyAge: '',\n familyJob: '',\n familyPhoneNumber: '',\n familyEducationLevelId: null,\n familyDescription: '',\n familyRelationModal: false,\n familyRelationTitle: 'نسبت',\n familyEducationModal: false,\n familyEducationTitle: 'تحصیلات',\n familySerial: null,\n familyActionType: null,\n tableHead: ['حذف', 'ویرایش', 'تلفن', 'نسبت', 'نام خانوادگی', 'نام'],\n tableData: [],\n flexArr: [0.1, 0.1, 0.25, 0.15, 0.2, 0.2],\n basic: true,\n familyInformationList: [],\n isFamilyEditing: false,\n lastYearTitle: '',\n lastGradeTitle: '',\n lastLevelTitle: '',\n lastAverage: '',\n lastSchoolName: '',\n schoolPhoneNumber1: '',\n schoolPhoneNumber2: '',\n lastSchoolAddress: '',\n lastSchoolDescription: '',\n backwardStudySerial: null,\n isStudyingBackWardInfoEditing: false,\n studyingBackWardInformationList: [],\n studyingBackwardActionType: null,\n open: false,\n indexes: [],\n indexesBack: [],\n errorAlertModal: false,\n errorAlertOther: false,\n errorText: '',\n homePhoneNumber1: \"\",\n homePhoneNumber2: \"\",\n studentMobilePhone: \"\",\n address: \"\",\n studentEmail: \"\"\n };\n }\n componentWillMount(){\n token = localStorage.getItem('token');\n this.getStudentExtraInformation();\n this.getStudentProfileInformation();\n }\n componentDidMount() {\n window.addEventListener(\"popstate\", this.onBackButtonEvent)\n window.onpopstate = this.onBackButtonEvent;\n }\n componentWillUnmount() {\n window.removeEventListener(\"popstate\", this.onBackButtonEvent)\n }\n onBackButtonEvent = (e) => {\n this.props.history.push('home', {openDrawer: !(this.props.location.state && this.props.location.state.mainPageData && this.props.location.state.mainPageData.isModabberLight)})\n }\n async getStudentExtraInformation(){\n let statusCode;\n if(this.props.extraInfo === null) {\n this.setState({loading: true});\n await fetch('https://api.modabberonline.com/api/v1/studentsInfo.getStudentExtraInformation', {\n method: 'POST',\n headers: {\n Accept: 'application/json',\n Authorization: `Bearer ${localStorage.getItem('token')}`,\n 'Content-Type': 'application/json',\n },\n }).then((response) => {\n statusCode = response.status;\n return response.json();\n })\n .then(async (responseJson) => {\n store.dispatch({type: 'EXTRAINFO_DATA_FETCHED', payload: responseJson});\n await this.setState({\n eduLevels: responseJson.eduLevels,\n religions: responseJson.religions,\n nationalities: responseJson.nationalities,\n relationsTypes: responseJson.relationsTypes,\n })\n })\n .catch((error) => {\n this.setState({errorAlertModal: true, loading:false});\n });\n }\n }\n handleEducationLevel(id){\n return(\n this.state.eduLevels && this.state.eduLevels.map(item => {\n if(id === item.serial){\n return item.title\n }\n })\n )\n }\n handleReligionTitle(id){\n return(\n this.state.religions && this.state.religions.map(item => {\n if(id === item.serial){\n return item.title\n }\n })\n )\n }\n handleNationalityTitle(id){\n return(\n this.state.nationalities && this.state.nationalities.map(item => {\n if(id === item.serial){\n return item.title\n }\n })\n )\n }\n handleFamilyRelationTitle(id){\n return(\n this.state.relationsTypes && this.state.relationsTypes.map(item => {\n if(id === item.serial){\n return item.title\n }\n })\n )\n }\n getStudentProfileInformation(){\n let statusCode;\n if(this.props.profileInfo === null) {\n fetch('https://api.modabberonline.com/api/v1/studentsInfo.getStudentProfileInformation', {\n method: 'POST',\n headers: {\n Accept: 'application/json',\n Authorization: `Bearer ${localStorage.getItem('token')}`,\n 'Content-Type': 'application/json',\n }\n })\n .then(response => {\n statusCode = response.status;\n return response.json()\n })\n .then(responseJson => {\n store.dispatch({type: 'PROFILE_DATA_FETCHED', payload: responseJson});\n if(statusCode === 200){\n let slicedDate = '', birDate = '';\n if(responseJson.personalInformation.birthDate !== null) {\n birDate = responseJson.personalInformation.birthDate;\n let d = moment_jalaali(birDate).format('jYYYY/jMM/jDD')\n slicedDate = d.split('/')\n }\n this.setState({\n statusCode: statusCode,\n fName: responseJson.personalInformation.fName,\n lName: responseJson.personalInformation.lName,\n fatherName: responseJson.personalInformation.fatherName,\n defaultFather: responseJson.personalInformation.defaultFather,\n action: responseJson.personalInformation.defaultFather ? \"پدر\" : responseJson.personalInformation.defaultMother ? \"مادر\" : \"\",\n defaultMother: responseJson.personalInformation.defaultMother,\n defaultFamily: responseJson.personalInformation.defaultFamily,\n nationalNo: responseJson.personalInformation.nationalNo,\n idCardNo: responseJson.personalInformation.idCardNo,\n birthPlace: responseJson.personalInformation.birthPlace,\n birthDate: responseJson.personalInformation.birthDate,\n idCardSerial1: responseJson.personalInformation.idCardSerial1,\n idCardSerial2: responseJson.personalInformation.idCardSerial2,\n idCardSerial3: responseJson.personalInformation.idCardSerial3,\n stdNo: responseJson.personalInformation.stdNo,\n photoFileName: responseJson.personalInformation.photoFileName,\n photoFileContentType: responseJson.personalInformation.photoFileContentType,\n photoFileBase64String: responseJson.personalInformation.photoFileBase64String,\n birthDate0: slicedDate !== '' ? slicedDate[0] : null,\n birthDate1: slicedDate !== '' ? slicedDate[1] : null,\n birthDate2: slicedDate !== '' ? slicedDate[2] : null,\n imagePath: responseJson.personalInformation.photoFileContentType !== null ? `data:${responseJson.personalInformation.photoFileContentType};base64,${responseJson.personalInformation.photoFileBase64String}` : '',\n homePhoneNumber1: responseJson.callingInformation.homePhoneNumber1,\n homePhoneNumber2: responseJson.callingInformation.homePhoneNumber2,\n studentMobilePhone: responseJson.callingInformation.studentMobilePhone,\n address: responseJson.callingInformation.address,\n studentEmail: responseJson.callingInformation.studentEmail\n })\n this.setState({\n fatherFirstName: responseJson.parentsInformation.fatherFirstName,\n motherFirstName: responseJson.parentsInformation.motherFirstName,\n motherLastName: responseJson.parentsInformation.motherLastName,\n fatherJob: responseJson.parentsInformation.fatherJob,\n motherJob: responseJson.parentsInformation.motherJob,\n fatherWorkAddress: responseJson.parentsInformation.fatherWorkAddress,\n motherWorkAddress: responseJson.parentsInformation.motherWorkAddress,\n motherWorkPhoneNumber: responseJson.parentsInformation.motherWorkPhoneNumber,\n fatherEducationLevelId: responseJson.parentsInformation.fatherEducationLevelId,\n motherEducationLevelId: responseJson.parentsInformation.motherEducationLevelId,\n fatherFieldCourse: responseJson.parentsInformation.fatherFieldCourse,\n motherFieldCourse: responseJson.parentsInformation.motherFieldCourse,\n fatherPhoneNumber: responseJson.parentsInformation.fatherPhoneNumber,\n motherPhoneNumber: responseJson.parentsInformation.motherPhoneNumber,\n fatherEmail: responseJson.parentsInformation.fatherEmail,\n motherEmail: responseJson.parentsInformation.motherEmail,\n fatherDescription: responseJson.parentsInformation.fatherDescription,\n motherDescription: responseJson.parentsInformation.motherDescription,\n fatherEducation: this.handleEducationLevel(responseJson.parentsInformation.fatherEducationLevelId),\n motherEducation: this.handleEducationLevel(responseJson.parentsInformation.motherEducationLevelId),\n });\n this.setState({\n relegionId: responseJson.completionInformation.relegionId,\n relegionTitle: this.handleReligionTitle(responseJson.completionInformation.relegionId),\n nationalityId: responseJson.completionInformation.nationalityId,\n nationalityTitle: this.handleNationalityTitle(responseJson.completionInformation.nationalityId),\n personalSpecifications: responseJson.completionInformation.personalSpecifications,\n medicalHistory: responseJson.completionInformation.medicalHistory,\n completionInformationDescription: responseJson.completionInformation.description,\n extraField1Name: responseJson.completionInformation.extraField1Name,\n extraField1Value: responseJson.completionInformation.extraField1Value,\n extraField2Name: responseJson.completionInformation.extraField2Name,\n extraField2Value: responseJson.completionInformation.extraField2Value,\n extraField3Name: responseJson.completionInformation.extraField3Name,\n extraField3Value: responseJson.completionInformation.extraField3Value,\n extraField4Name: responseJson.completionInformation.extraField4Name,\n extraField4Value: responseJson.completionInformation.extraField4Value,\n extraField5Name: responseJson.completionInformation.extraField5Name,\n extraField5Value: responseJson.completionInformation.extraField5Value,\n });\n let indexes = []\n for(let i=0;i\n
\n \n this.setState({lName: event.target.value})}\n defaultValue={this.state.lName}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({fName: event.target.value})}\n defaultValue={this.state.fName}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n
\n \n this.setState({fatherName: event.target.value})}\n defaultValue={this.state.fatherName}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n ولی فعال\n
\n {this.setState({actionModal: !this.state.actionModal})}}>\n
\n \n {this.state.action}\n
\n {\n this.state.actionModal ?\n \n
\n : null\n }\n \n
\n \n this.setState({\n action: \"پدر\",\n defaultFather: true,\n defaultMother: false,\n actionModal: false\n })} className=\"parentLabel\">پدر\n this.setState({\n action: \"مادر\",\n defaultFather: false,\n defaultMother: true,\n actionModal: false\n })} className=\"parentLabel\">مادر\n
\n \n
\n \n {\n const regex = /[^0-9]/gi;\n event.target.value = event.target.value.replace(regex, \"\");\n }}\n onChangeText={event => this.setState({nationalNo: event.target.value})}\n defaultValue={this.state.nationalNo}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({idCardNo: event.target.value})}\n defaultValue={this.state.idCardNo}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n
\n \n تاریخ تولد\n
\n \n
\n \n {\n const regex = /[^0-9]/gi;\n event.target.value = event.target.value.replace(regex, \"\");\n }}\n maxLength={2}\n placeholder=\"XX\"\n defaultValue={this.state.birthDate2}\n value={this.state.birthDate2}\n className=\"tripeInputStyle birthInput\"\n onChange={event => this.setState({birthDate2: event.target.value})}\n disabled={mainPageData && !mainPageData && mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n {\n const regex = /[^0-9]/gi;\n event.target.value = event.target.value.replace(regex, \"\");\n }}\n maxLength={2}\n placeholder=\"XX\"\n defaultValue={this.state.birthDate1}\n value={this.state.birthDate1}\n className=\"tripeInputStyle birthInput\"\n onChange={event => this.setState({birthDate1: event.target.value})}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n {\n const regex = /[^0-9]/gi;\n event.target.value = event.target.value.replace(regex, \"\");\n }}\n maxLength={4}\n placeholder=\"XXXX\"\n defaultValue={this.state.birthDate0}\n value={this.state.birthDate0}\n className=\"tripeInputStyle birthInput\"\n onChange={event => this.setState({birthDate0: event.target.value})}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({birthPlace: event.target.value})}\n defaultValue={this.state.birthPlace}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n
\n \n this.setState({stdNo: event.target.value})}\n defaultValue={this.state.stdNo}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n
\n \n سریال شناسنامه\n
\n \n
\n \n this.setState({idCardSerial3: event.target.value})}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n {\n const regex = /[^0-9]/gi;\n event.target.value = event.target.value.replace(regex, \"\");\n }}\n className=\"tripeInputStyle outlineStyle\"\n onChange={event => this.setState({idCardSerial2: event.target.value})}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n {\n const regex = /[^0-9]/gi;\n event.target.value = event.target.value.replace(regex, \"\");\n }}\n maxLength={6}\n className=\"tripeInputStyle outlineStyle\"\n onChange={event => this.setState({idCardSerial1: event.target.value})}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n
\n \n \n
\n \n \n
\n \n
\n {mainPageData && mainPageData.isStudentAllowedToEditProfile ?\n this.setState({imagePath: '', photoFileBase64String: null, photoFileContentType: null, photoFileName: null})} className=\"profileImageTrashIconDivStyle d-flex justify-content-center align-items-center cursor-hand\">\n
: null}\n \n
\n : null}\n this.updateStudentProfileInformation()}>\n ثبت\n \n
\n \n
\n \n this.setState({homePhoneNumber1: event.target.value})}\n defaultValue={this.state.homePhoneNumber1}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({homePhoneNumber2: event.target.value})}\n defaultValue={this.state.homePhoneNumber2}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({studentMobilePhone: event.target.value})}\n defaultValue={this.state.studentMobilePhone}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({studentEmail: event.target.value})}\n defaultValue={this.state.studentEmail}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({address: event.target.value})}\n defaultValue={this.state.address}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n {mainPageData && mainPageData.isStudentAllowedToEditProfile ?\n \n
\n : null}\n this.updateStudentProfileInformation()}>\n ثبت\n \n
\n \n
\n )\n }\n renderCompletionInformation(){\n const { mainPageData } = this.props;\n return(\n \n
\n this.setState({activeParent: 'mother'})} className=\"d-flex align-items-center justify-content-center tabItem\" style={{borderBottomWidth: this.state.activeParent === 'mother' ? 3 : 0, borderBottomColor: this.state.activeParent === 'mother' ? 'white' : undefined, borderBottomStyle: this.state.activeParent === 'mother' ? 'solid' : undefined}}>\n اطلاعات مادر\n
\n this.setState({activeParent: 'father'})} className=\"d-flex align-items-center justify-content-center tabItem\" style={{borderBottomWidth: this.state.activeParent === 'father' ? 3 : 0, borderBottomColor: this.state.activeParent === 'father' ? 'white' : undefined, borderBottomStyle: this.state.activeParent === 'father' ? 'solid' : undefined }}>\n اطلاعات پدر\n
\n \n
\n \n this.state.activeParent === 'mother' ? this.setState({motherFirstName: event.target.value}) : this.setState({fatherFirstName: event.target.value})}\n defaultValue={this.state.activeParent === 'mother' ? this.state.motherFirstName : this.state.fatherFirstName}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.state.activeParent === 'mother' ? this.setState({motherLastName: event.target.value}) : this.setState({fatherLastName: event.target.value})}\n defaultValue={this.state.activeParent === 'mother' ? this.state.motherLastName : this.state.fatherLastName}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.state.activeParent === 'mother' ? this.setState({motherJob: event.target.value}) : this.setState({fatherJob: event.target.value})}\n defaultValue={this.state.activeParent === 'mother' ? this.state.motherJob : this.state.fatherJob}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.state.activeParent === 'mother' ? this.setState({motherWorkAddress: event.target.value}) : this.setState({fatherWorkAddress: event.target.value})}\n defaultValue={this.state.activeParent === 'mother' ? this.state.motherWorkAddress : this.state.fatherWorkAddress}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.state.activeParent === 'mother' ? this.setState({motherWorkPhoneNumber: event.target.value}) : this.setState({fatherWorkPhoneNumber: event.target.value})}\n defaultValue={this.state.activeParent === 'mother' ? this.state.motherWorkPhoneNumber : this.state.fatherWorkPhoneNumber}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n تحصیلات\n
\n {this.setState({educationModal: true})}}>\n {this.state.activeParent === 'mother' ? this.state.motherEducation : this.state.fatherEducation}\n
\n \n this.state.activeParent === 'mother' ? this.setState({motherFieldCourse: event.target.value}) : this.setState({fatherFieldCourse: event.target.value})}\n defaultValue={this.state.activeParent === 'mother' ? this.state.motherFieldCourse : this.state.fatherFieldCourse}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.state.activeParent === 'mother' ? this.setState({motherPhoneNumber: event.target.value}) : this.setState({fatherPhoneNumber: event.target.value})}\n defaultValue={this.state.activeParent === 'mother' ? this.state.motherPhoneNumber : this.state.fatherPhoneNumber}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.state.activeParent === 'mother' ? this.setState({motherEmail: event.target.value}) : this.setState({fatherEmail: event.target.value})}\n defaultValue={this.state.activeParent === 'mother' ? this.state.motherEmail : this.state.fatherEmail}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.state.activeParent === 'mother' ? this.setState({motherDescription: event.target.value}) : this.setState({fatherDescription: event.target.value})}\n defaultValue={this.state.activeParent === 'mother' ? this.state.motherDescription : this.state.fatherDescription}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n {mainPageData && mainPageData.isStudentAllowedToEditProfile ?\n \n
\n : null}\n this.updateStudentProfileInformation()}>\n ثبت\n
\n \n
\n )\n }\n renderFamilyInformationList(){\n const { mainPageData } = this.props;\n const swipeRightDataComplex = (name, index) => ({\n content: (\n \n
\n \n دین\n
\n {this.setState({relegionModal: true})}}>\n {this.state.relegionTitle}\n
\n \n ملیت\n
\n {this.setState({nationalityModal: true})}}>\n {this.state.nationalityTitle}\n
\n \n this.setState({personalSpecifications: event.target.value})}\n defaultValue={ this.state.personalSpecifications}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({medicalHistory: event.target.value})}\n defaultValue={ this.state.medicalHistory}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({completionInformationDescription: event.target.value})}\n defaultValue={ this.state.completionInformationDescription}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n {this.state.extraField1Name ? \n this.setState({extraField1Value: event.target.value})}\n defaultValue={ this.state.extraField1Value}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n placeholder={this.state.extraField1Name}\n />\n
: null}\n {this.state.extraField2Name ? \n this.setState({extraField2Value: event.target.value})}\n defaultValue={ this.state.extraField2Value}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n placeholder={this.state.extraField2Name}\n />\n
: null}\n {this.state.extraField3Name ? \n this.setState({extraField3Value: event.target.value})}\n defaultValue={ this.state.extraField3Value}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n placeholder={this.state.extraField3Name}\n />\n
: null}\n {this.state.extraField4Name ? \n this.setState({extraField4Value: event.target.value})}\n defaultValue={ this.state.extraField4Value}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n placeholder={this.state.extraField4Name}\n />\n
: null}\n {this.state.extraField5Name ? \n this.setState({extraField5Value: event.target.value})}\n defaultValue={ this.state.extraField5Value}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n placeholder={this.state.extraField5Name}\n />\n
: null}\n {mainPageData && mainPageData.isStudentAllowedToEditProfile ?\n \n
\n : null}\n this.updateStudentProfileInformation()}>\n ثبت\n
\n \n
\n )\n }\n renderStudyingBackWardInformationList(){\n const { mainPageData } = this.props;\n const swipeRightDataComplex = (name, index) => ({\n content: (\n \n
\n \n this.setState({familyFirstName: event.target.value})}\n defaultValue={this.state.familyFirstName}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({familyLastName: event.target.value})}\n defaultValue={this.state.familyLastName}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n نسبت\n
\n {this.setState({familyRelationModal: true})}}>\n {this.state.familyRelationTitle}\n
\n \n this.setState({familyAge: event.target.value})}\n defaultValue={this.state.familyAge}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n this.setState({familyJob: event.target.value})}\n defaultValue={this.state.familyJob}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({familyPhoneNumber: event.target.value})}\n defaultValue={this.state.familyPhoneNumber}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n تحصیلات\n
\n {this.setState({familyEducationModal: true})}}>\n {this.state.familyEducationTitle}\n
\n \n this.setState({familyDescription: event.target.value})}\n defaultValue={this.state.familyDescription}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n {\n this.state.isFamilyEditing ?\n \n
\n :\n mainPageData && mainPageData.isStudentAllowedToEditProfile ?\n this.cancelEditing()}>\n انصراف\n \n
\n this.updateFamilyData()}>\n به روز رسانی\n \n
\n \n
\n : null\n }\n {\n this.state.familyInformationList && this.state.familyInformationList.map((item, index)=> {\n return(\n this.acceptFamilyData(this.state.familyInformationList)}>\n اضافه\n \n
\n \n
\n )\n })\n }\n {\n mainPageData && mainPageData.isStudentAllowedToEditProfile ?\n \n \n \n \n
\n \n
\n\n \n \n
\n this.handleOpen(index)} className=\"d-flex align-items-center justify-content-between familyInformation\">\n {item.firstName} {item.lastName}\n {\n this.state.indexes[index] ?\n
\n {\n this.state.indexes[index] ?\n \n
\n : null\n }\n \n سن: {item.age}\n نسبت: {this.handleFamilyRelationTitle(item.relationTypeId)}\n
\n \n شماره تلفن: {item.phoneNumber}\n شغل: {item.job}\n
\n \n میزان تحصیلات: {this.handleEducationLevel(item.educationLevelId)}\n
\n \n
\n : null\n }\n this.updateStudentProfileInformation()}>\n ثبت\n \n
\n \n
\n )\n }\n renderContainer(){\n if(this.state.menuActiveTab === 0){\n return(\n this.renderPersonalInformation()\n )\n }\n else if(this.state.menuActiveTab === 1){\n return(\n this.renderCallingInformation()\n )\n }\n else if(this.state.menuActiveTab === 3){\n return(\n this.renderParentInformation()\n )\n }\n else if(this.state.menuActiveTab === 4){\n return(\n this.renderCompletionInformation()\n )\n }\n else if(this.state.menuActiveTab === 5){\n return(\n this.renderFamilyInformationList()\n )\n }\n else if(this.state.menuActiveTab === 6){\n return(\n this.renderStudyingBackWardInformationList()\n )\n }\n }\n setOpenStatus() {\n this.setState({errorAlertOther: !this.state.errorAlertOther})\n }\n render(){\n return (\n \n
\n \n this.setState({lastYearTitle: event.target.value})}\n defaultValue={this.state.lastYearTitle}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n this.setState({lastGradeTitle: event.target.value})}\n defaultValue={this.state.lastGradeTitle}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({lastLevelTitle: event.target.value})}\n defaultValue={this.state.lastLevelTitle}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n this.setState({lastAverage: event.target.value})}\n defaultValue={this.state.lastAverage}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({lastSchoolName: event.target.value})}\n defaultValue={this.state.lastSchoolName}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({schoolPhoneNumber1: event.target.value})}\n defaultValue={this.state.schoolPhoneNumber1}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({schoolPhoneNumber2: event.target.value})}\n defaultValue={this.state.schoolPhoneNumber2}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({lastSchoolAddress: event.target.value})}\n defaultValue={this.state.lastSchoolAddress}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n \n this.setState({lastSchoolDescription: event.target.value})}\n defaultValue={this.state.lastSchoolDescription}\n disabled={mainPageData && !mainPageData.isStudentAllowedToEditProfile}\n />\n
\n {\n this.state.isStudyingBackWardInfoEditing ?\n \n
\n :\n mainPageData && mainPageData.isStudentAllowedToEditProfile ?\n this.cancelBackward()}>\n انصراف\n \n
\n this.updateBackwardData()}>\n به روز رسانی\n \n
\n \n
\n : null\n }\n {\n this.state.studyingBackWardInformationList && this.state.studyingBackWardInformationList.map((item, index)=> {\n return(\n this.acceptBackwardData(this.state.studyingBackWardInformationList)}>\n اضافه\n
\n \n {/*{triggeredComplexItemAction}*/}\n
\n )\n })\n }\n {\n mainPageData && mainPageData.isStudentAllowedToEditProfile ?\n \n \n \n \n
\n \n
\n\n \n \n
\n this.handleOpenBack(index)} className=\"d-flex align-items-center justify-content-between lastYearTitle\">\n {item.lastYearTitle}\n {\n this.state.indexesBack[index] ?\n
\n {\n this.state.indexesBack[index] ?\n \n\n
\n : null\n }\n \n نام مدرسه: {item.lastSchoolName}\n پایه: {item.lastLevelTitle}\n
\n \n سال تحصیلی: {item.lastYearTitle}\n معدل: {item.lastAverage}\n
\n \n مقطع: {item.lastGradeTitle}\n
\n \n
\n : null\n }\n this.updateStudentProfileInformation()}>\n ثبت\n \n
\n \n {this.state.loading && this.setOpenStatus()} /> : null}\n {this.state.errorAlertOther ? this.setOpenStatus()} /> : null}\n {this.state.loadingPercent && this.props.history.push('home', {openDrawer: !(this.props.mainPageData && this.props.mainPageData.isModabberLight) })}\n icon={faChevronLeft}\n />}\n title='پرونده دانش آموز'\n titleFontSize={16}\n right={}\n />\n this.setState({modalMenuVisisble: false})}>\n this.setState({\n menuActiveTab: 3,\n menuTitle: 'اطلاعات والدین',\n modalMenuVisisble: false\n })}>\n
\n \n
: null\n }\n {\n this.state.educationModal ?\n \n آیا میخواهید اطلاعات خود را حذف نمائید؟\n
\n \n {this.setState({deleteModal: false}, ()=> {this.state.menuActiveTab === 5 ? this.deleteRow(this.state.activeIndex1) : this.deleteRowBackward(this.state.activeIndex)})}} className=\"deleteModalNoLabel\">بله\n {this.setState({deleteModal: false})}} style={{color: 'gray'}}>خیر\n
\n \n
\n : null\n }\n {\n this.state.relegionModal ?\n \n
\n \n
\n انتخاب تحصیلات
\n \n\n
\n \n {\n this.state.eduLevels && this.state.eduLevels.map((item, index) => {\n return(
\n this.state.activeParent === 'mother' ? this.setState({motherEducationLevelId: item.serial, motherEducation: item.title, educationModal: false}) : this.setState({fatherEducationLevelId: item.serial, fatherEducation: item.title, educationModal: false})}>\n {item.title}\n
\n )\n })\n }\n \n
\n : null\n }\n {\n this.state.nationalityModal ?\n \n
\n \n
\n انتخاب دین
\n \n\n
\n \n {\n this.state.religions && this.state.religions.map((item, index) => {\n return(
\n this.setState({relegionId: item.serial, relegionTitle: item.title, relegionModal: false})}>\n {item.title}\n
\n )\n })\n }\n \n
\n : null\n }\n {\n this.state.familyRelationModal ?\n \n
\n \n
\n انتخاب ملیت
\n \n\n
\n \n {\n this.state.nationalities && this.state.nationalities.map((item, index) => {\n return(
\n this.setState({nationalityId: item.serial, nationalityTitle: item.title, nationalityModal: false})}>\n {item.title}\n
\n )\n })\n }\n \n
\n : null\n }\n {\n this.state.familyEducationModal ?\n \n
\n \n
\n انتخاب نسبت
\n \n\n
\n \n {\n this.state.relationsTypes && this.state.relationsTypes .map((item, index) => {\n return(
\n this.setState({familyRelationTypeId: item.serial, familyRelationTitle: item.title, familyRelationModal: false})}>\n {item.title}\n
\n )\n })\n }\n \n
\n : null\n }\n \n
\n \n
\n انتخاب تحصیلات
\n \n\n
\n \n {\n this.state.eduLevels && this.state.eduLevels.map((item, index) => {\n return(
\n this.setState({familyEducationLevelId: item.serial, familyEducationTitle: item.title, familyEducationModal: false})}>\n {item.title}\n
\n )\n })\n }\n this.setState({modalMenuVisisble: !this.state.modalMenuVisisble})} className=\"topMenuDiv d-flex justify-content-center align-items-center\">\n
\n \n {this.state.menuTitle}\n
\n \n
\n \n this.props.history.push('home')}\n className=\"headerLeftIcon\"\n icon={faChevronLeft}\n />}\n title='پرونده دانش آموز'\n titleFontSize={20}\n right={}\n />\n this.setState({\n menuActiveTab: 1,\n menuTitle: 'اطلاعات تماس',\n modalMenuVisisble: false\n })}>\n
\n this.setState({modalMenuVisisble: false})} className=\"topMenuDiv d-flex justify-content-center align-items-center\">\n
\n \n {this.state.menuTitle}\n
\n \n
\n \n this.setState({\n menuActiveTab: 0,\n menuTitle: 'اطلاعات فردی',\n modalMenuVisisble: false\n })}>\n
\n \n اطلاعات فردی\n
\n \n
\n \n اطلاعات تماس\n
\n \n
\n \n اطلاعات والدین\n
\n \n
\n \n اطلاعات تکمیلی\n
\n \n
\n \n \n اطلاعات خانواده\n
\n \n
\n \n \n سابقه تحصیلی\n
\n \n
\n \n \n \n \n {this.renderContainer()}\n \n );\n }\n}\nfunction mapStateToProps(state) {\n return {\n mainPageData: state.publicReducer.mainPageData,\n extraInfo: state.publicReducer.extraInfo,\n profileInfo: state.publicReducer.profileInfo\n }\n}\nexport default connect(mapStateToProps)(Profile);\n","import React from 'react';\nimport Header from './componentsPart/header';\nimport Container from './componentsPart/container';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faLock, faChevronLeft } from '@fortawesome/free-solid-svg-icons';\nimport { ToastContainer, toast } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport '../css/public.css';\nimport '../css/changePassword.css';\nimport Loader from \"./loader\";\nimport 'prevent-pull-refresh';\n\nclass ChangePassword extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n loading: false,\n currentPassword: '',\n newPassword: '',\n repeatNewPassword: '',\n equal: false,\n success: false,\n fail: false\n };\n this.handleCurrentPasswordInputChange = this.handleCurrentPasswordInputChange.bind(this);\n this.handleNewPasswordInputChange = this.handleNewPasswordInputChange.bind(this);\n this.handleRepeatNewPasswordInputChange = this.handleRepeatNewPasswordInputChange.bind(this);\n }\n componentDidMount() {\n window.addEventListener(\"popstate\", this.onBackButtonEvent)\n window.onpopstate = this.onBackButtonEvent;\n }\n componentWillUnmount() {\n window.removeEventListener(\"popstate\", this.onBackButtonEvent)\n }\n onBackButtonEvent = (e) => {\n this.props.history.push('home', {openDrawer: true})\n }\n handleCurrentPasswordInputChange(event) {\n this.setState({currentPassword: event.target.value});\n }\n handleNewPasswordInputChange(event) {\n this.setState({newPassword: event.target.value});\n }\n handleRepeatNewPasswordInputChange(event) {\n this.setState({repeatNewPassword: event.target.value});\n }\n changePassword(){\n if(this.state.newPassword === this.state.repeatNewPassword){\n if(this.state.currentPassword !== '' && this.state.newPassword !== '' && this.state.repeatNewPassword !== ''){\n this.setState({loading: true})\n fetch('https://api.modabberonline.com/api/v1/studentsInfo.updateStudentPassword', {\n method: 'POST',\n headers: {\n Accept: 'application/json',\n Authorization: `Bearer ${localStorage.getItem('token')}`,\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n Password: this.state.currentPassword,\n NewPassword: this.state.newPassword\n })\n })\n .then(response => {\n this.setState({loading: false})\n if(response.status === 200){\n this.setState({success: true})\n }\n else {\n this.setState({fail: true})\n }\n }).catch(error=> {\n this.setState({fail: true, loading: false})\n })\n }\n else {\n this.setState({fail: true})\n }\n }\n else {\n this.setState({equal: true})\n }\n }\n render(){\n return (\n \n {this.state.loading && this.props.history.push('home', {openDrawer: true})}\n className=\"headerLeftIcon\"\n icon={faChevronLeft}\n />}\n title='تغییر کلمه عبور'\n titleFontSize={20}\n right={}\n />\n \n
\n \n
\n : null\n }\n {\n this.state.fail ?\n \n
\n کلمه عبور با موفقیت تغییر یافت
\n\n this.setState({success: false})} className=\"greenSpan\">بسیار خب\n
\n \n
\n : null\n }\n {\n this.state.equal ?\n \n
\n خطا در تغییر کلمه عبور
\n\n this.setState({fail: false})} className=\"greenSpan\">بسیار خب\n
\n \n
\n : null\n }\n \n
\n تکرار کلمه عبور با کلمه عبور همخوانی ندارد
\n\n this.setState({equal: false})} className=\"greenSpan\">بسیار خب\n
\n \n \n
\n \n کلمه عبور فعلی\n
\n \n \n
\n \n \n کلمه عبور جدید\n
\n \n \n
\n \n \n تکرار کلمه عبور\n
\n \n
\n \n this.changePassword()}>\n تایید\n
\n \r\n \r\n \r\n به ما سر بزنید! \r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default LeafletMap;","import React from 'react';\nimport Header from './componentsPart/header';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronLeft, faMapMarkerAlt, faPhone, faFax, faGlobe, faEnvelope } from '@fortawesome/free-solid-svg-icons';\nimport '../css/contactus.css';\nimport '../css/public.css';\nimport 'prevent-pull-refresh';\nimport Map from './componentsPart/map';\n\nclass ContactUs extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n schoolData: {\n \"latitude\": 35.699735,\n \"longitude\": 51.337462,\n \"address\": \"\",\n \"phoneNumber1\": \"\",\n \"phoneNumber2\": \"\",\n \"faxNumber\": \"\",\n \"cellphoneNumber\": \"\",\n \"emailAddress\": \"\",\n \"webSiteAddress\": \"\"\n },\n latitude: 35.699735,\n longitude: 51.337462,\n progressVisible: false\n };\n }\n componentWillMount() {\n this.getSchoolContactInfo()\n }\n componentDidMount() {\n window.addEventListener(\"popstate\", this.onBackButtonEvent)\n window.onpopstate = this.onBackButtonEvent;\n }\n componentWillUnmount() {\n window.removeEventListener(\"popstate\", this.onBackButtonEvent)\n }\n onBackButtonEvent = (e) => {\n this.props.history.push('home', {openDrawer: !(this.props.location.state && this.props.location.state.mainPageData && this.props.location.state.mainPageData.isModabberLight)})\n };\n getSchoolContactInfo(){\n fetch('https://api.modabberonline.com/api/v1/settings.schoolContactInfo', {\n method: 'POST',\n headers: {\n Accept: 'application/json',\n Authorization: `Bearer ${localStorage.getItem('token')}`,\n 'Content-Type': 'application/json',\n }\n }).then((response) => response.json())\n .then((responseJson) => {\n this.setState({schoolData: responseJson});\n if(responseJson.latitude !== null && responseJson.longitude !== null){\n this.setState({\n latitude: responseJson.latitude,\n longitude: responseJson.longitude\n })\n }\n })\n .then(()=>this.setState({progressVisible:false}))\n .catch((error) => {\n this.setState({progressVisible:false});\n });\n }\n render() {\n return (\n {this.state.fullScreen ? this.animateHeight('dec') : this.animateHeight('inc'); this.setState({fullScreen: !this.state.fullScreen})}}>\r\n {\r\n this.state.fullScreen ?\r\n
\r\n \n this.props.history.push('home', {openDrawer: !(this.props.location.state && this.props.location.state.mainPageData && this.props.location.state.mainPageData.isModabberLight)})}\n className=\"headerIcon\"\n icon={faChevronLeft}\n />}\n title='تماس با ما'\n titleFontSize={20}\n right={}\n />\n
\n );\n }\n}\nexport default ContactUs;\n","import React from 'react';\nimport './css/collapseButton.css';\nimport '../../css/public.css';\nimport {FaPlay, FaPause} from 'react-icons/fa'\nimport ErrorAlert from \"./errorAlert\";\nconst download = (name, urlDownload) => {\n fetch(urlDownload, {\n method: \"GET\",\n headers: {\n 'responseType': 'arraybuffer'\n }\n })\n .then(response => {\n response.arrayBuffer().then(function(buffer) {\n const url = window.URL.createObjectURL(new Blob([buffer]));\n const link = document.createElement(\"a\");\n link.href = url;\n link.setAttribute(\"download\", name); //or any other extension\n document.body.appendChild(link);\n link.click();\n });\n })\n .catch(err => {\n });\n};\n\nclass HomeworkVoice extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n audioUrl: \"\",\n notFound: false,\n play: false,\n errorAlertModal: false,\n errorAlertOther: false,\n // loading\n\n }\n this.audio = null;\n }\n componentWillMount() {\n this.getAudioUrl();\n }\n getAudioUrl() {\n let downloadUrl = '';\n if(this.props.uploadedAttach) {\n downloadUrl = 'https://api.modabberonline.com/api/pri/v1/classEventDones.getFileUrl';\n }\n else if(this.props.status) {\n downloadUrl = 'https://api.modabberonline.com/api/pri/v1/classEventDones.getTeacherAttachmentFileUrl';\n }\n else {\n downloadUrl = 'https://api.modabberonline.com/api/pri/v1/classEventsAttachments.getFileUrl';\n }\n fetch(downloadUrl, {\n method: 'POST',\n headers: {\n Accept: 'application/json',\n Authorization: `Bearer ${localStorage.getItem('token')}`,\n 'Content-Type': 'application/json',\n },\n body: this.props.item.attachmentId.toString(),\n })\n .then(response => {\n if(response.status === 200){\n return response.json()\n }\n else if(response.status === 204){\n this.setState({notFound: true})\n }\n }).then((responseJson) => {\n if(responseJson) {\n let url = responseJson.fileDownloadUrl;\n var audio = new Audio(url);\n // console.log('audio url', url)\n //\n // console.log('audio', audio.duration)\n // console.log('audio', audio.size)\n\n this.setState({audioUrl: url, notFound: false});\n }\n })\n .catch((error) => {\n console.log(error)\n this.setState({errorAlertModal: true, loading:false});\n });\n }\n componentDidMount() {\n this.audio.addEventListener(\"ended\", () => {\n //do something once audio track has finished playing\n this.setState({play: false})\n\n });\n }\n handleClick() {\n // download(this.state.audioUrl.split('/').pop(), this.state.audioUrl);\n if(this.audio.paused){\n this.audio.play();\n // console.log('this.audio.duration ', parseInt( this.audio.duration))\n // if(typeof parseInt( this.audio.duration) !== NaN) {\n //\n // }\n // setTimeout(()=> {this.setState({play: false})}, this.duration)\n this.setState({play: true})\n } else {\n this.audio.pause();\n this.setState({play: false})\n }\n }\n setOpenStatus() {\n this.setState({errorAlertOther: !this.state.errorAlertOther})\n }\n render(){\n return (\n \n \n
\n \n
\n \n
\n \n
\n \n
\n {this.state.schoolData.address}\n
\n\n
\n \n
\n {this.state.schoolData.phoneNumber1}\n
\n\n
\n \n
\n {this.state.schoolData.phoneNumber2}\n
\n\n
\n \n
\n {this.state.schoolData.faxNumber}\n
\n\n
\n \n
\n {this.state.schoolData.webSiteAddress}\n
\n\n
\n \n
\n {this.state.schoolData.emailAddress}\n
\n { this.button = el; }} onClick={()=> this.handleClick()} className=\"playerContainerUpload d-flex align-items-center justify-content-center\">\n {\n this.state.play ?\n this.setOpenStatus()} /> : null}\n {this.state.errorAlertOther ? this.setOpenStatus()} /> : null}\n { this.audio = el; }}\n src={this.state.audioUrl && this.state.audioUrl} />\n
\n );\n }\n}\nexport default HomeworkVoice;\n","import React from 'react';\nimport './css/collapseButton.css';\nimport '../../css/public.css';\nimport ErrorAlert from \"./errorAlert\";\nimport attachDn from \"../../images/DownloadAttachment.png\";\nconst download = (name, urlDownload) => {\n fetch(urlDownload, {\n method: \"GET\",\n headers: {\n 'responseType': 'arraybuffer'\n }\n })\n .then(response => {\n response.arrayBuffer().then(function(buffer) {\n const url = window.URL.createObjectURL(new Blob([buffer]));\n const link = document.createElement(\"a\");\n link.href = url;\n link.setAttribute(\"download\", name); //or any other extension\n document.body.appendChild(link);\n link.click();\n });\n })\n .catch(err => {\n });\n};\n\nclass IconFileView extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n fileUrl: \"\",\n notFound: false,\n errorAlertModal: false,\n };\n this.audio = null;\n }\n componentWillMount() {\n this.getAudioUrl();\n }\n getAudioUrl() {\n let downloadUrl = '';\n if(this.props.uploadedAttach) {\n downloadUrl = 'https://api.modabberonline.com/api/pri/v1/classEventDones.getFileUrl';\n }\n else if(this.props.status) {\n downloadUrl = 'https://api.modabberonline.com/api/pri/v1/classEventDones.getTeacherAttachmentFileUrl';\n }\n else {\n downloadUrl = 'https://api.modabberonline.com/api/pri/v1/classEventsAttachments.getFileUrl';\n }\n fetch(downloadUrl, {\n method: 'POST',\n headers: {\n Accept: 'application/json',\n Authorization: `Bearer ${localStorage.getItem('token')}`,\n 'Content-Type': 'application/json',\n },\n body: this.props.item.attachmentId.toString(),\n })\n .then(response => {\n if(response.status === 200){\n return response.json()\n }\n else if(response.status === 204){\n this.setState({notFound: true})\n }\n }).then((responseJson) => {\n if(responseJson) {\n let url = responseJson.fileDownloadUrl;\n\n this.setState({fileUrl: url, notFound: false});\n }\n })\n .catch((error) => {\n console.log(error);\n this.setState({errorAlertModal: true, loading:false});\n });\n }\n render(){\n return (\n download(this.props.item.filename, this.state.fileUrl)}>\n 
\n
\n );\n }\n}\nexport default IconFileView;\n","import React from 'react';\nimport { Collapse } from 'react-collapse';\nimport { faPaperclip } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {AiOutlineCloudUpload} from 'react-icons/ai'\nimport {AiOutlineCamera} from 'react-icons/ai'\nimport {BiMicrophone} from 'react-icons/bi'\nimport {FaImages, FaTrash} from 'react-icons/fa'\nimport {FiFileText} from 'react-icons/fi'\nimport {TiMediaRecord} from 'react-icons/ti'\nimport {IoMdClose} from 'react-icons/io'\nimport {store} from \"../../config/configureStore\";\nimport {AiOutlineEye} from 'react-icons/ai'\n// import AudioReactRecorder, { RecordState } from 'audio-react-recorder'\nimport './css/collapseButton.css';\nimport '../../css/public.css';\nimport Loader from \"../loader\";\nimport LoaderPersent from \"../loaderPercent\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport {withStyles} from \"@material-ui/core/styles\";\nimport { mainColors } from '../../config/global';\nimport { css } from \"@emotion/core\";\nimport Checkbox from \"@material-ui/core/Checkbox\";\nimport Camera from 'react-html5-camera-photo';\nimport 'react-html5-camera-photo/build/css/index.css';\nimport Resizer from 'react-image-file-resizer';\nimport Axios from 'axios'\nimport {FaPlay, FaPause} from 'react-icons/fa'\nimport ErrorAlert from \"./errorAlert\";\nimport HomeworkVoice from \"./homeworkVoice\";\nimport IconFileView from \"./iconFileView\";\nimport ReactHtmlParser from \"react-html-parser\";\nimport {handleEmojiOnText} from \"../functions/publicFunctions\";\nconst audioType = 'audio/*';\nexport const url = 'https://api.modabberonline.com/api/pri/v1';\nAxios.defaults.baseURL = url;\nvar moment = require('jalali-moment');\nvar moment_jalaali = require('moment-jalaali');\nmoment.locale('fa');\nlet secondRef = null;\nlet minRef = null;\nconst GreenCheckbox = withStyles({\n root: {\n color: mainColors.mainColor,\n '&$checked': {\n color: mainColors.mainColor,\n },\n },\n checked: {},\n})(props => \n {\n this.props.attachments.length > 0 ?\n
\n this._downloadFile()} className=\"d-flex align-items-center justify-content-center actions mrLeftBtn\">\n
\n :\n null\n }\n {this.props.studentsAttachmentEnabled ?\n this.setState({isModalOpen: !this.state.isModalOpen})} className=\"mrRightBtn d-flex align-items-center justify-content-center actions\">\n
\n :\n null\n }\n \n {this.state.loading && this.setOpenStatus()} /> : null}\n {this.state.errorAlertOther ? this.setOpenStatus()} /> : null}\n {this.state.loadingPercent && }\n {\n this.state.cameraOpen ?\n
\n {\n this.handleTakePhoto(dataUri);\n }}\n idealResolution={{width: 640, height: 880}}\n />\n
: null\n }\n {\n this.state.success ?\n this.setState({cameraOpen: false})} className=\"close closeCollapseBtn\" aria-label=\"Close\">\n × \n
\n \n
: null\n }\n {\n this.state.empty ?\n \n
\n بارگذاری فایل با موفقیت انجام شد
\n\n this.setState({success: false})} className=\"rightAlign greenSpan\">بسیار خب\n
\n \n
: null\n }\n {\n this.state.notFound ?\n \n
\n لطفا ابتدا فایل مورد نظر را انتخاب کنید
\n\n this.setState({empty: false})} className=\"rightAlign greenSpan\">بسیار خب\n
\n \n
: null\n }\n {\n this.state.isModalOpen ?\n \n
\n فایل مورد نظر یافت نشد
\n\n this.setState({notFound: false})} className=\"rightAlign greenSpan\">بسیار خب\n
\n \n
\n
\n
\n بارگذاری ضمایم تکلیف
\n \n\n
\n
\n {this.props.courseTitle} {this.props.title && this.props.courseTitle ? '-' : ''} {this.props.title}\n
\n \n {ReactHtmlParser(this.replaceUrlWithHtmlLink(handleEmojiOnText(this.props.description)))}\n
\n \n {/*