- {markup}
- '),\r\n $newRow = $('
- \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 }\r\n\r\n const getExtraInfos = () => {\r\n return props.extraInfo.length === 0\r\n ? ''\r\n : props.extraInfo.map((x, i) => {\r\n return (\r\n
- \r\n هر {x.PriceLayerUnitTitle} {x.PriceLayerGroupTitle} محتوی {x.Ratio} {props.Unit} {x.PriceLayerGroupTitle} است.\r\n \r\n );\r\n });\r\n }\r\n\r\n const getTotalQuantity = (list) => {\r\n let x = list\r\n ? list\r\n .map(x => x.quantity)\r\n .reduce((accumulator, currentValue) => accumulator + currentValue)\r\n : state.list.length === 0\r\n ? 0\r\n : state.list\r\n .map(x => x.quantity)\r\n .reduce((accumulator, currentValue) => accumulator + currentValue);\r\n\r\n return x;\r\n }\r\n\r\n const handleChange = (e, pId, cpId) => {\r\n let list = Object.assign([], state.list);\r\n\r\n if (cpId > 0) {\r\n let i = list.findIndex(x => x.customProductId == cpId),\r\n item = props.products.filter(x => x.CustomProductID === cpId)[0],\r\n quantity = +(e.target.value);\r\n\r\n if (quantity > item.StockCount) {\r\n quantity = item.StockCount;\r\n alert.show('تعداد درخواستی شما از موجودی محصول بیشتر است.');\r\n }\r\n\r\n if (i < 0) list.push({ customProductId: cpId, quantity });\r\n else list[i].quantity = quantity;\r\n } else {\r\n let i = list.findIndex(x => x.productId == pId),\r\n item = props.products.filter(x => x.ProductID === pId)[0],\r\n quantity = +(e.target.value);\r\n\r\n if (quantity > item.StockCount) {\r\n quantity = item.StockCount;\r\n alert.show('تعداد درخواستی شما از موجودی محصول بیشتر است.');\r\n }\r\n\r\n if (i < 0) list.push({ productId: pId, quantity });\r\n else list[i].quantity = quantity;\r\n }\r\n\r\n compute(list);\r\n }\r\n\r\n const handlePlus = (pId, cpId) => {\r\n let list = Object.assign([], state.list),\r\n stepIncrement = props.layers[state.activeTabIndex].StepIncrement,\r\n totalQuantity = list.length > 0 ? getTotalQuantity(list) : 0;\r\n\r\n if ((totalQuantity + stepIncrement) >= props.layers[props.layers.length - 1].MaxCount) return;\r\n\r\n if (cpId > 0) {\r\n let i = list.findIndex(x => x.customProductId == cpId),\r\n item = props.products.filter(x => x.CustomProductID === cpId)[0],\r\n quantity = i < 0 ? 0 : list[i].quantity;\r\n\r\n quantity += stepIncrement;\r\n\r\n if (quantity > item.StockCount) {\r\n quantity -= stepIncrement;\r\n alert.show('تعداد درخواستی شما از موجودی محصول بیشتر است.');\r\n }\r\n\r\n if (i < 0) list.push({ customProductId: cpId, quantity });\r\n else list[i].quantity = quantity;\r\n } else {\r\n let i = list.findIndex(x => x.productId == pId),\r\n item = props.products.filter(x => x.ProductID === pId)[0],\r\n quantity = i < 0 ? 0 : list[i].quantity;\r\n\r\n quantity += stepIncrement;\r\n\r\n if (quantity > item.StockCount) {\r\n quantity -= stepIncrement;\r\n alert.show('تعداد درخواستی شما از موجودی محصول بیشتر است.');\r\n }\r\n\r\n if (i < 0) list.push({ productId: pId, quantity });\r\n else list[i].quantity = quantity;\r\n }\r\n\r\n compute(list);\r\n }\r\n\r\n const handleMinus = (pId, cpId) => {\r\n let list = Object.assign([], state.list),\r\n stepIncrement = props.layers[state.activeTabIndex].StepIncrement;\r\n\r\n let totalQuantity = list.length > 0 ? getTotalQuantity(list) : 0;\r\n\r\n if ((totalQuantity - props.layers[state.activeTabIndex].StepIncrement < props.layers[state.activeTabIndex].MinCount) && (state.activeTabIndex - 1 >= 0))\r\n stepIncrement = props.layers[state.activeTabIndex - 1].StepIncrement;\r\n\r\n if (cpId > 0) {\r\n let i = list.findIndex(x => x.customProductId == cpId);\r\n\r\n if (i < 0) return;\r\n\r\n let quantity = list[i].quantity;\r\n\r\n quantity -= stepIncrement;\r\n\r\n if (quantity < 0) quantity = 0;\r\n\r\n list[i].quantity = quantity;\r\n } else {\r\n let i = list.findIndex(x => x.productId == pId);\r\n\r\n if (i < 0) return;\r\n\r\n let quantity = list[i].quantity;\r\n\r\n quantity -= stepIncrement;\r\n\r\n if (quantity < 0) quantity = 0;\r\n\r\n list[i].quantity = quantity;\r\n }\r\n\r\n compute(list);\r\n }\r\n\r\n const handleClick = () => {\r\n let cart = state.list.map(x => ({ ProductID: x.productId, Quantity: x.quantity, CustomProductID: x.customProductId })),\r\n mode = __.cookie.exists(cookieName) ? 'update' : 'create';\r\n\r\n http.post(helper.getApiPath('pricelayer', 'add2cart'), cart).then((res) => {\r\n if (mode === 'create') __.cookie.setCookie(cookieName, res[0].CartId, cookieExp, cookiePath);\r\n\r\n notify.show({\r\n message: 'سبد خرید بروز رسانی شد.',\r\n duration: 2000\r\n });\r\n\r\n window.parent.location.href = '/محصول/' + props.match.params.arg1;\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n let cookie = Cookies.get('CartID');\r\n\r\n props.getAll({\r\n ProductID: props.match.params.arg1,\r\n PriceLayerGroupID: props.match.params.arg2,\r\n BasketGUID: cookie || ''\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n console.info('second useEffect');\r\n\r\n if (props.basketContent && props.basketContent.length > 0) {\r\n let list = props.basketContent.map(x => ({ productId: x.ProductID, customProductId: x.CustomProductID, quantity: x.Quantity }));\r\n\r\n compute(list);\r\n }\r\n }, [props.basketContent.length]);\r\n\r\n useEffect(() => {\r\n if (props.layers && props.layers.length > 0)\r\n setState({ ...state, stepMoreThanOne: props.layers.filter((layer) => layer.StepIncrement > 1).length > 0 })\r\n }, [props.layers]);\r\n\r\n const { isFetching } = props;\r\n if (isFetching) return
- {item.label} \r\n {item.items.map((x, i) => {\r\n return (\r\n
- \r\n
- \r\n
- \r\n
\r\n
\r\n );\r\n })}\r\n - \r\n \r\n بازگشت به لیست\r\n \r\n \r\n
- \r\n \r\n بازگشت به لیست\r\n \r\n \r\n
- \r\n در این صفحه لیست امتیازات کسب شده تا کنون را\r\n می توانید مشاهده کنید. این امتیازات به صورت\r\n اتوماتیک توسط سیستم ثبت می شود.\r\n \r\n
- \r\n امتیاز مربوط به سفارشات زمانی به حساب شما\r\n منظور می شود که پرداخت موفق باشد.\r\n \r\n
- \r\n امتیاز مربوط به معرف زمانی که اولین خرید\r\n موفق توسط ایشان ثبت شود به حساب شما منظور\r\n خواهد شد.\r\n \r\n
- \r\n همچنین در صورت تائید نظر شما توسط مدیر\r\n امتیاز مربوط به ثبت نظر در محصول نیز برای\r\n شما ثبت خواهد شد.\r\n \r\n \r\n
\r\n
\r\n );\r\n});\r\n\r\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 $(el).width($(el).width())\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 formatFromReactSelect(items, keyPropName, textPropName) {\r\n if (!items) return [];\r\n\r\n if (typeof items.length === \"undefined\") return { [textPropName]: items.label, [keyPropName]: items.value };\r\n\r\n if (items.length === 0) return [];\r\n\r\n return items.map(x => ({ [textPropName]: x.label, [keyPropName]: x.value }));\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
\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\nexport default Spin;","import React, { useEffect, useRef } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { helper } from \"../../util\";\r\nimport { getUserProfileTabs } from \"../../actions/a.profile\";\r\nimport Spin from \"../_lib/spin/spin\";\r\n\r\nconst MenuCardList = ({ handleMenuAndContent }) => {\r\n const menuCardListRef = useRef();\r\n const dispatch = useDispatch();\r\n const { userProfileTabs, userId } = useSelector(state => state.Profile);\r\n const { sharedResources, culture } = useSelector(state => state.Resources);\r\n\r\n let menuCardList = userProfileTabs.map((tab) => {\r\n let linkTo = tab.URL;\r\n if (linkTo.includes(\"(userId)\")) linkTo = tab.URL.replace(\"(userId)\", userId)\r\n return {\r\n linkTo: linkTo,\r\n title: helper.translate(tab.Title, sharedResources, culture),\r\n name: tab.Title,\r\n icon: \"/images/FaraShop/profile/\" + tab.Icon,\r\n visible: tab.Visible\r\n }\r\n })\r\n\r\n useEffect(() => {\r\n if (userId != null)\r\n dispatch(getUserProfileTabs(userId))\r\n }, [dispatch, userId])\r\n\r\n if (!menuCardList || menuCardList.length == 0 || !sharedResources || sharedResources.length == 0) return (\r\n
\r\n
\r\n )\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default MenuCardList;","import React, { useRef, useState, useEffect } from \"react\"\r\nimport { Switch, useRouteMatch } from \"react-router-dom\"\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { getSharedResources } from '../../actions/a.resources';\r\nimport { setUserId } from '../../actions/a.profile';\r\nimport { helper } from \"../../util\";\r\nimport RoutesComponent from \"../../routes/routes\"\r\nimport MenuCardList from \"./menu-card-list\"\r\n\r\nconst Profile = () => {\r\n const dispatch = useDispatch();\r\n const contentRef = useRef();\r\n let { path } = useRouteMatch();\r\n\r\n // Extract userId from the URL\r\n const userId = window.location.pathname.split('/')[3];\r\n\r\n const { sharedResources, culture } = useSelector(state => state.Resources)\r\n const [menuCardListVisible, setMenuCardListVisible] = useState(true); // for mobile viewport\r\n const [contentVisible, setcontentVisible] = useState(false); // for mobile viewport\r\n\r\n const handleMenuAndContent = (isMenuVisible, isContentVisible) => {\r\n if (window.visualViewport.width < 1200) {\r\n setMenuCardListVisible(isMenuVisible)\r\n setcontentVisible(isContentVisible)\r\n } else {\r\n document.querySelector(\".user-dashboard .content\").scrollIntoView({ behavior: \"smooth\", block: \"start\", inline: \"nearest\" });\r\n }\r\n }\r\n\r\n const renderMenuCardList = () => {\r\n if (window.visualViewport.width >= 1200)\r\n return \r\n {menuCardList.map(({ title, linkTo, icon, visible }, idx) => {\r\n if (visible)\r\n return (\r\n handleMenuAndContent(false, true)}\r\n >\r\n 
\r\n {title}\r\n \r\n )\r\n })}\r\n \r\n ![\"exit\"](\"/images/FaraShop/profile/exit.png\" "\\"exit\\"")
\r\n {helper.translate(\"Exit\", sharedResources, culture)}\r\n \r\n
\r\n \r\n {helper.translate(\"Exit\", sharedResources, culture)}\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n else {\r\n if (contentVisible)\r\n return (\r\n \r\n handleMenuAndContent(true, false)}\r\n >\r\n {helper.translate(\"Return\", sharedResources, culture)}\r\n
\r\n \r\n {renderMenuCardList()}\r\n {renderContent()}\r\n
\r\n )\r\n}\r\n\r\nexport default Profile;","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
\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\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 hideSeconds: true,\r\n timePicker: false,\r\n timePickerPosition: \"bottom\"\r\n};\r\n\r\nexport default Datepicker;","export const PaymentStatus = {\r\n Pending: 0,\r\n Successful: 1,\r\n Failed: 2,\r\n DownPayment: 3\r\n}\r\n\r\nexport const InstallmentPaymentStatus = {\r\n Pending: 0,\r\n Successful: 1,\r\n Failed: 2\r\n}\r\n\r\nexport const OrderStatus = {\r\n Pending: 0,\r\n Approved: 1,\r\n Sent: 2,\r\n Delivered: 3,\r\n ProformaInvoice: 4,\r\n InComplete: 5,\r\n InSendQueue: 6,\r\n Canceled: 255,\r\n}","import React, { useEffect, useState } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { useHistory, useParams } from 'react-router';\r\nimport { Link } from 'react-router-dom';\r\nimport useDidMountEffect from '../_lib/hooks/useDidMountEffect';\r\nimport { getAll, resetStore } from '../../actions/a.order-installment';\r\nimport Spin from '../_lib/spin/spin';\r\nimport Table from '../_lib/table/table';\r\nimport Textbox from '../_lib/input/textbox';\r\nimport Select from 'react-select';\r\nimport Datepicker from \"../_lib/datepicker/new-datepicker\";\r\nimport { helper, http } from '../../util';\r\nimport { InstallmentPaymentStatus } from '../../static-data';\r\n\r\nconst OrderInstallmentList = () => {\r\n const { arg2 } = useParams();\r\n const [state, setState] = useState({\r\n skip: 0,\r\n take: 25,\r\n trackingCode: '',\r\n status: '',\r\n paymentStatus: '',\r\n startDate: '',\r\n endDate: '',\r\n currentPage: 1\r\n });\r\n\r\n const { items, statuses, paymentStatuses, totalCount, isFetching } = useSelector(state => state.OrderInstallment);\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n\r\n let unlisten,\r\n title = 'لیست اقساط',\r\n formattedStatuses = helper.format4ReactSelect(statuses, 'EnumValue', 'Value'),\r\n formattedPaymentStatuses = helper.format4ReactSelect(paymentStatuses, 'EnumValue', 'Value'),\r\n headers = [\r\n { text: \"\", type: \"index\" },\r\n { text: '', style: { width: 150 } },\r\n { text: 'شماره سفارش' },\r\n { text: 'کد رهگیری' },\r\n { text: 'مبلغ قسط (ریال)', style: { width: 140 } },\r\n { text: 'تاریخ سررسید', style: { width: 140 } },\r\n { text: 'وضعیت' },\r\n { text: 'وضعیت پرداخت', style: { width: 140 } }\r\n ];\r\n\r\n const getStatus = (status) => status != null ? formattedStatuses.filter(x => x.value === status)[0] : '';\r\n const getPaymentStatus = (paymentStatus) => paymentStatus != null ? formattedPaymentStatuses.filter(x => x.value === paymentStatus)[0] : '';\r\n\r\n const getReqParams = () => ({\r\n Skip: state.skip,\r\n Take: state.take,\r\n UserID: arg2,\r\n TrackingCode: state.trackingCode,\r\n Status: state.status,\r\n PaymentStatus: state.paymentStatus,\r\n StartDate: state.startDate,\r\n EndDate: state.endDate\r\n });\r\n\r\n const makeRows = () => {\r\n if (!items) return [];\r\n\r\n let rows = [];\r\n\r\n for (let i = 0; i < items.length; i++) {\r\n let item = items[i],\r\n temp = [];\r\n temp.push(\"_index\");\r\n temp.push(\r\n \r\n \r\n ]}\r\n {...rest}\r\n />\r\n {value && }\r\n
\r\n \r\n اطلاعات پرداخت\r\n\r\n {item.PaymentStatus != InstallmentPaymentStatus.Successful &&\r\n پرداخت\r\n }\r\n
);\r\n temp.push(item.OrderID);\r\n temp.push(item.TrackingCode);\r\n temp.push(helper.toMoney(item.InstallmentCost));\r\n temp.push(item.FormattedDueDate);\r\n temp.push(item.StatusTitle);\r\n temp.push(item.PaymentStatusTitle);\r\n\r\n rows.push(temp);\r\n }\r\n return rows;\r\n }\r\n\r\n const onMove = (e, pageNum, skip) => {\r\n setState(ps => ({ ...ps, currentPage: pageNum, skip: skip }));\r\n };\r\n\r\n const onSearch = e => {\r\n if (state.currentPage != 1)\r\n setState({\r\n ...state,\r\n skip: 0,\r\n currentPage: 1\r\n });\r\n else\r\n dispatch(getAll(getReqParams()));\r\n }\r\n\r\n useDidMountEffect(() => {\r\n dispatch(getAll(getReqParams()));\r\n }, [state.currentPage]);\r\n\r\n useEffect(() => {\r\n unlisten = history.listen(() => dispatch(resetStore()));\r\n\r\n dispatch(getAll(getReqParams()));\r\n\r\n return () => {\r\n unlisten();\r\n };\r\n }, []);\r\n\r\n if (isFetching) return \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default OrderInstallmentList;","import React, { useEffect } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useHistory, useParams } from \"react-router\";\r\nimport { get, remove, resetStore } from \"../../actions/a.order-installment\";\r\nimport Form from \"../_lib/form/form\";\r\nimport Table from '../_lib/table/table';\r\nimport Spin from \"../_lib/spin/spin\";\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst OrderInstallmentForm = () => {\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const { arg1, arg2 } = useParams();\r\n const { isFetching, transactions, item } = useSelector(state => state.OrderInstallment);\r\n\r\n let unlisten,\r\n id = +(arg1 || '-1'),\r\n userId = arg2,\r\n backLink = `/profile/order-installment/list/${userId}`,\r\n title = 'اطلاعات پرداخت',\r\n headers = [\r\n { text: \"\", type: \"index\" },\r\n { text: \"\", type: \"checkbox\" },\r\n { text: 'چهار شماره آخر کارت' },\r\n { text: 'کد رهگیری/فیش واریزی' },\r\n { text: 'مبلغ پرداخت شده (ریال)' },\r\n { text: 'تاریخ پرداخت', style: { width: 140 } },\r\n ];\r\n\r\n useEffect(() => {\r\n document.title = title;\r\n\r\n unlisten = history.listen(() => dispatch(resetStore()));\r\n\r\n dispatch(get(id));\r\n\r\n return () => {\r\n unlisten();\r\n }\r\n }, []);\r\n\r\n const getFormRows = () => {\r\n let orderId = item.OrderID,\r\n trackingCode = item.TrackingCode,\r\n formattedInstallmentCost = item.FormattedInstallmentCost,\r\n formattedDueDate = item.FormattedDueDate,\r\n statusTitle = item.StatusTitle,\r\n paymentStatusTitle = item.PaymentStatusTitle,\r\n descriptions = item.Descriptions,\r\n rows = [],\r\n cols = [];\r\n\r\n cols.push({\r\n className: 'col-sm-3',\r\n items: [\r\n { type: 'textbox', name: 'orderId', label: 'شماره سفارش', defaultValue: orderId, attr: { 'disabled': true } }\r\n ]\r\n });\r\n\r\n cols.push({\r\n className: 'col-sm-3',\r\n items: [\r\n {\r\n type: 'textbox', name: 'trackingCode', label: 'کد رهگیری', defaultValue: trackingCode, attr: { 'disabled': true }\r\n }\r\n ]\r\n });\r\n\r\n cols.push({\r\n className: 'col-sm-3',\r\n items: [\r\n {\r\n type: 'textbox', name: 'installmentCost', label: 'مبلغ قسط (ریال)', defaultValue: formattedInstallmentCost, attr: { 'disabled': true }\r\n }\r\n ]\r\n });\r\n\r\n cols.push({\r\n className: 'col-sm-3',\r\n items: [\r\n {\r\n type: 'textbox', name: 'dueDate', label: 'تاریخ سررسید', defaultValue: formattedDueDate, attr: { 'disabled': true }\r\n }\r\n ]\r\n });\r\n\r\n // cols.push({\r\n // className: 'col-sm-3',\r\n // items: [\r\n // {\r\n // type: 'textbox', name: 'status', label: 'وضعیت', defaultValue: statusTitle, attr: { 'disabled': true }\r\n // },\r\n // ]\r\n // });\r\n\r\n cols.push({\r\n className: 'col-sm-3',\r\n items: [\r\n {\r\n type: 'textbox', name: 'status', label: 'وضعیت', defaultValue: statusTitle, attr: { 'disabled': true }\r\n },\r\n {\r\n type: 'textbox', name: 'paymentStatus', label: 'وضعیت پرداخت', defaultValue: paymentStatusTitle, attr: { 'disabled': true }\r\n }\r\n ]\r\n });\r\n\r\n cols.push({\r\n className: 'col-sm-9',\r\n items: [\r\n {\r\n type: 'textarea', name: 'descriptions', label: 'توضیحات', defaultValue: descriptions, attr: { 'disabled': true, 'rows': 4 }\r\n }\r\n ]\r\n });\r\n\r\n rows.push({ cols });\r\n cols = [];\r\n\r\n return rows;\r\n }\r\n\r\n const makeRows = () => {\r\n if (!transactions) return [];\r\n\r\n let rows = [];\r\n\r\n for (let i = 0; i < transactions.length; i++) {\r\n let item = transactions[i],\r\n temp = [];\r\n\r\n temp.push(\"_index\");\r\n temp.push(`_checkbox:${item.ID}`);\r\n temp.push(item.LastFourCardNumber || '------');\r\n temp.push(item.FishNumber || '------');\r\n temp.push(item.FormattedPaidPrice);\r\n temp.push(item.FormattedPaymentDate);\r\n\r\n rows.push(temp);\r\n }\r\n\r\n return rows;\r\n }\r\n\r\n const onDelete = (ids) => {\r\n dispatch(remove(ids, () => dispatch(get(id))));\r\n }\r\n\r\n if (isFetching) return \r\n
\r\n \r\n setState({ ...state, trackingCode: e.target.value })} />\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 == \"clear\")\r\n setState({ ...state, status: null });\r\n\r\n setState({ ...state, status: selected.value });\r\n }}\r\n />\r\n
\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 == \"clear\")\r\n setState({ ...state, paymentStatus: null });\r\n\r\n setState({ ...state, paymentStatus: selected.value });\r\n }}\r\n />\r\n
\r\n وضعیت پرداخت
\r\n\r\n setState({ ...state, startDate: date })}\r\n onClear={() => setState({ ...state, startDate: '' })} />\r\n
\r\n \r\n setState({ ...state, endDate: date })}\r\n onClear={() => setState({ ...state, endDate: '' })} />\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n x.ID) : []}\r\n take={state.take}\r\n currentPage={state.currentPage}\r\n count={totalCount}\r\n />\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default OrderInstallmentForm;","import React from \"react\";\r\nimport { useParams } from \"react-router\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { helper } from \"../../util\";\r\nimport List from \"./list\";\r\nimport Form from \"./form\";\r\n\r\nconst OrderInstallment = () => {\r\n const { arg1 } = useParams();\r\n const { sharedResources, culture } = useSelector(state => state.Resources)\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n {title}\r\n
\r\n - \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n x.ID) : []}\r\n />\r\n
\r\n {helper.translate(\"Installments\", sharedResources, culture)}
\r\n\r\n {arg1 === 'list' ?
\r\n \r\n );\r\n};\r\n\r\nexport default OrderInstallment;","import React, { useEffect, useRef, useState } from \"react\"\r\nimport Spin from '../../_lib/spin/spin';\r\n\r\nconst useMutationObserver = (\r\n ref,\r\n callback,\r\n options = {\r\n attributes: true,\r\n characterData: true,\r\n childList: true,\r\n subtree: true,\r\n }\r\n) => {\r\n if (ref.current) {\r\n const observer = new MutationObserver(callback);\r\n observer.observe(ref.current.contentDocument.body, options);\r\n }\r\n};\r\n\r\nconst IframeComponent = ({ iframeSrc, title }) => {\r\n const [iframeLoading, setIframeLoading] = useState(true);\r\n const iframeRef = useRef();\r\n\r\n const setIframeHeight = () => {\r\n let iframeBody = iframeRef.current.contentDocument.body;\r\n let iframeHeight = iframeBody.querySelector(\".js__farashop\").getBoundingClientRect().height;\r\n iframeRef.current.style.height = iframeHeight + 'px';\r\n };\r\n\r\n useEffect(() => {\r\n if (!iframeLoading) {\r\n iframeRef.current.contentDocument.body.style.overflow = 'hidden';\r\n setIframeHeight();\r\n useMutationObserver(iframeRef, setIframeHeight)\r\n }\r\n }, [iframeLoading])\r\n \r\n return (\r\n <>\r\n {title}
\r\n {iframeLoading &&\r\n
\r\n )\r\n}\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport { getAll, resetStore } from '../../../actions/a.user-orders';\r\nimport { helper } from \"../../../util\";\r\nimport Spin from '../../_lib/spin/spin';\r\nimport OrderCard from \"./order-card\";\r\n\r\nconst Orders = () => {\r\n const { arg } = useParams();\r\n const [state, setState] = useState({\r\n userId: arg,\r\n skip: 0,\r\n take: 1000\r\n });\r\n const { items, isFetching } = useSelector(state => state.UserOrders);\r\n const { sharedResources, culture } = useSelector(state => state.Resources)\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n\r\n let unlisten;\r\n\r\n const getReqParams = () => ({\r\n UserID: state.userId,\r\n Skip: state.skip,\r\n Take: state.take\r\n })\r\n\r\n const OrdersList = () => {\r\n if (items?.length > 0) {\r\n return items.map((item, index) => {\r\n return \r\n \r\n وضعیت سفارش:\r\n {props.order.OrderStatusTitle}\r\n \r\n
\r\n \r\n \r\n تاریخ خرید:\r\n {\r\n props.order.BuyDate.split(' ').map((item) =>\r\n (\r\n {item}\r\n )\r\n )\r\n }\r\n \r\n \r\n کد رهگیری:\r\n {props.order.TrackingCode}\r\n \r\n \r\n مبلغ قابل پرداخت:\r\n {helper.toMoney(props.order.PayablePrice)}\r\n \r\n \r\n وضعیت پرداخت:\r\n {props.order.PaymentStatusTitle}\r\n \r\n
\r\n \r\n \r\n روش ارسال:\r\n {props.order.PostalMethodTranslation}\r\n \r\n \r\n روش پرداخت:\r\n {props.order.PaymentMethodTranslation}\r\n \r\n
\r\n \r\n \r\n آدرس:\r\n {props.order.BuyerAddress}\r\n \r\n
\r\n \r\n
\r\n \r\n {props.order.OrderButtons.UserOrderDetails.Visible && (\r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n {props.order.OrderButtons.Print.Visible && (\r\n lightGallery2.current.openGallery()}>\r\n ![{props.order.OrderButtons.UserOrderDetails.Text}](\"/DesktopModules/FaraShop/assets/img/user-profile/file-circle-info.png\")
\r\n {props.order.OrderButtons.UserOrderDetails.Text}\r\n
\r\n \r\n {props.order.OrderButtons.UserOrderDetails.Text}\r\n \r\n \r\n \r\n
\r\n )}\r\n lightGallery.current.openGallery()}>\r\n ![{props.order.OrderButtons.Print.Text}](\"/DesktopModules/FaraShop/assets/img/user-profile/print.png\")
\r\n {props.order.OrderButtons.Print.Text}\r\n
\r\n \r\n {props.order.OrderButtons.Print.Text}\r\n \r\n {props.order.OrderButtons.Payment.Visible && (\r\n
\r\n \r\n {props.order.PaymentMethodID == enums.PaymentMethod.Online ? (\r\n \r\n {props.order.OrderButtons.Payment.Text}\r\n \r\n ) :\r\n (\r\n <>\r\n \r\n \r\n \r\n\r\n )\r\n }\r\n
\r\n )}\r\n {props.order.OrderButtons.CancelOrder.Visible && (\r\n lightGallery3.current.openGallery()}>\r\n {props.order.OrderButtons.Payment.Text}\r\n
\r\n handleCancelOrder(props.order.ID)}>\r\n {props.order.OrderButtons.CancelOrder.Text}\r\n
\r\n )}\r\n {helper.translate(\"EmptyOrderList\", sharedResources, culture)}
\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n unlisten = history.listen(() => dispatch(resetStore()));\r\n\r\n dispatch(getAll(getReqParams()));\r\n\r\n return () => {\r\n unlisten();\r\n };\r\n }, [])\r\n\r\n if (isFetching) return {helper.translate(\"Orders\", sharedResources, culture)}
\r\n\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default Orders;","import React, { useEffect, useState } from \"react\";\r\n\r\nconst CircleBox = ({title,body}) => {\r\n\r\n\r\n\r\nreturn(\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, useSelector } 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\nimport { useParams } from \"react-router-dom\";\r\nimport { helper } from \"../../../util\";\r\n\r\nconst UserScores = (props) => {\r\n const { arg } = useParams();\r\n const { sharedResources, culture } = useSelector(state => state.Resources)\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 } = props;\r\n if (isFetching) return {helper.translate(\"UserScore\", sharedResources, culture)}
\r\n\r\n
\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 currentPage={state.currentPage}\r\n onMove={onMove}\r\n />\r\n
\r\n