- {markup}
\r\n
\r\n );\r\n};\r\n\r\nTable.defaultProps = {\r\n deleteButtonText: \"حذف (موارد انتخاب شده)\",\r\n deleteButtonClassName: \"btn btn-danger\",\r\n};\r\n\r\nTable.propTypes = {\r\n onMove: PropTypes.func,\r\n onDelete: PropTypes.func,\r\n transferDataToParent: PropTypes.func,\r\n take: PropTypes.number,\r\n currentPage: PropTypes.number,\r\n count: PropTypes.number,\r\n headers: PropTypes.array.isRequired,\r\n ids: PropTypes.array,\r\n rows: PropTypes.array.isRequired,\r\n buttons: PropTypes.oneOfType([\r\n PropTypes.arrayOf(PropTypes.element),\r\n PropTypes.element,\r\n ]),\r\n disablePagination: PropTypes.bool,\r\n deleteButtonText: PropTypes.string,\r\n deleteButtonClassName: PropTypes.string,\r\n};\r\n\r\nexport default Table;\r\n","import React from 'react';\r\n\r\nconst Loader = () => (\r\n {props.buttons}\r\n {props.onDelete ? (\r\n props.onDelete(state.ids)}\r\n disabled={state.ids.length < 1}\r\n type=\"button\"\r\n >\r\n {props.deleteButtonText}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n\r\n \r\n \r\n {thead()}\r\n {tbody()}\r\n \r\n
\r\n {props.disablePagination ? (\r\n \"\"\r\n ) : (\r\n )\r\n\r\nexport default Loader;","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport Table from '../_lib/table/table';\r\n\r\nimport { getAll, update } from '../../actions/a.compare';\r\n\r\nimport Loader from '../loader/loader';\r\n\r\nclass Compare extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.productGroupId = String(this.props.match.params.id).split(',');\r\n this.getLocalStorage = this.getLocalStorage.bind(this);\r\n this.setLocalStorage = this.setLocalStorage.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n var localStorage = this.getLocalStorage('_comparelist'),\r\n productsId = [];\r\n\r\n // get product ids from localStorage\r\n for (var i in localStorage) {\r\n let item = localStorage[i];\r\n\r\n if (typeof item === 'function') continue;\r\n\r\n for (var j = 0; j < this.productGroupId.length; j++) {\r\n if (+item.PGID === +this.productGroupId[j]) {\r\n productsId = productsId.concat(item.Products.map((x) => x.PID));\r\n }\r\n }\r\n }\r\n\r\n let data = {\r\n ProductsID: [...new Set(productsId)]\r\n }\r\n\r\n // ajax req to get data\r\n this.props.GetAll(data).done(() => {\r\n if (this.props.Products.length == 0) {\r\n window.parent.location.reload();\r\n return;\r\n }\r\n\r\n let $tr = $('table thead > tr:first-child');\r\n\r\n $tr.find('> th').each((i, el) => {\r\n let rect = $(el).width();\r\n $(el).css('width', rect);\r\n });\r\n\r\n $tr.css('width', $tr.width());\r\n\r\n if(document.body.getBoundingClientRect().width >= 1200){\r\n new Waypoint.Sticky({\r\n element: $tr[0],\r\n wrapper: false\r\n });\r\n }\r\n\r\n $('body').on('click', 'table thead i', (e) => {\r\n let $this = $(e.currentTarget),\r\n productGroupIds = String($this.data('group-id')).split(','),\r\n expireTime = 4.32e+7, //4.32e+7 milliseconds equals 12 hours\r\n clone,\r\n filtered;\r\n\r\n for (var i = 0; i < productGroupIds.length; i++) {\r\n\r\n clone = localStorage.filter((item) => item.PGID == productGroupIds[i])[0],\r\n filtered = localStorage.filter((item) => item.PGID != productGroupIds[i]);\r\n\r\n var idx = clone.Products.findIndex((item) => item.PID == $this.data('id'));\r\n clone.Products.splice(idx, 1);\r\n filtered.push(clone);\r\n this.setLocalStorage('_comparelist', filtered, expireTime);\r\n }\r\n\r\n this.props.Update(+$this.data('id'));\r\n\r\n if (this.props.Products.length === 0) window.parent.location.reload();\r\n });\r\n });\r\n }\r\n\r\n setLocalStorage(name, value, expiryTime) {\r\n const now = new Date();\r\n const item = {\r\n value: value,\r\n expiry: now.getTime() + expiryTime,\r\n };\r\n\r\n localStorage.setItem(name, JSON.stringify(item));\r\n };\r\n\r\n getLocalStorage(name) {\r\n const value = localStorage.getItem(name);\r\n if (!value) {\r\n return null\r\n }\r\n\r\n const item = JSON.parse(value);\r\n const now = new Date();\r\n if (now.getTime() > item.expiry) {\r\n localStorage.removeItem(name);\r\n return null;\r\n }\r\n return item.value\r\n };\r\n\r\n getAttrValue(productId, attrId) {\r\n\r\n let attrValue = '';\r\n for (var i in this.props.Attributes) {\r\n let cur = this.props.Attributes[i];\r\n\r\n if (typeof cur === 'function') continue;\r\n\r\n for (var j = 0; j < cur.length; j++) {\r\n\r\n if (cur[j].ProductID == productId && cur[j].AttrID == attrId) {\r\n\r\n if (attrValue != '') {\r\n attrValue += ' , ';\r\n }\r\n attrValue += cur[j].AttrValue.toString();\r\n }\r\n }\r\n }\r\n return attrValue;\r\n }\r\n\r\n\r\n getHeader() {\r\n let res = [];\r\n\r\n res.push({\r\n text: ''\r\n });\r\n for (let i = 0; i < this.props.Products.length; i++) {\r\n let item = this.props.Products[i];\r\n\r\n let html = ``;\r\n html += `
\r\n x.ID)}\r\n className=\"table table-striped table-bordered table-hover\"\r\n disablePagination={true}\r\n />\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = function (dispatch) {\r\n return {\r\n GetAll: (data) => dispatch(getAll(data)),\r\n Update: (productId) => dispatch(update(productId))\r\n }\r\n};\r\n\r\nconst mapStateToProps = function (state) {\r\n return {\r\n IsFetching: state.Compare.IsFetching,\r\n Products: state.Compare.Products,\r\n Attributes: state.Compare.Attributes\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Compare);","const sendHttpRequest = (url, method, data, contentType) => {\r\n ajaxLoader.show();\r\n\r\n // set up our HTTP request\r\n const req = new XMLHttpRequest();\r\n\r\n return new Promise((resolve, reject) => {\r\n req.open(method || 'GET', url);\r\n\r\n // set headers\r\n if (contentType) req.setRequestHeader('Content-Type', contentType);\r\n\r\n // send the request\r\n if (data) req.send(data);\r\n else req.send();\r\n\r\n // done!\r\n req.onload = () => {\r\n if (req.status === 200) {\r\n if (req.responseText.length > 0) resolve(JSON.parse(req.responseText));\r\n else resolve(req);\r\n }\r\n else {\r\n console.warn(req.status);\r\n\r\n console.log(req);\r\n notify.show({\r\n message: req.responseText || 'در هنگام انجام درخواست شما خطایی رخ داد، لطفا مجددا تلاش نمایید',\r\n type: 'error',\r\n autoClose: false\r\n });\r\n\r\n resolve(req);\r\n\r\n reject({\r\n status: req.status,\r\n statusText: req.statusText\r\n });\r\n }\r\n }\r\n\r\n // only triggers if the request couldn't be made at all\r\n req.onerror = () => {\r\n console.error(req.status);\r\n\r\n notify.show({ message: 'در هنگام انجام درخواست شما خطایی رخ داد، لطفا مجددا تلاش نمایید', type: 'error' });\r\n\r\n reject({\r\n status: req.status,\r\n statusText: req.statusText\r\n });\r\n };\r\n\r\n req.onreadystatechange = function () {\r\n // UNSENT: initial state\r\n if (req.readyState == 0) { }\r\n // OPENED: open called\r\n else if (req.readyState == 1) { }\r\n // HEADERS_RECEIVED: response headers received\r\n else if (req.readyState == 2) { }\r\n // LOADING: response is loading (a data packed is received)\r\n else if (req.readyState == 3) { }\r\n // DONE: request finished\r\n else if (req.readyState == 4) {\r\n ajaxLoader.hide();\r\n }\r\n };\r\n });\r\n}\r\n\r\nexport class http {\r\n static get(url, param) {\r\n return sendHttpRequest(typeof param === 'undefined' ? url : `${url}/${param}`);\r\n }\r\n\r\n static post(url, data) {\r\n return sendHttpRequest(url, 'POST', JSON.stringify(data), 'application/json');\r\n }\r\n\r\n static upload(url, data) {\r\n return sendHttpRequest(url, 'POST', data);\r\n }\r\n}\r\n\r\nexport class confirm {\r\n static show(fn, msg = 'آیا می خواهید ادامه دهید؟') {\r\n $.confirm({\r\n title: 'پیام سیستم!',\r\n content: msg,\r\n theme: 'supervan',\r\n rtl: true,\r\n buttons: {\r\n confirm: {\r\n text: 'تایید',\r\n action: () => fn()\r\n },\r\n cancel: {\r\n text: 'انصراف'\r\n }\r\n }\r\n });\r\n }\r\n}\r\n\r\nexport class notify {\r\n static show(options) {\r\n options = options || {\r\n message: 'درخواست شما با موفقیت انجام شد'\r\n };\r\n\r\n $.wiNotify(options);\r\n }\r\n}\r\n\r\nexport class helper {\r\n static toEnglishNumber(x) {\r\n let charCodeZero = '۰'.charCodeAt(0);\r\n return parseInt(x.replace(/[۰-۹]/g, w => w.charCodeAt(0) - charCodeZero)).toString();\r\n };\r\n\r\n static toFarsiNumber(x) {\r\n if (typeof x === 'undefined') return '';\r\n\r\n if (typeof x !== 'string') x = x.toString();\r\n\r\n let numbers = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹'];\r\n return x.replace(/[0-9]/g, w => numbers[+w]);\r\n };\r\n\r\n static toMoney(x) {\r\n if (typeof x === 'undefined') return '';\r\n\r\n let s = x.toString();\r\n if (s.length < 1) return x;\r\n return s.replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n }\r\n\r\n static log(msg, type) {\r\n if (typeof type === 'undefined') type = 'log';\r\n\r\n console[type]('--------------------------------');\r\n console[type](msg);\r\n console[type]('--------------------------------');\r\n }\r\n\r\n static toAlphabeticNumber(i) {\r\n if (i == 0) return 'صفر';\r\n if (i == 1) return 'یک';\r\n if (i == 2) return 'دو';\r\n if (i == 3) return 'سه';\r\n if (i == 4) return 'چهار';\r\n if (i == 5) return 'پنج';\r\n if (i == 6) return 'شش';\r\n if (i == 7) return 'هفت';\r\n if (i == 8) return 'هشت';\r\n if (i == 9) return 'نه';\r\n }\r\n\r\n static uuid() {\r\n let a, b;\r\n // ref: https://gist.github.com/LeverOne/1308368\r\n for (b = a = ''; a++ < 36; b += a * 51 & 52 ? (a ^ 15 ? 8 ^ Math.random() * (a ^ 20 ? 16 : 4) : 4).toString(16) : '');\r\n\r\n return '__' + b;\r\n }\r\n\r\n static decodeHtml(s) {\r\n let el = document.createElement('textarea');\r\n el.innerHTML = s;\r\n return el.value;\r\n }\r\n\r\n static format4ReactSelect(items, keyPropName, textPropName) {\r\n if (!items) return [];\r\n\r\n if (typeof items.length === \"undefined\") return { label: items[textPropName], value: items[keyPropName] };\r\n\r\n if (items.length === 0) return [];\r\n\r\n return items.map(x => ({ label: x[textPropName], value: x[keyPropName] }));\r\n }\r\n\r\n static getApiPath(controller, action) {\r\n return `/api/shop/${controller}/${action}`;\r\n }\r\n\r\n static toBase64(s) {\r\n return window.btoa(unescape(encodeURIComponent(s)));\r\n }\r\n\r\n static toExcel(table) {\r\n let template = '\r\n
\r\n ));\r\n }\r\n\r\n const getLayers = () => {\r\n return props.layers.map((x, i) => (\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n {x.Title}
\r\n \r\n {\r\n x.Status === 1\r\n ?
\r\n قیمت اصلی: {helper.toFarsiNumber(x.Price.toMoney())} تومان
\r\n : 'تمام شد'\r\n }\r\n \r\n {\r\n x.Status === 1\r\n ?
\r\n \r\n handlePlus(x.ProductID, x.CustomProductID)}>\r\n {state.stepMoreThanOne ?\r\n \r\n :\r\n handleChange(e, x.ProductID, x.CustomProductID)} />\r\n }\r\n\r\n handleMinus(x.ProductID, x.CustomProductID)}>\r\n
\r\n : ''\r\n }\r\n \r\n سطح {helper.toAlphabeticNumber(i + 1)} ({x.MinCount} - {x.MaxCount})\r\n
\r\n \r\n تخفیف {x.DiscountPercent != null ? `${x.DiscountPercent}%` : x.Discount != null ? `${x.Discount.toMoney()} تومان` : `ندارد`}\r\n
\r\n \r\n (خرید {x.PriceLayerUnitTitle})\r\n
\r\n \r\n
\r\n - {getLayers()}
{getProducts()}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {props.description != \"\" && props.description != null ?\r\n \r\n
\r\n \r\n
\r\n توضیحات محصول
\r\n \r\n
\r\n\r\n - \r\n {getExtraInfos()}\r\n
\r\n
: null}\r\n \r\n
\r\n \r\n
\r\n توضیحات کلی
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n تعداد کل
\r\n قیمت
\r\n تخفیف کل
\r\n قیمت قابل پرداخت
\r\n \r\n
\r\n \r\n
\r\n \r\n {helper.toFarsiNumber(getTotalQuantity())} عدد\r\n {getPriceText()}\r\n
\r\n 0 ? '' : ' hidden'}`}>\r\n {state.specialMessage}\r\n
\r\n \r\n {helper.toFarsiNumber(state.totalPrice.toMoney())} تومان\r\n
\r\n \r\n {helper.toFarsiNumber(state.totalDiscount.toMoney())} تومان\r\n
\r\n \r\n {helper.toFarsiNumber(state.payablePrice.toMoney())} تومان\r\n
\r\n \r\n
\r\n);\r\n\r\n}\r\n\r\nexport default CircleBox;","import React, { Component, Fragment, useState, useEffect } from \"react\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport Table from \"../_lib/table/table\";\r\nimport useDidMountEffect from \"../_lib/hooks/useDidMountEffect\";\r\nimport { getAll } from \"../../actions/a.user-scores\";\r\n\r\nimport Loader from \"../loader/loader\";\r\nimport CircleBox from \"../_lib/circle-box/circle-box\";\r\n\r\nconst UserScores = (props) => {\r\n const { arg } = props.match.params;\r\n\r\n const [state, setState] = useState({\r\n userId: arg,\r\n skip: 0,\r\n take: 15,\r\n currentPage: 1,\r\n });\r\n\r\n const getHeader = () => {\r\n let res = [];\r\n\r\n res.push(\r\n { text: \"ردیف\" },\r\n { text: \"تاریخ کسب امتیاز\" },\r\n { text: \"امتیاز\" },\r\n { text: \"شرح\" }\r\n );\r\n\r\n return res;\r\n };\r\n\r\n const onMove = (e, pageNum, skip) => {\r\n setState({ ...state, currentPage: pageNum, skip: skip });\r\n };\r\n\r\n const getReqParams = () => ({\r\n Skip: state.skip,\r\n Take: state.take,\r\n UserId: arg,\r\n });\r\n\r\n useDidMountEffect(() => props.GetAll(getReqParams()), [state.currentPage]);\r\n\r\n useEffect(() => {\r\n props.GetAll(getReqParams());\r\n }, []);\r\n\r\n const getRows = () => {\r\n if (!props.UserScoresInfo.UserScores) return [];\r\n\r\n let rows = [];\r\n\r\n for (let i = 0; i < props.UserScoresInfo.UserScores.length; i++) {\r\n let item = props.UserScoresInfo.UserScores[i],\r\n temp = [];\r\n\r\n temp.push(\"_index\");\r\n temp.push(item.PersianDateTime);\r\n temp.push(\r\n item.ScoreType == \"1\" ? (\r\n {title}
\r\n {body}
\r\n \r\n {item.Score}\r\n \r\n
\r\n ) : (\r\n \r\n {item.Score}\r\n \r\n
\r\n )\r\n );\r\n temp.push(item.Description);\r\n\r\n rows.push(temp);\r\n }\r\n\r\n return rows;\r\n };\r\n\r\n const { isFetching, UserScoresInfo, TotalCount } = props;\r\n if (isFetching) return \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n در این صفحه لیست امتیازات کسب شده تا کنون را\r\n می توانید مشاهده کنید. این امتیازات به صورت\r\n اتوماتیک توسط سیستم ثبت می شود.\r\n \r\n \r\n امتیاز مربوط به سفارشات زمانی به حساب شما\r\n منظور می شود که پرداخت موفق باشد.\r\n \r\n \r\n امتیاز مربوط به معرف زمانی که اولین خرید\r\n موفق توسط ایشان ثبت شود به حساب شما منظور\r\n خواهد شد.\r\n \r\n \r\n همچنین در صورت تائید نظر شما توسط مدیر\r\n امتیاز مربوط به ثبت نظر در محصول نیز برای\r\n شما ثبت خواهد شد.\r\n \r\n \r\n
\r\n راهنما
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n x.ID\r\n )\r\n : []\r\n }\r\n className=\"table table-striped table-bordered table-hover\"\r\n take={state.take}\r\n totalCount={TotalCount}\r\n currentPage={state.currentPage}\r\n onMove={onMove}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default Spin;","import React, { Fragment, useState, useEffect } from 'react';\r\nimport { withRouter, Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { getAll, remove, resetStore } from '../../actions/a.customer-file-upload';\r\n\r\nimport Table from '../_lib/table/table';\r\nimport Spin from '../_lib/spin/spin';\r\n\r\nconst CustomerFileList = (props) => {\r\n const { arg1, arg2 } = props.match.params;\r\n\r\n let unlisten,\r\n orderId = arg1,\r\n title = 'فایل های آپلود شده',\r\n headers = [\r\n { text: \"\", type: \"index\" },\r\n { text: \"\", type: \"checkbox\" },\r\n { text: '', style: { width: 130 } },\r\n { text: 'عنوان' },\r\n { text: 'نام فایل' },\r\n { text: 'آیتم سفارش' },\r\n ];\r\n\r\n const onDelete = (ids) => {\r\n props.remove(ids, () => props.getAll(orderId));\r\n }\r\n\r\n const makeRows = () => {\r\n if (!props.items) return [];\r\n\r\n let rows = [];\r\n\r\n for (let i = 0; i < props.items.length; i++) {\r\n let item = props.items[i],\r\n temp = [];\r\n\r\n temp.push(\"_index\");\r\n temp.push(`_checkbox:${item.ID}`);\r\n temp.push();\r\n temp.push(item.Title);\r\n temp.push(item.FileName);\r\n temp.push(item.ProductTitle);\r\n\r\n rows.push(temp);\r\n }\r\n\r\n return rows;\r\n }\r\n\r\n useEffect(() => {\r\n document.title = title;\r\n\r\n unlisten = props.history.listen(() => props.resetStore());\r\n\r\n props.getAll(orderId);\r\n\r\n return () => {\r\n unlisten();\r\n }\r\n }, []);\r\n\r\n const { isFetching } = props;\r\n if (isFetching) return
\r\n
\r\n\r\n \r\n
\r\n \r\n x.ID) : []}\r\n buttons={افزودن فایل جدید}\r\n />\r\n
\r\n \r\n \r\n input = el}\r\n type='text'\r\n value={value}\r\n name={name}\r\n {...rest}\r\n id={`txt${name}`}\r\n onChange={onChange} />\r\n {btns}\r\n
\r\n );\r\n};\r\n\r\nexport default Textbox;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst Textarea = (props) => {\r\n let { onChange, name, label, value, ...rest } = props;\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nTextarea.propTypes = {\r\n value: PropTypes.string.isRequired,\r\n label: PropTypes.string.isRequired,\r\n name: PropTypes.string.isRequired,\r\n onChange: PropTypes.func.isRequired\r\n};\r\n\r\nexport default Textarea;","import React, { useEffect } from 'react';\r\n\r\nexport default props => {\r\n let name = 'editor_' + props.id;\r\n\r\n useEffect(() => {\r\n console.log('useEffect');\r\n\r\n if (typeof window.CKEDITOR === 'undefined') {\r\n $('head').append($('', {\r\n src: '/DesktopModules/FaraShopDashboard/_MasterPage/ckeditor/ckeditor.js',\r\n async: true\r\n }));\r\n }\r\n\r\n // re-bind ckeditor\r\n CKEDITOR.replace(name, {});\r\n\r\n // register listener for custom events if any\r\n for (let e in props.events) CKEDITOR.instances[name].on(e, props.events[e]);\r\n\r\n }, []);\r\n\r\n return (\r\n {props.label}
\r\n \r\n this.container = el} className=\"file-upload\">\r\n {\r\n this.props.defaultValue.includes('data:image') || IMAGE_TYPES.includes(getFileExtension(this.props.defaultValue))\r\n ? ![]()
this.img = el} src={this.props.defaultValue} />\r\n : {this.props.fileName}\r\n }\r\n\r\n this.fileupload.click()} />\r\n \r\n\r\n this.fileupload = el}\r\n onChange={this.onChange} />\r\n
\r\n )\r\n }\r\n}\r\n\r\nFileUpload.defaultProps = {\r\n type: 'image'\r\n};\r\n\r\nFileUpload.propTypes = {\r\n defaultValue: PropTypes.string,\r\n type: PropTypes.oneOf(['image', 'file']),\r\n onDelete: PropTypes.func,\r\n onSelect: PropTypes.func\r\n};\r\n\r\nexport default FileUpload;\r\n","import React from 'react';\r\nimport DatePicker from \"react-multi-date-picker\"\r\nimport InputIcon from \"react-multi-date-picker/components/input_icon\"\r\nimport persian from \"react-date-object/calendars/persian\"\r\nimport persian_fa from \"react-date-object/locales/persian_fa\"\r\nimport \"react-multi-date-picker/styles/layouts/prime.css\"\r\nimport TimePicker from \"react-multi-date-picker/plugins/time_picker\";\r\n\r\n\r\nconst Datepicker = (props) => {\r\n const { format, value, name, label, onChange, onClear, locale, calendar, hasIcon, onOpenPickNewDate,timePickerPosition,timePicker, ...rest } = props\r\n \r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nDatepicker.defaultProps = {\r\n format:'YYYY/MM/DD',\r\n label: undefined,\r\n hasIcon: false,\r\n locale: persian_fa,\r\n calendar: persian,\r\n onOpenPickNewDate: false,\r\n timePicker : false,\r\n timePickerPosition : \"bottom\"\r\n};\r\n\r\nexport default Datepicker;","import React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { helper } from \"../../../util\";\r\n\r\nimport Select from \"react-select\";\r\nimport SelectAsync from \"react-select/async\";\r\nimport CreatableSelect from 'react-select/creatable';\r\n\r\nimport Textbox from \"../input/textbox\";\r\nimport Textarea from \"../input/textarea\";\r\nimport CKEditor from \"../input/ckeditor\";\r\nimport FileUpload from \"../file-upload/file-upload\";\r\nimport Datepicker from '../datepicker/datepicker';\r\n\r\nclass Form extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleDeleteImage = this.handleDeleteImage.bind(this);\r\n this.handleSelectImage = this.handleSelectImage.bind(this);\r\n this.changeSubmitText = this.changeSubmitText.bind(this);\r\n this.updateState = this.updateState.bind(this);\r\n\r\n this.state = {\r\n isSubmiting: false,\r\n SubmitText: null\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n $(this.form).checkify({\r\n message: {\r\n position: \"right\",\r\n required: \"پر کردن این فیلد الزامی است.\",\r\n email: \"فرمت اطلاعات وارد شده صحیح نیست.\",\r\n regex: \"فرمت اطلاعات وارد شده صحیح نیست.\",\r\n between: \"فرمت اطلاعات وارد شده صحیح نیست.\",\r\n number: \"در این فیلد فقط می توانید عدد وارد کنید.\",\r\n maxlen: \"بیشترین تعداد کاراکتر مجاز {count} است.\",\r\n minlen: \"کمترین تعداد کاراکتر مجاز {count} است.\",\r\n },\r\n onValid: (e) => {\r\n e.preventDefault();\r\n\r\n let formData = new FormData(),\r\n obj = this.props.additionalPostData || {},\r\n isValid = true;\r\n\r\n for (let i = 0; i < this.props.rows.length; i++) {\r\n let cols = this.props.rows[i].cols;\r\n\r\n for (let j = 0; j < cols.length; j++) {\r\n let items = cols[j].items;\r\n\r\n for (var k = 0; k < items.length; k++) {\r\n let item = items[k];\r\n\r\n if (item.type === 'image' || item.type === \"file\") {\r\n let visibility;\r\n if (item.dependOn) {\r\n visibility =\r\n typeof this.state[item.dependOn.name] === \"object\"\r\n ? (this.state[item.dependOn.value] == null\r\n ? item.dependOn.length > 0\r\n : item.dependOn.value\r\n .split(\",\")\r\n .indexOf(this.state[item.dependOn.name].value.toString()) != -1)\r\n : item.dependOn.value\r\n .split(\",\")\r\n .indexOf(this.state[item.dependOn.name].toString()) != -1;\r\n\r\n } else visibility = true;\r\n\r\n if (\r\n visibility &&\r\n item.required &&\r\n this.state[item.name].length === 0 &&\r\n !this.state.file &&\r\n this.state.fileName.length === 0\r\n ) {\r\n isValid = false;\r\n break;\r\n }\r\n\r\n if (this.state.file) {\r\n formData.append(\r\n \"File\",\r\n new Blob([this.state.file], { type: \"application/octet-stream\" }),\r\n this.state.fileName\r\n );\r\n } else {\r\n if (typeof (this.state.fileName) !== \"string\")\r\n obj[this.toPascalCase(item.name)] = item.defaultValue\r\n else\r\n obj[this.toPascalCase(item.name)] = this.state.fileName\r\n };\r\n } else if (item.type === \"select\") {\r\n obj[this.toPascalCase(item.name)] = item.isMulti\r\n ? this.state[item.name] != null\r\n ? this.state[item.name].map((x) => x.value)\r\n : []\r\n : this.state[item.name] != null\r\n ? this.state[item.name].value\r\n : ''\r\n } else obj[this.toPascalCase(item.name)] = this.state[item.name];\r\n }\r\n }\r\n }\r\n\r\n formData.append(\"Data\", new Blob([JSON.stringify(obj)], { type: \"application/json\" }));\r\n\r\n if (isValid) {\r\n this.setState({ isSubmiting: true });\r\n if (this.props.submitType == \"FormData\")\r\n this.props.onSubmit(formData);\r\n else\r\n this.props.onSubmit(obj);\r\n } else {\r\n this.props.onInvalid();\r\n }\r\n },\r\n onError: () => console.error(this.state),\r\n });\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n for (let i = 0; i < this.props.rows.length; i++) {\r\n let cols = this.props.rows[i].cols;\r\n\r\n for (let j = 0; j < cols.length; j++) {\r\n let items = cols[j].items;\r\n\r\n for (var k = 0; k < items.length; k++)\r\n this.setState({ [items[k].name]: items[k].defaultValue });\r\n }\r\n }\r\n }\r\n\r\n updateState(name, value) {\r\n this.setState({ [name]: value });\r\n }\r\n\r\n toPascalCase(text) {\r\n if ($.isNumeric(text))\r\n return text;\r\n\r\n let x = text.replace(/([A-Z])/g, \"$1\");\r\n return x.charAt(0).toUpperCase() + x.slice(1);\r\n }\r\n\r\n generate() {\r\n let output = [];\r\n\r\n for (let i = 0; i < this.props.rows.length; i++) {\r\n let row = this.props.rows[i],\r\n cols = row.cols.map((col, colIndex) => (\r\n \r\n \r\n
\r\n \r\n {col.items.map((item, i) => {\r\n let visibility;\r\n if (item.dependOn) {\r\n visibility =\r\n typeof this.state[item.dependOn.name] === \"object\"\r\n ? (this.state[item.dependOn.value] == null\r\n ? item.dependOn.length > 0\r\n : item.dependOn.value\r\n .split(\",\")\r\n .indexOf(this.state[item.dependOn.name].value.toString()) != -1)\r\n : item.dependOn.value\r\n .split(\",\")\r\n .indexOf(this.state[item.dependOn.name].toString()) != -1;\r\n\r\n // this.setState({ [item.name]: null })\r\n } else visibility = true;\r\n\r\n return visibility ? (\r\n
\r\n ));\r\n\r\n if (!row.type || row.type === \"row\")\r\n output.push(\r\n \r\n {this.getControl(item)}\r\n
\r\n ) : (\r\n \r\n );\r\n })}\r\n \r\n {cols}\r\n
\r\n );\r\n else if (row.type === \"fieldset\") {\r\n output.push(\r\n \r\n );\r\n }\r\n }\r\n\r\n return output;\r\n }\r\n\r\n isNumeric(attr) {\r\n return (attr && attr[\"data-checkify\"]) ? attr[\"data-checkify\"].indexOf(\"number\") > -1 : false;\r\n }\r\n\r\n getControl(item) {\r\n if (item.type === \"textbox\") {\r\n return (\r\n \r\n 0\r\n ? this.state[item.name][0].value\r\n : \"\"\r\n : this.state[item.name]\r\n ? this.state[item.name].value\r\n : \"\"\r\n }\r\n data-checkify=\"required\"\r\n onChange={() => console.log(1)}\r\n />\r\n ) : (\r\n \"\"\r\n )}\r\n \"لطفا منتظر باشید ...\"}\r\n placeholder=\"...\"\r\n noOptionsMessage={() => \"داده ای جهت نمایش وجود ندارد\"}\r\n classNamePrefix=\"farashop-select\"\r\n onChange={(selected, _) => {\r\n if (typeof item.onChange === \"function\") item.onChange(selected);\r\n\r\n this.setState({ [item.name]: selected })\r\n }}\r\n loadOptions={item.fetch}\r\n />\r\n
\r\n );\r\n }\r\n\r\n if (item.creatable) {\r\n return (\r\n \r\n {item.label + (item.required ? \" (الزامی)\" : \"\")}\r\n
\r\n {item.required ? (\r\n\r\n 0 ? this.state[item.name][0].value : ''\r\n : this.state[item.name] ? this.state[item.name].value : ''\r\n }\r\n data-checkify=\"required\"\r\n onChange={() => console.log(1)}\r\n /> : ''}\r\n 'لطفا منتظر باشید ...'}\r\n placeholder='...'\r\n noOptionsMessage={() => 'داده ای جهت نمایش وجود ندارد'}\r\n classNamePrefix='farashop-select'\r\n onChange={(selected, _) => this.setState({ [item.name]: selected })}\r\n loadOptions={item.fetch}\r\n />\r\n
\r\n );\r\n }\r\n\r\n return (\r\n {item.label + (item.required ? \" (الزامی)\" : \"\")}
\r\n {item.required\r\n ?\r\n 0\r\n ? this.state[item.name][0].value\r\n : \"\"\r\n : this.state[item.name]\r\n ? this.state[item.name].value\r\n : \"\"\r\n }\r\n data-checkify=\"required\"\r\n onChange={() => console.log(1)}\r\n />\r\n ) : (\r\n \"\"\r\n )}\r\n \"لطفا منتظر باشید \"}\r\n placeholder=\"...\"\r\n noOptionsMessage={() => \"داده ای جهت نمایش وجود ندارد\"}\r\n classNamePrefix=\"farashop-select\"\r\n onChange={(selected, _) => {\r\n if (_.action == \"remove-value\") item.defaultValue = \"\";\r\n if (_.action == \"clear\") item.defaultValue = \"\";\r\n\r\n if (typeof item.onChange === \"function\") item.onChange(selected);\r\n\r\n this.setState({ [item.name]: selected });\r\n }}\r\n />\r\n
\r\n );\r\n }\r\n\r\n if (item.type === \"editor\") {\r\n return (\r\n {item.label + (item.required ? \" (الزامی)\" : \"\")}
\r\n {item.required ? (\r\n\r\n this.setState({ [item.name]: e.target.checked })}\r\n className=\"dashboard__custom-checkbox custom-checkbox__with-text\"\r\n {...item.attr}\r\n />\r\n \r\n
\r\n );\r\n }\r\n\r\n if (item.type === \"radio-list\") {\r\n return (\r\n - \r\n
- {item.label} \r\n {item.items.map((x, i) => {\r\n return (\r\n
- \r\n
\r\n {item.required ? (\r\n console.log(1)}\r\n />\r\n ) : (\r\n \"\"\r\n )}\r\n this.setState({ [item.name]: date })}\r\n onClear={() => this.setState({ [item.name]: '' })}\r\n />\r\n
\r\n );\r\n }\r\n\r\n if (item.type === \"radio-image-list\") {\r\n if (typeof item.items === \"undefined\") return ;\r\n return (\r\n - \r\n
- \r\n
- \r\n
\r\n
\r\n );\r\n })}\r\n
\r\n
\r\n \r\n\r\n
\r\n - \r\n
- \r\n \r\n بازگشت به لیست\r\n \r\n \r\n