tieptk/nguyencongpc_nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
tieptk
2026-01-06 11:02:01 +07:00
parent 28a252f7d7
commit 9486dabdb0
15 changed files with 31638 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/Product/BoxFilter/index.tsx
View File

@@ -40,13 +40,33 @@ const BoxFilter: React.FC<BoxFilterProps> = ({ filters }) => {
</div>
)}
{/* Thương hiệu */}
{brand_filter_list && (
<div className="info-filter-category flex gap-10">
<p className="title">Thương hiệu:</p>
<div className="list-filter-category flex flex-1 flex-wrap items-center gap-2">
{brand_filter_list.map((ItemBrand, index) => (
<div
key={index}
className={`item item-cetner flex gap-4 ${ItemBrand.is_selected == '1' ? 'current' : ''}`}
>
<Link href={ItemBrand.url}>{ItemBrand.name}</Link>
<a href={ItemBrand.url}>
({ItemBrand.is_selected == '1' ? 'Xóa' : ItemBrand.count})
</a>
</div>
))}
</div>
</div>
)}
{/* chọn thiêu tiêu trí */}
{attribute_filter_list && (
<div className="info-filter-category flex gap-10">
<p className="title">Chọn theo tiêu chí:</p>
<div className="list-filter-category flex flex-1 flex-wrap items-center gap-3">
{/* thương hiệu */}
{brand_filter_list && brand_filter_list.length > 0 && (
{brand_filter_list && (
<div className={`item ${brand_filter_list[0].is_selected === '1' ? 'current' : ''}`}>
<div className="flex items-center">
{brand_filter_list[0].is_selected === '1' ? (

27
src/components/common/BoxShowroom.tsx
View File

@@ -2,42 +2,41 @@ const BoxShowroom: React.FC = () => {
return (
<>
<dialog id="boxShowroom" className="modal">
<div className="modal-box">
<div className="modal-box max-w-[1000px] bg-white">
<form method="dialog">
<button className="btn btn-sm btn-circle btn-ghost absolute top-2 right-2">✕</button>
</form>
<div className="popup-showrom-container d-block">
<p className="group-title">HỆ THỐNG SHOWROOM</p>
<div className="flex flex-wrap justify-between">
<div className="mt-5 grid grid-cols-2 gap-5">
<div className="item">
<p className="item-title">1. Hà Nội</p>
<p>17 Hà Kế Tấn, Phường Phương Liệt, Hà Nội.</p>
<p>
Giờ làm việc: <b>08:30 - 20:30</b>
</p>
<div
className="map-holder js-map-holder"
data-src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3132.222076725264!2d105.83522224518104!3d20.998217116862435!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135ac7b37915991%3A0xe20876d091ded6bc!2zMTcgUC4gSMOgIEvhur8gVOG6pW4sIFBoxrDGoW5nIExp4buHdCwgVGhhbmggWHXDom4sIEjDoCBO4buZaSwgVmnhu4d0IE5hbQ!5e0!3m2!1svi!2s!4v1720509407173!5m2!1svi!2s"
></div>
<iframe
width={'100%'}
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3132.222076725264!2d105.83522224518104!3d20.998217116862435!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135ac7b37915991%3A0xe20876d091ded6bc!2zMTcgUC4gSMOgIEvhur8gVOG6pW4sIFBoxrDGoW5nIExp4buHdCwgVGhhbmggWHXDom4sIEjDoCBO4buZaSwgVmnhu4d0IE5hbQ!5e0!3m2!1svi!2s!4v1720509407173!5m2!1svi!2s"
></iframe>
</div>
<div className="item">
<p className="item-title">2. Hồ Chí Minh</p>
<p>249 Lý Thường Kiệt, Phường Phú Thọ, TP. Hồ Chí Minh</p>
<p>
Giờ làm việc: <b>08:30 - 20:30</b>
</p>
<div
className="map-holder js-map-holder"
data-src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15678.56730501209!2d106.66439700000001!3d10.762063!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x85a7fc3a74bcd7fd!2zTcOheSBUw61uaCBOZ3V54buFbiBDw7RuZyAxNzYgVMOibiBQaMaw4bubYw!5e0!3m2!1svi!2sus!4v1658936898247!5m2!1svi!2sus"
></div>
<iframe
width={'100%'}
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15678.56730501209!2d106.66439700000001!3d10.762063!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x85a7fc3a74bcd7fd!2zTcOheSBUw61uaCBOZ3V54buFbiBDw7RuZyAxNzYgVMOibiBQaMaw4bubYw!5e0!3m2!1svi!2sus!4v1658936898247!5m2!1svi!2sus"
></iframe>
</div>
</div>
</div>
</div>
<label className="modal-backdrop" htmlFor="my_modal_7">
Close
</label>
<form method="dialog" className="modal-backdrop">
<button>Close</button>
</form>
</dialog>
</>
);

134
src/components/other/BoxHotline/index.tsx Normal file
View File

@@ -0,0 +1,134 @@
const BoxHotLine = () => {
return (
<dialog id="boxHotline" className="modal">
<div className="modal-box max-w-[750px] bg-white">
<form method="dialog">
<button className="btn btn-sm btn-circle btn-ghost absolute top-2 right-2">✕</button>
</form>
<div id="popup-hotline">
<div className="flex justify-between gap-5">
<div className="content-pop khach-ca-nhan khach-hang-ca-nhan">
<p className="title-content-pop">Khách cá nhân</p>
<div className="item-pop">
<div className="title-item-pop">Tư Vấn - Bán Hàng Online:</div>
<div className="item-people">
<p className="phone">0828.333.363</p>
<span>Mr Ngọc</span>
</div>
<div className="item-people">
<p className="phone">0989.336.366</p>
<span>Mr Hùng</span>
</div>
<div className="item-people">
<p className="phone">0707.08.6666</p>
<span>Mr Hoàng</span>
</div>
<div className="item-people">
<p className="phone">089.9999.191</p>
<span>Mr Lộc</span>
</div>
<div className="item-people">
<p className="phone">0812.666.665</p>
<span>Mr Tuấn Anh</span>
</div>
<div className="item-people">
<p className="phone">09.8888.2838</p>
<span>Mr. Minh</span>
</div>
</div>
<div className="item-pop">
<div className="title-item-pop">HOTLINE:</div>
<div className="item-people">
<p className="phone">098.33333.88</p>
<span>Showroom TP. Hồ Chí Minh</span>
</div>
<div className="item-people">
<p className="phone">097.9999.191</p>
<span>Showroom TP. Hà Nội</span>
</div>
<div className="item-people">
<p className="phone">0765.666.668</p>
<span>Showroom TP. Hà Nội</span>
</div>
</div>
<div className="item-pop">
<div className="title-item-pop">Bảo hành - Hỗ trợ kỹ thuật</div>
<div className="item-people">
<p className="phone">0705.666.668</p>
<span>17 Hà Kế Tấn, Phường Phương Liệt, Hà Nội</span>
</div>
<div className="item-people">
<p className="phone">079.9999.191</p>
<span>249 Lý Thường Kiệt, phường Phú Thọ, TP. Hồ Chí Minh </span>
</div>
</div>
<div className="item-pop">
<div className="title-item-pop">Kế toán:</div>
<div className="item-people">
<p className="phone">0332.101.130</p>
<span></span>
</div>
</div>
<div className="item-pop">
<div className="title-item-pop">Kế toán công nợ:</div>
<div className="item-people">
<p className="phone">0968.929.992</p> <span></span>
</div>
</div>
<div className="item-cskh">
<b>GÓP Ý</b>:{' '}
<a
href="javascript:void(0)"
style={{ color: '#FFB233', fontWeight: 'bold', fontSize: '16px' }}
>
097.9999.191 -{' '}
</a>{' '}
<a
href="javascript:void(0)"
style={{ color: '#FFB233', fontWeight: 'bold', fontSize: '16px' }}
>
098.33333.88
</a>
</div>
</div>
<div className="content-pop khach-doanh-nghiep">
<p className="title-content-pop">Khách doanh nghiệp</p>
<div className="item-pop">
<div className="title-item-pop">Tư Vấn - Bán Hàng Online:</div>
<div className="item-people">
<p className="phone">097.9999.191</p>
<span>Mr Lực</span>
</div>
<div className="item-people">
<p className="phone">0828.333.363</p>
<span>Mr Ngọc</span>
</div>
<div className="item-people">
<p className="phone">0707.08.6666</p>
<span>Mr Hoàng</span>
</div>
</div>
<div className="item-pop">
<div className="title-item-pop">Khách hàng đại lý - MUA, BÁN BUÔN</div>
<div className="item-people">
<a href="tel:0981226969">098.122.6969</a>
<span>Ms Tuyết</span>
</div>
<div className="item-people">
<a href="tel:0987414899">098.741.4899</a>
<span>Ms Trang</span>
</div>
</div>
</div>
</div>
</div>
</div>
<form method="dialog" className="modal-backdrop">
<button>Close</button>
</form>
</dialog>
);
};
export default BoxHotLine;

14
src/components/other/Header/HeaderMid/index.tsx
View File

@@ -4,6 +4,8 @@ import Image from 'next/image';
import Link from 'next/link';
import { FaMapMarkerAlt, FaBars } from 'react-icons/fa';
import BoxShowroom from '@/components/Common/BoxShowroom';
import BoxHotLine from '../../BoxHotline';
import { TypeCartItem } from '@/types/cart';
import { formatCurrency } from '@/lib/formatPrice';
@@ -30,6 +32,11 @@ const HeaderMid: React.FC = () => {
modal?.showModal();
};
const PopupHotLine = () => {
const modal = document.getElementById('boxHotline') as HTMLDialogElement;
modal?.showModal();
};
return (
<div className="header-middle">
<div className="container flex items-center justify-between">
@@ -89,15 +96,15 @@ const HeaderMid: React.FC = () => {
<span className="font-500">Xây dựng cấu hình</span>
</Link>
<Link
href="javascript:void(0)"
<button
onClick={PopupHotLine}
className="item-tab-header flex flex-col items-center gap-4"
>
<p className="icon-item-tab flex items-center justify-center">
<i className="sprite sprite-lienhe-header"></i>
</p>
<span className="font-500">Khách hàng liên hệ</span>
</Link>
</button>
<Link href="/tin-tuc" className="item-tab-header flex flex-col items-center gap-4">
<p className="icon-item-tab flex items-center justify-center">
@@ -181,6 +188,7 @@ const HeaderMid: React.FC = () => {
</div>
</div>
<BoxShowroom />
<BoxHotLine />
</div>
);
};