\r\n {recommendItems.map((item, i) => {\r\n if (item.options)\r\n return (\r\n setIsOpen(false)}\r\n // key={item.path}\r\n // style={{\r\n // textDecoration: 'none',\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\nexport default SearchFunction\r\n","import cx from \"classnames\";\r\nimport $ from \"jquery\";\r\nimport moment from \"moment\";\r\nimport React, { Fragment } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport ResizeDetector from \"react-resize-detector\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport AppMain from \"../Layout/AppMain\";\r\nimport { updateAllLanguage, updateInformationDateUser } from \"../reducers/Partial\";\r\nimport { updateNavs } from \"../reducers/Navigation\";\r\nimport {\r\n updateExpiredTime,\r\n updateMerchant,\r\n updateMerchantCode,\r\n updateMerchantId,\r\n updateMerchantType,\r\n updateUserId,\r\n updateUserInfo,\r\n} from \"../reducers/System\";\r\nimport {\r\n getMerchantTypeWithNavs,\r\n getNavByUser,\r\n getNavPublished,\r\n getNavsByMerchantType,\r\n} from \"../Services/CmsMenuService\";\r\nimport { getMerchant } from \"../Services/MerchantService\";\r\nimport Common from \"../utils/common\";\r\nimport Configuration from \"../utils/configuration\";\r\nimport SearchFunction from \"./CommonComponent/SearchFunction\";\r\n\r\nclass Main extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n closedSmallerSidebar: false,\r\n };\r\n var self = this;\r\n\r\n getMerchant().then((res) => {\r\n let expireDate;\r\n if (Configuration.turnOffCheckExpire) {\r\n expireDate = moment().add(1, \"years\").toDate();\r\n } else {\r\n expireDate = moment(res.merchant.expiredTime).toDate();\r\n }\r\n self.props.updateExpiredTime(expireDate);\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n let tempUrl = \"\";\r\n if (window.location.href.split(\"#\").length > 1) {\r\n tempUrl = window.location.href.split(\"#\")[1];\r\n }\r\n var self = this;\r\n // check user is logged in\r\n if (localStorage.getItem(Configuration.userCookie) !== \"\") {\r\n $.ajax({\r\n url:\r\n Configuration.url_api +\r\n `/User/GetUserDataByToken?tokenId=${localStorage.getItem(Configuration.userCookie)}`,\r\n type: \"get\",\r\n contentType: \"application/json\",\r\n processData: false,\r\n async: true,\r\n dataType: \"json\",\r\n\r\n // user logged in\r\n success: function (res) {\r\n if (res.Success) {\r\n const dataUser = JSON.parse(res.Message);\r\n self.props.updateInformationDateUser(dataUser);\r\n self.props.updateUserInfo(dataUser);\r\n\r\n const { MerchantType, TokenId, AllType } = dataUser;\r\n\r\n // neu merchant type ko phai admin, check route legit theo merchant type\r\n\r\n const publishedLegitRoutes = [\r\n \"/#/\",\r\n \"/#/401\",\r\n \"/#/login\",\r\n \"/#/user/change-password\",\r\n \"/#/dashboards/home\",\r\n ];\r\n const unpublishedLegitRoutes = [];\r\n\r\n // add /# or / there for the link is general format: /#/abc/asd\r\n const formatUrl = (inputUrl) => {\r\n let formattedUrl = \"\";\r\n if (!inputUrl) return \"\";\r\n if (inputUrl[0] === \"#\") {\r\n formattedUrl = \"/\" + inputUrl;\r\n } else if (inputUrl[0] === \"/\" && inputUrl[1] !== \"#\") formattedUrl = \"/#\" + inputUrl;\r\n else {\r\n formattedUrl = inputUrl;\r\n }\r\n return formattedUrl;\r\n };\r\n\r\n // get navigation from server\r\n //console.log(this.state.navs);\r\n //get languages\r\n let merchant;\r\n if (window.location.href.includes(\"localhost\")) {\r\n merchant = Common.queryDataMerchant(Configuration.merchantLocal); //local\r\n } else {\r\n merchant = Common.queryDataMerchant(window.location.hostname.split(\".\")[0]); //sever\r\n }\r\n var tempMerchant = merchant.languages.find((e) => e.id === merchant.languageId);//.code\r\n if(tempMerchant != undefined){\r\n localStorage.setItem(\r\n Configuration.languageCode,\r\n tempMerchant.code\r\n );\r\n }else{\r\n localStorage.setItem(\r\n Configuration.languageCode,\r\n merchant.languages[0].code\r\n );\r\n }\r\n \r\n self.props.updateAllLanguage(merchant.languages);\r\n const merchantId = JSON.parse(res.Message).MerchantId;\r\n const userId = JSON.parse(res.Message).Id;\r\n const merchantType = JSON.parse(res.Message).MerchantType;\r\n const merchantCode = JSON.parse(res.Message).MerchantCode;\r\n Common.setCookie(\"merchantId\", merchantId);\r\n localStorage.setItem(\"merchantId\", merchantId);\r\n Common.setCookie(\"userId\", userId);\r\n localStorage.setItem(\"userId\", userId);\r\n Common.setCookie(\"merchantType\", merchantType);\r\n localStorage.setItem(\"merchantType\", merchantType);\r\n Common.setCookie(\"merchantCode\", merchantCode);\r\n localStorage.setItem(\"merchantCode\", merchantCode);\r\n if(localStorage.getItem(\"cmsLanguage\") == undefined || localStorage.getItem(\"cmsLanguage\") == ''){\r\n localStorage.setItem(\"cmsLanguage\",\"838aef56-78bb-11e6-b5a6-00155d582814\");\r\n }\r\n\r\n self.props.updateMerchant(merchant);\r\n self.props.updateMerchantCode(merchantCode);\r\n self.props.updateMerchantId(merchantId);\r\n self.props.updateMerchantType(merchantType);\r\n self.props.updateUserId(userId);\r\n\r\n if (localStorage.getItem(Configuration.tokenLanguage) === \"\") {\r\n Common.setCookie(Configuration.tokenLanguage, Configuration.languageVi);\r\n localStorage.setItem(Configuration.tokenLanguage, Configuration.languageVi);\r\n }\r\n\r\n if(Common.getCookie(\"navs\") != \"\" && localStorage.getItem(\"navs\") != null){\r\n self.props.updateNavs(JSON.parse(localStorage.getItem(\"navs\"))); \r\n }\r\n else{\r\n getNavByUser(TokenId, MerchantType, AllType).then((navs) => {\r\n \r\n //Recursive function to get \"publishedLegitRoutes\" and \"unpublishedLegitRoutes\"\r\n function getLegitRoutes(navs, publishedLegitRoutes, unpublishedLegitRoutes) {\r\n for (const nav of navs) {\r\n const url = formatUrl(nav.to);\r\n if (url) {\r\n if (nav.Published) {\r\n publishedLegitRoutes.push(url);\r\n } else {\r\n unpublishedLegitRoutes.push(url);\r\n }\r\n }\r\n if (Array.isArray(nav.content) && nav.content.length > 0) {\r\n getLegitRoutes(nav.content, publishedLegitRoutes, unpublishedLegitRoutes);\r\n }\r\n }\r\n }\r\n navs.forEach((nav) => {\r\n getLegitRoutes(nav.navigation, publishedLegitRoutes, unpublishedLegitRoutes);\r\n });\r\n \r\n // Neu ko phai merchant Admin\r\n if (parseInt(MerchantType) !== Configuration.merchantType.admin) {\r\n // if (true) {\r\n // listen for router change, if current route not legit, redirect to 401 page\r\n self.unlisten = self.props.history.listen((location, action) => {\r\n const currentRoute = \"/#\" + location.pathname;\r\n let isLegit = false;\r\n for (const legitRoute of publishedLegitRoutes) {\r\n if (legitRoute == currentRoute) {\r\n isLegit = true;\r\n break;\r\n }\r\n }\r\n if (!isLegit) {\r\n for (const unpublishedLegitRoute of unpublishedLegitRoutes) {\r\n if (currentRoute.includes(unpublishedLegitRoute)) {\r\n isLegit = true;\r\n break;\r\n }\r\n }\r\n }\r\n if (!isLegit) {\r\n self.props.history.replace(\"/401\");\r\n }\r\n });\r\n }\r\n \r\n // set navs (which item is publish) and set to navigation redux\r\n const navPublished = navs.map((r) => ({\r\n ...r,\r\n navigation: getNavPublished(r.navigation),\r\n }));\r\n \r\n Common.setCookie(\"navs\", true,1);\r\n localStorage.setItem(\"navs\",JSON.stringify(navPublished));\r\n //Common.setCookie(\"navs\", navPublished,1);\r\n //console.log(navPublished);\r\n self.props.updateNavs(navPublished); \r\n });\r\n }\r\n \r\n\r\n \r\n } else {\r\n if (!window.location.href.includes(\"login\")) {\r\n window.location.href = \"#/login?returnUrl=\" + tempUrl;\r\n }\r\n }\r\n },\r\n });\r\n } else {\r\n // user not logged in\r\n if (window.location.href.split(\"?\").length < 2) {\r\n if (!window.location.href.includes(\"login\")) {\r\n window.location.href = \"#/login?returnUrl=\" + tempUrl;\r\n }\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n let {\r\n colorScheme,\r\n enableFixedHeader,\r\n enableFixedSidebar,\r\n enableFixedFooter,\r\n enableClosedSidebar,\r\n closedSmallerSidebar,\r\n enableMobileMenu,\r\n enablePageTabsAlt,\r\n } = this.props;\r\n\r\n return (\r\n \r\n {' '}\r\n
\r\n )\r\n else if (item.value) {\r\n return (\r\n {item.label}
\r\n - \r\n {item.options.map((option) => (\r\n
- \r\n
- \r\n
- \r\n
\r\n {\r\n if (props.redirectPath) window.location.replace(props.redirectPath)\r\n setModalInfo({\r\n ...modalInfo,\r\n show: false,\r\n })\r\n }}\r\n />\r\n \r\n
\r\n )\r\n}\r\n","import Axios from 'axios'\r\nimport Common from '../utils/common'\r\nimport {\r\n default as Config,\r\n default as Configuration,\r\n} from '../utils/configuration'\r\nimport { getData, postData } from '../utils/data'\r\n\r\nconst languageId = localStorage.getItem(Config.tokenLanguage)\r\nconst merchantId = localStorage.getItem(Config.merchantId)\r\nconst tokenId = localStorage.getItem(Configuration.userCookie)\r\nconst userId = localStorage.getItem(Config.userId)\r\nconst api_url = Config.url_api + '/Command/SendSync'\r\n\r\nexport const createOrder = (data) => {\r\n return postData\r\n .sendCommand('CustomerRelationshipManagement', 'CreateOrder', data)\r\n .then(() => {\r\n const href =\r\n 'https://izzilearn.izzipayment.com?id=' +\r\n data.Id +\r\n '&urlReturn=' +\r\n encodeURI(window.location.origin) +\r\n '&tokenId=' +\r\n localStorage.getItem(Configuration.userCookie)\r\n window.location.replace(href)\r\n })\r\n}\r\n\r\nexport const createOrderMerchantPackageSale = (body) => {\r\n const stringCommandName = 'CreateOrderMerchantPackageSale'\r\n const stringDomain = 'Sale'\r\n let dataSend = {\r\n CommandName: stringCommandName,\r\n Domain: stringDomain,\r\n Content: JSON.stringify(body),\r\n ModifiedBy: localStorage.getItem(Config.userId),\r\n ModifiedDate: Common.formatDateTime(new Date()),\r\n TimeOutSecond: 10,\r\n }\r\n return Axios.post(api_url, dataSend)\r\n}\r\n\r\nexport const cloneDataFromMerchantToMerchant = (body) => {\r\n const stringCommandName = 'CloneDataFromMerchantToMerchant'\r\n const stringDomain = 'CustomerRelationshipManagement'\r\n let dataSend = {\r\n CommandName: stringCommandName,\r\n Domain: stringDomain,\r\n Content: JSON.stringify(body),\r\n TimeOutSecond: 20,\r\n }\r\n return Axios.post(api_url, dataSend)\r\n}\r\n\r\nexport const cloneThemeMerchant = (body) => {\r\n const stringCommandName = 'CloneThemeMerchant'\r\n const stringDomain = 'CustomerRelationshipManagement'\r\n let dataSend = {\r\n CommandName: stringCommandName,\r\n Domain: stringDomain,\r\n Content: JSON.stringify(body),\r\n ActionBy: localStorage.getItem(Config.userId),\r\n TimeOutSecond: 20,\r\n }\r\n return Axios.post(api_url, dataSend)\r\n}\r\n\r\nexport const closePayment = (id) => {\r\n var body = {\r\n Id: id,\r\n ModifiedDate: Common.formatDateTime(new Date()),\r\n ModifiedBy: userId,\r\n }\r\n const dataSend = {\r\n CommandName: 'ClosePayment',\r\n Domain: 'Payment',\r\n Content: JSON.stringify(body),\r\n TimeOutSecond: 7,\r\n }\r\n return Axios.post(api_url, dataSend)\r\n}\r\n\r\nexport const failPayment = (id) => {\r\n var body = {\r\n Id: id,\r\n ModifiedDate: Common.formatDateTime(new Date()),\r\n ModifiedBy: userId,\r\n }\r\n const dataSend = {\r\n CommandName: 'FailPayment',\r\n Domain: 'Payment',\r\n Content: JSON.stringify(body),\r\n TimeOutSecond: 7,\r\n }\r\n return Axios.post(api_url, dataSend)\r\n}\r\n\r\nexport const processDelivery = (value) => {\r\n const dataSend = {\r\n CommandName: 'DeliveryProcess',\r\n Domain: 'Delivery',\r\n Content: JSON.stringify(value),\r\n TimeOutSecond: 7,\r\n }\r\n return Axios.post(api_url, dataSend)\r\n}\r\n\r\n\r\nexport const cancelOrder = (cancelOrderDTO) => {\r\n const stringCommandName = 'RejectOrder'\r\n const stringDomain = 'Order'\r\n let dataSend = {\r\n CommandName: stringCommandName,\r\n Domain: stringDomain,\r\n Content: JSON.stringify(cancelOrderDTO),\r\n ModifiedBy: localStorage.getItem(Config.userId),\r\n ModifiedDate: Common.formatDateTime(new Date()),\r\n TimeOutSecond: 10,\r\n }\r\n return Common.sendSyncCommand2(dataSend)\r\n}\r\n\r\nexport const getOrders = (option) => {\r\n const limit = option.limit === undefined ? 50 : option.limit\r\n const offset = option.offset === undefined ? 0 : option.offset\r\n const order = option.order === undefined ? 'desc' : option.order\r\n const sort = option.sort === undefined ? 'createdDate' : option.sort\r\n const keyword = option.keyword === undefined ? '' : option.keyword\r\n\r\n var query = `\r\n {\r\n orderconfirmeds(param:{limit:${limit},offset:${offset},order:\"${order}\",sort:\"${sort}\"\r\n ,keyword:\"${keyword}\" \r\n ,languageId:\"${languageId}\"\r\n ,merchantId:\"${merchantId}\"\r\n ,${option.allStatus ? `allStatus:${option.allStatus}` : ''}\r\n , ${\r\n option.from && option.to\r\n ? `from:\"${option.from.toLocaleString()}\",to:\"${option.to.toLocaleString()}\"`\r\n : ''\r\n }\r\n })\r\n {\r\n items {\r\n allStatus,\r\n grandTotal,\r\n id,\r\n code,\r\n createdDate,\r\n grandTotal,\r\n subTotal,\r\n paymentAmount,\r\n shippingAmount,\r\n paymentId,\r\n giftCodeAmount,\r\n promotionAmount,\r\n paymentAllStatus,\r\n paymentMethodName,\r\n note,\r\n userName,\r\n userMobile,\r\n userEmail,\r\n \r\n payments {\r\n allStatus,\r\n amount,\r\n code,\r\n id, note, paymentMethodId, paymentMethodName, referenceCode, targetId\r\n },\r\n delivery{\r\n addressDetail, trackingCode,amount,allStatus,supplierNote,id,note,receiverMobile,receiverName\r\n },\r\n orderLines {\r\n id, targetName, originalPrice, price, quantity, total\r\n }, \r\n user {\r\n id, email, lastName, mobile, avatar, name\r\n },\r\n },\r\n \r\n totalCount\r\n }\r\n }\r\n `\r\n return Common.getDataGraphQl(query)\r\n}\r\n\r\nexport const getOrder = (id, merchantId) => {\r\n return getData.getDataGraphQl(`\r\n {\r\n order(param:{id:\"${id}\",tokenUser:\"${localStorage.getItem(\r\n Configuration.userCookie\r\n )}\", merchantId:\"${merchantId}\", languageId:\"${localStorage.getItem(\r\n Configuration.tokenLanguage\r\n )}\"})\r\n {\r\n affiliateCommission,\r\n affiliateName,\r\n allStatus,\r\n code,\r\n createdBy,\r\n createdDate,\r\n createdTime,\r\n customerId,\r\n delivery {\r\n id\r\n amount\r\n },\r\n giftCodeAmount,\r\n grandTotal,\r\n id,\r\n merchantId,\r\n modifiedBy,\r\n modifiedDate,\r\n note,\r\n orderLines {\r\n id,\r\n price,\r\n quantity,\r\n originalPrice,\r\n targetName\r\n targetId\r\n total\r\n orderId\r\n discountAmount\r\n },\r\n paymentAllStatus,\r\n paymentAmount,\r\n paymentId,\r\n paymentMethodName,\r\n payments {\r\n id\r\n allStatus,\r\n amount\r\n },\r\n promotionAmount,\r\n subTotal,\r\n user {\r\n id,\r\n name,\r\n email\r\n },\r\n userEmail, \r\n userMobile,\r\n userName\r\n tickets {\r\n id,\r\n createdName\r\n subDescription\r\n createdDate\r\n }\r\n }\r\n }\r\n `)\r\n}\r\n\r\nexport const getDebtOrders = (option) => {\r\n const limit = 10000 // = option.limit === undefined ? 50 : option.limit;\r\n const offset = 0 // = option.offset === undefined ? 0 : option.offset;\r\n const order = option.order === undefined ? 'desc' : option.order\r\n const sort = option.sort === undefined ? 'createdDate' : option.sort\r\n const keyword = option.keyword === undefined ? '' : option.keyword\r\n\r\n var query = `\r\n {\r\n debtorders(param:{ \r\n limit:${limit},offset:${offset},order:\"${order}\",sort:\"${sort}\"\r\n ,tokenUser: \"${tokenId}\"\r\n ,keyword:\"${keyword}\" \r\n ,languageId:\"${languageId}\"\r\n ,merchantId:\"${merchantId}\"\r\n ,${option.allStatus ? `allStatus:${option.allStatus}` : ''}\r\n , ${\r\n option.from && option.to\r\n ? `from:\"${option.from.toLocaleString()}\",to:\"${option.to.toLocaleString()}\"`\r\n : ''\r\n }\r\n })\r\n {\r\n items {\r\n grandTotal,\r\n userName,\r\n userMobile,\r\n userEmail,\r\n customerId,\r\n createdDate,\r\n payments {\r\n allStatus,\r\n amount,\r\n code, \r\ncreatedDate,\r\n orderCode,\r\n id, note, paymentMethodId, paymentMethodName, referenceCode, targetId\r\n }\r\n },\r\n \r\n totalCount\r\n }\r\n }\r\n `\r\n return Common.getDataGraphQl(query)\r\n}\r\n\r\nexport const getAffiliateOrders = (\r\n textSearch,\r\n allStatus,\r\n sort,\r\n order,\r\n limit,\r\n offset\r\n) => {\r\n const languageId = localStorage.getItem(Config.languageId)\r\n const merchantId = localStorage.getItem(Config.merchantId)\r\n const tokenId = localStorage.getItem(window.config.localStorageTokenId)\r\n\r\n var query = `\r\n {\r\n affiliateorders(param:{limit:${limit},offset:${offset},order:\"${order}\",sort:\"${sort}\"\r\n ,keyword:\"${textSearch}\" \r\n ,tokenUser:\"${tokenId}\"\r\n ,languageId:\"${languageId}\"\r\n ,merchantId:\"${merchantId}\"\r\n ,${allStatus ? `allStatus:${allStatus}` : ''}\r\n })\r\n {\r\n items {\r\n allStatus,\r\n grandTotal,\r\n id,\r\n code,\r\n createdDate,\r\n grandTotal,\r\n subTotal,\r\n paymentAmount,\r\n giftCodeAmount,\r\n promotionAmount,\r\n paymentMethodName,\r\n userName,\r\n userMobile,\r\n userEmail,\r\n note,\r\n payments {\r\n allStatus,\r\n amount,\r\n code,\r\n id, note, paymentMethodId, paymentMethodName, referenceCode, targetId\r\n },\r\n delivery{\r\n addressDetail, trackingCode,amount\r\n },\r\n orderLines {\r\n id, targetName, originalPrice, price, quantity, total\r\n }, \r\n user {\r\n id, email, lastName, mobile\r\n },\r\n },\r\n \r\n totalCount\r\n }\r\n }\r\n `\r\n return Common.getDataGraphQl(query)\r\n}\r\n\r\nexport const getOrderDetail = (orderId) => {\r\n const languageId = localStorage.getItem(Config.languageId)\r\n const merchantId = localStorage.getItem(Config.merchantId)\r\n var query = `\r\n {\r\n orders(param:{id:${orderId}\r\n ,languageId:\"${languageId}\"\r\n ,merchantId:\"${merchantId}\"\r\n })\r\n {\r\n items {\r\n id,\r\n code,\r\n createdDate,\r\n grandTotal,\r\n orderLines {\r\n targetName\r\n }\r\n }\r\n ,totalCount\r\n }\r\n }\r\n `\r\n return Common.getDataGraphQl(query)\r\n}\r\n\r\nexport const accept = (id) => {\r\n const body = {\r\n Id: id,\r\n ModifiedDate: Common.formatDateTime(new Date()),\r\n ModifiedBy: localStorage.getItem('userId'),\r\n }\r\n\r\n const dataSend = {\r\n CommandName: 'AcceptOrder',\r\n Domain: 'Sale',\r\n Content: JSON.stringify(body),\r\n TimeOutSecond: 7,\r\n }\r\n return Axios.post(api_url, dataSend)\r\n}\r\n\r\nexport const reject = (id) => {\r\n const body = {\r\n Id: id,\r\n ModifiedDate: Common.formatDateTime(new Date()),\r\n ModifiedBy: localStorage.getItem('userId'),\r\n }\r\n\r\n const dataSend = {\r\n CommandName: 'RejectOrder',\r\n Domain: 'Sale',\r\n Content: JSON.stringify(body),\r\n TimeOutSecond: 7,\r\n }\r\n\r\n return Axios.post(api_url, dataSend)\r\n}\r\n\r\nexport const createOrderCardProductSale = ({ productId, customerId }) => {\r\n return postData.sendCommand('Sale', 'CreateOrderCardProductSale', {\r\n Id: Common.guid(),\r\n MerchantId: merchantId,\r\n ProductId: productId,\r\n CustomerId: customerId,\r\n CreatedDate: Common.getCurrentDate(),\r\n CreatedBy: localStorage.getItem('userId'),\r\n })\r\n}\r\n\r\nexport const createOrderCodProductSale = ({ productId, customerIds, categoryIds }) => {\r\n return postData.sendCommand('Sale', 'CreateOrderCodProductSale', {\r\n Id: Common.guid(),\r\n MerchantId: merchantId,\r\n ProductId: productId,\r\n CustomerIds: customerIds,\r\n CategoryIds: categoryIds, \r\n ActionBy: localStorage.getItem('userId'),\r\n })\r\n}\r\n","import React from 'react'\r\nimport LaboFormGroup from './LaboFormGroup'\r\n\r\nfunction LaboFormikGroup({ formik, name, ...props }) {\r\n return (\r\n \r\n {thumbnail ? 'Ảnh đại diện' : 'Ảnh'}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Tạo mới \r\n \r\n \r\n \r\n {\r\n if (!category.friendlyUrl) {\r\n setCategory({\r\n ...category,\r\n friendlyUrl: Common.rewriteUrl(category.name),\r\n });\r\n }\r\n }}\r\n onChange={(event) =>\r\n setCategory({\r\n ...category,\r\n name: event.target.value,\r\n })\r\n }\r\n validate={Validation.notEmptyAndMax(400)}\r\n />\r\n \r\n \r\n \r\n \r\n setCategory({\r\n ...category,\r\n parentId: event.target.value,\r\n })\r\n }\r\n >\r\n \r\n {categories.map((val) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n \r\n setCategory({\r\n ...category,\r\n displayOrder: event.target.value,\r\n })\r\n }\r\n validate={Validation.notEmptyAndMax(10)}\r\n />\r\n \r\n \r\n \r\n \r\n setCategory({\r\n ...category,\r\n friendlyUrl: event.target.value,\r\n })\r\n }\r\n validate={{\r\n required: {\r\n value: true,\r\n errorMessage: \"Trường này không được để trống\",\r\n },\r\n pattern: {\r\n value: \"^[a-zA-Z0-9-]*$\",\r\n errorMessage: \"Sai cú pháp\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n setStartTime(date)}\r\n onChange={(date) =>\r\n setCategory({\r\n ...category,\r\n postTime: date,\r\n })\r\n }\r\n dateFormat=\"dd-MM-yyyy\"\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n \r\n setCategory({\r\n ...category,\r\n subDescription: event.target.value,\r\n })\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n\r\n {props.match.params.id ? \"Lưu\" : \"Tạo\"}\r\n // \r\n // Lưu\r\n // \r\n }\r\n />\r\n \r\n \r\n \r\n \r\n {haveAttribute ? (\r\n \r\n \r\n {\r\n setAttributeFormValues(formData);\r\n }}\r\n >\r\n \r\n \r\n \r\n ) : null}\r\n \r\n
\r\n
\r\n );\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n images: state.Partial.images,\r\n pickedImages: state.Partial.pickedImages,\r\n thumbnailImages: state.Partial.thumbnailImages,\r\n };\r\n}\r\n\r\nconst mapDispatchToProps = {\r\n loadPickedImages,\r\n loadPickedCategories,\r\n loadPickedThumbnailImages,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CategoryForm);\r\n","import React, { useState } from 'react'\r\nimport { useForm } from 'react-hook-form'\r\nimport { connect } from 'react-redux'\r\nimport { Async } from 'react-select'\r\nimport {\r\n Button,\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n FormFeedback,\r\n FormGroup,\r\n Label,\r\n Modal,\r\n ModalBody,\r\n ModalFooter,\r\n ModalHeader,\r\n} from 'reactstrap'\r\nimport LoadingButton from '../../CMS/CommonComponent/Button/LoadingButton'\r\nimport useModal from '../../CMS/CommonComponent/CustomHooks/useModal'\r\nimport { loadPickedCategories } from '../../reducers/Partial'\r\nimport Common from '../../utils/common'\r\nimport Configuration from '../../utils/configuration'\r\nimport { getData } from '../../utils/data'\r\n\r\nfunction CategoriesPicker({\r\n type,\r\n isHaveParent = true,\r\n isMulti = true,\r\n languageId,\r\n name,\r\n ...props\r\n}) {\r\n const [isOpen, toggle, dataModal, _, setData] = useModal()\r\n\r\n const [loading, setLoading] = useState(false)\r\n\r\n const { register, errors, getValues, handleSubmit } = useForm()\r\n\r\n const [parentCategory, setParentCategory] = useState(null)\r\n\r\n const createCategory = (values) => {\r\n const id = Common.guid()\r\n setLoading(true)\r\n Common.createCategory({\r\n Id: id,\r\n Name: values.name,\r\n ParentId: parentCategory ? parentCategory.value : Common.GUID_EMPTY,\r\n Type: type,\r\n DisplayOrder: 99,\r\n LanguageId: languageId\r\n ? languageId\r\n : localStorage.getItem(Configuration.tokenLanguage),\r\n })\r\n .then(Common.handleResponse)\r\n .catch(Common.handleError)\r\n .finally(() => {\r\n setLoading(false)\r\n toggle()\r\n })\r\n }\r\n\r\n const loadOptions = (inputValue) => {\r\n return getData\r\n .getCategories({\r\n type: type,\r\n languageId: languageId\r\n ? languageId\r\n : localStorage.getItem(Configuration.tokenLanguage),\r\n limit: 20,\r\n keyword: inputValue,\r\n })\r\n .then((res) =>\r\n res.categories.items.map((item) => ({\r\n value: item.id,\r\n label: item.name,\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 {this.props.addItemsToCategory ? (\r\n \r\n Danh sách {this.props.name}\r\n
\r\n \r\n \r\n \r\n \r\n \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 File mẫu\r\n \r\n
\r\n \r\n ) : null}\r\n loading...
\r\n )}\r\n\r\n
*/}\r\n \r\n ))}\r\n \r\n {props.value ? (\r\n
\r\n ),\r\n },\r\n {\r\n Header: \"Ngày cập nhật\",\r\n accessor: \"modifiedDate\",\r\n Cell: ({ value }) => {moment(new Date(value)).format(\"DD-MM-YYYY\")},\r\n },\r\n {\r\n Header: \"Action\",\r\n accessor: (a) => a,\r\n Cell: ({ value }) => {\r\n return (\r\n Đã phát hành
\r\n ) : (\r\n Chưa phát hành
\r\n )}\r\n \r\n \r\n \r\n \r\n }\r\n />\r\n postData.deleteItemCommand(\"Category\", \"DeleteCategories\", ids)}\r\n changeStatusCommand={(changeStatuses) =>\r\n postData.changeStatusCommand(\"Category\", \"ChangeStatusPublishCategories\", changeStatuses)\r\n }\r\n />\r\n
\r\n );\r\n}\r\n\r\nCategoryList.propTypes = {};\r\n\r\nexport default CategoryList;\r\n","export const CHANGE_VIEW_EDIT_SECTION = 'CHANGE_VIEW_EDIT_SECTION'\r\nexport const BACK_VIEW_MAIN_COMPONENT = 'BACK_VIEW_MAIN_COMPONENT'\r\nexport const CHANGE_VIEW_CUSTOM_SECTION = 'CHANGE_VIEW_CUSTOM_SECTION'\r\nexport const ADDITION_SECTION = 'ADDITION_SECTION'\r\nexport const EDIT_CODE_SECTION = 'EDIT_CODE_SECTION'\r\n\r\nexport const UPDATE_PARENT_ID_COMPONENT = 'UPDATE_PARENT_ID_COMPONENT'\r\nexport const UPDATE_ITEM_COMPONENT = 'UPDATE_ITEM_COMPONENT'\r\nexport const UPDATE_ARRAY_COMPONENT_ROOT = 'UPDATE_ARRAY_COMPONENT_ROOT'\r\nexport const UPDATE_QUANTITY_ITEM = 'UPDATE_QUANTITY_ITEM'\r\nexport const UPDATE_DEFAULT_COMPONENT = 'UPDATE_DEFAULT_COMPONENT'\r\nexport const UPDATE_STATE_SECTION_BLOCKING = 'UPDATE_STATE_SECTION_BLOCKING'\r\nexport const UPDATE_CHILD_COMPONENT = 'UPDATE_CHILD_COMPONENT'\r\nexport const UPDATE_LIST_ITEM_CHOOSE = 'UPDATE_LIST_ITEM_CHOOSE'\r\nexport const UPDATE_STATE_DISPLAY_QUICK_ADD = 'UPDATE_STATE_DISPLAY_QUICK_ADD'\r\nexport const UPDATE_CURRENT_COMPONENT = 'UPDATE_CURRENT_COMPONENT'\r\nexport const UPDATE_ID_MENU = 'UPDATE_ID_MENU'\r\n\r\nexport const LOAD_DATA = 'LOAD_DATA'\r\nexport const LOAD_ALL_SECTION = 'LOAD_ALL_SECTION'\r\nexport const LOAD_ALL_PROMOTION = 'LOAD_ALL_PROMOTION'\r\nexport const LOAD_ALL_EVOUCHER = 'LOAD_ALL_EVOUCHER'\r\nexport const LOAD_ALL_ARTICLE = 'LOAD_ALL_ARTICLE'\r\nexport const LOAD_ALL_USER = 'LOAD_ALL_USER'\r\nexport const LOAD_ALL_EVENT = 'LOAD_ALL_EVENT'\r\nexport const LOAD_ALL_PRODUCT = 'LOAD_ALL_PRODUCT'\r\nexport const LOAD_ALL_FORM = 'LOAD_ALL_FORM'\r\nexport const LOAD_CATEGORY_USER = 'LOAD_CATEGORY_USER'\r\nexport const LOAD_CATEGORY_MENU = 'LOAD_CATEGORY_MENU'\r\nexport const LOAD_CATEGORY_ARTICLE = 'LOAD_CATEGORY_ARTICLE'\r\nexport const LOAD_CATEGORY_PRODUCT = 'LOAD_CATEGORY_PRODUCT'\r\n\r\nexport const loadAllEvoucher = (data) => ({\r\n type: LOAD_ALL_EVOUCHER,\r\n data,\r\n})\r\nexport const loadAllEvent = (data) => ({\r\n type: LOAD_ALL_EVENT,\r\n data,\r\n})\r\nexport const loadAllPromotion = (data) => ({\r\n type: LOAD_ALL_PROMOTION,\r\n data,\r\n})\r\nexport const updateCurrentComponent = (objData) => ({\r\n type: UPDATE_CURRENT_COMPONENT,\r\n objData,\r\n})\r\n\r\nexport const changeViewEditSection = (id) => ({\r\n type: CHANGE_VIEW_EDIT_SECTION,\r\n id,\r\n})\r\nexport const updateListItemChoose = (data) => ({\r\n type: UPDATE_LIST_ITEM_CHOOSE,\r\n data,\r\n})\r\nexport const loadAllArticle = (data) => ({\r\n type: LOAD_ALL_ARTICLE,\r\n data,\r\n})\r\nexport const loadAllProduct = (data) => ({\r\n type: LOAD_ALL_PRODUCT,\r\n data,\r\n})\r\nexport const loadAllUser = (data) => ({\r\n type: LOAD_ALL_USER,\r\n data,\r\n})\r\nexport const loadAllForm = (data) => ({\r\n type: LOAD_ALL_FORM,\r\n data,\r\n})\r\nexport const loadCategoryUser = (data) => ({\r\n type: LOAD_CATEGORY_USER,\r\n data,\r\n})\r\nexport const loadCategoryMenu = (data) => ({\r\n type: LOAD_CATEGORY_MENU,\r\n data,\r\n})\r\nexport const loadCategoryArticle = (data) => ({\r\n type: LOAD_CATEGORY_ARTICLE,\r\n data,\r\n})\r\nexport const loadCategoryProduct = (data) => ({\r\n type: LOAD_CATEGORY_PRODUCT,\r\n data,\r\n})\r\n\r\nexport const updateChildComponent = (data) => ({\r\n type: UPDATE_CHILD_COMPONENT,\r\n data,\r\n})\r\n\r\nexport const backViewMainComponent = () => ({\r\n type: BACK_VIEW_MAIN_COMPONENT,\r\n})\r\nexport const additionSection = () => ({\r\n type: ADDITION_SECTION,\r\n})\r\nexport const customSection = () => ({\r\n type: CHANGE_VIEW_CUSTOM_SECTION,\r\n})\r\nexport const editCodeSection = () => ({\r\n type: EDIT_CODE_SECTION,\r\n})\r\n\r\nexport const loadData = (data) => ({\r\n type: LOAD_DATA,\r\n data,\r\n})\r\n\r\nexport const loadAllSection = (data) => ({\r\n type: LOAD_ALL_SECTION,\r\n data,\r\n})\r\nexport const updateStateSectionBlocking = () => ({\r\n type: UPDATE_STATE_SECTION_BLOCKING,\r\n})\r\n\r\nexport const updateParentIdComponent = (data) => ({\r\n type: UPDATE_PARENT_ID_COMPONENT,\r\n data,\r\n})\r\nexport const updateItemComponent = (items) => ({\r\n type: UPDATE_ITEM_COMPONENT,\r\n items,\r\n})\r\nexport const updateArrayComponentRoot = (items) => ({\r\n type: UPDATE_ARRAY_COMPONENT_ROOT,\r\n items,\r\n})\r\nexport const updateQuantityItem = (items) => ({\r\n type: UPDATE_QUANTITY_ITEM,\r\n items,\r\n})\r\nexport const updateDefaultComponent = (items) => ({\r\n type: UPDATE_DEFAULT_COMPONENT,\r\n items,\r\n})\r\nexport const updateStateDisplayQuickAdd = () => ({\r\n type: UPDATE_STATE_DISPLAY_QUICK_ADD,\r\n})\r\nexport const updateIdMenu = (id) => ({\r\n type: UPDATE_ID_MENU,\r\n id,\r\n})\r\n\r\nconst initialState = {\r\n //component added\r\n idInitComponentRoot: '',\r\n nameInitComponentRoot: 'home',\r\n arrayComponentRoot: [],\r\n defaultComponent: [], // can sua lai ten\r\n allSectionTheme: [],\r\n allArticle: [],\r\n allProduct: [],\r\n allUser: [],\r\n allForm: [],\r\n allEvoucher: [],\r\n allEvent: [],\r\n allPromotion: [],\r\n allCategoryUser: [],\r\n allCategoryMenu: [],\r\n allCategoryArticle: [],\r\n allCategoryProduct: [],\r\n\r\n listItemChoose: [],\r\n idMenu: '',\r\n\r\n themeId: '',\r\n id: '', // id Deatail component ///xoa\r\n sidebar: 'NavTheme',\r\n quantityItemCurrent: '', // can bo state\r\n\r\n currentComponent: {\r\n id: '',\r\n name: '',\r\n html: '',\r\n },\r\n\r\n //block loading\r\n sectionBlocking: false,\r\n // quick add - them moi\r\n displayComponentQuickAdd: 'block',\r\n}\r\nexport default function reducer(state = initialState, action) {\r\n switch (action.type) {\r\n case UPDATE_ID_MENU:\r\n return {\r\n ...state,\r\n idMenu: action.id,\r\n }\r\n case LOAD_ALL_EVENT:\r\n return {\r\n ...state,\r\n allEvent: action.data,\r\n }\r\n case LOAD_ALL_USER:\r\n return {\r\n ...state,\r\n allUser: action.data,\r\n }\r\n case LOAD_ALL_EVOUCHER:\r\n return {\r\n ...state,\r\n allEvoucher: action.data,\r\n }\r\n\r\n case LOAD_ALL_PROMOTION:\r\n return {\r\n ...state,\r\n allPromotion: action.data,\r\n }\r\n case UPDATE_CURRENT_COMPONENT:\r\n return {\r\n ...state,\r\n currentComponent: action.objData,\r\n }\r\n case CHANGE_VIEW_EDIT_SECTION:\r\n let tempCurrentData = state.defaultComponent.filter(\r\n (e) => e.id === action.id\r\n )\r\n if (tempCurrentData.length > 0) {\r\n return {\r\n ...state,\r\n currentComponent: {\r\n id: action.id,\r\n name: tempCurrentData[0].name,\r\n html: tempCurrentData[0].description,\r\n },\r\n id: action.id,\r\n sidebar: 'EditSection',\r\n }\r\n }\r\n return\r\n case UPDATE_LIST_ITEM_CHOOSE:\r\n return {\r\n ...state,\r\n listItemChoose: action.data,\r\n }\r\n case UPDATE_STATE_DISPLAY_QUICK_ADD:\r\n return {\r\n ...state,\r\n displayComponentQuickAdd: 'none',\r\n }\r\n case UPDATE_CHILD_COMPONENT:\r\n let tempData = [...state.defaultComponent]\r\n let tempComponent = action.data\r\n // console.log(tempData);\r\n\r\n tempData.forEach((data) => {\r\n if (data.id === tempComponent.id) {\r\n data.name = tempComponent.name\r\n data.description = tempComponent.description\r\n }\r\n })\r\n return {\r\n ...state,\r\n defaultComponent: tempData,\r\n }\r\n\r\n case BACK_VIEW_MAIN_COMPONENT:\r\n return {\r\n ...state,\r\n sidebar: 'NavTheme',\r\n }\r\n case LOAD_ALL_ARTICLE:\r\n return {\r\n ...state,\r\n allArticle: action.data,\r\n }\r\n case LOAD_ALL_PRODUCT:\r\n return {\r\n ...state,\r\n allProduct: action.data,\r\n }\r\n case LOAD_ALL_FORM:\r\n return {\r\n ...state,\r\n allForm: action.data,\r\n }\r\n case LOAD_CATEGORY_USER:\r\n return {\r\n ...state,\r\n allCategoryUser: action.data,\r\n }\r\n case LOAD_CATEGORY_MENU:\r\n return {\r\n ...state,\r\n allCategoryMenu: action.data,\r\n }\r\n case LOAD_CATEGORY_ARTICLE:\r\n return {\r\n ...state,\r\n allCategoryArticle: action.data,\r\n }\r\n case LOAD_CATEGORY_PRODUCT:\r\n return {\r\n ...state,\r\n allCategoryProduct: action.data,\r\n }\r\n case ADDITION_SECTION:\r\n return {\r\n ...state,\r\n sidebar: 'AdditionSection',\r\n }\r\n case CHANGE_VIEW_CUSTOM_SECTION:\r\n return {\r\n ...state,\r\n sidebar: 'CustomSection',\r\n }\r\n case EDIT_CODE_SECTION:\r\n return {\r\n ...state,\r\n sidebar: 'SectionEditCode',\r\n }\r\n case LOAD_DATA:\r\n if (action.data.merchant.components.length > 0) {\r\n let defaultComponent = action.data.merchant.components\r\n defaultComponent = defaultComponent.filter((e) => e.name !== null) // code này k cần checkk null bên dưới componentRoot\r\n let ComponentRoot = defaultComponent.filter((e) => {\r\n let lowerName = e.name.toLowerCase()\r\n if (e.name !== null) {\r\n if (\r\n lowerName !== 'header' &&\r\n lowerName !== 'footer' &&\r\n e.parentId === '00000000-0000-0000-0000-000000000000'\r\n ) {\r\n return true\r\n }\r\n }\r\n })\r\n let initComponentRoot = defaultComponent.filter((e) =>\r\n e.name == null\r\n ? e.name\r\n : e.name.toLowerCase() === state.nameInitComponentRoot\r\n )\r\n if (initComponentRoot.length > 0) {\r\n var childComponent = defaultComponent.filter(\r\n (e) => e.parentId === initComponentRoot[0].id\r\n )\r\n return {\r\n ...state,\r\n defaultComponent: defaultComponent,\r\n idInitComponentRoot: initComponentRoot[0].id,\r\n arrayComponentRoot: ComponentRoot,\r\n themeId: action.data.merchant.themeWeb.id,\r\n quantityItemCurrent: childComponent.length,\r\n }\r\n }\r\n } else {\r\n return {\r\n ...state,\r\n }\r\n }\r\n return {\r\n ...state,\r\n }\r\n case LOAD_ALL_SECTION:\r\n return {\r\n ...state,\r\n allSectionTheme: action.data,\r\n }\r\n case UPDATE_PARENT_ID_COMPONENT:\r\n return {\r\n ...state,\r\n idInitComponentRoot: action.data,\r\n }\r\n case UPDATE_ITEM_COMPONENT:\r\n return {\r\n ...state,\r\n itemComponent: action.items,\r\n }\r\n case UPDATE_ARRAY_COMPONENT_ROOT:\r\n return {\r\n ...state,\r\n arrayComponentRoot: action.items,\r\n }\r\n case UPDATE_QUANTITY_ITEM:\r\n return {\r\n ...state,\r\n quantityItemCurrent: action.items.length,\r\n }\r\n case UPDATE_DEFAULT_COMPONENT:\r\n return {\r\n ...state,\r\n defaultComponent: action.items,\r\n }\r\n case UPDATE_STATE_SECTION_BLOCKING:\r\n // alert(\"vao day\")\r\n return {\r\n ...state,\r\n sectionBlocking: !state.sectionBlocking,\r\n }\r\n default:\r\n return state\r\n }\r\n}\r\n","import Common from '../utils/common'\r\nimport Configuration from '../utils/configuration'\r\nimport { getData, postData } from '../utils/data'\r\n\r\nexport const getKanbanCategories = (parentId) => {\r\n return getData.getDataGraphQl(`\r\n {\r\n kanbancategories(param:{merchantId:\"${localStorage.getItem(\r\n 'merchantId'\r\n )}\", parentId:\"${parentId}\", languageId:\"${localStorage.getItem(\r\n Configuration.tokenLanguage\r\n )}\", tokenUser: \"${localStorage.getItem('tokenId')}\"})\r\n {\r\n items {\r\n id\r\n version\r\n displayOrder\r\n name\r\n orders {\r\n id\r\n version\r\n code\r\n createdBy\r\n createdDate\r\n grandTotal\r\n customerId\r\n userName\r\n userMobile\r\n userEmail\r\n }\r\n }\r\n totalCount\r\n }\r\n }\r\n `)\r\n}\r\n\r\nexport const ChangeCategoryForOrder = ({\r\n orderId,\r\n fromCategoryId,\r\n toCategoryId,\r\n version,\r\n}) => {\r\n const body = {\r\n Id: Common.guid(),\r\n OrderId: orderId,\r\n FromCategoryId: fromCategoryId,\r\n ToCategoryId: toCategoryId,\r\n ModifiedBy: localStorage.getItem('userId'),\r\n ModifiedDate: Common.formatDateTime(new Date()),\r\n Version: version,\r\n }\r\n return postData.sendCommand('Sale', 'ChangeCategoryForOrder', body)\r\n}\r\n\r\nexport const createTicketArticle = ({ id, name, subDescription, orderId }) => {\r\n return postData.sendCommand('Article', 'CreateTicketArticle', {\r\n Id: id,\r\n MerchantId: localStorage.getItem('merchantId'),\r\n Name: name,\r\n SubDescription: subDescription,\r\n OrderId: orderId,\r\n LanguageId: localStorage.getItem(Configuration.tokenLanguage),\r\n CreatedDate: Common.formatDateTimeMoment(new Date()),\r\n CreatedBy: localStorage.getItem('userId'),\r\n })\r\n}\r\n\r\nexport const getPoints = ({ limit = 10, offset = 0, keyword = '' }) => {\r\n return getData.getDataGraphQl(`\r\n {\r\n points(param:{merchantId:\"${localStorage.getItem(\r\n 'merchantId'\r\n )}\", languageId:\"${localStorage.getItem(\r\n Configuration.tokenLanguage\r\n )}\", offset:${offset}, limit:${limit}, keyword:\"${keyword}\"})\r\n {\r\n items {\r\n id\r\n targetName\r\n pointTransactions {\r\n id,\r\n createdDate\r\n point\r\n }\r\n active\r\n totalPoint\r\n targetId\r\n version\r\n }\r\n totalCount\r\n }\r\n }\r\n `)\r\n}\r\n\r\nexport const getMembers = ({\r\n limit = 10,\r\n offset = 0,\r\n keyword = '',\r\n order = 'desc',\r\n sort = 'createdDate',\r\n}) => {\r\n return getData.getDataGraphQl(`\r\n {\r\n userMembers(param: {merchantId: \"${localStorage.getItem(\r\n 'merchantId'\r\n )}\", offset:${offset}, limit:${limit}, keyword:\"${keyword}\", order:\"${order}\", sort:\"${sort}\", languageId:\"${localStorage.getItem(\r\n Configuration.tokenLanguage\r\n )}\" }) {\r\n items {\r\n id\r\n totalPoint\r\n pointTransactions {\r\n id\r\n point\r\n transactionType\r\n targetId\r\n createdDate\r\n targetName\r\n }\r\n categories{\r\n id, \r\n name\r\n } \r\n images{\r\n id, \r\n path\r\n }\r\n active\r\n createdBy\r\n createdDate\r\n deleted\r\n merchantId\r\n modifiedBy\r\n modifiedDate\r\n totalPositvePoint\r\n totalNegativePoint\r\n userName\r\n email\r\n mobile\r\n }\r\n totalCount\r\n }\r\n }\r\n `)\r\n}\r\n\r\nexport const getMemberships = ({\r\n limit = 10,\r\n offset = 0,\r\n keyword = '',\r\n order = 'desc',\r\n sort = 'createdDate',\r\n}) => {\r\n return getData.getDataGraphQl(`\r\n {\r\n usermemberships(param: {merchantId: \"${localStorage.getItem(\r\n 'merchantId'\r\n )}\", offset:${offset}, limit:${limit}, keyword:\"${keyword}\", order:\"${order}\", sort:\"${sort}\", languageId:\"${localStorage.getItem(\r\n Configuration.tokenLanguage\r\n )}\" }) {\r\n items {\r\n id\r\n \r\n categories{\r\n id, \r\n name,\r\n expiredDate\r\n } \r\n images{\r\n id, \r\n path\r\n }\r\n active\r\n createdBy\r\n createdDate\r\n deleted\r\n merchantId\r\n modifiedBy\r\n modifiedDate \r\n userName\r\n email\r\n mobile\r\n }\r\n totalCount\r\n }\r\n }\r\n `)\r\n}\r\n","import _ from 'lodash'\r\nimport moment from 'moment'\r\nimport React, { Fragment, useEffect, useState } from 'react'\r\nimport { useForm } from 'react-hook-form'\r\nimport Moment from 'react-moment'\r\nimport { useSelector } from 'react-redux'\r\nimport { toast } from 'react-toastify'\r\nimport {\r\n Badge,\r\n CardTitle,\r\n Col,\r\n Modal,\r\n ModalBody,\r\n ModalHeader,\r\n Row,\r\n} from 'reactstrap'\r\nimport { createTicketArticle } from '../../Services/CrmService'\r\nimport { getOrder } from '../../Services/OrderService'\r\nimport Common from '../../utils/common'\r\nimport LoadingButton from '../CommonComponent/Button/LoadingButton'\r\nimport useLocalDataTable from '../CommonComponent/CustomHooks/useLocalDataTable'\r\nimport ReactTableList from '../CommonComponent/TableList/ReactTableList'\r\n\r\nconst statusOrder = {\r\n 1: {\r\n name: 'Mới tạo',\r\n color: 'warning',\r\n },\r\n 32: {\r\n name: 'Đang xử lý',\r\n color: 'info',\r\n },\r\n 32768: {\r\n name: 'Thất bại',\r\n color: 'danger',\r\n },\r\n 1048576: {\r\n name: 'Thành công',\r\n color: 'success',\r\n },\r\n}\r\nconst columns = [\r\n {\r\n Header: 'Tên',\r\n accessor: 'targetName',\r\n },\r\n {\r\n Header: 'Giá',\r\n accessor: 'price',\r\n Cell: (props) => Common.formatMoney(parseInt(props.value), 0),\r\n },\r\n {\r\n Header: 'Số lượng',\r\n accessor: 'quantity',\r\n },\r\n {\r\n Header: 'Giảm',\r\n accessor: 'discountAmount',\r\n },\r\n {\r\n Header: 'Tổng',\r\n accessor: 'total',\r\n Cell: (props) => Common.formatMoney(parseInt(props.value), 0),\r\n },\r\n]\r\n\r\nfunction ModalInfoCardKanban({ isOpen, toggle, dataModal }) {\r\n const [order, setOrder] = useState(null)\r\n const [loading, setLoading] = useState(false)\r\n\r\n const { register, handleSubmit, setValue } = useForm()\r\n\r\n const [data, pageCount, fetchData, totalCount, setData] = useLocalDataTable()\r\n\r\n const user = useSelector((state) => state.System.user)\r\n\r\n const onSubmit = (values, e) => {\r\n setValue('subDescription', '')\r\n setLoading(true)\r\n const id = Common.guid()\r\n createTicketArticle({\r\n id: id,\r\n name: user.FullName,\r\n orderId: order.id,\r\n subDescription: values.subDescription,\r\n })\r\n .then((res) => {\r\n if (res.data.Success) {\r\n setOrder({\r\n ...order,\r\n tickets: [\r\n {\r\n id: id,\r\n createdName: user.FullName,\r\n subDescription: values.subDescription,\r\n createdDate: new Date(),\r\n },\r\n ...order.tickets,\r\n ],\r\n })\r\n } else toast['error'](res.data.Message)\r\n })\r\n .catch((err) => toast['error'](err))\r\n .finally(() => setLoading(false))\r\n }\r\n\r\n useEffect(() => {\r\n if (dataModal.id)\r\n getOrder(dataModal.id, localStorage.getItem('merchantId')).then((res) => {\r\n setOrder(res.order)\r\n setTimeout(() => {\r\n setData(res.order.orderLines)\r\n }, 0)\r\n })\r\n }, [dataModal.id])\r\n\r\n return (\r\n \r\n
\r\n Chi tiết đơn hàng
\r\n \r\n \r\n
\r\n \r\n {order.code}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {order.userName}\r\n
\r\n {order.userMobile}\r\n
\r\n {order.userEmail}\r\n \r\n
\r\n \r\n {order.userMobile}\r\n
\r\n {order.userEmail}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {moment(new Date(order.createdDate)).format(\r\n 'DD/MM/YYYY HH:mm'\r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {(function () {\r\n const statuses = Common.allStatusToStatuses(\r\n order.allStatus\r\n )\r\n return (\r\n \r\n {_.get(\r\n statusOrder[statuses[statuses.length - 1]],\r\n 'name'\r\n )}\r\n \r\n )\r\n })()}\r\n
\r\n \r\n \r\n
\r\n \r\n {Common.formatMoney(order.grandTotal, 0)}\r\n
\r\n \r\n
| {ticket.subDescription} | \r\n{ticket.createdName} | \r\n\r\n | \r\n
\r\n {\r\n const card = getCardFromId(cardId)\r\n if (!card) return alert('Some thing when wrongs')\r\n toggle(card)\r\n }}\r\n onCardMoveAcrossLanes={(fromLaneId, toLaneId, cardId, index) => {\r\n if (toLaneId === fromLaneId) return\r\n setSaving(true)\r\n const card = getCardFromId(cardId)\r\n const newLanes = dataKanban.lanes.map((lane) => {\r\n if (lane.id === fromLaneId)\r\n return {\r\n ...lane,\r\n cards: lane.cards.filter((card) => card.id !== cardId),\r\n }\r\n\r\n if (lane.id === toLaneId)\r\n return {\r\n ...lane,\r\n cards: [\r\n ...lane.cards,\r\n {\r\n ...card,\r\n version: parseInt(card.version) + 1,\r\n },\r\n ],\r\n }\r\n return lane\r\n })\r\n\r\n setDataKanban({\r\n lanes: newLanes,\r\n })\r\n ChangeCategoryForOrder({\r\n orderId: cardId,\r\n fromCategoryId: fromLaneId,\r\n toCategoryId: toLaneId,\r\n version: card.version,\r\n }).then((data) => {\r\n setSaving(false)\r\n })\r\n }}\r\n handleLaneDragEnd={(fromIndex, toIndex) => {\r\n const tempLanes = dataKanban.lanes\r\n // swap from and to\r\n const temp = dataKanban.lanes[toIndex]\r\n dataKanban.lanes[toIndex] = dataKanban.lanes[fromIndex]\r\n dataKanban.lanes[fromIndex] = temp\r\n setSaving(true)\r\n setDataKanban({\r\n lanes: tempLanes,\r\n })\r\n sortCategories(tempLanes.map((lane) => lane.id)).then(() =>\r\n setSaving(false)\r\n )\r\n }}\r\n onLaneDelete={(laneId) => {\r\n setSaving(true)\r\n setDataKanban({\r\n lanes: dataKanban.lanes.filter((lane) => lane.id !== laneId),\r\n })\r\n postData\r\n .changeStatusCommand('Category', 'ChangeStatusPublishCategories', [\r\n {\r\n Id: laneId,\r\n Publish: true,\r\n },\r\n ])\r\n .then(() => setSaving(false))\r\n }}\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default DetailKanban\r\n","import React, { Fragment } from 'react'\r\nimport { Link, Route } from 'react-router-dom'\r\nimport { Col, Row } from 'reactstrap'\r\nimport AppHeader from '../../Layout/AppHeader'\r\nimport AppSidebar from '../../Layout/AppSidebar'\r\nimport Common from '../../utils/common'\r\nimport Configuration from '../../utils/configuration'\r\nimport CategoryForm from '../Categories/CategoryForm'\r\nimport CategoryList from '../Categories/CategoryList'\r\nimport DetailKanban from './DetailKanban'\r\n\r\nclass Crm extends React.Component {\r\n render() {\r\n return (\r\n \r\n Kanban {category.name} \r\n
\r\n\r\n \r\n
\r\n \r\n {saving !== null\r\n ? saving\r\n ? 'Saving...'\r\n : 'Đã lưu tất cả thay đổi!'\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 {props.value ? (\r\n
\r\n ),\r\n resizable: false,\r\n width: 130,\r\n },\r\n\r\n {\r\n Header: 'Sđt người nhận',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Email người nhận',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Tên người xuất ',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Sđt người xuất',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Email người xuất',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Mã',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Ngày dùng',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Tên',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Giá trị',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Thời hạn sử dụng',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n ]\r\n return (\r\n Đã phát hành
\r\n ) : (\r\n Chưa phát hành
\r\n )}\r\n \r\n \r\n
\r\n
\r\n \r\n {props.value ? (\r\n
\r\n ),\r\n resizable: false,\r\n width: 130,\r\n },\r\n\r\n {\r\n Header: 'Email người kích hoạt',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Số điện thoại người kích hoạt',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Ngày dùng',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Tên',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Giá trị',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Thời hạn sử dụng',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n ]\r\n return (\r\n Đã phát hành
\r\n ) : (\r\n Chưa phát hành
\r\n )}\r\n \r\n \r\n
\r\n
\r\n \r\n {props.value ? (\r\n
\r\n ),\r\n resizable: false,\r\n width: 150,\r\n },\r\n\r\n {\r\n id: 'availableTo',\r\n Header: 'Từ ngày',\r\n accessor: (d) => {\r\n const date = new Date(d.availableTo)\r\n return Common.formatDateTime(date, 'dd-mm-yyyy')\r\n },\r\n resizable: false,\r\n width: 130,\r\n },\r\n {\r\n id: 'availableFrom',\r\n Header: 'Đến ngày',\r\n accessor: (d) => {\r\n const date = new Date(d.availableFrom)\r\n return Common.formatDateTime(date, 'dd-mm-yyyy')\r\n },\r\n resizable: false,\r\n width: 130,\r\n },\r\n {\r\n Header: 'Giá trị',\r\n accessor: 'value',\r\n //resizable: false,\r\n // width: 400\r\n Cell: (props) => Common.formatMoney(props.value, 0, 3),\r\n },\r\n {\r\n id: 'totalCode',\r\n Header: 'Tổng',\r\n accessor: 'totalCode',\r\n resizable: false,\r\n width: 100,\r\n },\r\n {\r\n id: 'totalImported',\r\n Header: 'Tồn',\r\n accessor: 'totalImported',\r\n resizable: false,\r\n width: 100,\r\n },\r\n {\r\n id: 'totalLocked',\r\n Header: 'Đang xử lý',\r\n accessor: 'totalLocked',\r\n resizable: false,\r\n width: 100,\r\n },\r\n {\r\n id: 'totalCodeExported',\r\n Header: 'Đã xuất',\r\n accessor: 'totalCodeExported',\r\n resizable: false,\r\n width: 100,\r\n },\r\n {\r\n id: 'evoucherCode',\r\n Header: 'Đã dùng',\r\n accessor: 'totalCodeUsed',\r\n resizable: false,\r\n width: 100,\r\n },\r\n {\r\n Header: 'Thao tác',\r\n id: 'thao-tac',\r\n accessor: (d) => d,\r\n Cell: (props) => {\r\n const isActive = props.value.active\r\n return (\r\n Hoạt động
\r\n ) : (\r\n Không hoạt động
\r\n )}\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n {props.value.totalImported > 0 ? (\r\n \r\n \r\n \r\n ) : null}\r\n
\r\n )\r\n },\r\n filterable: false,\r\n resizable: false,\r\n width: 250,\r\n },\r\n]\r\n\r\nfunction EvoucherList(props) {\r\n const [data, loading, pageCount, fetchData, totalCount] = useFetchDataTable(\r\n getData.getEvoucher\r\n )\r\n\r\n return (\r\n \r\n {props.value ? (\r\n
\r\n ),\r\n resizable: false,\r\n width: 130,\r\n },\r\n\r\n {\r\n Header: 'Sđt',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Email',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Mã đơn hàng',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Giá trị',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Ngày xuất',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Tên sp tham chiếu',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Giá sp tham chiếu',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Ngày dùng',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Tên ',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n {\r\n Header: 'Giá trị',\r\n accessor: 'value',\r\n resizable: false,\r\n // width: 400\r\n },\r\n ]\r\n return (\r\n Đã phát hành
\r\n ) : (\r\n Chưa phát hành
\r\n )}\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default ExportCode\r\n","import { AvField, AvForm, AvGroup } from \"availity-reactstrap-validation\";\r\nimport axios from \"axios\";\r\nimport React from \"react\";\r\nimport { Button, Card, CardBody, Col, Label, Row } from \"reactstrap\";\r\nimport CustomLoader from \"../../Layout/Loading/CustomLoader\";\r\nimport Common from \"../../utils/common\";\r\nimport Configuration from \"../../utils/configuration\";\r\nimport Validation from \"../../utils/validation\";\r\nimport Header from \"../CommonComponent/Header\";\r\n\r\nclass GenerateEVoucherCodes extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n modalInfo: {\r\n show: false,\r\n message: \"\",\r\n type: \"error\",\r\n },\r\n isSending: false,\r\n };\r\n }\r\n\r\n state = {\r\n number: \"\",\r\n Pattern: \"\",\r\n };\r\n onSubmidHandler = (event, value) => {\r\n this.setState({\r\n isSending: true,\r\n });\r\n\r\n const body = {\r\n Id: this.props.match.params.id,\r\n MerchantId: localStorage.getItem(\"merchantId\"),\r\n PatternCode: value.Pattern,\r\n QuantityOfCode: value.number,\r\n ModifiedDate: Common.formatDateTime(new Date()),\r\n ModifiedBy: localStorage.getItem(\"userId\"),\r\n };\r\n\r\n // postData\r\n // .sendCommand(\r\n // \"Evoucher\",\r\n // \"GenerateEVoucherCodes\",\r\n // body\r\n // )\r\n\r\n const dataSend = {\r\n CommandName: \"GenerateEVoucherCodes\",\r\n Domain: \"Evoucher\",\r\n Content: JSON.stringify(body),\r\n TimeOutSecond: 7,\r\n };\r\n\r\n const api_url = Configuration.url_api + \"/Command/SendSync\";\r\n axios\r\n .post(api_url, dataSend)\r\n .then((response) => {\r\n if (response.data.Success)\r\n this.setState({\r\n modalInfo: {\r\n show: true,\r\n message: \"Thành công\",\r\n responesMessage: response.data.Message,\r\n type: \"success\",\r\n },\r\n });\r\n else\r\n this.setState({\r\n modalInfo: {\r\n show: true,\r\n message: \"Thất bại\",\r\n responesMessage: response.data.Message,\r\n type: \"error\",\r\n },\r\n });\r\n })\r\n .catch((err) => {\r\n this.setState({\r\n modalInfo: {\r\n show: true,\r\n message: \"Thất bại\",\r\n responesMessage: err + \"\",\r\n type: \"error\",\r\n },\r\n });\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isSending: false,\r\n });\r\n });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n Kiểm tra mã Evoucher \r\n \r\n *\"\r\n formik={formik}\r\n name=\"eCode\"\r\n />\r\n \r\n Kiểm tra\r\n \r\n \r\n \r\n \r\n \r\n {evoucherInfo ? (\r\n \r\n Thông tin Evoucher \r\n {evoucherInfo.success ? ( \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n activateEvoucherHandler(evoucherInfo.code)}\r\n >\r\n Kích hoạt\r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n ) : null}\r\n \r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default UseEVoucherCodes\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom'\r\nimport { Col, Row } from 'reactstrap'\r\nimport AppHeader from '../../Layout/AppHeader'\r\nimport AppSidebar from '../../Layout/AppSidebar'\r\nimport EvoucherByMem from './EvoucherByMem'\r\nimport EvoucherCodeUsed from './EvoucherCodeUsed'\r\n// import EmailList from './EmailList';\r\nimport EvoucherForm from './EvoucherForm'\r\nimport EvoucherList from './EvoucherList'\r\nimport EvoucherSold from './EvoucherSold'\r\nimport ExportCode from './ExportCode'\r\nimport GenerateEVoucherCodes from './GenerateEVoucherCodes'\r\nimport ImportEvouchercode from './ImportEVoucherCodes'\r\nimport UseEVoucherCodes from './UseEVoucherCodes'\r\n\r\nclass Evoucher extends React.Component {\r\n render() {\r\n return (\r\n {evoucherInfo.message}
\r\n {evoucherInfo.message}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n {errors.parternCode && errors.parternCode.message}\r\n \r\n \r\n \r\n\r\n \r\n Lưu\r\n */}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default OfficeConfigGeneral\r\n","import React, { Fragment } from 'react'\r\nimport { Link, Route } from 'react-router-dom'\r\nimport Configuration from '../../../utils/configuration'\r\nimport Header from '../../CommonComponent/Header'\r\nimport RoomBookingSettingForm from '../../RoomBooking/Setting/RoomBookingSettingForm'\r\nimport RoomList from '../../RoomBooking/Setting/RoomList'\r\nimport OfficeConfigGeneral from './OfficeConfigGeneral'\r\n\r\nfunction Setting(props) {\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\nexport default Setting\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom'\r\nimport { Col, Row } from 'reactstrap'\r\nimport AppHeader from '../../Layout/AppHeader'\r\nimport AppSidebar from '../../Layout/AppSidebar'\r\nimport OfficeBook from './OfficeBook'\r\nimport Setting from './Setting'\r\n\r\nclass OfficeBooking extends React.Component {\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
- Cài đặt \r\n
- \r\n \r\n \r\n Cài đặt chung\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n Thông tin \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setValue('friendlyUrl', getValues('name'))\r\n }}\r\n ref={register({\r\n required: 'Trường bắt buộc',\r\n })}\r\n />\r\n {errors.name ? (\r\n \r\n {errors.name.message}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n {errors.price.message}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n {errors.friendlyUrl.message}\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 Dịch vụ \r\n \r\n \r\n \r\n \r\n \r\n {memberships.map((membership) => (\r\n \r\n ))}\r\n \r\n {errors.membershipId ? (\r\n \r\n {errors.membershipId.message}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n {errors.numberOfPointsPerSend.message}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n {errors.sendingTimes.message}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n {new Array(12).fill(1).map((val, i) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {evouchers.map((evoucher) => (\r\n \r\n ))}\r\n \r\n {errors.evoucherId ? (\r\n \r\n {errors.evoucherId.message}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Lưu\r\n \r\n }\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default ProductMemberForm\r\n","import React, { useEffect, useState } from 'react'\r\nimport { Controller, useForm } from 'react-hook-form'\r\nimport Select from 'react-select'\r\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap'\r\nimport Swal from 'sweetalert2'\r\nimport { createOrderCardProductSale } from '../../Services/OrderService'\r\nimport { getUsers } from '../../Services/UserService'\r\nimport Common from '../../utils/common'\r\nimport LoadingButton from '../CommonComponent/Button/LoadingButton'\r\n\r\nfunction ModalCreateOrderProductMember({ isOpen, toggle, dataModal }) {\r\n const [loading, setLoading] = useState(false)\r\n const [users, setUsers] = useState([])\r\n\r\n const { handleSubmit, control } = useForm()\r\n\r\n useEffect(() => {\r\n getUsers({\r\n limit: 100000,\r\n }).then(\r\n (res) => {\r\n var temp = []\r\n res.users.items.map((item, i) =>\r\n temp.push({\r\n value: item.id,\r\n label: item.name + ' - ' + item.mobile,\r\n })\r\n )\r\n //console.log(temp);\r\n setUsers(temp)\r\n }\r\n // {\r\n // users.map((user) => (\r\n // \r\n // ));\r\n // }\r\n //setUsers(res.users.items)\r\n )\r\n return () => {}\r\n }, [])\r\n\r\n const onSubmit = (values) => {\r\n Swal.fire({\r\n title: 'Cảnh báo',\r\n text: 'Bạn có chắc chắn muốn tạo đơn hàng',\r\n icon: 'question',\r\n showCancelButton: true,\r\n cancelButtonText: 'hủy',\r\n }).then(({ value }) => {\r\n if (value) {\r\n // const body = {\r\n // Id: Common.guid(),\r\n // UserId: ,\r\n // MerchantId: merchantId,\r\n // ProductId: dataModal.id,\r\n // CreatedDate: Common.getCurrentDate(),\r\n // CreatedBy: localStorage.getItem(\"userId\"),\r\n // };\r\n\r\n setLoading(true)\r\n createOrderCardProductSale({\r\n customerId: values.userId.value,\r\n productId: dataModal.id,\r\n })\r\n .then(Common.handleResponse)\r\n .catch(Common.handleError)\r\n .finally(() => {\r\n setLoading(false)\r\n toggle()\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 Header: \"Trạng thái\",\r\n accessor: \"published\",\r\n Cell: (props) => (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {value.name}
\r\n \r\n \r\n SKU: {value.sku}\r\n \r\n
\r\n \r\n {props.value ? (\r\n
\r\n ),\r\n },\r\n {\r\n Header: \"Giá\",\r\n accessor: \"price\",\r\n Cell: ({ value }) => {\r\n return (\r\n Đã phát hành
\r\n ) : (\r\n Chưa phát hành
\r\n )}\r\n \r\n {Common.formatNumber(value, 0)}\r\n đ\r\n
\r\n );\r\n },\r\n },\r\n {\r\n Header: \"Danh mục\",\r\n accessor: \"categories\",\r\n Cell: ({ value }) => {\r\n return {value.length > 0 ? value.map((val) => val.name).join(\", \") : \"N/A\"}
;\r\n },\r\n },\r\n {\r\n Header: \"Ngày cập nhật\",\r\n accessor: \"modifiedDate\",\r\n Cell: ({ value }) => {moment(new Date(value)).format(\"HH:mm, DD-MM-YYYY\")},\r\n },\r\n {\r\n Header: \"Action\",\r\n accessor: (a) => a,\r\n Cell: ({ value }) => (\r\n \r\n \r\n \r\n \r\n }\r\n />\r\n \r\n postData.deleteItemCommand(\"Product\", \"DeleteProductVersion01\", ids)\r\n }\r\n changeStatusCommand={(changeStatuses) =>\r\n postData.changeStatusCommand(\"Product\", \"ChangeStatusPublishProduct\", changeStatuses)\r\n }\r\n categoryType={Configuration.categoryTypes.PRODUCT}\r\n />\r\n
\r\n );\r\n}\r\n\r\nProductMemberList.propTypes = {};\r\n\r\nexport default ProductMemberList;\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom'\r\nimport { Col, Row } from 'reactstrap'\r\nimport AppHeader from '../../Layout/AppHeader'\r\n// import ThemeOptions from '../../Layout/ThemeOptions'\r\nimport AppSidebar from '../../Layout/AppSidebar'\r\nimport ProductMemberForm from './ProductMemberForm'\r\nimport ProductMemberList from './ProductMemberList'\r\n\r\n// import CategoryFormCreate from './Create/CategoryFormCreate';\r\n\r\nclass ProductMember extends React.Component {\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 Đang hoạt dộng\r\n
\r\n ) : (\r\n \r\n Chưa hoạt động\r\n
\r\n ),\r\n\r\n headerAlign: 'center',\r\n filter: selectFilter({\r\n placeholder: 'Lựa chọn',\r\n options: selectOptions,\r\n }),\r\n footer: '',\r\n },\r\n {\r\n dataField: 'note',\r\n text: 'Ghi chú',\r\n headerAlign: 'center',\r\n align: 'left',\r\n sort: true,\r\n footer: '',\r\n },\r\n {\r\n dataField: 'totalUsed',\r\n text: 'Số lần sử dụng',\r\n headerAlign: 'center',\r\n align: 'right',\r\n sort: true,\r\n footerAlign: 'right',\r\n\r\n footer: (columnData) =>\r\n Common.formatNumber(\r\n columnData.reduce((acc, item) => acc + item, 0),\r\n 0,\r\n 3\r\n ), // console.log(columnData)\r\n },\r\n {\r\n dataField: 'totalCodes',\r\n text: 'Tổng sỗ mã',\r\n headerAlign: 'center',\r\n align: 'right',\r\n sort: true,\r\n // formatter: (cell, row) =>\r\n // Common.formatMoney(cell, 0, 3),\r\n footerAlign: 'right',\r\n footer: (columnData) =>\r\n Common.formatNumber(\r\n columnData.reduce((acc, item) => acc + item, 0),\r\n 0,\r\n 3\r\n ), // console.log(columnData)\r\n },\r\n {\r\n dataField: 'totalAmountUsed',\r\n text: 'Tổng tiền đã dùng',\r\n headerAlign: 'center',\r\n formatter: (cell, row) => Common.formatMoney(cell, 0, 3),\r\n align: 'right',\r\n sort: true,\r\n footerAlign: 'right',\r\n footer: (columnData) =>\r\n Common.formatMoney(\r\n columnData.reduce((acc, item) => acc + item, 0),\r\n 0,\r\n 3\r\n ), // console.log(columnData)\r\n },\r\n {\r\n dataField: 'createdDate',\r\n text: 'Ngày tạo',\r\n align: 'center',\r\n headerAlign: (column, colIndex) => 'center',\r\n formatter: (cell, row) => Common.formatDateTime(cell, 'dd-mm-yyyy hh:mm'),\r\n sort: true,\r\n onSort: handleSort,\r\n footer: '',\r\n },\r\n ]\r\n const conditionColumns = [\r\n {\r\n dataField: 'pluginName',\r\n text: 'Tên',\r\n headerAlign: 'center',\r\n align: 'left',\r\n sort: true,\r\n formatter: (cell, row) => {cell},\r\n },\r\n {\r\n dataField: 'priority',\r\n text: 'Độ ưu tiên',\r\n headerAlign: 'center',\r\n align: 'right',\r\n sort: true,\r\n formatter: (cell, row) => {cell},\r\n },\r\n {\r\n dataField: 'data',\r\n text: 'Dữ liệu',\r\n align: 'left',\r\n headerAlign: 'center',\r\n formatter: (cell, row) => convertData(row),\r\n },\r\n ]\r\n const resultColumns = [\r\n {\r\n dataField: 'pluginName',\r\n text: 'Tên',\r\n headerAlign: 'center',\r\n align: 'left',\r\n sort: true,\r\n formatter: (cell, row) => {cell},\r\n },\r\n {\r\n dataField: 'priority',\r\n text: 'Độ ưu tiên',\r\n headerAlign: 'center',\r\n align: 'right',\r\n sort: true,\r\n formatter: (cell, row) => {cell},\r\n },\r\n {\r\n dataField: 'data',\r\n text: 'Dữ liệu',\r\n align: 'left',\r\n headerAlign: 'center',\r\n formatter: (cell, row) => convertData(row),\r\n },\r\n ]\r\n const expandRow = {\r\n renderer: (row) => (\r\n Điều kiện
\r\nKết quả
\r\n\r\n
\r\n {!row.active ? (\r\n {\r\n dispatch(activeAction(row.id))\r\n }}\r\n >\r\n Kích hoạt\r\n \r\n ) : (\r\n {\r\n dispatch(deactiveAction(row.id))\r\n }}\r\n >\r\n Dừng\r\n \r\n )}\r\n {row.type === 4 && (\r\n \r\n toggleModalGenCode(row)}\r\n >\r\n Tạo mã\r\n \r\n toggleModalGetCode(row)}\r\n >\r\n {' '}\r\n \r\n Lấy mã\r\n \r\n \r\n )}\r\n
\r\n \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 != null && item.items ? (\r\n \r\n {(props) => (\r\n \r\n \r\n \r\n\r\n \r\n \r\n {promotionCode !== undefined && promotionCode.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 {promotionCode !== undefined && promotionCode.name}\r\n \r\n \r\n \r\n \r\n \r\n getData.getUsers({ ...options, type: 1048576 })\r\n }\r\n onChange={(pickUsers) => setUsers(pickUsers)}\r\n />\r\n \r\n sendGiftCodeToUsers()}\r\n className=\"mt-1\"\r\n >\r\n Lấy mã\r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default List\r\n","import axios from 'axios';\r\nimport React, { Fragment } from 'react';\r\nimport CustomLoader from '../../Layout/Loading/CustomLoader';\r\nimport Common from '../../utils/common';\r\nimport Configuration from '../../utils/configuration';\r\nimport { getData } from \"../../utils/data\";\r\n\r\nexport default class FormWraper extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: {\r\n name: \"\",\r\n subject: \"\",\r\n template: \"\"\r\n },\r\n optionsCategories: [],\r\n modalInfo: {\r\n show: false,\r\n message: \"\",\r\n type: \"error\"\r\n },\r\n isSending: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n // Get Categpries and set to selection box\r\n getData.getCategories()\r\n .then(data => {\r\n //TO DO: Them parent ID cho moi category\r\n const categories = data.categories.items;\r\n const optionsCategories = categories.map(category => {\r\n return {\r\n value: category.id,\r\n label: category.name\r\n };\r\n });\r\n this.setState({\r\n optionsCategories: optionsCategories\r\n });\r\n })\r\n .catch(err => console.log(err, \"err\"));\r\n\r\n if (this.props.id != undefined)\r\n this.props.getDataFillForm(this.props.id).then(response => {\r\n console.log(response);\r\n const data = {\r\n name: response.emailtemplate.templateName,\r\n subject: response.emailtemplate.subject,\r\n template: response.emailtemplate.template\r\n };\r\n this.setState({\r\n data: data\r\n });\r\n });\r\n else {\r\n }\r\n }\r\n\r\n submitFormHandler = (event, value) => {\r\n // event.preventDefault();\r\n\r\n this.setState({\r\n isSending: true\r\n });\r\n\r\n event.preventDefault();\r\n // const formData = new FormData(event.target)\r\n\r\n const body = {\r\n Id: this.props.id !== undefined ? this.props.id : Common.guid(),\r\n MerchantId: localStorage.getItem(\"merchantId\"),\r\n Name: value.name,\r\n Subject: value.subject, // formData.get('subDescription'),\r\n Template: this.state.data.template,\r\n LanguageId: Configuration.languageVi,\r\n CreatedDate: Common.formatDateTime(new Date()),\r\n CreatedBy: localStorage.getItem(\"userId\")\r\n };\r\n\r\n const dataSend = {\r\n CommandName:\r\n this.props.id !== undefined\r\n ? \"UpdateInformationEmailTemplate\"\r\n : \"CreateEmailTemplate\",\r\n Domain: \"EmailTemplate\",\r\n Content: JSON.stringify(body),\r\n TimeOutSecond: 7\r\n };\r\n\r\n const api_url = Configuration.url_api + \"/Command/SendSync\";\r\n axios\r\n .post(api_url, dataSend)\r\n .then(response => {\r\n if (response.data.Success)\r\n this.setState({\r\n modalInfo: {\r\n show: true,\r\n message: \"Thành công\",\r\n responesMessage: response.data.Message,\r\n type: \"success\"\r\n }\r\n });\r\n else\r\n this.setState({\r\n modalInfo: {\r\n show: true,\r\n message: \"Thất bại\",\r\n responesMessage: response.data.Message,\r\n type: \"error\"\r\n }\r\n });\r\n })\r\n .catch(err => {\r\n this.setState({\r\n modalInfo: {\r\n show: true,\r\n message: \"Thất bại\",\r\n responesMessage: err + \"\",\r\n type: \"error\"\r\n }\r\n });\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isSending: false\r\n });\r\n });\r\n };\r\n\r\n onSubmit = (body, commandInfo) => {\r\n this.setState({\r\n isSending: true\r\n });\r\n\r\n const dataSend = {\r\n CommandName:\r\n this.props.id !== undefined\r\n ? commandInfo.CommandName[1]\r\n : commandInfo.CommandName[0],\r\n Domain: commandInfo.Domain,\r\n Content: JSON.stringify(body),\r\n TimeOutSecond: 7\r\n };\r\n\r\n const api_url = Configuration.url_api + \"/Command/SendSync\";\r\n axios\r\n .post(api_url, dataSend)\r\n .then(response => {\r\n if (response.data.Success)\r\n this.setState({\r\n modalInfo: {\r\n show: true,\r\n message: \"Thành công\",\r\n responesMessage: response.data.Message,\r\n type: \"success\"\r\n }\r\n });\r\n else\r\n this.setState({\r\n modalInfo: {\r\n show: true,\r\n message: \"Thất bại\",\r\n responesMessage: response.data.Message,\r\n type: \"error\"\r\n }\r\n });\r\n })\r\n .catch(err => {\r\n this.setState({\r\n modalInfo: {\r\n show: true,\r\n message: \"Thất bại\",\r\n responesMessage: err + \"\",\r\n type: \"error\"\r\n }\r\n });\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isSending: false\r\n });\r\n });\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 Danh sách chương trình khuyến mãi\r\n
\r\n \r\n Các chương trình có trong hệ thống\r\n
\r\n \r\n \r\n \r\n Export CSV\r\n \r\n {/*
\r\n\r\n
\r\n
\r\n )}\r\n \r\n ) : (\r\n \r\n
\r\n Hiện chưa có chương trình\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ạo chương trình giảm giá sản phẩm \r\n \r\n \r\n \r\n \r\n {errors.name.message}\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 {errors.products.message}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n\r\n (\r\n \r\n {errors.daysInWeek.message}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n\r\n (\r\n \r\n {errors.startEnd.message}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n {\r\n setType(event.target.value)\r\n }}\r\n className={'form-control'}\r\n >\r\n \r\n \r\n \r\n \r\n {type === 'percent' ? (\r\n \r\n \r\n \r\n \r\n {errors.percent.message}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n {errors.maximum.message}\r\n \r\n ) : null}\r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n {errors.amount.message}\r\n \r\n ) : null}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n Tạo\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default PromotionProductForm\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom'\r\nimport { Col, Row } from 'reactstrap'\r\nimport AppHeader from '../../Layout/AppHeader'\r\nimport AppSidebar from '../../Layout/AppSidebar'\r\n// import PromotionList from './PromotionList';\r\nimport PromotionList from './List'\r\n// import ProductTableList from './list/ProductTableList';\r\nimport PromotionForm from './PromotionForm'\r\nimport DiscountForm from './DiscountForm'\r\nimport PromotionProductForm from './PromotionProductForm'\r\n\r\nclass Promotion extends React.Component {\r\n render() {\r\n return (\r\n \r\n {\r\n onChange({\r\n start: picker.startDate.toDate(),\r\n end: picker.endDate.toDate(),\r\n })\r\n }}\r\n >\r\n \r\n \r\n
\r\n )}\r\n />\r\n {errors.startEnd ? (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n Rating \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 RatingForm\r\n","import PropTypes from 'prop-types'\r\nimport React, { Fragment, useEffect, useState } from 'react'\r\nimport { toast } from 'react-toastify'\r\nimport { Button, Col, Form, FormGroup, Row } from 'reactstrap'\r\nimport Swal from 'sweetalert2'\r\nimport Common from '../../../utils/common'\r\nimport { getData, postData } from '../../../utils/data'\r\n\r\nfunction FooterActions({\r\n checkItems,\r\n setCheckItems,\r\n commands,\r\n categoryType,\r\n publishOrActive,\r\n load,\r\n}) {\r\n const actions = {\r\n ADD_TO_CATEGORY: 'ADD_TO_CATEGORY',\r\n DELETE_CATEGORY: 'DELETE_CATEGORY',\r\n }\r\n\r\n const [action, setAction] = useState(actions.ADD_TO_CATEGORY)\r\n const [loading, setLoading] = useState(false)\r\n const [categories, setCategories] = useState([])\r\n\r\n const [pickCategories, setPickCategories] = useState([])\r\n\r\n useEffect(() => {\r\n getData.getCategories({ type: categoryType }).then((result) => {\r\n setCategories(result.categories.items)\r\n })\r\n }, [])\r\n\r\n const doAction = (event) => {\r\n event.preventDefault()\r\n const category = pickCategories[0]\r\n if (checkItems.length === 0)\r\n return toast['error']('Vui lòng chọn ít nhất một item')\r\n switch (action) {\r\n case actions.ADD_TO_CATEGORY:\r\n if (!category || category === '-')\r\n return toast['error']('Vui lòng chọn ít nhất một phân loại')\r\n const body = {\r\n Id: Common.guid(),\r\n ModifiedDate: new Date(),\r\n ModifiedBy: localStorage.getItem('userId'),\r\n UserIds: checkItems.map((item) => item.id),\r\n CategoryIds: [category],\r\n }\r\n setLoading(true)\r\n postData\r\n .sendCommand(\r\n commands.addCategory.domain,\r\n commands.addCategory.commandName,\r\n body\r\n )\r\n .then((result) => {\r\n Swal.fire(\r\n result.data.Success ? 'Thành công' : 'Thất bại',\r\n result.data.Message,\r\n result.data.Success ? 'success' : 'error'\r\n ).then(() => load())\r\n })\r\n .finally(() => {\r\n setLoading(false)\r\n setCheckItems([])\r\n })\r\n // .then((err) => {\r\n // Swal.fire(\"Thất bại\", err + \"\", \"error\");\r\n // });\r\n break\r\n case actions.DELETE_CATEGORY:\r\n console.log(checkItems)\r\n break\r\n\r\n default:\r\n break\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nFooterActions.propTypes = {\r\n checkItems: PropTypes.array.isRequired,\r\n categoryType: PropTypes.any.isRequired,\r\n}\r\n\r\nexport default FooterActions\r\n","import _ from 'lodash'\r\nimport React, { useRef, useState } from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport { Button, Card, CardBody } from 'reactstrap'\r\nimport { getRatings } from '../../Services/RatingService'\r\nimport Header from '../CommonComponent/Header'\r\nimport FooterActions from '../CommonComponent/TableList/FooterActions'\r\nimport TableList from '../CommonComponent/TableList/TableList'\r\n\r\nfunction RatingList() {\r\n const tableRef = useRef()\r\n const [checkItems, setCheckItems] = useState([])\r\n const columns = [\r\n {\r\n Header: 'STT',\r\n accessor: 'index',\r\n Cell: ({ value }) => \r\n
\r\n \r\n
\r\n \r\n \r\n {commands.changeStatus ? (\r\n {\r\n setLoading(true)\r\n postData\r\n .changeStatusCommand(\r\n commands.changeStatus.domain,\r\n commands.changeStatus.commandName,\r\n checkItems.map((item) => {\r\n const temp = {\r\n Id: item.id,\r\n }\r\n console.log(\r\n publishOrActive === 'active'\r\n ? 'Activate'\r\n : 'Publish',\r\n item[\r\n publishOrActive === 'active'\r\n ? 'active'\r\n : 'published'\r\n ]\r\n )\r\n temp[\r\n publishOrActive === 'active'\r\n ? 'Activate'\r\n : 'Publish'\r\n ] =\r\n item[\r\n publishOrActive === 'active'\r\n ? 'active'\r\n : 'published'\r\n ]\r\n return temp\r\n })\r\n )\r\n .finally(() => {\r\n setLoading(false)\r\n setCheckItems([])\r\n load()\r\n })\r\n }}\r\n >\r\n Chuyển trạng thái\r\n \r\n ) : null}\r\n {\r\n setLoading(true)\r\n postData\r\n .deleteItemCommand(\r\n commands.delete.domain,\r\n commands.delete.commandName,\r\n checkItems.map((item) => item.id)\r\n )\r\n .finally(() => {\r\n setLoading(false)\r\n setCheckItems([])\r\n load()\r\n })\r\n }}\r\n >\r\n Xóa\r\n \r\n \r\n
\r\n {commands.addCategory ? (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n {value}
,\r\n width: 50,\r\n },\r\n {\r\n Header: 'Name',\r\n accessor: 'name',\r\n },\r\n {\r\n accessor: 'published',\r\n Header: 'Trạng thái',\r\n filterable: false,\r\n Cell: (props) =>\r\n props.value ? (\r\n Hoạt động
\r\n ) : (\r\n \r\n Không hoạt động\r\n
\r\n ),\r\n width: 150,\r\n },\r\n {\r\n Header: 'Max Score',\r\n accessor: 'maxScore',\r\n },\r\n {\r\n Header: 'Thao tác',\r\n id: 'thao-tac',\r\n accessor: (d) => d,\r\n Cell: ({ value }) => (\r\n \r\n \r\n \r\n \r\n \r\n \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\nexport default RatingList\r\n","import React, { useEffect, useState } from 'react'\r\nimport 'react-pivottable/pivottable.css'\r\nimport PivotTableUI from 'react-pivottable/PivotTableUI'\r\nimport createPlotlyRenderers from 'react-pivottable/PlotlyRenderers'\r\nimport TableRenderers from 'react-pivottable/TableRenderers'\r\nimport Plot from 'react-plotly.js'\r\nimport { Card, CardBody } from 'reactstrap'\r\nimport { getRatingTransactions } from '../../Services/RatingService'\r\nimport Common from '../../utils/common'\r\nimport Header from '../CommonComponent/Header'\r\n\r\n// create Plotly renderers via dependency injection\r\nconst PlotlyRenderers = createPlotlyRenderers(Plot)\r\nconst rows = ['relationName']\r\nconst cols = ['userName']\r\nconst vals = ['score']\r\n// see documentation for supported input formats\r\nexport default function RatingReport(props) {\r\n const ratingId = props.match.params.id\r\n const [state, setState] = useState({})\r\n const [data, setData] = useState([])\r\n\r\n useEffect(() => {\r\n getRatingTransactions(ratingId).then((res) =>\r\n setData(res.ratingtransactions.items)\r\n )\r\n return () => {}\r\n }, [])\r\n return (\r\n \r\n \r\n \r\n setState(s)}\r\n renderers={Object.assign({}, TableRenderers, PlotlyRenderers)}\r\n {...state}\r\n />\r\n \r\n \r\n
\r\n )\r\n}\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom'\r\n// import PageTitle from '../../Layout/AppMain/PageTitle';\r\nimport { Col, Row } from 'reactstrap'\r\nimport AppHeader from '../../Layout/AppHeader'\r\n// import ThemeOptions from '../../Layout/ThemeOptions'\r\nimport AppSidebar from '../../Layout/AppSidebar'\r\nimport RatingForm from './RatingForm'\r\nimport RatingList from './RatingList'\r\nimport RatingReport from './RatingReport'\r\n\r\n// import CategoryFormCreate from './Create/CategoryFormCreate';\r\n\r\nclass Products extends React.Component {\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\nexport default UserSchedule\r\n","import React from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport Badge from 'reactstrap/lib/Badge'\r\nimport DropdownItem from 'reactstrap/lib/DropdownItem'\r\nimport DropdownMenu from 'reactstrap/lib/DropdownMenu'\r\nimport DropdownToggle from 'reactstrap/lib/DropdownToggle'\r\nimport UncontrolledButtonDropdown from 'reactstrap/lib/UncontrolledButtonDropdown'\r\nimport { getUsers } from '../../Services/UserService'\r\nimport useFetchDataTable from '../CommonComponent/CustomHooks/useFetchDataTable'\r\nimport Header from '../CommonComponent/Header'\r\nimport ReactTableList from '../CommonComponent/TableList/ReactTableList'\r\nimport moment from 'moment'\r\n\r\nfunction UserScheduleList() {\r\n const [data, loading, pageCount, fetchData, totalCount] = useFetchDataTable(\r\n getUsers\r\n )\r\n\r\n const columns = [\r\n {\r\n Header: 'Tên',\r\n accessor: 'name',\r\n },\r\n\r\n {\r\n accessor: 'active',\r\n Header: 'Trạng thái',\r\n filterable: false,\r\n Cell: props => (\r\n \r\n {props.value ? (\r\n
\r\n ),\r\n },\r\n {\r\n Header: 'Email',\r\n accessor: 'email',\r\n Cell: props => Hoạt động
\r\n ) : (\r\n Không hoạt động
\r\n )}\r\n {props.value}
,\r\n },\r\n {\r\n Header: 'Số điện thoại',\r\n accessor: 'mobile',\r\n Cell: props => (\r\n{props.value ? props.value : 'N/A'}
\r\n ),\r\n },\r\n {\r\n Header: 'Ngày tạo',\r\n accessor: 'createdDate',\r\n Cell: ({ value }) => (\r\n\r\n {moment(new Date(value)).format('DD-MM-YYYY')}\r\n
\r\n ),\r\n },\r\n {\r\n Header: 'Thao tác',\r\n accessor: a => a,\r\n Cell: ({ value }) => {\r\n return (\r\n \r\n\r\n
\r\n )\r\n}\r\n\r\nexport default UserScheduleList\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom'\r\n// import PageTitle from '../../Layout/AppMain/PageTitle';\r\nimport { Col, Row } from 'reactstrap'\r\nimport AppHeader from '../../Layout/AppHeader'\r\n// import ThemeOptions from '../../Layout/ThemeOptions'\r\nimport AppSidebar from '../../Layout/AppSidebar'\r\nimport UserSchedule from './UserSchedule'\r\nimport UserScheduleList from './UserScheduleList'\r\n\r\nclass Schedule extends React.Component {\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 {props.value ? (\r\n
\r\n ),\r\n },\r\n {\r\n Header: 'Ngày tạo',\r\n accessor: 'createdDate',\r\n Cell: ({ value }) => (\r\n <>{moment(new Date(value)).format('DD-MM-YYYY HH:mm')}\r\n ),\r\n },\r\n {\r\n Header: 'Ngày sửa cuối',\r\n accessor: 'modifiedDate',\r\n Cell: ({ value }) => (\r\n <>{moment(new Date(value)).format('DD-MM-YYYY HH:mm')}\r\n ),\r\n },\r\n {\r\n Header: 'Chức năng',\r\n accessor: (a) => a,\r\n Cell: ({ value }) => {\r\n return (\r\n \r\n Hoạt động
\r\n ) : (\r\n Không hoạt động
\r\n )}\r\n \r\n console.log(ids)}\r\n changeStatusCommand={(changeStatuses) => console.log(changeStatuses)}\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default WarehouseList\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom'\r\n// import PageTitle from '../../Layout/AppMain/PageTitle';\r\nimport { Col, Row } from 'reactstrap'\r\nimport AppHeader from '../../Layout/AppHeader'\r\n// import ThemeOptions from '../../Layout/ThemeOptions'\r\nimport AppSidebar from '../../Layout/AppSidebar'\r\nimport WarehouseDetail from './WarehouseForm'\r\nimport WarehouseList from './WarehouseList'\r\n\r\nclass Warehouse extends React.Component {\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 value: themeWeb.id,\r\n label: themeWeb.name,\r\n }))}\r\n disabled={idThemeTemplate ? true : false}\r\n />\r\n \r\n *\"\r\n name=\"name\"\r\n type=\"text\"\r\n />\r\n \r\n *\"\r\n name=\"subDescription\"\r\n type=\"text\"\r\n />\r\n \r\n
\r\n \r\n \r\n {themeTemplateForm.values.theme ? (\r\n \r\n getData.getSections({\r\n themeWebId: themeTemplateForm.values.theme,\r\n ...options,\r\n })\r\n }\r\n />\r\n ) : null}\r\n \r\n
\r\n \r\n Lưu\r\n \r\n }\r\n />\r\n
\r\n );\r\n}\r\n\r\nexport default ThemeTemplateForm;\r\n","import _ from 'lodash'\r\nimport React, { useEffect, useRef, useState } from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport Select from 'react-select'\r\nimport { Button, Card, CardBody, Col, FormGroup, Label, Row } from 'reactstrap'\r\nimport Configuration from '../../utils/configuration'\r\nimport { getData } from '../../utils/data'\r\nimport Header from '../CommonComponent/Header'\r\nimport FooterActions from '../CommonComponent/TableList/FooterActions'\r\nimport TableList from '../CommonComponent/TableList/TableList'\r\n\r\nfunction ThemeTemplateList() {\r\n const tableRef = useRef()\r\n const [checkItems, setCheckItems] = useState([])\r\n const [themes, setThemes] = useState([])\r\n const [loading, setLoading] = useState(false)\r\n const columns = [\r\n {\r\n Header: 'STT',\r\n accessor: 'index',\r\n Cell: ({ value }) => {value}
,\r\n width: 50,\r\n },\r\n {\r\n Header: 'Tên',\r\n accessor: 'name',\r\n },\r\n {\r\n accessor: 'published',\r\n Header: 'Trạng thái',\r\n filterable: false,\r\n Cell: (props) =>\r\n props.value ? (\r\n Hoạt động
\r\n ) : (\r\n \r\n Không hoạt động\r\n
\r\n ),\r\n width: 150,\r\n },\r\n {\r\n Header: 'Thao tác',\r\n id: 'thao-tac',\r\n accessor: (d) => d,\r\n Cell: ({ value }) => (\r\n \r\n \r\n \r\n \r\n
\r\n ),\r\n filterable: false,\r\n },\r\n ]\r\n\r\n useEffect(() => {\r\n setLoading(true)\r\n getData\r\n .getThemeWebs()\r\n .then((res) => {\r\n setThemes(res.themewebs.items)\r\n })\r\n .finally(() => {\r\n setLoading(false)\r\n })\r\n return () => {}\r\n }, [])\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n ({\r\n label: theme.name,\r\n value: theme.id,\r\n }))}\r\n onChange={(theme) => {\r\n if (theme) {\r\n tableRef.current.filterByTargetId([theme.value])\r\n } else {\r\n tableRef.current.filterByTargetId(null)\r\n }\r\n }}\r\n />\r\n \r\n \r\n \r\n
\r\n \r\n getData.getArticles({\r\n type: Configuration.articleType.THEME_WEB_TEMPLATE.type,\r\n ...options,\r\n })\r\n }\r\n />\r\n \r\n \r\n\r\n
\r\n )\r\n}\r\n\r\nThemeTemplateList.propTypes = {}\r\n\r\nexport default ThemeTemplateList\r\n","import React, { Fragment } from 'react'\r\nimport { Route } from 'react-router-dom'\r\nimport { Col, Row } from 'reactstrap'\r\nimport AppHeader from '../../Layout/AppHeader'\r\nimport AppSidebar from '../../Layout/AppSidebar'\r\nimport Configuration from '../../utils/configuration'\r\nimport CategoryForm from '../Categories/CategoryForm'\r\nimport CategoryList from '../Categories/CategoryList'\r\nimport ThemeTemplateForm from './ThemeTemplateForm'\r\nimport ThemeTemplateList from './ThemeTemplateList'\r\n\r\nclass ThemeWeb extends React.Component {\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\nexport default DetailUserPoint\r\n","import React from 'react'\r\nimport {\r\n VerticalTimeline,\r\n VerticalTimelineElement,\r\n} from 'react-vertical-timeline-component'\r\nimport { Modal, ModalBody, ModalHeader } from 'reactstrap'\r\nimport moment from 'moment'\r\n\r\nfunction ModalDetailUserPoint({ isOpen, toggle, dataModal }) {\r\n if (!dataModal.pointTransactions) {\r\n dataModal.pointTransactions = []\r\n }\r\n return (\r\n Không có giao dịch nào
\r\n ) : (\r\n dataModal.pointTransactions.map((trans) => (\r\n\r\n Điểm :{' '}\r\n 0 ? 'text-success' : 'text-danger'\r\n }\r\n >\r\n {parseInt(trans.point) > 0\r\n ? `+${trans.point}`\r\n : trans.point}\r\n \r\n
\r\n \r\n {/* TargetId {trans.targetId} */}\r\n {trans.targetName}\r\n
\r\n \r\n ))\r\n )}\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Vuong Bao Long
\r\n0829400301
\r\n\r\n {/* \r\n // this.toggle2(\"expSlideRight\")\r\n // }\r\n data-style={SLIDE_RIGHT}Link\r\n >\r\n Load Click\r\n */}\r\n
\r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n View Profile\r\n \r\n {/* */}\r\n \r\n \r\n \r\n {' '}\r\n \r\n Sales Reports\r\n \r\n {/* */}\r\n \r\n
\r\n
\r\n \r\n
\r\n ),\r\n },\r\n {\r\n Header: 'Hạng thành viên',\r\n accessor: 'categories',\r\n Cell: ({ value }) => {\r\n var temp = [];\r\n value.map((item,i) => \r\n temp.push(item.name)\r\n );\r\n return \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {value.userName}
\r\n \r\n \r\n {value.email} - {value.mobile}\r\n \r\n
\r\n {temp.join(\",\")}
\r\n },\r\n },\r\n {\r\n Header: 'Ngày hết hạn',\r\n accessor: (a) => {\r\n var temp = [];\r\n a.categories.map((item,i) => \r\n temp.push(Common.formatDateTime(item.expiredDate, \"dd-mm-yyyy\"))\r\n );\r\n return {temp.join(\",\")}
\r\n },\r\n // Cell: ({ a, value }) => {\r\n // var temp = [];\r\n // a.categories.map((item,i) => \r\n // temp.push(Common.formatDateTime(item.expiredDate, \"dd-mm-yyyy\"))\r\n // );\r\n // return {temp.join(\",\")}
\r\n // },\r\n }\r\n ]\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default UserPointList\r\n","import React from 'react'\r\nimport { getMembers, getPoints } from '../../Services/CrmService'\r\nimport { getProducts } from '../../Services/ProductService'\r\nimport Configuration from '../../utils/configuration'\r\nimport useFetchDataTable from '../CommonComponent/CustomHooks/useFetchDataTable'\r\nimport useModal from '../CommonComponent/CustomHooks/useModal'\r\nimport Header from '../CommonComponent/Header'\r\nimport ReactTableList from '../CommonComponent/TableList/ReactTableList'\r\nimport ModalDetailUserPoint from './ModalDetailUserPoint'\r\nimport _ from 'lodash'\r\nimport { Fragment } from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport ProfileUserModal from './ProfileUserModal'\r\n\r\nfunction UserPointList() {\r\n const [data, loading, pageCount, fetchData, totalCount] = useFetchDataTable(\r\n getMembers\r\n )\r\n\r\n const [isOpen, toggle, dataModal] = useModal()\r\n\r\n const [isOpenModalProfile, toggleModalProfile, dataModalProfile] = useModal()\r\n\r\n const columns = [\r\n {\r\n Header: 'Tên',\r\n accessor: (a) => a,\r\n Cell: ({ value }) => (\r\n \r\n
\r\n ),\r\n },\r\n {\r\n Header: 'Hạng thành viên',\r\n accessor: 'categories',\r\n Cell: ({ value }) => {\r\n var temp = [];\r\n value.map((item,i) => \r\n temp.push(item.name)\r\n );\r\n return \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {value.userName}
\r\n \r\n \r\n {value.email} - {value.mobile}\r\n \r\n
\r\n {temp.join(\",\")}
\r\n },\r\n },\r\n {\r\n Header: 'Điểm đã sử dụng',\r\n accessor: 'totalNegativePoint',\r\n Cell: ({ value }) => {\r\n return {value}
\r\n },\r\n },\r\n {\r\n Header: 'Điểm còn lại',\r\n accessor: 'totalPositvePoint',\r\n Cell: ({ value }) => {\r\n return {value}
\r\n },\r\n },\r\n {\r\n Header: 'Tổng điểm',\r\n accessor: 'totalPoint',\r\n Cell: ({ value }) => {\r\n return {value}
\r\n },\r\n },\r\n // {\r\n // Header: 'Danh mục',\r\n // accessor: 'categories',\r\n // Cell: ({ value }) => {\r\n // return (\r\n // \r\n // {value.length > 0 ? value.map((val) => val.name).join(', ') : 'N/A'}\r\n //
\r\n // )\r\n // },\r\n // },\r\n {\r\n Header: 'Action',\r\n accessor: (a) => a,\r\n Cell: ({ value }) => (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default UserPointList","import React, { Fragment, useContext, useEffect, useRef, useState } from \"react\";\r\nimport Select from \"react-select\";\r\nimport { Button } from \"reactstrap\";\r\nimport { AppContext } from \"../../Layout/AppMain\";\r\nimport WithLoading from \"../../Layout/Loading/WithLoading\";\r\nimport Common from \"../../utils/common\";\r\nimport Configuration from \"../../utils/configuration\";\r\nimport { getData, postData } from \"../../utils/data\";\r\nimport useFetchDataTable from \"../CommonComponent/CustomHooks/useFetchDataTable\";\r\nimport useOnClickOutside from \"../CommonComponent/CustomHooks/useOnClickOutside\";\r\nimport Header from \"../CommonComponent/Header\";\r\nimport ReactTableList from \"../CommonComponent/TableList/ReactTableList\";\r\n\r\nconst getPermissions = (options = {}) => {\r\n const limit = options.limit === undefined ? 1000000 : options.limit;\r\n const offset = options.offset === undefined ? 0 : options.offset;\r\n const order = options.order === undefined ? \"desc\" : options.order;\r\n const sort = options.sort === undefined ? \"createdDate\" : options.sort;\r\n const keyword = options.keyword === undefined ? \"\" : options.keyword;\r\n\r\n return getData.getDataGraphQl(\r\n `\r\n{\r\n permissionmemberuserread(param:{ limit:${limit}, keyword:\"${keyword}\",offset:${offset},order:\"${order}\",sort:\"${sort}\", languageId:\"${localStorage.getItem(\r\n Configuration.tokenLanguage\r\n )}\", merchantId:\"${localStorage.getItem(\"merchantId\")}\"})\r\n{\r\n items {\r\n id,\r\n name,\r\n articleCategories {\r\n id,\r\n name\r\n },\r\n bookCategories {\r\n id,\r\n name\r\n },\r\n courseCategories {\r\n id,\r\n name\r\n },\r\n }\r\n } \r\n}\r\n`\r\n );\r\n};\r\n\r\nfunction ReadPrivilege(props) {\r\n console.log(props);\r\n const [articleCategories, setArticleCategories] = useState([]);\r\n const [bookCategories, setBookCategories] = useState([]);\r\n const [courseCategories, setCourseCategories] = useState([]);\r\n\r\n const columns = [\r\n {\r\n Header: \"Hạng thành viên\",\r\n accessor: \"name\",\r\n resizable: false,\r\n width: 400,\r\n },\r\n {\r\n id: \"group-articles\",\r\n Header: \"Phân loại bài viết\",\r\n accessor: (d) => d,\r\n resizable: false,\r\n Cell: (props) => {\r\n return (\r\n \r\n
\r\n SetInputAppear(true)}>\r\n \r\n {articleCategoriesDisplay.length > 0 ? (\r\n articleCategoriesDisplay.reduce((acc, cur, index) => {\r\n if (index === 0) return cur.name;\r\n return acc + \", \" + cur.name;\r\n }, \"\")\r\n ) : (\r\n \r\n Chưa có nhóm bài nào, ấn vào đây để chọn nhóm bài viết...\r\n \r\n )}\r\n \r\n \r\n ({\r\n label: val.name,\r\n value: val.id,\r\n }))\r\n }\r\n value={choosedArticleCategories}\r\n className=\"basic-multi-select\"\r\n classNamePrefix=\"select\"\r\n onChange={onCategoriesChangeHandler}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n Open Layout Configurator\r\n \r\n \r\n setBackgroundImage(sideBar2)}>\r\n 
\r\n \r\n
\r\n \r\n \r\n \r\n setBackgroundImage(sideBar1)}>\r\n 
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setBackgroundImage(sideBar10)}>\r\n 
\r\n \r\n
\r\n \r\n Layout Options\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ONOFF\r\n
\r\n \r\n
\r\n \r\n Fixed Header\r\n
\r\n \r\n Makes the header top fixed, always visible!\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ONOFF\r\n
\r\n \r\n
\r\n \r\n Fixed Sidebar\r\n
\r\n \r\n Makes the sidebar left fixed, always visible!\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ONOFF\r\n
\r\n \r\n
\r\n \r\n Fixed Footer\r\n
\r\n \r\n Makes the app footer bottom fixed, always visible!\r\n
\r\n \r\n \r\n
\r\n \r\n Header Options\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n setBackgroundImage(sideBar9)}>\r\n 
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ONOFF\r\n
\r\n \r\n
\r\n \r\n Header Shadow\r\n
\r\n \r\n Add a shadow for the header!\r\n
\r\n \r\n \r\n
\r\n Choose Color Scheme
\r\n\r\n setHeaderBackgroundColor(\"bg-primary header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-secondary header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-success header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-info header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-warning header-text-dark\")}/>\r\n setHeaderBackgroundColor(\"bg-danger header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-light header-text-dark\")}/>\r\n setHeaderBackgroundColor(\"bg-dark header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-focus header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-alternate header-text-light\")}/>\r\n\r\n
\r\n \r\n\r\n setHeaderBackgroundColor(\"bg-vicious-stance header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-midnight-bloom header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-night-sky header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-slick-carbon header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-asteroid header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-royal header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-warm-flame header-text-dark\")}/>\r\n setHeaderBackgroundColor(\"bg-night-fade header-text-dark\")}/>\r\n setHeaderBackgroundColor(\"bg-sunny-morning header-text-dark\")}/>\r\n setHeaderBackgroundColor(\"bg-tempting-azure header-text-dark\")}/>\r\n setHeaderBackgroundColor(\"bg-amy-crisp header-text-dark\")}/>\r\n setHeaderBackgroundColor(\"bg-heavy-rain header-text-dark\")}/>\r\n setHeaderBackgroundColor(\"bg-mean-fruit header-text-dark\")}/>\r\n setHeaderBackgroundColor(\"bg-malibu-beach header-text-dark\")}/>\r\n setHeaderBackgroundColor(\"bg-deep-blue header-text-dark\")}/>\r\n setHeaderBackgroundColor(\"bg-ripe-malin header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-arielle-smile header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-plum-plate header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-happy-fisher header-text-dark\")}/>\r\n setHeaderBackgroundColor(\"bg-happy-itmeo header-text-dark\")}/>\r\n setHeaderBackgroundColor(\"bg-mixed-hopes header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-strong-bliss header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-grow-early header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-love-kiss header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-premium-dark header-text-light\")}/>\r\n setHeaderBackgroundColor(\"bg-happy-green header-text-light\")}/>\r\n
\r\n \r\n \r\n \r\n Sidebar Options\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setBackgroundImage(sideBar8)}>\r\n 
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ONOFF\r\n
\r\n \r\n
\r\n \r\n Sidebar Background Image\r\n
\r\n \r\n Enable background images for sidebar!\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ONOFF\r\n
\r\n \r\n
\r\n \r\n Sidebar Shadow\r\n
\r\n \r\n Add a shadow for the sidebar!\r\n
\r\n \r\n \r\n
\r\n Choose Color Scheme
\r\n\r\n setBackgroundColor(\"bg-primary sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-secondary sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-success sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-info sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-warning sidebar-text-dark\")}/>\r\n setBackgroundColor(\"bg-danger sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-light sidebar-text-dark\")}/>\r\n setBackgroundColor(\"bg-dark sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-focus sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-alternate sidebar-text-light\")}/>\r\n\r\n \r\n \r\n \r\n setBackgroundImage(sideBar7)}>\r\n 
\r\n \r\n
\r\n \r\n\r\n setBackgroundColor(\"bg-vicious-stance sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-midnight-bloom sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-night-sky sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-slick-carbon sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-asteroid sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-royal sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-warm-flame sidebar-text-dark\")}/>\r\n setBackgroundColor(\"bg-night-fade sidebar-text-dark\")}/>\r\n setBackgroundColor(\"bg-sunny-morning sidebar-text-dark\")}/>\r\n setBackgroundColor(\"bg-tempting-azure sidebar-text-dark\")}/>\r\n setBackgroundColor(\"bg-amy-crisp sidebar-text-dark\")}/>\r\n setBackgroundColor(\"bg-heavy-rain sidebar-text-dark\")}/>\r\n setBackgroundColor(\"bg-mean-fruit sidebar-text-dark\")}/>\r\n setBackgroundColor(\"bg-malibu-beach sidebar-text-dark\")}/>\r\n setBackgroundColor(\"bg-deep-blue sidebar-text-dark\")}/>\r\n setBackgroundColor(\"bg-ripe-malin sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-arielle-smile sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-plum-plate sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-happy-fisher sidebar-text-dark\")}/>\r\n setBackgroundColor(\"bg-happy-itmeo sidebar-text-dark\")}/>\r\n setBackgroundColor(\"bg-mixed-hopes sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-strong-bliss sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-grow-early sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-love-kiss sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-premium-dark sidebar-text-light\")}/>\r\n setBackgroundColor(\"bg-happy-green sidebar-text-light\")}/>\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Background Opacity\r\n
\r\n \r\n \r\n setBackgroundImageOpacity(\"opacity-04\")}\r\n >4%\r\n setBackgroundImageOpacity(\"opacity-06\")}\r\n >6%\r\n setBackgroundImageOpacity(\"opacity-08\")}\r\n >8%\r\n setBackgroundImageOpacity(\"opacity-1\")}\r\n >10%\r\n setBackgroundImageOpacity(\"opacity-15\")}\r\n >15%\r\n setBackgroundImageOpacity(\"opacity-2\")}\r\n >20%\r\n \r\n
\r\n Sidebar Image Background
\r\n\r\n \r\n setBackgroundImage(sideBar6)}>\r\n 
\r\n \r\n
\r\n \r\n Main Content Options\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\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 backgroundColor: state.ThemeOptions.backgroundColor,\r\n headerBackgroundColor: state.ThemeOptions.headerBackgroundColor,\r\n\r\n colorScheme: state.ThemeOptions.colorScheme,\r\n\r\n enableFixedHeader: state.ThemeOptions.enableFixedHeader,\r\n enableHeaderShadow: state.ThemeOptions.enableHeaderShadow,\r\n enableSidebarShadow: state.ThemeOptions.enableSidebarShadow,\r\n enableFixedSidebar: state.ThemeOptions.enableFixedSidebar,\r\n enableFixedFooter: state.ThemeOptions.enableFixedFooter,\r\n\r\n\r\n enablePageTitleIcon: state.ThemeOptions.enablePageTitleIcon,\r\n enablePageTitleSubheading: state.ThemeOptions.enablePageTitleSubheading,\r\n enablePageTabsAlt: state.ThemeOptions.enablePageTabsAlt,\r\n\r\n enableBackgroundImage: state.ThemeOptions.enableBackgroundImage,\r\n backgroundImage: state.ThemeOptions.backgroundImage,\r\n\r\n backgroundImageOpacity: state.ThemeOptions.backgroundImageOpacity\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n setEnableBackgroundImage: enable => dispatch(setEnableBackgroundImage(enable)),\r\n\r\n setEnableFixedHeader: enable => dispatch(setEnableFixedHeader(enable)),\r\n setEnableHeaderShadow: enable => dispatch(setEnableHeaderShadow(enable)),\r\n setEnableSidebarShadow: enable => dispatch(setEnableSidebarShadow(enable)),\r\n setEnableFixedFooter: enable => dispatch(setEnableFixedFooter(enable)),\r\n setEnableFixedSidebar: enable => dispatch(setEnableFixedSidebar(enable)),\r\n\r\n setEnablePageTitleIcon: enable => dispatch(setEnablePageTitleIcon(enable)),\r\n setEnablePageTitleSubheading: enable => dispatch(setEnablePageTitleSubheading(enable)),\r\n setEnablePageTabsAlt: enable => dispatch(setEnablePageTabsAlt(enable)),\r\n\r\n setBackgroundImage: image => dispatch(setBackgroundImage(image)),\r\n\r\n setColorScheme: color => dispatch(setColorScheme(color)),\r\n\r\n setBackgroundColor: color => dispatch(setBackgroundColor(color)),\r\n\r\n setHeaderBackgroundColor: color => dispatch(setHeaderBackgroundColor(color)),\r\n\r\n setBackgroundImageOpacity: color => dispatch(setBackgroundImageOpacity(color))\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ThemeOptions);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Button, FormFeedback, UncontrolledTooltip } from \"reactstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faLifeRing } from \"@fortawesome/free-solid-svg-icons\";\r\nimport PerfectScrollbar from \"react-perfect-scrollbar\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport FormGroup from \"reactstrap/es/FormGroup\";\r\nimport Label from \"reactstrap/es/Label\";\r\nimport { getCategories } from \"../../Services/CategoryService\";\r\nimport Configuration from \"../../utils/configuration\";\r\nimport LoadingButton from \"../../CMS/CommonComponent/Button/LoadingButton\";\r\nimport { AvForm, AvGroup } from \"availity-reactstrap-validation\";\r\nimport ImagesPicker from \"../Images/ImagesPicker\";\r\nimport { useSelector } from \"react-redux\";\r\nimport ImagePartialCallBack from \"../../CMS/CommonComponent/ImagePartial/ImagePartialCallBack\";\r\nimport Common from \"../../utils/common\";\r\nimport { postData } from \"../../utils/data\";\r\n\r\nconst Helpdesk = () => {\r\n const [showing, setShowing] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [errorCategories, setErrorCategories] = useState([]);\r\n const { register, handleSubmit, setValue, getValues, errors } = useForm();\r\n const [thumbnailImages, setThumbnailImages] = useState([]);\r\n\r\n useEffect(() => {\r\n getCategories({\r\n type: 2,\r\n merchantId: Configuration.helpDeskMerchantId,\r\n }).then((res) => {\r\n if(res.categories != undefined){\r\n setErrorCategories(res.categories.items);\r\n }\r\n \r\n });\r\n }, []);\r\n\r\n const onSubmit = (values) => {\r\n const { errorType, name, description } = values;\r\n setLoading(true);\r\n const subDescription = JSON.stringify({\r\n userAgent: navigator.userAgent,\r\n href: window.location.href,\r\n });\r\n\r\n console.log(thumbnailImages);\r\n const body = {\r\n Id: Common.guid(),\r\n MerchantId: Configuration.helpDeskMerchantId,\r\n Name: name,\r\n SubDescription: subDescription,\r\n Description: description,\r\n MetaName: \"\",\r\n MetaKeyword: \"\",\r\n MetaDescription: \"\",\r\n MetaImage: \"\",\r\n Categories: Common.createRelationObjectArray([errorType]),\r\n Images: Common.createImagesRelationObjectArray([], thumbnailImages),\r\n LanguageId: localStorage.getItem(Configuration.tokenLanguage),\r\n CreatedDate: Common.formatDateTime(new Date()),\r\n CreatedBy: localStorage.getItem(\"userId\"),\r\n CommandInformation: navigator.userAgent,\r\n };\r\n\r\n postData\r\n .sendCommand(\"Article\", \"CreateArticleVersion01\", body)\r\n .then(Common.handleResponse)\r\n .catch(Common.handleError)\r\n .finally(() => {\r\n setLoading(false);\r\n setValue(\"name\", \"\");\r\n setValue(\"description\", \"\");\r\n setThumbnailImages([]);\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 ONOFF\r\n
\r\n \r\n
\r\n \r\n Page Title Icon\r\n
\r\n \r\n Enable the icon box for page titles!\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ONOFF\r\n
\r\n \r\n
\r\n \r\n Page Title Description\r\n
\r\n \r\n Enable the description below page 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 ONOFF\r\n
\r\n \r\n
\r\n \r\n Page Section Shadow Tabs\r\n
\r\n \r\n Enable an alternate style for the page sections tabs!\r\n
\r\n \r\n \r\n
\r\n Light Color Schemes
\r\n\r\n \r\n setColorScheme(\"white\")}>White Theme\r\n setColorScheme(\"gray\")}>Gray Theme\r\n \r\n
\r\n \r\n setShowing(!showing)}\r\n >\r\n \r\n Gửi thông báo lỗi tới nhà phát triển\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Helpdesk;\r\n","import React, { Fragment } from \"react\";\r\nimport AppHeader from \"../../Layout/AppHeader\";\r\nimport AppSidebar from \"../../Layout/AppSidebar\";\r\n\r\nconst NotPermittedPage = () => {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Help Desk
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {errors.name.message} \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n {/*\r\n Gửi\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 
\r\n {\r\n window.history.go(-1);\r\n }}\r\n >\r\n Trở lại\r\n \r\n
\r\n \r\n 401 Not permitted
\r\n\r\n
\r\n);\r\nfunction PrivateRoute({ component: Component, authed, expiredTime, ...rest }) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n Loading...
\r\n\r\n
\r\n \r\n }\r\n >\r\n \r\n
\r\n Please wait while we load all the Components examples
\r\n\r\n
\r\n \r\n }\r\n >\r\n \r\n
\r\n Please wait while we load all the Components examples
\r\n{file ? file.name : null}
\r\n \r\n\r\n \r\n {({ getRootProps, getInputProps }) => (\r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n Try dropping some files here, or click to select files to upload.
\r\n\r\n
\r\n \r\n \r\n this.setState({ activeMobile: !this.state.activeMobile })\r\n }\r\n />\r\n
\r\n \r\n \r\n \r\n this.setState({\r\n activeSecondaryMenuMobile: !this.state\r\n .activeSecondaryMenuMobile,\r\n })\r\n }\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n{\r\n (() => {\r\n let classname = 'izzi-cms'\r\n if (localStorage.getItem('merchantCode') === 'geetonline') {\r\n classname = 'geet-learn'\r\n }\r\n else if (localStorage.getItem('merchantCode') === 'vpass') {\r\n classname = 'vpass'\r\n }\r\n else if (this.props.merchantType === Configuration.merchantType.elearning) {\r\n classname = 'izzi-learn'\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 this.setState({\r\n active: !this.state.active,\r\n })\r\n }\r\n />\r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n {/* \r\n
\r\n \r\n Hãy thử thả một số tệp vào đây hoặc bấm để chọn tệp để tải\r\n lên.\r\n
\r\n{image.name.split(\"_\")[1]}\r\n
\r\n {image.categories != undefined && image.categories.map((category, i) => \r\n category.name\r\n //{category.name}\r\n )}\r\n
{moment(new Date(image.createdDate)).format(\"DD/MM/YYYY\")}\r\n
Empty
\r\n )\r\n ) : (\r\nEmpty
\r\n )\r\n ) : (\r\n\r\n
\r\n \r\n {\r\n toast['error'](\r\n 'Files không phù hợp:' +\r\n errFiles.map((errFile) => errFile.name).join(', ')\r\n )\r\n }}\r\n maxSize={Configuration.MAX_FILE_SIZE}\r\n onFileDialogCancel={this.onCancel.bind(this)}\r\n >\r\n {({ getRootProps, getInputProps }) => (\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n Try dropping some files here, or click to select files\r\n to upload.\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n */}\r\n {/* 
*/}\r\n \r\n \r\n {image.name.length > 10\r\n ? image.name.substring(0, 10) + '...'\r\n : image.name}\r\n \r\n \r\n {/*
*/}\r\n \r\n )\r\n })}\r\n */}\r\n \r\n \r\n \r\n Filter\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n */}\r\n {/* */}\r\n \r\n \r\n {image.name.length > 10\r\n ? image.name.substring(0, 10) + '...'\r\n : image.name}\r\n \r\n \r\n {/*
*/}\r\n \r\n )\r\n })\r\n ) : (\r\n {text('EMPTY')}
\r\n )}\r\nPreview
\r\n\r\n\r\n {this.state.previewImage == null ? null : (\r\n
\r\n {this.state.previewImage == null ? null : (\r\n \r\n )}\r\n \r\n \r\n \r\n setKeyword(e.target.value)}\r\n value={keyword}\r\n type=\"text\"\r\n className=\"form-control\"\r\n />\r\n
\r\n \r\n \r\n setCategoryIds(e)}\r\n />\r\n
\r\n\r\n \r\n \r\n
\r\n \"\r\n firstPageText=\"<<\"\r\n lastPageText=\">>\"\r\n activePage={activePage}\r\n itemsCountPerPage={PER_PAGE}\r\n totalItemsCount={totalCount}\r\n onChange={handlePageChange}\r\n />\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nHeader.propTypes = {}\r\n\r\nexport default Header\r\n","import { faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport arrayMove from \"array-move\";\r\nimport React, { Component, Fragment } from \"react\";\r\nimport { SortableContainer, SortableElement, sortableHandle } from \"react-sortable-hoc\";\r\nimport { Button, Col, Row } from \"reactstrap\";\r\nimport Configuration from \"../../../utils/configuration\";\r\n\r\nclass ListImage extends Component {\r\n onSortEnd = ({ oldIndex, newIndex }) => {\r\n this.props.setImages([\r\n ...arrayMove([...this.props.images], oldIndex, newIndex).map((image, index) => {\r\n return {\r\n ...image,\r\n displayOrder: index,\r\n };\r\n }),\r\n ]);\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 {title}\r\n
\r\n {description}
\r\n \r\n {actionsComponent ? (\r\n actionsComponent\r\n ) : (\r\n history.goBack()}\r\n className=\"mb-2 mr-2 btn-icon btn-hover-shine\"\r\n color=\"focus\"\r\n >\r\n \r\n Trở về\r\n \r\n )}\r\n
\r\n Không có ảnh nào được chọn
\r\n )}\r\n\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default ListImage;\r\n","import React from 'react'\r\nimport { Card, CardHeader, CardBody } from 'reactstrap'\r\nimport ListImages from './ListImages'\r\nimport ModalImage from './ModalImage'\r\n\r\nfunction ImagePartial({ formik, name, title }) {\r\n return (\r\n \r\n {\r\n setImages(images.filter((val) => val.id !== value.id));\r\n }}\r\n >\r\n
*/}\r\n \r\n {title}\r\n
\r\n \r\n formik.setFieldValue(name, imgs)} />\r\n
\r\n Chưa có ảnh
\r\n \r\n )}\r\n\r\n
\r\n \r\n \r\n )\r\n }\r\n)\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n images: state.Partial.images,\r\n thumbnailImages: state.Partial.thumbnailImages,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = {\r\n loadPickedImages,\r\n loadPickedThumbnailImages,\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ListImage)\r\n","import { AvField, AvForm, AvGroup } from 'availity-reactstrap-validation'\r\nimport React, { Fragment, useEffect, useState } from 'react'\r\nimport BlockUi from 'react-block-ui'\r\nimport Autocomplete from 'react-google-autocomplete'\r\nimport Loader from 'react-loaders'\r\nimport Select from 'react-select'\r\nimport { toast } from 'react-toastify'\r\nimport {\r\n Button,\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n FormFeedback,\r\n Label,\r\n} from 'reactstrap'\r\nimport Common from '../../utils/common'\r\nimport Configuration from '../../utils/configuration'\r\nimport { getData, postData } from '../../utils/data'\r\n\r\nfunction AddressPartialFormik({ formik, name }) {\r\n const [isSending, setIsSending] = useState(false)\r\n const [allAddresses, setAllAddresses] = useState([])\r\n\r\n const [isOpen, setIsOpen] = useState(false)\r\n\r\n useEffect(() => {\r\n getData.getAddresses().then((result) => {\r\n setAllAddresses(\r\n result.addresses.items.map((item) => ({\r\n value: item.id,\r\n label: item.name,\r\n }))\r\n )\r\n })\r\n\r\n return () => {\r\n formik.setFieldValue(name, {})\r\n }\r\n }, [])\r\n\r\n const onCreateAddress = (e, values) => {\r\n const { name, description } = values\r\n const { lat, lng } = formik.values['address'].mapPosition\r\n\r\n const newId = Common.guid()\r\n\r\n const body = {\r\n Id: newId,\r\n MerchantId: localStorage.getItem('merchantId'),\r\n Latitude: lat,\r\n Longitude: lng,\r\n Type: 4,\r\n Name: name,\r\n\r\n DetailAddress: description,\r\n\r\n LanguageId: localStorage.getItem(Configuration.tokenLanguage),\r\n CreatedDate: new Date(),\r\n CreatedBy: localStorage.getItem('userId'),\r\n }\r\n setIsSending(true)\r\n postData\r\n .sendCommand('Address', 'QuickCreateAddress', body)\r\n .then((result) => {\r\n if (result.data.Success) {\r\n setAllAddresses([\r\n ...allAddresses,\r\n {\r\n label: name,\r\n value: newId,\r\n }, //new Address\r\n ])\r\n toast['success']('Thành công')\r\n }\r\n })\r\n .catch((err) => toast['error'](err + ''))\r\n .finally(() => {\r\n setIsOpen(false)\r\n setIsSending(false)\r\n })\r\n }\r\n\r\n const getArea = (addressArray) => {\r\n let city = ''\r\n for (let i = 0; i < addressArray.length; i++) {\r\n if (\r\n addressArray[i].types[0] &&\r\n 'administrative_area_level_2' === addressArray[i].types[0]\r\n ) {\r\n city = addressArray[i].long_name\r\n return city\r\n }\r\n }\r\n }\r\n\r\n const getCity = (addressArray) => {\r\n let state = ''\r\n for (let i = 0; i < addressArray.length; i++) {\r\n for (let i = 0; i < addressArray.length; i++) {\r\n if (\r\n addressArray[i].types[0] &&\r\n 'administrative_area_level_1' === addressArray[i].types[0]\r\n ) {\r\n state = addressArray[i].long_name\r\n return state\r\n }\r\n }\r\n }\r\n }\r\n\r\n const onPlaceSelected = (place) => {\r\n const address = place.formatted_address,\r\n addressArray = place.address_components,\r\n area = getArea(addressArray),\r\n city = getCity(addressArray),\r\n latValue = place.geometry.location.lat(),\r\n lngValue = place.geometry.location.lng()\r\n // Set these values in the state.\r\n const pickAddress = {\r\n address: address ? address : '',\r\n area: area ? area : '',\r\n city: city ? city : '',\r\n markerPosition: {\r\n lat: latValue,\r\n lng: lngValue,\r\n },\r\n mapPosition: {\r\n lat: latValue,\r\n lng: lngValue,\r\n },\r\n }\r\n console.log(pickAddress)\r\n formik.setFieldValue(name, pickAddress)\r\n }\r\n\r\n return (\r\n \r\n {\r\n updateImages(imgs.filter((val) => val.id !== value.id))\r\n }}\r\n >\r\n
*/}\r\n \r\n setIsOpen(!isOpen)}\r\n >\r\n \r\n \r\n
\r\n \r\n
\r\n {/* \r\n \r\n Thông tin phòng \r\n \r\n {isRoomForm && (\r\n *\"\r\n formik={formProduct}\r\n name=\"name\"\r\n row\r\n onBlur={() => {\r\n formProduct.setFieldValue(\r\n 'friendlyUrl',\r\n Common.rewriteUrl(formProduct.values['name'])\r\n )\r\n }}\r\n />\r\n *\"\r\n formik={formProduct}\r\n name=\"friendlyUrl\"\r\n row\r\n />\r\n \r\n \r\n \r\n {/* *\"\r\n formik={formProduct}\r\n type=\"number\"\r\n name=\"price\"\r\n min=\"0\"\r\n row\r\n /> */}\r\n *\"\r\n formik={formProduct}\r\n type=\"number\"\r\n name=\"capacity\"\r\n min=\"0\"\r\n row\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Lưu\r\n \r\n }\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default RoomBookingSettingForm\r\n","import axios from \"axios\";\r\nimport $ from \"jquery\";\r\nimport moment from \"moment\";\r\nimport React from \"react\";\r\nimport Swal from \"sweetalert2\";\r\nimport { getEmailTemplate } from \"../Services/EmailService\";\r\nimport Configuration from \"./configuration\";\r\n\r\nconst Common = {\r\n GUID_EMPTY: \"00000000-0000-0000-0000-000000000000\",\r\n getPaymentStatus(status) {\r\n if ((status & Configuration.statusPayment.REFUNDED) === Configuration.statusPayment.REFUNDED) {\r\n return Đã hoàn tiền;\r\n }\r\n\r\n if ((status & Configuration.statusPayment.SUCCESS) === Configuration.statusPayment.SUCCESS) {\r\n return Thành công;\r\n }\r\n\r\n if ((status & Configuration.statusPayment.FAIL) === Configuration.statusPayment.FAIL) {\r\n return Thất bại;\r\n }\r\n\r\n if ((status & Configuration.statusPayment.TIMEOUT) === Configuration.statusPayment.TIMEOUT) {\r\n return Timeout;\r\n }\r\n\r\n if ((status & Configuration.statusPayment.PROCESS) === Configuration.statusPayment.PROCESS) {\r\n return Đang xử lý;\r\n }\r\n if ((status & Configuration.statusPayment.DEFAULT) === Configuration.statusPayment.DEFAULT) {\r\n return Mới tạo;\r\n }\r\n return -;\r\n },\r\n languageString: {\r\n \"838aef56-78bb-11e6-b5a6-00155d582814\": \"vi-vn\",\r\n \"7c88bd96-6a9b-46c2-b57a-dc21ab3f87d0\": \"ja-JP\",\r\n \"9801ff94-a210-495d-8dff-70459d0aee49\": \"ko-KR\",\r\n \"b26d20b5-f86b-4f89-8fc6-72e8b7ff8934\": \"km-KH\",\r\n \"e3509252-c42d-4ae5-9779-d4805a687a8e\": \"en-US\",\r\n },\r\n RGBToHex(r, g, b) {\r\n r = r.toString(16);\r\n g = g.toString(16);\r\n b = b.toString(16);\r\n\r\n if (r.length === 1) r = \"0\" + r;\r\n if (g.length === 1) g = \"0\" + g;\r\n if (b.length === 1) b = \"0\" + b;\r\n\r\n return \"#\" + r + g + b;\r\n },\r\n HSLToHex(h, s, l) {\r\n // Must be fractions of 1\r\n s /= 100;\r\n l /= 100;\r\n\r\n let c = (1 - Math.abs(2 * l - 1)) * s,\r\n x = c * (1 - Math.abs(((h / 60) % 2) - 1)),\r\n m = l - c / 2,\r\n r = 0,\r\n g = 0,\r\n b = 0;\r\n if (0 <= h && h < 60) {\r\n r = c;\r\n g = x;\r\n b = 0;\r\n } else if (60 <= h && h < 120) {\r\n r = x;\r\n g = c;\r\n b = 0;\r\n } else if (120 <= h && h < 180) {\r\n r = 0;\r\n g = c;\r\n b = x;\r\n } else if (180 <= h && h < 240) {\r\n r = 0;\r\n g = x;\r\n b = c;\r\n } else if (240 <= h && h < 300) {\r\n r = x;\r\n g = 0;\r\n b = c;\r\n } else if (300 <= h && h < 360) {\r\n r = c;\r\n g = 0;\r\n b = x;\r\n }\r\n r = Math.round((r + m) * 255);\r\n g = Math.round((g + m) * 255);\r\n b = Math.round((b + m) * 255);\r\n return this.RGBToHex(r, g, b);\r\n // return \"rgb(\" + r + \",\" + g + \",\" + b + \")\";\r\n },\r\n typeOfLink(link) {\r\n switch (link.split(\"/\")[2]) {\r\n case \"bai-viet\":\r\n return \"article\";\r\n case \"danh-sach-bai-viet\":\r\n return \"category\";\r\n case \"pages\":\r\n return \"pages\";\r\n case \"danh-sach-san-pham\":\r\n return \"productList\";\r\n case \"san-pham\":\r\n return \"product\";\r\n case \"su-kien\":\r\n return \"event\";\r\n default:\r\n return \"custom\";\r\n }\r\n },\r\n getCurrentDate() {\r\n return this.formatDateTimeMoment(new Date());\r\n },\r\n printInvoice(idTemplate, merchantId, data) {\r\n return getEmailTemplate(idTemplate, merchantId).then((res) => {\r\n if (!res.emailtemplate) {\r\n Swal.fire(\"Lỗi\", \"Vui lòng cài đặt email template\", \"error\");\r\n } else {\r\n const template = res.emailtemplate.template;\r\n const tpl = $(template);\r\n const replaceInvoice = Common.replaceSectionTemp(tpl.find(\"#paymentdetails\")[0], [\r\n {\r\n ...data,\r\n totalBeforeTax: \"n/a\",\r\n vatAmount: \"n/a\",\r\n grandTotal: data.grandTotal,\r\n vatRate: \"n/a\",\r\n orderlines: data.order.orderLines.map((orderLine, i) => ({\r\n No: i + 1,\r\n Description: orderLine.targetName,\r\n Unit: \"\",\r\n Quantity: orderLine.quantity,\r\n Price: orderLine.price,\r\n total: orderLine.total,\r\n })),\r\n totalWord: Common.numberToWord.doc(parseInt(data.grandTotal)),\r\n userName: data.userName ? data.userName : \"\",\r\n userEmail: data.userEmail ? data.userEmail : \"\",\r\n userMobile: data.userMobile ? data.userMobile : \"\",\r\n companyName: data.companyName ? data.companyName : \"\",\r\n taxCode: data.taxCode ? data.taxCode : \"\",\r\n companyAddress: data.companyAddress ? data.companyAddress : \"\",\r\n },\r\n ]);\r\n tpl.find(\"#paymentdetails\").html(replaceInvoice);\r\n Common.printElem(tpl.wrapAll('').closest(\".cc\").html());\r\n }\r\n });\r\n },\r\n getRandomCode(length) {\r\n var result = \"\";\r\n var characters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\r\n var charactersLength = characters.length;\r\n for (var i = 0; i < length; i++) {\r\n result += characters.charAt(Math.floor(Math.random() * charactersLength));\r\n }\r\n return result.toUpperCase();\r\n },\r\n getCurrentStatus(bookingStatuses, orderStatuses) {\r\n const allStatuses = Common.allStatusToStatuses(bookingStatuses);\r\n const orderStatus = Common.allStatusToStatuses(orderStatuses);\r\n\r\n const isFailed = orderStatus.includes(Configuration.statusOrder.FAIL);\r\n if (isFailed) {\r\n return \"failed\";\r\n }\r\n\r\n const isSuccess =\r\n allStatuses.includes(Configuration.statusOrder.SUCCESS) &&\r\n orderStatus.includes(Configuration.statusOrder.SUCCESS);\r\n if (isSuccess) {\r\n return \"success\";\r\n }\r\n\r\n const isConfirmed =\r\n allStatuses.includes(Configuration.statusOrder.SUCCESS) &&\r\n orderStatus.includes(Configuration.statusOrder.PROCESS);\r\n if (isConfirmed) {\r\n return \"confirmed\";\r\n }\r\n\r\n const isCheckout =\r\n allStatuses.includes(Configuration.statusOrder.SUCCESS) &&\r\n orderStatus.includes(Configuration.statusOrder.DEFAULT);\r\n if (isCheckout) {\r\n return \"checkout\";\r\n }\r\n\r\n const isCheckin =\r\n allStatuses.includes(Configuration.statusOrder.PROCESS) &&\r\n orderStatus.includes(Configuration.statusOrder.DEFAULT);\r\n if (isCheckin) {\r\n return \"checkin\";\r\n }\r\n\r\n const isCreated =\r\n allStatuses.includes(Configuration.statusOrder.DEFAULT) &&\r\n orderStatus.includes(Configuration.statusOrder.DEFAULT);\r\n if (isCreated) {\r\n return \"created\";\r\n }\r\n },\r\n allStatusToStatuses(allStatus) {\r\n const maxExponent = 20;\r\n const result = [];\r\n for (let i = 0; i <= maxExponent; i++) {\r\n const val = Math.pow(2, i);\r\n if ((allStatus & val) === val) result.push(val);\r\n }\r\n return result;\r\n },\r\n createRelationObjectArray(items) {\r\n let relationObjectArray = [];\r\n items.forEach(function (val, i) {\r\n if (!val) return;\r\n relationObjectArray.push({\r\n Id: val,\r\n IsFeatured: true,\r\n DisplayOrder: i,\r\n });\r\n });\r\n return relationObjectArray;\r\n },\r\n createRelationObjectArrayWithFeature(items) {\r\n let relationObjectArray = [];\r\n items.forEach(function (val, i) {\r\n if (!val) return;\r\n relationObjectArray.push({\r\n Id: val.id,\r\n IsFeatured: val.isFeatured,\r\n DisplayOrder: i,\r\n });\r\n });\r\n return relationObjectArray;\r\n },\r\n replaceTemplate(inputStringHtml, idSection, dataObject) {\r\n const tpl = $(inputStringHtml);\r\n const tplFind = tpl.find(`#${idSection}`)[0];\r\n if (!tplFind) throw new Error(\"Template đã chọn không đúng cấu trúc hợp đồng\");\r\n // return Swal.fire(\r\n // \"Lỗi\",\r\n // \"Template đã chọn không đúng cấu trúc hợp đồng\",\r\n // \"error\"\r\n // );\r\n const replaceHtml = Common.replaceSectionTemp(tplFind, [dataObject]);\r\n tpl.find(`#${idSection}`).html(replaceHtml);\r\n return tpl\r\n .wrapAll('')\r\n .closest(\".longdeptraivodichnhatvutru\")\r\n .html();\r\n },\r\n printElem(elem) {\r\n var mywindow = window.open(\"\", \"PRINT\", \"height=3508,width=2480\");\r\n mywindow.document.write(elem);\r\n mywindow.document.close(); // necessary for IE >= 10\r\n mywindow.focus(); // necessary for IE >= 10*/\r\n mywindow.print();\r\n mywindow.close();\r\n\r\n return true;\r\n },\r\n numberToWord: (function () {\r\n var t = [\"không\", \"một\", \"hai\", \"ba\", \"bốn\", \"năm\", \"sáu\", \"bảy\", \"tám\", \"chín\"],\r\n r = function (r, n) {\r\n var o = \"\",\r\n a = Math.floor(r / 10),\r\n e = r % 10;\r\n return (\r\n a > 1\r\n ? ((o = \" \" + t[a] + \" mươi\"), 1 === e && (o += \" mốt\"))\r\n : 1 === a\r\n ? ((o = \" mười\"), 1 === e && (o += \" một\"))\r\n : n && e > 0 && (o = \" lẻ\"),\r\n 5 === e && a >= 1\r\n ? (o += \" lăm\")\r\n : 4 === e && a >= 1\r\n ? (o += \" tư\")\r\n : (e > 1 || (1 === e && 0 === a)) && (o += \" \" + t[e]),\r\n o\r\n );\r\n },\r\n n = function (n, o) {\r\n var a = \"\",\r\n e = Math.floor(n / 100),\r\n n = n % 100;\r\n return o || e > 0 ? ((a = \" \" + t[e] + \" trăm\"), (a += r(n, !0))) : (a = r(n, !1)), a;\r\n },\r\n o = function (t, r) {\r\n var o = \"\",\r\n a = Math.floor(t / 1e6),\r\n t = t % 1e6;\r\n // eslint-disable-next-line no-unused-expressions\r\n a > 0 && ((o = n(a, r) + \" triệu\"), (r = !0));\r\n var e = Math.floor(t / 1e3),\r\n t = t % 1e3;\r\n return e > 0 && ((o += n(e, r) + \" ngàn\"), (r = !0)), t > 0 && (o += n(t, r)), o;\r\n };\r\n let ty;\r\n return {\r\n doc: function (r) {\r\n if (0 === r) return t[0];\r\n var n = \"\",\r\n a = \"\";\r\n do\r\n // eslint-disable-next-line no-unused-expressions\r\n (ty = r % 1e9),\r\n (r = Math.floor(r / 1e9)),\r\n (n = r > 0 ? o(ty, !0) + a + n : o(ty, !1) + a + n),\r\n (a = \" tỷ\");\r\n while (r > 0);\r\n return n.trim();\r\n },\r\n };\r\n })(),\r\n getData: function (config, params) {\r\n var tempArray = config.split(\"|\");\r\n var index = \"\";\r\n var type = \"\";\r\n var option = {};\r\n\r\n switch (tempArray[0].toLowerCase()) {\r\n case \"user\":\r\n index = \"users\";\r\n type = \"user\";\r\n option.includes = [\"id\", \"name\", \"email\", \"mobile\"];\r\n option.size = 10000;\r\n break;\r\n case \"address\":\r\n index = \"eventaddresses\";\r\n type = \"eventaddress\";\r\n option.includes = [\"id\", \"name\", \"latitude\", \"longitude\"];\r\n option.size = 10000;\r\n break;\r\n case \"evoucher\":\r\n index = \"evouchers\";\r\n type = \"evoucher\";\r\n option.includes = [\"id\", \"name\"];\r\n option.size = 10000;\r\n break;\r\n case \"promotion\":\r\n index = \"promotions\";\r\n type = \"promotion\";\r\n option.includes = [\"id\", \"name\"];\r\n option.size = 10000;\r\n break;\r\n case \"article\":\r\n index = \"articles\";\r\n type = \"article2\";\r\n option.includes = [\r\n \"id\",\r\n \"name\",\r\n \"languageCode\",\r\n \"friendlyUrl\",\r\n \"subDescription\",\r\n \"images\",\r\n \"createdDate\",\r\n ];\r\n option.size = Configuration.pageSizeArticles;\r\n break;\r\n case \"event\":\r\n index = \"events\";\r\n type = \"event\";\r\n option.includes = [\r\n \"id\",\r\n \"name\",\r\n \"languageCode\",\r\n \"startDateTime\",\r\n \"endDateTime\",\r\n \"friendlyUrl\",\r\n \"subDescription\",\r\n \"images\",\r\n \"createdDate\",\r\n ];\r\n option.size = Configuration.pageSizeArticles;\r\n break;\r\n case \"language\":\r\n index = \"languages\";\r\n type = \"language\";\r\n option.includes = [\"id\", \"name\", \"isFeatured\", \"imagePath\"];\r\n option.size = Configuration.pageSizeArticles;\r\n break;\r\n case \"product\":\r\n index = \"products\";\r\n type = \"product\";\r\n option.includes = [\r\n \"id\",\r\n \"name\",\r\n \"languageCode\",\r\n \"friendlyUrl\",\r\n \"price\",\r\n \"subDescription\",\r\n \"images\",\r\n \"displayOrder\",\r\n \"code\",\r\n ];\r\n option.size = Configuration.pageSizeProducts;\r\n break;\r\n case \"form\":\r\n index = \"forms\";\r\n type = \"form\";\r\n option.includes = [\"id\", \"name\", \"description\"];\r\n option.size = Configuration.pageSizeProducts;\r\n break;\r\n case \"category\":\r\n index = \"categories\";\r\n type = \"category\";\r\n option.includes = []; // [\"id\", 'name', 'images', 'createdDate', 'subDescription']\r\n break;\r\n case \"shoppingcart\":\r\n index = \"shoppingcarts\";\r\n type = \"shoppingcart\";\r\n option.includes = []; // [\"id\", 'name', 'images', 'createdDate', 'subDescription']\r\n break;\r\n default:\r\n return;\r\n }\r\n\r\n option.queries = [];\r\n\r\n var arrayFunction = tempArray.slice(1);\r\n var tempValueParam = \"\";\r\n var tempNameParam = \"\";\r\n if (arrayFunction.length > 0) {\r\n $.each(arrayFunction, function (i, val) {\r\n var tempArray = val.split(\":\");\r\n var functionName = tempArray[0];\r\n if (val.split(\":\")[1] === undefined) return;\r\n\r\n switch (functionName.toLowerCase()) {\r\n case \"includes\":\r\n if (val.split(\":\")[1].trim() === \"\") {\r\n option.includes = [];\r\n } else {\r\n option.includes = val.split(\":\")[1].split(\",\");\r\n }\r\n\r\n break;\r\n case \"from\":\r\n if (val.split(\":\")[1] === \"paging\") {\r\n option.from = (Common.activePage - 1) * parseInt(option.size);\r\n } else {\r\n option.from = val.split(\":\")[1];\r\n }\r\n break;\r\n case \"size\":\r\n option.size = val.split(\":\")[1];\r\n break;\r\n case \"from\":\r\n option.from = val.split(\":\")[1];\r\n break;\r\n case \"sort\":\r\n var sort = {};\r\n sort[tempArray[1].trim()] = tempArray[2];\r\n option.sorts = [sort];\r\n break;\r\n case \"param\":\r\n if (tempArray[2] === \"url\") {\r\n tempValueParam = params[\"paramId\"];\r\n //fix for duplicate ElasticSearch char \"-\"\r\n if (tempArray[1].trim() === \"id\") {\r\n option.size = 1;\r\n }\r\n } else if (tempArray[2] === \"friendlyUrl\") {\r\n tempValueParam = params[\"friendlyUrl\"];\r\n //fix for duplicate ElasticSearch char \"-\"\r\n if (tempArray[1].trim() === \"friendlyUrl\") {\r\n option.size = 1;\r\n }\r\n } else if (tempArray[2] === \"parentId\") {\r\n tempValueParam = params[\"paramId\"];\r\n } else if (tempArray[2].includes(\"parent\")) {\r\n var objectName = tempArray[2].split(\".\")[1];\r\n if (Common.rootData[objectName].length > 0) {\r\n tempValueParam = Common.rootData[objectName].toString();\r\n } else {\r\n tempValueParam = \"00000001-0001-0001-0001-000000000001\";\r\n }\r\n } else if (tempArray[2] === \"preParamIds\") {\r\n tempValueParam = Common.preParamIds;\r\n } else if (tempArray[2].includes(\"localStorage\")) {\r\n tempValueParam = localStorage.getItem(tempArray[2].split(\".\")[1]);\r\n } else if (tempArray[2] === \"dataSection\") {\r\n if (Common.tempDataSection.categoryIds !== undefined) {\r\n tempValueParam = Common.tempDataSection.categoryIds;\r\n } else {\r\n tempValueParam = \"00000001-0001-0001-0001-000000000001\";\r\n }\r\n } else if (tempArray[2].trim() === \"\") {\r\n tempValueParam = \"00000001-0001-0001-0001-000000000001\";\r\n } else if (tempArray[2].trim() === \"keyword\") {\r\n tempValueParam = params[\"paramKeyword\"];\r\n } else if (tempArray[2].trim().includes(\"detaildata\") && Common.detailData !== null) {\r\n tempValueParam = Common.detailData.data[0][tempArray[2].split(\".\")[1]];\r\n } else {\r\n tempValueParam = tempArray[2];\r\n Common.preParamIds = tempValueParam;\r\n }\r\n if (tempValueParam === \"\" || tempValueParam === undefined) break;\r\n var match = {};\r\n match[tempArray[1].trim()] = tempValueParam;\r\n tempNameParam = tempArray[1].trim();\r\n\r\n if (tempArray[2] === \"url\" || tempArray[2] === \"friendlyUrl\") {\r\n option.queries.push({\r\n match_phrase: match,\r\n });\r\n } else {\r\n option.queries.push({\r\n match: match,\r\n });\r\n }\r\n // console.log(option);\r\n break;\r\n default:\r\n break;\r\n }\r\n });\r\n }\r\n var returnData = null;\r\n if (\r\n tempArray[0] === \"language\" ||\r\n tempArray[0] === \"evoucher\" ||\r\n tempArray[0] === \"promotion\" ||\r\n tempArray[0] === \"form\"\r\n ) {\r\n returnData = Common.queryLanguageData(index, type, option);\r\n } else {\r\n returnData = Common.queryData(index, type, option);\r\n }\r\n\r\n if (tempArray[0].toLowerCase() === \"product\") {\r\n for (let index = 0; index < returnData.data.length; index++) {\r\n const element = returnData.data[index];\r\n if (element[\"discounts\"] !== undefined) {\r\n var tempPrice = this.buildPrice(element[\"discounts\"], element[\"price\"]);\r\n\r\n if (tempPrice[\"oldPrice\"] !== undefined) {\r\n returnData.data[index][\"price\"] = tempPrice[\"price\"];\r\n returnData.data[index][\"oldPrice\"] = tempPrice[\"oldPrice\"];\r\n returnData.data[index][\"percent\"] = tempPrice[\"percent\"];\r\n returnData.data[index][\"cash\"] = tempPrice[\"cash\"];\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (\r\n tempNameParam !== \"\" &&\r\n (tempNameParam === \"id\" || tempNameParam === \"friendlyUrl\") &&\r\n tempValueParam !== \"\"\r\n ) {\r\n var returnDataSorted = [];\r\n $.each(tempValueParam.split(\",\"), function (i, val) {\r\n var tempReturn = returnData.data.find((e) => e.id === val);\r\n if (tempReturn !== undefined) {\r\n returnDataSorted.push(tempReturn);\r\n } else {\r\n var tempReturnFriendlyUrl = returnData.data.find((e) => e.friendlyUrl === val);\r\n if (tempReturnFriendlyUrl !== undefined) {\r\n returnDataSorted.push(tempReturnFriendlyUrl);\r\n }\r\n }\r\n });\r\n if (returnDataSorted.length === 1 && returnDataSorted[0].categories !== undefined) {\r\n Common.tempDataSection[\"categoryIds\"] = returnDataSorted[0].categories\r\n .map((e) => e.id)\r\n .toString();\r\n if (\r\n tempArray[0] === \"article\" &&\r\n window.merchantType === 1024 &&\r\n returnDataSorted[0].categoryCustomerIds.length > 0\r\n ) {\r\n //Content merchant\r\n var flag = false;\r\n returnDataSorted[0].categoryCustomerIds.forEach((element) => {\r\n if (window.userCategories.includes(element)) {\r\n flag = true;\r\n }\r\n });\r\n if (!flag) {\r\n returnDataSorted[0].description = \"Bạn không có quyền đọc!\";\r\n }\r\n }\r\n }\r\n\r\n return { data: returnDataSorted, total: returnData.total };\r\n } else {\r\n return returnData;\r\n }\r\n },\r\n replaceSectionTemp: function (section, items, param) {\r\n var build = \"\";\r\n $.each(items, function (i, item) {\r\n var tempItemBuild = section.outerHTML;\r\n var attr = $(tempItemBuild).attr(\"labo-if\");\r\n if (typeof attr !== typeof undefined && attr !== false) {\r\n if (\r\n Common.executeExpression(item, $(tempItemBuild).attr(\"labo-if\"), tempItemBuild, i) ===\r\n false\r\n ) {\r\n tempItemBuild = \"\";\r\n } else {\r\n var conditionSections = $(tempItemBuild).find(\"[labo-if]\");\r\n if (conditionSections.length > 0) {\r\n $.each(conditionSections, function (index, val) {\r\n if (Common.executeExpression(item, $(val).attr(\"labo-if\"), val, i) === false) {\r\n //temp.remove(val);\r\n tempItemBuild = tempItemBuild.replace(val.outerHTML, \"\");\r\n }\r\n });\r\n }\r\n }\r\n } else {\r\n var conditionSections = $(tempItemBuild).find(\"[labo-if]\");\r\n if (conditionSections.length > 0) {\r\n $.each(conditionSections, function (index, val) {\r\n if (Common.executeExpression(item, $(val).attr(\"labo-if\"), val, i) === false) {\r\n tempItemBuild = tempItemBuild.replace(val.outerHTML, \"\");\r\n }\r\n });\r\n }\r\n }\r\n\r\n var subSections = $(section).find(\"[repeat]\");\r\n if (subSections.length > 0) {\r\n $.each(subSections, function (i, subSection) {\r\n if (item[$(subSection).attr(\"repeat\")] === undefined) {\r\n var subParam = {};\r\n subParam[\"paramId\"] = item.id;\r\n //subParam[\"parent\"] = item;\r\n var temp = Common.getData($(subSection).attr(\"repeat\"), subParam);\r\n if (temp !== undefined) {\r\n tempItemBuild = tempItemBuild.replace(\r\n subSection.outerHTML,\r\n Common.replaceSectionTemp(subSection, temp.data, subParam)\r\n );\r\n }\r\n } else {\r\n tempItemBuild = tempItemBuild.replace(\r\n subSection.outerHTML,\r\n Common.replaceSectionTemp(subSection, item[$(subSection).attr(\"repeat\")]),\r\n param\r\n );\r\n }\r\n });\r\n }\r\n\r\n var tempVariables = Common.findVariable(/{{\\s*[^}]*}}/g, tempItemBuild);\r\n $.each(tempVariables, function (index, variable) {\r\n tempItemBuild = Common.replaceVariable(item, variable, tempItemBuild);\r\n });\r\n\r\n build += tempItemBuild;\r\n });\r\n return build;\r\n },\r\n\r\n replaceVariable: function (item, variable, build) {\r\n var tempArray = variable.slice(2, variable.length - 2).split(\"|\");\r\n if (tempArray.length === 0) return \"invalid variable!\";\r\n\r\n //Lấy dữ liệu theo tên.\r\n //ví dụ: item[\"name\"] là object, item[\"images\"] là array\r\n var nameVariable = tempArray[0];\r\n\r\n var subNameVariables = nameVariable.split(\".\");\r\n var tempData = \"\";\r\n if (subNameVariables.length > 1) {\r\n var tempSubData = item[subNameVariables[0]];\r\n if (Array.isArray(tempSubData)) {\r\n $.each(tempSubData, function (i, val) {\r\n tempData += val[subNameVariables[1]] + \" \";\r\n });\r\n } else {\r\n try {\r\n tempData = tempSubData[subNameVariables[1]];\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n }\r\n } else {\r\n tempData = item[nameVariable];\r\n }\r\n\r\n if (nameVariable === \"currentLink\") {\r\n tempData = window.location.href;\r\n } else if (nameVariable === \"currentHost\") {\r\n tempData = window.location.hostname;\r\n } else if (nameVariable === \"currentLanguageCode\") {\r\n tempData = window.languageCode;\r\n }\r\n\r\n //Lấy function filter dạng mảng.\r\n var arrayFunction = tempArray.slice(1);\r\n if (arrayFunction.length > 0) {\r\n $.each(arrayFunction, function (i, val) {\r\n var functionName = val.split(\":\")[0];\r\n switch (functionName.toLowerCase()) {\r\n case \"substring\":\r\n var etc = \"\";\r\n if (val.split(\":\")[2] !== undefined) etc = val.split(\":\")[2];\r\n if (val.split(\":\")[1] !== undefined)\r\n tempData = Common.subStringWithLastSpace(tempData, parseInt(val.split(\":\")[1]), etc);\r\n break;\r\n case \"rewrite\":\r\n tempData = Common.rewriteUrl(tempData);\r\n break;\r\n case \"uppercase\":\r\n tempData = tempData.toUpperCase();\r\n break;\r\n case \"lowercase\":\r\n tempData = tempData.toLowerCase();\r\n break;\r\n case \"formatdatetime\":\r\n if (val.split(\":\")[1] !== undefined) {\r\n tempData = Common.formatDateTime(tempData, val.split(\":\")[1]);\r\n } else {\r\n tempData = Common.formatDateTime(tempData);\r\n }\r\n break;\r\n case \"formatmoney\":\r\n tempData = tempData.formatMoney(0, 3);\r\n break;\r\n case \"getobjectbyindex\":\r\n if (\r\n val.split(\":\")[1] !== undefined &&\r\n Array.isArray(tempData) &&\r\n tempData.length >= parseInt(val.split(\":\")[1])\r\n ) {\r\n tempData = tempData.sort(function (a, b) {\r\n return a.displayOrder - b.displayOrder;\r\n })[parseInt(val.split(\":\")[1])];\r\n } else {\r\n tempData = tempData.sort(function (a, b) {\r\n return a.displayOrder - b.displayOrder;\r\n })[0];\r\n }\r\n break;\r\n case \"getthumbnailbyindex\":\r\n if (nameVariable !== \"images\") break;\r\n var tempFilter = tempData.filter((e) => e.isFeatured === true);\r\n if (tempFilter.length > 0) {\r\n if (\r\n val.split(\":\")[1] !== undefined &&\r\n tempFilter.length >= parseInt(val.split(\":\")[1])\r\n ) {\r\n tempData = tempFilter.sort(function (a, b) {\r\n return a.displayOrder - b.displayOrder;\r\n })[parseInt(val.split(\":\")[1])];\r\n } else {\r\n tempData = tempFilter.sort(function (a, b) {\r\n return a.displayOrder - b.displayOrder;\r\n })[0];\r\n }\r\n } else {\r\n tempData = null;\r\n }\r\n break;\r\n case \"getpath\":\r\n if (nameVariable !== \"images\") break;\r\n\r\n if (Array.isArray(tempData) || tempData === null) {\r\n tempData = Configuration.imageDefault;\r\n } else {\r\n Common.staticUrlCurrent++;\r\n if (Common.staticUrlCurrent >= Configuration.staticUrl.length) {\r\n Common.staticUrlCurrent = 0;\r\n }\r\n\r\n tempData = Configuration.staticUrl[Common.staticUrlCurrent] + tempData[\"path\"];\r\n if (val.split(\":\")[1] !== undefined) tempData += val.split(\":\")[1];\r\n }\r\n break;\r\n\r\n case \"defaultvalue\":\r\n if (tempData === undefined) {\r\n if (val.split(\":\")[1] !== undefined) {\r\n tempData = val.split(\":\")[1];\r\n } else {\r\n tempData = \"\";\r\n }\r\n }\r\n\r\n break;\r\n // case 'scr':\r\n // if (val.split(':').length === 2) {\r\n // tempData = Configuration.staticUrl[Common.staticUrlCurrent] + tempData + split(':')[1];\r\n // } else {\r\n // tempData = Configuration.staticUrl[Common.staticUrlCurrent] + tempData;\r\n // }\r\n // break;\r\n default:\r\n break;\r\n }\r\n });\r\n }\r\n return build.replace(variable, tempData);\r\n },\r\n createImagesRelationObjectArray(images, thumbnailImages) {\r\n let relationImages = [];\r\n thumbnailImages.forEach(function (val, i) {\r\n if (!val) return;\r\n relationImages.push({\r\n Id: val.id,\r\n IsFeatured: true,\r\n DisplayOrder: i,\r\n });\r\n });\r\n\r\n const startIndexImage = relationImages.length;\r\n\r\n images.forEach(function (val, i) {\r\n if (!val) return;\r\n relationImages.push({\r\n Id: val.id,\r\n IsFeatured: false,\r\n DisplayOrder: i + startIndexImage,\r\n });\r\n });\r\n return relationImages;\r\n },\r\n createFeatureRelationObjectArray(nonFeatureItemIds, featureItemIds) {\r\n let relationImages = [];\r\n featureItemIds.forEach(function (val, i) {\r\n if (!val) return;\r\n relationImages.push({\r\n Id: val,\r\n IsFeatured: true,\r\n DisplayOrder: i,\r\n });\r\n });\r\n\r\n const startIndexImage = relationImages.length;\r\n\r\n nonFeatureItemIds.forEach(function (val, i) {\r\n if (!val) return;\r\n relationImages.push({\r\n Id: val,\r\n IsFeatured: false,\r\n DisplayOrder: i + startIndexImage,\r\n });\r\n });\r\n return relationImages;\r\n },\r\n isTimeInrange(time, timeRangeStart, timeRangeEnd) {\r\n return moment(time).isAfter(timeRangeStart) && moment(time).isBefore(timeRangeEnd);\r\n },\r\n formatDateTimeMoment(time) {\r\n return moment(time).format(\"YYYY-MM-DDTHH:mm:ss\");\r\n },\r\n formatMoney(n, c, d, t) {\r\n var c = isNaN((c = Math.abs(c))) ? 2 : c,\r\n d = d === undefined ? \",\" : d,\r\n t = t === undefined ? \".\" : t,\r\n s = n < 0 ? \"-\" : \"\",\r\n i = parseInt((n = Math.abs(+n || 0).toFixed(c))) + \"\",\r\n j = (j = i.length) > 3 ? j % 3 : 0;\r\n return (\r\n s +\r\n (j ? i.substr(0, j) + t : \"\") +\r\n i.substr(j).replace(/(\\d{3})(?=\\d)/g, \"$1\" + t) +\r\n (c\r\n ? d +\r\n Math.abs(n - i)\r\n .toFixed(c)\r\n .slice(2)\r\n : \"\") +\r\n \"đ\"\r\n );\r\n },\r\n formatNumber(n, c, d, t) {\r\n var c = isNaN((c = Math.abs(c))) ? 2 : c,\r\n d = d === undefined ? \",\" : d,\r\n t = t === undefined ? \".\" : t,\r\n s = n < 0 ? \"-\" : \"\",\r\n i = parseInt((n = Math.abs(+n || 0).toFixed(c))) + \"\",\r\n j = (j = i.length) > 3 ? j % 3 : 0;\r\n return (\r\n s +\r\n (j ? i.substr(0, j) + t : \"\") +\r\n i.substr(j).replace(/(\\d{3})(?=\\d)/g, \"$1\" + t) +\r\n (c\r\n ? d +\r\n Math.abs(n - i)\r\n .toFixed(c)\r\n .slice(2)\r\n : \"\")\r\n );\r\n },\r\n array_move(arr, old_index, new_index) {\r\n if (new_index >= arr.length) {\r\n var k = new_index - arr.length + 1;\r\n while (k--) {\r\n arr.push(undefined);\r\n }\r\n }\r\n arr.splice(new_index, 0, arr.splice(old_index, 1)[0]);\r\n return arr; // for testing\r\n },\r\n range: (start, end) => {\r\n const length = end - start;\r\n return Array.from({ length }, (_, i) => start + i);\r\n },\r\n removeComment(str) {\r\n return str.replace(/<\\!--.*?-->/g, \"\");\r\n },\r\n checkValidHtmlString(str) {\r\n return /<([A-Za-z][A-Za-z0-9]*)\\b[^>]*>(.*?)<\\/\\1>/.test(str);\r\n },\r\n createCategory: function (body) {\r\n return this.sendCommand(\"Category\", \"CreateCategory\", {\r\n Id: this.guid(),\r\n ParentId: \"00000000-0000-0000-0000-000000000000\",\r\n DisplayOrder: 0,\r\n LanguageId: Configuration.languageVi,\r\n CreatedDate: Common.formatDateTime(new Date()),\r\n CreatedBy: localStorage.getItem(\"userId\"),\r\n Type: 2,\r\n MerchantId: localStorage.getItem(\"merchantId\"),\r\n SubDescription: \"\",\r\n Description: \"\",\r\n // ImageRelations: null,\r\n ...body,\r\n });\r\n },\r\n upperCaseKeyObject: function (arr) {\r\n for (var i = 0; i < arr.length; i++) {\r\n var a = arr[i];\r\n for (var key in a) {\r\n var temp;\r\n if (a.hasOwnProperty(key)) {\r\n temp = a[key];\r\n delete a[key];\r\n a[key.charAt(0).toUpperCase() + key.substring(1)] = temp;\r\n }\r\n }\r\n arr[i] = a;\r\n }\r\n return arr;\r\n },\r\n cropImage: function (imageUrl, width, height) {\r\n return imageUrl + `?Mode=Crop&width=${width}&height=${height}`;\r\n },\r\n handleResponse: (response) => {\r\n const { Message, Success } = response.data;\r\n\r\n if (!Success) throw new Error(Message);\r\n\r\n return Swal.fire({\r\n title: Success ? \"Thành công\" : \"Thất bại\",\r\n icon: Success ? \"success\" : \"error\",\r\n }).then(({ value }) => ({\r\n success: value,\r\n res: response.data,\r\n }));\r\n },\r\n handleError: (err) => {\r\n Swal.fire({\r\n title: \"Thất bại\",\r\n text: err,\r\n icon: \"error\",\r\n });\r\n },\r\n getParameterByName: function (name, url) {\r\n if (!url) url = window.location.href;\r\n name = name.replace(/[\\[\\]]/g, \"\\\\$&\");\r\n var regex = new RegExp(\"[?&]\" + name + \"(=([^&#]*)|&|#|$)\"),\r\n results = regex.exec(url);\r\n if (!results) return null;\r\n if (!results[2]) return \"\";\r\n return decodeURIComponent(results[2].replace(/\\+/g, \" \"));\r\n },\r\n sectionsType: [\r\n {\r\n name: \"Header\",\r\n value: Math.pow(2, 0),\r\n },\r\n {\r\n name: \"Side Bar Left\",\r\n value: Math.pow(2, 2),\r\n },\r\n {\r\n name: \"Side Bar Right\",\r\n value: Math.pow(2, 4),\r\n },\r\n {\r\n name: \"Footer\",\r\n value: Math.pow(2, 6),\r\n },\r\n {\r\n name: \"BodyHome\",\r\n value: Math.pow(2, 8),\r\n },\r\n {\r\n name: \"BodyArticles\",\r\n value: Math.pow(2, 10),\r\n },\r\n {\r\n name: \"BodyArticle\",\r\n value: Math.pow(2, 12),\r\n },\r\n {\r\n name: \"BodyProducts\",\r\n value: Math.pow(2, 14),\r\n },\r\n {\r\n name: \"BodyProduct\",\r\n value: Math.pow(2, 16),\r\n },\r\n {\r\n name: \"BodyPage\",\r\n value: Math.pow(2, 18),\r\n },\r\n ],\r\n categoryTypes: [\r\n {\r\n name: \"Địa chỉ\",\r\n value: 1,\r\n },\r\n {\r\n name: \"Bài viết\",\r\n value: 2,\r\n },\r\n {\r\n name: \"Sản phẩm\",\r\n value: 3,\r\n },\r\n {\r\n name: \"Khách hàng\",\r\n value: 4,\r\n },\r\n {\r\n name: \"Hạng\",\r\n value: 8,\r\n },\r\n {\r\n name: \"Giỏ hàng\",\r\n value: 10,\r\n },\r\n {\r\n name: \"Trang chủ\",\r\n value: 32,\r\n },\r\n {\r\n name: \"Đơn hàng\",\r\n value: 1024,\r\n },\r\n {\r\n name: \"Khối template\",\r\n value: 128,\r\n },\r\n {\r\n name: \"Menu\",\r\n value: 256,\r\n },\r\n {\r\n name: \"Tags\",\r\n value: 32768,\r\n },\r\n ],\r\n getValuesInForm(obj, formData) {\r\n Object.keys(obj);\r\n var temp = {};\r\n $.each(Object.keys(obj), function (i, val) {\r\n temp[val] = formData.get(val);\r\n });\r\n return temp;\r\n },\r\n\r\n formatDateTime(date, format) {\r\n var monthNames = [\r\n \"Jan\",\r\n \"Feb\",\r\n \"Mar\",\r\n \"Apr\",\r\n \"May\",\r\n \"Jun\",\r\n \"Jul\",\r\n \"Aug\",\r\n \"Sep\",\r\n \"Oct\",\r\n \"Nov\",\r\n \"Dec\",\r\n ];\r\n var d = new Date(date),\r\n month = \"\" + (d.getMonth() + 1),\r\n day = \"\" + d.getDate(),\r\n year = d.getFullYear();\r\n var hour = d.getHours() < 10 ? \"0\" + d.getHours() : d.getHours();\r\n var min = d.getMinutes() < 10 ? \"0\" + d.getMinutes() : d.getMinutes();\r\n var sec = d.getSeconds() < 10 ? \"0\" + d.getSeconds() : d.getSeconds(); // d.getSeconds()\r\n\r\n if (month.length < 2) month = \"0\" + month;\r\n if (day.length < 2) day = \"0\" + day;\r\n if (format == undefined) {\r\n return [month, day, year].join(\"-\") + \" \" + hour + \":\" + min + \":\" + sec;\r\n } else {\r\n switch (format) {\r\n case \"yyyy-mm-dd\":\r\n return [year, month, day].join(\"-\");\r\n\r\n case \"dd-mm-yyyy\":\r\n return [day, month, year].join(\"-\");\r\n\r\n case \"mm-dd-yyyy\":\r\n return [month, day, year].join(\"-\");\r\n\r\n case \"MM\":\r\n return month;\r\n case \"MMM\":\r\n return monthNames[d.getMonth()];\r\n case \"DD\":\r\n return day;\r\n case \"YYYY\":\r\n return year;\r\n case \"mm\":\r\n return min;\r\n case \"ss\":\r\n return sec;\r\n case \"hh\":\r\n return hour;\r\n case \"hh-mm-ss\":\r\n return hour + \":\" + min + \":\" + sec;\r\n default:\r\n return [day, month, year].join(\"-\") + \" \" + hour + \":\" + min + \":\" + sec;\r\n }\r\n }\r\n },\r\n checkIfLoggedIn: async function () {\r\n let tokenId = localStorage.getItem(Configuration.userCookie);\r\n const url_api = Configuration.url_api + \"/User/GetUserDataByToken?tokenId=\" + tokenId;\r\n const isLoggedIn = await axios.get(url_api).then((res) => {\r\n // var dataMerchant = JSON.parse(res.data.Message).MerchantCode;\r\n // Common.setCookie(\"merchantCode\", dataMerchant);\r\n // console.log(res)\r\n return res.data.Success;\r\n });\r\n\r\n if (!isLoggedIn) {\r\n window.location.replace(\"/\");\r\n } else return;\r\n },\r\n GetUserDataByToken: function (tokenId, cb) {\r\n const url_api = Configuration.url_api + `/User/GetUserDataByToken?tokenId=${tokenId}`;\r\n axios.get(url_api).then((res) => {\r\n cb(res.data);\r\n });\r\n },\r\n getDataGraphQl(query) {\r\n return axios.post(Configuration.url_graphQl, { query: query }).then((res) => {\r\n return res.data.data;\r\n });\r\n },\r\n sendAsyncCommand(stringCommandName, stringDomain, objData, functionSuccess, functionFail) {\r\n let dataSend = {\r\n CommandName: stringCommandName,\r\n Domain: stringDomain,\r\n Content: JSON.stringify(objData),\r\n ModifiedBy: localStorage.getItem(\"userId\"),\r\n ModifiedDate: Common.formatDateTime(new Date()),\r\n TimeOutSecond: 10,\r\n };\r\n //window.showLoading();\r\n $.ajax({\r\n url: Configuration.url_api + \"/Command/Send\",\r\n type: \"post\",\r\n contentType: \"application/json\",\r\n processData: false,\r\n dataType: \"json\",\r\n data: JSON.stringify(dataSend),\r\n success: function (res) {\r\n if (res.Success && functionSuccess !== undefined) {\r\n functionSuccess(res);\r\n } else {\r\n if (functionFail !== undefined) {\r\n functionFail(res);\r\n }\r\n }\r\n //window.hideLoading();\r\n },\r\n error: function (err) {\r\n if (functionFail !== undefined) {\r\n functionFail(err);\r\n }\r\n //window.hideLoading();\r\n },\r\n });\r\n },\r\n getDataById(domain, id, fields) {\r\n var query = `{\r\n ${domain}(param:{id: \"${id}\",languageId:\"${\r\n Configuration.languageVi\r\n }\", merchantId:\"${localStorage.getItem(\"merchantId\")}\"}){\r\n ${fields} \r\n }\r\n }`;\r\n return axios.post(Configuration.url_graphQl, { query: query }).then((res) => {\r\n return res.data.data;\r\n });\r\n },\r\n\r\n change_alias(alias) {\r\n if (alias == null) {\r\n return \"\";\r\n }\r\n var str = alias;\r\n str = str.toLowerCase();\r\n str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, \"a\");\r\n str = str.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, \"e\");\r\n str = str.replace(/ì|í|ị|ỉ|ĩ/g, \"i\");\r\n str = str.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, \"o\");\r\n str = str.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, \"u\");\r\n str = str.replace(/ỳ|ý|ỵ|ỷ|ỹ/g, \"y\");\r\n str = str.replace(/đ/g, \"d\");\r\n str = str.replace(\r\n /!|@|%|\\^|\\*|\\(|\\)|\\+|\\=|\\<|\\>|\\?|\\/|,|\\.|\\:|\\;|\\'|\\\"|\\&|\\#|\\[|\\]|~|\\$|_|`|-|{|}|\\||\\\\/g,\r\n \" \"\r\n );\r\n str = str.replace(/ + /g, \" \");\r\n str = str.trim();\r\n return str;\r\n },\r\n rewriteUrl(string) {\r\n return Common.change_alias(string).replace(/\\s/g, \"-\");\r\n },\r\n\r\n getRelationCategories(categories) {\r\n let relationCategories = [];\r\n categories.forEach(function (val, i) {\r\n relationCategories.push({\r\n Id: val,\r\n IsFeatured: false,\r\n DisplayOrder: i,\r\n });\r\n });\r\n return relationCategories;\r\n },\r\n\r\n sendCommand(domain, commandName, body) {\r\n const dataSend = {\r\n CommandName: commandName,\r\n Domain: domain,\r\n Content: JSON.stringify(body),\r\n TimeOutSecond: 7,\r\n };\r\n\r\n const api_url = Configuration.url_api + \"/Command/SendSync\";\r\n return axios.post(api_url, dataSend);\r\n },\r\n\r\n getConfigMerchant(id, options) {\r\n // alert(\"helo\");\r\n // console.log(id);\r\n if (id === undefined) id = localStorage.getItem(\"merchantId\");\r\n return Common.getDataGraphQl(`\r\n {\r\n merchant(param:{id:\"${id}\"})\r\n {\r\n code,\r\n configuration,\r\n createdBy,\r\n createdDate\r\n ${options !== undefined && options.length > 0 ? options.join(\",\") : \"\"}\r\n }\r\n }\r\n `);\r\n },\r\n\r\n // sendSyncCommand: function (dataAjax) {\r\n // // Loading.show();\r\n // var temp = {\r\n // success: false,\r\n // message: \"\"\r\n // };\r\n // $.ajax({\r\n // url: Configuration.apiUrl + \"/Command/SendSync\",\r\n // method: \"POST\",\r\n // dataType: \"json\",\r\n // data: JSON.stringify(dataAjax),\r\n // contentType: \"application/json\",\r\n // processData: false,\r\n // async: false,\r\n // beforeSend: function () { },\r\n // complete: function () {\r\n // // Loading.hide();\r\n // },\r\n // success(res) {\r\n // if (res.Success) {\r\n // temp.success = true;\r\n // temp.message = res.Message;\r\n // } else {\r\n // temp.success = false;\r\n // temp.message = res.Message;\r\n // }\r\n // },\r\n // error() {\r\n // temp.success = false;\r\n // temp.message = \"Lỗi request!\";\r\n // }\r\n // });\r\n // return temp;\r\n // },\r\n formatName: function (str, kyTu) {\r\n if (str.length < kyTu) {\r\n return str;\r\n }\r\n str = str || \"\";\r\n var temp = str.substring(0, kyTu);\r\n temp = temp.substring(0, temp.lastIndexOf(\" \"));\r\n return temp + \"...\";\r\n },\r\n toTitleCase: function (string) {\r\n string = string\r\n .toLowerCase()\r\n .split(\" \")\r\n .map((s) => s.charAt(0).toUpperCase() + s.substring(1))\r\n .join(\" \");\r\n return string;\r\n },\r\n\r\n getCookie: function (cname) {\r\n var name = cname + \"=\";\r\n var decodedCookie = decodeURIComponent(document.cookie);\r\n var ca = decodedCookie.split(\";\");\r\n for (var i = 0; i < ca.length; i++) {\r\n var c = ca[i];\r\n while (c.charAt(0) === \" \") {\r\n c = c.substring(1);\r\n }\r\n if (c.indexOf(name) === 0) {\r\n return c.substring(name.length, c.length);\r\n }\r\n }\r\n return \"\";\r\n },\r\n\r\n setCookie: function (cname, cvalue, exdays) {\r\n exdays = exdays === undefined ? 1000000 : exdays;\r\n var d = new Date();\r\n d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);\r\n var expires = \"expires=\" + d.toUTCString();\r\n document.cookie = cname + \"=\" + cvalue + \";\" + expires + \";path=/;\";\r\n },\r\n deleteCookie: function (cname) {\r\n document.cookie = cname + \"=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;\";\r\n },\r\n isGuid(stringToTest) {\r\n if (stringToTest[0] === \"{\") {\r\n stringToTest = stringToTest.substring(1, stringToTest.length - 1);\r\n }\r\n var regexGuid = /^(\\{){0,1}[0-9a-fA-F]{8}\\-[0-9a-fA-F]{4}\\-[0-9a-fA-F]{4}\\-[0-9a-fA-F]{4}\\-[0-9a-fA-F]{12}(\\}){0,1}$/gi;\r\n return regexGuid.test(stringToTest);\r\n },\r\n\r\n guid() {\r\n function s4() {\r\n return Math.floor((1 + Math.random()) * 0x10000)\r\n .toString(16)\r\n .substring(1);\r\n }\r\n return s4() + s4() + \"-\" + s4() + \"-\" + s4() + \"-\" + s4() + \"-\" + s4() + s4() + s4();\r\n },\r\n\r\n findVariable(myRegex, myString) {\r\n var match = myRegex.exec(myString);\r\n var variables = [];\r\n while (match != null) {\r\n variables.push(match[0]);\r\n match = myRegex.exec(myString);\r\n }\r\n return variables;\r\n },\r\n queryData(index, type, option, handleData) {\r\n if (index !== \"\") {\r\n index += \"/\";\r\n }\r\n\r\n if (type !== \"\") {\r\n type += \"/\";\r\n }\r\n\r\n var clearDefaultQuery = false;\r\n var returnData = [];\r\n var from = 0;\r\n var size = 10;\r\n var queries = null;\r\n var totalQuery = 0;\r\n var queriesMustNot = null;\r\n var sorts = null;\r\n var async = false;\r\n var languageId = localStorage.getItem(Configuration.tokenLanguage);// this.getCookie(Configuration.tokenLanguage);\r\n var includes = [\"id\", \"name\", \"description\", \"subDescription\", \"images\"];\r\n\r\n if (option !== undefined) {\r\n if (option.from !== undefined) {\r\n from = option.from;\r\n }\r\n\r\n if (option.size !== undefined) {\r\n size = option.size;\r\n }\r\n if (option.includes !== undefined) {\r\n includes = option.includes;\r\n }\r\n\r\n if (option.queriesMustNot !== undefined) {\r\n queriesMustNot = option.queriesMustNot;\r\n }\r\n\r\n if (option.queries !== undefined) {\r\n queries = option.queries;\r\n }\r\n if (option.sorts !== undefined) {\r\n sorts = option.sorts;\r\n }\r\n\r\n if (option.async !== undefined) {\r\n async = option.async;\r\n }\r\n\r\n if (option.clearDefaultQuery !== undefined) {\r\n clearDefaultQuery = option.clearDefaultQuery;\r\n }\r\n if (option.languageId !== undefined) {\r\n languageId = option.languageId;\r\n }\r\n }\r\n var searchObject = {\r\n _source: {},\r\n query: {\r\n bool: {\r\n must: [\r\n {\r\n query_string: {\r\n default_field: \"merchantId\",\r\n query: this.getCookie(\"merchantId\"),\r\n },\r\n },\r\n {\r\n match: {\r\n languageId: languageId,\r\n },\r\n },\r\n ],\r\n must_not: [],\r\n },\r\n },\r\n sort: [],\r\n };\r\n searchObject._source.includes = includes;\r\n\r\n if (clearDefaultQuery) {\r\n searchObject.query.bool.must = [];\r\n }\r\n\r\n if (queries !== null) {\r\n $.each(queries, function (i, val) {\r\n searchObject.query.bool.must.push(val);\r\n });\r\n }\r\n\r\n if (queriesMustNot !== null) {\r\n $.each(queriesMustNot, function (i, val) {\r\n searchObject.query.bool.must_not.push(val);\r\n });\r\n }\r\n if (sorts !== null) {\r\n $.each(sorts, function (i, val) {\r\n searchObject.sort.push(val);\r\n });\r\n }\r\n\r\n var xhr = new XMLHttpRequest();\r\n //Starts the variable xhr as the variable for the request\r\n xhr.open(\r\n \"POST\",\r\n \"https://es.izzi.asia/\" + index + type + \"_search?from=\" + from + \"&size=\" + size + \"\",\r\n async\r\n );\r\n xhr.setRequestHeader(\"Content-type\", \"application/json\");\r\n xhr.setRequestHeader(\"Authorization\", \"Basic \" + btoa(\"amara:dSPKMcdQkG5X97b\"));\r\n //Runs method 'open' which defines the request\r\n\r\n //Sends the request\r\n xhr.onload = function () {\r\n if (xhr.readyState === 4) {\r\n if (xhr.status === 200) {\r\n var temp = JSON.parse(xhr.responseText);\r\n totalQuery = temp.hits.total;\r\n $.each(temp.hits.hits, function (i, val) {\r\n returnData.push(val._source);\r\n });\r\n\r\n if (handleData !== undefined) {\r\n handleData(returnData);\r\n }\r\n } else {\r\n console.error(xhr.statusText);\r\n }\r\n }\r\n };\r\n xhr.onerror = function () {\r\n console.error(xhr.statusText);\r\n };\r\n xhr.send(JSON.stringify(searchObject));\r\n return {\r\n data: returnData,\r\n total: totalQuery,\r\n };\r\n },\r\n\r\n sendSyncCommand(stringCommandName, stringDomain, objData, functionSuccess, functionFail) {\r\n let dataSend = {\r\n CommandName: stringCommandName,\r\n Domain: stringDomain,\r\n Content: JSON.stringify(objData),\r\n ModifiedBy: localStorage.getItem(\"userId\"),\r\n ModifiedDate: Common.formatDateTime(new Date()),\r\n TimeOutSecond: 10,\r\n };\r\n $.ajax({\r\n url: Configuration.url_api + \"/Command/SendSync\",\r\n type: \"post\",\r\n contentType: \"application/json\",\r\n processData: false,\r\n dataType: \"json\",\r\n data: JSON.stringify(dataSend),\r\n success: function (res) {\r\n if (res.Success && functionSuccess !== undefined) {\r\n functionSuccess();\r\n } else {\r\n if (functionFail !== undefined) {\r\n functionFail();\r\n }\r\n }\r\n },\r\n error: function () {\r\n if (functionFail !== undefined) {\r\n functionFail();\r\n }\r\n },\r\n });\r\n },\r\n queryDataMerchant: function (code) {\r\n var returnData = [];\r\n var searchObject = {\r\n _source: {},\r\n query: {\r\n match: {\r\n code: {\r\n query: code,\r\n },\r\n },\r\n },\r\n sort: [],\r\n };\r\n\r\n var xhr = new XMLHttpRequest();\r\n //Starts the variable xhr as the variable for the request\r\n xhr.open(\"POST\", \"https://es.izzi.asia/merchants/merchant/_search?&size=1\", false);\r\n xhr.setRequestHeader(\"Content-type\", \"application/json\");\r\n xhr.setRequestHeader(\"Authorization\", \"Basic \" + btoa(\"amara:dSPKMcdQkG5X97b\"));\r\n //Runs method 'open' which defines the request\r\n\r\n //Sends the request\r\n xhr.onload = function () {\r\n if (xhr.readyState === 4) {\r\n if (xhr.status === 200) {\r\n var temp = JSON.parse(xhr.responseText);\r\n $.each(temp.hits.hits, function (i, val) {\r\n returnData.push(val._source);\r\n });\r\n\r\n // if (handleData != undefined) {\r\n // handleData(returnData);\r\n // }\r\n } else {\r\n console.error(xhr.statusText);\r\n }\r\n }\r\n };\r\n xhr.onerror = function () {\r\n console.error(xhr.statusText);\r\n };\r\n xhr.send(JSON.stringify(searchObject));\r\n return returnData[0];\r\n },\r\n sendDataPreview(selectorIframe, dataObj) {\r\n var iframeWin = document.getElementById(selectorIframe).contentWindow;\r\n iframeWin.postMessage(dataObj, \"*\");\r\n },\r\n updateQuiz($selector, oldinfoQuiz, indexQuestion) {\r\n let arrayAnswer = [];\r\n\r\n let typeQuestion = parseInt($selector.find(\"[name='questionType'] :selected\").val());\r\n let pointQuestion = parseInt($selector.find(\"[name='grading']\").val());\r\n let nameQuestion = $selector.find(\"[name='nameQuestion']\").val();\r\n\r\n switch (typeQuestion) {\r\n case Math.pow(2, 0):\r\n $.each($selector.find(\".sectionAnswer input[type='radio']\"), function (i) {\r\n if ($(this).prop(\"checked\")) {\r\n arrayAnswer.push({\r\n id: Common.guid(),\r\n name: $(this).next().text(),\r\n isCorrect: true,\r\n displayOrder: i,\r\n images: [],\r\n });\r\n } else {\r\n arrayAnswer.push({\r\n id: Common.guid(),\r\n name: $(this).next().text(),\r\n isCorrect: false,\r\n displayOrder: i,\r\n images: [],\r\n });\r\n }\r\n });\r\n break;\r\n case Math.pow(2, 1):\r\n $.each($selector.find(\".sectionAnswer .answerMultiChoice\"), function (i) {\r\n if ($(this).find(\"input[type='radio']\").prop(\"checked\")) {\r\n arrayAnswer.push({\r\n id: Common.guid(),\r\n name: $(this).find(\"input[type='text']\").val(),\r\n isCorrect: true,\r\n displayOrder: i,\r\n images: [],\r\n });\r\n } else {\r\n arrayAnswer.push({\r\n id: Common.guid(),\r\n name: $(this).find(\"input[type='text']\").val(),\r\n isCorrect: false,\r\n displayOrder: i,\r\n images: [],\r\n });\r\n }\r\n });\r\n break;\r\n case Math.pow(2, 2):\r\n $.each($selector.find(\".answerMultiAnswer\"), function (i) {\r\n var tempName = $(this).find(\"input[type='text']\").val();\r\n if ($(this).find(\"input[type='checkbox']\").prop(\"checked\")) {\r\n arrayAnswer.push({\r\n id: Common.guid(),\r\n name: tempName,\r\n isCorrect: true,\r\n displayOrder: i,\r\n images: [],\r\n });\r\n } else {\r\n arrayAnswer.push({\r\n id: Common.guid(),\r\n name: tempName,\r\n isCorrect: false,\r\n displayOrder: i,\r\n images: [],\r\n });\r\n }\r\n });\r\n break;\r\n case Math.pow(2, 3):\r\n arrayAnswer.push({\r\n id: Common.guid(),\r\n name: \"\",\r\n isCorrect: true,\r\n displayOrder: 0,\r\n images: [],\r\n });\r\n break;\r\n case Math.pow(2, 4):\r\n let tempName = \"\";\r\n $.each($selector.find(\".answerFib\").find(\"*\"), function (i) {\r\n let tempLength = $selector.find(\".answerFib\").find(\"*\").length;\r\n if ($(this)[0].tagName.toLowerCase() === \"span\") {\r\n let tempValue = $(this).text().trim();\r\n tempName += tempValue;\r\n } else {\r\n let tempValue = $(this).val().trim();\r\n tempName += \"_{{\" + tempValue + \"}}\" + (i !== tempLength - 1 ? \"_\" : \"\");\r\n }\r\n });\r\n arrayAnswer.push({\r\n id: Common.guid(),\r\n name: tempName,\r\n isCorrect: true,\r\n displayOrder: 0,\r\n images: [],\r\n });\r\n break;\r\n case Math.pow(2, 5):\r\n $.each($selector.find(\".sectionAnswer .answerMatching\"), function (i) {\r\n let tempName = \"\";\r\n var tempLength = $(this).find(\"input[type='text']\").length;\r\n $.each($(this).find(\"input[type='text']\"), function (i) {\r\n tempName += $(this).val() + (i !== tempLength - 1 ? \"_\" : \"\");\r\n });\r\n arrayAnswer.push({\r\n id: Common.guid(),\r\n name: tempName,\r\n isCorrect: true,\r\n displayOrder: i,\r\n images: [],\r\n });\r\n });\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n let tempData = { ...oldinfoQuiz };\r\n let tempDataQuestion = tempData.questions[indexQuestion];\r\n\r\n tempDataQuestion.answers = arrayAnswer;\r\n tempDataQuestion.name = nameQuestion;\r\n tempDataQuestion.point = pointQuestion;\r\n tempDataQuestion.type = typeQuestion;\r\n\r\n return tempData;\r\n },\r\n queryDataNotLanguage(index, type, option, handleData) {\r\n if (index !== \"\") {\r\n index += \"/\";\r\n }\r\n\r\n if (type !== \"\") {\r\n type += \"/\";\r\n }\r\n\r\n var clearDefaultQuery = false;\r\n var returnData = [];\r\n var from = 0;\r\n var size = 10;\r\n var queries = null;\r\n var totalQuery = 0;\r\n var queriesMustNot = null;\r\n var sorts = null;\r\n var async = false;\r\n var languageId = this.getCookie(Configuration.tokenLanguage);\r\n var includes = [\"id\", \"name\", \"description\", \"subDescription\", \"images\"];\r\n\r\n if (option !== undefined) {\r\n if (option.from !== undefined) {\r\n from = option.from;\r\n }\r\n\r\n if (option.size !== undefined) {\r\n size = option.size;\r\n }\r\n if (option.includes !== undefined) {\r\n includes = option.includes;\r\n }\r\n\r\n if (option.queriesMustNot !== undefined) {\r\n queriesMustNot = option.queriesMustNot;\r\n }\r\n\r\n if (option.queries !== undefined) {\r\n queries = option.queries;\r\n }\r\n if (option.sorts !== undefined) {\r\n sorts = option.sorts;\r\n }\r\n\r\n if (option.async !== undefined) {\r\n async = option.async;\r\n }\r\n\r\n if (option.clearDefaultQuery !== undefined) {\r\n clearDefaultQuery = option.clearDefaultQuery;\r\n }\r\n if (option.languageId !== undefined) {\r\n languageId = option.languageId;\r\n }\r\n }\r\n var searchObject = {\r\n _source: {},\r\n query: {\r\n bool: {\r\n must: [\r\n {\r\n query_string: {\r\n default_field: \"merchantId\",\r\n query: this.getCookie(\"merchantId\"),\r\n },\r\n },\r\n // {\r\n // match: {\r\n // languageId: languageId\r\n // }\r\n // }\r\n ],\r\n must_not: [],\r\n },\r\n },\r\n sort: [],\r\n };\r\n searchObject._source.includes = includes;\r\n\r\n if (clearDefaultQuery) {\r\n searchObject.query.bool.must = [];\r\n }\r\n\r\n if (queries !== null) {\r\n $.each(queries, function (i, val) {\r\n searchObject.query.bool.must.push(val);\r\n });\r\n }\r\n\r\n if (queriesMustNot !== null) {\r\n $.each(queriesMustNot, function (i, val) {\r\n searchObject.query.bool.must_not.push(val);\r\n });\r\n }\r\n if (sorts !== null) {\r\n $.each(sorts, function (i, val) {\r\n searchObject.sort.push(val);\r\n });\r\n }\r\n\r\n var xhr = new XMLHttpRequest();\r\n //Starts the variable xhr as the variable for the request\r\n xhr.open(\r\n \"POST\",\r\n \"https://es.izzi.asia/\" + index + type + \"_search?from=\" + from + \"&size=\" + size + \"\",\r\n async\r\n );\r\n xhr.setRequestHeader(\"Content-type\", \"application/json\");\r\n xhr.setRequestHeader(\"Authorization\", \"Basic \" + btoa(\"amara:dSPKMcdQkG5X97b\"));\r\n //Runs method 'open' which defines the request\r\n\r\n //Sends the request\r\n xhr.onload = function () {\r\n if (xhr.readyState === 4) {\r\n if (xhr.status === 200) {\r\n var temp = JSON.parse(xhr.responseText);\r\n totalQuery = temp.hits.total;\r\n $.each(temp.hits.hits, function (i, val) {\r\n returnData.push(val._source);\r\n });\r\n\r\n if (handleData !== undefined) {\r\n handleData(returnData);\r\n }\r\n } else {\r\n console.error(xhr.statusText);\r\n }\r\n }\r\n };\r\n xhr.onerror = function (e) {\r\n console.error(xhr.statusText, e);\r\n };\r\n xhr.send(JSON.stringify(searchObject));\r\n return {\r\n data: returnData,\r\n total: totalQuery,\r\n };\r\n },\r\n secondsToMinute(secs) {\r\n var sec_num = parseInt(secs, 10);\r\n var hours = Math.floor(sec_num / 3600);\r\n var minutes = Math.floor(sec_num / 60) % 60;\r\n var seconds = sec_num % 60;\r\n\r\n return [hours, minutes, seconds]\r\n .map((v) => (v < 10 ? \"0\" + v : v))\r\n .filter((v, i) => v !== \"00\" || i > 0)\r\n .join(\":\");\r\n },\r\n uuidv4() {\r\n return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\r\n (c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16)\r\n );\r\n },\r\n isEmptyObj(obj) {\r\n return Object.keys(obj).length === 0;\r\n },\r\n};\r\n\r\nexport default Common;\r\n","import _ from \"lodash\";\r\nimport React from \"react\";\r\nimport { Async } from \"react-select\";\r\n\r\nfunction AsyncSelect({ isMulti, value, onChange, loadOptions, name, ...props }) {\r\n const loadOptionsDebounce = _.debounce((inputValue, callback) => {\r\n if(inputValue.length < 1){\r\n return;\r\n }\r\n return loadOptions({\r\n keyword: inputValue,\r\n }).then((res) => {\r\n const name = Object.keys(res)[0];\r\n callback(\r\n res[name].items.map((item) => ({\r\n value: item.id,\r\n label: item.name,\r\n }))\r\n );\r\n });\r\n }, 400);\r\n\r\n return (\r\n \r\n \r\n
\r\n )}\r\n \r\n {\r\n formProduct.setFieldValue('reference', item.value)\r\n }}\r\n options={referenceOptions}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n ({\r\n value: item,\r\n label: item,\r\n }))\r\n : ''\r\n }\r\n onChange={(items) => {\r\n formProduct.setFieldValue(\r\n 'utilities',\r\n items.map((item) => item.value).join(',')\r\n )\r\n }}\r\n options={[\r\n {\r\n value: 'Bảng',\r\n label: 'Bảng',\r\n },\r\n {\r\n value: 'Màn chiếu',\r\n label: 'Màn chiếu',\r\n },\r\n {\r\n value: 'Tivi',\r\n label: 'Tivi',\r\n },\r\n ]}\r\n />\r\n
\r\n \r\n { attributes !== undefined && attributeFormValues &&\r\n attributes.map((item, i) => {\r\n\r\n // Text = 1, //input text\r\n // Ratio = 2,\r\n // Checkbox = 3,\r\n // Selection = 4,\r\n // MultiSelection = 5,\r\n // TextArea = 6, //text area editor\r\n // DateTime = 7 //pick date\r\n //display type: multiselection\r\n const options = [];\r\n\r\n const defaultValues = [];\r\n\r\n const attributeValues = [];\r\n\r\n switch (item.dataType) {\r\n case DATATYPE.VARCHAR:\r\n item.attributeVarcharValues.map((item) => {\r\n attributeValues.push(item);\r\n });\r\n break;\r\n case DATATYPE.TEXT:\r\n item.attributeTextValues.map((item) => {\r\n attributeValues.push(item);\r\n });\r\n break;\r\n case DATATYPE.INT:\r\n item.attributeIntValues.map((item) => {\r\n attributeValues.push(item);\r\n });\r\n break;\r\n case DATATYPE.DECIMAL:\r\n item.attributeDecimalValues.map((item) => {\r\n attributeValues.push(item);\r\n });\r\n break;\r\n case DATATYPE.DATETIME:\r\n item.attributeDateTimeValues.map((item) => {\r\n attributeValues.push({ id: item.id, value: moment(item.value).format(\"DD/MM/yyyy\") });\r\n });\r\n break;\r\n\r\n\r\n default: {\r\n item.attributeValues.map((item) => {\r\n attributeValues.push(item);\r\n });\r\n break;\r\n }\r\n }\r\n\r\n attributeValues.map(\r\n (subItem) => {\r\n //if (item.displayType == 4 || item.displayType == 5 || item.displayType == 3 || item.displayType == 2) {\r\n if (item.displayType === DISPLAYTYPE.SELECTION\r\n || item.displayType === DISPLAYTYPE.MUILTISECTION\r\n || item.displayType === DISPLAYTYPE.RADIO || item.displayType === DISPLAYTYPE.CHECKBOX) {\r\n options.push({\r\n value: subItem.id,\r\n label: ,\r\n });\r\n }\r\n else {\r\n options.push({\r\n value: subItem.id,\r\n label: subItem.value\r\n });\r\n }\r\n\r\n if (subItem.isDefaultValue) {\r\n //if (item.displayType == 4 || item.displayType == 5 || item.displayType == 3 || item.displayType == 2) {\r\n if (item.displayType === DISPLAYTYPE.SELECTION\r\n || item.displayType === DISPLAYTYPE.MUILTISECTION\r\n || item.displayType === DISPLAYTYPE.RADIO || item.displayType === DISPLAYTYPE.CHECKBOX) {\r\n defaultValues.push({\r\n value: subItem.id,\r\n label: ,\r\n });\r\n }\r\n else {\r\n defaultValues.push({\r\n value: subItem.id,\r\n label: subItem.value\r\n });\r\n }\r\n }\r\n }\r\n );\r\n\r\n if (item.displayType === DISPLAYTYPE.TEXTBOX) {\r\n let defaultValue = getAttributeValueContent(item.id, item.displayType);\r\n //console.log(\"type1\", item.id, defaultValue);\r\n // if (getValues(item.id) === undefined) {\r\n // setValue(item.id,defaultValue )\r\n // }\r\n return (\r\n \r\n \r\n {\r\n //alert(\"textbox onchange\");\r\n setAttributeValueContent(e.target.value, item.id);\r\n }} >\r\n \r\n {(attributeErrors && attributeErrors.filter((i) => i.id == item.id).length > 0) ? \r\n );\r\n }\r\n else if (item.displayType === DISPLAYTYPE.RADIO) {\r\n //ratio\r\n const selectedValue = getAttributeValueContent(item.id, item.displayType);\r\n return (\r\n \r\n \r\n \r\n {options.map((option, i) => {\r\n //let checked = false;\r\n let inputField;\r\n if (selectedValue && (option.value == selectedValue || selectedValue.includes(option.value))) {\r\n inputField = 0 ? (attributeSelecteds.filter((f) => f.value == option.value).length > 0) :\r\n // defaultValues.length > 0 ? defaultValues.filter((f) => f.value == option.value).length > 0 : \"\"}\r\n //checked={option.value == selectedValue ? true : false}\r\n //{attributeSelecteds.length > 0 ? attributeSelecteds[0].value : defaultValues.length > 0 ? defaultValues[0].value : \"\"}\r\n name={item.id}\r\n checked={true}\r\n {...props}\r\n value={option.value}\r\n // onClick={(e) => {\r\n // //console.log(e);\r\n // //alert(\"radio onchange\");\r\n // setAttributeValueContent(e.target.value, item.id)\r\n // }}\r\n onClick={(e) => {\r\n //console.log(e);\r\n // alert(\"radio onchange\");\r\n if (e.target.checked) {\r\n setAttributeValueContent(e.target.value, item.id)\r\n }\r\n }}\r\n />\r\n }\r\n else {\r\n inputField = 0 ? (attributeSelecteds.filter((f) => f.value == option.value).length > 0) :\r\n // defaultValues.length > 0 ? defaultValues.filter((f) => f.value == option.value).length > 0 : \"\"}\r\n //checked={option.value == selectedValue ? true : false}\r\n //{attributeSelecteds.length > 0 ? attributeSelecteds[0].value : defaultValues.length > 0 ? defaultValues[0].value : \"\"}\r\n name={item.id}\r\n checked={false}\r\n {...props}\r\n value={option.value}\r\n onClick={(e) => {\r\n //console.log(e);\r\n // alert(\"radio onchange\");\r\n if (e.target.checked) {\r\n setAttributeValueContent(e.target.value, item.id)\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 {(attributeErrors && attributeErrors.filter((i) => i.id == item.id).length > 0) ? \r\n );\r\n }\r\n else if (item.displayType === DISPLAYTYPE.CHECKBOX) {\r\n const selectedValue = getAttributeValueContent(item.id, item.displayType);\r\n //console.log(\"selectedValue_3\", selectedValue, options);\r\n //checkbox\r\n return (\r\n \r\n \r\n \r\n {options.map((option, i) => {\r\n let inputField;\r\n //console.log(\"option.value\", option.value)\r\n if (selectedValue && (selectedValue.includes(option.value))) {\r\n console.log(\"checked\", selectedValue, option.value);\r\n inputField = {\r\n //alert(\"checked click\");\r\n let newSelected = getAttributeValueContent(item.id, item.displayType);\r\n //console.log(\"checkbox\", e.target.value, e.target.checked);\r\n //console.log(\"newSelected_111111111111\", newSelected);\r\n if (!e.target.checked) {\r\n //newSelected = newSelected.filter((t) => t != e.target.value);\r\n if (newSelected)\r\n newSelected = newSelected.filter((t) => t != e.target.value);\r\n else {\r\n newSelected = [];\r\n }\r\n }\r\n else {\r\n if (!newSelected.includes(e.target.value)) {\r\n newSelected = [...newSelected, e.target.value];\r\n }\r\n }\r\n\r\n //console.log(\"newSelected_111111111111\", newSelected);\r\n //alert(\"checkbox onchange\");\r\n\r\n setAttributeValueContent(newSelected, item.id)\r\n }}\r\n />\r\n }\r\n else {\r\n console.log(\"unchecked\", selectedValue, option.value);\r\n inputField = 0 ? (attributeSelecteds.filter((f) => f.value == option.value).length > 0) :\r\n // defaultValues.length > 0 ? defaultValues.filter((f) => f.value == option.value).length > 0 : \"\"}\r\n //checked={option.value == selectedValue ? true : false}\r\n name={item.id}\r\n //defaultChecked={false}\r\n checked={false}\r\n {...props}\r\n value={option.value}\r\n onClick={(e) => {\r\n //alert(\"click\");\r\n let newSelected = getAttributeValueContent(item.id, item.displayType);\r\n //console.log(\"newSelected_111111111111\", newSelected);\r\n //console.log(\"checkbox\", e.target.value, e.target.checked);\r\n if (!e.target.checked) {\r\n if (newSelected)\r\n newSelected = newSelected.filter((t) => t != e.target.value);\r\n else {\r\n newSelected = [];\r\n }\r\n }\r\n else {\r\n if (!newSelected.includes(e.target.value)) {\r\n newSelected = [...newSelected, e.target.value];\r\n }\r\n }\r\n //alert(\"checkbox onchange\");\r\n //console.log(\"newSelected_111111111111\", newSelected);\r\n\r\n setAttributeValueContent(newSelected, item.id)\r\n }}\r\n />\r\n }\r\n return (\r\n \r\n \r\n \r\n );\r\n })}\r\n \r\n {(attributeErrors && attributeErrors.filter((i) => i.id == item.id).length > 0) ? \r\n );\r\n }\r\n else if (item.displayType === DISPLAYTYPE.SELECTION) {\r\n let selectedValue = getAttributeValueContent(item.id, item.displayType);\r\n //console.log(\"selectedValues_4\", item.id, selectedValue, options);\r\n return (\r\n \r\n \r\n option.value == selectedValue.value) :\r\n defaultValues.length > 0 ? options.filter((option) => (defaultValues.filter((f) => f.value == option.value).length > 0)) : null}\r\n\r\n // defaultValue={attributeSelecteds.length > 0 ? options.filter((option) => (attributeSelecteds.filter((f) => f.value == option.value).length > 0)) :\r\n // defaultValues.length > 0 ? options.filter((option) => (defaultValues.filter((f) => f.value == option.value).length > 0)) : null}\r\n options={options}\r\n onChange={(option) => {\r\n //alert(\"single select onchange\");\r\n setAttributeValueContent(option, item.id)\r\n }}\r\n />\r\n {(attributeErrors && attributeErrors.filter((i) => i.id == item.id).length > 0) ? \r\n );\r\n\r\n }\r\n else if (item.displayType === DISPLAYTYPE.MUILTISECTION) {\r\n let selectedValues = getAttributeValueContent(item.id, item.displayType);\r\n //console.log(\"selectedValues_5\", item.id, selectedValues, options);\r\n\r\n return (\r\n \r\n \r\n 0 ? options.filter((option) => (selectedValues.filter((f) => f.value == option.value).length > 0)) :\r\n // defaultValues.length > 0 ? options.filter((option) => (defaultValues.filter((f) => f.value == option.value).length > 0)) : null}\r\n\r\n value={selectedValues ? selectedValues : null}\r\n // value={attributeSelecteds.length > 0 ? options.filter((option) => (attributeSelecteds.filter((f) => f.value == option.value).length > 0)) :\r\n // defaultValues.length > 0 ? options.filter((option) => (defaultValues.filter((f) => f.value == option.value).length > 0)) : null}\r\n\r\n // defaultValue={attributeSelecteds.length > 0 ? options.filter((option) => (attributeSelecteds.filter((f) => f.value == option.value).length > 0)) :\r\n // defaultValues.length > 0 ? options.filter((option) => (defaultValues.filter((f) => f.value == option.value).length > 0)) : null}\r\n\r\n options={options}\r\n onChange={(options) => {\r\n //alert(\"multi select onchange\");\r\n setAttributeValueContent(options, item.id)\r\n }}\r\n //rules={{ required: true }}\r\n />\r\n {(attributeErrors && attributeErrors.filter((i) => i.id == item.id).length > 0) ? \r\n );\r\n }\r\n else if (item.displayType === DISPLAYTYPE.TEXTAREA) {\r\n //textarea\r\n const editorContent = getAttributeValueContent(item.id, item.displayType)\r\n //console.log(\"editorContent\", editorContent);\r\n return (\r\n \r\n \r\n {\r\n // // You can store the \"editor\" and use when it is needed.\r\n // //console.log('Editor is ready to use!', editorContent);\r\n // // let editorContent = getAttributeValueContent(item.id, item.displayType);\r\n\r\n // // setTimeout(() => {\r\n // // if (editorContent)\r\n // // editor.setData(editorContent);\r\n // // }, 100);\r\n // }}\r\n\r\n className=\"form-control\"\r\n onChange={(e, editor) => {\r\n //alert(\"html select onchange\");\r\n const data = editor.getData();\r\n setAttributeValueContent(data, item.id)\r\n }}\r\n />\r\n {(attributeErrors && attributeErrors.filter((i) => i.id == item.id).length > 0) ? \r\n );\r\n }\r\n else if (item.displayType === DISPLAYTYPE.DATETIME) {\r\n const selectedDate = getAttributeValueContent(item.id, item.displayType);\r\n //console.log(\"selectedDate\", item.id, selectedDate)\r\n //datetime\r\n return (\r\n \r\n \r\n {\r\n //alert(\"date picker select onchange\");\r\n setAttributeValueContent(date, item.id)\r\n }}\r\n dateFormat=\"dd-MM-yyyy\"\r\n />\r\n {(attributeErrors && attributeErrors.filter((i) => i.id == item.id).length > 0) ? \r\n );\r\n }\r\n })\r\n }\r\n
\r\n );\r\n}\r\n\r\nAttributeValueForm.prototype = {};\r\n\r\nexport default AttributeValueForm;\r\n","import arrayMove from 'array-move'\r\nimport { persistReducer } from 'redux-persist'\r\nimport storage from 'redux-persist/lib/storage'\r\nimport {\r\n changeStatusCourses,\r\n createCourse,\r\n createCourseLesson,\r\n deleteCourse,\r\n getCourse,\r\n getLesson,\r\n getLessons,\r\n updateCourse,\r\n updateDisplayOrderCourseLessons,\r\n} from '../Services/CourseService'\r\nimport Configuration from '../utils/configuration'\r\nimport { FAILURE, REQUEST, SUCCESS } from './ActionType'\r\n\r\nexport const SET_COURSE_DATA = 'SET_COURSE_DATA'\r\nexport const ADD_LESSONS = 'ADD_LESSONS'\r\nexport const SET_NAME = 'SET_NAME'\r\nexport const SET_SUBDESCRIPTION = 'SET_SUBDESCRIPTION'\r\nexport const SET_PERIOD = 'SET_PERIOD'\r\nexport const SET_TYPE = 'SET_TYPE'\r\nexport const MOVE_LESSION = 'MOVE_LESSION'\r\nexport const EDIT_LESSION = 'EDIT_LESSION'\r\nexport const SET_LESSONS = 'SET_LESSONS'\r\nexport const CLEAR_COURSE_DATA = 'CLEAR_COURSE_DATA'\r\n\r\nexport const COURSE = {\r\n CREATE: 'course/CREATE',\r\n UPDATE: 'course/UPDATE',\r\n DELETE: 'course/DELETE',\r\n CHANGE_STATUS: 'course/CHANGE_STATUS',\r\n GET_BY_ID: 'course/GET_BY_ID',\r\n CREATE_LESSON: 'course/CREATE_LESSON',\r\n GET_COURSE_LESSONS: 'course/GET_COURSE_LESSONS',\r\n GET_COURSE_LESSON: 'course/GET_COURSE_LESSON',\r\n UPDATE_LESSON: 'course/UPDATE_LESSON',\r\n DELETE_LESSON: 'course/DELETE_LESSON',\r\n UPDATE_DISPLAY_ORDER_LESSONS: 'course/UPDATE_DISPLAY_ORDER_LESSONS',\r\n CHANGE_STATUS_LESSON: 'course/CHANGE_STATUS_LESSON',\r\n\r\n ADD_LESSON_ITEMS: 'course/ADD_LESSON_ITEMS',\r\n REMOVE_LESSON_ITEMS: 'course/REMOVE_LESSON_ITEMS',\r\n UPDATE_DISPLAY_ORDER_LESSON_ITEMS: 'course/UPDATE_DISPLAY_ORDER_LESSON_ITEMS',\r\n}\r\n\r\nexport const addRelationsCourseLessonAction = (items) => ({\r\n type: COURSE.ADD_LESSON_ITEMS,\r\n items: items,\r\n})\r\n\r\nexport const removeRelationsCourseLessonAction = (ids) => ({\r\n type: COURSE.REMOVE_LESSON_ITEMS,\r\n ids: ids,\r\n})\r\n\r\nexport const updateDisplayOrderRelationsCourseLessonAction = (\r\n oldIndex,\r\n newIndex\r\n) => ({\r\n type: COURSE.UPDATE_DISPLAY_ORDER_LESSON_ITEMS,\r\n oldIndex,\r\n newIndex,\r\n})\r\n\r\nexport const updateDisplayOrderLessonsAction = (oldIndex, newIndex) => ({\r\n type: COURSE.UPDATE_DISPLAY_ORDER_LESSONS,\r\n oldIndex,\r\n newIndex,\r\n})\r\n\r\nexport const changeStatusCoursesAction = (body) => ({\r\n type: COURSE.CHANGE_STATUS,\r\n payload: changeStatusCourses(body),\r\n})\r\n\r\nexport const createCourseLessonAction = (body) => ({\r\n type: COURSE.CREATE_LESSON,\r\n payload: createCourseLesson(body),\r\n})\r\n\r\nexport const getLessonsAction = (options) => ({\r\n type: COURSE.GET_COURSE_LESSONS,\r\n payload: getLessons(options),\r\n})\r\n\r\nexport const getLessonAction = (id) => ({\r\n type: COURSE.GET_COURSE_LESSON,\r\n payload: getLesson(id),\r\n})\r\n\r\nexport const getCourseAction = (id) => ({\r\n type: COURSE.GET_BY_ID,\r\n payload: getCourse(id),\r\n})\r\n\r\nexport const createCourseAction = (body) => ({\r\n type: COURSE.CREATE,\r\n payload: createCourse(body),\r\n})\r\n\r\nexport const deleteCourseAction = (body) => ({\r\n type: COURSE.DELETE,\r\n payload: deleteCourse(body),\r\n})\r\n\r\nexport const updateCourseAction = (body) => ({\r\n type: COURSE.UPDATE,\r\n payload: updateCourse(body),\r\n})\r\n\r\nexport const setCourseData = (payload) => ({\r\n type: SET_COURSE_DATA,\r\n payload,\r\n})\r\n\r\nexport const addLesson = (lesson) => ({\r\n type: ADD_LESSONS,\r\n lesson,\r\n})\r\n\r\nexport const setName = (name) => ({\r\n type: SET_NAME,\r\n name,\r\n})\r\n\r\nexport const setSubDescription = (subDescription) => ({\r\n type: SET_SUBDESCRIPTION,\r\n subDescription,\r\n})\r\n\r\nexport const setPeriod = (period) => ({\r\n type: SET_PERIOD,\r\n period,\r\n})\r\n\r\nexport const setType = (type) => ({\r\n type: SET_TYPE,\r\n courseType: type,\r\n})\r\n\r\nexport const moveLesson = (oldIndex, newIndex) => ({\r\n type: MOVE_LESSION,\r\n oldIndex,\r\n newIndex,\r\n})\r\n\r\nexport const editLesson = (lessonId, lessonInfo) => ({\r\n type: EDIT_LESSION,\r\n lessonId,\r\n lessonInfo,\r\n})\r\n\r\nexport const setLessons = (lessons) => ({\r\n type: SET_LESSONS,\r\n lessons,\r\n})\r\n\r\nexport const clearCourseData = () => ({\r\n type: CLEAR_COURSE_DATA,\r\n})\r\n\r\nconst initialState = {\r\n name: '',\r\n subDescription: '',\r\n period: 0,\r\n type: Configuration.courseType.DEFAULT.value,\r\n lessons: [],\r\n course: {},\r\n\r\n courseLesson: {},\r\n isLoading: false,\r\n returnData: null,\r\n process: 0,\r\n}\r\nexport const reducer = persistReducer(\r\n {\r\n storage,\r\n key: 'course',\r\n //blacklist: [\"courses\", \"isLoading\"],\r\n },\r\n (state = initialState, action) => {\r\n // export default function reducer(state = initialState, action) {\r\n switch (action.type) {\r\n case REQUEST(COURSE.CHANGE_STATUS):\r\n //console.log(state.course)\r\n return {\r\n ...state,\r\n course: {\r\n ...state.course,\r\n published: !state.course.published,\r\n },\r\n isLoading: true,\r\n }\r\n\r\n case FAILURE(COURSE.CHANGE_STATUS):\r\n return {\r\n ...state,\r\n isLoading: false,\r\n }\r\n case SUCCESS(COURSE.CHANGE_STATUS):\r\n return {\r\n ...state,\r\n isLoading: false,\r\n }\r\n\r\n case REQUEST(COURSE.GET_BY_ID):\r\n return {\r\n ...state,\r\n isLoading: true,\r\n }\r\n\r\n case FAILURE(COURSE.GET_BY_ID):\r\n return {\r\n ...state,\r\n isLoading: false,\r\n }\r\n case SUCCESS(COURSE.GET_BY_ID):\r\n return {\r\n ...state,\r\n isLoading: false,\r\n course: action.payload.course,\r\n }\r\n\r\n case REQUEST(COURSE.GET_COURSE_LESSONS):\r\n return {\r\n ...state,\r\n isLoading: true,\r\n }\r\n\r\n case FAILURE(COURSE.GET_COURSE_LESSONS):\r\n return {\r\n ...state,\r\n isLoading: false,\r\n }\r\n case SUCCESS(COURSE.GET_COURSE_LESSONS):\r\n return {\r\n ...state,\r\n isLoading: false,\r\n courseLesson: action.payload.courselessons,\r\n lessons: action.payload.courselessons.items,\r\n }\r\n\r\n case REQUEST(COURSE.GET_COURSE_LESSON):\r\n return {\r\n ...state,\r\n isLoading: true,\r\n }\r\n\r\n case FAILURE(COURSE.GET_COURSE_LESSON):\r\n return {\r\n ...state,\r\n isLoading: false,\r\n }\r\n case SUCCESS(COURSE.GET_COURSE_LESSON):\r\n return {\r\n ...state,\r\n isLoading: false,\r\n courseLesson: action.payload.courselesson,\r\n }\r\n\r\n case REQUEST(COURSE.CREATE_LESSON):\r\n return {\r\n ...state,\r\n isLoading: true,\r\n }\r\n\r\n case FAILURE(COURSE.CREATE_LESSON):\r\n return {\r\n ...state,\r\n isLoading: false,\r\n }\r\n case SUCCESS(COURSE.CREATE_LESSON):\r\n var temp = action.payload\r\n return {\r\n ...state,\r\n isLoading: false,\r\n returnData: temp.data,\r\n }\r\n\r\n case REQUEST(COURSE.CREATE):\r\n return {\r\n ...state,\r\n isLoading: true,\r\n }\r\n\r\n case FAILURE(COURSE.CREATE):\r\n return {\r\n ...state,\r\n isLoading: false,\r\n }\r\n case SUCCESS(COURSE.CREATE):\r\n var temp = action.payload\r\n return {\r\n ...state,\r\n isLoading: false,\r\n returnData: temp.data,\r\n }\r\n\r\n case REQUEST(COURSE.UPDATE):\r\n return {\r\n ...state,\r\n isLoading: true,\r\n }\r\n\r\n case FAILURE(COURSE.UPDATE):\r\n return {\r\n ...state,\r\n isLoading: false,\r\n }\r\n case SUCCESS(COURSE.UPDATE):\r\n var temp = action.payload\r\n return {\r\n ...state,\r\n isLoading: false,\r\n returnData: temp.data,\r\n }\r\n\r\n case REQUEST(COURSE.DELETE):\r\n return {\r\n ...state,\r\n isLoading: true,\r\n process: 0,\r\n }\r\n\r\n case FAILURE(COURSE.DELETE):\r\n var temp = action.payload\r\n return {\r\n ...state,\r\n isLoading: false,\r\n returnData: temp.data,\r\n }\r\n case SUCCESS(COURSE.DELETE):\r\n var temp = action.payload\r\n return {\r\n ...state,\r\n isLoading: false,\r\n returnData: temp.data,\r\n process: 1,\r\n }\r\n\r\n case SET_COURSE_DATA:\r\n return {\r\n ...state,\r\n ...action.payload,\r\n }\r\n case ADD_LESSONS:\r\n return {\r\n ...state,\r\n lessons: [...state.lessons, action.lesson],\r\n }\r\n case SET_NAME:\r\n return {\r\n ...state,\r\n name: action.name,\r\n }\r\n case SET_SUBDESCRIPTION:\r\n return {\r\n ...state,\r\n subDescription: action.subDescription,\r\n }\r\n case SET_PERIOD:\r\n return {\r\n ...state,\r\n period: action.period,\r\n }\r\n case SET_TYPE:\r\n return {\r\n ...state,\r\n type: action.courseType,\r\n lessons: state.lessons.map((lesson) => ({\r\n ...lesson,\r\n value: 0,\r\n })),\r\n }\r\n\r\n case MOVE_LESSION:\r\n return {\r\n ...state,\r\n lessons: arrayMove(\r\n [...state.lessons],\r\n action.oldIndex,\r\n action.newIndex\r\n ),\r\n }\r\n\r\n case COURSE.UPDATE_DISPLAY_ORDER_LESSONS:\r\n var temp = arrayMove(\r\n [...state.lessons],\r\n action.oldIndex,\r\n action.newIndex\r\n )\r\n updateDisplayOrderCourseLessons(temp.map((e) => e.id))\r\n return {\r\n ...state,\r\n lessons: temp,\r\n }\r\n\r\n case COURSE.UPDATE_DISPLAY_ORDER_LESSON_ITEMS:\r\n alert('heloo')\r\n var temp = arrayMove(\r\n [...state.lessonItems],\r\n action.oldIndex,\r\n action.newIndex\r\n )\r\n //updateDisplayOrderRelationsCourseLesson(temp.map(e => e.id));\r\n return {\r\n ...state,\r\n lessonItems: temp,\r\n }\r\n\r\n case EDIT_LESSION:\r\n return {\r\n ...state,\r\n lessons: state.lessons.map((lesson) => {\r\n if (lesson.id == action.lessonId) {\r\n return {\r\n ...lesson,\r\n ...action.lessonInfo,\r\n }\r\n }\r\n return lesson\r\n }),\r\n }\r\n\r\n case SET_LESSONS:\r\n return {\r\n ...state,\r\n lessons: [...action.lessons],\r\n }\r\n\r\n case CLEAR_COURSE_DATA:\r\n return initialState\r\n\r\n default:\r\n return state\r\n }\r\n }\r\n)\r\n","import React from 'react'\r\nimport { Col, Row } from 'reactstrap'\r\nimport Common from '../../../utils/common'\r\nimport Configuration from '../../../utils/configuration'\r\nimport ThemeLoadingSkeleton from '../../Settings/ThemeLoadingSkeleton'\r\n\r\nfunction GridImage({ images, setPickImages, pickImages, removePickImage }) {\r\n return (\r\n {item.name} is required
: \"\"}\r\n {item.name} is required
: \"\"}\r\n {item.name} is required
: \"\"}\r\n {item.name} is required
: \"\"}\r\n {item.name} is required
: \"\"}\r\n {item.name} is required
: \"\"}\r\n {item.name} is required
: \"\"}\r\n Empty
\r\n )\r\n ) : (\r\n\r\n
\r\n \r\n {previewImage.name.length > 20\r\n ? previewImage.name.substring(\r\n 1,\r\n 30\r\n ) + \"...\"\r\n : previewImage.name}\r\n {/* Thứ tự: {previewImage.displayOrder}, Nổi bật: {previewImage.isFeatured ? \"YES\" : \"NO\"} */}\r\n
\r\n \r\n {\r\n this.props.setPreviewImages(\r\n this.state.previewImages.filter(\r\n (img, i) => i !== index\r\n )\r\n );\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n {\r\n toast['error'](\r\n 'Files không phù hợp:' +\r\n errFiles.map((errFile) => errFile.name).join(', ')\r\n )\r\n }}\r\n maxSize={Configuration.MAX_FILE_SIZE}\r\n >\r\n {({ getRootProps, getInputProps }) => (\r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n Try dropping some files here, or click to select files to\r\n upload.\r\n
\r\n\r\n
\r\n \r\n setIsOpen(!isOpen)}\r\n >\r\n \r\n \r\n
\r\n \r\n
Be Hold, fetching data may take some time :)
\r\n }\r\n}\r\n\r\nexport default WithLoading\r\n","import { toast } from 'react-toastify'\r\nimport { getProduct } from '../Services/ProductService'\r\nimport Common from '../utils/common'\r\nimport { FAILURE, REQUEST, SUCCESS } from './ActionType'\r\n\r\nexport const SET_PRODUCT = 'SET_PRODUCT'\r\nexport const EDIT_CONTENT_VARIATION = 'EDIT_CONTENT_VARIATION'\r\nexport const DELETE_VARIATION = 'DELETE_VARIATION'\r\nexport const ADD_VARIATION = 'ADD_VARIATION'\r\nexport const EDIT_VALUES_ATTRIBUTE = 'EDIT_VALUES_ATTRIBUTE'\r\nexport const ADD_ATTRIBUTE = 'ADD_ATTRIBUTE'\r\nexport const DELETE_ATTRIBUTE = 'DELETE_ATTRIBUTE'\r\nexport const AUTOMATE_CREATE_VARIATIONS_FROM_ATTRIBUTES =\r\n 'AUTOMATE_CREATE_VARIATIONS_FROM_ATTRIBUTES'\r\nexport const ADD_VALUE_ATTRIBUTE = 'ADD_VALUE_ATTRIBUTE'\r\nexport const VALIDATE_ATTRIBUTE = 'VALIDATE_ATTRIBUTE'\r\nexport const VALIDATE_VARIATION = 'VALIDATE_VARIATION'\r\n\r\nexport const PRODUCT = {\r\n GET_BY_ID: 'product/GET_BY_ID',\r\n GET_LIST: 'product/GET_LIST',\r\n}\r\n\r\nconst initialState = {\r\n producrts: [],\r\n product: {},\r\n attributes: [],\r\n variations: [],\r\n}\r\n\r\nfunction isDuplicate(variation1, variation2) {\r\n const getAttributeDictionary = (attributes) => {\r\n const result = {}\r\n attributes.forEach((attribute) => {\r\n if (result[attribute.id]) throw Error('Dupplicate attribute')\r\n result[attribute.id] = attribute.value.id\r\n })\r\n return result\r\n }\r\n const attribute1 = getAttributeDictionary(variation1.attributes)\r\n const attribute2 = getAttributeDictionary(variation2.attributes)\r\n for (let key in attribute1) {\r\n if (attribute2[key] !== attribute1[key]) return false\r\n }\r\n return true\r\n}\r\n\r\nexport const getProductAction = (id, languaId) => ({\r\n type: PRODUCT.GET_BY_ID,\r\n payload: getProduct(id, languaId),\r\n})\r\n\r\nexport const setProduct = (payload) => ({\r\n type: SET_PRODUCT,\r\n payload,\r\n})\r\n\r\nexport const editContentVariation = (id, name, payload) => ({\r\n type: EDIT_CONTENT_VARIATION,\r\n id,\r\n name,\r\n payload,\r\n})\r\n\r\nexport const deleteVatiation = (id) => ({\r\n type: DELETE_VARIATION,\r\n id,\r\n})\r\n\r\nexport const addVatiation = (payload) => ({\r\n type: ADD_VARIATION,\r\n payload,\r\n})\r\n\r\nexport const editValuesAtrtibute = (id, payload) => ({\r\n type: EDIT_VALUES_ATTRIBUTE,\r\n id,\r\n payload,\r\n})\r\n\r\nexport const addAtrtibute = (payload) => ({\r\n type: ADD_ATTRIBUTE,\r\n payload,\r\n})\r\n\r\nexport const deleteAtrtibute = (id) => ({\r\n type: DELETE_ATTRIBUTE,\r\n id,\r\n})\r\n\r\nexport const createVariationsFromAttributes = () => ({\r\n type: AUTOMATE_CREATE_VARIATIONS_FROM_ATTRIBUTES,\r\n})\r\n\r\nexport const addValueAttribute = (id, payload) => ({\r\n type: ADD_VALUE_ATTRIBUTE,\r\n id,\r\n payload,\r\n})\r\n\r\nexport const validateAttribute = () => ({\r\n type: VALIDATE_ATTRIBUTE,\r\n})\r\n\r\nexport const validateVariation = () => ({\r\n type: VALIDATE_VARIATION,\r\n})\r\n\r\nexport default function reducer(state = initialState, action) {\r\n switch (action.type) {\r\n case SET_PRODUCT:\r\n return action.payload\r\n\r\n case REQUEST(PRODUCT.GET_BY_ID):\r\n return {\r\n ...state,\r\n isLoading: true,\r\n }\r\n\r\n case FAILURE(PRODUCT.GET_BY_ID):\r\n return {\r\n ...state,\r\n isLoading: false,\r\n }\r\n case SUCCESS(PRODUCT.GET_BY_ID):\r\n return {\r\n ...state,\r\n isLoading: false,\r\n product: action.payload.product,\r\n }\r\n\r\n case EDIT_CONTENT_VARIATION:\r\n return {\r\n ...state,\r\n variations: state.variations.map((variation) => {\r\n if (variation.id === action.id) {\r\n const tempVariation = {\r\n ...variation,\r\n }\r\n tempVariation[action.name] = action.payload\r\n return tempVariation\r\n }\r\n\r\n return variation\r\n }),\r\n }\r\n case DELETE_VARIATION:\r\n return {\r\n ...state,\r\n variations: state.variations.filter((variation) => {\r\n return variation.id !== action.id\r\n }),\r\n }\r\n case ADD_VARIATION:\r\n return {\r\n ...state,\r\n variations: [\r\n {\r\n id: Common.guid(),\r\n code: '',\r\n image: null,\r\n name: '_blank',\r\n price: 0,\r\n attributes: state.attributes.map((attribute) => ({\r\n ...attribute,\r\n value: attribute.values[0],\r\n })),\r\n\r\n ...action.payload,\r\n },\r\n ...state.variations,\r\n ],\r\n }\r\n case EDIT_VALUES_ATTRIBUTE:\r\n const result = {\r\n variations: state.variations.map((variation) => {\r\n return {\r\n ...variation,\r\n attributes: variation.attributes.map((attribute) => {\r\n if (attribute.id === action.id) {\r\n if (attribute.value) {\r\n if (\r\n !action.payload\r\n .map((val) => val.id)\r\n .includes(attribute.value.id)\r\n )\r\n return {\r\n ...attribute,\r\n value: null,\r\n // value: {\r\n // id: null,\r\n // name: \"_blank\",\r\n // },\r\n }\r\n }\r\n }\r\n return attribute\r\n }),\r\n }\r\n }),\r\n attributes: state.attributes.map((attribute) => {\r\n if (attribute.id === action.id) {\r\n return {\r\n ...attribute,\r\n values: action.payload,\r\n }\r\n }\r\n return attribute\r\n }),\r\n }\r\n return result\r\n case ADD_ATTRIBUTE:\r\n for (let attr of state.attributes) {\r\n if (attr.id === action.payload.id) {\r\n toast['error']('Thuộc tính đã được thêm')\r\n return state\r\n }\r\n }\r\n const newAttribute = {\r\n id: action.payload.id ? action.payload.id : Common.guid(),\r\n name: action.payload.name ? action.payload.name : '_blank',\r\n values: [],\r\n allValues: action.payload.allValues ? action.payload.allValues : [],\r\n }\r\n return {\r\n variations: state.variations.map((variation) => ({\r\n ...variation,\r\n attributes: [\r\n ...variation.attributes,\r\n {\r\n id: newAttribute.id,\r\n name: newAttribute.name,\r\n value: null,\r\n },\r\n ],\r\n })),\r\n attributes: [newAttribute, ...state.attributes],\r\n }\r\n case DELETE_ATTRIBUTE:\r\n return {\r\n variations: state.variations.map((variation) => ({\r\n ...variation,\r\n attributes: variation.attributes.filter(\r\n (attribute) => attribute.id !== action.id\r\n ),\r\n })),\r\n attributes: state.attributes.filter((attribute) => {\r\n return attribute.id !== action.id\r\n }),\r\n }\r\n case AUTOMATE_CREATE_VARIATIONS_FROM_ATTRIBUTES:\r\n // let allValues = [];\r\n // state.attributes.forEach((attribute) => {\r\n // allValues.push(attribute);\r\n // });\r\n\r\n let tempVariation = new Array(state.attributes.length)\r\n let allVariations = []\r\n function visit(n) {\r\n for (let i = 0; i < state.attributes[n].values.length; i++) {\r\n tempVariation[n] = {\r\n id: state.attributes[n].id,\r\n name: state.attributes[n].name,\r\n value: state.attributes[n].values[i],\r\n }\r\n if (n === state.attributes.length - 1) {\r\n allVariations.push([...tempVariation])\r\n } else {\r\n visit(n + 1)\r\n }\r\n }\r\n }\r\n visit(0)\r\n allVariations = allVariations\r\n .map((variation) => {\r\n const id = Common.guid()\r\n let code = ''\r\n let name = ''\r\n variation.forEach((attr, i) => {\r\n if (i === 0) {\r\n code += attr.value.name.toLowerCase()\r\n name += attr.value.name\r\n return\r\n }\r\n code += `_${attr.value.name.toLowerCase()}`\r\n name += ` ${attr.value.name}`\r\n })\r\n return {\r\n id: id,\r\n code: code,\r\n image: null,\r\n name: name,\r\n price: 0,\r\n attributes: variation,\r\n }\r\n })\r\n .map((variation) => {\r\n for (let v of state.variations) {\r\n if (isDuplicate(variation, v)) {\r\n return { ...v }\r\n }\r\n }\r\n return variation\r\n })\r\n return {\r\n ...state,\r\n variations: allVariations,\r\n }\r\n case ADD_VALUE_ATTRIBUTE:\r\n return {\r\n ...state,\r\n attributes: state.attributes.map((attribute) => {\r\n if (attribute.id === action.id) {\r\n return {\r\n ...attribute,\r\n values: [...attribute.values, action.payload],\r\n allValues: [...attribute.allValues, action.payload],\r\n }\r\n }\r\n return attribute\r\n }),\r\n }\r\n case VALIDATE_ATTRIBUTE:\r\n return {\r\n ...state,\r\n attributes: state.attributes.map((attribute) => {\r\n if (attribute.values.length < 1) {\r\n return {\r\n ...attribute,\r\n errors: 'Vui lòng chọn ít nhất một giá trị',\r\n }\r\n }\r\n return {\r\n ...attribute,\r\n errors: null,\r\n }\r\n }),\r\n }\r\n case VALIDATE_VARIATION:\r\n // {\r\n // id: \"1231298fdj18290\",\r\n // code: \"1231298fdj18290\",\r\n // image: {\r\n // id: \"2w13123123\",\r\n // path:\r\n // \"https://screenshotlayer.com/images/assets/placeholder.png\",\r\n // },\r\n // name: \"Xin chao\",\r\n // price: 20000,\r\n // attributes: [\r\n // {\r\n // id: \"123123123213\",\r\n // name: \"Màu sắc\",\r\n // value: {\r\n // id: \"312123\",\r\n // name: \"Red\",\r\n // },\r\n // },\r\n // {\r\n // id: \"213123\",\r\n // name: \"Chat lieu\",\r\n // value: {\r\n // id: \"asdad21\",\r\n // name: \"Vai\",\r\n // },\r\n // },\r\n // ],\r\n // },\r\n\r\n const variations = state.variations.map((variation, i) => {\r\n for (let j = 0; j < i; j++) {\r\n if (isDuplicate(variation, state.variations[j])) {\r\n return {\r\n ...variation,\r\n errors: 'duplicate',\r\n }\r\n }\r\n }\r\n return {\r\n ...variation,\r\n errors: null,\r\n }\r\n })\r\n return {\r\n ...state,\r\n variations: variations,\r\n }\r\n default:\r\n return state\r\n }\r\n}\r\n","import { getData } from '../utils/data'\r\nimport Common from '../utils/common'\r\n\r\nexport const getEmailTemplates = (options) => {\r\n if (options === undefined) options = {}\r\n if (options.merchantId === undefined)\r\n options.merchantId = localStorage.getItem('merchantId')\r\n if (options.limit === undefined) options.limit = 10000000\r\n if (options.offset === undefined) options.offset = 0\r\n options.keyword = options.keyword === undefined ? '' : options.keyword\r\n\r\n return getData.getDataGraphQl(`\r\n {\r\n emailtemplates(param:{limit:${options.limit},offset:${options.offset},order:\"asc\",sort:\"createdDate\"\r\n ,merchantId:\"${options.merchantId}\", keyword:\"${options.keyword}\"})\r\n {\r\n items{\r\n id,\r\n merchantId,\r\n subject,\r\n template,\r\n templateName,\r\n templateSystemName\r\n },\r\n totalCount,\r\n success,\r\n message\r\n }\r\n }\r\n `)\r\n}\r\n\r\nexport const getEmailTemplate = (id, merchantId) => {\r\n return getData.getDataGraphQl(`\r\n {\r\n emailtemplate(param:{id:\"${id}\", merchantId:\"${merchantId}\"}) {\r\n id\r\n subject\r\n template\r\n templateName\r\n templateSystemName\r\n }\r\n }\r\n `)\r\n}\r\n","import React, { useEffect, useState } from 'react'\r\nimport { Card, CardBody, CardHeader } from 'reactstrap'\r\nimport { getData } from '../../utils/data'\r\nimport SelectFormik from './SelectFormik'\r\n\r\nfunction CategoryPartial({ formik, name, type, title, ...props }) {\r\n const [options, setOptions] = useState([])\r\n\r\n useEffect(() => {\r\n getData\r\n .getCategories({\r\n type: type,\r\n // sort: 'name',\r\n // order: 'asc'\r\n })\r\n .then((res) => {\r\n setOptions(res.categories.items)\r\n })\r\n return () => {}\r\n }, [])\r\n\r\n return (\r\n\r\n \r\n {title || \"Phân loại\"} \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default CategoryPartial\r\n","import ClassicEditor from '@ckeditor/ckeditor5-build-classic'\r\nimport React, {\r\n forwardRef,\r\n useEffect,\r\n useImperativeHandle,\r\n useRef,\r\n useState,\r\n} from 'react'\r\nimport LaboUploadAdapter from './LaboUploadAdapter'\r\n\r\n// const ClassicEditor = require(\"@ckeditor/custom-build/build/ckeditor\");\r\n\r\nfunction MyCustomUploadAdapterPlugin(editor) {\r\n editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {\r\n return new LaboUploadAdapter(loader)\r\n }\r\n}\r\n\r\nfunction CkEditor5({ defaultValue, onChange, ...props }, ref) {\r\n const editorRef = useRef()\r\n const [editor, setEditor] = useState(null)\r\n\r\n const setText = (value) => {\r\n editor.setData(value)\r\n }\r\n\r\n useImperativeHandle(ref, () => ({\r\n setText,\r\n }))\r\n\r\n // function setData(data) {\r\n // return editor.insertText(data);\r\n // }\r\n\r\n // useEffect(() => {\r\n // if (editor && value) {\r\n // editor.setData(value)\r\n // editor.model.change((writer) => {\r\n // writer.setSelection( editor.model.document.getRoot(), 'end');\r\n // // const insertPosition = editor.model.document.selection.getLastPosition();\r\n // // writer.insert(value, insertPosition);\r\n // });\r\n\r\n // // if (editor.getData() === \"\") editor.setData(formik.values[name]);\r\n // }\r\n // }, [value, editor]);\r\n\r\n useEffect(() => {\r\n ClassicEditor.create(editorRef.current, {\r\n toolbar: {\r\n items: [\r\n 'heading',\r\n '|',\r\n 'bold',\r\n 'italic',\r\n 'link',\r\n 'bulletedList',\r\n 'numberedList',\r\n '|',\r\n 'indent',\r\n 'outdent',\r\n '|',\r\n 'MathType',\r\n 'ChemType',\r\n 'specialCharacters',\r\n '|',\r\n 'imageUpload',\r\n 'blockQuote',\r\n 'insertTable',\r\n 'mediaEmbed',\r\n 'undo',\r\n 'redo',\r\n ],\r\n },\r\n language: 'en',\r\n image: {\r\n toolbar: ['imageTextAlternative', 'imageStyle:full', 'imageStyle:side'],\r\n },\r\n table: {\r\n contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells'],\r\n },\r\n licenseKey: '',\r\n extraPlugins: [MyCustomUploadAdapterPlugin],\r\n })\r\n .then((editor) => {\r\n setEditor(editor)\r\n editor.model.document.on('change:data', () => {\r\n if (onChange) onChange(editor.getData())\r\n })\r\n })\r\n .catch((error) => {\r\n console.error(error)\r\n })\r\n }, [])\r\n\r\n return \r\n}\r\n\r\nCkEditor5.propTypes = {}\r\n\r\nexport default forwardRef(CkEditor5)\r\n","import React from 'react'\r\nimport { Async } from 'react-select'\r\n\r\nfunction SelectServerSide({\r\n loadOptions,\r\n value,\r\n onChange,\r\n name,\r\n defaultValue,\r\n ...props\r\n}) {\r\n const _loadOptions = (inputValue) => {\r\n return loadOptions({\r\n keyword: inputValue,\r\n }).then((res) => {\r\n const name = Object.keys(res)[0]\r\n return res[name].items.map((item) => ({\r\n value: item.id,\r\n label: item.sku? item.name + \" - \" + item.sku : item.name,\r\n }))\r\n })\r\n }\r\n\r\n return (\r\n \r\n ({\r\n value: item.id,\r\n label: item.pathName || item.name,\r\n }))}\r\n onChange={onChange}\r\n value={value}\r\n {...props}\r\n />\r\n
\r\n )\r\n}\r\n\r\nSelectFormik.propTypes = {}\r\n\r\nexport default SelectFormik\r\n","import { faTrashAlt } from '@fortawesome/free-solid-svg-icons'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport arrayMove from 'array-move'\r\nimport React, { useEffect, useState } from 'react'\r\nimport BlockUi from 'react-block-ui'\r\nimport Ionicon from 'react-ionicons'\r\nimport Loader from 'react-loaders'\r\nimport { SortableContainer, SortableElement } from 'react-sortable-hoc'\r\nimport {\r\n Button,\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n ListGroup,\r\n ListGroupItem,\r\n} from 'reactstrap'\r\nimport PickSortableListModal from './PickListModal'\r\n\r\nfunction PickSortablePartial({ items = [], updateItems, title, apiCommand }) {\r\n const [isSending, setIsSending] = useState(false)\r\n const [isOpen, setIsOpen] = useState(false)\r\n\r\n useEffect(() => {\r\n return () => {\r\n updateItems([])\r\n }\r\n }, [])\r\n\r\n const onSortEnd = ({ oldIndex, newIndex }) => {\r\n updateItems([...arrayMove(items, oldIndex, newIndex)])\r\n }\r\n\r\n return (\r\n \r\n setIsOpen(!isOpen)}\r\n >\r\n \r\n \r\n
\r\n Trống
\r\n )}\r\n\r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default PickSortablePartial\r\n","const navItemOptions = [\r\n {\r\n label: \"Dashboard\",\r\n value: \"/#/dashboards/home\",\r\n },\r\n {\r\n label: \"Đơn hàng\",\r\n options: [\r\n { label: \"Danh sách đơn hàng\", value: \"/#/report/order\" },\r\n { label: \"Luồng đơn hàng\", value: \"/#/order/list\" },\r\n { label: \"Đơn hàng dạng pivottable\", value: \"/#/report/orderpivot\" },\r\n ],\r\n },\r\n {\r\n label: \"Báo cáo\",\r\n options: [\r\n { label: \"Đơn hàng\", value: \"/#/report/order\" },\r\n { label: \"EVoucher\", value: \"/#/report/evoucher\" },\r\n {\r\n label: \"Đơn hàng affiliate pivottable\",\r\n value: \"/#/report/orderaffiliate\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Bài viết\",\r\n options: [\r\n { label: \"Danh sách bài viết\", value: \"/#/articles/list\" },\r\n { label: \"Tạo mới bài viết\", value: \"/#/articles/create\" },\r\n {\r\n label: \"Danh sách chuyên mục bài viết\",\r\n value: \"/#/articles/categories/list\",\r\n },\r\n {\r\n label: \"Tạo mới chuyên mục bài viết\",\r\n value: \"/#/articles/categories/create\",\r\n },\r\n {\r\n label: \"Quyền đọc chuyên mục bài viết\",\r\n value: \"/#/articles/read-privilege\",\r\n },\r\n {\r\n label: \"Bài viết liên merchant\",\r\n value: \"/#/articles/list-multi-merchant\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Dữ liệu việc làm\",\r\n options: [\r\n { label: \"Danh sách\", value: \"/#/articles/board-opening/list\" },\r\n { label: \"Tạo mới\", value: \"/#/articles/board-opening/create\" },\r\n ],\r\n },\r\n {\r\n label: \"Sản phẩm\",\r\n options: [\r\n { label: \"Danh sách sản phẩm\", value: \"/#/product/list\" },\r\n { label: \"Tạo mới bài viết\", value: \"/#/articles/create\" },\r\n {\r\n label: \"Tạo mới sản phẩm\",\r\n value: \"/#/product/create\",\r\n },\r\n {\r\n label: \"Danh mục sản phẩm\",\r\n value: \"/#/product-categories/list\",\r\n },\r\n {\r\n label: \"Tạo mới danh mục sản phẩm\",\r\n value: \"/#/product-categories/create\",\r\n },\r\n {\r\n label: \"Danh sách thuộc tính sản phẩm\",\r\n value: \"/#/attribute/list\",\r\n },\r\n {\r\n label: \"Tạo mới thuộc tính sản phẩm\",\r\n value: \"/#/attribute/create\",\r\n },\r\n ],\r\n },\r\n\r\n {\r\n label: \"Sản phẩm E-Voucher\",\r\n options: [\r\n {\r\n label: \"Danh sách sản phẩm e-voucher\",\r\n value: \"/#/product-evoucher/list\",\r\n },\r\n {\r\n label: \"Tạo mới sản phẩm e-voucher\",\r\n value: \"/#/product-evoucher/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Sản phẩm kỳ nghỉ\",\r\n options: [\r\n {\r\n label: \"Danh sách sản phẩm kỳ nghỉ\",\r\n value: \"/#/product/vacation/list\",\r\n },\r\n {\r\n label: \"Tạo mới sản phẩm kỳ nghỉ\",\r\n value: \"/#/product/vacation/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Sản phẩm sub merchant\",\r\n options: [\r\n {\r\n label: \"Danh sách sub merchant\",\r\n value: \"/#/product/sub-merchant/list\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Sản phẩm thành viên\",\r\n options: [\r\n {\r\n label: \"Danh sách thành viên\",\r\n value: \"/#/product-member/list\",\r\n },\r\n {\r\n label: \"Tạo mới thành viên\",\r\n value: \"/#/product-member/create\",\r\n },\r\n {\r\n label: \"Danh sách hội viên\",\r\n value: \"/#/member/list\",\r\n },\r\n {\r\n label: \"Danh sách hạng\",\r\n value: \"/#/member-categories/list\",\r\n },\r\n {\r\n label: \"Tạo mới hạng\",\r\n value: \"/#/member-categories/create\",\r\n },\r\n {\r\n label: \"Điểm thành viên\",\r\n value: \"/#/user-point/list\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Sản phẩm member subcription\",\r\n options: [\r\n {\r\n label: \"Danh sách sản phẩm member subcription\",\r\n value: \"/#/product-member-subcription/list\",\r\n },\r\n {\r\n label: \"Tạo mới sản phẩm member subcription\",\r\n value: \"/#/product-member-subcription/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Thư viện video\",\r\n options: [\r\n {\r\n label: \"Thư viện\",\r\n value: \"/#/video-gallery/list\",\r\n },\r\n {\r\n label: \"Tải lên\",\r\n value: \"/#/video-gallery/create\",\r\n },\r\n {\r\n label: \"Danh sách\",\r\n value: \"/#/video/list\",\r\n },\r\n {\r\n label: \"Tạo mới\",\r\n value: \"/#/video/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Thư viện ảnh\",\r\n options: [\r\n {\r\n label: \"Thư viện\",\r\n value: \"/#/gallery/list\",\r\n },\r\n {\r\n label: \"Tải lên\",\r\n value: \"/#/gallery/upload\",\r\n },\r\n {\r\n label: \"Phân loại ảnh\",\r\n value: \"/#/image-categories/list\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Form builder\",\r\n options: [\r\n {\r\n label: \"Tạo form\",\r\n value: \"/#/form-builder/create\",\r\n },\r\n {\r\n label: \"Danh sách form\",\r\n value: \"/#/form-builder/list\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Khóa học\",\r\n options: [\r\n {\r\n label: \"Danh sách khóa học\",\r\n value: \"/#/course/v2/list\",\r\n },\r\n {\r\n label: \"Tạo mới khóa học\",\r\n value: \"/#/course/v2/create\",\r\n },\r\n ],\r\n },\r\n\r\n {\r\n label: \"Sản phẩm khóa học\",\r\n options: [\r\n {\r\n label: \"Danh sách sản phẩm khóa học\",\r\n value: \"/#/course/list\",\r\n },\r\n {\r\n label: \"Tạo mới sản phẩm khóa học\",\r\n value: \"/#/course/create\",\r\n },\r\n ],\r\n },\r\n\r\n {\r\n label: \"Học liệu chia sẻ\",\r\n options: [\r\n {\r\n label: \"Danh sách học liệu chia sẻ\",\r\n value: \"/#/course/categories\",\r\n },\r\n {\r\n label: \"Tạo mới học liệu chia sẻ\",\r\n value: \"/#/course/categories/create\",\r\n },\r\n {\r\n label: \"Phân quyền học liệu chia sẻ\",\r\n value: \"/#/course/read-privilege\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Thư viện sách\",\r\n options: [\r\n {\r\n label: \"Danh sách sách\",\r\n value: \"#/books/list\",\r\n },\r\n {\r\n label: \"Tạo mới sách\",\r\n value: \"#/books/create\",\r\n },\r\n {\r\n label: \"Phân loại sách\",\r\n value: \"#/books/categories\",\r\n },\r\n {\r\n label: \"Tạo mới phân loại sách\",\r\n value: \"#/books/categories/create\",\r\n },\r\n {\r\n label: \"Danh sách sách liên merchant\",\r\n value: \"#/books/list-multi-merchant\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Thư viện slide bài giảng\",\r\n options: [\r\n {\r\n label: \"Danh sách\",\r\n value: \"#/slide/list\",\r\n },\r\n {\r\n label: \"Tạo mới\",\r\n value: \"#/slide/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Thư viện video bài giảng\",\r\n options: [\r\n {\r\n label: \"Danh sách video bài giảng\",\r\n value: \"/#/video-gallery/list\",\r\n },\r\n {\r\n label: \"Tạo mới video bài giảng\",\r\n value: \"/#/video-gallery/create\",\r\n },\r\n {\r\n label: \"Danh sách video kèm nội dung\",\r\n value: \"/#/video/list\",\r\n },\r\n {\r\n label: \"Tạo mới video kèm nội dung\",\r\n value: \"/#/video/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Thư viện video Quiz\",\r\n options: [\r\n {\r\n label: \"Tạo mới video quiz\",\r\n value: \"/#/quiz-video/create\",\r\n },\r\n {\r\n label: \"Danh sách video quiz\",\r\n value: \"/#/quiz-video/list\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Thư viện câu hỏi, kiểm tra\",\r\n options: [\r\n {\r\n label: \"Danh sách câu hỏi, kiểm tra\",\r\n value: \"/#/quiz/list\",\r\n },\r\n {\r\n label: \"Tạo mới câu hỏi, kiểm tra\",\r\n value: \"/#/quiz/create\",\r\n },\r\n {\r\n label: \"Danh sách kết quả\",\r\n value: \"/#/quiz/result\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Thư viện câu hỏi, kiểm tra\",\r\n options: [\r\n {\r\n label: \"Danh sách câu hỏi, kiểm tra\",\r\n value: \"/#/quiz/list\",\r\n },\r\n {\r\n label: \"Tạo mới câu hỏi, kiểm tra\",\r\n value: \"/#/quiz/create\",\r\n },\r\n {\r\n label: \"Danh sách kết quả\",\r\n value: \"/#/quiz/result\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Thành viên\",\r\n options: [\r\n {\r\n label: \"Danh sách thành viên\",\r\n value: \"/#/user/list\",\r\n },\r\n {\r\n label: \"Tạo mới thành viên\",\r\n value: \"/#/user/create\",\r\n },\r\n {\r\n label: \"Nhóm thành viên\",\r\n value: \"/#/user-categories/list\",\r\n },\r\n {\r\n label: \"Tạo mới nhóm\",\r\n value: \"/#/user-categories/create\",\r\n },\r\n {\r\n label: \"Chăm sóc thành viên\",\r\n value: \"/#/user/kanban\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Email\",\r\n options: [\r\n {\r\n label: \"Danh sách email\",\r\n value: \"/#/email/list\",\r\n },\r\n {\r\n label: \"Tạo mới email\",\r\n value: \"/#/email/create\",\r\n },\r\n {\r\n label: \"Email đã gửi\",\r\n value: \"/#/email/sended/list\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Evoucher\",\r\n options: [\r\n {\r\n label: \"Danh sách evoucher\",\r\n value: \"/#/evoucher/list\",\r\n },\r\n {\r\n label: \"Tạo mới evoucher\",\r\n value: \"/#/evoucher/create\",\r\n },\r\n {\r\n label: \"Kích hoạt evoucher\",\r\n value: \"/#/evoucher/useevoucher\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Giao diện\",\r\n options: [\r\n {\r\n label: \"Thư viện giao diện\",\r\n value: \"/#/settings/theme\",\r\n },\r\n {\r\n label: \"Tùy chỉnh giao diện\",\r\n value: \"/#/theme\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Thanh điều hướng\",\r\n options: [\r\n {\r\n label: \"Danh sách thanh điều hướng\",\r\n value: \"/#/navigation/list\",\r\n },\r\n {\r\n label: \"Tạo mới thanh điều hướng\",\r\n value: \"/#/navigation/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Landing Page\",\r\n options: [\r\n {\r\n label: \"Danh sách landing page\",\r\n value: \"/#/landing-page/list\",\r\n },\r\n {\r\n label: \"Tạo mới landing page\",\r\n value: \"/#/landing-page/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Tiếp thị liên kết\",\r\n options: [\r\n {\r\n label: \"Cài đặt tiếp thị liên kết\",\r\n value: \"/#/report/setting\",\r\n },\r\n {\r\n label: \"Báo cáo tiếp thị liên kết\",\r\n value: \"/#/report/orderaffiliate\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Sự kiện\",\r\n options: [\r\n {\r\n label: \"Danh sách\",\r\n value: \"/#/events/list\",\r\n },\r\n {\r\n label: \"Tạo mới\",\r\n value: \"/#/events/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Cài đặt\",\r\n options: [\r\n {\r\n label: \"Cài đặt chung\",\r\n value: \"/#/settings/config-merchant\",\r\n },\r\n {\r\n label: \"Kết nối\",\r\n value: \"/#/settings/service-connectivites\",\r\n },\r\n {\r\n label: \"Cài đặt trang học viên\",\r\n value: \"/#/settings/config-elearning\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Rating\",\r\n options: [\r\n {\r\n label: \"Danh sách rating\",\r\n value: \"/#/rating/list\",\r\n },\r\n {\r\n label: \"Tạo mới rating\",\r\n value: \"/#/rating/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Thông báo\",\r\n options: [\r\n {\r\n label: \"Danh sách thông báo\",\r\n value: \"#/setting-notification/list\",\r\n },\r\n {\r\n label: \"Notification transactions\",\r\n value: \"#/setting-notification/transactions\",\r\n },\r\n {\r\n label: \"Tạo mới thông báo\",\r\n value: \"#/setting-notification/create\",\r\n },\r\n {\r\n label: \"Gửi thông báo\",\r\n value: \"#/setting-notification/send\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Địa chỉ\",\r\n options: [\r\n {\r\n label: \"Danh sách địa chỉ\",\r\n value: \"/#/address/list\",\r\n },\r\n {\r\n label: \"Tạo mới địa chỉ\",\r\n value: \"/#/address/create\",\r\n },\r\n {\r\n label: \"Danh sách phân loại địa chỉ\",\r\n value: \"/#/address-categories/list\",\r\n },\r\n {\r\n label: \"Tạo mới phân loại địa chỉ\",\r\n value: \"/#/address-categories/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Cài đặt theme web\",\r\n options: [\r\n {\r\n label: \"Danh sách theme\",\r\n value: \"#/theme-web/list\",\r\n },\r\n {\r\n label: \"Tạo mới theme\",\r\n value: \"#/theme-web/create\",\r\n },\r\n {\r\n label: \"Phân loại theme\",\r\n value: \"#/theme-web/categories/list\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Cài đặt sections\",\r\n options: [\r\n {\r\n label: \"Danh sách\",\r\n value: \"#/theme-web/list-section\",\r\n },\r\n {\r\n label: \"Tạo mới\",\r\n value: \"#/theme-web/section/create\",\r\n },\r\n {\r\n label: \"Phân loại\",\r\n value: \"#/theme-web/section/categories/list\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Theme template\",\r\n options: [\r\n {\r\n label: \"Danh sách\",\r\n value: \"/#/theme-template/list\",\r\n },\r\n {\r\n label: \"Tạo mới\",\r\n value: \"/#/theme-template/create\",\r\n },\r\n {\r\n label: \"Phân loại\",\r\n value: \"#/theme-template/categories/list\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Khuyến mại\",\r\n options: [\r\n {\r\n label: \"Tạo mới khuyến mại đơn hàng\",\r\n value: \"/#/promotion/create\",\r\n },\r\n {\r\n label: \"Tạo mới khuyến mại sản phẩm\",\r\n value: \"/#/promotion/create-product\",\r\n },\r\n {\r\n label: \"Danh sách khuyến mại\",\r\n value: \"/#/promotion/list\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Quản lý kho\",\r\n options: [\r\n {\r\n label: \"Danh sách kho\",\r\n value: \"#/warehouse/list\",\r\n },\r\n {\r\n label: \"Tạo mới kho\",\r\n value: \"#/warehouse/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Bảng Kanban\",\r\n options: [\r\n {\r\n label: \"Danh sách kanban\",\r\n value: \"/#/crm/kanban/list\",\r\n },\r\n {\r\n label: \"Tạo mới kanban\",\r\n value: \"/#/crm/kanban/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Loại merchant\",\r\n options: [\r\n {\r\n label: \"Danh sách loại merchant\",\r\n value: \"/#/merchant-type/list\",\r\n },\r\n {\r\n label: \"Tạo mới tính năng\",\r\n value: \"/#/merchant-type/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Tính năng Merchant\",\r\n options: [\r\n {\r\n label: \"Danh sách tính năng\",\r\n value: \"/#/feature/list\",\r\n },\r\n {\r\n label: \"Tạo mới tính năng\",\r\n value: \"/#/feature/create\",\r\n },\r\n {\r\n label: \"Phân quyền tính năng theo merchant\",\r\n value: \"/#/feature/features-merchant\",\r\n },\r\n {\r\n label: \"Phân quyền tính năng theo user\",\r\n value: \"/#/feature/features-user\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Sản phẩm Merchant\",\r\n options: [\r\n {\r\n label: \"Danh sách sản phẩm Merchant\",\r\n value: \"/#/product-mechant/list\",\r\n },\r\n {\r\n label: \"Tạo mới sản phẩm Merchant\",\r\n value: \"/#/product-mechant/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Phòng họp\",\r\n options: [\r\n {\r\n label: \"Đặt phòng\",\r\n value: \"/#/room-booking/rooms\",\r\n },\r\n {\r\n label: \"Phân loại phòng\",\r\n value: \"/#/room-booking/room-category\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Office\",\r\n options: [\r\n {\r\n label: \"Đặt Office\",\r\n value: \"/#/office-booking/book\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Merchant Type Code\",\r\n options: [\r\n {\r\n label: \"Danh sách\",\r\n value: \"/#/merchant-type-code/list\",\r\n },\r\n {\r\n label: \"Tạo mới\",\r\n value: \"/#/merchant-type-code/create\",\r\n },\r\n {\r\n label: \"Mapping\",\r\n value: \"/#/merchant-type-code/mapping-merchant-type\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Certificate\",\r\n options: [\r\n {\r\n label: \"Danh sách certificate\",\r\n value: \"/#/certificate/list\",\r\n },\r\n {\r\n label: \"Tạo mới certificate\",\r\n value: \"/#/certificate/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Bài viết khóa học\",\r\n options: [\r\n {\r\n label: \"Danh sách bài viết khóa học\",\r\n value: \"/#/course-article/list\",\r\n },\r\n {\r\n label: \"Tạo mới bài viết khóa học\",\r\n value: \"/#/course-article/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Sản phẩm kỳ nghỉ exchange\",\r\n options: [\r\n {\r\n label: \"Danh sách sản phẩm kỳ nghỉ exchange\",\r\n value: \"/#/exchange-vacation/list\",\r\n },\r\n {\r\n label: \"Tạo mới sản phẩm kỳ nghỉ exchange\",\r\n value: \"/#/exchange-vacation/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Sản phẩm phí\",\r\n options: [\r\n {\r\n label: \"Danh sách sản phẩm phí\",\r\n value: \"/#/fee-product/list\",\r\n },\r\n {\r\n label: \"Tạo mới sản phẩm phí\",\r\n value: \"/#/fee-product/create\",\r\n },\r\n {\r\n label: \"Danh sách phân loại sản phẩm phí\",\r\n value: \"/#/fee-product/categories/list\",\r\n },\r\n {\r\n label: \"Tạo mới phân loại sản phẩm phí\",\r\n value: \"/#/fee-product/categories/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Deposit\",\r\n options: [\r\n {\r\n label: \"Danh sách deposit\",\r\n value: \"/#/exchange-vacation/deposit/list\",\r\n },\r\n {\r\n label: \"Tạo mới deposit\",\r\n value: \"/#/exchange-vacation/deposit/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Hợp đồng\",\r\n value: \"/#/contract/list\",\r\n },\r\n {\r\n label: \"Danh sách công nợ\",\r\n value: \"/#/order/listdebt\",\r\n },\r\n {\r\n label: \"Cài đặt đặt lịch\",\r\n value: \"/#/room-booking/setting/config\",\r\n },\r\n {\r\n label: \"File\",\r\n options: [\r\n {\r\n label: \"Danh sách file\",\r\n value: \"/#/file/list\",\r\n },\r\n {\r\n label: \"Tạo mới file\",\r\n value: \"/#/file/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Quyền user\",\r\n options: [\r\n {\r\n label: \"Danh sách quyền user\",\r\n value: \"/#/user-right/list\",\r\n },\r\n {\r\n label: \"Tạo mới quyền user\",\r\n value: \"/#/user-right/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Meeting\",\r\n options: [\r\n {\r\n label: \"Danh sách meeting\",\r\n value: \"/#/meeting/list\",\r\n },\r\n {\r\n label: \"Tạo mới meeting\",\r\n value: \"/#/meeting/create\",\r\n },\r\n {\r\n label: \"Tạo mới recurring meeting\",\r\n value: \"/#/meeting/recurrence/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Notification template\",\r\n options: [\r\n {\r\n label: \"Danh sách Notification template\",\r\n value: \"/#/notification-template/list\",\r\n },\r\n {\r\n label: \"Tạo mới Notification template\",\r\n value: \"/#/notification-template/create\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"Sản phẩm điểm\",\r\n options: [\r\n {\r\n label: \"Danh sách sản phẩm điểm\",\r\n value: \"/#/product-exchange-point/list\",\r\n },\r\n {\r\n label: \"Tạo mới sản phẩm điểm\",\r\n value: \"/#/product-exchange-point/create\",\r\n },\r\n {\r\n label: \"Sửa sản phẩm điểm\",\r\n value: \"/#/product-exchange-point/edit\",\r\n },\r\n ],\r\n },\r\n];\r\n\r\nexport default navItemOptions;\r\n","export const SET_DATA = 'SET_DATA'\r\nexport const SET_STATE_ADDING_LANE = 'SET_STATE_ADDING_LANE'\r\n\r\nconst initState = {\r\n dataKanban: {\r\n lanes: [],\r\n },\r\n isAddingLane: false,\r\n}\r\n\r\nexport const setData = (data) => ({\r\n type: SET_DATA,\r\n data,\r\n})\r\n\r\nexport const setStateAddingLane = (data) => ({\r\n type: SET_STATE_ADDING_LANE,\r\n data,\r\n})\r\n\r\nexport default function reducer(state = initState, action) {\r\n switch (action.type) {\r\n case SET_DATA:\r\n return {\r\n ...state,\r\n dataKanban: action.data,\r\n }\r\n case SET_STATE_ADDING_LANE:\r\n return {\r\n ...state,\r\n isAddingLane: action.data,\r\n }\r\n default:\r\n return state\r\n }\r\n}\r\n","import { persistReducer } from 'redux-persist'\r\nimport storage from 'redux-persist/lib/storage'\r\nimport {\r\n cancelOrder,\r\n closePayment,\r\n failPayment,\r\n getAffiliateOrders,\r\n getOrderDetail,\r\n getOrders,\r\n processDelivery,\r\n} from '../Services/OrderService'\r\nimport Configuration from '../utils/configuration'\r\nimport { FAILURE, REQUEST, SUCCESS } from './ActionType'\r\n\r\nexport const ORDER = {\r\n GET_ORDER: 'order/GET_ORDER',\r\n GET_AFFILIATE_ORDER: 'order/GET_AFFILIATE_ORDER',\r\n GET_ORDER_DETAIL: 'order/SELECT_ORDER',\r\n SELECT_ORDER: 'order/SELECT_ORDER',\r\n CANCEL_ORDER: 'order/CANCEL_ORDER',\r\n CLEAR_ORDER_INFO_MESS: 'order/CLEAR_ORDER_INFO_MESS',\r\n ACCEPT: 'order/ACCEPT',\r\n REJECT: 'order/REJECT',\r\n PROCESS_DELIVERY_ORDER: 'order/PROCESS_DELIVERY_ORDER',\r\n\r\n CLOSE_PAYMENT: 'order/CLOSE_PAYMENT',\r\n FAIL_PAYMENT: 'order/FAIL_PAYMENT',\r\n}\r\n\r\nexport const closePaymentAction = (id) => ({\r\n type: ORDER.CLOSE_PAYMENT,\r\n payload: closePayment(id),\r\n})\r\nexport const failPaymentAction = (id) => ({\r\n type: ORDER.FAIL_PAYMENT,\r\n payload: failPayment(id),\r\n})\r\n\r\nexport const processDeliveryAction = (value) => ({\r\n type: ORDER.PROCESS_DELIVERY_ORDER,\r\n payload: processDelivery(value),\r\n})\r\n\r\nexport const getOrdersAction = (option) => ({\r\n type: ORDER.GET_ORDER,\r\n payload: getOrders(option),\r\n})\r\n\r\nexport const getAffiliateOrdersAction = (\r\n textSearch,\r\n allStatus,\r\n sort,\r\n order,\r\n limt,\r\n offset\r\n) => ({\r\n type: ORDER.GET_AFFILIATE_ORDER,\r\n payload: getAffiliateOrders(textSearch, allStatus, sort, order, limt, offset),\r\n})\r\n\r\nexport const getOrderDetailAction = (orderId) => ({\r\n type: ORDER.GET_ORDER_DETAIL,\r\n payload: getOrderDetail(orderId),\r\n})\r\n\r\nexport const cancelOrderAction = (cancelOrderDTO) => ({\r\n type: ORDER.CANCEL_ORDER,\r\n payload: cancelOrder(cancelOrderDTO),\r\n})\r\n\r\nexport const clearOrderMessageAction = () => ({\r\n type: ORDER.CLEAR_ORDER_INFO_MESS,\r\n payload: {},\r\n})\r\n\r\nexport const acceptOrder = (id) => ({\r\n type: ORDER.ACCEPT,\r\n id: id,\r\n})\r\n\r\nexport const rejectOrder = (id) => ({\r\n type: ORDER.REJECT,\r\n id: id,\r\n})\r\n\r\nconst initialState = {\r\n orders: [],\r\n}\r\n\r\nexport const reducer = persistReducer(\r\n {\r\n storage,\r\n key: 'order',\r\n blacklist: ['orders', 'isLoading', 'cancelOrderResult'],\r\n },\r\n (state = initialState, action) => {\r\n // export default function reducer(state = initialState, action) {\r\n switch (action.type) {\r\n case REQUEST(ORDER.CLOSE_PAYMENT):\r\n return {\r\n ...state,\r\n isLoading: true,\r\n }\r\n case FAILURE(ORDER.CLOSE_PAYMENT):\r\n return {\r\n ...state,\r\n isLoading: false,\r\n }\r\n case SUCCESS(ORDER.CLOSE_PAYMENT):\r\n var temp = action.payload\r\n if (temp.data.Success) {\r\n return {\r\n ...state,\r\n orders: {\r\n ...state.orders,\r\n items: state.orders.items.map((order) => {\r\n if (order.paymentId === action.payload.data.Id) {\r\n //order.paymentAllStatus = 33554432;\r\n //order.delivery.trackingCode = action.value.TrackingCode;\r\n return {\r\n ...order,\r\n paymentAllStatus: Configuration.statusPayment.SUCCESS,\r\n }\r\n }\r\n return order\r\n }),\r\n },\r\n }\r\n }\r\n return {\r\n ...state,\r\n }\r\n\r\n case REQUEST(ORDER.GET_ORDER):\r\n return {\r\n ...state,\r\n cancelOrderResult: '',\r\n isLoading: true,\r\n }\r\n case FAILURE(ORDER.GET_ORDER):\r\n return {\r\n ...state,\r\n cancelOrderResult: '',\r\n isLoading: false,\r\n }\r\n case SUCCESS(ORDER.GET_ORDER):\r\n return {\r\n ...state,\r\n cancelOrderResult: '',\r\n orders: action.payload.orderconfirmeds,\r\n isLoading: false,\r\n }\r\n case REQUEST(ORDER.GET_AFFILIATE_ORDER):\r\n return {\r\n ...state,\r\n cancelOrderResult: '',\r\n isLoading: true,\r\n }\r\n case FAILURE(ORDER.GET_AFFILIATE_ORDER):\r\n return {\r\n ...state,\r\n cancelOrderResult: '',\r\n isLoading: false,\r\n }\r\n case SUCCESS(ORDER.GET_AFFILIATE_ORDER):\r\n return {\r\n ...state,\r\n cancelOrderResult: '',\r\n orders: action.payload.affiliateorders,\r\n isLoading: false,\r\n }\r\n\r\n case REQUEST(ORDER.CANCEL_ORDER):\r\n return {\r\n ...state,\r\n cancelOrderResult: '',\r\n isLoading: true,\r\n }\r\n case FAILURE(ORDER.CANCEL_ORDER):\r\n return {\r\n ...state,\r\n cancelOrderResult: '',\r\n isLoading: false,\r\n }\r\n\r\n case SUCCESS(ORDER.CANCEL_ORDER):\r\n return {\r\n ...state,\r\n cancelOrderResult: action.payload.Success\r\n ? 'Hủy đơn hàng thành công'\r\n : action.payload.Message,\r\n isLoading: false,\r\n }\r\n case REQUEST(ORDER.PROCESS_DELIVERY_ORDER):\r\n return {\r\n ...state,\r\n isLoading: false,\r\n }\r\n case FAILURE(ORDER.PROCESS_DELIVERY_ORDER):\r\n return {\r\n ...state,\r\n // orders: {\r\n // ...state.orders,\r\n // items: state.orders.items.map((order) => {\r\n // if (order.id === action.orderId) {\r\n // order.delivery.allStatus = 1;\r\n // order.delivery.trackingCode = \"\";\r\n // return {\r\n // ...order,\r\n // deliveryAllStatus: order.delivery.allStatus\r\n\r\n // };\r\n // }\r\n // return order;\r\n // }),\r\n // },\r\n }\r\n case SUCCESS(ORDER.PROCESS_DELIVERY_ORDER):\r\n var temp = action.payload\r\n if (temp.data.Success) {\r\n return {\r\n ...state,\r\n orders: {\r\n ...state.orders,\r\n items: state.orders.items.map((order) => {\r\n if (\r\n order.delivery != null &&\r\n order.delivery.id === action.payload.data.Id\r\n ) {\r\n order.delivery.allStatus =\r\n Configuration.statusDelivery.PROCESS\r\n //order.delivery.trackingCode = action.value.TrackingCode;\r\n return {\r\n ...order,\r\n deliveryAllStatus: order.delivery.allStatus,\r\n }\r\n }\r\n return order\r\n }),\r\n },\r\n }\r\n }\r\n return {\r\n ...state,\r\n }\r\n\r\n case ORDER.CLEAR_ORDER_INFO_MESS:\r\n return {\r\n ...state,\r\n cancelOrderResult: '',\r\n }\r\n case ORDER.ACCEPT:\r\n return {\r\n ...state,\r\n orders: {\r\n ...state.orders,\r\n items: state.orders.items.map((order) => {\r\n if (order.id === action.id) {\r\n return {\r\n ...order,\r\n allStatus: Configuration.statusOrder.SUCCESS,\r\n }\r\n }\r\n return order\r\n }),\r\n },\r\n }\r\n case ORDER.REJECT:\r\n return {\r\n ...state,\r\n orders: {\r\n ...state.orders,\r\n items: state.orders.items.map((order) => {\r\n if (order.id === action.id) {\r\n return {\r\n ...order,\r\n allStatus: Configuration.statusOrder.FAIL,\r\n }\r\n }\r\n return order\r\n }),\r\n },\r\n }\r\n\r\n default:\r\n return state\r\n }\r\n }\r\n)\r\n","import classnames from \"classnames\";\r\nimport React, { Fragment, useEffect, useState } from \"react\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport Pagination from \"react-js-pagination\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n Button,\r\n Col,\r\n Modal,\r\n ModalBody,\r\n ModalFooter,\r\n ModalHeader,\r\n Nav,\r\n NavItem,\r\n NavLink,\r\n Row,\r\n TabContent,\r\n TabPane,\r\n} from \"reactstrap\";\r\nimport {\r\n loadPickedImages,\r\n loadPickedThumbnailImages,\r\n updateAllImages,\r\n} from \"../../../reducers/Partial\";\r\nimport { getData } from \"../../../utils/data\";\r\nimport GridImage from \"./GridImage.1\";\r\nimport IzziLibrary from \"./IzziLibrary\";\r\n\r\nfunction ModalImageCallBack({\r\n pickOne,\r\n thumbnail,\r\n loadPickedImages,\r\n loadPickedThumbnailImages,\r\n onChange,\r\n getPickImages,\r\n}) {\r\n const [modal, setModal] = useState(false);\r\n const [images, setImages] = useState(null);\r\n const [pickImages, setPickImages] = useState([]);\r\n const [totalCount, setTotalCount] = useState(0);\r\n const [activeTab, toggleTab] = useState(\"1\");\r\n\r\n const [activePage, setActivePage] = useState(1);\r\n const PER_PAGE = 11;\r\n\r\n let loadPickedImage = thumbnail ? loadPickedThumbnailImages : loadPickedImages;\r\n\r\n useEffect(() => {\r\n getData.getImages({ limit: PER_PAGE, offset: PER_PAGE * (activePage - 1) }).then((result) => {\r\n // updateAllImages(result.images.items);\r\n if(result.images != null){\r\n setImages(result.images.items);\r\n setTotalCount(result.images.totalCount);\r\n }\r\n \r\n });\r\n }, []);\r\n\r\n const { handleSubmit, register } = useForm();\r\n const onSubmit = (values) => {\r\n getData\r\n .getImages({\r\n keyword: values.keyword,\r\n limit: PER_PAGE,\r\n offset: PER_PAGE * (activePage - 1),\r\n })\r\n .then((result) => {\r\n console.log(result.images.items);\r\n // updateAllImages(result.images.items);\r\n setImages(result.images.items);\r\n setTotalCount(result.images.totalCount);\r\n });\r\n };\r\n\r\n const toggle = () => {\r\n if (modal) {\r\n setPickImages([]);\r\n }\r\n return setModal(!modal);\r\n };\r\n\r\n const handlePageChange = (page) => {\r\n setImages(null);\r\n getData.getImages({ limit: PER_PAGE, offset: PER_PAGE * (page - 1) }).then((result) => {\r\n setImages(result.images.items);\r\n setTotalCount(result.images.totalCount);\r\n });\r\n console.log(page);\r\n setActivePage(page);\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 deleteFileHandler(value.id)}\r\n >\r\n
\r\n \r\n
\r\n \"\r\n firstPageText=\"<<\"\r\n lastPageText=\">>\"\r\n activePage={activePage}\r\n itemsCountPerPage={PER_PAGE}\r\n totalItemsCount={totalCount}\r\n onChange={handlePageChange}\r\n />\r\n
\r\n Chưa có ảnh
\r\n \r\n )}\r\n\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default ListImageCallback;\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Card, CardBody, CardHeader } from \"reactstrap\";\r\nimport { loadPickedImages } from \"../../../reducers/Partial\";\r\nimport ListImages from \"./ListImages\";\r\nimport ModalImage from \"./ModalImage\";\r\nimport ModalImageCallBack from \"./ModalImageCallBack\";\r\nimport ListImageCallback from \"./ListImagesCallback\";\r\n\r\nfunction ImagePartialCallBack({\r\n thumbnail,\r\n pickOne,\r\n getPickImages,\r\n loadPickedImages,\r\n loadPickedThumbnailImages,\r\n images = [],\r\n thumbnailImages = [],\r\n title,\r\n}) {\r\n return (\r\n \r\n {\r\n updateImages(imgs.filter((val) => val.id !== value.id));\r\n }}\r\n >\r\n
*/}\r\n \r\n {title ? title : thumbnail ? \"Ảnh đại diện\" : \"Ảnh\"}\r\n
\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.props.allLanguage.map((item, i) => (\r\n \r\n
\r\n \r\n
\r\n Chọn ngôn ngữ
\r\n\r\n \r\n {\r\n this.cloneData()\r\n this.setState({\r\n title: renderToStaticMarkup(
\r\n \r\n this.setState({ show: true })}\r\n >\r\n Show Alert\r\n \r\n this.setState({ show: false })}\r\n />\r\n
\r\n \r\n
\r\n ),\r\n },\r\n {\r\n Header: 'Trạng thái',\r\n accessor: 'published',\r\n Cell: (props) => (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {value.name}
\r\n \r\n {/* \r\n SKU: {value.sku}\r\n */}\r\n
\r\n \r\n {props.value ? (\r\n
\r\n ),\r\n },\r\n {\r\n Header: 'Giá',\r\n accessor: 'price',\r\n Cell: ({ value }) => {\r\n return (\r\n Đã phát hành
\r\n ) : (\r\n Chưa phát hành
\r\n )}\r\n \r\n {Common.formatNumber(value, 0)}\r\n đ\r\n
\r\n )\r\n },\r\n },\r\n {\r\n Header: 'Số ghế tối đa',\r\n accessor: 'capacity',\r\n Cell: ({ value }) => {\r\n return {value}
\r\n },\r\n },\r\n {\r\n Header: 'Danh mục',\r\n accessor: 'categories',\r\n Cell: ({ value }) => {\r\n return (\r\n \r\n {value.length > 0 ? value.map((val) => val.name).join(', ') : 'N/A'}\r\n
\r\n )\r\n },\r\n },\r\n {\r\n Header: 'Thuộc phòng',\r\n accessor: (p) => p,\r\n Cell: ({ value }) => {\r\n const item = value && value.productVariants && value.productVariants[0]\r\n return {item && item.name}
\r\n },\r\n },\r\n {\r\n Header: 'Ngày cập nhật',\r\n accessor: 'modifiedDate',\r\n Cell: ({ value }) => (\r\n {moment(new Date(value)).format('HH:mm, DD-MM-YYYY')}\r\n ),\r\n },\r\n {\r\n Header: 'Action',\r\n accessor: (a) => a,\r\n Cell: ({ value }) => (\r\n \r\n \r\n \r\n ),\r\n },\r\n]\r\n\r\nfunction RoomList(props) {\r\n const [data, loading, pageCount, fetchData, totalCount] = useFetchDataTable(\r\n (options) =>\r\n getProducts({\r\n type: props.type,\r\n ...options,\r\n })\r\n )\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n postData.deleteItemCommand('Product', 'DeleteProductVersion01', ids)\r\n }\r\n type={props.type}\r\n changeStatusCommand={(changeStatuses) =>\r\n postData.changeStatusCommand(\r\n 'Product',\r\n 'ChangeStatusPublishProduct',\r\n changeStatuses\r\n )\r\n }\r\n // categoryType={Configuration.categoryTypes.PRODUCT}\r\n />\r\n
\r\n )\r\n}\r\n\r\nRoomList.propTypes = {}\r\n\r\nexport default RoomList\r\n","import PropTypes from 'prop-types'\r\nimport React, { useEffect, useState } from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport { Button, Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap'\r\nimport TableList from '../TableList/TableList'\r\n\r\nfunction PickSortableListModal({\r\n isOpen,\r\n setIsOpen,\r\n checkItems,\r\n setCheckItems,\r\n apiCommand,\r\n createLink,\r\n}) {\r\n const [_checkItems, _setCheckItems] = useState(checkItems ? checkItems : [])\r\n\r\n useEffect(() => {\r\n if (isOpen) {\r\n _setCheckItems(checkItems)\r\n } else {\r\n _setCheckItems([])\r\n }\r\n }, [isOpen])\r\n\r\n const onSave = () => {\r\n setCheckItems(_checkItems)\r\n toggle()\r\n }\r\n\r\n const toggle = () => {\r\n setIsOpen(!isOpen)\r\n }\r\n\r\n const columns = [\r\n {\r\n Header: 'Tên',\r\n accessor: 'name',\r\n },\r\n {\r\n Header: 'Trạng thái',\r\n accessor: 'published',\r\n Cell: (props) => (\r\n \r\n {props.value ? (\r\n
\r\n ),\r\n },\r\n ]\r\n return (\r\n Đã phát hành
\r\n ) : (\r\n Chưa phát hành
\r\n )}\r\n \r\n
\r\n \r\n Danh sách\r\n
\r\n \r\n {createLink ? (\r\n \r\n \r\n \r\n ) : null}\r\n
\r\n \r\n {previewImage.name.length > 20\r\n ? previewImage.name.substring(1, 30) + '...'\r\n : previewImage.name}\r\n {/* Thứ tự: {previewImage.displayOrder}, Nổi bật: {previewImage.isFeatured ? \"YES\" : \"NO\"} */}\r\n
\r\n \r\n {\r\n this.props.removeImage(index)\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n All caught up!
\r\n There are no system errors!
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {notification != null && notification.items != null &&\r\n notification.items.map((item, i) => (\r\n \r\n \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.message}{\" \"}\r\n \r\n {\" \"}\r\n
All Hands Meeting
\r\n \r\n\r\n Another meeting today, at 12:00 PM\r\n
\r\n \r\nBuild the production release
\r\n \r\nAll Hands Meeting
\r\n \r\nFontAwesome Icons
\r\n \r\nBuild the production release
\r\n \r\n\r\n Another meeting today, at 12:00 PM\r\n
\r\n */}\r\n \r\n\r\n \r\n
\r\n Thông báo
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Thông báo
\r\n\r\n Bạn có {notification != null && notification.totalCount} tin nhắn chưa đọc\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Bảng điều khiển
\r\n\r\n Dễ dàng truy cập nhanh\r\n
\r\n\r\n \r\n \r\n \r\n {' '}\r\n \r\n Bảng điều khiển chính\r\n \r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n Báo cáo đơn hàng\r\n \r\n \r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n Cấu hình chung\r\n \r\n \r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n Bài viết\r\n \r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n Sản phẩm\r\n \r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n Thành viên\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n All Hands Meeting
\r\n\r\n Another meeting today, at{' '}\r\n 12:00 PM\r\n
\r\n\r\n Build the production release\r\n
\r\nAll Hands Meeting
\r\n\r\n FontAwesome Icons\r\n
\r\n\r\n Build the production release\r\n
\r\n\r\n Another meeting today, at{' '}\r\n 12:00 PM\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n All caught up!
\r\n There are no system errors!
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {' '}\r\n \r\n }\r\n >\r\n \r\n {' '}\r\n \r\n }\r\n >\r\n \r\n {' '}\r\n \r\n }\r\n >\r\n \r\n {' '}\r\n \r\n }\r\n >\r\n \r\n {' '}\r\n \r\n }\r\n >\r\n \r\n {' '}\r\n \r\n }\r\n >\r\n \r\n {' '}\r\n \r\n }\r\n >\r\n \r\n {' '}\r\n \r\n }\r\n >\r\n
\r\n All Hands Meeting
\r\n\r\n Lorem ipsum dolor sic amet, today at{' '}\r\n 12:00 PM\r\n
\r\n \r\n\r\n Another meeting today, at{' '}\r\n 12:00 PM\r\n
\r\n\r\n Yet another one, at{' '}\r\n 15:00 PM\r\n
\r\n \r\n\r\n Build the production release\r\n
\r\n\r\n Lorem ipsum dolor sit amit,consectetur eiusmdd tempor\r\n incididunt ut labore et dolore magna elit enim at minim\r\n veniam quis nostrud\r\n
\r\n \r\n\r\n Something not important\r\n
\r\n\r\n Lorem ipsum dolor sit amit,consectetur elit enim at minim\r\n veniam quis nostrud\r\n
\r\n \r\nAll Hands Meeting
\r\n\r\n Lorem ipsum dolor sic amet, today at{' '}\r\n 12:00 PM\r\n
\r\n \r\n\r\n Another meeting today, at{' '}\r\n 12:00 PM\r\n
\r\n\r\n Yet another one, at{' '}\r\n 15:00 PM\r\n
\r\n \r\n\r\n Build the production release\r\n
\r\n\r\n Lorem ipsum dolor sit amit,consectetur eiusmdd tempor\r\n incididunt ut labore et dolore magna elit enim at minim\r\n veniam quis nostrud\r\n
\r\n \r\n\r\n Something not important\r\n
\r\n\r\n Lorem ipsum dolor sit amit,consectetur elit enim at minim\r\n veniam quis nostrud\r\n
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {_.get(this.state, 'user.FullName')}\r\n
\r\n \r\n {_.get(this.state, 'user.Mobile')}\r\n
\r\n \r\n \r\n Logout\r\n \r\n
\r\n \r\n
\r\n \r\n {_.get(this.state, 'user.FullName')}\r\n
\r\n \r\n {/* VP People Manager */}\r\n
\r\n \r\n //
\r\n // \r\n //
\r\n // \r\n\r\n //
\r\n // \r\n //
\r\n // \r\n // {_.get(this.state, 'user.FullName')}\r\n //
\r\n // \r\n // \r\n // Logout\r\n // \r\n //
\r\n\r\n // \r\n {/* this.trial()}\r\n >\r\n \r\n Dùng thử\r\n */}\r\n\r\n {/*
\r\n \r\n
\r\n \r\n \r\n Không có ảnh nào được chọn
\r\n )}\r\n\r\n
\r\n \r\n )\r\n})\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n images: state.Partial.images,\r\n imagesHelpDesk: state.Partial.imagesHelpDesk,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = {\r\n loadPickedImages,\r\n loadPickedImagesHelpDesk,\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ListImage)\r\n","import React, { Fragment } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { Card, CardBody, CardHeader } from 'reactstrap'\r\nimport { loadPickedImages } from '../../reducers/Partial'\r\nimport Configuration from '../../utils/configuration'\r\nimport ListImage from './ListImages'\r\nimport ModalImagesButton from './ModalImagesButton'\r\nclass ImagesPicker extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {}\r\n }\r\n\r\n componentDidMount() {}\r\n\r\n toggle() {\r\n this.setState({\r\n modal: !this.state.modal,\r\n })\r\n }\r\n\r\n onSubmitHandler = () => {\r\n if (this.state.previewImage !== undefined)\r\n this.props.loadPickedImages([\r\n ...this.props.images,\r\n this.state.previewImage,\r\n ])\r\n }\r\n\r\n render() {\r\n let imageThumbnail = this.props.images.find((image) => {\r\n if (image) return image.isFeatured\r\n else return false\r\n })\r\n\r\n imageThumbnail = imageThumbnail\r\n ? Configuration.image_url + imageThumbnail.path\r\n : null\r\n return (\r\n \r\n {/*
\r\n */}\r\n
*/}\r\n {/* \r\n
\r\n \r\n {value.name.length > 12\r\n ? value.name.substring(0, 12) + \"...\"\r\n : value.name}\r\n
\r\n \r\n {`Display Order: ${value.displayOrder}`}\r\n
\r\n */}\r\n {\r\n loadPickedImages(images.filter((val) => val.id !== value.id))\r\n }}\r\n >\r\n
*/}\r\n \r\n Ảnh đại diện\r\n
\r\n \r\n
\r\n Không có ảnh được chọn
\r\n )}\r\n\r\n Ảnh\r\n
\r\n \r\n
\r\n \r\n onChange(e.target.value)}\r\n style={{\r\n backgroundColor: \"#494e54\",\r\n color: \"rgba(255, 255, 255, 0.7)\",\r\n }}\r\n placeholder={\"Tìm kiếm chức năng\"}\r\n className=\"form-control\"\r\n type=\"search\"\r\n // id=\"example-search-input\"\r\n />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/*\r\n {showMenu && navItems != null\r\n ? navItems.map((navItem) => (\r\n
\r\n \r\n \r\n \r\n {navItem.name}\r\n \r\n
\r\n ))\r\n : null}\r\n {/*{}*/}\r\n \r\n
\r\n ),\r\n // The cell can use the individual row's getToggleRowSelectedProps method\r\n // to the render a checkbox\r\n Cell: ({ row }) => {\r\n const checkProps = {};\r\n if (disableItemIds.includes(row.original.id)) {\r\n checkProps.checked = true;\r\n checkProps.disabled = true;\r\n checkProps.style = {\r\n cursor: \"disabled\",\r\n };\r\n }\r\n return (\r\n \r\n
\r\n );\r\n },\r\n },\r\n ...columns,\r\n ]);\r\n }\r\n );\r\n\r\n const {\r\n getTableProps,\r\n getTableBodyProps,\r\n headerGroups,\r\n page,\r\n prepareRow,\r\n allColumns,\r\n pageCount,\r\n gotoPage,\r\n setPageSize,\r\n toggleRowExpanded,\r\n state: { selectedRowIds, pageIndex, pageSize, sortBy },\r\n } = tableInstance;\r\n\r\n useEffect(() => {\r\n gotoPage(0);\r\n fetchData({\r\n pageIndex: 0,\r\n pageSize,\r\n // keyword: searchText,\r\n // categoryIds: pickCategories ? pickCategories.map((category) => category.value) : null,\r\n ...filterParams,\r\n });\r\n }, [pickCategories, filterParams]);\r\n\r\n useEffect(() => {\r\n const params = {\r\n pageIndex,\r\n pageSize,\r\n // keyword: searchText,\r\n // categoryIds: pickCategories ? pickCategories.map((category) => category.value) : null,\r\n ...filterParams,\r\n };\r\n if (sortBy.length > 0) {\r\n params.sort = sortBy[0].id;\r\n params.order = sortBy[0].desc ? \"desc\" : \"asc\";\r\n }\r\n fetchData(params);\r\n }, [pageIndex, pageSize, sortBy]);\r\n\r\n const deleteHandler = async (e) => {\r\n e.preventDefault();\r\n const { value } = await Swal.fire({\r\n title: \"Vui lòng xác nhận\",\r\n text: \"Bạn có chắc muốn xóa bản ghi này không\",\r\n icon: \"question\",\r\n showCancelButton: true,\r\n });\r\n if (value) {\r\n const ids = getPickItems(data, selectedRowIds).map((val) => val.id);\r\n setActionLoading(true);\r\n const res = await deleteCommand(ids);\r\n setActionLoading(false);\r\n const { Success, Message } = res.data;\r\n if (!Success) {\r\n toast[\"error\"](Message);\r\n return;\r\n }\r\n\r\n fetchData({ pageIndex, pageSize, ...filterParams });\r\n }\r\n };\r\n useEffect(() => {\r\n if (refetch) {\r\n fetchData({ pageIndex, pageSize, ...filterParams });\r\n }\r\n }, [refetch]);\r\n useEffect(() => {\r\n if (categoryType)\r\n getData.getSelectionCategories({ type: categoryType }).then((res) => {\r\n setCategories([\r\n { name: \"Lọc không theo phân loại\", id: Common.GUID_EMPTY },\r\n ...res.categories.items,\r\n ]);\r\n });\r\n if (categorySubType)\r\n getData.getSelectionCategories({ type: categorySubType }).then((res) => {\r\n setCategoriesSubType([\r\n { name: \"Lọc không theo phân loại\", id: Common.GUID_EMPTY },\r\n ...res.categories.items,\r\n ]);\r\n });\r\n return () => {};\r\n }, []);\r\n\r\n const updateStatusHandler = async (e) => {\r\n e.preventDefault();\r\n const items = getPickItems(data, selectedRowIds);\r\n if (items.length < 1) return;\r\n const isPublish = Object.keys(items[0]).includes(\"published\");\r\n setActionLoading(true);\r\n const { Success, Message } = await changeStatusCommand(\r\n items.map((item) => {\r\n if (isPublish)\r\n return {\r\n Id: item.id,\r\n Publish: item.published,\r\n };\r\n return {\r\n Id: item.id,\r\n Activate: item.active,\r\n };\r\n })\r\n );\r\n setActionLoading(false);\r\n if (!Success) toast[\"error\"](Message);\r\n\r\n fetchData({ pageIndex, pageSize, ...filterParams });\r\n };\r\n\r\n const filterHandler = (e) => {\r\n e.preventDefault();\r\n // there are a problem here\r\n const searchText = searchRef.current.value;\r\n const _filterParams = {\r\n keyword: searchText,\r\n categoryIds: []\r\n };\r\n if (categoryPickRef.current) {\r\n _filterParams.categoryIds = [\r\n ..._filterParams.categoryIds,\r\n ...(categoryPickRef.current.state.value || []).map((val) => val.value),\r\n ];\r\n }\r\n if (categorySubTypePickRef.current) {\r\n _filterParams.categoryIds = [\r\n ..._filterParams.categoryIds,\r\n ...(categorySubTypePickRef.current.state.value || []).map((val) => val.value),\r\n ];\r\n }\r\n if (customFilter) {\r\n const parsedFilterParams = customFilter.parseParams(tempFilterParams) || {};\r\n for (let key of Object.keys(parsedFilterParams)) {\r\n _filterParams[key] = parsedFilterParams[key];\r\n }\r\n }\r\n\r\n setFilterParams(_filterParams);\r\n };\r\n\r\n const addToCategoryHandler = async (e) => {\r\n const pickCates = categoryAddPickRef.current.state.value;\r\n if (pickCates.length > 0) {\r\n const items = getPickItems(data, selectedRowIds);\r\n if (items.length < 1) return;\r\n\r\n setActionLoading(true);\r\n const { Success, Message } = await addToCategoryCommand(\r\n items.map((item) => item.id),\r\n pickCates.map((val) => val.value)\r\n );\r\n setActionLoading(false);\r\n if (!Success) toast[\"error\"](Message);\r\n\r\n fetchData({ pageIndex, pageSize });\r\n }\r\n };\r\n\r\n const removeCategoryHandler = async (e) => {\r\n const pickCates = categoryAddPickRef.current.state.value;\r\n if (pickCates.length > 0) {\r\n const items = getPickItems(data, selectedRowIds);\r\n if (items.length < 1) return;\r\n\r\n setActionLoading(true);\r\n const { Success, Message } = await removeCategoryCommand(\r\n items.map((item) => item.id),\r\n pickCates.map((val) => val.value)\r\n );\r\n setActionLoading(false);\r\n if (!Success) toast[\"error\"](Message);\r\n\r\n fetchData({ pageIndex, pageSize });\r\n }\r\n };\r\n\r\n useImperativeHandle(ref, () => ({\r\n reset: () => {\r\n fetchData({ pageIndex, pageSize, ...filterParams });\r\n },\r\n }));\r\n\r\n return (\r\n \r\n {!hideFunction ? (\r\n \r\n \r\n setIsOpenCollapse(!isOpenCollapse)}\r\n className=\"mb-2 mr-2 btn-icon btn-square btn btn-light\"\r\n >\r\n \r\n Lọc\r\n \r\n \r\n \r\n \r\n {/* {exportable ? (\r\n ) : null} */}\r\n {importable ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n File mẫu\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {\r\n setDropdownOpen(!dropdownOpen);\r\n }}\r\n >\r\n \r\n Nội dung hiển thị\r\n \r\n \r\n {allColumns\r\n .filter((column) => column.id !== \"selection\")\r\n .map((column) => {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {customFilter ? (\r\n
\r\n \r\n \r\n ) : null}\r\n \r\n \r\n {\r\n // Loop over the header rows\r\n headerGroups.map((headerGroup) => (\r\n // Apply the header row props\r\n \r\n {\r\n // Loop over the headers in each row\r\n headerGroup.headers.map((column) => (\r\n // Apply the header cell props\r\n \r\n {\r\n // Render the header\r\n column.render(\"Header\")\r\n }\r\n \r\n {column.isSorted ? (\r\n column.isSortedDesc ? (\r\n \r\n ) : (\r\n \r\n )\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n ))\r\n }\r\n \r\n ))\r\n }\r\n \r\n {/* Apply the table body props */}\r\n \r\n {Object.keys(selectedRowIds).length > 0 ? (\r\n \r\n \r\n {Object.keys(selectedRowIds).length} bản ghi đã chọn -{\" \"}\r\n {deleteCommand ? (\r\n \r\n Xóa{\" / \"}\r\n \r\n ) : null}\r\n {changeStatusCommand ? (\r\n \r\n Đổi trạng thái{\" / \"}\r\n \r\n ) : null}\r\n {pickActions && pickActions.length > 0\r\n ? pickActions.map((action) => (\r\n {\r\n event.preventDefault();\r\n const items = getPickItems(data, selectedRowIds);\r\n action.handleClick(items);\r\n }}\r\n >\r\n {action.name}{\" \"}\r\n \r\n ))\r\n : null}\r\n {addToCategoryCommand ? (\r\n {\r\n e.preventDefault();\r\n setAddToCategoryOpen(!addToCategoryOpen);\r\n }}\r\n >\r\n Thêm vào/xóa khỏi - phân loại\r\n \r\n ) : null}\r\n \r\n \r\n ) : null}\r\n {Object.keys(selectedRowIds).length > 0 && addToCategoryOpen ? (\r\n \r\n \r\n ({\r\n ...provided,\r\n minWidth: \"200\",\r\n }),\r\n }}\r\n placeholder=\"Thêm vào phân loại\"\r\n options={categories.map((val) => ({\r\n label: val.name,\r\n value: val.id,\r\n }))}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : null}\r\n {\r\n // Loop over the table rows\r\n page.map((row, i) => {\r\n // Prepare the row for display\r\n prepareRow(row);\r\n return (\r\n \r\n \r\n {\r\n // Loop over the rows cells\r\n row.cells.map((cell) => {\r\n // Apply the cell props\r\n return (\r\n {\r\n const className = event.target.getAttribute(\"class\");\r\n if (className && className.includes(\"disableonclick\")) {\r\n return;\r\n }\r\n toggleRowExpanded(row.id);\r\n }}\r\n {...cell.getCellProps()}\r\n >\r\n {\r\n // Render the cell contents\r\n cell.render(\"Cell\")\r\n }\r\n \r\n );\r\n })\r\n }\r\n \r\n {ExpandComponent && row.isExpanded ? (\r\n \r\n \r\n \r\n \r\n ) : null}\r\n \r\n );\r\n if (i === 3) {\r\n }\r\n return (\r\n // Apply the row props\r\n \r\n {\r\n // Loop over the rows cells\r\n row.cells.map((cell) => {\r\n // Apply the cell props\r\n return (\r\n \r\n {\r\n // Render the cell contents\r\n cell.render(\"Cell\")\r\n }\r\n \r\n );\r\n })\r\n }\r\n \r\n );\r\n })\r\n }\r\n \r\n {/* )} */}\r\n \r\n \r\n Hiển thị từ {pageIndex * pageSize + 1} - {pageIndex * pageSize + page.length} trên{\" \"}\r\n {totalCount} bản ghi\r\n \r\n \r\n \r\n \r\n\r\n {!hideFunction ? (\r\n \r\n
\r\n ) : null}\r\n
\r\n );\r\n}\r\n\r\nReactTableList.propTypes = {};\r\n\r\nexport default forwardRef(ReactTableList);\r\n","import { useState } from 'react'\r\n\r\nfunction useFetchDataTable(fetchData) {\r\n const [loading, setLoading] = useState(false)\r\n const [data, setData] = useState([])\r\n const [pageCount, setPageCount] = useState(0)\r\n const [totalCount, setTotalCount] = useState(0)\r\n\r\n const [lastParams, setLastParams] = useState({})\r\n\r\n const _fetchData = ({\r\n pageSize,\r\n pageIndex,\r\n keyword,\r\n categoryIds,\r\n ...props\r\n }) => {\r\n setLoading(true)\r\n setLastParams({\r\n pageSize,\r\n pageIndex,\r\n keyword,\r\n categoryIds,\r\n ...props,\r\n })\r\n fetchData({\r\n limit: pageSize,\r\n offset: pageIndex * pageSize,\r\n keyword: keyword,\r\n categoryIds,\r\n ...props,\r\n })\r\n .then((result) => {\r\n \r\n const name = Object.keys(result)[0]\r\n if(result != null && result[name] != null){\r\n \r\n setData(result[name].items)\r\n setTotalCount(result[name].totalCount)\r\n setPageCount(Math.ceil(result[name].totalCount / pageSize))\r\n }\r\n \r\n })\r\n .finally(() => {\r\n setLoading(false)\r\n })\r\n }\r\n\r\n const reload = () => {\r\n const { pageSize, pageIndex, keyword, categoryIds } = lastParams\r\n setLoading(true)\r\n fetchData({\r\n limit: pageSize,\r\n offset: pageIndex * pageSize,\r\n keyword: keyword,\r\n categoryIds,\r\n })\r\n .then((result) => {\r\n const name = Object.keys(result)[0]\r\n setData(result[name].items)\r\n })\r\n .finally(() => {\r\n setLoading(false)\r\n })\r\n }\r\n\r\n return [data, loading, pageCount, _fetchData, totalCount, reload]\r\n}\r\n\r\nexport default useFetchDataTable\r\n","import text from '../../utils/text'\r\n\r\nexport const Admin = [\r\n {\r\n icon: 'pe-7s-shopbag',\r\n label: 'Gói merchant',\r\n to: '#/product-mechant/list',\r\n },\r\n {\r\n icon: 'pe-7s-network',\r\n label: 'Danh sách merchant',\r\n to: '#/merchant/list',\r\n },\r\n]\r\n\r\nconst Order = [\r\n {\r\n icon: 'pe-7s-play',\r\n label: 'Đơn hàng',\r\n content: [\r\n {\r\n label: 'Danh sách đơn hàng',\r\n to: '/#/report/order',\r\n },\r\n {\r\n label: 'Luồng đơn hàng',\r\n to: '/#/order/list',\r\n },\r\n {\r\n label: 'Đơn hàng dạng pivottable',\r\n to: '/#/report/orderpivot',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nconst Report = [\r\n {\r\n icon: 'pe-7s-photo',\r\n label: 'Báo cáo',\r\n content: [\r\n {\r\n label: 'Đơn hàng',\r\n to: '/#/report/order',\r\n },\r\n {\r\n label: 'EVoucher',\r\n to: '/#/report/evoucher',\r\n },\r\n {\r\n label: 'Đơn hàng dạng pivottable',\r\n to: '/#/report/orderpivot',\r\n },\r\n {\r\n label: 'Đơn hàng affiliate pivottable',\r\n to: '/#/report/orderaffiliate',\r\n },\r\n ],\r\n },\r\n]\r\nexport const Notification = [\r\n {\r\n icon: 'pe-7s-settings',\r\n label: 'Thông báo',\r\n content: [\r\n {\r\n icon: 'pe-7s-menu',\r\n label: text('LIST'),\r\n to: '#/setting-notification/list',\r\n },\r\n {\r\n icon: 'pe-7s-plugin',\r\n label: text('CREATE'),\r\n to: '#/setting-notification/create',\r\n },\r\n ],\r\n },\r\n]\r\nexport const Booking = [\r\n {\r\n icon: 'pe-7s-photo',\r\n label: 'Phòng họp',\r\n content: [\r\n {\r\n label: 'Đặt phòng',\r\n to: '/#/room-booking/rooms',\r\n },\r\n {\r\n label: 'Phân loại phòng',\r\n to: '/#/room-booking/room-category',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-photo',\r\n label: 'Office',\r\n content: [\r\n {\r\n label: 'Đặt phòng',\r\n to: '/#/office-booking/book',\r\n },\r\n {\r\n label: 'Hợp đồng',\r\n to: '/#/contract/list',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-wallet',\r\n label: 'Danh sách công nợ',\r\n to: '/#/order/listdebt',\r\n },\r\n {\r\n icon: 'pe-7s-config',\r\n label: 'Cài đặt',\r\n to: '/#/room-booking/setting/config',\r\n },\r\n]\r\n\r\nexport const BookingClinic = [\r\n {\r\n icon: 'pe-7s-photo',\r\n label: 'Đặt lịch phòng khám ',\r\n content: [\r\n {\r\n label: 'Danh sách đặt lịch',\r\n to: '/#/booking',\r\n },\r\n {\r\n label: 'Cấu hình khung giờ đặt',\r\n to: '/#/booking/config',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nexport const VideoGallery = [\r\n {\r\n icon: 'pe-7s-photo',\r\n label: 'Đặt Lịch',\r\n content: [\r\n {\r\n label: 'Danh sách đặt lịch',\r\n to: '/#/booking',\r\n },\r\n {\r\n label: 'Cấu hình khung giờ đặt',\r\n to: '/#/booking/config',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nexport const Content = [\r\n {\r\n icon: 'pe-7s-note',\r\n label: 'Bài viết',\r\n content: [\r\n {\r\n label: 'Danh sách bài viết',\r\n to: '#/articles/list',\r\n },\r\n {\r\n label: 'Tạo mới bài viết',\r\n to: '#/articles/create',\r\n },\r\n {\r\n label: 'Danh sách chuyên mục',\r\n to: '/#/articles/categories/list',\r\n },\r\n {\r\n label: 'Tạo mới chuyên mục',\r\n to: '/#/articles/categories/create',\r\n },\r\n {\r\n label: 'Quyền đọc chuyên mục',\r\n to: '/#/articles/read-privilege',\r\n },\r\n ],\r\n },\r\n // {\r\n // icon: 'pe-7s-note',\r\n // label: \"Sách\",\r\n // content: [\r\n // {\r\n // label: 'Danh sách',\r\n // to: '#/books/list',\r\n // },\r\n // {\r\n // label: 'Tạo mới',\r\n // to: \"#/books/create\",\r\n // },\r\n // {\r\n // label: 'Chuyên mục',\r\n // to: \"/#/books/categories\",\r\n // },\r\n // {\r\n // label: 'Tạo mới chuyên mục',\r\n // to: \"/#/books/categories/create\",\r\n // },\r\n // ]\r\n\r\n // },\r\n // {\r\n // icon: 'pe-7s-note',\r\n // label: \"Slide\",\r\n // content: [\r\n // {\r\n // label: 'Danh sách',\r\n // to: '#/slide/list',\r\n // },\r\n // {\r\n // label: 'Tạo mới',\r\n // to: \"#/slide/create\",\r\n // },\r\n // {\r\n // label: 'Chuyên mục',\r\n // to: \"/#/slide/categories\",\r\n // },\r\n // {\r\n // label: 'Tạo mới chuyên mục',\r\n // to: \"/#/slide/categories/create\",\r\n // },\r\n // ]\r\n\r\n // },\r\n // {\r\n // icon: 'pe-7s-note',\r\n // label: \"Video\",\r\n // content: [\r\n // {\r\n // label: 'Danh sách',\r\n // to: '#/video/list',\r\n // },\r\n // {\r\n // label: 'Tạo mới',\r\n // to: \"#/video/create\",\r\n // },\r\n // {\r\n // label: 'Chuyên mục',\r\n // to: \"/#/video/categories\",\r\n // },\r\n // {\r\n // label: 'Tạo mới chuyên mục',\r\n // to: \"/#/video/categories/create\",\r\n // },\r\n // ]\r\n\r\n // },\r\n {\r\n icon: 'pe-7s-cart',\r\n label: 'Sản phẩm',\r\n content: [\r\n {\r\n label: 'Danh sách sản phẩm',\r\n to: '/#/product/list',\r\n },\r\n {\r\n label: 'Tạo mới sản phẩm',\r\n to: '/#/product/create',\r\n },\r\n {\r\n label: 'Danh mục',\r\n to: '/#/product-categories/list',\r\n },\r\n {\r\n label: 'Tạo mới danh mục',\r\n to: '/#/product-categories/create',\r\n },\r\n {\r\n icon: 'pe-7s-light',\r\n label: 'Thuộc tính sản phẩm',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '#/attribute/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '#/attribute/create',\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-photo',\r\n label: 'Thư viện ảnh',\r\n content: [\r\n {\r\n label: 'Thư viện',\r\n to: '/#/gallery/list',\r\n },\r\n {\r\n label: 'Tải lên',\r\n to: '/#/gallery/upload',\r\n },\r\n {\r\n label: 'Album',\r\n to: '/#/image-categories/list',\r\n },\r\n {\r\n label: 'Tạo mới album',\r\n to: '/#/image-categories/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-photo',\r\n label: 'Thư viện video',\r\n content: [\r\n {\r\n label: 'Thư viện',\r\n to: '/#/video-gallery/list',\r\n },\r\n {\r\n label: 'Tải lên',\r\n to: '/#/video-gallery/create',\r\n },\r\n {\r\n label: 'Danh sách',\r\n to: '#/video/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '#/video/create',\r\n },\r\n\r\n // {\r\n // label: 'Album',\r\n // to: \"/#/image-categories/list\",\r\n // },\r\n // {\r\n // label: 'Tạo mới album',\r\n // to: \"/#/image-categories/create\",\r\n // },\r\n ],\r\n },\r\n // {\r\n // icon: 'pe-7s-photo',\r\n // label: \"Quiz\",\r\n // content: [\r\n // {\r\n // label: 'Danh sách Quiz',\r\n // to: '/#/quiz/list',\r\n // },\r\n // {\r\n // label: 'Tạo mới Quiz',\r\n // to: \"/#/quiz/create\",\r\n // },\r\n\r\n // ]\r\n // },\r\n // {\r\n // icon: 'pe-7s-photo',\r\n // label: \"Báo cáo\",\r\n // content: [\r\n // {\r\n // label: 'Đơn hàng',\r\n // to: '/#/report/order',\r\n // },\r\n // {\r\n // label: 'Danh sách report',\r\n // to: '/#/report/list',\r\n // },\r\n // ]\r\n // },\r\n]\r\nexport const MainNav = [\r\n {\r\n icon: 'pe-7s-home',\r\n label: text('DASHBOARD'),\r\n to: '#/dashboards/home',\r\n },\r\n]\r\nexport const FormBuilder = [\r\n {\r\n icon: 'pe-7s-home',\r\n label: 'Tạo form',\r\n to: '#/form-builder/create',\r\n },\r\n {\r\n icon: 'pe-7s-rocket',\r\n label: text('LIST'),\r\n to: '#/form-builder/list',\r\n }, //,\r\n // {\r\n // icon: 'pe-7s-display1',\r\n // label: \"Báo cáo form\",\r\n // content: [\r\n // {\r\n // label: 'Danh sách',\r\n // to: '#/report/list',\r\n // },\r\n // // {\r\n // // label: 'Danh sách',\r\n // // to: '#/report/list',\r\n // // },\r\n\r\n // ]\r\n\r\n // },\r\n]\r\nexport const Elearning = [\r\n {\r\n icon: 'pe-7s-study',\r\n label: 'Khóa học',\r\n content: [\r\n {\r\n label: 'Danh sách khóa học',\r\n to: '/#/course/v2/list',\r\n },\r\n {\r\n label: 'Tạo mới khóa học',\r\n to: '/#/course/v2/create',\r\n },\r\n // {\r\n // icon: \"pe-7s-light\",\r\n // label: \"Bài học\",\r\n // content: [\r\n // {\r\n // label: \"Danh sách\",\r\n // to: \"#/course/lesson/list\",\r\n // },\r\n // {\r\n // label: \"Tạo mới\",\r\n // to: \"#/course/lesson/create\",\r\n // },\r\n // ],\r\n // },\r\n // {\r\n // icon: \"pe-7s-light\",\r\n // label: \"Phân loại khóa học\",\r\n // content: [\r\n // {\r\n // label: \"Danh sách\",\r\n // to: \"/#/course/categories\",\r\n // },\r\n // {\r\n // label: \"Tạo mới\",\r\n // to: \"/#/course/categories/create\",\r\n // },\r\n // ],\r\n // },\r\n\r\n // {\r\n // icon: \"pe-7s-light\",\r\n // label: \"Sản phẩm khóa học\",\r\n // content: [\r\n // {\r\n // label: \"Danh sách\",\r\n // to: \"/#/course/list\",\r\n // },\r\n // {\r\n // label: \"Tạo mới\",\r\n // to: \"/#/course/create\",\r\n // },\r\n // ],\r\n // },\r\n ],\r\n },\r\n {\r\n label: 'Học liệu chia sẻ',\r\n icon: 'pe-7s-refresh-2',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/course/categories',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/course/categories/create',\r\n },\r\n {\r\n label: 'Phân quyền',\r\n to: '/#/course/read-privilege',\r\n },\r\n // {\r\n // icon: \"pe-7s-light\",\r\n // label: \"Bài học\",\r\n // content: [\r\n // {\r\n // label: \"Danh sách\",\r\n // to: \"#/course/lesson/list\",\r\n // },\r\n // {\r\n // label: \"Tạo mới\",\r\n // to: \"#/course/lesson/create\",\r\n // },\r\n // ],\r\n // },\r\n // {\r\n // icon: \"pe-7s-light\",\r\n // label: \"Nhóm học liệu chia sẻ\",\r\n // content: [\r\n // {\r\n // label: \"Danh sách\",\r\n // to: \"/#/course/categories\",\r\n // },\r\n // {\r\n // label: \"Tạo mới\",\r\n // to: \"/#/course/categories/create\",\r\n // },\r\n // ],\r\n // },\r\n\r\n // {\r\n // icon: \"pe-7s-light\",\r\n // label: \"Sản phẩm khóa học\",\r\n // content: [\r\n // {\r\n // label: \"Danh sách\",\r\n // to: \"/#/course/list\",\r\n // },\r\n // {\r\n // label: \"Tạo mới\",\r\n // to: \"/#/course/create\",\r\n // },\r\n // ],\r\n // },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-note',\r\n label: 'Thư viện sách',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '#/books/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '#/books/create',\r\n },\r\n {\r\n label: 'Phân loại',\r\n to: '#/books/categories',\r\n },\r\n {\r\n label: 'Tạo mới phân loại',\r\n to: '#/books/categories/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-photo-gallery',\r\n label: 'Thư viện slide bài giảng',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '#/slide/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '#/slide/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'video pe-7s-video',\r\n label: 'Thư viện video bài giảng',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/video-gallery/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/video-gallery/create',\r\n },\r\n {\r\n label: 'Danh sách video kèm nội dung',\r\n to: '/#/video/list',\r\n },\r\n {\r\n label: 'Tạo mới video kèm nội dung',\r\n to: '/#/video/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'video pe-7s-video',\r\n label: 'Thư viện video Quiz',\r\n content: [\r\n // {\r\n // label: \"Danh sách\",\r\n // to: \"/#/video-gallery/list\",\r\n // },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/quiz-video/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-note2',\r\n label: 'Thư viện câu hỏi, kiểm tra',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/quiz/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/quiz/create',\r\n },\r\n {\r\n label: 'Danh sách kết quả',\r\n to: '/#/quiz/result',\r\n },\r\n ],\r\n }, //,\r\n //...Report,\r\n]\r\n\r\nexport const ContentNotReport = [\r\n {\r\n icon: 'pe-7s-note',\r\n label: 'Bài viết',\r\n content: [\r\n {\r\n label: 'Danh sách bài viết',\r\n to: '#/articles/list',\r\n },\r\n {\r\n label: 'Tạo mới bài viết',\r\n to: '#/articles/create',\r\n },\r\n {\r\n label: 'Danh sách chuyên mục',\r\n to: '/#/Categories/list',\r\n },\r\n {\r\n label: 'Tạo mới chuyên mục',\r\n to: '/#/Categories/create',\r\n },\r\n {\r\n label: 'Quyền đọc chuyên mục',\r\n to: '/#/articles/read-privilege',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-cart',\r\n label: 'Sản phẩm',\r\n content: [\r\n {\r\n label: 'Danh sách sản phẩm',\r\n to: '/#/product/list',\r\n },\r\n {\r\n label: 'Tạo mới sản phẩm',\r\n to: '/#/product/create',\r\n },\r\n {\r\n label: 'Danh mục',\r\n to: '/#/product-categories/list',\r\n },\r\n {\r\n label: 'Tạo mới danh mục',\r\n to: '/#/product-categories/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-photo',\r\n label: 'Thư viện ảnh',\r\n content: [\r\n {\r\n label: 'Thư viện',\r\n to: '/#/gallery/list',\r\n },\r\n {\r\n label: 'Tải lên',\r\n to: '/#/gallery/upload',\r\n },\r\n {\r\n label: 'Album',\r\n to: '/#/image-categories/list',\r\n },\r\n {\r\n label: 'Tạo mới album',\r\n to: '/#/image-categories/create',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nexport const Media = [\r\n {\r\n icon: 'pe-7s-users',\r\n label: 'Thành viên',\r\n content: [\r\n {\r\n label: 'Danh sách thành viên',\r\n to: '/#/user/list',\r\n },\r\n {\r\n label: 'Tạo mới thành viên',\r\n to: '/#/user/create',\r\n },\r\n {\r\n label: 'Nhóm thành viên',\r\n to: '/#/user-categories/list',\r\n },\r\n {\r\n label: 'Tạo mới nhóm',\r\n to: '/#/user-categories/create',\r\n },\r\n {\r\n label: 'Chăm sóc',\r\n to: '/#/user/kanban',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-mail',\r\n label: 'Email',\r\n content: [\r\n {\r\n label: 'Danh sách Email',\r\n to: '/#/email/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/email/create',\r\n },\r\n // {\r\n // label: 'Email mẫu',\r\n // to: \"/#/email/list\",\r\n // },\r\n {\r\n label: 'Email đã gửi',\r\n to: '/#/email/sended/list',\r\n },\r\n ],\r\n },\r\n // {\r\n // // icon: 'pe-7s-safe',\r\n // // label: \"Evoucher\",\r\n // // content: [\r\n // // {\r\n // // label: 'Danh sách Evoucher',\r\n // // to: '/#/evoucher/list',\r\n // // },\r\n // // {\r\n // // label: 'Tạo mới',\r\n // // to: \"/#/evoucher/create\",\r\n // // },\r\n // // {\r\n // // label: 'Kích hoạt Evoucher',\r\n // // to: \"/#/evoucher/useevoucher\",\r\n\r\n // // }\r\n // // // ,\r\n // // // {\r\n // // // label: 'Evoucher đã sử dụng',\r\n // // // to: \"/#/evoucher/evoucherused\",\r\n // // // }\r\n // // // ,\r\n // // // {\r\n // // // label: 'Mã Evoucher được xuất bởi đơn hàng',\r\n // // // to: \"/#/evoucher/evouchersold\",\r\n // // // },\r\n // // // {\r\n // // // label: 'Mã Evoucher được xuất bởi thành viên',\r\n // // // to: \"/#/evoucher/evoucherbymem\",\r\n // // // },\r\n // // // {\r\n // // // label: 'Gene code',\r\n // // // to: \"/#/evoucher/generate-code\",\r\n // // // },\r\n // // ]\r\n // },\r\n // {\r\n // icon: 'pe-7s-gift',\r\n // label: \"Khuyến mại\",\r\n // content: [\r\n // {\r\n // label: 'Tạo mới khuyến mại',\r\n // to: \"/#/promotion/create\",\r\n // },\r\n // {\r\n // label: 'Danh sách khuyến mại',\r\n // to: '/#/promotion/list',\r\n // }\r\n // // ,\r\n // // {\r\n // // label: 'Nhận mã giảm giá về Email',\r\n // // to: '/#/promotion/gettomail',\r\n // // },\r\n\r\n // // {\r\n // // label: 'Email đã gửi',\r\n // // to: \"/#/email/sended/list\",\r\n // // },\r\n // ]\r\n // },\r\n]\r\nexport const MediaNotUser = [\r\n {\r\n icon: 'pe-7s-mail',\r\n label: 'Email',\r\n content: [\r\n {\r\n label: 'Danh sách Email',\r\n to: '/#/email/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/email/create',\r\n },\r\n // {\r\n // label: 'Email mẫu',\r\n // to: \"/#/email/list\",\r\n // },\r\n {\r\n label: 'Email đã gửi',\r\n to: '/#/email/sended/list',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-mail',\r\n label: 'Evoucher',\r\n content: [\r\n {\r\n label: 'Danh sách Evoucher',\r\n to: '/#/evoucher/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/evoucher/create',\r\n },\r\n {\r\n label: 'Kích hoạt Evoucher',\r\n to: '/#/evoucher/useevoucher',\r\n },\r\n // {\r\n // label: 'Gene code',\r\n // to: \"/#/evoucher/generate-code\",\r\n // },\r\n ],\r\n },\r\n]\r\n\r\nexport const Web = [\r\n {\r\n icon: 'pe-7s-paint-bucket',\r\n label: 'Giao diện',\r\n content: [\r\n {\r\n label: 'Thư viện giao diện',\r\n to: '/#/settings/theme',\r\n },\r\n {\r\n label: 'Tùy chỉnh giao diện',\r\n to: '/#/theme',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-photo-gallery',\r\n label: 'Trang',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/landing-page/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/landing-page/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-menu',\r\n label: 'Thanh điều hướng',\r\n to: '/#/navigation/list',\r\n },\r\n {\r\n icon: 'pe-7s-note',\r\n label: 'Bài viết',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '#/articles/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '#/articles/create',\r\n },\r\n {\r\n label: 'Chuyên mục',\r\n to: '/#/Categories/list',\r\n },\r\n {\r\n label: 'Tạo mới chuyên mục',\r\n to: '/#/Categories/create',\r\n },\r\n {\r\n label: 'Quyền đọc chuyên mục',\r\n to: '/#/articles/read-privilege',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-note',\r\n label: 'Dữ liệu việc làm',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '#/articles/board-opening/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '#/articles/board-opening/create',\r\n },\r\n \r\n \r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-photo',\r\n label: 'Thư viện ảnh',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/gallery/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/gallery/upload',\r\n },\r\n {\r\n label: 'Thư mục',\r\n to: '/#/image-categories/list',\r\n },\r\n {\r\n label: 'Tạo mới thư mục',\r\n to: '/#/image-categories/create',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nexport const Marketing = [\r\n {\r\n icon: 'pe-7s-link',\r\n label: 'Tiếp thị liên kết',\r\n content: [\r\n {\r\n label: 'Cài đặt',\r\n to: '/#/report/setting',\r\n },\r\n {\r\n label: 'Báo cáo',\r\n to: '/#/report/orderaffiliate',\r\n },\r\n {\r\n label: 'Liên hệ',\r\n to: '/#/',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-mail',\r\n label: 'Email',\r\n content: [\r\n {\r\n icon: 'pe-7s-mail-open',\r\n label: text('LIST'),\r\n to: '#/email/list',\r\n },\r\n {\r\n icon: 'pe-7s-mail-open-file',\r\n label: text('SendedEmail'),\r\n to: '#/email/sended/list',\r\n },\r\n {\r\n icon: 'pe-7s-mail',\r\n label: text('CREATE'),\r\n to: '#/email/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-note2',\r\n label: 'Biểu mẫu',\r\n content: [\r\n {\r\n icon: 'pe-7s-rocket',\r\n label: text('LIST'),\r\n to: '#/form-builder/list',\r\n },\r\n {\r\n icon: 'pe-7s-home',\r\n label: 'Tạo mới',\r\n to: '#/form-builder/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-map-marker',\r\n label: 'Sự kiện',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/events/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/events/create',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nexport const Theme = [\r\n {\r\n icon: 'pe-7s-photo-gallery',\r\n label: 'Trang',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/landing-page/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/landing-page/create',\r\n },\r\n {\r\n label: 'Chỉnh sửa trực tiếp',\r\n to: '/#/theme',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-menu',\r\n label: 'Thanh điều hướng',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/navigation/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/navigation/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-display1',\r\n label: 'Thư viện giao diện',\r\n to: '/#/settings/theme',\r\n // content: [\r\n // {\r\n // label: 'Danh sách',\r\n // to: \"/#/email/create\",\r\n // },\r\n // {\r\n // label: 'Tạo mới',\r\n // to: \"/#/email/list\",\r\n // },\r\n // {\r\n // label: 'Cài đặt',\r\n // to: \"/#/email/sended/list\",\r\n // },\r\n // ]\r\n },\r\n]\r\n\r\nexport const Config = [\r\n {\r\n icon: 'pe-7s-config',\r\n label: 'Cài đặt chung',\r\n to: '/#/settings/config-merchant',\r\n },\r\n {\r\n icon: 'pe-7s-share',\r\n label: 'Kết nối',\r\n to: '/#/settings/service-connectivites',\r\n },\r\n {\r\n icon: 'pe-7s-browser',\r\n label: 'Cài đặt trang học viên',\r\n to: '/#/settings/config-elearning',\r\n },\r\n {\r\n icon: 'pe-7s-browser',\r\n label: 'Cài đặt thuộc tính',\r\n to: '/#/attribute/list',\r\n },\r\n ...Notification,\r\n {\r\n icon: 'pe-7s-star',\r\n label: 'Rating',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/rating/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/rating/create',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nexport const SettingElearning = [\r\n {\r\n icon: 'pe-7s-config',\r\n label: 'Cài đặt chung',\r\n to: '/#/settings/config-merchant',\r\n },\r\n {\r\n icon: 'pe-7s-share',\r\n label: 'Kết nối',\r\n to: '/#/settings/service-connectivites',\r\n },\r\n {\r\n icon: 'pe-7s-browser',\r\n label: 'Cài đặt trang học viên',\r\n to: '/#/settings/config-elearning',\r\n },\r\n ...Notification,\r\n {\r\n icon: 'pe-7s-star',\r\n label: 'Khóa học nâng cao',\r\n content: [\r\n {\r\n label: 'Cài đặt',\r\n to: '/#/',\r\n },\r\n {\r\n label: 'Liên hệ',\r\n to: '/#/',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-star',\r\n label: 'Địa chỉ',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/address/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/address/create',\r\n },\r\n {\r\n label: 'Danh sách phân loại',\r\n to: '/#/address-categories/list',\r\n },\r\n {\r\n label: 'Tạo mới phân loại',\r\n to: '/#/address-categories/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-star',\r\n label: 'Thuộc tính của đối tượng',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/attribute/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/attribute/create',\r\n },\r\n ],\r\n },\r\n]\r\nexport const SettingVacation = [\r\n {\r\n icon: 'pe-7s-config',\r\n label: 'Cài đặt chung',\r\n to: '/#/settings/config-merchant',\r\n },\r\n {\r\n icon: 'pe-7s-share',\r\n label: 'Kết nối',\r\n to: '/#/settings/service-connectivites',\r\n },\r\n ...Notification,\r\n {\r\n icon: 'pe-7s-star',\r\n label: 'Thuộc tính của đối tượng',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/attribute/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/attribute/create',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nexport const SettingCoworking = [\r\n {\r\n icon: 'pe-7s-config',\r\n label: 'Cài đặt chung',\r\n to: '/#/settings/config-merchant',\r\n },\r\n {\r\n icon: 'pe-7s-share',\r\n label: 'Kết nối',\r\n to: '/#/settings/service-connectivites',\r\n },\r\n ...Notification,\r\n {\r\n icon: 'pe-7s-star',\r\n label: 'Địa chỉ',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/address/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/address/create',\r\n },\r\n {\r\n label: 'Danh sách phân loại',\r\n to: '/#/address-categories/list',\r\n },\r\n {\r\n label: 'Tạo mới phân loại',\r\n to: '/#/address-categories/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-star',\r\n label: 'Thuộc tính của đối tượng',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/attribute/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/attribute/create',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nexport const ElearningUserGuide = [\r\n {\r\n icon: 'pe-7s-help2',\r\n label: 'Hướng dẫn sử dụng',\r\n to: '/#/',\r\n },\r\n {\r\n icon: 'pe-7s-bookmarks',\r\n label: 'Khóa học mẫu',\r\n to: '/#/',\r\n },\r\n {\r\n icon: 'pe-7s-albums',\r\n label: 'Website mẫu',\r\n to: '/#/',\r\n },\r\n {\r\n icon: 'pe-7s-help1',\r\n label: 'Hỏi đáp',\r\n to: '/#/',\r\n },\r\n]\r\n\r\nexport const SupportElearning = [\r\n {\r\n icon: 'pe-7s-headphones',\r\n label: 'Trợ giúp',\r\n to: '/#/',\r\n },\r\n]\r\n\r\nexport const ConfigNotRole = [\r\n {\r\n icon: 'pe-7s-config',\r\n label: 'Cài đặt chung',\r\n to: '/#/settings/config-merchant',\r\n },\r\n {\r\n icon: 'pe-7s-share',\r\n label: 'Kết nối',\r\n to: '/#/settings/service-connectivites',\r\n },\r\n]\r\n\r\nexport const Articles = [\r\n {\r\n icon: 'pe-7s-photo-gallery',\r\n label: text('LIST'),\r\n to: '#/articles/list',\r\n },\r\n {\r\n icon: 'pe-7s-note',\r\n label: text('CREATE'),\r\n to: '#/articles/create',\r\n },\r\n {\r\n icon: 'pe-7s-note',\r\n label: text('ReadPrivilege'),\r\n to: '#/articles/read-privilege',\r\n },\r\n]\r\n\r\nexport const Quiz = [\r\n {\r\n icon: 'pe-7s-photo-gallery',\r\n label: 'Quiz',\r\n to: '#/quiz/create',\r\n },\r\n]\r\n\r\nexport const UserCategories = [\r\n {\r\n icon: 'pe-7s-albums',\r\n label: text('LIST'),\r\n to: '#/user-categories/list',\r\n },\r\n {\r\n icon: 'pe-7s-plus',\r\n label: text('CREATE'),\r\n to: '#/user-categories/create',\r\n },\r\n]\r\n\r\nexport const Categories = [\r\n {\r\n icon: 'pe-7s-display2',\r\n label: text('LIST'),\r\n to: '#/Categories/list',\r\n },\r\n {\r\n icon: 'pe-7s-light',\r\n label: text('CREATE'),\r\n to: '#/Categories/create',\r\n },\r\n]\r\n\r\nexport const Products = [\r\n {\r\n icon: 'pe-7s-display2',\r\n label: text('LIST'),\r\n to: '#/Products/list',\r\n },\r\n {\r\n icon: 'pe-7s-light',\r\n label: text('CREATE'),\r\n to: '#/Products/create',\r\n },\r\n]\r\n\r\nexport const CurdNav = [\r\n {\r\n icon: 'pe-7s-display2',\r\n label: text('LIST'),\r\n to: '#/dashboards',\r\n },\r\n {\r\n icon: 'pe-7s-light',\r\n label: text('CREATE'),\r\n to: '#/dashboards',\r\n },\r\n]\r\n\r\nexport const Gallery = [\r\n {\r\n icon: 'pe-7s-graph2',\r\n label: text('Pictures'),\r\n to: '#/gallery/list',\r\n },\r\n {\r\n icon: 'pe-7s-light',\r\n label: text('Upload'),\r\n to: '#/gallery/upload',\r\n },\r\n]\r\n\r\nexport const ImageCategory = [\r\n {\r\n icon: 'pe-7s-graph2',\r\n label: text('LIST'),\r\n to: '#/image-categories/list',\r\n },\r\n {\r\n icon: 'pe-7s-light',\r\n label: text('CREATE'),\r\n to: '#/image-categories/create',\r\n },\r\n]\r\n\r\nexport const Repository = [\r\n {\r\n icon: 'pe-7s-light',\r\n label: text('LIST'),\r\n to: '#/dashboards',\r\n },\r\n {\r\n icon: 'pe-7s-light',\r\n label: text('CREATE'),\r\n to: '#/dashboards',\r\n },\r\n {\r\n icon: 'pe-7s-light',\r\n label: 'Sản Phẩm Trong Kho',\r\n to: '#/dashboards',\r\n },\r\n {\r\n icon: 'pe-7s-light',\r\n label: 'danh sách phiếu',\r\n content: [\r\n {\r\n label: 'phiếu nhập',\r\n to: '#/dashboards',\r\n },\r\n {\r\n label: 'phiếu xuất',\r\n to: '#/dashboards',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-light',\r\n label: 'sản phẩm cần nhập kho',\r\n to: '#/dashboards',\r\n },\r\n]\r\n\r\nexport const ThemeWeb = [\r\n {\r\n icon: 'pe-7s-display2',\r\n label: 'Theme Web',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '#/theme-web/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '#/theme-web/create',\r\n },\r\n {\r\n label: 'Phân loại',\r\n to: '#/theme-web/categories/list',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-display2',\r\n label: 'Sections',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '#/theme-web/list-section',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '#/theme-web/section/create',\r\n },\r\n {\r\n label: 'Phân loại',\r\n to: '#/theme-web/section/categories/list',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-display2',\r\n label: 'Theme template',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/theme-template/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/theme-template/create',\r\n },\r\n {\r\n label: 'Phân loại',\r\n to: '#/theme-template/categories/list',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nexport const Setting = [\r\n {\r\n icon: 'pe-7s-settings',\r\n label: text('ConfigAndConnection'),\r\n to: '#/settings/config-merchant',\r\n },\r\n {\r\n icon: 'pe-7s-paper-plane',\r\n label: text('THEME'),\r\n to: '#/settings/theme',\r\n },\r\n {\r\n icon: 'pe-7s-news-paper',\r\n label: text('ConfigTheme'),\r\n to: '#/theme',\r\n // id: \"configTheme\"\r\n },\r\n]\r\n\r\nexport const Users = [\r\n {\r\n icon: 'pe-7s-user',\r\n label: 'Danh sách tài khoản',\r\n to: '#/user/list',\r\n },\r\n {\r\n icon: 'pe-7s-add-user',\r\n label: 'Tạo mới tài khoản',\r\n to: '#/user/create',\r\n },\r\n {\r\n icon: 'pe-7s-users',\r\n label: 'Phân loại',\r\n to: '#/user-categories/list',\r\n },\r\n {\r\n icon: 'pe-7s-add-user',\r\n label: 'Tạo mới phân loại',\r\n to: '#/user-categories/create',\r\n },\r\n // {\r\n // icon: \"pe-7s-next-2\",\r\n // label: text(\"CustomerCare\"),\r\n // to: \"#/user/kanban\",\r\n // },\r\n]\r\n\r\nexport const Navigation = [\r\n {\r\n icon: 'pe-7s-light',\r\n label: text('CREATE'),\r\n to: '#/navigation/create',\r\n },\r\n {\r\n icon: 'pe-7s-light',\r\n label: text('LIST'),\r\n to: '#/navigation/list',\r\n // id: \"configTheme\"\r\n },\r\n]\r\n\r\nexport const LandingPage = [\r\n {\r\n icon: 'pe-7s-photo-gallery',\r\n label: text('LIST'),\r\n to: '#/landing-page/list',\r\n },\r\n {\r\n icon: 'pe-7s-note',\r\n label: text('CREATE'),\r\n to: '#/landing-page/create',\r\n },\r\n]\r\nexport const Email = [\r\n {\r\n icon: 'pe-7s-note2',\r\n label: text('LIST'),\r\n to: '#/email/list',\r\n },\r\n {\r\n icon: 'pe-7s-mail',\r\n label: text('SendedEmail'),\r\n to: '#/email/sended/list',\r\n },\r\n {\r\n icon: 'pe-7s-mail',\r\n label: text('CREATE'),\r\n to: '#/email/create',\r\n },\r\n]\r\n\r\nexport const ReportElearning = [\r\n {\r\n icon: 'pe-7s-graph3',\r\n label: 'Báo cáo EVoucher',\r\n to: '/#/report/evoucher',\r\n },\r\n {\r\n icon: 'pe-7s-graph3',\r\n label: 'Báo cáo doanh thu',\r\n to: '/#/report/order',\r\n },\r\n {\r\n icon: 'pe-7s-id',\r\n label: 'Báo cáo học viên',\r\n to: '/#/',\r\n },\r\n {\r\n icon: 'pe-7s-display1',\r\n label: 'Báo cáo khóa học',\r\n to: '/#/',\r\n },\r\n]\r\n\r\nexport const ReportCoworking = [\r\n {\r\n icon: 'pe-7s-graph3',\r\n label: 'Báo cáo doanh thu',\r\n to: '/#/report/order',\r\n },\r\n {\r\n icon: 'pe-7s-graph3',\r\n label: 'Báo cáo EVoucher',\r\n to: '/#/report/evoucher',\r\n },\r\n]\r\n\r\nexport const Evoucher = [\r\n // ...Media,\r\n {\r\n icon: 'pe-7s-shopbag',\r\n label: 'Sản phẩm',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '#/product/list',\r\n },\r\n {\r\n label: 'Phân loại',\r\n to: '#/product-categories/list',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-safe',\r\n label: 'E-Voucher',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/evoucher/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/evoucher/create',\r\n },\r\n {\r\n label: 'Kích hoạt',\r\n to: '/#/evoucher/useevoucher',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-cart',\r\n label: 'Sản phẩm E-Voucher',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/product-evoucher/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/product-evoucher/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-plane',\r\n label: 'Sản phẩm kỳ nghỉ',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/product/vacation/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/product/vacation/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-plane',\r\n label: 'Sản phẩm thành viên',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/product-member/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/product-member/create',\r\n },\r\n {\r\n label: 'Danh sách hội viên',\r\n to: '/#/member/list',\r\n },\r\n {\r\n label: 'Danh sách hạng',\r\n to: '/#/member-categories/list',\r\n },\r\n {\r\n label: 'Tạo mới hạng',\r\n to: '/#/member-categories/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-study',\r\n label: 'Sản phẩm khóa học',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/course/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/course/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-gift',\r\n label: 'Khuyến mại',\r\n content: [\r\n {\r\n label: 'Tạo mới khuyến mại',\r\n to: '/#/promotion/create',\r\n },\r\n {\r\n label: 'Danh sách khuyến mại',\r\n to: '/#/promotion/list',\r\n },\r\n // {\r\n // label: \"Nhận mã giảm giá về Email\",\r\n // to: \"/#/promotion/gettomail\",\r\n // },\r\n\r\n // {\r\n // label: 'Email đã gửi',\r\n // to: \"/#/email/sended/list\",\r\n // },\r\n ],\r\n },\r\n\r\n ...Order,\r\n // {\r\n // icon: \"pe-7s-settings\",\r\n // label: \"Affiliate\",\r\n // to: \"/#/report/setting\",\r\n // },\r\n]\r\nexport const WarehouseManagement = [\r\n {\r\n icon: 'pe-7s-box2',\r\n label: 'Quản lý kho',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '#/warehouse/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '#/warehouse/create',\r\n },\r\n ],\r\n },\r\n]\r\nexport const Promotion = [\r\n {\r\n icon: 'pe-7s-note2',\r\n label: text('LIST'),\r\n to: '#/promotion/list',\r\n },\r\n {\r\n icon: 'pe-7s-mail',\r\n label: text('CREATE'),\r\n to: '#/promotion/create',\r\n },\r\n]\r\n\r\nexport const Product = [\r\n {\r\n icon: 'pe-7s-menu',\r\n label: text('LIST'),\r\n to: '#/product/list',\r\n },\r\n {\r\n icon: 'pe-7s-plugin',\r\n label: text('CREATE'),\r\n to: '#/product/create',\r\n },\r\n]\r\n\r\nexport const ProductCategories = [\r\n {\r\n icon: 'pe-7s-menu',\r\n label: text('LIST'),\r\n to: '#/product-categories/list',\r\n },\r\n {\r\n icon: 'pe-7s-plugin',\r\n label: text('CREATE'),\r\n to: '#/product-categories/create',\r\n },\r\n]\r\nexport const Ecommerce = [...Evoucher]\r\n\r\nexport const EcommerceCoworking = [\r\n {\r\n icon: 'pe-7s-shopbag',\r\n label: 'Sản phẩm',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '#/product/list',\r\n },\r\n {\r\n label: 'Phân loại',\r\n to: '#/product-categories/list',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-safe',\r\n label: 'E-Voucher',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/evoucher/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/evoucher/create',\r\n },\r\n {\r\n label: 'Kích hoạt',\r\n to: '/#/evoucher/useevoucher',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-cart',\r\n label: 'Sản phẩm E-Voucher',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/product-evoucher/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/product-evoucher/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-gift',\r\n label: 'Khuyến mại',\r\n content: [\r\n {\r\n label: 'Tạo mới khuyến mại',\r\n to: '/#/promotion/create',\r\n },\r\n {\r\n label: 'Danh sách khuyến mại',\r\n to: '/#/promotion/list',\r\n },\r\n // {\r\n // label: \"Nhận mã giảm giá về Email\",\r\n // to: \"/#/promotion/gettomail\",\r\n // },\r\n\r\n // {\r\n // label: 'Email đã gửi',\r\n // to: \"/#/email/sended/list\",\r\n // },\r\n ],\r\n },\r\n\r\n ...Order,\r\n]\r\nexport const EcommerceVacation = [\r\n {\r\n icon: 'pe-7s-map-marker',\r\n label: 'Địa chỉ khách sạn',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/address/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/address/create',\r\n },\r\n {\r\n label: 'Danh sách phân loại',\r\n to: '/#/address-categories/list',\r\n },\r\n {\r\n label: 'Tạo mới phân loại',\r\n to: '/#/address-categories/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-plane',\r\n label: 'Sản phẩm kỳ nghỉ',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/product/vacation/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/product/vacation/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-diamond',\r\n label: 'Sản phẩm thành viên',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/product-member/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/product-member/create',\r\n },\r\n {\r\n label: 'Danh sách hội viên',\r\n to: '/#/member/list',\r\n },\r\n {\r\n label: 'Danh sách hạng',\r\n to: '/#/member-categories/list',\r\n },\r\n {\r\n label: 'Tạo mới hạng',\r\n to: '/#/member-categories/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-shopbag',\r\n label: 'Sản phẩm',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '#/product/list',\r\n },\r\n {\r\n label: 'Phân loại',\r\n to: '#/product-categories/list',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-safe',\r\n label: 'E-Voucher',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/evoucher/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/evoucher/create',\r\n },\r\n {\r\n label: 'Kích hoạt',\r\n to: '/#/evoucher/useevoucher',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-cart',\r\n label: 'Sản phẩm E-Voucher',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/product-evoucher/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/product-evoucher/create',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-gift',\r\n label: 'Khuyến mại',\r\n content: [\r\n {\r\n label: 'Tạo mới khuyến mại',\r\n to: '/#/promotion/create',\r\n },\r\n {\r\n label: 'Danh sách khuyến mại',\r\n to: '/#/promotion/list',\r\n },\r\n ],\r\n },\r\n {\r\n icon: 'pe-7s-id',\r\n label: 'Điểm thành viên',\r\n to: '/#/user-point/list',\r\n },\r\n\r\n ...Order,\r\n]\r\n\r\nexport const CustomerRelationshipManagement = [\r\n {\r\n icon: 'pe-7s-map-marker',\r\n label: 'Bảng Kanban',\r\n content: [\r\n {\r\n label: 'Danh sách',\r\n to: '/#/crm/kanban/list',\r\n },\r\n {\r\n label: 'Tạo mới',\r\n to: '/#/crm/kanban/create',\r\n },\r\n ],\r\n },\r\n]\r\n\r\n// export const Report = [\r\n// {\r\n// icon: 'pe-7s-photo',\r\n// label: \"Báo cáo\",\r\n// content: [\r\n// {\r\n// label: 'Đơn hàng',\r\n// to: '/#/report/order',\r\n// },\r\n// {\r\n// label: 'Danh sách report',\r\n// to: '/#/report/list',\r\n// },\r\n// ]\r\n// },\r\n// ]\r\n\r\n// export const WidgetsNav = [\r\n// {\r\n// icon: 'pe-7s-graph2',\r\n// label: 'Chart Boxes',\r\n// content: [\r\n// {\r\n// label: 'Variation 1',\r\n// to: '#/widgets/chart-boxes',\r\n// },\r\n// {\r\n// label: 'Variation 2',\r\n// to: '#/widgets/chart-boxes-2',\r\n// },\r\n// {\r\n// label: 'Variation 3',\r\n// to: '#/widgets/chart-boxes-3',\r\n// },\r\n// ]\r\n// },\r\n// {\r\n// icon: 'pe-7s-id',\r\n// label: 'Profile Boxes',\r\n// to: '#/widgets/profile-boxes',\r\n// },\r\n// {\r\n// icon: 'pe-7s-display1',\r\n// label: 'Content Boxes',\r\n// to: '#/widgets/content-boxes',\r\n// },\r\n// ];\r\n// export const ChartsNav = [\r\n// {\r\n// icon: 'pe-7s-graph2',\r\n// label: 'ChartJS',\r\n// to: '#/charts/chartjs',\r\n// },\r\n// {\r\n// icon: 'pe-7s-graph',\r\n// label: 'Apex Charts',\r\n// to: '#/charts/apexcharts',\r\n// },\r\n// {\r\n// icon: 'pe-7s-gleam',\r\n// label: 'Gauges',\r\n// to: '#/charts/gauges',\r\n// },\r\n// {\r\n// icon: 'pe-7s-graph1',\r\n// label: 'Chart Sparklines 1',\r\n// to: '#/charts/sparklines-1',\r\n// },\r\n// {\r\n// icon: 'pe-7s-edit',\r\n// label: 'Chart Sparklines 2',\r\n// to: '#/charts/sparklines-2',\r\n// },\r\n// ];\r\n","import { ProductCategories, UserCategories } from \"../Layout/AppNav/NavItems\";\r\nimport Common from \"../utils/common\";\r\nimport Configuration from \"../utils/configuration\";\r\nimport { getData, postData } from \"../utils/data\";\r\n\r\nconst languageId = localStorage.getItem(Configuration.tokenLanguage);\r\nconst merchantId = localStorage.getItem(Configuration.merchantId);\r\n\r\nexport const getProducts = (options) => {\r\n if (options === undefined) options = {};\r\n if (options.merchantId === undefined) options.merchantId = merchantId;\r\n if (options.limit === undefined) options.limit = 1000000;\r\n if (options.offset === undefined) options.offset = 0;\r\n if (options.order === undefined) options.order = \"desc\";\r\n if (options.sort === undefined) options.sort = \"createdDate\";\r\n //if (options.type === undefined) options.type = Configuration.ProductTypes.Undefined\r\n options.keyword = options.keyword === undefined ? \"\" : options.keyword;\r\n const categoryIds =\r\n options.categoryIds === undefined ||\r\n options.categoryIds === null ||\r\n options.categoryIds.length === 0\r\n ? \"\"\r\n : `categoryIds:[${options.categoryIds.map((val) => `\"${val}\"`).join(\",\")}]`;\r\n\r\n return getData.getDataGraphQl(`\r\n {\r\n products(param:{limit:${options.limit},offset:${options.offset},order:\"${\r\n options.order\r\n }\",sort:\"${options.sort}\"\r\n ,merchantId:\"${options.merchantId}\", keyword:\"${\r\n options.keyword\r\n }\", languageId:\"${localStorage.getItem(Configuration.tokenLanguage)}\", ${categoryIds},\r\n ${options.type === undefined ? \"\" : \"type:\" + options.type} \r\n})\r\n {\r\n items{\r\n id,\r\n name,\r\n friendlyUrl,\r\n subDescription\r\n price,\r\n categories {\r\n id,\r\n name\r\n },\r\n sku,\r\n published,\r\n images {\r\n id,\r\n path\r\n },\r\n createdDate,\r\n modifiedDate,\r\n limitAdmin,\r\n limitDomain,\r\n limitStorage,\r\n limitUser,\r\n limitEmailPerMonth,\r\n functions,\r\n capacity,\r\n referenceId,\r\n productVariants{\r\n name\r\n }\r\n displayOrder\r\n },\r\n totalCount,\r\n success,\r\n message\r\n }\r\n }\r\n `);\r\n};\r\n\r\nexport const getProductsSubMerchant = (options) => {\r\n if (options === undefined) options = {};\r\n if (options.merchantId === undefined) options.merchantId = merchantId;\r\n if (options.limit === undefined) options.limit = 1000000;\r\n if (options.offset === undefined) options.offset = 0;\r\n if (options.order === undefined) options.order = \"desc\";\r\n if (options.sort === undefined) options.sort = \"createdDate\";\r\n if (options.type === undefined) options.type = Configuration.ProductTypes.Undefined;\r\n options.keyword = options.keyword === undefined ? \"\" : options.keyword;\r\n const categoryIds =\r\n options.categoryIds === undefined ||\r\n options.categoryIds === null ||\r\n options.categoryIds.length === 0\r\n ? \"\"\r\n : `categoryIds:[${options.categoryIds.map((val) => `\"${val}\"`).join(\",\")}]`;\r\n\r\n return getData.getDataGraphQl(`\r\n {\r\n submerchantproducts(param:{limit:${options.limit},offset:${options.offset},order:\"${\r\n options.order\r\n }\",sort:\"${options.sort}\"\r\n ,merchantId:\"${options.merchantId}\", keyword:\"${\r\n options.keyword\r\n }\", languageId:\"${localStorage.getItem(Configuration.tokenLanguage)}\", ${categoryIds}, type:${\r\n options.type == undefined ? 1:options.type\r\n }})\r\n {\r\n items{\r\n merchantCode\r\n merchantType\r\n id,\r\n name,\r\n friendlyUrl,\r\n subDescription\r\n price,\r\n categories {\r\n id,\r\n name\r\n },\r\n sku,\r\n published,\r\n images {\r\n id,\r\n path\r\n },\r\n createdDate,\r\n modifiedDate,\r\n limitAdmin,\r\n limitDomain,\r\n limitStorage,\r\n limitUser,\r\n limitEmailPerMonth,\r\n functions,\r\n capacity,\r\n referenceId,\r\n productVariants{\r\n name\r\n }\r\n displayOrder\r\n },\r\n totalCount,\r\n success,\r\n message\r\n }\r\n }\r\n `);\r\n};\r\n\r\nexport const getDeposits = (options) => {\r\n if (options === undefined) options = {};\r\n if (options.merchantId === undefined) options.merchantId = merchantId;\r\n if (options.limit === undefined) options.limit = 1000000;\r\n if (options.offset === undefined) options.offset = 0;\r\n if (options.order === undefined) options.order = \"desc\";\r\n if (options.sort === undefined) options.sort = \"createdDate\";\r\n if (options.type === undefined) options.type = Configuration.ProductTypes.VacationExchange;\r\n options.keyword = options.keyword === undefined ? \"\" : options.keyword;\r\n\r\n return getData.getDataGraphQl(`\r\n {\r\n depositorders(param:{limit:${options.limit},offset:${options.offset},order:\"${\r\n options.order\r\n }\",sort:\"${options.sort}\"\r\n ,merchantId:\"${options.merchantId}\", keyword:\"${\r\n options.keyword\r\n }\", languageId:\"${localStorage.getItem(Configuration.tokenLanguage)}\", type:${options.type}})\r\n {\r\n items{\r\n code,\r\n id\r\n orderType,\r\n status\r\n price\r\n costPrice\r\n addressName\r\n fromDate\r\n toDate\r\n point\r\n owner\r\n customerName\r\n createdDate\r\n status\r\n productName\r\n displayStatus\r\n },\r\n totalCount,\r\n success,\r\n message\r\n }\r\n }\r\n `);\r\n};\r\nexport const getDeposit = (id) => {\r\n return getData.getDataGraphQl(` \r\n {\r\n depositorder(param:{id: \"${id}\",merchantId:\"${localStorage.getItem(\r\n \"merchantId\"\r\n )}\", languageId:\"${Configuration.languageVi}\"})\r\n {\r\n \r\n code,\r\n id\r\n orderType,\r\n status\r\n price\r\n costPrice\r\n referenceCode\r\n ownerImages{\r\n id\r\n path\r\n }\r\n addressName\r\n ownerEmail \r\n images{\r\n path\r\n id\r\n \r\n }\r\n productId\r\n ownerMobile\r\n fromDate\r\n toDate\r\n point\r\n owner\r\n note\r\n createdDate\r\n status\r\n productName\r\n displayStatus\r\n \r\n }\r\n }`);\r\n};\r\n\r\nexport const getProduct = (id, languageId) => {\r\n if (!languageId) languageId = Configuration.languageVi;\r\n\r\n return getData.getDataGraphQl(` \r\n {\r\n product(param:{id: \"${id}\"\r\n ,merchantId:\"${localStorage.getItem(\"merchantId\")}\", languageId:\"${languageId}\"})\r\n {\r\n autoFlow,\r\n id,\r\n categories {\r\n id,\r\n name\r\n },\r\n feeCategories {\r\n id,\r\n name\r\n },\r\n images {\r\n id,\r\n path,\r\n name,\r\n displayOrder,\r\n isFeatured\r\n },\r\n capacity,\r\n evoucherId,\r\n eVouchers {\r\n id\r\n name\r\n },\r\n name,\r\n attributeValueIds,\r\n friendlyUrl,\r\n price,\r\n sku,\r\n subDescription,\r\n description,\r\n displayOrder,\r\n productVariants {\r\n id,\r\n bookingId,\r\n supplierId,\r\n supplierName,\r\n originalPrice,\r\n fromDate,\r\n toDate,\r\n expireDate,\r\n attributeValues {\r\n attributeId,\r\n id,\r\n name,\r\n value\r\n },\r\n name,\r\n sku,\r\n price,\r\n images {\r\n id,\r\n name,\r\n path\r\n },\r\n sold,\r\n paid\r\n }\r\n addresses {\r\n id,\r\n name\r\n }\r\n limitAdmin,\r\n limitDomain,\r\n limitStorage,\r\n limitEmailPerMonth,\r\n limitUser,\r\n functions,\r\n membershipId,\r\n membership {\r\n id,\r\n name\r\n },\r\n sendingPointInterval,\r\n sendingTimes,\r\n numberOfPointsPerSend,\r\n referenceId,\r\n authors {\r\n id,\r\n name\r\n }\r\n userCategories {\r\n id,\r\n name\r\n }\r\n ratingId,\r\n exchangePoint,\r\n adultsStandard, \r\n childStandard, \r\n childAgeFrom, \r\n childAgeTo, \r\n adultsExtra, \r\n childExtra,\r\n adultExtraFeeProductId,\r\n childExtraFeeProductId,\r\n adultExtraFeeProductName,\r\n childExtraFeeProductName\r\n }\r\n }`);\r\n};\r\n\r\nexport const createVacationProduct = ({\r\n merchantId,\r\n name,\r\n subDescription,\r\n description,\r\n sku,\r\n price,\r\n attributeValues,\r\n categories,\r\n images,\r\n productVariants,\r\n friendlyUrl,\r\n addressId,\r\n feeCategories,\r\n languageId,\r\n adultsStandard,\r\n childStandard,\r\n childAgeFrom,\r\n childAgeTo,\r\n adultsExtra,\r\n childExtra,\r\n adultExtraFeeProductId,\r\n childExtraFeeProductId,\r\n}) => {\r\n return postData.sendCommand(\"Sale\", \"CreateVacationProduct\", {\r\n Id: Common.guid(),\r\n AddressId: addressId,\r\n MerchantId: merchantId,\r\n Name: name,\r\n SubDescription: subDescription,\r\n Description: description,\r\n Sku: sku,\r\n Price: price,\r\n AttributeValues: attributeValues,\r\n Categories: categories,\r\n Images: images,\r\n ProductVariants: productVariants,\r\n CreatedDate: Common.formatDateTimeMoment(new Date()),\r\n CreatedBy: localStorage.getItem(\"userId\"),\r\n LanguageId: languageId,\r\n FriendlyUrl: friendlyUrl,\r\n FeeCategories: Common.createRelationObjectArray(feeCategories),\r\n AdultsStandard: adultsStandard,\r\n ChildStandard: childStandard,\r\n ChildAgeFrom: childAgeFrom,\r\n ChildAgeTo: childAgeTo,\r\n AdultsExtra: adultsExtra,\r\n ChildExtra: childExtra,\r\n AdultExtraFeeProductId: adultExtraFeeProductId,\r\n ChildExtraFeeProductId: childExtraFeeProductId,\r\n });\r\n};\r\n\r\nexport const createVacationPremiumPassProduct = ({\r\n merchantId,\r\n name,\r\n subDescription,\r\n description,\r\n sku,\r\n price,\r\n attributeValues,\r\n categories,\r\n images,\r\n evouchers,\r\n productVariants,\r\n friendlyUrl,\r\n addressId,\r\n feeCategories,\r\n languageId,\r\n}) => {\r\n return postData.sendCommand(\"Product\", \"CreateVacationPremiumPassProduct\", {\r\n Id: Common.guid(),\r\n AddressId: addressId,\r\n MerchantId: merchantId,\r\n Name: name,\r\n SubDescription: subDescription,\r\n Description: description,\r\n Sku: sku,\r\n Evouchers: evouchers,\r\n Price: price,\r\n AttributeValues: attributeValues,\r\n Categories: categories,\r\n Images: images,\r\n ProductVariants: productVariants,\r\n CreatedDate: Common.formatDateTimeMoment(new Date()),\r\n CreatedBy: localStorage.getItem(\"userId\"),\r\n LanguageId: languageId,\r\n FriendlyUrl: friendlyUrl,\r\n FeeCategories: Common.createRelationObjectArray(feeCategories),\r\n });\r\n};\r\n\r\nexport const createVacationExchangeProduct = ({\r\n merchantId,\r\n name,\r\n subDescription,\r\n description,\r\n sku,\r\n price,\r\n attributeValues,\r\n categories,\r\n images,\r\n friendlyUrl,\r\n addressId,\r\n feeCategories,\r\n languageId,\r\n adultsStandard,\r\n childStandard,\r\n childAgeFrom,\r\n childAgeTo,\r\n adultsExtra,\r\n childExtra,\r\n adultExtraFeeProductId,\r\n childExtraFeeProductId,\r\n}) => {\r\n return postData.sendCommand(\"Product\", \"CreateVacationExchangeProduct\", {\r\n Id: Common.guid(),\r\n AddressId: addressId,\r\n MerchantId: merchantId,\r\n Name: name,\r\n SubDescription: subDescription,\r\n Description: description,\r\n Sku: sku,\r\n Price: price,\r\n AttributeValues: attributeValues,\r\n Categories: categories,\r\n Images: images,\r\n CreatedDate: Common.formatDateTimeMoment(new Date()),\r\n CreatedBy: localStorage.getItem(\"userId\"),\r\n LanguageId: languageId,\r\n FriendlyUrl: friendlyUrl,\r\n FeeCategories: Common.createRelationObjectArray(feeCategories.map((cate) => cate.value)),\r\n AdultsStandard: adultsStandard,\r\n ChildStandard: childStandard,\r\n ChildAgeFrom: childAgeFrom,\r\n ChildAgeTo: childAgeTo,\r\n AdultsExtra: adultsExtra,\r\n ChildExtra: childExtra,\r\n AdultExtraFeeProductId: adultExtraFeeProductId,\r\n ChildExtraFeeProductId: childExtraFeeProductId,\r\n });\r\n};\r\n\r\nexport const createFeeProduct = ({\r\n merchantId,\r\n name,\r\n sku,\r\n price,\r\n userCategories,\r\n productCategories,\r\n}) => {\r\n return postData.sendCommand(\"Product\", \"CreateFeeProduct\", {\r\n Id: Common.guid(),\r\n MerchantId: merchantId,\r\n Name: name,\r\n Sku: sku,\r\n Price: price,\r\n UserCategories: Common.createRelationObjectArray(userCategories),\r\n ProductCategories: Common.createRelationObjectArray(productCategories),\r\n CreatedDate: Common.formatDateTimeMoment(new Date()),\r\n CreatedBy: localStorage.getItem(\"userId\"),\r\n LanguageId: languageId,\r\n });\r\n};\r\n\r\nexport const updateFeeProduct = ({\r\n id,\r\n merchantId,\r\n name,\r\n sku,\r\n price,\r\n userCategories,\r\n productCategories,\r\n}) => {\r\n return postData.sendCommand(\"Product\", \"UpdateFeeProduct\", {\r\n Id: id,\r\n MerchantId: merchantId,\r\n Name: name,\r\n Sku: sku,\r\n Price: price,\r\n UserCategories: Common.createRelationObjectArray(userCategories),\r\n ProductCategories: Common.createRelationObjectArray(productCategories),\r\n ModifiedDate: Common.formatDateTimeMoment(new Date()),\r\n ModifiedBy: localStorage.getItem(\"userId\"),\r\n LanguageId: languageId,\r\n });\r\n};\r\n\r\nexport const updateVacationProduct = ({\r\n id,\r\n merchantId,\r\n name,\r\n subDescription,\r\n description,\r\n sku,\r\n price,\r\n attributeValues,\r\n categories,\r\n images,\r\n productVariants,\r\n friendlyUrl,\r\n addressId,\r\n feeCategories,\r\n languageId,\r\n adultsStandard,\r\n childStandard,\r\n childAgeFrom,\r\n childAgeTo,\r\n adultsExtra,\r\n childExtra,\r\n adultExtraFeeProductId,\r\n childExtraFeeProductId,\r\n}) => {\r\n return postData.sendCommand(\"Sale\", \"UpdateVacationProduct\", {\r\n Id: id,\r\n AddressId: addressId,\r\n MerchantId: merchantId,\r\n Name: name,\r\n SubDescription: subDescription,\r\n Description: description,\r\n Sku: sku,\r\n Price: price,\r\n AttributeValues: attributeValues,\r\n Categories: categories,\r\n Images: images,\r\n ProductVariants: productVariants,\r\n ModifiedDate: Common.formatDateTimeMoment(new Date()),\r\n ModifiedBy: localStorage.getItem(\"userId\"),\r\n LanguageId: languageId,\r\n FriendlyUrl: friendlyUrl,\r\n AdultsStandard: adultsStandard,\r\n ChildStandard: childStandard,\r\n ChildAgeFrom: childAgeFrom,\r\n ChildAgeTo: childAgeTo,\r\n AdultsExtra: adultsExtra,\r\n ChildExtra: childExtra,\r\n AdultExtraFeeProductId: adultExtraFeeProductId,\r\n ChildExtraFeeProductId: childExtraFeeProductId,\r\n FeeCategories: Common.createRelationObjectArray(feeCategories),\r\n });\r\n};\r\n\r\nexport const updateVacationPremiumPassProduct = ({\r\n id,\r\n merchantId,\r\n name,\r\n subDescription,\r\n description,\r\n sku,\r\n price,\r\n attributeValues,\r\n categories,\r\n images,\r\n evouchers,\r\n productVariants,\r\n friendlyUrl,\r\n addressId,\r\n feeCategories,\r\n languageId,\r\n}) => {\r\n return postData.sendCommand(\"Product\", \"UpdateVacationPremiumPassProduct\", {\r\n Id: id,\r\n AddressId: addressId,\r\n MerchantId: merchantId,\r\n Name: name,\r\n SubDescription: subDescription,\r\n Description: description,\r\n Sku: sku,\r\n Price: price,\r\n AttributeValues: attributeValues,\r\n Categories: categories,\r\n Images: images,\r\n Evouchers: evouchers,\r\n ProductVariants: productVariants,\r\n ModifiedDate: Common.formatDateTimeMoment(new Date()),\r\n ModifiedBy: localStorage.getItem(\"userId\"),\r\n LanguageId: languageId,\r\n FriendlyUrl: friendlyUrl,\r\n FeeCategories: Common.createRelationObjectArray(feeCategories),\r\n });\r\n};\r\n\r\nexport const updateVacationExchangeProduct = ({\r\n id,\r\n merchantId,\r\n name,\r\n subDescription,\r\n description,\r\n sku,\r\n price,\r\n attributeValues,\r\n categories,\r\n images,\r\n friendlyUrl,\r\n addressId,\r\n feeCategories,\r\n languageId,\r\n adultsStandard,\r\n childStandard,\r\n childAgeFrom,\r\n childAgeTo,\r\n adultsExtra,\r\n childExtra,\r\n adultExtraFeeProductId,\r\n childExtraFeeProductId,\r\n}) => {\r\n return postData.sendCommand(\"Product\", \"UpdateVacationExchangeProduct\", {\r\n Id: id,\r\n AddressId: addressId,\r\n MerchantId: merchantId,\r\n Name: name,\r\n SubDescription: subDescription,\r\n Description: description,\r\n Sku: sku,\r\n Price: price,\r\n AttributeValues: attributeValues,\r\n Categories: categories,\r\n Images: images,\r\n ModifiedDate: Common.formatDateTimeMoment(new Date()),\r\n ModifiedBy: localStorage.getItem(\"userId\"),\r\n LanguageId: languageId,\r\n FriendlyUrl: friendlyUrl,\r\n FeeCategories: Common.createRelationObjectArray(feeCategories.map((cate) => cate.value)),\r\n AdultsStandard: adultsStandard,\r\n ChildStandard: childStandard,\r\n ChildAgeFrom: childAgeFrom,\r\n ChildAgeTo: childAgeTo,\r\n AdultsExtra: adultsExtra,\r\n ChildExtra: childExtra,\r\n AdultExtraFeeProductId: adultExtraFeeProductId,\r\n ChildExtraFeeProductId: childExtraFeeProductId,\r\n });\r\n};\r\n\r\nexport const createCardProduct = ({\r\n merchantId,\r\n name,\r\n subDescription,\r\n description,\r\n sku,\r\n price,\r\n sendingPointInterval,\r\n categories,\r\n images,\r\n sendingTimes,\r\n friendlyUrl,\r\n numberOfPointsPerSend,\r\n membershipId,\r\n evoucherId,\r\n languageId,\r\n}) => {\r\n return postData.sendCommand(\"Product\", \"CreateCardProduct\", {\r\n Id: Common.guid(),\r\n MerchantId: merchantId,\r\n EVoucherId: evoucherId,\r\n LanguageId: languageId,\r\n FriendlyUrl: friendlyUrl,\r\n Name: name,\r\n SubDescription: subDescription,\r\n Description: description,\r\n Sku: sku,\r\n Price: price,\r\n SendingPointInterval: sendingPointInterval,\r\n SendingTimes: sendingTimes,\r\n NumberOfPointsPerSend: numberOfPointsPerSend,\r\n MembershipId: membershipId,\r\n Categories: categories,\r\n Images: images,\r\n CreatedDate: Common.formatDateTimeMoment(new Date()),\r\n CreatedBy: localStorage.getItem(\"userId\"),\r\n });\r\n};\r\n\r\nexport const updateCardProduct = ({\r\n id,\r\n merchantId,\r\n name,\r\n subDescription,\r\n description,\r\n sku,\r\n price,\r\n evoucherId,\r\n categories,\r\n images,\r\n sendingPointInterval,\r\n friendlyUrl,\r\n sendingTimes,\r\n numberOfPointsPerSend,\r\n membershipType,\r\n languageId,\r\n}) => {\r\n return postData.sendCommand(\"Product\", \"UpdateCardProduct\", {\r\n Id: id,\r\n MerchantId: merchantId,\r\n EVoucherId: evoucherId,\r\n LanguageId: languageId,\r\n FriendlyUrl: friendlyUrl,\r\n Name: name,\r\n SubDescription: subDescription,\r\n Description: description,\r\n Sku: sku,\r\n Price: price,\r\n SendingPointInterval: sendingPointInterval,\r\n SendingTimes: sendingTimes,\r\n NumberOfPointsPerSend: numberOfPointsPerSend,\r\n MembershipType: membershipType,\r\n Categories: categories,\r\n Images: images,\r\n ModifiedDate: Common.formatDateTimeMoment(new Date()),\r\n ModifiedBy: localStorage.getItem(\"userId\"),\r\n });\r\n};\r\n\r\n// Start Exchange point product\r\nexport const createExchangePointProduct = ({\r\n id,\r\n merchantId,\r\n name,\r\n subDescription,\r\n description,\r\n sku,\r\n price,\r\n categories,\r\n images,\r\n friendlyUrl,\r\n exchangePoint,\r\n attributeValues,\r\n languageId,\r\n}) => {\r\n return postData.sendCommand(\"Product\", \"CreateExchangePointProduct\", {\r\n Id: id ? id : Common.guid(),\r\n MerchantId: merchantId,\r\n LanguageId: languageId,\r\n FriendlyUrl: friendlyUrl,\r\n Name: name,\r\n SubDescription: subDescription,\r\n Description: description,\r\n Sku: sku,\r\n Price: price,\r\n Categories: categories,\r\n Images: images,\r\n ExchangePoint: exchangePoint,\r\n CreatedDate: Common.formatDateTimeMoment(new Date()),\r\n CreatedBy: localStorage.getItem(\"userId\"),\r\n AttributeValues: attributeValues,\r\n });\r\n};\r\n\r\nexport const updateExchangePointProduct = ({\r\n id,\r\n merchantId,\r\n name,\r\n subDescription,\r\n description,\r\n sku,\r\n price,\r\n categories,\r\n images,\r\n friendlyUrl,\r\n exchangePoint,\r\n attributeValues,\r\n languageId,\r\n}) => {\r\n return postData.sendCommand(\"Product\", \"UpdateInformationExchangePointProduct\", {\r\n Id: id,\r\n MerchantId: merchantId,\r\n LanguageId: languageId,\r\n FriendlyUrl: friendlyUrl,\r\n Name: name,\r\n SubDescription: subDescription,\r\n Description: description,\r\n Sku: sku,\r\n Price: price,\r\n Categories: categories,\r\n Images: images,\r\n ExchangePoint: exchangePoint,\r\n ModifiedDate: Common.formatDateTimeMoment(new Date()),\r\n ModifiedBy: localStorage.getItem(\"userId\"),\r\n AttributeValues: attributeValues,\r\n });\r\n};\r\n// End Exchange point product\r\n\r\n// Product member subcription\r\nexport const createProductMemberSubcription = ({\r\n merchantId,\r\n name,\r\n subDescription,\r\n description,\r\n sku,\r\n price,\r\n friendlyUrl,\r\n categories,\r\n images,\r\n membershipId,\r\n attributeValues,\r\n languageId,\r\n displayOrder,\r\n autoFlow,\r\n}) => {\r\n return postData.sendCommand(\"Product\", \"CreateMemberPackageProduct\", {\r\n Id: Common.guid(),\r\n MerchantId: merchantId,\r\n AutoFlow: autoFlow,\r\n LanguageId: languageId,\r\n FriendlyUrl: friendlyUrl,\r\n Name: name,\r\n SubDescription: subDescription,\r\n Description: description,\r\n Sku: sku,\r\n Price: price,\r\n DisplayOrder: displayOrder,\r\n MembershipId: membershipId,\r\n Categories: categories,\r\n Images: images,\r\n AttributeValues: attributeValues,\r\n ActionBy: localStorage.getItem(\"userId\"),\r\n });\r\n};\r\n\r\nexport const updateProductMemberSubcription = ({\r\n id,\r\n merchantId,\r\n name,\r\n subDescription,\r\n description,\r\n sku,\r\n price,\r\n friendlyUrl,\r\n categories,\r\n images,\r\n membershipId,\r\n attributeValues,\r\n languageId,\r\n displayOrder,\r\n autoFlow,\r\n}) => {\r\n return postData.sendCommand(\"Product\", \"UpdateMemberPackageProduct\", {\r\n Id: id,\r\n AutoFlow: autoFlow,\r\n MerchantId: merchantId,\r\n LanguageId: languageId,\r\n FriendlyUrl: friendlyUrl,\r\n Name: name,\r\n SubDescription: subDescription,\r\n Description: description,\r\n Sku: sku,\r\n Price: price,\r\n DisplayOrder: displayOrder,\r\n MembershipId: membershipId,\r\n Categories: categories,\r\n Images: images,\r\n AttributeValues: attributeValues,\r\n ActionBy: localStorage.getItem(\"userId\"),\r\n });\r\n};\r\n\r\n// end product member subcription\r\n\r\nexport const createDeposit = ({\r\n ownerId,\r\n exchangeProductId,\r\n bookingId,\r\n originalPrice,\r\n price,\r\n fromDate,\r\n toDate,\r\n cutOfDate,\r\n promotionId,\r\n feeCategories,\r\n cutOfDateFeeCategoryIds,\r\n languageId,\r\n}) => {\r\n return postData.sendCommand(\"Sale\", \"CreateVacationExchangeDepositProduct\", {\r\n Id: Common.guid(),\r\n OwnerId: ownerId,\r\n DepositProductId: exchangeProductId,\r\n BookingId: bookingId,\r\n OriginalPrice: originalPrice,\r\n Price: price,\r\n FromDate: fromDate,\r\n ToDate: toDate,\r\n CutOfDate: cutOfDate,\r\n PromotionId: promotionId,\r\n FeeCategories: feeCategories,\r\n CutOfDateFeeCategoryIds: cutOfDateFeeCategoryIds,\r\n CreatedDate: Common.formatDateTimeMoment(new Date()),\r\n CreatedBy: localStorage.getItem(\"userId\"),\r\n LanguageId: languageId,\r\n });\r\n};\r\n\r\nexport const confirmVacationExchangeProductOrder = ({ orderId, note }) => {\r\n return postData.sendCommand(\"Sale\", \"ConfirmVacationExchangeProductOrder\", {\r\n Id: orderId,\r\n Notes: note,\r\n ModifiedDate: Common.formatDateTimeMoment(new Date()),\r\n ModifiedBy: localStorage.getItem(\"userId\"),\r\n });\r\n};\r\nexport const updatePriceVacationExchangeProductOrder = ({ price, productId, originalPrice }) => {\r\n return postData.sendCommand(\"Product\", \"UpdatePriceProduct\", {\r\n Id: productId,\r\n Price: price,\r\n OriginalPrice: originalPrice,\r\n ActionBy: localStorage.getItem(\"userId\"),\r\n });\r\n};\r\n\r\nexport const rejectVacationExchangeProductOrder = ({ orderId, note }) => {\r\n return postData.sendCommand(\"Sale\", \"RejectVacationExchangeProductOrder\", {\r\n Id: orderId,\r\n Notes: note,\r\n ModifiedDate: Common.formatDateTimeMoment(new Date()),\r\n ModifiedBy: localStorage.getItem(\"userId\"),\r\n });\r\n};\r\n\r\nexport const updateDisplayOrderProducts = (categoryId, productIds) => {\r\n return postData.sendCommand(\"Product\", \"UpdateDisplayOrderProducts\", {\r\n Id: Common.guid(),\r\n CategoryId: categoryId,\r\n ProductPositions: productIds.map((id, index) => ({\r\n Id: id,\r\n DisplayOrder: index,\r\n })),\r\n ActionBy: localStorage.getItem(\"userId\"),\r\n });\r\n};\r\n\r\nexport const addProductsToCategory = (categoryId, productIds) => {\r\n return postData.sendCommand(\"Product\", \"AddProductsToCategory\", {\r\n Id: Common.guid(),\r\n ProductIds: productIds,\r\n CategoryId: categoryId,\r\n ModifiedDate: Common.getCurrentDate(),\r\n ModifiedBy: localStorage.getItem(\"userId\"),\r\n });\r\n};\r\n\r\nexport const removeProductsFromCategory = (categoryId, productIds) => {\r\n return postData.sendCommand(\"Product\", \"RemoveProductsFromCategory\", {\r\n Id: Common.guid(),\r\n ProductIds: productIds,\r\n CategoryId: categoryId,\r\n ModifiedDate: Common.getCurrentDate(),\r\n ModifiedBy: localStorage.getItem(\"userId\"),\r\n });\r\n};\r\n","import { useState } from 'react'\r\n\r\nfunction useModal() {\r\n const [isOpen, setIsOpen] = useState(false)\r\n const [data, setData] = useState({})\r\n\r\n const toggle = (data = {}) => {\r\n setData(data)\r\n setIsOpen(!isOpen)\r\n }\r\n\r\n const setDataModal = (attribute, value) =>\r\n setData({\r\n ...data,\r\n [attribute]: value,\r\n })\r\n\r\n return [isOpen, toggle, data, setDataModal, setData]\r\n}\r\n\r\nexport default useModal\r\n"],"sourceRoot":""}\r\n \r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n {\r\n return gotoPage(page - 1);\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n // return alert(page)\r\n\r\n const element = document.getElementById(\"table\");\r\n const y = element.getBoundingClientRect().top + window.pageYOffset - 60;\r\n\r\n window.scrollTo({\r\n top: y,\r\n behavior: \"smooth\",\r\n });\r\n\r\n return gotoPage(page - 1);\r\n }}\r\n />\r\n
\r\n \r\n