• Blank Pad Editor เครื่องมือแก้ไขข้อความที่ทันสมัย และมีความยืดหยุ่น ที่มีความสามารถในการแปลง และจัดการข้อความในหลากหลายรูปแบบ ด้วยคุณสมบัติที่พัฒนามาอย่างดี Blank Pad ตอบสนองความต้องการของนักเขียน นักพัฒนา และผู้ที่มองหาเครื่องมือที่สามารถทำงานได้อย่างเรียบง่ายแต่ทรงพลัง

Function :

lower case UPPER CASE

Title Case

Top 5 Words

Font Size Font Size

Copy Text (Tab 1)

Button Mode :

Download Content

Guideline Ruler

Add New Tab

SPA-070424

---
+ ปรับปรุงฟังก์ชั่น ลืมรหัสผ่าน เพิ่ม icon รูปตา ให้แสดงรหัสผ่านได้
---
jkv1qilcjhbgcioijiuzi1ni
createkeysecret

export SECRET_KEY='8KnxkZC2sInxuvndeiUrYGDwlMsdOS50QKN8Od-j8PI'
SECRET_KEY=8KnxkZC2sInxuvndeiUrYGDwlMsdOS50QKN8Od-j8PI
SECRET_KEY=8KnxkZC2sInxuvndeiUrYGDwlMsdOS50QKN8Od-j8PI

---
SMS Octopush
USER  : isaanthaispa@gmail.com
Psw: 26PaulBarruel
---
https://www.jereserveenligne.com/institute/index.php
Email : institutschardon@gmail.com
Pass : 6161Chardon
---

หน้าหลัก (Home Page)
+ หัวข้อ และโลโก้ : ชัดเจนและมีตัวเลือกเมนู
+ แบนเนอร์หลัก : แสดงโปรโมชัน หรือข้อเสนอพิเศษ
+ เมนูบริการ : แสดงรายการบริการหลักพร้อมรูปภาพ
+ ปุ่มจองบริการ : ให้ผู้ใช้สามารถเข้าถึงระบบจองได้อย่างง่ายดาย
+ เกี่ยวกับเรา / ติดต่อเรา : ข้อมูลเกี่ยวกับสปาและวิธีการติดต่อ

หน้ารายละเอียดบริการ (Service Details Page)
+ ชื่อบริการและรายละเอียด: ชัดเจนและครบถ้วน.
+ รูปภาพบริการ: แสดงบรรยากาศหรือการให้บริการ.
+ ตัวเลือกการจอง: ระยะเวลา, ราคา, ตัวเลือกเดี่ยวหรือคู่.
+ ปุ่มจอง: ให้ผู้ใช้จองบริการได้ทันที.

หน้าจองบริการ (Booking Page)
+ ฟอร์มจอง : วันที่, เวลา, รายละเอียดบริการ
+ ตัวเลือกพนักงาน : หากมีตัวเลือกให้เลือกพนักงาน
+ ตัวอย่างราคา และระยะเวลา : แสดงข้อมูลสรุปก่อนยืนยันการจอง
+ ปุ่มยืนยันการจอง : สำหรับส่งข้อมูลการจอง

หน้ายืนยันการจอง (Booking Confirmation Page)
+ สรุปการจอง : รายละเอียดการจองที่ได้ทำไว้
+ ข้อมูลการชำระเงิน : หากมีการชำระเงินทันที
+ ข้อความยืนยัน : แสดงหลังจากการจองเสร็จสิ้น
+ ปุ่มส่งไปที่อีเมล / พิมพ์ : ตัวเลือกสำหรับบันทึกหรือส่งข้อมูลการจอง

หน้าเข้าสู่ระบบ / สมัครสมาชิก (Login / Signup Page)
+ ฟอร์มเข้าสู่ระบบ : สำหรับผู้ใช้ที่มีบัญชีแล้ว
+ ลิงก์สมัครสมาชิก : สำหรับผู้ใช้ใหม่
+ ตัวเลือกลืมรหัสผ่าน : ในกรณีที่ผู้ใช

---
Database :

ตาราง Services บริการต่างๆ ที่ให้บริการในสปา
+ Service ID: รหัสบริการ (Primary Key)
+ Service Name: ชื่อบริการ
+ Description: คำอธิบายบริการ
+ Duration Options: ระยะเวลาที่เลือกได้ (เช่น 30, 60, 90 นาที)
+ Single Price Options: ราคาสำหรับบุคคลเดียว
+ Duo Price Options: ราคาสำหรับคู่
+ Image URL: ลิงก์รูปภาพประกอบบริการ
+ Category: หมวดหมู่บริการ (เช่น นวด, การดูแลผิว, สปาทรีทเมนต์)
+ Additional Info: ข้อมูลเพิ่มเติม (เช่น เทคนิคการนวด, ประโยชน์)
+ User ID: รหัสผู้ใช้/ผู้ลงข้อมูล

ตาราง Bookings การจองบริการ
+ Booking ID: รหัสการจอง (Primary Key)
+ User ID: รหัสผู้ใช้ที่ทำการจอง
+ Service ID: รหัสบริการที่ถูกจอง
+ Booking Date & Time: วันที่และเวลาที่ทำการจอง
+ Status: สถานะการจอง (เช่น ยืนยัน, รอการชำระเงิน, ยกเลิก)

ตาราง Payments การชำระเงิน
+ Payment ID: รหัสการชำระเงิน (Primary Key)
+ Booking ID: รหัสการจองที่เกี่ยวข้อง (Foreign Key)
+ Amount: จำนวนเงินที่ชำระ
+ Status: สถานะ
+ User ID

ลำดับการพัฒนา API

+ API /services/types-create (ประเภทบริการ และสินค้า)
เนื่องจากข้อมูลประเภทบริการเป็นพื้นฐานสำคัญสำหรับระบบ ควรเริ่มพัฒนาที่นี่เพื่อกำหนดประเภทบริการต่างๆ ไว้ล่วงหน้า.

+ API /services/create (เพิ่มข้อมูลบริการ และสินค้า)
หลังจากมีประเภทบริการ ค่อยเพิ่มข้อมูลบริการที่เฉพาะเจาะจงภายในแต่ละประเภท.

+ API /bookings/create (การจองบริการ และของขวัญ)
เมื่อมีบริการพร้อม สามารถเริ่มเปิดตัวการจองบริการ รวมถึงการจองเป็นของขวัญ.

+ API /employee-queues/assign (จัดสรรคิวงานพนักงาน)
เมื่อมีการจองเข้ามา จำเป็นต้องมีการจัดสรรคิวงานให้กับพนักงาน เพื่อให้พนักงานเตรียมพร้อมให้บริการ.

+ API /bookings/view (การตรวจสอบการจอง)
สำหรับให้ลูกค้าและพนักงานตรวจสอบรายละเอียดการจอง.

API /bookings/confirm (การยืนยันหรือการเปลี่ยนแปลงการจอง)
ใช้สำหรับการยืนยันหรือเปลี่ยนแปลงการจอง ซึ่งเป็นส่วนสำคัญในการจัดการการจอง.
---

การพัฒนา API สำหรับระบบร้านสปาควรเริ่มต้นด้วยลำดับความสำคัญของแต่ละฟังก์ชันงาน ดังนี้:

1. API สำหรับการจัดการประเภทบริการ (Service Types) ✅
+ API /services/api/types_create : สำหรับเพิ่มประเภทบริการใหม่
+ API /services/api/types_edit : สำหรับแก้ไขประเภทบริการที่มีอยู่
+ API /services/api/types_del : สำหรับลบประเภทบริการ

---

2. API สำหรับการจัดการบริการ (Services) ✅
+ API /services/api/create: สำหรับเพิ่มบริการใหม่.
+ API /services/api/edit : สำหรับแก้ไขบริการที่มีอยู่.
+ API services/api/delete : สำหรับลบบริการ.

---

3. API สำหรับการจอง (Bookings) ✅
+ API /bookings/api/create : สำหรับสร้างการจองใหม่.
+ API /bookings/api/view : สำหรับดูรายละเอียดการจอง.
+ API /bookings/api/edit : สำหรับแก้ไขการจองที่มีอยู่
+ API /booking/api/delete : สำหรับลบข้อมูลการจอง และลบข้อมูลรายการจอง
+ API /register/api/update_status?user_ID=58&table_name=user&id_field_name=user_ID&record_id=58 : อัพเดตสถานะ  ตาราง user และ field ชื่อ user_ID และ ผู้ใช้งานที่ 58 อัพเดตสถานะ เปลี่ยน

3.2. API สำหรับการรายการจอง (BookingDetails)  ✅
SELECT `BookingDetailID`, `BookingID`, `ServiceID`, `EmployeeID`, `ServiceDate`, `ServiceTime`, `ServiceStatus`, `TransactionID`, `GiftRecipientID` FROM `BookingDetails` , 'note' WHERE 1
+ API /bookings/api/detail_create : สำหรับสร้างการจองใหม่.
+ API /bookings/api/detail_view : สำหรับดูรายละเอียดการจอง.
+ API /bookings/api/detail_edit : สำหรับแก้ไขการจองที่มีอยู่

+ API /bookings/api/detail_payment : จัดการการชำระเงินของการจอง รวมถึงการชำระเต็มจำนวน, ชำระเงิน 50%, หรือการจ่ายเป็นบางส่วน.
รับพารามิเตอร์: BookingDetailID, Amount, PaymentType (เต็มจำนวน, 50%, บางส่วน) ❌

+ API /bookings/api/detail_assign_employee: จัดสรรพนักงานเข้าให้บริการตามคิว
รับพารามิเตอร์: BookingDetailID, EmployeeID ❌

---

4. API จัดการข้อมูลผู้ใช้งาน ลูกค้า และพนักงาน ✅
+ API /login/api/check  : สำหรับ ผู้ใช้งานเข้าสู่ระบบ
+ API /logout/api/checkout : ออกจากระบบ
+ API /register/api/user?user_ID=57 : ค้นหา  user_ID
+ API /register/api/all_users?user_ID=58 : ค้นหาผู้ใช้งานในระบบทั้งหมด แต่ต้องส่ง user_ID มาด้วยเพื่อยืนยันการขอเข้าดู
+ API /register/api/token_required : ร้องขอ Token ของสร้างรหัส Token
+ API /register/api/insert : สำหรับเพิ่มผู้ใช้งาน รองรับการสมัครสมาชิกทั้งระบบ
+ API /register/api/edit?user_ID=57 : สำหรับแก้ไขข้อมูลผู้ใช้งาน
+ API register/api/change_password?user_ID=57  : สำหรับ ให้ผู้ใช้งาน เปลี่ยนรหัสผ่าน

---

5. API สำหรับอัพเดตสถานะทั้งระบบ เปลี่ยนแค่ชื่อตาราง✅
+ API /register/api/update_status?user_ID=58&table_name=user&id_field_name=user_ID&record_id=58 : อัพเดตสถานะ  ตาราง user และ field ชื่อ user_ID และ ผู้ใช้งานที่ 58
+ API /register/api/position_set?user_ID=58 : อัพเดตสถานะของตำแหน่ง และ สิทธิ์การเข้าใช้งานระบบ
+API /register/api/position_list : เรียกดู ข้อมูลพื้นฐาน ตำแหน่ง และ สิทธิ์ ทั้งระบบ
+API /register/api/status_list : เรียดดู ข้อมูลพื้นฐาน ค่าสถานะ ทั้งระบบ

---

6. API อัพโหลดรูปภาพ จัดเก็บที่อยู่รูปภาพแบบ URL original File และ resized ✅
+API /img/api/upload : รอรับการตอบกลับหลังจาก ได้อัพโหลดรูปภาพผ่าน API https://go.afaa.website/aachat/api/upload
++ ตาราง img_conn_data ใช้เพื่อเชื่อมต่อรูปภาพกับประเภทบริการ (ServiceTypes) โดยมีเก็บ ID ของรูปภาพ, วันที่ และเวลาของการเชื่อมต่อ และสถานะการเชื่อมต่อ
++ ตาราง image_urls เก็บข้อมูลเกี่ยวกับรูปภาพที่ถูกอัปโหลด ได้แก่ ชื่อไฟล์, เวลาอัปโหลด, ประเภทไฟล์, URL ของไฟล์ต้นฉบับและไฟล์ที่ถูกปรับขนาด

+API /img/api/create :  สร้างข้อมูลการเชื่อมต่อรูปภาพในฐานข้อมูล
หากในข้อมูลที่ส่งมามี imgConn_Date และ imgConn_Time จะถูกรวมเป็น datetime string แล้วถูกแทรกเข้าไปในฐานข้อมูลในรูปแบบ 'YYYY-MM-DD HH:MM:SS'

---

7. API สำหรับการจัดสรรคิวงานพนักงาน (Employee Queues) ✅
+ API /queues/api/assign : สำหรับจัดสรรคิวงานให้พนักงาน บริการ
+ API /queues/api/view : Dashboard สำหรับพนักงาน หรือผู้จัดการ สามารถดูคิวงานปัจจุบัน และรายละเอียด
+ API /queues/api/update : เพื่ออัปเดตสถานะของคิวงานเมื่อมีการเปลี่ยนแปลง

---

8.  API จัดการการชำระเงิน (Payment Management)  ✅

API /payments/api/create : สร้างข้อมูลการชำระเงิน โดยใช้วิธีการ POST สำหรับการสร้าง
API /payments/api/update : อัปเดต ข้อมูลการชำระเงิน PUT สำหรับการอัปเดต
API /payments/api/view : ใช้สำหรับการดูข้อมูลการชำระเงินทั้งหมด โดยสามารถตั้งค่าพารามิเตอร์ เพื่อกรองข้อมูลตามประเภทของการชำระเงิน เช่น การจ่ายเงินเดือนพนักงาน, ค่าใช้จ่าย, การสั่งซื้อสินค้า ฯลฯ

+ API สำหรับการดูข้อมูลการชำระเงิน :
API /payments/api/view , /payments/api/payroll, /payments/api/expenses , /payments/api/purchase_order`, และ /payments/api/report รวมเข้าด้วยกันเป็น API เดียวที่ใช้สำหรับการดูข้อมูลการชำระเงินทั้งหมด โดยสามารถตั้งค่าพารามิเตอร์ เพื่อกรองข้อมูลตามประเภทของการชำระเงิน เช่น การจ่ายเงินเดือนพนักงาน, ค่าใช้จ่าย, การสั่งซื้อสินค้า ฯลฯ

+ API สำหรับรายงานการเงิน :
API /payments/api/report อาจยังคงเป็น API แยกต่างหากหากมีความจำเป็นในการแยกการ วิเคราะห์ข้อมูลการเงิน และค่าใช้จ่ายออกจากการดูข้อมูลการชำระเงินทั่วไป

---

9. API สำหรับการยืนยันการจบบริการ (Service Completion) ❌
API /bookings/confirm**: สำหรับยืนยันว่าบริการได้จบลงแล้ว

การทำงานของ Service Completion
+ ตรวจสอบ และอัปเดตการปลดล็อกการเรียกเก็บเงิน : หลังจากยืนยันการจบบริการ API จะตรวจสอบว่ากระบวนการชำระเงินได้ถูกเริ่มต้น และดำเนินการไปถึงขั้นตอนใดแล้ว หากยังไม่เริ่มต้น จะทำการปลดล็อกอัตโนมัติ
+ อัปเดตคิวงานของพนักงาน : API จะตรวจสอบ และอัปเดตคิวงานของพนักงาน รวมทั้งลบคิวงานที่เสร็จสิ้นออกจากระบบ
+ การจัดสรรทรัพยากร : API จะตรวจสอบการใช้ทรัพยากร และจัดสรรให้พร้อมสำหรับการจองครั้งต่อไป
+ การเก็บข้อมูล และรายงาน : API จะเก็บข้อมูลการให้บริการ และเตรียมรายงานสำหรับการวิเคราะห์

ฟังก์ชันของหน้า Dashboard Service Completion 
+ แสดงสถานะการจบบริการ : แสดงข้อมูลการจบบริการสำหรับแต่ละคิว หรือการจอง
+ ติดตามกระบวนการเรียกเก็บเงิน : แสดงสถานะของกระบวนการเรียกเก็บเงินที่เกิดขึ้นหลังจากการจบบริการ
+ รายงานสถานะคิวงานพนักงาน : แสดงสถานะคิวงานปัจจุบันของพนักงาน และอัปเดตเมื่อมีการเปลี่ยนแปลง
+ จัดการทรัพยากร: แสดงสถานะการใช้งานทรัพยากร และการจัดสรรใหม่
+ วิเคราะห์ และรายงาน : นำเสนอข้อมูลเชิงวิเคราะห์และรายงานเกี่ยวกับการให้บริการ

---

ส่วนที่กำลังดำเนินการ >>  
10. API จัดการโปรโมชั่น และรายการโปรโมชั่น (Promotion Management) และส่วนลด คู่ปอง

API /promotions/api/create ✅
วัตถุประสงค์: ใช้สำหรับการสร้างโปรโมชั่นใหม่
การทำงาน: รับข้อมูลโปรโมชั่น (เช่น ชื่อ, ประเภท, คำอธิบาย, วันที่เริ่มต้น, วันที่สิ้นสุด ฯลฯ) และเพิ่มข้อมูลลงในฐานข้อมูล

✅ API /promotions/api/view
วัตถุประสงค์: ใช้สำหรับดูรายละเอียดโปรโมชั่น
การทำงาน: สามารถดึงข้อมูลโปรโมชั่นตาม ID หรือตามเงื่อนไขที่กำหนด

✅ API /promotions/api/edit
วัตถุประสงค์: ใช้สำหรับแก้ไขโปรโมชั่น
การทำงาน: รับข้อมูลที่ต้องการแก้ไข และอัปเดตข้อมูลในฐานข้อมูลตาม ID ของโปรโมชั่น

✅ API /promotions/api/delete
วัตถุประสงค์: ใช้สำหรับลบโปรโมชั่น
การทำงาน: ลบข้อมูลโปรโมชั่นจากฐานข้อมูลตาม ID ที่ระบุ
จะทำงานร่วมกับ promotion_items
 
✅ API /promotion_items/api/create
ใช้สำหรับสร้างรายการโปรโมชั่นใหม่ Promotion Items ทำหน้าที่เก็บข้อมูลรายการ Promotion ให้กับ ตาราง Promotion

✅ API /promotion_items/api/edit
ใช้สำหรับ แก้ไขรายการโปรโมชั่น Promotion Items

✅ API /https://py.testproject.work/promotions/api/delete
ลบข้อมูลใน promotion_items ตาม item_id ที่ระบุ {"item_id": [14, 15]}

ระบบจะตรวจสอบว่ามีข้อมูลในตาราง promotion_items ที่เชื่อมโยงกับ promotion_id ที่ระบุหรือไม่
หากพบข้อมูลใน promotion_items ที่เชื่อมโยงกับ promotion_id ใด ๆ ที่ระบุไว้ จะไม่ลบ promotion_id นั้น และจะเพิ่มไว้ในรายการ skipped_promotion_ids จากนั้นลบข้อมูลใน promotions ตาม promotion_id ที่ไม่มีข้อมูลใน promotion_items
{"promotion_id": [34,35,36]}

ระบบจะตรวจสอบว่ามีข้อมูลในตาราง promotion_items ที่เชื่อมโยงกับ promotion_id ที่ระบุหรือไม่
หากพบข้อมูลใน promotion_items ที่เชื่อมโยงกับ promotion_id ใด ๆ ที่ระบุไว้ จะไม่ลบ promotion_id นั้น และจะเพิ่มไว้ในรายการ skipped_promotion_ids จากนั้นจะทำการลบข้อมูลใน promotion_items ตาม item_id ที่ระบุ
{  "promotion_id": [34,35,36],
    "item_id": [14, 15] }

---

11. API สำหรับการจัดการรีวิว (Reviews) ❌
API /reviews/api/create**: สำหรับสร้างรีวิวใหม่
API /reviews/api/view**: สำหรับดูรีวิว
API /reviews/api/edit**: สำหรับดูรีวิว

---

12. API ฟังก์ชั่นการแจ้งเตือน ทางอีเมล, SMS  ❌
API /notifications/api/send_email : การส่งอีเมล แจ้งเตือนเมื่อมีการเปลี่ยนแปลงสำคัญ เช่น ยืนยันการจอง, การเปลี่ยนแปลงการจอง, หรือการยกเลิกการจอง
รับพารามิเตอร์: อีเมลผู้รับ, หัวข้อ, เนื้อหาข้อความ

API /notifications/api/send_sms : การส่ง SMS แจ้งเตือนเหมือนกับการส่งอีเมล แต่เป็นการส่งข้อความสั้นๆ ผ่านทางโทรศัพท์ 
รับพารามิเตอร์ : หมายเลขโทรศัพท์ผู้รับ, เนื้อหาข้อความ

API /notifications/api/create_notification :
สำหรับสร้างการแจ้งเตือนในระบบ เช่น ส่งการแจ้งเตือนไปยังแดชบอร์ดของพนักงาน หรือผู้จัดการเกี่ยวกับการจอง หรือการเปลี่ยนแปลงสำคัญ
รับพารามิเตอร์ : ประเภทการแจ้งเตือน, รายละเอียด, ผู้รับ

API /notifications/api/view_notifications : สำหรับดูรายการการแจ้งเตือนที่ส่งไปยังผู้ใช้งานเฉพาะ 
รับพารามิเตอร์: ผู้ใช้งาน ID, ช่วงเวลา

API /notifications/api/update_notification_status : อัปเดตสถานะของการแจ้งเตือน เช่น จาก 'ยังไม่อ่าน' เป็น 'อ่านแล้ว' 
รับพารามิเตอร์ : การแจ้งเตือน ID, สถานะใหม่.

+ การเรียงลำดับนี้จะช่วยให้ สร้างพื้นฐานสำหรับข้อมูล และบริการต่างๆ ของระบบได้อย่างมีระบบ และสามารถพัฒนาไปสู่การจัดการการจอง และการให้บริการได้อย่างครอบคลุม

+ พัฒนา Frontend ที่สอดคล้องกับ API เพื่อให้ผู้ใช้งานสามารถทำงานผ่านหน้าเว็บได้อย่างง่ายดาย.

+++ API View & Search Booking +++

+ ค้นหา เรียงลำดับและการแบ่งหน้า ตัวอย่าง เรียงตามวันที่ และ เรียงจากน้อยไปหามาก หน้าที่ 1 จำนวน 3 รายการ
API /booking/api/view?sort_by=date&sort=asc&page=1&limit=3

+ ค้นหาหลายตัวเข้าด้วยกัน ตัวอย่าง ค้นหาสถานะที่ 8 วันที่ A ไป วันที่ B
API /booking/api/view?CustomerID=57&status=8&date_from=2024-03-20&date_to=2024-03-30

+ Search by Amount Range ค้นหาจำนวนที่จ่ายเงินเข้ามา น้อยไปหามาก
API /booking/api/view?amount_min=550&amount_max=650

+ Search with Time Range และ ค้นหาตามวันที่
API /booking/api/view?time_from=10:00&time_to=16:00&date_from=2024-02-15&date_to=2024-02-16

+ Search with Time Range ตามช่วงเวลาที่ต้องการ ทั้งหมด
API /booking/api/view?time_from=10:00&time_to=16:00

+ Search by Payment Status:
API /booking/api/view?PaymentStatus=4

+ Search by Booking Status:
API /booking/api/view?status=5

+ ค้นหาตามรหัส ช่วง หรือ ระหว่าง CustomerID เรียงจากน้อยไปหามาก เรียงจากมากไปหาน้อย
API /booking/api/view?CustomerIDRange=57-59&sort=sort

+ ค้นหาตามรหัส ช่วง หรือ ระหว่าง CustomerID
API /booking/api/view?CustomerIDRange=57-59

+ ค้นหาตามรหัส CustomerID
API /booking/api/view?CustomerID=58

+ ค้นหาตามรหัส CustomerID จากวันที่ A ไป วันที่ B
API /booking/api/view?CustomerID=57&date_from=2024-02-15&date_to=2024-02-16

+ ค้นหาตามรหัสการจอง หรือ bookings
API /booking/api/view?BookingID=11

+ สำรหับค้นหา ช่วงเวลา
API /booking/api/view?date_from=2024-02-15&date_to=2024-03-20

การค้นหาทั่วไป (General Search)
+ Booking ID: ค้นหาด้วยรหัสการจอง /booking/api/view?BookingID=11
+ Customer ID: ค้นหาด้วยรหัสลูกค้า /booking/api/view?CustomerID=58
+ Date Range: ค้นหาด้วยช่วงวันที่ /booking/api/view?date_from=2024-02-15&date_to=2024-02-16
+ Time Range: ค้นหาด้วยช่วงเวลา /booking/api/view?time_from=10:00&time_to=16:00

การค้นหาขั้นสูง (Advanced Search)
+ Combined Filters: การใช้ตัวกรองหลายอย่าง /booking/api/view?CustomerID=57&status=8&date_from=2024-03-20&date_to=2024-03-30
+ Amount Range: ค้นหาตามช่วงของจำนวนเงิน /booking/api/view?amount_min=550&amount_max=650
+ Customer ID Range: ค้นหาตามช่วงรหัสลูกค้า /booking/api/view?CustomerIDRange=57-59
+ Payment Status: ค้นหาตามสถานะการชำระเงิน /booking/api/view?PaymentStatus=4
+ Booking Status: ค้นหาตามสถานะการจอง /booking/api/view?status=5

การเรียงลำดับและการแบ่งหน้า (Sorting and Pagination)
+ Sorting and Limiting: เรียงลำดับและจำกัดจำนวนผลลัพธ์ 
API /booking/api/view?sort_by=date&sort=asc&page=1&limit=3

+++ API View & Search Booking +++

+ Search ServiceID บริการ/สินค้า  และ ค้นหาตามวันที่
API /booking/api/detail_view?ServiceID=2&date_from=2024-02-15&date_to=2024-02-16

+ sort ตาม ServiceDate และ เรียงจากน้อยไปหามาก
API /booking/api/detail_view?sort_by=ServiceDate&sort=asc

+ page และ limit เป็นการจัดการ Pagination หรือการแบ่งหน้าข้อมูล limit=1 จะแสดงผลลัพธ์ 1 รายการต่อหน้า และ page=7 กำลังเข้าถึงหน้าที่ 7 ของชุดข้อมูล
API /booking/api/detail_view?page=1&limit=5

+++ API View & Search Booking detail_view_price  +++

API /booking/api/detail_view_price?BookingID=389&sort=asc&sort_by=ServiceDate

• EmployeeID, ค่า: YourEmployeeID (หากมีการใช้งาน)
• ServiceID, ค่า: YourServiceID (หากมีการใช้งาน)
• date_from, ค่า: YYYY-MM-DD (วันเริ่มต้นสำหรับการกรอง)
• date_to, ค่า: YYYY-MM-DD (วันสิ้นสุดสำหรับการกรอง)
• sort, ค่า: asc หรือ desc (สำหรับลำดับการเรียง)
• sort_by, ค่า: BookingDetailID หรือชื่อฟิลด์อื่น ๆ (สำหรับการเรียงตามคอลัมน์เฉพาะ)
• page, ค่า: 1 (หรือตัวเลขอื่น ๆ สำหรับการแบ่งหน้า)
• limit, ค่า: 10 (หรือตัวเลขอื่น ๆ สำหรับขนาดหน้า)

+++ API View & Search Queues +++

+ Search queues ตามสถานะ และ Booking ID
API /queues/api/view?Status=1&BookingID=345678

+  Search แสดงข้อมูลของคิวงานหนึ่งรายการที่ตรงกับเงื่อนไขที่กำหนดไว้ใน URL. รายละเอียดของคิวงานนี้
+ EmployeeID=789012: ค้นหาคิวงานที่เกี่ยวข้องกับพนักงาน ID 789012.
+ CustomerID=123456: ค้นหาคิวงานที่เกี่ยวข้องกับลูกค้า ID 123456.
+ BookingID=345678: ค้นหาคิวงานที่เกี่ยวข้องกับการจอง ID 345678.
+ Priority=0: ค้นหาคิวงานที่มีความสำคัญระดับ 0.
+ Status=1: ค้นหาคิวงานที่มีสถานะ 1 (อาจหมายถึง 'active' หรือ 'pending').
+ Type=1: ค้นหาคิวงานประเภท 1 (อาจหมายถึงประเภทบริการหรืองานที่ระบุ).
+ sort=asc: เรียงลำดับข้อมูลจากน้อยไปมาก ใช้ได้ทั้ง (asc และ desc)
+ sort_by=QueueID: เรียงลำดับตามรหัสคิว.
+ page=1&limit=10: แสดงผลหน้าแรก (page 1) โดยแต่ละหน้ามีข้อมูลสูงสุด 10 รายการ.

API /queues/api/view?EmployeeID=789012&CustomerID=123456&BookingID=345678&Priority=0&Status=1&Type=1&sort=asc&sort_by=QueueID&page=1&limit=10

+ ค้นหาข้อมูลจากตาราง Queues ในวันที่ A ถึงวันที่ B แสดงผล และ สถานะที่ต้องการแสดงผล
+ Status = 1: แสดงเฉพาะ Status เท่ากับ 1
+ date_from=2024-02-15 และ date_to=2024-02-20 : แสดงเฉพาะคิวที่มีวันที่สร้าง (CreatedAt) อยู่ในช่วงระหว่างวันที่ 2024-02-15 ถึงวันที่ 2024-02-20
+ time_from=11:00:00 และ time_to=19:00:00: แสดงเฉพาะคิวที่มีเวลาเริ่มต้นที่คาดการณ์ไว้ (ExpectedStartTime) อยู่ในช่วงเวลา 11:00 น. ถึง 19:00 น. ในวันที่กำหนด

API /queues/api/view?Status=1&date_from=2024-02-15&date_to=2024-02-20&time_from=11:00:00&time_to=19:00:00

+ ค้นหาข้อมูลจากตาราง Queues ในวันที่ A ถึงวันที่ B แสดงผล
+ Status = 1 : แสดงเฉพาะ Status เท่ากับ 1
API /queues/api/view?Status=1&date_from=2024-02-15&date_to=2024-02-20

+++ API View & Search Payments +++

+ ค้นหาข้อมูล การจอง Booking ตาม ID จากตาราง payments 
API /payments/api/view?BookingID=67893

+ เลือกข้อมูลการชำระเงินทั้งหมด ID เท่ากับ 67890 ประเภทค่าใช้จ่าย ExpenseTypeID เท่ากับ 2 สถานะการชำระเงินเท่ากับ 2 และ ID ของพนักงานเท่ากับ 2
API /payments/api/view?BookingID=67890&ExpenseTypeID=2&PaymentStatus=2&EmployeeID=2

+ API ข้อมูลการชำระเงินที่ตรงตามเกณฑ์การกรอง คือ การชำระเงินที่ดำเนินการโดยลูกค้าที่มี ID เท่ากับ 2 ตั้งแต่วันที่ 2024-01-23: ถึงวันที่ 2024-01-24 มีสถานะเป็น "Completed" และ "Active" มีจำนวนเงินเท่ากับ 150 บาท และใช้สกุลเงิน USD และมียอดคงเหลือเท่ากับ 600 บาท

+ PaymentStatus = 2: กรองเฉพาะการชำระเงินที่มีสถานะเป็น "Completed"
+ StartDate = 2024-01-23: กรองเฉพาะการชำระเงินที่ดำเนินการตั้งแต่วันที่ 23 มกราคม 2567
+ EndDate = 2024-01-24: กรองเฉพาะการชำระเงินที่ดำเนินการจนถึงวันที่ 24 มกราคม 2567
+ CustomerID = 2: กรองเฉพาะการชำระเงินของลูกค้าที่มี ID เท่ากับ 2
+ status = 2: กรองเฉพาะการชำระเงินที่มีสถานะเป็น "Active"
+ Amount = 150: กรองเฉพาะการชำระเงินที่มีจำนวนเงินเท่ากับ 150 บาท
+ Currency = USD: กรองเฉพาะการชำระเงินในสกุลเงิน USD
+ Remaining = 600: กรองเฉพาะการชำระเงินที่มียอดคงเหลือเท่ากับ 600 บาท

API /payments/api/view?PaymentStatus=2&StartDate=2024-01-23&EndDate=2024-01-24&CustomerID=2&status=2&Amount=150&Currency=USD&Remaining=600

+ API ค้นหาการชำระเงินทั้งหมดสำหรับลูกค้าที่มี ID เป็น 2 และการชำระเงินดำเนินการตั้งแต่วันที่ 2024-01-23 ถึงวันที่ 2024-01-24
API /payments/api/view?StartDate=2024-01-23&EndDate=2024-01-24&CustomerID=2

+ API ค้นหาการชำระเงินทั้งหมดที่มี PaymentStatus สถานะเป็น 2 และจำนวนเงินมากกว่า หรือ เท่ากับ 500 บาทขึ้นไป เรียงลำดับจำนวนเงิน จากน้อย-ไปมาก 
API /payments/api/view?PaymentStatus=2&AmountGreater=500&SortBy=Amount&SortOrder=asc

+ API ค้นหาการชำระเงินทั้งหมดที่มีสกุลเงินเป็น THB และยอดคงเหลือ น้อยกว่า หรือเท่ากับ 500 บาท เรียงลำดับจำนวนเงิน จากมาก-ไปหาน้อย : 
RemainingLesser = สำหรับค้นหายอดคงเหลือน้อยกว่า หรือเท่ากับ
RemainingGreater = สำหรับค้นหายอดคงเหลือมากกว่า หรือเท่ากับ
API /payments/api/view?Currency=THB&SortBy=Remaining&SortOrder=desc&RemainingLesser=500

+ API ค้นหาการชำระเงินทั้งหมดที่มี PaymentStatus สถานะเท่ากับ 2
+ สถานะรายการ Payments status เท่ากับ 2 
+ จำนวนเงินอยู่ระหว่าง 200 ถึง 500 บาท:
+ Sort By Amount  เรียงลำดับจำนวนเงิน จากมาก-ไปหาน้อย
API /payments/api/view?PaymentStatus=2&status=2&SortBy=Amount&SortOrder=desc&AmountGreater=500&AmountLesser=1000

+++ API View & Search Promotions +++

+ API ค้นหา เพื่อตรวจสอบโปรโมชั่นด้วย promotion_id เท่านั้น :
API /promotions/api/view?promotion_id=13

+ API ค้นหาตามสถานะของ โปรโมชั่นด้วย
API /promotions/api/view?status=3

+ API ค้นหา มูลค่าโปรโมชั่นอยู่ระหว่าง 500 ถึง 1600 บาท และ เรียงลำดับผลลัพธ์จากมากไปน้อยตามมูลค่าโปรโมชั่น
+ promotion_value_min=500
+ promotion_value_max=1600
+ sort_by=promotion_value
+ sort_order=DESC (เรียงลำดับผลลัพธ์จากมากไปน้อย)
API /promotions/api/view?promotion_limit_min=200&promotion_limit_max=500

+ API ค้นหา โปรโมชั่นประเภทส่วนลด โปรโมชั่นเริ่มตั้งแต่วันที่ 2024-06-01 ถึง 2024-06-05 จำนวนรวมทั้งหมดที่ต้องใช้โปรโมชั่นต้องไม่เกิน 200 บาท
+ promotion_type เท่ากับ 1
+ start_date ตั้งแต่วันที่ 1 มิถุนายน 2024
+ end_date ถึงวันที่ 5 มิถุนายน 2024
+ promotion_limit เท่ากับ 200
API /promotions/api/view?promotion_type=1&start_date=2024-06-01&end_date=2024-06-05&promotion_limit=200

+ API ค้นหา ประเภทของโปรโมชั่น promotion_type เท่ากับ 1 เรียงลำดับผลลัพธ์ จากน้อย-ไปหามาก ตามจำนวนรวมทั้งหมดที่ต้องใช้โปรโมชั่น
API /promotions/api/view?promotion_type=1&sort_by=promotion_limit&sort_order=ASC

+ promotion_type : ประเภทของโปรโมชั่น
+ start_date : วันที่เริ่มต้นโปรโมชั่น
+ end_date : วันที่สิ้นสุดโปรโมชั่น
+ promotion_limit: จำนวนรวมทั้งหมดที่ต้องใช้โปรโมชั่น
+ promotion_value_min : มูลค่าโปรโมชั่นขั้นต่ำ
+ promotion_value_max : มูลค่าโปรโมชั่นสูงสุด
+ sort_by : ฟิลด์ที่ใช้จัดเรียงผลลัพธ์
+ sort_order : ลำดับการจัดเรียงผลลัพธ์ (ASC: เรียงลำดับจากน้อยไปมาก DESC: เรียงลำดับจากมากไปน้อย)

+++ แสดงข้อมูล รายการโปรโมชั่น Promotion ตามเงื่อนไขที่ระบุ +++
+  API จะค้นหารายการ ในโปรโมชั่นที่มี item_id เท่ากับ 17 promotion_id เท่ากับ 25 และ status เท่ากับ 1.
API /promotion_items/api/view?item_id=17&promotion_id=25&status=1

+++

price

+ POST /price/api/create : สร้างรายละเอียดราคาใหม่ขึ้นตามข้อมูล JSON ที่ให้ เรียกใช้ฟิลด์เช่น PriceType, PriceValue, currency เป็นต้น ข้อมูลถูกแทรกไว้ในตาราง price_details ในฐานข้อมูล

+ PUT /price/api/update: อัปเดตรายละเอียดราคาที่มีอยู่ตาม PriceID อนุญาตให้แก้ไขฟิลด์เช่น PriceType, PriceValue, status เป็นต้น เส้นทางตอบกลับด้วย ID ของราคาที่อัปเดตและข้อผิดพลาดที่พบ

+ DELETE /price/api/delete: ลบรายละเอียดราคาตาม PriceID ที่ให้ เส้นทางตอบกลับด้วย ID ของราคาที่ถูกลบและข้อผิดพลาดใด ๆ

+ DELETE /price/api/delete_uuid : เช่นเส้นทางที่ลบก่อนหน้านี้ แต่จะลบรายละเอียดราคาตาม uuid ที่ให้

+ GET /price/api/view : ดึงรายละเอียดราคาตามพารามิเตอร์คำถามที่หลากหลายเช่น PriceID, PriceType, status เป็นต้น ใช้คำสั่ง SELECT พร้อมเงื่อนไขเพื่อกรองข้อมูลที่เกี่ยวข้องออกมาจากฐานข้อมูล

+ GET /price/api/view_app: เส้นทางดูพิเศษที่พิจารณาเวลาบริการและจัดหมวดหมู่ราคาเป็น Duo, Solo หรือ Unknown ขึ้นอยู่กับ PriceType มันจัดเรียงผลลัพธ์ตามเวลาบริการที่แปลงเป็นนาที

+ GET /price/api/price_service?status=1&priceConn_dataID=57 : ดึงราคาบริการพร้อมรายละเอียดโดยการดำเนินการคิวรี SQL ที่รวมตาราง price_details และ services เข้าด้วยกัน และรองรับพารามิเตอร์การค้นหาต่างๆ เพื่อกรองผลลัพธ์

malaysia.afaa.online

ssh bds@100.112.66.216
ssh bds@100.112.163.48
ssh root@100.112.163.48

ssh root@47.250.150.206
ssh root@172.19.51.252
172.19.51.252

CREATE USER 'phpmyadmin'@'localhost' IDENTIFIED BY 'sqlMMapp';

ServerName 100.112.163.48

ssh bds@192.168.1.15
User : admin
Pass : 362A

.
tar -zcvf jbosport1803.tar.gz /var/www/website2022/jbosport.org/wp-admin

wget https://jbosport.org/jbosport1803.tar.gz

wget https://www.jbosport.org/jbosport1803.tar.gz

wget https://192.testproject.work/jbosport1803.tar.gz

tar -xzvf /var/www/website2022/jbosport.org/backup03/jbosport1803.tar.gz

/var/www/website2023/thehatch126.com

tar -zcvf thehatch126_220324.tar.gz /var/www/website2023/thehatch126.com

wget https://www.thehatch126.com/thehatch126_220324.tar.gz

tar -xzvf /var/www/website2024/thehatch126.com/thehatch126_220324.tar.gz

---
ssh -l root 172.104.199.236

linode
login : lottorich
password :  Sutham044393

172.104.199.236
User : root
Password :  Sutham044393
Port : 22

--
172.104.199.236/phpmyadmin
User : phpmyadmin
Pass : nFH9BbzubOl4

นโยบายความเป็นส่วนตัว และข้อกำหนดเงื่อนไข

AFRA APACHE (THAILAND) CO.,LTD  มุ่งมั่นที่จะปกป้องข้อมูลส่วนบุคคล นโยบายความเป็นส่วนตัว นี้อธิบายถึงข้อมูลที่เรารวบรวม วิธีการใช้ข้อมูล และสิทธิของคุณ

ข้อมูลที่เราเก็บรวบรวม
เราเก็บรวบรวมข้อมูลประเภทต่างๆ เกี่ยวกับคุณ รวมถึงข้อมูลที่คุณให้แก่เรา  ข้อมูลนี้รวมถึงชื่อ ที่อยู่อีเมล หมายเลขโทรศัพท์ และข้อมูลอื่นๆ ที่คุณให้แก่เราเมื่อคุณติดต่อเรา หรือกรอกแบบฟอร์มบนเว็บไซต์ของเรา

ข้อมูลการใช้งาน ข้อมูลนี้รวมถึงข้อมูลเกี่ยวกับวิธีที่คุณใช้เว็บไซต์ของเรา เช่น หน้าที่คุณดู การคลิกที่คุณทำ และเวลาที่คุณใช้บนเว็บไซต์ของเรา

ข้อมูลอุปกรณ์ ข้อมูลนี้รวมถึงข้อมูลเกี่ยวกับอุปกรณ์ที่คุณใช้ เพื่อเข้าถึงเว็บไซต์ของเรา เช่น ประเภทของเบราว์เซอร์ ระบบปฏิบัติการ และที่อยู่ IP ของคุณ

--
วิธีการใช้ข้อมูล เราใช้ข้อมูลของคุณเพื่อ
• ให้บริการ และสนับสนุนแก่คุณ
• ปรับปรุงเว็บไซต์ และบริการของเรา
• ติดต่อคุณเกี่ยวกับผลิตภัณฑ์ และบริการของเรา
• เพื่อปฏิบัติตามข้อกฎหมาย และข้อบังคับ
--
การแบ่งปันข้อมูล
หน่วยงานภาครัฐตามที่กฎหมายกำหนด
--
ความปลอดภัยของข้อมูล
เราใช้มาตรการป้องกันทางเทคนิค และองค์กรที่เหมาะสมเพื่อปกป้องข้อมูลจากการเข้าถึง การใช้ และการเปิดเผยโดยไม่ได้รับอนุญาต
--
สิทธิของคุณ
• เข้าถึง และแก้ไขข้อมูลส่วนบุคคลของคุณ
• ขอให้ลบข้อมูลส่วนบุคคลของคุณ
* ขอให้เราจำกัดการประมวลผลข้อมูลส่วนบุคคลของคุณ
• คัดค้านการประมวลผลข้อมูลส่วนบุคคลของคุณ
• ย้ายข้อมูลส่วนบุคคลของคุณ
--
ข้อกำหนด และเงื่อนไข
AFRA APACHE มุ่งมั่นที่จะให้บริการเว็บไซต์ และบริการที่มีคุณภาพสูง ข้อกำหนด และเงื่อนไขเหล่านี้ควบคุมการใช้เว็บไซต์ และบริการของเรา
--
การยอมรับข้อกำหนด และเงื่อนไข
การใช้เว็บไซต์ หรือบริการของเราถือว่าคุณยอมรับข้อกำหนด และเงื่อนไขเหล่านี้ 
--
การเปลี่ยนแปลงข้อกำหนด และเงื่อนไข
เราอาจเปลี่ยนแปลงข้อกำหนด และเงื่อนไขเหล่านี้ได้ทุกเมื่อ เราจะแจ้งให้คุณทราบเกี่ยวกับการเปลี่ยนแปลงใดๆ โดยการโพสต์ข้อกำหนดและเงื่อนไขที่แก้ไขไว้บนเว็บไซต์ของเรา
--
การติดต่อเรา
หากคุณมีคำถามใดๆ เกี่ยวกับนโยบายความเป็นส่วนตัวหรือข้อกำหนด และเงื่อนไข โปรดติดต่อเราที่
AFRA APACHE

• ออกแบบเว็บไซต์
• รับทำเว็บไซต์
• รับทำ Seo 
• Content
• Backlink
• บริการดูแลเว็บไซต์ ดูแลธุรกิจออนไลน์
• Blog, latest news and trends

• Developer
• E-commerce Platform 
• Platform การจองออนไลน์ ธุรกิจสปา เรือ และโรงแรม Platform
• รับดึงข้อมูล Rss & Bot
• บริการ Api Payment Gateway
• Sms Gateway

• Cloud Server Linux
• บริการแก้ไข ไวรัส สแปม  Cloud Vps
• ให้บริการติดตั้ง Cloudflare เพื่อมอบมาตรการรักษาความปลอดภัยที่ล้ำสมัย

---

• Web Design And Development
• รับทำเว็บไซต์
• Seo Services
• Content Creation
• Backlink Building
• Website Maintenance 
• Business Support

• Developer
• Rss & Bot Data Extraction
• Api Payment Gateway
• Sms Gateway

• Cloud Server Linux Solutions
• Security And Protection
• Provide Cloudflare Installation

--gray-900: oklch(19.37% 0.006 300.98);
    --gray-700: oklch(36.98% 0.014 302.71);
    --gray-400: oklch(70.9% 0.015 304.04);

--red-to-pink-to-purple-vertical-gradient: linear-gradient(180deg,
        var(--orange-red) 0%,
        var(--vivid-pink) 50%,
        var(--electric-violet) 100%);

--red-to-pink-to-purple-horizontal-gradient: linear-gradient(90deg,
        var(--orange-red) 0%,
        var(--vivid-pink) 50%,
        var(--electric-violet) 100%);

--pill-accent: var(--bright-blue);

font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol";
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

h1 {
    font-size: 3.125rem;
    color: var(--gray-900);
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.125rem;
    margin: 0;
    font-family: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol";
  }

p {
    margin: 0;
    color: var(--gray-700);
  }

main {
    width: 100%;
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    box-sizing: inherit;
    position: relative;
  }

.angular-logo {
    max-width: 9.2rem;
  }

.content {
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 900px;
    margin-bottom: 3rem;
  }

.content h1 {
    margin-top: 1.75rem;
  }

.content p {
    margin-top: 1.5rem;
  }

.divider {
    width: 1px;
    background: var(--red-to-pink-to-purple-vertical-gradient);
    margin-inline: 0.5rem;
  }

.pill-group {
    display: flex;
    flex-direction: column;
    align-items: start;
    flex-wrap: wrap;
    gap: 1.25rem;
  }

.pill {
    display: flex;
    align-items: center;
    --pill-accent: var(--bright-blue);
    background: color-mix(in srgb, var(--pill-accent) 5%, transparent);
    color: var(--pill-accent);
    padding-inline: 0.75rem;
    padding-block: 0.375rem;
    border-radius: 2.75rem;
    border: 0;
    transition: background 0.3s ease;
    font-family: var(--inter-font);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4rem;
    letter-spacing: -0.00875rem;
    text-decoration: none;
  }

.pill:hover {
    background: color-mix(in srgb, var(--pill-accent) 15%, transparent);
  }

.pill-group .pill:nth-child(6n + 1) {
    --pill-accent: var(--bright-blue);
  }

.pill-group .pill:nth-child(6n + 2) {
    --pill-accent: var(--french-violet);
  }

.pill-group .pill:nth-child(6n + 3),
  .pill-group .pill:nth-child(6n + 4),
  .pill-group .pill:nth-child(6n + 5) {
    --pill-accent: var(--hot-red);
  }

.pill-group svg {
    margin-inline-start: 0.25rem;
  }

.social-links {
    display: flex;
    align-items: center;
    gap: 0.73rem;
    margin-top: 1.5rem;
  }

.social-links path {
    transition: fill 0.3s ease;
    fill: var(--gray-400);
  }

.social-links a:hover svg path {
    fill: var(--gray-900);
  }

@media screen and (max-width: 650px) {
    .content {
      flex-direction: column;
      width: max-content;
    }

.divider {
      height: 1px;
      width: 100%;
      background: var(--red-to-pink-to-purple-horizontal-gradient);
      margin-block: 1.5rem;
    }
  }
</style>

<mat-card class="example-card">
        <mat-card-content>
          <h1>Hello, {{ title }}</h1>
          <p> 📟 BUILDING THE FOUNDATION FOR FUTURE TECHNOLOGIES 💻 </p>

<section class="services">
            <h2>Our Services</h2>
            <p>

We excel in crafting custom solutions for web development, tailoring each project to meet your specific
              business requirements. Our team of seasoned developers leverages cutting-edge technologies and adheres to
              industry best practices to ensure that your website is not just functional, but also scalable and robust.

</p>

<p>
              In addition to web development, we offer comprehensive SEO services to enhance your online visibility and
              drive organic traffic to your site. Our strategies are designed to improve your search engine rankings and
              increase your website's overall performance in search results.
            </p>

<p>
              Furthermore, we provide top-notch cloud server solutions on the Linux platform. Whether you need reliable
              hosting services or scalable infrastructure for your web applications, we've got you covered with our
              secure
              and efficient cloud server offerings.

Let us empower your online presence with our expertise in web development, SEO, and cloud server
              solutions,
              enabling you to reach your digital goals effectively.

</p>
            
          </section>

</mat-card-content>
      </mat-card>

<mat-card>
        <mat-card-content>

<mat-grid-list [cols]="gridColumns" rowHeight="3:3" [gutterSize]="calculateGutterSize()">
            <mat-grid-tile *ngFor="let category of servicesData">
              <mat-list>
                <h3>{{ category.category }}</h3>
                <mat-list-item *ngFor="let service of category.services">
                  <p> • {{ service }}</p>
                </mat-list-item>
              </mat-list>
            </mat-grid-tile>
          </mat-grid-list>

<mat-grid-list [cols]="gridColumns" rowHeight="3:3" [gutterSize]="calculateGutterSize()">
            <mat-grid-tile>

<mat-list>
                <mat-list-item>
                  <p> • Web Design And Development</p>
                </mat-list-item>
                <mat-list-item>
                  <p> • Seo Services</p>
                </mat-list-item>
                <mat-list-item>
                  <p> • Content Creation</p>
                </mat-list-item>
                <mat-list-item>
                  <p> • Backlink Building</p>
                </mat-list-item>
                <mat-list-item>
                  <p> • Website Maintenance </p>
                </mat-list-item>
                <mat-list-item>
                  <p> • Business Support</p>
                </mat-list-item>
              </mat-list>

</mat-grid-tile>

<mat-grid-tile>
              <mat-list>
                <mat-list-item>
                  <p> • Developer </p>
                </mat-list-item>
                <mat-list-item>
                  <p> • Rss & Bot Data Extraction </p>
                </mat-list-item>
                <mat-list-item>
                  <p> • Api Payment Gateway </p>
                </mat-list-item>
                <mat-list-item>
                  <p> • Sms Gateway </p>
                </mat-list-item>

</mat-list>
            </mat-grid-tile>

<mat-grid-tile>
              <mat-list>
                <mat-list-item>
                  <p> • Cloud Server Linux Solutions </p>
                </mat-list-item>
      
                <mat-list-item>
                  <p> • Security And Protections </p>
                </mat-list-item>
      
                <mat-list-item>
                  <p> • Provide Cloudflare Installatio </p>
                </mat-list-item>
              </mat-list>
                
            </mat-grid-tile>

</mat-grid-list>

</mat-card-content>
      </mat-card>

</div>

<div class="right-side">
      <div class="pill-group">
        @for (item of [
        { title: 'Cloud Server Linux Solutions', link: 'https://www.siamwebsite.me/' },
        { title: 'Web Design And Development', link: 'https://www.rampagesoft.com/' },
        { title: 'รับทำเว็บไซต์', link: 'https://www.ttt-website.com/' },
        { title: 'Seo Services', link: 'https://seo.rampagesoft.com/' },
        { title: 'Developer', link: 'https://dev.rampagesoft.com/' },
        { title: 'Blog, Latest News And Trends', link: 'https://blog.ttt-website.com/' },
        ]; track item.title) {
        <a class="pill" [href]="item.link" target="_blank" rel="noopener">
          <span>{{ item.title }}</span>
          <svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 -960 960 960" width="14" fill="currentColor">
            <path
              d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z" />
          </svg>
        </a>
        }
      </div>
      <div class="social-links">
        <a href="https://github.com/siamwebsite" aria-label="Github" target="_blank" rel="noopener">
          <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" alt="Github">
            <path
              d="M12.3047 0C5.50634 0 0 5.50942 0 12.3047C0 17.7423 3.52529 22.3535 8.41332 23.9787C9.02856 24.0946 9.25414 23.7142 9.25414 23.3871C9.25414 23.0949 9.24389 22.3207 9.23876 21.2953C5.81601 22.0377 5.09414 19.6444 5.09414 19.6444C4.53427 18.2243 3.72524 17.8449 3.72524 17.8449C2.61064 17.082 3.81137 17.0973 3.81137 17.0973C5.04697 17.1835 5.69604 18.3647 5.69604 18.3647C6.79321 20.2463 8.57636 19.7029 9.27978 19.3881C9.39052 18.5924 9.70736 18.0499 10.0591 17.7423C7.32641 17.4347 4.45429 16.3765 4.45429 11.6618C4.45429 10.3185 4.9311 9.22133 5.72065 8.36C5.58222 8.04931 5.16694 6.79833 5.82831 5.10337C5.82831 5.10337 6.85883 4.77319 9.2121 6.36459C10.1965 6.09082 11.2424 5.95546 12.2883 5.94931C13.3342 5.95546 14.3801 6.09082 15.3644 6.36459C17.7023 4.77319 18.7328 5.10337 18.7328 5.10337C19.3942 6.79833 18.9789 8.04931 18.8559 8.36C19.6403 9.22133 20.1171 10.3185 20.1171 11.6618C20.1171 16.3888 17.2409 17.4296 14.5031 17.7321C14.9338 18.1012 15.3337 18.8559 15.3337 20.0084C15.3337 21.6552 15.3183 22.978 15.3183 23.3779C15.3183 23.7009 15.5336 24.0854 16.1642 23.9623C21.0871 22.3484 24.6094 17.7341 24.6094 12.3047C24.6094 5.50942 19.0999 0 12.3047 0Z" />
          </svg>
        </a>
        <a href="https://twitter.com/AFRAAPACHE" aria-label="Twitter" target="_blank" rel="noopener">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" alt="Twitter">
            <path
              d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
          </svg>
        </a>
        <a href="https://www.youtube.com/@rampagesoft" aria-label="Youtube" target="_blank" rel="noopener">
          <svg width="29" height="20" viewBox="0 0 29 20" fill="none" xmlns="http://www.w3.org/2000/svg" alt="Youtube">
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M27.4896 1.52422C27.9301 1.96749 28.2463 2.51866 28.4068 3.12258C29.0004 5.35161 29.0004 10 29.0004 10C29.0004 10 29.0004 14.6484 28.4068 16.8774C28.2463 17.4813 27.9301 18.0325 27.4896 18.4758C27.0492 18.9191 26.5 19.2389 25.8972 19.4032C23.6778 20 14.8068 20 14.8068 20C14.8068 20 5.93586 20 3.71651 19.4032C3.11363 19.2389 2.56449 18.9191 2.12405 18.4758C1.68361 18.0325 1.36732 17.4813 1.20683 16.8774C0.613281 14.6484 0.613281 10 0.613281 10C0.613281 10 0.613281 5.35161 1.20683 3.12258C1.36732 2.51866 1.68361 1.96749 2.12405 1.52422C2.56449 1.08095 3.11363 0.76113 3.71651 0.596774C5.93586 0 14.8068 0 14.8068 0C14.8068 0 23.6778 0 25.8972 0.596774C26.5 0.76113 27.0492 1.08095 27.4896 1.52422ZM19.3229 10L11.9036 5.77905V14.221L19.3229 10Z" />
          </svg>
        </a>

<a href="https://wa.me/66951972699?text=" aria-label="whatsapp" target="_blank" rel="noopener">
          <svg width="29" height="20" viewBox="0 0 29 23" role="img" xmlns="http://www.w3.org/2000/svg">
            <title>WhatsApp icon</title>
            <path
              d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z" />
          </svg>
        </a>

</div>
    </div>
  </div>

</main>

<router-outlet />

https://admin.isaanspa.com/
user : info03@rampagesoft.com
pass : 12345678

feature ทั้งหมด ใน DataQueues
+ ✅  FullCalendar โหลดเหตุการณ์แบบไดนามิก
+ ✅  InputSwitch สำหรับโหมด Sidebar ให้การเปลี่ยนโหมดระหว่างการ Hover และ Click
+ ✅  FullCalendar drag-and-drop ช่วยให้สามารถลาก และวางเพื่อเรียงกำหนดการใหม่ได้

feature Calendar View (ซ้ายมือ)
+ ✅ เมื่อผู้ใช้คลิกวันที่ใน Calendar View ตารางรอบเวลาจะอัพเดตตามวันที่ผู้ใช้เลือก
+ ✅ Calendar สามารถเรียกดูตามเดือนได้
+ ✅ เมื่อผู้ใช้คลิก เลือกดูวันที่อื่นๆ สามารถกลับมาคลิกที่ Today ใน Calendar View ได้

feature ใน Sidebar
+ ✅ Sidebar รายละเอียดข้อมูลการจอง
+ ✅ icon หน้ารายละเอียดข้อมูลการจอง
+ ✅ สถานะการชำระเงิน

feature ใน Notification
+ ✅ Count จำนวนรายการจอง Notification
+ ✅ ตาราง Data Table ข้อมูลการจอง
+ ✅ Dropdown อัพเดตพนักงาน เข้าให้บริการลูกค้า
     + ✅ เมื่อ อัพเดตพนักงาน เข้าให้บริการลูกค้า Calendar จะอัพเดจเวลา และวันที่
     + ✅ เมื่อ อัพเดตพนักงาน เข้าให้บริการลูกค้า Notification จะอัพเดจ Count จำนวนรายการจอง Notification

---
+ FullCalendar จะดึง data

ตาราง รอบ round
• รหัสรอบ	
• วันที่ 
• ช่วงเวลา	
• รหัสพนักงาน

Queues
• QueueID
• EmployeeID
• BookingID
• BookingDetailID

ตาราง รายการรอบ round list
• รหัสรอบ
• รายการรอบ
• วันที่ / เวลา
• รหัสพนักงาน

Text Count: 172986

Clear

URL Encoded Tabs :

Copy Encoded

Word	Count

FUNCTION	DETAILS
ตัวแปลงรูปแบบข้อความ	เปลี่ยนรูปแบบข้อความจากตัวพิมพ์เล็กไปสู่ตัวพิมพ์ใหญ่ และกลับกัน
รูปแบบหัวข้อ	แปลงข้อความเป็นรูปแบบหัวข้อ (ตัวแรกของแต่ละคำเป็นตัวใหญ่)
คัดลอกข้อความ	คัดลอกข้อความที่อยู่ภายใน Textarea
การเพิ่ม/ลดขนาดตัวอักษร	ปรับขนาดตัวอักษรของข้อความใน Textarea
การนับคำ	นับคำที่ปรากฏบ่อยที่สุด 5 อันดับและแสดงผล
Text to Encoded	แปลงข้อความเป็นรูปแบบที่ถูกเข้ารหัส
การเพิ่มแท็บใหม่	เพื่อทำการแปลงข้อความในแท็บต่าง ๆ
เปลี่ยนชื่อแท็บใหม่	เพื่อตั้งชื่อแท็บต่างๆ ตามที่เราต้องการ และเพื่อให้ง่ายต่อการจดจบ ในส่วนนี้ไม่มีการบันทึก
การบันทึก และโหลดข้อมูลจาก Local Storage	เพื่อรักษาสถานะของแท็บ และข้อความในแต่ละแท็บ
V.1.3
Local Storage (HTML Web Storage API)	ข้อมูลถูกจัดเก็บไว้ localStorage ไม่ส่งข้อมูลไปยังเซิร์ฟเวอร์ ปลอดภัยกว่า Cookies
Security Policy Browser	จัดเก็บไว้ในเครื่องของผู้ใช้ได้โดยตรง ตามนโยบายความปลอดภัย ในแต่ละ Browser
Dark Mode	เพิ่มฟังก์ชั่น Dark Mode , BDS Mode (RED) , Normal Mode
Rename New Tabs keep	ตั้งชื่อ Tabs ตามที่ต้องการ และเพื่อให้ง่ายต่อการจดจบ ข้อมูลถูกจัดเก็บไว้ localStorage ไม่ส่งข้อมูลไปยังเซิร์ฟเวอร์ ปลอดภัย
Drag & Drop Multiple Tabs Unordered List	ผู้ใช้สามารถลาก และวางแท็บ ไปยังตำแหน่งอื่นในคอลัมเดียวกันภายใน Unordered List Element
Improve Text to Encoded Tabs	แปลงข้อความเป็นรูปแบบที่ถูกเข้ารหัส Encoded
Improve Button Clear	กด Button Clear เพื่อล้าง textarea ทั้งหมด
V.1.3.1
Improve Scrollbar	เพิ่ม Guideline ส่วนกึ่งกลาง และใต้ล่างสุด Scrollbar
Guideline Drag and Drop Editor	เพิ่ม Guideline Ruler เส้นบรรทัด หรือมาร์กเกอร์ใน textarea Editor
V.1.3.2
Improve Button Clear	ลดขนาดปุ่ม Button Clear
Features Download Content	เพิ่ม Features Download Content แต่ละแท็บ รองรับนามสกุลไฟล์ .txt

BLANK PAD EDITOR WEB APPLICATION

FEATURES • คุณสมบัติ

การใช้งานเครื่องมือ Blank Pad Editor

วิธีการใช้งานเบื้องต้น