-imporve system

+chatwidget

ng-ttc-frontend/src/app/component/chat-widget-component/chat-widget-component.ts

@@ -0,0 +1,36 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-chat-widget-component',
+  standalone: false,
+  templateUrl: './chat-widget-component.html',
+  styleUrl: './chat-widget-component.css',
+})
+export class ChatWidgetComponent {
+  isOpen = false;
+  newMessage = '';
+
+  messages = [
+    { text: 'สวัสดีครับ มีอะไรให้ทีมงานช่วยเหลือไหมครับ? 👋', isUser: false },
+  ];
+
+  toggleChat() {
+    this.isOpen = !this.isOpen;
+  }
+
+  sendMessage() {
+    if (this.newMessage.trim()) {
+      // 1. ใส่ข้อความเราลงไป
+      this.messages.push({ text: this.newMessage, isUser: true });
+      this.newMessage = '';
+
+      // 2. จำลองบอทตอบกลับ (Auto Reply Simulation)
+      setTimeout(() => {
+        this.messages.push({
+          text: 'ขอบคุณที่ติดต่อมาครับ ขณะนี้เจ้าหน้าที่กำลังติดลูกค้าท่านอื่น จะรีบตอบกลับให้เร็วที่สุดครับ',
+          isUser: false
+        });
+      }, 1000);
+    }
+  }
+}