37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
|
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);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|