\"\r\n );\r\n } else {\r\n var $span = $(\r\n \"\" +\r\n idioma.text +\r\n \"
\"\r\n );\r\n }\r\n return $span;\r\n };\r\n\r\n this.select2Setting.templateSelection = function (idioma) {\r\n if (idioma.id) {\r\n if (idioma.title == \"bts\") {\r\n var $span = $(\r\n \"\" +\r\n idioma.text +\r\n \"\"\r\n );\r\n } else {\r\n var $span = $(\r\n \"\" +\r\n idioma.text +\r\n \"\"\r\n );\r\n }\r\n } else {\r\n var $span = $(\"\" + idioma.text + \"\");\r\n }\r\n return $span;\r\n };\r\n }\r\n\r\n if (this.props.templateSelection) {\r\n this.select2Setting.templateSelection = this.props.templateSelection;\r\n }\r\n\r\n if (this.props.minimumResultsForSearch) {\r\n this.select2Setting.minimumResultsForSearch =\r\n this.props.minimumResultsForSearch;\r\n }\r\n\r\n // console.log(this.select2Setting)\r\n this.$el\r\n .select2(this.select2Setting)\r\n .one(\"select2:open\", this.handleOpen)\r\n .on(\"select2:selecting\", this.handleChange);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.option !== this.props.option) {\r\n this.$el.select2(\"destroy\");\r\n this.$el\r\n .select2(\r\n this.select2Setting\r\n // {\r\n // placeholder: this.props.placeholder,\r\n // allowClear: true,\r\n // //onChange: this.handleChange\r\n // }\r\n )\r\n .one(\"select2:open\", this.handleOpen)\r\n .on(\"select2:selecting\", this.handleChange);\r\n // console.log(`SelectList ${this.props.fieldName} Updated`)\r\n }\r\n if (prevProps.value !== this.props.value) {\r\n this.$el.trigger(\"change.select2\");\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n {props.name}
\r\n \r\n );\r\n};\r\n\r\nexport const CheckBoxCustomInput = (props) => {\r\n function check() {\r\n props.OnformsDataChange(props.fieldName, !props.value, props.group);\r\n }\r\n\r\n return (\r\n <>\r\n{location}
\r\n{propertyTypeHtml}
\r\nรหัส {PropertyIDFormat}
\r\nราคาพิเศษ
\r\n\r\n {addSpan(property.PromotionPrice, atBath)}\r\n
\r\n );\r\n Price ={addCommas(property.SellPrice, 0)} บาท
;\r\n } else if (property.AdjustPrice) {\r\n tag = (\r\nราคาลดลงกว่าเดิม
\r\n\r\n {addSpan(property.AdjustPrice, atBath)}\r\n
\r\n );\r\n Price ={addCommas(property.SellPrice, 0)} บาท
;\r\n } else {\r\n PromotionPrice = (\r\n\r\n {addSpan(property.SellPrice, atBath)}\r\n
\r\n );\r\n Price = (\r\n\r\n -\r\n
\r\n );\r\n\r\n tag = (\r\n-
\r\n\r\n {area.value}{\" \"}\r\n {area.unit}\r\n
\r\n );\r\n } else {\r\n areaHtml = (\r\n\r\n \r\n
\r\n );\r\n }\r\n\r\n //bed & bath\r\n var bedRoomHtml;\r\n if (showBedAndBath(property)) {\r\n var bed;\r\n var bath;\r\n if (property.Bedroom && property.Bedroom > 0) {\r\n if (isBedPTag) {\r\n bed = (\r\n\r\n \r\n {property.Bedroom}\r\n
\r\n );\r\n } else {\r\n bed = (\r\n \r\n \r\n {property.Bedroom}\r\n \r\n );\r\n }\r\n }\r\n if (property.Bathroom && property.Bathroom > 0) {\r\n if (isBedPTag) {\r\n bath = (\r\n\r\n \r\n {property.Bathroom}\r\n
\r\n );\r\n } else {\r\n bath = (\r\n \r\n \r\n {property.Bathroom}\r\n \r\n );\r\n }\r\n }\r\n if (bed && bath) {\r\n bedRoomHtml = [bed, , bath];\r\n } else if (bed || bath) {\r\n bedRoomHtml = [bed, bath];\r\n } else {\r\n bedRoomHtml =;\r\n }\r\n }\r\n\r\n //assetType\r\n var propertyTypeHtml;\r\n if (property.PropertyTypeName) {\r\n propertyTypeHtml = getPropertyType(property);\r\n } else {\r\n propertyTypeHtml = \" \";\r\n }\r\n\r\n var PropertyIDFormat = property.PropertyID\r\n ? `${property.PropertyID?.slice(0, 2)}-${property.PropertyID?.slice(\r\n 2,\r\n 4\r\n )}-${property.PropertyID?.slice(4)}`\r\n : \"\";\r\n\r\n var Logo =\r\n \"/SiteCollectionDocuments/assets/PFS2022/theme/img/logo/\" +\r\n property.SourceImageLogo;\r\n var IsPartner = checkIsPartner(property) ? Logo : false;\r\n\r\n return {\r\n propertyDetailURL,\r\n thumbnailURL,\r\n location,\r\n propertyName,\r\n tag,\r\n PromotionPrice,\r\n Price,\r\n areaHtml,\r\n bedRoomHtml,\r\n propertyTypeHtml,\r\n PropertyIDFormat,\r\n IsPartner,\r\n imgPCList,\r\n };\r\n}\r\n\r\nfunction addSpan(value, atBath = true) {\r\n if (atBath) {\r\n return (\r\n <>\r\n {addCommas(value, 0)} บาท\r\n \r\n );\r\n } else {\r\n return (\r\n <>\r\n {\" \"}\r\n {addCommas(value, 0)} บาท\r\n \r\n );\r\n }\r\n}\r\n\r\nexport function checkIsPartner(data) {\r\n return data.SourceSaleType == \"Partner\";\r\n var propertyCode = data.PropertyID.slice(2, 4);\r\n switch (propertyCode) {\r\n case \"10\":\r\n return true;\r\n default:\r\n return false;\r\n }\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { PropertyList } from \"../common/PropertyBox\";\r\nimport { postApiDataAsync, kloader } from \"../common/Common\";\r\nimport Config from \"config\";\r\n\r\nexport const PromotionProperties = () => {\r\n\r\n const [PromotionProperties, setPromotionProperties] = useState([]);\r\n\r\n useEffect(() => {\r\n kloader();\r\n\r\n postApiDataAsync({\r\n urlPath: \"/GetProperties\",\r\n objRequest: {\r\n filter: {\r\n CurrentPageIndex: 1,\r\n PageSize: Config.MaxPropertyReturnCountBeforeRandom,\r\n PropertyTypes: [\"02\", \"01\", \"03\", \"05\"],\r\n SearchPurposes: [\"Promotion30PercentUp\"],\r\n SourceCodes: [\"88\"]\r\n },\r\n },\r\n }).then((data) => {\r\n setPromotionProperties(randomGetNItem(data.Items));\r\n }).catch(function (error) {\r\n console.log(error);\r\n // alertErrorAsync(error);\r\n }).then(() => {\r\n kloader();\r\n });\r\n }, []);\r\n\r\n function randomGetNItem(array) {\r\n if (array)\r\n return array\r\n .sort(function () {\r\n return 0.5 - Math.random();\r\n })\r\n .slice(0, Config.MaxPromoPropertyReturnCount);\r\n return [];\r\n }\r\n\r\n return (\r\n
![\"Search\"/](\"/SiteCollectionDocuments/assets/PFS2022/theme/img/icon/search.svg\"){kind=icon}
\r\n \r\n {/* \r\n */}\r\n \r\n {`${prop.AmphurName} ${prop.ProvinceName}`}
\r\n{comparePropertyLength}
\r\n \r\n\r\n ค้นหาทรัพย์ที่ถูกใจได้ง่ายๆ ทรัพย์รอการขายกสิกรไทยที่คัดสรรทรัพย์ขายทอดตลาดจากทั่วประเทศ\r\n คัด คุ้ม ครบ เช่น
\r\n เลือกหาทรัพย์ที่ถูกใจ ในราคาพิเศษแบบ คัด คุ้ม ครบ กับโปรโมชันทรัพย์สินรอการขายจาก\r\n ธนาคารกสิกรไทย เช่น
\r\n รวมทรัพย์รอการขายยอดนิยม ทรัพย์ธนาคารราคาพิเศษ เช่น