add price policy
This commit is contained in:
Phuoc Nguyen
@@ -39,7 +39,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Chat Filter Tabs -->
|
||||
<div class="chat-filter-tabs">
|
||||
<!-- <div class="chat-filter-tabs">
|
||||
<button class="filter-tab active" onclick="filterChats('all')">
|
||||
Tất cả
|
||||
<span class="tab-count">12</span>
|
||||
@@ -56,37 +56,69 @@
|
||||
Hỗ trợ
|
||||
<span class="tab-count">4</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>-->
|
||||
|
||||
<!-- Conversation List -->
|
||||
<div class="conversations-list" id="conversationsList">
|
||||
|
||||
<!-- Conversation Item 1 - Unread Customer -->
|
||||
<div class="conversation-item unread customer" onclick="openChat('conv001')">
|
||||
<!-- Conversation Item 1 - Order Reference -->
|
||||
<div class="conversation-item unread customer" onclick="openChat('order001')">
|
||||
<div class="avatar-container">
|
||||
<div class="avatar customer-avatar">
|
||||
<img src="https://placehold.co/50x50/FFE4B5/8B4513/png?text=NA" alt="Nguyễn Văn A">
|
||||
<div class="avatar support-avatar">
|
||||
<i class="fas fa-box"></i>
|
||||
</div>
|
||||
<div class="online-indicator online"></div>
|
||||
</div>
|
||||
<div class="conversation-content">
|
||||
<div class="conversation-header">
|
||||
<h3 class="contact-name">Nguyễn Văn A</h3>
|
||||
<h3 class="contact-name">Đơn hàng #SO001234</h3>
|
||||
<span class="message-time">14:30</span>
|
||||
</div>
|
||||
<div class="conversation-preview">
|
||||
<div class="last-message">
|
||||
<i class="fas fa-image"></i>
|
||||
Gửi 2 hình ảnh về dự án nhà ở
|
||||
<i class="fas fa-shipping-fast"></i>
|
||||
Đơn hàng đang được giao - Dự kiến đến 16:00
|
||||
</div>
|
||||
<div class="message-indicators">
|
||||
<span class="unread-count">2</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="conversation-meta">
|
||||
<span class="contact-type">Khách hàng VIP</span>
|
||||
<span class="contact-type">Về: Đơn hàng #SO001234</span>
|
||||
<span class="separator">•</span>
|
||||
<span class="last-seen">Đang hoạt động</span>
|
||||
<span class="last-seen">Cập nhật mới</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Conversation Item 3 - Product Reference -->
|
||||
<div class="conversation-item unread customer" onclick="openChat('product001')">
|
||||
<div class="avatar-container">
|
||||
<div class="avatar customer-avatar">
|
||||
<i class="fas fa-cube" style="color: #005B9A; font-size: 20px;"></i>
|
||||
</div>
|
||||
<div class="online-indicator away"></div>
|
||||
</div>
|
||||
<div class="conversation-content">
|
||||
<div class="conversation-header">
|
||||
<h3 class="contact-name">Sản phẩm PR0123</h3>
|
||||
<span class="message-time">12:20</span>
|
||||
</div>
|
||||
<div class="conversation-preview">
|
||||
<div class="last-message">
|
||||
<i class="fas fa-info-circle"></i>
|
||||
Thông tin bổ sung về gạch Granite 60x60
|
||||
</div>
|
||||
<div class="message-indicators">
|
||||
<span class="unread-count">1</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="conversation-meta">
|
||||
<span class="contact-type">Đơn hàng #DH001233</span>
|
||||
<span class="separator">•</span>
|
||||
<span class="last-seen">2 giờ trước</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -101,7 +133,7 @@
|
||||
</div>
|
||||
<div class="conversation-content">
|
||||
<div class="conversation-header">
|
||||
<h3 class="contact-name">Hỗ trợ kỹ thuật</h3>
|
||||
<h3 class="contact-name">Tổng đài hỗ trợ</h3>
|
||||
<span class="message-time">13:45</span>
|
||||
</div>
|
||||
<div class="conversation-preview">
|
||||
@@ -117,37 +149,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Conversation Item 3 - Customer with Order -->
|
||||
<div class="conversation-item unread customer" onclick="openChat('conv002')">
|
||||
<div class="avatar-container">
|
||||
<div class="avatar customer-avatar">
|
||||
<img src="https://placehold.co/50x50/E6E6FA/483D8B/png?text=TTB" alt="Trần Thị B">
|
||||
</div>
|
||||
<div class="online-indicator away"></div>
|
||||
</div>
|
||||
<div class="conversation-content">
|
||||
<div class="conversation-header">
|
||||
<h3 class="contact-name">Trần Thị B</h3>
|
||||
<span class="message-time">12:20</span>
|
||||
</div>
|
||||
<div class="conversation-preview">
|
||||
<div class="last-message">
|
||||
Khi nào đơn hàng #DH001233 sẽ được giao?
|
||||
</div>
|
||||
<div class="message-indicators">
|
||||
<span class="unread-count">1</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="conversation-meta">
|
||||
<span class="contact-type">Đơn hàng #DH001233</span>
|
||||
<span class="separator">•</span>
|
||||
<span class="last-seen">2 giờ trước</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Conversation Item 4 - Architect -->
|
||||
<div class="conversation-item customer" onclick="openChat('conv003')">
|
||||
<!--<div class="conversation-item customer" onclick="openChat('conv003')">
|
||||
<div class="avatar-container">
|
||||
<div class="avatar architect-avatar">
|
||||
<img src="https://placehold.co/50x50/F0F8FF/4169E1/png?text=LVC" alt="Lê Văn C">
|
||||
@@ -171,10 +174,10 @@
|
||||
<span class="last-seen">1 ngày trước</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
|
||||
<!-- Conversation Item 5 - Product Inquiry -->
|
||||
<div class="conversation-item customer" onclick="openChat('conv004')">
|
||||
<!-- <div class="conversation-item customer" onclick="openChat('conv004')">
|
||||
<div class="avatar-container">
|
||||
<div class="avatar customer-avatar">
|
||||
<img src="https://placehold.co/50x50/FFF8DC/8B4513/png?text=PTD" alt="Phạm Thị D">
|
||||
@@ -198,10 +201,10 @@
|
||||
<span class="last-seen">2 ngày trước</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- Conversation Item 6 - Group Support -->
|
||||
<div class="conversation-item support" onclick="openChat('group001')">
|
||||
<!--<div class="conversation-item support" onclick="openChat('group001')">
|
||||
<div class="avatar-container">
|
||||
<div class="avatar group-avatar">
|
||||
<i class="fas fa-users"></i>
|
||||
@@ -224,10 +227,10 @@
|
||||
<span class="last-seen">15 thành viên</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
|
||||
<!-- Conversation Item 7 - Technical Question -->
|
||||
<div class="conversation-item customer" onclick="openChat('conv005')">
|
||||
<!--<div class="conversation-item customer" onclick="openChat('conv005')">
|
||||
<div class="avatar-container">
|
||||
<div class="avatar customer-avatar">
|
||||
<img src="https://placehold.co/50x50/E0FFFF/008B8B/png?text=HVE" alt="Hoàng Văn E">
|
||||
@@ -251,7 +254,7 @@
|
||||
<span class="last-seen">1 tuần trước</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
|
||||
<!-- More conversations would be loaded with pagination -->
|
||||
<div class="load-more-section">
|
||||
@@ -263,29 +266,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Bottom Navigation -->
|
||||
<!--<div class="bottom-nav">
|
||||
<a href="index.html" class="nav-item">
|
||||
<i class="fas fa-home"></i>
|
||||
<span>Trang chủ</span>
|
||||
</a>
|
||||
<a href="loyalty.html" class="nav-item">
|
||||
<i class="fas fa-star"></i>
|
||||
<span>Hội viên</span>
|
||||
</a>
|
||||
<a href="promotions.html" class="nav-item">
|
||||
<i class="fas fa-tags"></i>
|
||||
<span>Khuyến mãi</span>
|
||||
</a>
|
||||
<a href="notifications.html" class="nav-item">
|
||||
<i class="fas fa-bell"></i>
|
||||
<span>Thông báo</span>
|
||||
</a>
|
||||
<a href="chat-list.html" class="nav-item active">
|
||||
<i class="fas fa-comments"></i>
|
||||
<span>Tin nhắn</span>
|
||||
</a>
|
||||
</div>-->
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
Reference in New Issue
Block a user