\r\n\r\n {loader &&
} \r\n
\r\n \r\n
\r\n
آیا قبلا ثبت نام کرده اید؟
\r\n
\r\n
\r\n
\r\n\r\n
}\r\n\t\t\t/>\r\n\t\t)\r\n\t}\r\n\r\n\tconst createCheckboxes = () => props.categories.map(createCheckbox);\r\n\r\n\treturn (\r\n\t\t<>\r\n \t\t{createCheckboxes()}\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default FilterCategory;","import React, { useState } from \"react\";\r\nimport FilterCategory from './filterCategory';\r\n\r\n\r\nconst Filter = props => {\r\n \r\n const { \r\n filterValue: {\r\n categoryIds, \r\n search,\r\n isClubMember\r\n }, \r\n categoryList, \r\n doFilter \r\n } = props;\r\n\r\n const [selectedCategoryIds, setSelectedCategoryIds] = useState(categoryIds);\r\n const [searchText, setSearchText] = useState(search);\r\n const [isClubStores, setIsClubStores] = useState(isClubMember);\r\n\r\n const updateCatsFilters = catIds => {\r\n setSelectedCategoryIds(catIds);\r\n } \r\n\r\n const doAction = () => {\r\n let filterValue= {\r\n categoryIds: selectedCategoryIds,\r\n search: searchText,\r\n isClubMember: isClubStores,\r\n }\r\n doFilter(filterValue);\r\n }\r\n \r\n return (\r\n \r\n جستجوی سریع \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n اعمال فیلتر\r\n \r\n \r\n \r\n );\r\n};\r\n \r\n export default Filter;","import React, { Component } from \"react\";\r\nimport AGhServices from \"../../../services/api\";\r\nimport StoreListItem from './storeListItem';\r\n// import { DebounceInput } from 'react-debounce-input';\r\nimport { connect } from 'react-redux';\r\nimport Popup from '../../components/popup';\r\nimport Sort from './filter/sort';\r\nimport Filter from './filter/filterStoreList';\r\nimport { Virtuoso } from 'react-virtuoso';\r\n\r\nconst sortOptionItems = [\r\n {\r\n label: 'نام: صعودی به نزولی',\r\n value: 'Name'\r\n },\r\n {\r\n label: 'نام: نزولی به صعودی',\r\n value: '-Name'\r\n },\r\n];\r\n\r\nconst ALL_FLOORS = [\r\n {\r\n id: \"-1\",\r\n code: \"-1\",\r\n name: \"منفی یک\"\r\n },\r\n {\r\n id: \"G\",\r\n code: \"0\",\r\n name: \"همکف\"\r\n },\r\n {\r\n id: \"1\",\r\n code: \"1\",\r\n name: \"یک\"\r\n },\r\n {\r\n id: \"2\",\r\n code: \"2\",\r\n name: \"دو\"\r\n }, {\r\n id: \"3\",\r\n code: \"3\",\r\n name: \"سه\"\r\n },\r\n {\r\n id: \"4\",\r\n code: \"4\",\r\n name: \"چهار\"\r\n }\r\n ,\r\n {\r\n id: \"5\",\r\n code: \"5\",\r\n name: \"پنج\"\r\n },\r\n {\r\n id: \"E\",\r\n code: \"E\",\r\n name: \"اداری\"\r\n }\r\n];\r\n\r\nconst virtualListStyle = {\r\n height: \"calc(100vh - 320px)\" \r\n}\r\nclass StoreList extends Component {\r\n\r\n _isMounted = false;\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isLoading: true,\r\n isCategoryLoading: true,\r\n showFilterPopup: false,\r\n showSortPopup: false,\r\n categoryList: [],\r\n mainCategoryList: [],\r\n subCategoryList: [],\r\n storeList: [],\r\n floorList: ALL_FLOORS,\r\n // search: '',\r\n sortValue: null,\r\n filterValue: {\r\n categoryIds: [],\r\n search: '',\r\n isClubMember: false,\r\n },\r\n floorSelected: {\r\n id: null,\r\n title: 'همه طبقات'\r\n },\r\n categorySelected: {\r\n id: null,\r\n title: 'همه فروشگاه ها'\r\n }\r\n }\r\n\r\n }\r\n\r\n componentDidMount = () => {\r\n this._isMounted = true;\r\n const params = this.createParams();\r\n this.getStoreList(params, this.scrollToLastStoreVisited);\r\n this.setAllFilters();\r\n this.getAllCategory('?Filter.Owner=Shop');\r\n window.addEventListener('scroll', this.handleOnScroll);\r\n }\r\n\r\n // componentDidUpdate(prevProps) {\r\n // if (this._isMounted) {\r\n // if (this.props.location.search !== prevProps.location.search) {\r\n // if (this.props.location.search === '') {\r\n // document.getElementsByClassName('agh-slider')[0].scrollLeft = 0;\r\n // let params = this.createParams();\r\n // this.getStoreList(params);\r\n // this.setAllFilters();\r\n // }\r\n // }\r\n // }\r\n // }\r\n\r\n componentWillUnmount() {\r\n this._isMounted = false;\r\n window.removeEventListener('scroll', this.handleOnScroll);\r\n }\r\n\r\n stringArrayToInt = stringArray => {\r\n const intArray = stringArray.map(function (item) { \r\n return parseInt(item, 10); \r\n });\r\n return intArray;\r\n }\r\n\r\n // getImageAddress = (imgAddress, defaultImage) => {\r\n // if (imgAddress && imgAddress !== null && imgAddress.length > 0)\r\n // return imgAddress.includes('http') ? imgAddress : `${process.env.REACT_APP_API_URL}Attachment/download/${imgAddress}?v1`;\r\n // return defaultImage;\r\n // }\r\n\r\n scrollToLastStoreVisited = () => {\r\n // scroll to last store visited\r\n const item = document.querySelector( \"#store-\" + this.props.lastStoreVisited?.id);\r\n if (item) item.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n }\r\n\r\n getParamsFromUrl = () => {\r\n const queryString = window.location.search;\r\n const urlParams = new URLSearchParams(queryString);\r\n const entries = urlParams.entries();\r\n const paramsObj = {};\r\n for (const entry of entries) {\r\n paramsObj[entry[0]] = entry[1];\r\n }\r\n return paramsObj;\r\n }\r\n\r\n createParams = (paramKey, paramValue) => {\r\n const { history } = this.props;\r\n const paramsObj = this.getParamsFromUrl();\r\n paramsObj['page'] = paramKey === 'page' ? paramValue : '1';\r\n // paramsObj['pageSize'] = 20;\r\n paramsObj['pageSize'] = 99999;\r\n paramsObj[paramKey] = paramValue;\r\n\r\n let params = '?';\r\n for (const item of Object.keys(paramsObj)) {\r\n if (paramsObj[item]) params += `${item}=${paramsObj[item]}&`\r\n }\r\n params = params.slice(0, -1);\r\n history.push({ search: params });\r\n return params;\r\n }\r\n\r\n setAllFilters = () => {\r\n if (this._isMounted) {\r\n const paramsObj = this.getParamsFromUrl();\r\n // sort & filters\r\n let sort = paramsObj['sort'] || null;\r\n let categoryIds = [];\r\n if (paramsObj['Filter.CategoryIds']) {\r\n categoryIds = this.stringArrayToInt((paramsObj['Filter.CategoryIds']).split(','));\r\n }\r\n let term = paramsObj['Filter.Term'] || '';\r\n let isClubMember = paramsObj['Filter.IsClubMember'] || false;\r\n\r\n let categorySelected = -1;\r\n if(categoryIds.length > 0) categorySelected = categoryIds[0];\r\n\r\n this.setState(prevState => ({\r\n categorySelected: {\r\n id: categorySelected,\r\n title: 'همه فروشگاه ها'\r\n },\r\n sortValue: sort,\r\n filterValue: {\r\n ...prevState.filterValue, \r\n categoryIds: categoryIds,\r\n search: term,\r\n isClubMember: isClubMember,\r\n },\r\n }))\r\n }\r\n }\r\n\r\n getAllCategory = (param) => {\r\n AGhServices\r\n .getAllCategory(param)\r\n .then((res) => {\r\n if (this._isMounted) {\r\n\r\n let data = res.data.result;\r\n\r\n let _categorySelected = this.state.categorySelected;\r\n let _categorySelectedObj = data.filter(item => item.id === _categorySelected.id);\r\n\r\n let _categoryMainSelectedObj = [];\r\n let _mainCategoryList = data.filter(item => !item.parentId);\r\n\r\n let _subCategoryList = [];\r\n let isSubCategory = _categorySelectedObj[0]?.parentId;\r\n\r\n if (isSubCategory) {\r\n _categoryMainSelectedObj = data.filter(item => item.id === _categorySelectedObj[0]?.parentId);\r\n _subCategoryList = data.filter(item => item.parentId === _categorySelectedObj[0]?.parentId);\r\n }\r\n else {\r\n _subCategoryList = data.filter(item => item.parentId === _categorySelected.id);\r\n }\r\n\r\n this.setState({\r\n categoryList: data,\r\n mainCategoryList: _mainCategoryList,\r\n isCategoryLoading: false\r\n })\r\n\r\n if (_categorySelectedObj.length) {\r\n this.setState({\r\n subCategoryList: _subCategoryList,\r\n categorySelected: {\r\n id: isSubCategory ? _categorySelectedObj[0]?.parentId : _categorySelectedObj[0]?.id,\r\n subId: isSubCategory ? _categorySelectedObj[0]?.id : -1,\r\n title: isSubCategory ? _categoryMainSelectedObj[0].title : _categorySelectedObj[0]?.title\r\n }\r\n })\r\n \r\n let _offsetLeft = document.getElementsByClassName('active-box')[0].offsetLeft;\r\n document.getElementsByClassName('agh-slider')[0].scrollLeft = _offsetLeft;\r\n }\r\n }\r\n })\r\n .catch(err => {\r\n console.log('error in API')\r\n });\r\n }\r\n\r\n getStoreList = (params, callback) => {\r\n let _params = params || '';\r\n this.setState({\r\n isLoading: true\r\n }, () => {\r\n AGhServices\r\n .getStore(null, _params)\r\n .then((res) => {\r\n if (this._isMounted) {\r\n let data = res.data.result;\r\n this.setState((prevState) => ({\r\n storeMetaInfo: data.pageMeta,\r\n storeList: [...prevState.storeList, ...data.items],\r\n isLoading: false\r\n }), ()=> {\r\n if (typeof callback === \"function\") callback();\r\n })\r\n }\r\n })\r\n .catch(err => {\r\n console.log('error in API')\r\n });\r\n })\r\n }\r\n\r\n handleOnScroll = (e) => {\r\n let scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop,\r\n scrollHeight = (document.documentElement && document.documentElement.scrollHeight) || document.body.scrollHeight,\r\n clientHeight = document.documentElement.clientHeight || window.innerHeight,\r\n scrolledToBottom = Math.ceil(scrollTop + clientHeight) >= scrollHeight - 150;\r\n if (scrolledToBottom) {\r\n setTimeout(this.fetchData, 500);\r\n }\r\n }\r\n\r\n fetchData = () => {\r\n let { history } = this.props;\r\n let { storeMetaInfo, isLoading } = this.state;\r\n let _params = this.createParams('page', storeMetaInfo?.nextPageNumber);\r\n history.push({ search: _params });\r\n if (!isLoading && storeMetaInfo?.hasNextPage) this.getStoreList(_params);\r\n }\r\n\r\n // searchAction = e => {\r\n // if (this._isMounted) {\r\n\r\n // let searchVal = e.target.value;\r\n // this.setState({\r\n // storeList: [],\r\n // search: searchVal\r\n // }, () => {\r\n // let _params = this.createParams('Filter.term', searchVal);\r\n // this.getStoreList(_params);\r\n // })\r\n // }\r\n // }\r\n\r\n doSort = (value) => {\r\n if (this._isMounted) {\r\n this.setState({\r\n storeList: []\r\n }, () => {\r\n let _params = this.createParams('sort', value);\r\n this.getStoreList(_params);\r\n })\r\n this.setState({ sortValue: value })\r\n this.handleHideSortPopup();\r\n }\r\n }\r\n\r\n doFilter = (value) => {\r\n if (this._isMounted) {\r\n\r\n this.setState({\r\n storeList: []\r\n }, () => {\r\n let _params;\r\n\r\n _params = this.createParams('Filter.CategoryIds', value.categoryIds.join(\",\"));\r\n \r\n if (value.search !== this.state.filterValue.search) {\r\n _params = this.createParams('Filter.Term', value.search);\r\n }\r\n if (value.isClubMember !== this.state.filterValue.isClubMember) {\r\n _params = this.createParams('Filter.IsClubMember', value.isClubMember);\r\n }\r\n\r\n let categorySelected = -1;\r\n if (value.categoryIds.length > 0) categorySelected = value.categoryIds[0];\r\n\r\n this.setState(prevState => ({\r\n categorySelected: {\r\n id: categorySelected,\r\n title: 'همه فروشگاه ها'\r\n },\r\n filterValue: {\r\n ...prevState.filterValue, \r\n categoryIds: value.categoryIds,\r\n search: value.search,\r\n isClubMember: value.isClubMember,\r\n },\r\n }))\r\n \r\n this.getStoreList(_params);\r\n })\r\n this.handleHideFilterPopup();\r\n }\r\n }\r\n\r\n // doFilterByCategory = (category) => {\r\n // if (this._isMounted) {\r\n\r\n // // ?page=1&pageSize=20&Filter.ShopId=72&Filter.Term=food&Filter.CategoryId=105\r\n // this.setState({\r\n // storeList: [],\r\n // categorySelected: {\r\n // id: category?.id || null,\r\n // title: category?.title || 'همه فروشگاه ها'\r\n // }\r\n // }, () => {\r\n // let _params = this.createParams('Filter.CategoryId', category?.id);\r\n // this.getStoreList(_params);\r\n // })\r\n // }\r\n // }\r\n\r\n doFilterByFloor = (floor) => {\r\n if (this._isMounted) {\r\n\r\n // ?page=1&pageSize=20&Filter.ShopId=72&Filter.Term=food&Filter.CategoryId=105\r\n this.setState({\r\n storeList: [],\r\n floorSelected: {\r\n id: floor?.id || null,\r\n title: floor?.name || 'همه طبقات'\r\n }\r\n }, () => {\r\n let _params = this.createParams('Filter.Floor', floor?.code);\r\n this.getStoreList(_params);\r\n });\r\n }\r\n }\r\n\r\n handleShowFilterPopup = () => { this.setState({ showFilterPopup: true }) }\r\n handleHideFilterPopup = () => { this.setState({ showFilterPopup: false }) }\r\n\r\n handleShowSortPopup = () => { this.setState({ showSortPopup: true }) }\r\n handleHideSortPopup = () => { this.setState({ showSortPopup: false }) }\r\n\r\n render() {\r\n let { \r\n /*categoryList, \r\n categorySelected, */ \r\n floorList, \r\n floorSelected, \r\n storeList, \r\n isLoading, \r\n isCategoryLoading \r\n } = this.state;\r\n\r\n let _floorList = floorList.map((item, i) => {\r\n return this.doFilterByFloor(item)} key={i}>\r\n
\r\n {item.id}\r\n {/* \r\n
{item.name} \r\n
this.doFilterByCategory(item)} key={i}>\r\n //
\r\n // \r\n //
{item.title} \r\n //
\r\n\r\n
\r\n\r\n {/*
\r\n
\r\n \r\n \r\n
\r\n
*/}\r\n\r\n {/*
\r\n
\r\n
\r\n
\r\n \r\n
همه \r\n
\r\n {\r\n isCategoryLoading ?
: _categoryList\r\n }\r\n
\r\n
*/}\r\n\r\n
\r\n
\r\n
\r\n
\r\n All\r\n {/* \r\n
همه \r\n
\r\n {\r\n isCategoryLoading ?
: _floorList\r\n }\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n {/*
\r\n { categorySelected ? categorySelected?.title : 'همه فروشگاه ها' }\r\n
*/}\r\n
\r\n
\r\n
\r\n نمایش براساس \r\n \r\n \r\n
\r\n
\r\n فیلترها \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n {storeList.length > 0 \r\n ? (\r\n
فروشگاهی یافت نشد!
\r\n }\r\n {isLoading &&
}\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n lastStoreVisited: state.userLastVisit.storeInfo,\r\n});\r\n\r\nexport default connect(mapStateToProps, null)(StoreList);","import React, { Component } from \"react\";\r\nimport AGhServices from \"../../../../services/api\";\r\nimport { connect } from 'react-redux';\r\nimport { showToast } from '../../../../stores/toast/actions';\r\n\r\nclass AddComment extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n loader: false,\r\n productInfo: null,\r\n chooseRate: null,\r\n subject: '',\r\n message: '',\r\n }\r\n }\r\n\r\n handleChange = e => {\r\n this.setState({ [e.target.name]: e.target.value });\r\n }\r\n\r\n chooseRate = (rate) => {\r\n this.setState({ chooseRate: rate })\r\n }\r\n \r\n submit = () => {\r\n let { owner, ownerId } = this.props;\r\n let { /* productInfo, */ subject, message, chooseRate } = this.state;\r\n\r\n if ((subject.trim() !== \"\") || (message.trim() !== \"\") || (chooseRate !== null)) {\r\n let userInfo = JSON.parse(localStorage.getItem('USERINFO'));\r\n let body = {\r\n Owner: owner,\r\n OwnerId: ownerId,\r\n ParentId: null,\r\n Name: userInfo?.firstName,\r\n Email: \"\",\r\n Mobile: userInfo?.mobile,\r\n Subject: subject,\r\n Body: message,\r\n TotalRate: chooseRate,\r\n IsApprove: true\r\n }\r\n this.setState({\r\n loader: true\r\n }, () => {\r\n AGhServices\r\n .addComment(body)\r\n .then((res) => {\r\n // let data = res.data.result;\r\n this.setState({\r\n loader: false\r\n })\r\n this.props.showToast('نظر شما با موفقیت ثبت شد و پس از تأیید نمایش داده می شود.');\r\n if (this.props.getList) this.props.getList(ownerId);\r\n setTimeout(() => {\r\n this.props.onHide();\r\n }, 700)\r\n })\r\n .catch(err => {\r\n this.setState({ loader: false })\r\n });\r\n })\r\n } else {\r\n this.props.showToast('لطفا برای ثبت نظر فیلدها رو تکمیل نمایید.');\r\n return;\r\n }\r\n }\r\n\r\n render() {\r\n const { title } = this.props;\r\n const { loader, chooseRate } = this.state;\r\n const rateList = [];\r\n for(let i = 1; i <= 5; i++){\r\n rateList.push(\r\n this.chooseRate(i)}>\r\n {i} \r\n \r\n )\r\n }\r\n return (\r\n \r\n\r\n {loader &&
}\r\n
\r\n
\r\n \r\n \r\n نظر من در مورد این {title}:\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n ثبت نظر\r\n \r\n
\r\n\r\n
\r\n
\r\n {/*
this.bookmarkAction(e, storeInfo?.id)}>\r\n */}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{item?.title} \r\n {/*
فروشگاه {storeInfo?.name} */}\r\n {/*
\r\n
\r\n
\r\n
({0 || 0}) \r\n
*/}\r\n
\r\n\r\n
\r\n {\r\n item.price !== item.priceBeforeDiscount &&
\r\n {item.discountPercent > 0 && %{item.discountPercent} }\r\n \r\n \r\n
\r\n }\r\n\r\n
\r\n \r\n \r\n ریال\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {item.subject} \r\n {momentJ.utc(item.createDate).fromNow()} \r\n
\r\n
{item.body}
\r\n
\r\n
\r\n
{item?.name || 'ناشناس'} \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n {storeInfo?.wideImage &&
}\r\n {/*
\r\n
{storeInfo?.name || '-'} \r\n \r\n {storeInfo?.address || '-'} \r\n \r\n */}\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n {\r\n storeInfo?.isClubMember && storeInfo?.clubPercent > 0 &&\r\n
\r\n
عضو باشگاه مشتریان
\r\n
\r\n {storeInfo?.clubPercent} \r\n
\r\n
\r\n }\r\n\r\n
\r\n
\r\n \r\n \r\n درباره فروشگاه \r\n \r\n \r\n تخفیف ها \r\n \r\n \r\n نظرات کاربران \r\n \r\n \r\n \r\n \r\n \r\n
{storeInfo?.shortDescription} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{storeInfo?.manager} \r\n مدیرعامل \r\n \r\n
\r\n
\r\n {\r\n found > 0 &&\r\n
\r\n
{storeInfo?.name} در شبکه های اجتماعی \r\n
\r\n {\r\n storeInfo?.contacts['facebook'] &&
\r\n \r\n }\r\n {\r\n storeInfo?.contacts['telegram'] &&
\r\n \r\n }\r\n {\r\n storeInfo?.contacts['instagram'] &&
\r\n \r\n }\r\n
\r\n
\r\n\r\n }\r\n\r\n
\r\n \r\n \r\n
\r\n {\r\n isCommentLoading ?\r\n
:\r\n _discountList.length > 0 ? _discountList :
تخفیفی یافت نشد!
\r\n }\r\n
\r\n
\r\n \r\n\r\n \r\n
\r\n {\r\n isCommentLoading ?\r\n
:\r\n _commentList.length > 0 ? _commentList :
نظری یافت نشد!
\r\n }\r\n
\r\n
\r\n \r\n \r\n \r\n ثبت نظر\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n null, \r\n { updatePageTitle, lastStoreVisited }\r\n)(StoreInfo);","import {\n\tLAST_PRODUCT_VISITED,\n\tLAST_STORE_VISITED,\n\tLAST_POST_VISITED,\n\tLAST_JOB_VISITED\n} from './actionTypes';\n\nexport const lastProductVisited = productInfo => ({\n\ttype: LAST_PRODUCT_VISITED,\n\tpayload: productInfo\n});\n\nexport const lastStoreVisited = storeInfo => ({\n\ttype: LAST_STORE_VISITED,\n\tpayload: storeInfo\n});\n\nexport const lastBlogPostVisited = postInfo => ({\n\ttype: LAST_POST_VISITED,\n\tpayload: postInfo\n});\n\nexport const lastJobVisited = jobInfo => ({\n\ttype: LAST_JOB_VISITED,\n\tpayload: jobInfo\n});","export const LAST_PRODUCT_VISITED = 'LAST_PRODUCT_VISITED';\nexport const LAST_STORE_VISITED = 'LAST_STORE_VISITED';\nexport const LAST_POST_VISITED = 'LAST_POST_VISITED';\nexport const LAST_JOB_VISITED = 'LAST_JOB_VISITED';","import React, { Component } from \"react\";\r\nimport AGhServices from \"../../../services/api\";\r\nimport StoreListItem from './storeListItem';\r\nimport { Virtuoso } from 'react-virtuoso';\r\n\r\nconst virtualListStyle = {\r\n height: \"calc(100vh - 255px)\" \r\n}\r\n\r\nexport default class ClubStore extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isLoading: true,\r\n pageSize: 100,\r\n clubStoreList: [],\r\n }\r\n\r\n this.getClubStoreList(`?page=1&pageSize=100&Filter.IsClubMember=true`)\r\n }\r\n\r\n getImageAddress = (imgAddress) => {\r\n return imgAddress.includes('http') ? imgAddress : `${process.env.REACT_APP_API_URL}Attachment/download/${imgAddress}`;\r\n }\r\n\r\n getClubStoreList = (filterParam) => {\r\n AGhServices\r\n .getStore(null, filterParam)\r\n .then((res) => {\r\n let data = res.data.result;\r\n this.setState({\r\n clubStoreList: data.items,\r\n isLoading: false\r\n })\r\n })\r\n .catch(err => {\r\n console.log('error in API')\r\n });\r\n }\r\n\r\n render() {\r\n let { clubStoreList, isLoading } = this.state;\r\n\r\n return (\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n فروشگاه های عضو باشگاه\r\n \r\n
باشگاه مشتریان آرمیتاژ گلشن
\r\n
\r\n {/*
\r\n مد و پوشاک \r\n خانه و آشپزخانه \r\n ورزش و سفر \r\n خانه و آشپزخانه \r\n مد و پوشاک \r\n خانه و آشپزخانه \r\n مد و پوشاک \r\n
*/}\r\n
\r\n
\r\n\r\n
\r\n
\r\n {clubStoreList.length > 0 \r\n ? (\r\n
فروشگاهی یافت نشد!
\r\n }\r\n {isLoading &&
}\r\n \r\n
\r\n\r\n
\r\n { checkProductExist(e) }}\r\n disabled={isDisabled}>\r\n خرید\r\n \r\n
\r\n\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
با افزودن محصول از سایر فروشگاه، محصولات فعلی در سبد خرید شما حذف خواهند شد. آیا ادامه می دهید؟
\r\n
\r\n
\r\n بله، محصول به سبد افزوده شود \r\n
\r\n
\r\n خیر \r\n
\r\n
\r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n bskShopId: state.basket.shopId\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n { showToast, updateBasketCount, updateShopId }\r\n)(AddToBasketBtn);","import React, { Component } from \"react\";\r\nimport { withRouter } from 'react-router-dom';\r\nimport AGhServices from \"../../../services/api\";\r\nimport { Link } from 'react-router-dom';\r\nimport NumberFormat from 'react-number-format';\r\nimport Rate from 'rc-rate';\r\nimport AddToBasketBtn from './addToBasketBtn';\r\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\r\nimport 'react-lazy-load-image-component/src/effects/blur.css';\r\n\r\nclass ProductListItem extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n data: this.props.data\r\n }\r\n }\r\n\r\n getImageAddress = (imgAddress) => {\r\n return imgAddress.includes('http') ? imgAddress : `${process.env.REACT_APP_API_URL}Attachment/download/${imgAddress}`;\r\n }\r\n\r\n addBookmark = (id) => {\r\n let userInfo = JSON.parse(localStorage.getItem('USERINFO'));\r\n\r\n if (!userInfo?.user?.id) return this.props.history.push(\"/login\");\r\n\r\n let bookmarkInfo = {\r\n 'Owner': 'Product',\r\n 'OwnerId': id,\r\n 'UserId': userInfo.user.id\r\n };\r\n\r\n AGhServices\r\n .addBookmark(bookmarkInfo)\r\n .then((res) => {\r\n this.setState((prevState) => ({\r\n data: {\r\n ...prevState.data,\r\n isBookmark: true\r\n }\r\n }), () => {\r\n this.props.data.isBookmark = this.state.data.isBookmark;\r\n })\r\n })\r\n .catch(err => {\r\n console.log('error in API')\r\n });\r\n }\r\n\r\n deleteBookmark = (id) => {\r\n let url = \"/Product/\" + id;\r\n AGhServices\r\n .deleteBookmark(url)\r\n .then((res) => {\r\n this.setState((prevState) => ({\r\n data: {\r\n ...prevState.data,\r\n isBookmark: false\r\n }\r\n }), () => {\r\n this.props.data.isBookmark = this.state.data.isBookmark;\r\n })\r\n })\r\n .catch(err => {\r\n console.log('error in API')\r\n });\r\n }\r\n\r\n bookmarkAction = (e, id) => {\r\n e.stopPropagation();\r\n let { data } = this.state;\r\n data?.isBookmark ? this.deleteBookmark(id) : this.addBookmark(id);\r\n }\r\n\r\n render() {\r\n let { data } = this.state;\r\n return (\r\n \r\n
\r\n
this.bookmarkAction(e, data.id)}>\r\n \r\n
\r\n
\r\n
\r\n {\r\n data.image && \r\n
\r\n
\r\n
\r\n
{data.title} \r\n
فروشگاه {data.shopName} \r\n
\r\n
\r\n
\r\n
({data?.rateCount || 0}) \r\n
\r\n
\r\n\r\n
\r\n {\r\n data.price !== data.priceBeforeDiscount && \r\n
\r\n {\r\n data.discountPercent > 0 && \r\n %{data.discountPercent} \r\n }\r\n \r\n \r\n
\r\n }\r\n\r\n
\r\n \r\n \r\n ریال\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n جستجوی سریع \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n {/* */}\r\n\r\n \r\n محدوده قیمت مورد نظر \r\n setRangePrice({ value: value })}\r\n formatLabel={value => {\r\n let nf = new Intl.NumberFormat();\r\n let formatPrice = nf.format(value);\r\n return `${formatPrice} ریال`;\r\n }\r\n }\r\n maxLabel={\"تا\"}\r\n minLabel={\"از\"}\r\n />\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n اعمال فیلتر\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Filter;","import React, { Component } from \"react\";\r\nimport AGhServices from \"../../../services/api\";\r\nimport ProductListItem from './productListItem';\r\nimport { connect } from 'react-redux';\r\nimport Popup from '../../components/popup';\r\nimport Sort from './filter/sort';\r\nimport Filter from './filter/filterProductList';\r\n\r\nimport categoryDefImage from \"../../../assets/images/category.png\";\r\n\r\nconst sortOptionItems = [\r\n {\r\n label: 'بیشترین تخفیف',\r\n value: '-DiscountPercent'\r\n },\r\n {\r\n label: 'کمترین تخفیف',\r\n value: 'DiscountPercent'\r\n },\r\n {\r\n label: 'گرانترین',\r\n value: '-Price'\r\n },\r\n {\r\n label: 'ارزانترین',\r\n value: 'Price'\r\n },\r\n];\r\n\r\nclass ProductList extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isLoading: true,\r\n isCategoryLoading: true,\r\n showSubCategory: false,\r\n showFilterPopup: false,\r\n showSortPopup: false,\r\n categoryList: [],\r\n mainCategoryList: [],\r\n subCategoryList: [],\r\n productList: [],\r\n queryStringPage: null,\r\n sortValue: null,\r\n filterValue: {\r\n categoryIds: [],\r\n text: \"\",\r\n priceInit: [0, 0],\r\n price: [0, 0],\r\n inStockOnly: false,\r\n // clubProductsOnly: false,\r\n onlyDiscounted : false,\r\n },\r\n categorySelected: {\r\n id: -1,\r\n title: 'همه محصولات'\r\n }\r\n }\r\n\r\n }\r\n\r\n componentDidMount = () => {\r\n let params = this.createParams();\r\n this.getProductList(params, this.scrollToLastProductVisited);\r\n this.getMinAndMaxPriceFilter();\r\n this.setAllFilters();\r\n this.getAllCategory('?Filter.Owner=Product');\r\n window.addEventListener('scroll', this.handleOnScroll);\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('scroll', this.handleOnScroll);\r\n }\r\n\r\n convertRialToToman = price => {\r\n let priceToString = price.toString();\r\n let priceToToman = \"0\";\r\n if (price >= 10) priceToToman = priceToString.substring(0, priceToString.length - 1);\r\n return parseInt(priceToToman);\r\n }\r\n\r\n stringArrayToInt = stringArray => {\r\n const intArray = stringArray.map(function (item) { \r\n return parseInt(item, 10); \r\n });\r\n return intArray;\r\n }\r\n\r\n getImageAddress = (imgAddress) => {\r\n return imgAddress.includes('http') ? imgAddress : `${process.env.REACT_APP_API_URL}Attachment/download/${imgAddress}`;\r\n }\r\n\r\n scrollToLastProductVisited = () => {\r\n // correct query string params\r\n this.createParams('page', this.state.queryStringPage);\r\n\r\n // scroll to last product visited\r\n const item = document.querySelector( \"#product-\" + this.props.lastProductVisited?.id);\r\n if (item) item.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n }\r\n\r\n getMinAndMaxPriceFilter = () => {\r\n const minPriceParams= \"?page=1&pageSize=1&sort=+Price\";\r\n const maxPriceParams= \"?page=1&pageSize=1&sort=-Price\";\r\n const currentParams = this.getParamsFromUrl();\r\n\r\n let getMinPrice = () => {\r\n AGhServices\r\n .getProduct(null, minPriceParams)\r\n .then((res) => {\r\n const minPrice = res.data.result.items[0].price\r\n const newPriceInitFilter = [...this.state.filterValue.priceInit];\r\n newPriceInitFilter[0] = minPrice;\r\n\r\n if (currentParams['Filter.Price[0]'] === undefined) {\r\n this.setState(prevState => ({\r\n filterValue: { \r\n ...prevState.filterValue, \r\n priceInit: newPriceInitFilter,\r\n price: newPriceInitFilter\r\n }\r\n }));\r\n } else {\r\n const priceFilterValueFromUrl = this.state.filterValue.price;\r\n priceFilterValueFromUrl[0] = +currentParams['Filter.Price[0]'];\r\n this.setState(prevState => ({\r\n filterValue: { \r\n ...prevState.filterValue, \r\n priceInit: newPriceInitFilter,\r\n price: priceFilterValueFromUrl,\r\n }\r\n }));\r\n }\r\n\r\n }).then(()=> {\r\n getMaxPrice();\r\n })\r\n .catch(err => {\r\n console.log('error in API');\r\n }); \r\n }\r\n\r\n let getMaxPrice = () => {\r\n AGhServices\r\n .getProduct(null, maxPriceParams)\r\n .then((res) => {\r\n const maxPrice = res.data.result.items[0].price;\r\n const newPriceInitFilter = [...this.state.filterValue.priceInit];\r\n const newPriceFilter = [...this.state.filterValue.price];\r\n newPriceInitFilter[1] = maxPrice;\r\n newPriceFilter[1] = maxPrice;\r\n\r\n if (currentParams['Filter.Price[1]'] === undefined) {\r\n this.setState(prevState => ({\r\n filterValue: { \r\n ...prevState.filterValue, \r\n priceInit: newPriceInitFilter,\r\n price: newPriceFilter\r\n }\r\n }));\r\n } else {\r\n const priceFilterValueFromUrl = this.state.filterValue.price;\r\n priceFilterValueFromUrl[1] = +currentParams['Filter.Price[1]'];\r\n this.setState(prevState => ({\r\n filterValue: { \r\n ...prevState.filterValue, \r\n priceInit: newPriceInitFilter,\r\n price: priceFilterValueFromUrl\r\n }\r\n }));\r\n }\r\n })\r\n .catch(err => {\r\n console.log('error in API');\r\n });\r\n }\r\n\r\n getMinPrice();\r\n }\r\n\r\n getParamsFromUrl = () => {\r\n const queryString = window.location.search;\r\n const urlParams = new URLSearchParams(queryString);\r\n const entries = urlParams.entries();\r\n const paramsObj = {};\r\n for (const entry of entries) {\r\n paramsObj[entry[0]] = entry[1];\r\n }\r\n return paramsObj;\r\n }\r\n\r\n createParams = (paramKey, paramValue) => {\r\n const { history } = this.props;\r\n let paramsObj = this.getParamsFromUrl();\r\n if (this.state.queryStringPage === null && paramsObj?.page > 1) {\r\n this.setState({\r\n queryStringPage: paramsObj.page,\r\n });\r\n paramsObj['page'] = 1;\r\n paramsObj['pageSize'] = this.state.queryStringPage * 20;\r\n } else {\r\n this.setState(prevState => ({\r\n filterValue: {\r\n ...prevState.filterValue, \r\n page: paramKey === 'page' ? paramValue : '1',\r\n pageSize: 20,\r\n },\r\n }))\r\n paramsObj['page'] = paramKey === 'page' ? paramValue : '1';\r\n paramsObj['pageSize'] = 20;\r\n }\r\n paramsObj[paramKey] = paramValue;\r\n\r\n let params = '?';\r\n for (const item of Object.keys(paramsObj)) {\r\n if (paramsObj[item]) params += `${item}=${paramsObj[item]}&`\r\n }\r\n params = params.slice(0, -1);\r\n history.push({ search: params });\r\n return params;\r\n }\r\n\r\n setAllFilters = () => {\r\n const paramsObj = this.getParamsFromUrl();\r\n // sort & filters\r\n let sort = paramsObj['sort'] || null;\r\n let categoryIds = [];\r\n if (paramsObj['Filter.CategoryIds']) {\r\n categoryIds = this.stringArrayToInt((paramsObj['Filter.CategoryIds']).split(','));\r\n }\r\n let title = paramsObj['SearchTerm'] || '';\r\n let inStockOnly = paramsObj['Filter.InStockOnly'] || false;\r\n // let clubProductsOnly = paramsObj['Filter.ClubProductsOnly'] || false;\r\n let onlyDiscounted = paramsObj['Filter.OnlyDiscounted'] || false;\r\n let price = this.state.filterValue.price;\r\n if (paramsObj['Filter.Price[0]']) {\r\n price[0] = paramsObj['Filter.Price[0]'] || 0;\r\n }\r\n if (paramsObj['Filter.Price[0]']) {\r\n price[1] = paramsObj['Filter.Price[1]'] || 0;\r\n }\r\n \r\n let categorySelected = -1;\r\n if(categoryIds.length > 0) categorySelected = categoryIds[0];\r\n\r\n this.setState(prevState => ({\r\n categorySelected: {\r\n id: categorySelected,\r\n title: 'همه فروشگاه ها'\r\n },\r\n sortValue: sort,\r\n filterValue: {\r\n ...prevState.filterValue, \r\n categoryIds: categoryIds,\r\n text: title,\r\n inStockOnly: inStockOnly,\r\n // clubProductsOnly: clubProductsOnly,\r\n onlyDiscounted : onlyDiscounted,\r\n price : price,\r\n },\r\n }))\r\n }\r\n\r\n getAllCategory = (param) => {\r\n AGhServices\r\n .getAllCategory(param)\r\n .then((res) => {\r\n let data = res.data.result;\r\n\r\n let _categorySelected = this.state.categorySelected;\r\n let _categorySelectedObj = data.filter(item => item.id === _categorySelected.id);\r\n\r\n let _categoryMainSelectedObj = [];\r\n let _mainCategoryList = data.filter(item => !item.parentId);\r\n\r\n let _subCategoryList = [];\r\n let isSubCategory = _categorySelectedObj[0]?.parentId;\r\n\r\n if (isSubCategory) {\r\n _categoryMainSelectedObj = data.filter(item => item.id === _categorySelectedObj[0]?.parentId);\r\n _subCategoryList = data.filter(item => item.parentId === _categorySelectedObj[0]?.parentId);\r\n }\r\n else {\r\n _subCategoryList = data.filter(item => item.parentId === _categorySelected.id);\r\n }\r\n\r\n this.setState({\r\n categoryList: data,\r\n mainCategoryList: _mainCategoryList,\r\n isCategoryLoading: false\r\n })\r\n\r\n if (_categorySelectedObj.length) {\r\n this.setState({\r\n showSubCategory: isSubCategory ? true : _subCategoryList.length > 0,\r\n subCategoryList: _subCategoryList,\r\n categorySelected: {\r\n id: isSubCategory ? _categorySelectedObj[0]?.parentId : _categorySelectedObj[0]?.id,\r\n subId: isSubCategory ? _categorySelectedObj[0]?.id : -1,\r\n title: isSubCategory ? _categoryMainSelectedObj[0].title : _categorySelectedObj[0]?.title\r\n }\r\n })\r\n\r\n let _offsetLeftMain = document.getElementsByClassName('active-box')[0].offsetLeft;\r\n document.getElementsByClassName('gnr-cat')[0].scrollLeft = _offsetLeftMain;\r\n\r\n if (isSubCategory) {\r\n let _offsetLeftSub = document.getElementsByClassName('active-box-sub')[0].offsetLeft;\r\n document.getElementsByClassName('prd-subcat')[0].scrollLeft = _offsetLeftSub;\r\n }\r\n }\r\n })\r\n .catch(err => {\r\n console.log('error in API', err)\r\n });\r\n }\r\n\r\n getProductList = (params, callback) => {\r\n let _params = params || '';\r\n this.setState({\r\n isLoading: true\r\n }, () => {\r\n AGhServices\r\n .getProduct(null, _params)\r\n .then((res) => {\r\n let data = res.data.result;\r\n this.setState((prevState) => ({\r\n productMetaInfo: data.pageMeta,\r\n productList: [...prevState.productList, ...data.items],\r\n isLoading: false\r\n }), ()=> {\r\n if (typeof callback === \"function\") callback();\r\n })\r\n })\r\n .catch(err => {\r\n console.log('error in API')\r\n });\r\n })\r\n }\r\n\r\n handleOnScroll = (e) => {\r\n let scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop,\r\n scrollHeight = (document.documentElement && document.documentElement.scrollHeight) || document.body.scrollHeight,\r\n clientHeight = document.documentElement.clientHeight || window.innerHeight,\r\n scrolledToBottom = Math.ceil(scrollTop + clientHeight) >= scrollHeight - 150;\r\n if (scrolledToBottom) {\r\n setTimeout(this.fetchData, 500);\r\n }\r\n }\r\n\r\n fetchData = () => {\r\n let { history } = this.props;\r\n let { productMetaInfo, isLoading } = this.state;\r\n let _params = this.createParams('page', productMetaInfo?.nextPageNumber);\r\n history.push({ search: _params });\r\n if (!isLoading && productMetaInfo?.hasNextPage) this.getProductList(_params);\r\n }\r\n\r\n doSort = (value) => {\r\n this.setState({\r\n productList: []\r\n }, () => {\r\n let _params = this.createParams('sort', value);\r\n this.getProductList(_params);\r\n })\r\n this.setState({ sortValue: value })\r\n this.handleHideSortPopup();\r\n }\r\n\r\n doFilter = (value) => {\r\n this.setState({\r\n productList: []\r\n }, () => {\r\n let _params;\r\n\r\n _params = this.createParams('Filter.CategoryIds', value.categoryIds.join(\",\"));\r\n\r\n if (value.text !== this.state.filterValue.text) {\r\n _params = this.createParams('SearchTerm', value.text);\r\n }\r\n if (value.inStockOnly !== this.state.filterValue.inStockOnly) {\r\n _params = this.createParams('Filter.InStockOnly', value.inStockOnly);\r\n }\r\n // if (value.clubProductsOnly !== this.state.filterValue.clubProductsOnly) {\r\n // _params = this.createParams('Filter.ClubProductsOnly', value.clubProductsOnly);\r\n // }\r\n if (value.onlyDiscounted !== this.state.filterValue.onlyDiscounted) {\r\n _params = this.createParams('Filter.OnlyDiscounted', value.onlyDiscounted);\r\n }\r\n _params = this.createParams('Filter.Price[0]', value.price[0].toString());\r\n _params = this.createParams('Filter.Price[1]', value.price[1].toString());\r\n\r\n let categorySelected = -1;\r\n if (value.categoryIds.length > 0) categorySelected = value.categoryIds[0];\r\n\r\n this.setState(prevState => ({\r\n categorySelected: {\r\n id: categorySelected,\r\n title: 'همه فروشگاه ها'\r\n },\r\n filterValue: {\r\n ...prevState.filterValue, \r\n categoryIds: value.categoryIds,\r\n text: value.text,\r\n inStockOnly: value.inStockOnly,\r\n // clubProductsOnly: value.clubProductsOnly,\r\n onlyDiscounted : value.onlyDiscounted,\r\n price : value.price,\r\n },\r\n }))\r\n\r\n this.getProductList(_params);\r\n })\r\n this.handleHideFilterPopup();\r\n }\r\n\r\n doFilterByCategory = (category, isSub) => {\r\n if (isSub) {\r\n this.setState((prevState) => ({\r\n productList: [],\r\n showSubCategory: true,\r\n categorySelected: {\r\n ...prevState.categorySelected,\r\n subId: category?.id || -1\r\n }\r\n }), () => {\r\n let { categorySelected } = this.state,\r\n _params = this.createParams('Filter.CategoryIds', category?.id || categorySelected?.id);\r\n this.getProductList(_params);\r\n })\r\n }\r\n else {\r\n let { categoryList } = this.state,\r\n _subCategoryList = categoryList.filter(item => item?.parentId === category.id);\r\n this.setState({\r\n productList: [],\r\n showSubCategory: category === 'all' ? false : _subCategoryList.length > 0,\r\n subCategoryList: _subCategoryList,\r\n categorySelected: {\r\n id: category.id || -1,\r\n subId: -1,\r\n title: category?.title || 'همه محصولات'\r\n }\r\n }, () => {\r\n let _params = this.createParams('Filter.CategoryIds', category?.id);\r\n this.getProductList(_params);\r\n })\r\n }\r\n }\r\n\r\n handleShowFilterPopup = () => { this.setState({ showFilterPopup: true }) }\r\n handleHideFilterPopup = () => { this.setState({ showFilterPopup: false }) }\r\n\r\n handleShowSortPopup = () => { this.setState({ showSortPopup: true }) }\r\n handleHideSortPopup = () => { this.setState({ showSortPopup: false }) }\r\n\r\n render() {\r\n let { \r\n mainCategoryList, \r\n subCategoryList, \r\n categorySelected, \r\n productList, \r\n /*productMetaInfo, */ \r\n isLoading, \r\n isCategoryLoading, \r\n showSubCategory \r\n } = this.state;\r\n\r\n let _mainCategoryList = mainCategoryList.map((item, i) => {\r\n return (\r\n item.isActive === true ? \r\n (\r\n this.doFilterByCategory(item)} key={i}>\r\n
\r\n \r\n
{item.title} \r\n
this.doFilterByCategory(item, true)} key={i}>\r\n
ev.target.src = categoryDefImage} />\r\n
{item.title} \r\n
\r\n
\r\n
\r\n
\r\n
this.doFilterByCategory('all')}>\r\n
\r\n \r\n
همه \r\n
\r\n {\r\n isCategoryLoading \r\n ?
\r\n : _mainCategoryList\r\n }\r\n
\r\n
\r\n {\r\n showSubCategory &&\r\n
\r\n
\r\n
this.doFilterByCategory('all', true)}>\r\n
ev.target.src = categoryDefImage} alt=\"\" />\r\n
همه \r\n
\r\n {_subCategoryList}\r\n
\r\n
\r\n }\r\n
\r\n\r\n
\r\n
\r\n {/*
\r\n
\r\n {categorySelected ? categorySelected?.title : 'همه محصولات'}\r\n \r\n {productMetaInfo?.totalItemsCount || 0} مورد \r\n */}\r\n
\r\n
\r\n
\r\n نمایش براساس \r\n \r\n \r\n
\r\n
\r\n فیلترها \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n {_productList.length > 0 \r\n ? _productList \r\n : !isLoading &&
محصولی یافت نشد!
\r\n }\r\n {isLoading &&
}\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n lastProductVisited: state.userLastVisit.productInfo,\r\n});\r\n\r\nexport default connect(mapStateToProps, null)(ProductList);","import React, {useState} from \"react\";\r\nimport Slider from \"react-slick\";\r\n\r\nconst ProductInfoGallery = props => {\r\n\r\n const [currentSlide, setCurrentSlide] = useState(1);\r\n\r\n const imageGallerySettings = {\r\n infinite: false,\r\n autoplay: false,\r\n speed: 500,\r\n arrows: false,\r\n dots: false,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n afterChange: function(i) {\r\n setCurrentSlide(i+1);\r\n }\r\n }\r\n\r\n const images = props.galleryInfo.map((item) => (\r\n \r\n {images}\r\n \r\n\r\n {props.galleryInfo.length > 1 &&\r\n \r\n {currentSlide} / {props.galleryInfo.length}\r\n \r\n }\r\n \r\n );\r\n}\r\n\r\nexport default ProductInfoGallery;","import React, { Component } from \"react\";\r\n\r\nexport default class ColorAttr extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n data: this.props.data,\r\n choosedAttr: null\r\n }\r\n }\r\n\r\n // static getDerivedStateFromProps(nextProps, prevState){\r\n // if(nextProps.data !== prevState.data){\r\n // return { data : nextProps.data }\r\n // }\r\n // else return null;\r\n // }\r\n\r\n getImageAddress = (imgAddress) => {\r\n return imgAddress.includes('http') ? imgAddress : `${process.env.REACT_APP_API_URL}Attachment/download/${imgAddress}`;\r\n }\r\n\r\n chooseAttr = (id) => {\r\n let { choosedAttr } = this.state,\r\n choosedVal = choosedAttr && choosedAttr === id ? null : id;\r\n this.setState({ choosedAttr: choosedVal })\r\n this.props.onSelectAttr('color', choosedVal);\r\n }\r\n\r\n render() {\r\n let { data, choosedAttr } = this.state;\r\n let attrItem = data?.items.map((item, i) => {\r\n let choosedClass = item.id === choosedAttr ? 'choosed-box' : '';\r\n return this.chooseAttr(item.id)} title={item.title} key={i}>\r\n
\r\n
\r\n
\r\n
\r\n
انتخاب رنگ \r\n
\r\n {attrItem}\r\n
\r\n
this.chooseAttr(item.id)} title={item.title} key={i}>{item.title}
\r\n })\r\n \r\n return (\r\n \r\n
\r\n
انتخاب سایز \r\n \r\n راهنمای اندازه\r\n \r\n \r\n
\r\n {attrItem}\r\n
\r\n
\r\n
\r\n
\r\n {item.subject} \r\n {momentJ.utc(item.createDate).fromNow()} \r\n
\r\n
{item.body}
\r\n
\r\n
\r\n
{item.name || 'ناشناس'} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n item.image && \r\n
\r\n }\r\n {/*
\r\n */}\r\n
\r\n
\r\n
\r\n \r\n \r\n ریال\r\n
\r\n
{item.title} \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n {productInfo !== null && \r\n
}\r\n\r\n {/* {productInfo?.image &&\r\n
} */}\r\n \r\n
\r\n
\r\n {/* جدید */}\r\n
\r\n {/* {productInfo?.rateSummery?.totalRate &&\r\n
\r\n {productInfo?.rateSummery?.totalRate}\r\n \r\n } */}\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
{productInfo?.title} \r\n
\r\n { \r\n productInfo?.rateSummery?.totalRate &&\r\n
\r\n
\r\n }\r\n {\r\n productInfo?.rateSummery?.rateCount > 0 &&\r\n
( {productInfo?.rateSummery?.rateCount || '0'} ) \r\n }\r\n
\r\n
\r\n
\r\n {\r\n productInfo?.price !== productInfo?.priceBeforeDiscount && \r\n
\r\n \r\n ریال\r\n
\r\n }\r\n {\r\n productInfo?.discountPercent > 0 &&\r\n
(%{productInfo.discountPercent} تخفیف) \r\n }\r\n
\r\n \r\n ریال\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n فروشگاه {productInfo?.shopName} \r\n
\r\n
\r\n\r\n
\r\n {attributesList}\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n {\r\n productInfo?.description &&\r\n
\r\n }\r\n
\r\n\r\n {\r\n hasSize && \r\n
\r\n \r\n
\r\n
موجودی: \r\n
\r\n سایز خود را انتخاب کنید تا با انبار فروشگاه بررسی شود\r\n
\r\n
\r\n \r\n {/*
\r\n
\r\n \r\n
\r\n
ارسال رایگان درب منزل
\r\n
تحویل ۴۸ ساعته از زمان سفارش
\r\n
\r\n
*/}\r\n
\r\n }\r\n\r\n
\r\n
\r\n
\r\n
\r\n نظرات کاربران\r\n \r\n
\r\n {/* {\r\n productInfo?.rateSummery?.totalRate &&\r\n
\r\n
\r\n } */}\r\n
({productInfo?.rateSummery?.rateCount || '0'}) \r\n
\r\n
\r\n {\r\n commentsList.length > 0 && \r\n
\r\n
\r\n \r\n }\r\n
\r\n
\r\n {\r\n commentsList.length > 0 && \r\n
\r\n {commentsList}\r\n
\r\n }\r\n
\r\n
\r\n \r\n \r\n \r\n ثبت نظر\r\n \r\n
\r\n
\r\n\r\n
\r\n
محصولات مشابه \r\n
\r\n {\r\n relatedProduct && \r\n
\r\n {relatedProduct}\r\n
\r\n }\r\n
\r\n
\r\n \r\n \r\n \r\n اضافه کردن به سبد خرید\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
با افزودن محصول از سایر فروشگاه، محصولات فعلی در سبد خرید شما حذف خواهند شد. آیا ادامه می دهید؟
\r\n
\r\n
\r\n بله، محصول به سبد افزوده شود \r\n
\r\n
\r\n خیر \r\n
\r\n
\r\n
\r\n \r\n\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n bskShopId: state.basket.shopId\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps, \r\n { showToast, updatePageTitle, updateBasketCount, updateShopId, lastProductVisited }\r\n)(ProductInfo);","import React, { Component } from \"react\";\r\nimport AGhServices from \"../../../../services/api\";\r\nimport { connect } from 'react-redux';\r\nimport momentJ from 'moment-jalaali';\r\nimport NumberFormat from 'react-number-format';\r\nimport Rate from 'rc-rate';\r\n\r\nclass Comments extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isLoading: true,\r\n goBack: false,\r\n comments: [],\r\n productInfo: null\r\n }\r\n\r\n this.getComments();\r\n }\r\n\r\n componentDidMount = () => {\r\n const productInfo = this.props.productInfo;\r\n if (productInfo === (undefined || null)) this.props.history.go(-1);\r\n else this.setState({ productInfo })\r\n }\r\n\r\n getImageAddress = (imgAddress) => {\r\n return imgAddress.includes('http') ? imgAddress : `${process.env.REACT_APP_API_URL}Attachment/download/${imgAddress}`;\r\n }\r\n\r\n getComments = () => {\r\n let pathname = window.location.pathname.split('/'),\r\n productId = pathname[pathname.length-1];\r\n AGhServices\r\n .getComments('Product', productId)\r\n .then((res) => {\r\n let data = res.data.result;\r\n this.setState({ \r\n comments: data,\r\n isLoading: false\r\n })\r\n })\r\n .catch(err => {\r\n console.log('error in API')\r\n });\r\n }\r\n\r\n render() {\r\n let { comments, productInfo, isLoading } = this.state,\r\n totalRate = productInfo?.rateSummery.totalRate ? parseFloat(productInfo?.rateSummery.totalRate).toFixed(1) : null,\r\n suggestValPercent = Math.floor(totalRate * 20),\r\n rateCount = productInfo?.rateSummery.rateCount,\r\n rate1Count = productInfo?.rateSummery.rate1,\r\n rate2Count = productInfo?.rateSummery.rate2,\r\n rate3Count = productInfo?.rateSummery.rate3,\r\n rate4Count = productInfo?.rateSummery.rate4,\r\n rate5Count = productInfo?.rateSummery.rate5,\r\n rate1ValPercent = rate1Count * 100 / rateCount,\r\n rate2ValPercent = rate2Count * 100 / rateCount,\r\n rate3ValPercent = rate3Count * 100 / rateCount,\r\n rate4ValPercent = rate4Count * 100 / rateCount,\r\n rate5ValPercent = rate5Count * 100 / rateCount,\r\n commentsList = comments?.items || [],\r\n _comments = commentsList.map((item, i) => {\r\n return \r\n
\r\n
\r\n
\r\n
{momentJ.utc(item.createDate).fromNow()} \r\n
\r\n
\r\n
\r\n {item.subject || '[بدون عنوان]'}\r\n
\r\n
\r\n {item.body || '[بدون متن]'}\r\n
\r\n
{item.name || 'ناشناس'} \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{productInfo?.title} \r\n {productInfo?.shopName} \r\n \r\n
\r\n \r\n \r\n ریال\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
{totalRate} \r\n \r\n \r\n %{suggestValPercent} \r\n پیشنهاد شده\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n totalRate && \r\n \r\n ( {productInfo?.rateSummery.rateCount || '0'} ) \r\n
\r\n
\r\n
\r\n\r\n
\r\n
۵ ستاره \r\n
\r\n
{rate5Count} \r\n
\r\n
\r\n
۴ ستاره \r\n
\r\n
{rate4Count} \r\n
\r\n
\r\n
۳ ستاره \r\n
\r\n
{rate3Count} \r\n
\r\n
\r\n
۲ ستاره \r\n
\r\n
{rate2Count} \r\n
\r\n
\r\n
۱ ستاره \r\n
\r\n
{rate1Count} \r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n {\r\n isLoading \r\n ?
\r\n : _comments.length > 0 \r\n ? _comments \r\n :
موردی یافت نشد!
\r\n }\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n {/*
\r\n
{storeInfo?.name || '-'} \r\n \r\n {storeInfo?.address || '-'} \r\n \r\n */}\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n درباره کافی شاپ \r\n \r\n \r\n نظرات کاربران \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n {/* {\r\n storeInfo?.rate && */}\r\n
\r\n
{storeInfo?.rate || '0'} \r\n
({storeInfo?.rateCount || '0'} نظر) \r\n
\r\n
سبک کافه \r\n
ایتالیایی، قهوه ترک، آب میوه
\r\n
\r\n\r\n
\r\n
منوی کافه \r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{storeInfo?.manager} \r\n مدیرعامل \r\n \r\n
\r\n
\r\n {\r\n found > 0 &&\r\n
\r\n
{storeInfo?.name} در شبکه های اجتماعی \r\n
\r\n {\r\n storeInfo?.contacts['facebook'] &&
\r\n \r\n }\r\n {\r\n storeInfo?.contacts['telegram'] &&
\r\n \r\n }\r\n {\r\n storeInfo?.contacts['instagram'] &&
\r\n \r\n }\r\n
\r\n
\r\n\r\n }\r\n
\r\n موقعیت مکانی \r\n
\r\n
\r\n \r\n\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n از کیفیتش راضی هستم، عالیه منتظر کارهای پاییزه شما هستیم، چطوری خبردار بشیم. \r\n ۲ روز قبل \r\n
\r\n
خیلی راحت هستش حتی بعد از شست و شو هم نه رنگ از دست داد نه این کش اومد و حتی رنگ هم پس نداد.
\r\n
\r\n
\r\n
{storeInfo?.name || 'ناشناس'} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n از کیفیتش راضی هستم، عالیه منتظر کارهای پاییزه شما هستیم، چطوری خبردار بشیم. \r\n ۲ روز قبل \r\n
\r\n
خیلی راحت هستش حتی بعد از شست و شو هم نه رنگ از دست داد نه این کش اومد و حتی رنگ هم پس نداد.
\r\n
\r\n
\r\n
{storeInfo?.name || 'ناشناس'} \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n ثبت نظر\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Link } from 'react-router-dom';\r\nimport AGhServices from \"../../../services/api\";\r\nimport NumberFormat from 'react-number-format';\r\nimport { connect } from 'react-redux';\r\nimport { showToast } from '../../../stores/toast/actions';\r\nimport { updateBasketCount, updateShopId } from '../../../stores/basket/actions';\r\n\r\nclass Basket extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isLoading: true,\r\n basketData: [],\r\n }\r\n\r\n this.getBasketList();\r\n }\r\n\r\n getBasketList = () => {\r\n AGhServices\r\n .getCurrentBasket()\r\n .then((res) => {\r\n let data = res.data.result;\r\n this.setState({\r\n basketData: data,\r\n isLoading: false\r\n })\r\n })\r\n .catch(err => {\r\n console.log('error in API')\r\n });\r\n }\r\n\r\n removeBasketItem = (sku) => {\r\n AGhServices\r\n .deleteBasket(sku)\r\n .then((res) => {\r\n let basketCountUpdated = res.data.result;\r\n let { basketData } = this.state;\r\n let basketList = basketData?.orderDetails;\r\n let _basketList = basketList.filter(el => el.sku !== sku);\r\n // let removedItem = basketList.find(item => item.sku === sku);\r\n\r\n // get userInfo from localStorage\r\n let userInfo = JSON.parse(localStorage.getItem('USERINFO'));\r\n\r\n // update store\r\n this.props.updateBasketCount(basketCountUpdated);\r\n this.setState({\r\n basketData: {\r\n ...basketData,\r\n orderDetails: _basketList\r\n }\r\n })\r\n\r\n if (basketCountUpdated === 0) {\r\n this.props.updateShopId(null);\r\n userInfo.basketShopId = null;\r\n }\r\n\r\n // update basket count in localStorage\r\n userInfo.basketCount = basketCountUpdated;\r\n localStorage.setItem('USERINFO', JSON.stringify(userInfo));\r\n\r\n this.props.showToast('محصول با موفقیت حذف شد.');\r\n })\r\n .catch(err => {\r\n console.log('error in API')\r\n });\r\n }\r\n\r\n // payment = () => {\r\n // const { basketData } = this.state,\r\n // basketList = basketData?.orderDetails;\r\n // console.log(basketList)\r\n // }\r\n\r\n updateTotalPrice = (dataInfo) => {\r\n // update basket count in local storage\r\n let userInfo = JSON.parse(localStorage.getItem('USERINFO'));\r\n let userInfoUpdated = {\r\n ...userInfo,\r\n basketCount: dataInfo.basketCount,\r\n }\r\n localStorage.setItem('USERINFO', JSON.stringify(userInfoUpdated));\r\n\r\n // update store\r\n this.props.updateBasketCount(dataInfo.basketCount);\r\n\r\n this.getBasketList();\r\n\r\n // find changed item then change quantity then update state and total price\r\n // let changedItemIndex = this.state.basketData.orderDetails.findIndex(item => item.ShopId === dataInfo.ShopId);\r\n // const newBasketData = Object.assign({}, this.state.basketData);\r\n // newBasketData.orderDetails[changedItemIndex].quantity += dataInfo.quantityChange;\r\n\r\n // this.setState(prevState => ({\r\n // ...prevState,\r\n // basketData: newBasketData,\r\n // }))\r\n\r\n // this.forceUpdate();\r\n }\r\n\r\n render() {\r\n let { basketData, isLoading } = this.state;\r\n let totalPrice = 0;\r\n let basketList = basketData?.orderDetails || [];\r\n let _basketList = basketList.map((item, i) => {\r\n totalPrice += item.price * item.quantity;\r\n return \r\n \r\n {\r\n _basketList.length > 0 &&\r\n
\r\n \r\n \r\n خرید از: \r\n فروشگاه {basketData?.shopName} \r\n
\r\n }\r\n\r\n
\r\n {\r\n isLoading \r\n ?
\r\n : _basketList.length > 0 \r\n ? _basketList \r\n :
سبد خالی می باشد
\r\n }\r\n
\r\n\r\n {\r\n _basketList.length > 0 &&\r\n
\r\n
\r\n جمع قیمت: \r\n \r\n \r\n \r\n ریال\r\n \r\n
\r\n
مالیات و حمل و نقل محاسبه می شود
\r\n
تکمیل خرید\r\n
\r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\n// basket item component\r\nclass BasketItem extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n data: this.props.data,\r\n disableChangeQuantity: false,\r\n }\r\n }\r\n\r\n componentDidUpdate(nextProps) {\r\n const { data } = this.props;\r\n if (nextProps.data !== data) {\r\n if (data) {\r\n this.setState({\r\n data: this.props.data\r\n })\r\n }\r\n }\r\n }\r\n\r\n getImageAddress = (imgAddress) => {\r\n if (!imgAddress && imgAddress.length === 0)\r\n return '';\r\n return imgAddress.includes('http') ? imgAddress : `${process.env.REACT_APP_API_URL}Attachment/download/${imgAddress}`;\r\n }\r\n\r\n addToBasket = (type, data) => {\r\n if (type === 'dec' && data.quantity === 1) return false;\r\n\r\n if (this.state.disableChangeQuantity === false) {\r\n\r\n this.setState({\r\n disableChangeQuantity: true,\r\n })\r\n\r\n let body = {\r\n ProductId: data.productId,\r\n ShopId: data.shopId,\r\n SKU: data.sku,\r\n Quantity: type === 'inc' ? 1 : -1\r\n };\r\n \r\n AGhServices\r\n .addToBasket(body)\r\n .then((res) => {\r\n let data = res.data;\r\n if (data && data !== null) {\r\n if (data.status === 0) {\r\n data = data.result;\r\n // this.setState((prevState) => ({\r\n // data: {\r\n // ...prevState.data,\r\n // quantity: type === 'inc' \r\n // ? prevState.data.quantity + 1 \r\n // : prevState.data.quantity - 1\r\n // }\r\n // }), () => {\r\n // this.setState({\r\n // disableChangeQuantity: false,\r\n // });\r\n // this.props.updateTotalPrice({\r\n // productId: body.ProductId,\r\n // quantityChange: body.Quantity,\r\n // basketCount: data,\r\n // });\r\n // });\r\n this.setState({\r\n disableChangeQuantity: false,\r\n });\r\n this.props.updateTotalPrice({ basketCount: data });\r\n } else {\r\n this.setState({\r\n disableChangeQuantity: false,\r\n });\r\n this.props.toastMessage(data.message || 'خطای ناشناخته');\r\n }\r\n } else {\r\n this.setState({\r\n disableChangeQuantity: false,\r\n });\r\n this.props.toastMessage(data.message || 'خطای ناشناخته');\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({\r\n disableChangeQuantity: false,\r\n });\r\n console.log('error in API', err);\r\n });\r\n }\r\n }\r\n\r\n removeBasketItem = (id) => {\r\n this.props.removeBasketItem(id);\r\n }\r\n\r\n render() {\r\n const { data } = this.state,\r\n _productAttributes = data?.productAttributes,\r\n bskAttributes = _productAttributes.map((item, i) => {\r\n if (item.categoryKey === \"color\") {\r\n return \r\n رنگ:\r\n
\r\n
\r\n
\r\n
\r\n سایز: {item.title}\r\n
\r\n }\r\n return <>\r\n });\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{data?.title} \r\n
\r\n
\r\n
\r\n \r\n ریال\r\n \r\n {\r\n bskAttributes.length > 0 &&
\r\n {bskAttributes}\r\n
\r\n }\r\n
\r\n\r\n
\r\n
\r\n this.addToBasket('inc', data)}\r\n disabled={data?.quantity >= 100}>\r\n \r\n {data?.quantity} \r\n this.addToBasket('dec', data)} \r\n disabled={data?.quantity <= 1}>\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
this.removeBasketItem(data?.sku)}>\r\n
\r\n
\r\n\r\n
\r\n
\r\n
1
\r\n
\r\n
{_address ? 'آدرس محل ارسال:' : 'یک آدرس برای ارسال انتخاب کنید'}
\r\n {\r\n _address &&
\r\n {_address?.title || 'عنوان آدرس'} - {_address?.province || 'استان'} - {_address?.city || 'شهر'} - {_address?.address1 || 'آدرس کامل'}\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
\r\n {/*
\r\n
2
\r\n
\r\n {/ *
نوع ارسال را انتخاب کنید
* /}\r\n
\r\n ارسال از طریق پیک موتوری در شهر مشهد
\r\n
\r\n
\r\n {/ * اضافه * /}\r\n
\r\n
*/}\r\n
\r\n
2
\r\n
\r\n {!paymentType &&
نوع پرداخت را انتخاب کنید
}\r\n
{paymentType ? `نوع پرداخت: ${paymentType?.title}` : ''}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {/*
\r\n
\r\n
\r\n
\r\n
پیام هدیه ارسال شود
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
*/}\r\n {/* \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
تاپ یقه ایستاده طرح بزرگ \r\n
\r\n ناریان\r\n \r\n
\r\n
\r\n تعداد: ۱\r\n
\r\n
\r\n سایز: \r\n M \r\n
\r\n
\r\n
\r\n
\r\n ۱۵۰ هزارتومان \r\n
\r\n
*/}\r\n\r\n
\r\n {\r\n isLoading ?\r\n
:\r\n _basketList.length > 0 ? _basketList :
سبد خالی می باشد
\r\n }\r\n
\r\n\r\n
\r\n {/*
\r\n مبلغ قابل پرداخت: \r\n \r\n \r\n \r\n ریال\r\n \r\n
*/}\r\n {/*
\r\n هزینه ارسال: \r\n رایگان \r\n
\r\n
\r\n مالیات: \r\n محاسبه می شود \r\n
*/}\r\n
\r\n\r\n
\r\n
\r\n مبلغ قابل پرداخت: \r\n \r\n \r\n \r\n ریال\r\n \r\n
\r\n {/*
مالیات و حمل و نقل محاسبه می شود
*/}\r\n
تایید نهایی \r\n
\r\n\r\n
\r\n رنگ:\r\n
\r\n
\r\n
\r\n
\r\n سایز: {item.title}\r\n
\r\n }\r\n return <>;\r\n });\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{data?.title} \r\n
\r\n
\r\n
\r\n \r\n ریال\r\n \r\n {\r\n bskAttributes.length > 0 &&
\r\n {bskAttributes}\r\n
\r\n }\r\n
\r\n
\r\n
\r\n {!showOnly && this.addToBasket('inc', data)}> }\r\n {showOnly && تعداد: }\r\n {data?.quantity} \r\n {!showOnly && this.addToBasket('dec', data)}> }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n !showOnly &&
\r\n
\r\n }\r\n
\r\n
this.chooseAddress(item)}>\r\n {/*
\r\n
*/}\r\n
\r\n {item.title || 'عنوان آدرس'} \r\n {item.mobile || 'شماره همراه'} \r\n
\r\n
\r\n {item.province || 'استان'} - {item.city || 'شهر'} - {item.address1 || 'آدرس کامل'}\r\n
\r\n {/*
\r\n
\r\n
\r\n
*/}\r\n
\r\n
\r\n {\r\n item.isDefault &&
\r\n
\r\n
\r\n
آدرس پیش فرض \r\n
\r\n }\r\n
\r\n this.deleteAddress(item.id)}>\r\n \r\n
\r\n
\r\n
\r\n {\r\n isLoading ?\r\n
: \r\n _addressList.length > 0 ? \r\n
\r\n
\r\n {_addressList}\r\n
\r\n
\r\n
\r\n
:\r\n
\r\n
\r\n با افزودن آدرس به حساب خود،
\r\n
اضافه کردن آدرس\r\n
\r\n }\r\n\r\n
\r\n { loader &&
}\r\n
\r\n\r\n
\r\n this.choosePaymentType(item)}>\r\n {item.title} \r\n
\r\n \r\n })\r\n return (\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nexport default class GiftMessage extends Component {\r\n\r\n // constructor(props) {\r\n // super(props);\r\n // }\r\n\r\n render() {\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 {mpDate.convertFullGorgianToJalaali(orderData?.orderDate)} \r\n \r\n \r\n شماره پیگیری : \r\n {orderData?.orderId} \r\n \r\n {/* \r\n مبلغ : \r\n 12,000 ریال \r\n \r\n \r\n وضعیت : \r\n موفق \r\n \r\n \r\n شماره مرجع تراکنش : \r\n DDFYJKKHTTYH \r\n */}\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n {item.title} \r\n \r\n \r\n )\r\n })\r\n\r\n return (\r\n \r\n\r\n
\r\n\r\n
\r\n {\r\n isLoading \r\n ?
\r\n : _blogList.length \r\n ? _blogList \r\n :
موردی یافت نشد!
\r\n }\r\n
\r\n\r\n
\r\n {item.title} \r\n \r\n \r\n )\r\n })\r\n\r\n return (\r\n \r\n\r\n
\r\n\r\n
\r\n {\r\n isLoading \r\n ?
\r\n : _blogList.length \r\n ? _blogList \r\n :
موردی یافت نشد!
\r\n }\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
{blogInfo?.title} \r\n \r\n {mpDate.fullJalaaliPersianDate(blogInfo?.publishDate)}\r\n \r\n \r\n
\r\n
\r\n
\r\n {/*
\r\n سیسی\r\n */}\r\n
\r\n\r\n
\r\n
\r\n
\r\n
{item.title} \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n {\r\n isLoading \r\n ?
\r\n : _bannerList.length \r\n ? _bannerList \r\n :
موردی یافت نشد!
\r\n }\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
{bannerInfo?.title} \r\n \r\n {mpDate.fullJalaaliPersianDate(bannerInfo?.publishDate)}\r\n \r\n \r\n
\r\n
\r\n
\r\n {/*
\r\n سیسی\r\n */}\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
متأسفانه در حال حاضر هیچ پیشنهادی در دسترس نیست. \r\n
\r\n ما سخت تلاش می کنیم تا پیشنهادات جدیدی را برای شما اضافه کنیم، لطفا بعداً بررسی کنید.\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
{item.name} \r\n \r\n
\r\n \r\n
\r\n
\r\n {/*
\r\n
{karalandInfo?.name} \r\n \r\n طبقه سوم \r\n \r\n */}\r\n
\r\n\r\n
\r\n\r\n { tel !== \"#\" &&\r\n
\r\n }\r\n\r\n\r\n
\r\n
\r\n
\r\n
معرفی مشاغل \r\n \r\n \r\n \r\n \r\n
\r\n { _karalandJobList }\r\n
\r\n
\r\n
\r\n
\r\n\r\n {\r\n found > 0 &&\r\n
\r\n
\r\n
{karalandInfo?.name} در شبکه های اجتماعی \r\n
\r\n {\r\n karalandInfo?.contacts['facebook'] && \r\n
\r\n \r\n }\r\n {\r\n karalandInfo?.contacts['telegram'] && \r\n
\r\n \r\n }\r\n {\r\n karalandInfo?.contacts['instagram'] && \r\n
\r\n \r\n }\r\n
\r\n
\r\n {/*
\r\n موقعیت مکانی \r\n
*/}\r\n
\r\n }\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
{item.name} \r\n \r\n
\r\n
\r\n
\r\n {\r\n isLoading \r\n ?
\r\n : _karalandJobList.length \r\n ? _karalandJobList \r\n :
موردی یافت نشد!
\r\n }\r\n
\r\n
\r\n \r\n
\r\n
\r\n {/*
\r\n
{jobInfo?.name} \r\n \r\n کارالند \r\n \r\n */}\r\n
\r\n\r\n
\r\n\r\n {/*
\r\n this.bookmarkAction()}>\r\n \r\n
*/}\r\n \r\n
\r\n {/*
*/}\r\n
{jobInfo?.titleChild} \r\n
\r\n {jobInfo?.descriptionChild}\r\n
\r\n
{jobInfo?.titleParent} \r\n
\r\n {jobInfo?.descriptionParent}\r\n
\r\n
\r\n
\r\n
\r\n {+jobInfo?.age > 0 ? `+${jobInfo?.age}` : jobInfo?.age} \r\n
\r\n
محدوده سنی \r\n
\r\n
\r\n
\r\n {jobInfo?.duration} \r\n دقیقه\r\n
\r\n
مدت زمان \r\n
\r\n
\r\n
\r\n {jobInfo?.capacity} \r\n کودک\r\n
\r\n
ظرفیت \r\n
\r\n
\r\n
\r\n {jobInfo?.price} \r\n کارو\r\n
\r\n
قیمت \r\n
\r\n
\r\n
\r\n\r\n {/*
\r\n
\r\n
\r\n
*/}\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
{item.title} \r\n \r\n
\r\n
\r\n
\r\n
{item.title} \r\n \r\n
\r\n \r\n \r\n
\r\n });\r\n 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 _allMovies.length > 0 &&\r\n
\r\n
\r\n
آخرین فیلم ها روز سینمای ایران \r\n \r\n \r\n \r\n \r\n
\r\n {_allMovies}\r\n
\r\n
\r\n }\r\n {\r\n _golshanMovieList.length > 0 &&\r\n
\r\n
\r\n
فیلم ها در سینما گلشن \r\n \r\n \r\n \r\n \r\n
\r\n {_golshanMovieList}\r\n
\r\n
\r\n }\r\n\r\n
\r\n
بدلیل شیوع ویروس کرونا، سینما گلشن غیرفعال میباشد.
\r\n
\r\n\r\n
\r\n
جدول فروش فیلم ها در سال {mpDate.jYear(new Date())} \r\n
\r\n
\r\n
\r\n فیلم \r\n فروش(تومان) \r\n
\r\n
\r\n
\r\n {\r\n isLoading ? \r\n
: \r\n _boxOfficeList.length > 0 ? _boxOfficeList :
فیلمی یافت نشد!
\r\n }\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n {/*
\r\n
سینما گلشن در شبکه های اجتماعی \r\n
\r\n
*/}\r\n
\r\n
رزرو اینترنتی \r\n {/*
رزرو اینترنتی */}\r\n {/*
موقعیت مکانی */}\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
{item.title} \r\n \r\n
\r\n
\r\n
\r\n {\r\n isLoading \r\n ?
\r\n : _movieList.length \r\n ? _movieList \r\n :
موردی یافت نشد!
\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{movieInfo?.title} \r\n \r\n تهیه کننده: {movieInfo?.producer || 'ناشناس'} \r\n \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n {\r\n movieInfo?.rate \r\n &&
\r\n
{movieInfo?.rate} \r\n
({movieInfo?.rateCount || '0'} نظر) \r\n
\r\n
\r\n {movieInfo?.duration} دقیقه \r\n ژانر {movieInfo?.genre} \r\n
\r\n
\r\n {/*
this.bookmarkAction()}>\r\n */}\r\n
\r\n\r\n
\r\n\r\n
\r\n {\r\n galleryItems.length > 0 \r\n &&
\r\n
\r\n
صحنه هایی از فیلم \r\n \r\n
\r\n {galleryItems}\r\n
\r\n
\r\n }\r\n
\r\n
\r\n
کارگردان : \r\n
{movieInfo?.director || '-'}
\r\n
\r\n
\r\n
تاریخ اکران : \r\n
\r\n {_movieDetails['تاریخ اکران:']?.value || '-'}\r\n
\r\n
\r\n
\r\n
پخش : \r\n
{_movieDetails['پخش:']?.value || '-'}
\r\n
\r\n
\r\n
بازیگران : \r\n
{_movieDetails['بازيگران:']?.value || '-'}
\r\n
\r\n
\r\n
درباره فیلم : \r\n
{movieInfo?.description || '-'}
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n null, \r\n { updatePageTitle }\r\n)(MovieInfo);","import React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport AGhServices from \"../../../services/api\";\r\n\r\nexport default class FoodCourt extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n foodCourtInfo: null,\r\n foodCourtStoreList: [],\r\n featuresProductList: []\r\n }\r\n\r\n this.getFoodCourtInfo();\r\n this.getFoodCourtStoreList(`?page=1&pageSize=100&Filter.Tags=FoodCourt`);\r\n this.getFeaturersProductList('?page=1&pageSize=100&Filter.Tags=Feature&Filter.ShopTags=FoodCourt');\r\n }\r\n\r\n getImageAddress = (imgAddress) => {\r\n return imgAddress.includes('http') ? imgAddress : `${process.env.REACT_APP_API_URL}Attachment/download/${imgAddress}`;\r\n }\r\n\r\n getFoodCourtInfo = () => {\r\n let storeId = '/Name/FoodCourt';\r\n AGhServices\r\n .getStore(storeId)\r\n .then((res) => {\r\n let data = res.data.result;\r\n this.setState({\r\n foodCourtInfo: data,\r\n })\r\n })\r\n .catch(err => {\r\n console.log('error in API')\r\n });\r\n }\r\n\r\n getFoodCourtStoreList = (filterParam) => {\r\n AGhServices\r\n .getStore(null, filterParam)\r\n .then((res) => {\r\n let data = res.data.result;\r\n this.setState({\r\n foodCourtStoreList: data.items,\r\n })\r\n })\r\n .catch(err => {\r\n console.log('error in API')\r\n });\r\n }\r\n\r\n getFeaturersProductList = (filterParam) => {\r\n AGhServices\r\n .getProduct(null, filterParam)\r\n .then((res) => {\r\n let data = res.data.result;\r\n this.setState({ \r\n featuresProductList: data.items,\r\n })\r\n })\r\n .catch(err => {\r\n console.log('error in API')\r\n });\r\n }\r\n\r\n render() {\r\n const { foodCourtInfo, foodCourtStoreList, featuresProductList } = this.state,\r\n tel = foodCourtInfo?.contacts?.tel ? (\"tel:+98\" + foodCourtInfo?.contacts?.tel?.slice(1)) : '#',\r\n _foodCourtStoreList = foodCourtStoreList.map((item, i) => {\r\n return \r\n
\r\n
\r\n
{item.name} \r\n \r\n
\r\n
\r\n
\r\n
\r\n
{item.shopName} \r\n
\r\n {item.title} \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n {/*
\r\n
{foodCourtInfo?.name} \r\n \r\n طبقه چهارم \r\n \r\n */}\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
رستوران ها \r\n \r\n \r\n \r\n \r\n
\r\n {_foodCourtStoreList}\r\n
\r\n
\r\n\r\n {\r\n _featuresProductList.length > 0 &&\r\n
\r\n
\r\n
باید امتحان کنید \r\n \r\n
\r\n {_featuresProductList}\r\n
\r\n
\r\n }\r\n
\r\n
\r\n\r\n {\r\n found > 0 &&\r\n
\r\n
\r\n
{foodCourtInfo?.name} در شبکه های اجتماعی \r\n
\r\n {\r\n foodCourtInfo?.contacts['facebook'] && \r\n
\r\n \r\n }\r\n {\r\n foodCourtInfo?.contacts['telegram'] && \r\n
\r\n \r\n }\r\n {\r\n foodCourtInfo?.contacts['instagram'] && \r\n
\r\n \r\n }\r\n
\r\n
\r\n
\r\n }\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
{item.title} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {item.title} \r\n {item.shortDescription} \r\n {item.shopName} \r\n
\r\n
\r\n \r\n \r\n ریال\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n {/*
رستوران ناندوز
*/}\r\n
\r\n
\r\n
\r\n نمایش براساس \r\n \r\n \r\n
\r\n
\r\n فیلترها \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n {\r\n _categoryList.length > 0 && \r\n
\r\n
\r\n {_categoryList}\r\n
\r\n
\r\n }\r\n
\r\n
\r\n {\r\n isLoading ? \r\n
:\r\n _productList.length > 0 ? _productList :
غذایی یافت نشد!
\r\n }\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n {/*
\r\n
هایپر اونیک \r\n \r\n طبقه منفی یک \r\n \r\n */}\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n درباره فروشگاه \r\n \r\n \r\n تخفیف ها \r\n \r\n \r\n نظرات کاربران \r\n \r\n \r\n \r\n \r\n \r\n
درسـا،از خلق ایده تا جایگاه شایسته \r\n
\r\n برند درسا در سال 1370 با ایده تولید محصولات چرمی و توسط امیر کاظم نورمحمدی و شاهین فاطمی خلق شد. آن ها اولین گام های تولید را در کارگاهی 15 متری و با تولید ملزومات چرمی مانند کمربند و جاسویچی برداشتند، پرورش تفکر کارآفرینی و عشق به تولیدِ محصول باکیفیت ِ آن ها را در مسیر رشد جهانی قرارداد. مأموریت خالقان برند درسا، تولید محصول باکیفیت و بانام ایرانی بود که در جهان شناخته شود ...\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
شاهین فاطمی \r\n مدیرعامل \r\n \r\n
\r\n
\r\n {/*
\r\n
هایپر اونیک در شبکه های اجتماعی \r\n
\r\n
*/}\r\n
\r\n موقعیت مکانی \r\n
\r\n
\r\n \r\n موردی یافت نشد\r\n \r\n \r\n\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n از کیفیتش راضی هستم، عالیه منتظر کارهای پاییزه شما هستیم، چطوری خبردار بشیم. \r\n ۲ روز قبل \r\n
\r\n
خیلی راحت هستش حتی بعد از شست و شو هم نه رنگ از دست داد نه این کش اومد و حتی رنگ هم پس نداد.
\r\n
\r\n
\r\n
{storeInfo?.name || 'ناشناس'} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n از کیفیتش راضی هستم، عالیه منتظر کارهای پاییزه شما هستیم، چطوری خبردار بشیم. \r\n ۲ روز قبل \r\n
\r\n
خیلی راحت هستش حتی بعد از شست و شو هم نه رنگ از دست داد نه این کش اومد و حتی رنگ هم پس نداد.
\r\n
\r\n
\r\n
{storeInfo?.name || 'ناشناس'} \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n ثبت نظر\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nimport privacy from '../../assets/images/static/privacy.svg';\r\n\r\nexport default class Club extends Component {\r\n\r\n // constructor(props) {\r\n // super(props);\r\n // }\r\n\r\n // componentDidMount() {\r\n // }\r\n\r\n render() {\r\n return (\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n {loader &&
} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n ثبت و ارسال \r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
اعتبارات آرمیتاژی چیست ؟ \r\n
\r\n با عضویت در باشگاه مشتریان آرمیتاژ در هر خرید، به میزان درصد مشخصی از خرید شما به صورت اعتبار آرمیتاژی در کارت شما شارژ می گردد که اعتبارات کسب شده را می توانید در همان فروشگاه و یا دیگر فروشگاه های عضو باشگاه خرج کنید، پس با عضویت در باشگاه مشتریان آرمیتاژ لازم نیست همیشه پول بپردازید و گاهی اوقات هم با اعتبارات آرمیتاژی و بدون پرداخت پول خرید خواهید کرد.\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
امتیازات آرمیتاژی چیست ؟ \r\n
با هر ۱۰ هزارتومان خرید یک امتیاز کسب خواهید کرد.
\r\n
\r\n با عضویت در باشگاه مشتریان آرمیتاژ،در هر خرید علاوه بر کسب اعتبارات آرمیتاژی، امتیازاتی را نیز بدست می آورید که این امتیازات برای تغییر سطح کارت و قرعه کشی های باشگاه مشتریان آرمیتاژ مورد نیاز است.\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
با رسیدن به ۵۰ امتیاز کارت آبی صادر میشود.
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
با رسیدن به ۲۰۰۰ امتیاز کارت طلایی صادر میشود.
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
با رسیدن به ۷۰۰۰ امتیاز کارت مشکی صادر میشود.
\r\n
\r\n
\r\n\r\n\r\n
نحوه عضویت در باشگاه مشتریان \r\n
\r\n
\r\n با مراجعه به کانتر باشگاه مشتریان در برج آرمیتاژ طبقه ١+ و یا در فروشگاه های عضو فرم درخواست عضویت خود را پر نمایید.\r\n
\r\n
\r\n
\r\n در هر خرید اعتبارها و امتیازهای آرمیتاژی کسب کنید. \r\n تا سقف اعتبارهای آرمیتاژی خود بدون پرداخت مبلغ خرید نمایید. \r\n از زمانی که به ۵۰۰ امتیاز برسید به قرعه کشی سفر با کشتی کروز راه پیدا می کنید. \r\n با کسب امتیازات بیشتر به رویدادهای جذاب و خصوصی دعوت خواهید شد. \r\n اعضای فعال باشگاه مشتریان آرمیتاژ از خدمات ویژه باشگاه برخوردار خواهند شد. \r\n \r\n {!isLogin &&\r\n
\r\n
\r\n }\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
{item.name} \r\n
\r\n موقعیت مکانی \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
{item.title} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n { _catList }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n ۵۰ سفر کیش ویژه \r\n
\r\n قرعه کشی هفتگی کیش باشگاه مشتریان آرمیتاژ گلشن هر ۰۰۲ هزار تومان خرید ۱ شانس\r\n
\r\n
\r\n فرآیند قرعه کشی به شرح ذیل میباشد :\r\n
\r\n
\r\n \r\n خرید مشتریان عضو باشگاه و انجام تراکنش در پزهای فروشگاه های عضو باشگاه مشتریان آرمیتاژ نکته : \r\n در صورت تمایل مشتری به عضویت در باشگاه فرایند عضویت در فروشگاه انجام گردد. \r\n \r\n حداقل مبلغ برای دریافت شانس قرعه کشی 200 هزار تومان یک شانس بوده که میتواند با تجمیع مبالغ فیش ها نیز حاصل شود .\r\n \r\n \r\n ارائه فیش خرید به کانتر باشگاه توسط خریدار و دریافت کارت قرعه کشی\r\n \r\n \r\n قرارگیری کارت در صندوق قرعه کشی\r\n \r\n \r\n انجام قرعه کشی به صورت آنلاین چهارشنبه شب هر هفته ساعت 20\r\n \r\n \r\n
قوانین: \r\n
\r\n \r\n ارائه سفر کیش به صورت کمک هزینه 10 میلیون ریالی بوده و مازاد سفر کیش پرداخت نخواهد شد.\r\n \r\n \r\n مدت زمان استفاده از کمک هزینه به مدت 3 ماه میباشد .\r\n \r\n \r\n برنده هر قرعه کشی شـانس حضــور مجــدد در قـرعــه کشی های آتی را نیــز خواهد داشت.\r\n \r\n \r\n
\r\n {/*
*/}\r\n
\r\n
\r\n
\r\n {cmsContent?.wideImage && cmsContent?.wideImage !== null &&\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(null, { updatePageTitle })(CMSPages);","import React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport armitajLogo from \"../../assets/images/armitajmall_black.svg\";\r\nimport notFoundImg from \"../../assets/images/404.svg\";\r\n\r\nexport default class NotFound extends Component {\r\n\r\n // constructor(props) {\r\n // super(props);\r\n // }\r\n\r\n render() {\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\t\t\t{props.toastInfo.text} \r\n\t\t \r\n\t);\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n toastInfo: state.toast,\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps, \r\n { disappearToast }\r\n)(GlobalToast);","import Main from \"../view/layout/main\";\r\n// import External from \"../view/layout/externalLayout\";\r\n\r\n// layouts route\r\nconst indexRoutes = [ \r\n\t// { path: \"/external\", component: External }, // user for other layouts\r\n\t{ path: \"/\", component: Main },\r\n];\r\n\r\nexport default indexRoutes;","import React, { Component } from \"react\";\r\nimport {\r\n// BrowserRouter as Router,\r\n Switch,\r\n Route,\r\n Redirect\r\n} from \"react-router-dom\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport Header from '../components/header';\r\nimport NavigationBar from '../components/navigationBar';\r\nimport mainRoutes from \"../../routes/main\";\r\nimport GlobalToast from '../components/Toast';\r\n\r\nimport enamad from \"../../assets/images/namad/enamad.png\";\r\n\r\n\r\nexport default class Main extends Component {\r\n\r\n // constructor(props) {\r\n // super(props);\r\n // }\r\n \r\n componentDidUpdate(prevProps) {\r\n if (this.props.location.pathname !== prevProps.location.pathname) {\r\n window.scrollTo(0, 0);\r\n }\r\n }\r\n\r\n render() {\r\n let location = this.props.location.pathname,\r\n hasHeaderAddress = ['/', '/search', '/404'],\r\n hasNavAddress = ['/search', '/404'],\r\n hasHeader = hasHeaderAddress.find(el => el === location),\r\n hasNav = hasNavAddress.find(el => el === location);\r\n\r\n return (\r\n \r\n \r\n \r\n {mainRoutes.map((prop, key) => {\r\n if (prop.redirect) { return } key={key} />;\r\n return (\r\n <> \r\n \r\n {prop.title || 'آرمیتاژ گلشن'} \r\n \r\n { !hasHeader && }\r\n \r\n \r\n \r\n { !hasNav && \r\n );\r\n }\r\n}\r\n","import {useState} from \"react\";\r\n\r\nexport const useModal = (initialMode = false) => {\r\n const [modalOpen, setModalOpen] = useState(initialMode);\r\n const toggle = () => setModalOpen(!modalOpen);\r\n\r\n return [modalOpen, setModalOpen, toggle];\r\n}\r\n\r\nexport const useModalWithData = (initialMode = false, initialSelected = null) => {\r\n const [modalOpen, setModalOpen] = useModal(initialMode);\r\n const [selected, setSelected] = useState(initialSelected);\r\n const setModalState = state => {\r\n setModalOpen(state);\r\n if (state === false) {\r\n setSelected(null)\r\n }\r\n }\r\n\r\n return {modalOpen, setModalOpen, selected, setSelected, setModalState};\r\n}\r\n","import React from \"react\";\r\nimport { Modal } from 'react-bootstrap';\r\nimport { useModal } from \"../Hooks/useModal\";\r\nimport image from \"../../../assets/images/armitajicon_s.png\";\r\nimport share from \"../../../assets/images/share.svg\";\r\nimport plusSign from \"../../../assets/images/plus-sign.svg\";\r\nimport add from \"../../../assets/images/add.png\";\r\n\r\nexport const InstallPWA = ({ ...props }) => {\r\n const [modalOpen, setModalOpen] = useModal(true);\r\n\r\n // useEffect(\r\n // () => {\r\n // setModalOpen(true)\r\n // }, []\r\n // )\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n\r\n {/*
برای کارایی بهتر اپلیکیشن لطفا اپلیکیشن را نصب نمایید
*/}\r\n\r\n
\r\n
\r\n
\r\n Share بزنید.\r\n
\r\n
\r\n
\r\n Add to Home Screen را انتخاب کنید.\r\n
\r\n
\r\n
\r\n Add بزنید.\r\n
\r\n
\r\n
setModalOpen(false)}>متوجه شدم \r\n
\r\n
\r\n \r\n )\r\n}\r\n","import moment from \"moment\";\r\n\r\nfunction checkForIOS() {\r\n if (navigator.standalone) {\r\n return false;\r\n }\r\n const today = moment();\r\n var days = NaN;\r\n if (localStorage.getItem(\"installPrompt\")) {\r\n const lastPrompt = moment(localStorage.getItem(\"installPrompt\"));\r\n days = today.diff(lastPrompt, \"days\");\r\n }\r\n const ua = window.navigator.userAgent;\r\n const isIPad = !!ua.match(/iPad/i);\r\n const isIPhone = !!ua.match(/iPhone/i)\r\n const isIOS = isIPad || isIPhone;\r\n const webkit = !!ua.match(/WebKit/i);\r\n const isSafari = isIOS && webkit && !ua.match(/CriOS/i);\r\n\r\n const prompt = (isNaN(days) || days > 30) && isIOS;\r\n // const prompt = isIOS;\r\n\r\n if (prompt && \"localStorage\" in window) {\r\n localStorage.setItem(\"installPrompt\", today.format());\r\n }\r\n\r\n return { isIPhone, isIPad, isIOS, isSafari, prompt };\r\n}\r\n\r\nexport default function useIsIOS() {\r\n // const [isIOS, setIsIOS] = useState({});\r\n\r\n // useEffect(() => {\r\n // setIsIOS(checkForIOS());\r\n // return() => console.log(\"CLEANUP INSTALL PROMPT\", isIOS);\r\n // }, []);\r\n\r\n let isIOS = checkForIOS();\r\n return isIOS;\r\n}\r\n","import React, { Component } from 'react';\r\nimport {\r\n BrowserRouter as Router,\r\n Switch,\r\n Route\r\n} from \"react-router-dom\";\r\nimport {connect} from 'react-redux';\r\nimport { updateUserNotifCount } from './stores/user/notif/actions';\r\nimport { createBrowserHistory } from \"history\";\r\nimport './assets/scss/style.scss';\r\nimport indexRoutes from \"./routes/index\";\r\nimport { messaging } from './push-notification';\r\nimport AGhServices from \"./services/api\";\r\n// import PWAInstallerPrompt from 'react-pwa-installer-prompt';\r\nimport {InstallPWA} from \"./view/components/InstallPWA\";\r\nimport useIsIOS from \"./view/components/Hooks/useIsIOS\";\r\n\r\nconst history = createBrowserHistory();\r\nclass App extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isLandscape: false\r\n }\r\n }\r\n\r\n componentDidMount = () => {\r\n // this.updateDimensions();\r\n // window.addEventListener(\"resize\", this.updateDimensions);\r\n // console.log('HAMID');\r\n\r\n if (messaging) {\r\n messaging.requestPermission()\r\n .then(function (permission) {\r\n // console.log('Notification permission granted.');\r\n // console.log(permission);\r\n // if (permission) {\r\n messaging.getToken().then(function (fbToken) {\r\n // console.log('FB Token: ' + fbToken);\r\n if (fbToken)\r\n AGhServices.registerDeviceToken({ token: fbToken, type: 'Web' });\r\n })\r\n .catch(function (err) {\r\n console.log(\"Unable to get Firebase Token.\", err);\r\n });;\r\n // }\r\n })\r\n .catch(function (err) {\r\n console.log(\"Unable to get permission to notify.\", err);\r\n });\r\n\r\n navigator.serviceWorker.addEventListener(\"message\", (message) => {\r\n // alert('Test', message);\r\n // console.log('Received a message from service worker: ', message.data);\r\n let newNotifCount = this.props.userNotifCount++;\r\n this.props.updateUserNotifCount(newNotifCount);\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount = () => {\r\n // window.removeEventListener(\"resize\", this.updateDimensions);\r\n }\r\n\r\n updateDimensions = () => {\r\n if (window.innerWidth > window.innerHeight) this.setState({ isLandscape: true })\r\n else this.setState({ isLandscape: false })\r\n }\r\n\r\n render() {\r\n // const { isLandscape } = this.state;\r\n const { /* isIPhone, isIPad, isIOS, isSafari, */ prompt } = useIsIOS();\r\n\r\n return (\r\n <>\r\n \r\n {/* { isLandscape &&
} */}\r\n \r\n {indexRoutes.map((prop, key) => {\r\n return \r\n \r\n { prompt && \r\n ,\r\n document.getElementById('root')\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.register();","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIWSURBVFiFzZYxT1sxEMd/x9IxYiEfAaZOXTKViZAEBakfhakjW7YMLJn6FZBgIELqUCSqDO3UCYZ0b5eqnZKW6hjeObVcx88hlsJJlvXu/uf73/n5bIAh8ADoCuMBGKoqsQH0gRHwCfhl8wjoR7ArB1+QiCzWBM5r/M6BpvMRUwLcAB+ol33gNYCqilOKSBP4AuyY6gcwAe6APaAFbJvtO/BSVb/hMTtdVtIgy1PnE+j9zN8BjcDeMP2iEm4L1iZAteeL4DX+Pon+VkbJc6Tjlf2kBntiOIBOKQKvbJ6o6s8U0OwT51eKwK7Nd5l4h9stReDe5r1MvMPdlyLw2eaWiDRSQLO3nF8pAmObt6k6a0qG/OsHY9hwH3gWnXCjd4Hbk43dhuJYbEpKnYKnExCRoYhMRaSd4yAibcPXHbfUGgciciMibwGmVPs6Azo1R7BjOAWmOcc2ssaht8ZvgLanmAHdJY7dANdeM3g1IpnNgF7g2AvsyUplB3cEIhnOgSPTH9l3skIrBJ8Dt/8R8DKde8BB8N0rELyP185jDn7GSlCRdYOH98kyx0FAYFAqeC2BEhVIBU8SKPEP1AVfSqDEKcgJHiVAgT6QGzwkIFSd8AJ4YY5vVPWKQESkS3WXO9yxql6b7QC4NBvAR+B9uIYn+9ijBgrcBVSvqSc9arYs+6+WkXtcRsXsx4a/8Exj4E/KNyJ/gbNH7MuOYStapzEAAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"static/media/whatsapp.cc14ab03.svg\";","module.exports = __webpack_public_path__ + \"static/media/twitter.d73859ee.svg\";","module.exports = __webpack_public_path__ + \"static/media/cinema.95ca8427.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk0ODk5Q0U4QjM4QjExRUFBODczQjJBNjREQjgxMzk2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk0ODk5Q0U5QjM4QjExRUFBODczQjJBNjREQjgxMzk2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTQ4OTlDRTZCMzhCMTFFQUE4NzNCMkE2NERCODEzOTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTQ4OTlDRTdCMzhCMTFFQUE4NzNCMkE2NERCODEzOTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6fF982AAAEXklEQVR42uyd8VXiQBDGl3sWYAenFZirQOhAKwArUCtQK0ArACuQq4BYAXRAroLLVZDbMYMPEBBINvMlfN97+7h/fGT3x8zOTmb2WlmWOQpXP7gEBEQREAFRBEQREAFRBERAFAFRBERAFAFRBASvkyJ/3Gq1TB8+y7K2/4j8+Kmfq3r3YyrDP2ti+JzF/vjQYTTZyI+BH3+z/TTx486PUwtAB69xXQCJtfgxzopLwD5WCarRgGQh/ehn5WumLpKACrqzSRZWfWRArSILHTJIEDj+Y+xHFa5o6OdygxgkQIbZFcMR9STwQFwLOAvSzXtWIZxFPfs53SNZECIgsZy24Y+24+cV08Wtn0jPGI5oYHFWggeki9IHeJQzP+4I6KvujPaddbpFsSIkQF2gZxE4PQJaDqvPwCLcLgFhWs9cEYKbQwEUOUy1CQhkIVB/OOaAkM4ca3RBC8J1bw4h7GdNArgIiIC+VUIMwIAsq2120DstKNcUFFBCQNiAYgLK9RvRehDcLwQgvxAj/5GCAXplkLCsERigIQEt6wkJDkp0CQNIFwQBUor0Y0HLJDwDhLZPSGczxLIrSZ5OrPZBP6frAHNqjAUJdDkT3Rh8tdX31guQQhpWvFgCRwoWUwLaH1LoRYtR4Xz6R/D+oJAtKI/wa1yjDrvHA9oeN2mswYgjoHIneqp9prMDwQyq6qorCxBsA9eO4bgs9qXLix6jNQfOqQ55rxNb7TONaj9pohrXYUcREAFRBERAFAFRBFRvnSA+lHY8RDrmBeyXJX9N4scf/bccZhN91UFAG6BcKYS2M+p48M8gmYbY5ZmHEcKbVdNMgv/uM/9x6/KGXcQ+IbGoF331YZJJMAGkCcsHh9tZtyqxrBeXXxWTNhbQwmUVvZru2QLnfl+LqgUgvealD+rK9pXsUze77lHQgNRq5Kqvq4ZFwKlCGoUEFPQcpEHAuIFwnHqCt9CvzYNZkMGlfJbaemMjnAUdGRxRsBsbS7cgdWuTI4LzrSXBWJAGBG9HCmduST1YC1Iz7znq12JeDyLM1lzaG9l8KFFIKYSLWzjrULlkH36AcXF0bRt1LtkGUxenUduMLNZKiiU71i7ugRw2ql201LgQILUeurbt6poBIpzwa1QUkDT9Tslgqwp1jJcRJEiILXm3iCy+SF5HDE2DBD2MdRzIzRwgkjW5LlrLUNpBVSBpkvCJbD4bkku52iZENlvCymNNmI7UraUra2JrQSvQYjlBO7zLkUK7NAFzXXYXX9CaBE2gDhpuTbH7poAEtiZB/fB5QwOIRAOBTsgK1CrLriQMl7Krds3B7F3EWKvK0hpWlR4MppaAVizq1uGnixIFMzw0AKh1G75mIgRSFywbIfvmaxn/I2Rj7knQ7PiVEaxUjwbz1pO0xHk1A9Aay5J96lJhlb1nJW75FpJpwLk0D9CWfet0AdbFjmcsWfx/CuUDTJXXwpgBosKLTcQERBEQAVEERBFQHfVfgAEAAgiajUa8BsMAAAAASUVORK5CYII=\""],"sourceRoot":""} ![\"\"](\"../assets/images/product/shirt.png\")
\r\n