Dev Center
ศูนย์รวมหน้าทดสอบและตัวอย่างการใช้งาน Components, Elements และ Pages สำหรับนักพัฒนา
Components
SearchableSelect
ทดสอบช่องเลือกแบบค้นหาได้ พร้อมการ config ต่างๆ
PropertyCard
ทดสอบการแสดงผล PropertyCard ทั้งแบบ Compact และ Detailed variants
Map Pagination
ทดสอบรูปแบบ pagination ต่างๆ สำหรับแผนที่มี 9,000 markers
Marker Render
ทดสอบการแสดงผล markers บนแผนที่ ครอบคลุมทุกสถานะและตำแหน่งต่างๆ
Map Vendors
ทดสอบการเปลี่ยน map vendor ระหว่าง Google Maps และ Leaflet (Leaflet เป็น default)
PropertyCardGrid
ทดสอบการแสดงผล PropertyCardGrid พร้อม pagination และ bulk actions
Property Filters
ทดสอบและเปรียบเทียบรูปแบบ UI ต่างๆ สำหรับตัวกรองข้อมูลทรัพย์สิน
Dashboard Components
ทดสอบ Dashboard Components ทั้งหมด พร้อมแสดงผลแบบธีมตาม Property Type Group
Media Upload
ทดสอบการอัปโหลดภาพและไฟล์สำหรับ Property และ related collections
Elements
DisplayLocation
ทดสอบการแสดงที่ตั้งในรูปแบบที่อ่านง่าย สำหรับกรุงเทพฯ และจังหวัดอื่นๆ
Display Components
ทดสอบ Display components ทั้งหมด (DisplayStatus, DisplayPropertyType, DisplayConstructionBudgetSource, DisplayMaintenanceRecordType, DisplayMaintenanceBudgetSource) พร้อมสลับระหว่าง 4 ประเภทข้อมูล
OccupantInfo
ทดสอบการแสดงข้อมูลผู้อยู่อาศัยและผู้ใช้สำนักงาน ครอบคลุมทุก test cases และ scenarios ต่างๆ
Input Elements
ทดสอบ NumberInput และ CurrencyInput พร้อมตัวอย่างการใช้งานแบบต่างๆ
PropertyAge
ทดสอบการแสดงอายุทรัพย์สินในรูปแบบวัน/เดือน/ปี พร้อมสีตามกลุ่มอายุ และกรณีพิเศษต่างๆ
Pages
Configuration Test
ทดสอบและตรวจสอบค่าจาก Environment Variables และ Config
API Properties Map
ดึงข้อมูลทรัพย์สินจาก API และแสดงบนแผนที่ หากไม่มีพิกัดจะสร้าง random coordinates อัตโนมัติ
Property SDK
ทดสอบ Property SDK operations (getById, getList, create)
File Upload API
ทดสอบการเรียก Directus /files endpoint เพื่ออัปโหลดไฟล์
เกี่ยวกับ Dev Center
- Dev Center เป็นหน้าสำหรับทดสอบและดูตัวอย่างการใช้งาน Components, Elements และ Pages
- ช่วยให้นักพัฒนาสามารถทดสอบและเข้าใจการใช้งานแต่ละ component ได้ง่ายขึ้น
- หน้าทดสอบใหม่จะถูกเพิ่มที่นี่โดยอัตโนมัติ