32/12/2023

2023-12-23 10:55:02 +07:00
commit dac87c3a2b
17 changed files with 3036 additions and 0 deletions
--- a/dist/data.js
+++ b/dist/data.js
@@ -0,0 +1,104 @@
+"use strict";
+//---- dinh nghia
+//-----
+// du lieu danh sach san pham 
+const listproduct_mau = [
+    {
+        productId: 1,
+        product_name: "HHPC 3D i7 13700KF | 32G | RTX 2060 SUPER 8G | 256 bit | GDDR6",
+        image: "https://hoanghapccdn.com/media/product/250_3765_pc_anubius_pro_elite_360_v3_black_ha1.jpg",
+        price: 26390000,
+        starting_price: 2350000,
+        from_time: 1703213170286,
+        to_time: 1703955600000,
+        status: 'started',
+        specifications: '<table><tbody><tr><td style="text-align: center;"><strong>STT</strong></td><td style="text-align: center;"><strong>MÃ HÀNG</strong></td><td style="text-align: center;"><strong>TÊN HÀNG</strong></td><td style="text-align: center;"><strong>THỜI HẠN BẢO HÀNH</strong></td></tr><tr><td style="text-align: center;"><strong>1</strong></td><td style="text-align: center;"><strong>CPU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/cpu-intel-core-i7-13700kf">INTEL COREi7&nbsp;13700KF up 5.4GHz |&nbsp;16 CORE | 24 THREAD</a>&nbsp;&nbsp;</strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>2</strong></td><td style="text-align: center;"><strong>MAIN</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/mainboard-asrock-z690-steel-legend">ASROCK Z690 STEELLEGEND&nbsp;DDR4</ahref=></strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>3</strong></td><td style="text-align: center;"><strong>TẢN NHIỆT</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/cooler-master-masterliquid-360l-core-argb">COOLER MASTER MASTERLIQUIDML360L CORE ARGB</ahref=></strong></td><td style="text-align: center;"><strong>12 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>4</strong></td><td style="text-align: center;"><strong>RAM</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/ram-teamgroup-t-force-vulcan-z-16gb-red-3600">32GB DDR4 3600 MHz(2x16G)</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>5</strong></td><td style="text-align: center;"><strong>SSD</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/o-cung-ssd-lexar-nm620-512gb">LEXARNM620 512GB M.2 2280 PCIe 3.0x4 - RW 3500MB/s</a></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>6</strong></td><td style="text-align: center;"><span style="color: #000000;"><strong>VGA</strong></span></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vga-palit-geforce-rtx2060-super-dual-8gb-gddr6">PALIT GEFORCE RTX2060 SUPER DUAL 8GB GDDR6&nbsp;256-bit</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>7</strong></td><td style="text-align: center;"><strong>PSU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/nguon-asus-tuf-gaming-750w">ASUS TUFGAMING 750W - 80 PLUS BRONZE</a></strong></td><td style="text-align: center;"><strong>72 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>8</strong></td><td style="text-align: center;"><strong>CASE</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vo-case-xigmatek-anubis-pro-4fx">XIGMATEK ANUBIS PRO 4FX - 4FAN</ahref=></strong></td><td style="text-align: center;">&nbsp;</td></tr></tbody></table>',
+    }, {
+        productId: 2,
+        product_name: "HHPC 3D LUMION i7 13700KF | 32G | NVIDIA RTX 3070 8G",
+        image: "https://hoanghapccdn.com/media/product/250_3762_pc_anubius_pro_elite_360_v3_black_ha3.jpg",
+        price: 29890000,
+        starting_price: 2250000,
+        from_time: 1703213170286,
+        to_time: 1703869200000,
+        status: 'started',
+        specifications: '<table><tbody><tr><td style="text-align: center;"><strong>STT</strong></td><td style="text-align: center;"><strong>MÃ HÀNG</strong></td><td style="text-align: center;"><strong>TÊN HÀNG</strong></td><td style="text-align: center;"><strong>THỜI HẠN BẢO HÀNH</strong></td></tr><tr><td style="text-align: center;"><strong>1</strong></td><td style="text-align: center;"><strong>CPU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/cpu-intel-core-i7-13700kf">INTEL COREi7&nbsp;13700KF up 5.4GHz |&nbsp;16 CORE | 24 THREAD</a>&nbsp;&nbsp;</strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>2</strong></td><td style="text-align: center;"><strong>MAIN</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/mainboard-asrock-z690-steel-legend">ASROCK Z690 STEELLEGEND&nbsp;DDR4</ahref=></strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>3</strong></td><td style="text-align: center;"><strong>TẢN NHIỆT</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/cooler-master-masterliquid-360l-core-argb">COOLER MASTER MASTERLIQUIDML360L CORE ARGB</ahref=></strong></td><td style="text-align: center;"><strong>12 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>4</strong></td><td style="text-align: center;"><strong>RAM</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/ram-teamgroup-t-force-vulcan-z-16gb-red-3600">32GB DDR4 3600 MHz(2x16G)</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>5</strong></td><td style="text-align: center;"><strong>SSD</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/o-cung-ssd-lexar-nm620-512gb">LEXARNM620 512GB M.2 2280 PCIe 3.0x4 - RW 3500MB/s</a></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>6</strong></td><td style="text-align: center;"><span style="color: #000000;"><strong>VGA</strong></span></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vga-palit-geforce-rtx2060-super-dual-8gb-gddr6">PALIT GEFORCE RTX2060 SUPER DUAL 8GB GDDR6&nbsp;256-bit</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>7</strong></td><td style="text-align: center;"><strong>PSU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/nguon-asus-tuf-gaming-750w">ASUS TUFGAMING 750W - 80 PLUS BRONZE</a></strong></td><td style="text-align: center;"><strong>72 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>8</strong></td><td style="text-align: center;"><strong>CASE</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vo-case-xigmatek-anubis-pro-4fx">XIGMATEK ANUBIS PRO 4FX - 4FAN</ahref=></strong></td><td style="text-align: center;">&nbsp;</td></tr></tbody></table>',
+    }, {
+        productId: 3,
+        product_name: "HHPC 3D i7 13700KF | 32G | NVIDIA RTX 3060 12G",
+        image: "https://hoanghapccdn.com/media/product/250_3761_pc_anubius_pro_elite_360_v3_black_ha3.jpg",
+        price: 27390000,
+        starting_price: 2550000,
+        from_time: 1703350800000,
+        to_time: 1703955600000,
+        status: 'coming',
+        specifications: '<table><tbody><tr><td style="text-align: center;"><strong>STT</strong></td><td style="text-align: center;"><strong>MÃ HÀNG</strong></td><td style="text-align: center;"><strong>TÊN HÀNG</strong></td><td style="text-align: center;"><strong>THỜI HẠN BẢO HÀNH</strong></td></tr><tr><td style="text-align: center;"><strong>1</strong></td><td style="text-align: center;"><strong>CPU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/cpu-intel-core-i7-13700kf">INTEL COREi7&nbsp;13700KF up 5.4GHz |&nbsp;16 CORE | 24 THREAD</a>&nbsp;&nbsp;</strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>2</strong></td><td style="text-align: center;"><strong>MAIN</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/mainboard-asrock-z690-steel-legend">ASROCK Z690 STEELLEGEND&nbsp;DDR4</ahref=></strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>3</strong></td><td style="text-align: center;"><strong>TẢN NHIỆT</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/cooler-master-masterliquid-360l-core-argb">COOLER MASTER MASTERLIQUIDML360L CORE ARGB</ahref=></strong></td><td style="text-align: center;"><strong>12 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>4</strong></td><td style="text-align: center;"><strong>RAM</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/ram-teamgroup-t-force-vulcan-z-16gb-red-3600">32GB DDR4 3600 MHz(2x16G)</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>5</strong></td><td style="text-align: center;"><strong>SSD</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/o-cung-ssd-lexar-nm620-512gb">LEXARNM620 512GB M.2 2280 PCIe 3.0x4 - RW 3500MB/s</a></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>6</strong></td><td style="text-align: center;"><span style="color: #000000;"><strong>VGA</strong></span></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vga-palit-geforce-rtx2060-super-dual-8gb-gddr6">PALIT GEFORCE RTX2060 SUPER DUAL 8GB GDDR6&nbsp;256-bit</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>7</strong></td><td style="text-align: center;"><strong>PSU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/nguon-asus-tuf-gaming-750w">ASUS TUFGAMING 750W - 80 PLUS BRONZE</a></strong></td><td style="text-align: center;"><strong>72 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>8</strong></td><td style="text-align: center;"><strong>CASE</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vo-case-xigmatek-anubis-pro-4fx">XIGMATEK ANUBIS PRO 4FX - 4FAN</ahref=></strong></td><td style="text-align: center;">&nbsp;</td></tr></tbody></table>',
+    }, {
+        productId: 4,
+        product_name: "HHPC 3D LUMION i9 13900K | 64G DDR5 | NVIDIA RTX 4090 24GB",
+        image: "https://hoanghapccdn.com/media/product/250_3738_hhpc_case_gank_360_ha3.jpg",
+        price: 91390000,
+        starting_price: 81390000,
+        from_time: 1703213170286,
+        to_time: 1703955600000,
+        status: 'started',
+        specifications: '<table><tbody><tr><td style="text-align: center;"><strong>STT</strong></td><td style="text-align: center;"><strong>MÃ HÀNG</strong></td><td style="text-align: center;"><strong>TÊN HÀNG</strong></td><td style="text-align: center;"><strong>THỜI HẠN BẢO HÀNH</strong></td></tr><tr><td style="text-align: center;"><strong>1</strong></td><td style="text-align: center;"><strong>CPU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/cpu-intel-core-i7-13700kf">INTEL COREi7&nbsp;13700KF up 5.4GHz |&nbsp;16 CORE | 24 THREAD</a>&nbsp;&nbsp;</strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>2</strong></td><td style="text-align: center;"><strong>MAIN</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/mainboard-asrock-z690-steel-legend">ASROCK Z690 STEELLEGEND&nbsp;DDR4</ahref=></strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>3</strong></td><td style="text-align: center;"><strong>TẢN NHIỆT</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/cooler-master-masterliquid-360l-core-argb">COOLER MASTER MASTERLIQUIDML360L CORE ARGB</ahref=></strong></td><td style="text-align: center;"><strong>12 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>4</strong></td><td style="text-align: center;"><strong>RAM</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/ram-teamgroup-t-force-vulcan-z-16gb-red-3600">32GB DDR4 3600 MHz(2x16G)</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>5</strong></td><td style="text-align: center;"><strong>SSD</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/o-cung-ssd-lexar-nm620-512gb">LEXARNM620 512GB M.2 2280 PCIe 3.0x4 - RW 3500MB/s</a></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>6</strong></td><td style="text-align: center;"><span style="color: #000000;"><strong>VGA</strong></span></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vga-palit-geforce-rtx2060-super-dual-8gb-gddr6">PALIT GEFORCE RTX2060 SUPER DUAL 8GB GDDR6&nbsp;256-bit</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>7</strong></td><td style="text-align: center;"><strong>PSU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/nguon-asus-tuf-gaming-750w">ASUS TUFGAMING 750W - 80 PLUS BRONZE</a></strong></td><td style="text-align: center;"><strong>72 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>8</strong></td><td style="text-align: center;"><strong>CASE</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vo-case-xigmatek-anubis-pro-4fx">XIGMATEK ANUBIS PRO 4FX - 4FAN</ahref=></strong></td><td style="text-align: center;">&nbsp;</td></tr></tbody></table>',
+    }, {
+        productId: 5,
+        product_name: "HHPC BLACK RGB i9 12900K | 32G | NVIDIA RTX 3060 12G",
+        image: "https://hoanghapccdn.com/media/product/250_3668_pc_anubius_pro_elite_360_v3_rgb_ha3.jpg",
+        price: 27850000,
+        starting_price: 25850000,
+        from_time: 1703213170286,
+        to_time: 1703955600000,
+        status: 'started',
+        specifications: '<table><tbody><tr><td style="text-align: center;"><strong>STT</strong></td><td style="text-align: center;"><strong>MÃ HÀNG</strong></td><td style="text-align: center;"><strong>TÊN HÀNG</strong></td><td style="text-align: center;"><strong>THỜI HẠN BẢO HÀNH</strong></td></tr><tr><td style="text-align: center;"><strong>1</strong></td><td style="text-align: center;"><strong>CPU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/cpu-intel-core-i7-13700kf">INTEL COREi7&nbsp;13700KF up 5.4GHz |&nbsp;16 CORE | 24 THREAD</a>&nbsp;&nbsp;</strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>2</strong></td><td style="text-align: center;"><strong>MAIN</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/mainboard-asrock-z690-steel-legend">ASROCK Z690 STEELLEGEND&nbsp;DDR4</ahref=></strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>3</strong></td><td style="text-align: center;"><strong>TẢN NHIỆT</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/cooler-master-masterliquid-360l-core-argb">COOLER MASTER MASTERLIQUIDML360L CORE ARGB</ahref=></strong></td><td style="text-align: center;"><strong>12 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>4</strong></td><td style="text-align: center;"><strong>RAM</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/ram-teamgroup-t-force-vulcan-z-16gb-red-3600">32GB DDR4 3600 MHz(2x16G)</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>5</strong></td><td style="text-align: center;"><strong>SSD</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/o-cung-ssd-lexar-nm620-512gb">LEXARNM620 512GB M.2 2280 PCIe 3.0x4 - RW 3500MB/s</a></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>6</strong></td><td style="text-align: center;"><span style="color: #000000;"><strong>VGA</strong></span></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vga-palit-geforce-rtx2060-super-dual-8gb-gddr6">PALIT GEFORCE RTX2060 SUPER DUAL 8GB GDDR6&nbsp;256-bit</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>7</strong></td><td style="text-align: center;"><strong>PSU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/nguon-asus-tuf-gaming-750w">ASUS TUFGAMING 750W - 80 PLUS BRONZE</a></strong></td><td style="text-align: center;"><strong>72 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>8</strong></td><td style="text-align: center;"><strong>CASE</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vo-case-xigmatek-anubis-pro-4fx">XIGMATEK ANUBIS PRO 4FX - 4FAN</ahref=></strong></td><td style="text-align: center;">&nbsp;</td></tr></tbody></table>',
+    }, {
+        productId: 6,
+        product_name: "HHHPC 3D LUMION i9 13900K | 32G | NVIDIA RTX 3060 12GB",
+        image: "https://hoanghapccdn.com/media/product/250_3735_hhpc_anubis_pro_4fx_ram_black_ha3.jpg",
+        price: 32290000,
+        starting_price: 22290000,
+        from_time: 1703213170286,
+        to_time: 1703955600000,
+        status: 'started',
+        specifications: '<table><tbody><tr><td style="text-align: center;"><strong>STT</strong></td><td style="text-align: center;"><strong>MÃ HÀNG</strong></td><td style="text-align: center;"><strong>TÊN HÀNG</strong></td><td style="text-align: center;"><strong>THỜI HẠN BẢO HÀNH</strong></td></tr><tr><td style="text-align: center;"><strong>1</strong></td><td style="text-align: center;"><strong>CPU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/cpu-intel-core-i7-13700kf">INTEL COREi7&nbsp;13700KF up 5.4GHz |&nbsp;16 CORE | 24 THREAD</a>&nbsp;&nbsp;</strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>2</strong></td><td style="text-align: center;"><strong>MAIN</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/mainboard-asrock-z690-steel-legend">ASROCK Z690 STEELLEGEND&nbsp;DDR4</ahref=></strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>3</strong></td><td style="text-align: center;"><strong>TẢN NHIỆT</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/cooler-master-masterliquid-360l-core-argb">COOLER MASTER MASTERLIQUIDML360L CORE ARGB</ahref=></strong></td><td style="text-align: center;"><strong>12 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>4</strong></td><td style="text-align: center;"><strong>RAM</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/ram-teamgroup-t-force-vulcan-z-16gb-red-3600">32GB DDR4 3600 MHz(2x16G)</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>5</strong></td><td style="text-align: center;"><strong>SSD</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/o-cung-ssd-lexar-nm620-512gb">LEXARNM620 512GB M.2 2280 PCIe 3.0x4 - RW 3500MB/s</a></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>6</strong></td><td style="text-align: center;"><span style="color: #000000;"><strong>VGA</strong></span></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vga-palit-geforce-rtx2060-super-dual-8gb-gddr6">PALIT GEFORCE RTX2060 SUPER DUAL 8GB GDDR6&nbsp;256-bit</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>7</strong></td><td style="text-align: center;"><strong>PSU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/nguon-asus-tuf-gaming-750w">ASUS TUFGAMING 750W - 80 PLUS BRONZE</a></strong></td><td style="text-align: center;"><strong>72 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>8</strong></td><td style="text-align: center;"><strong>CASE</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vo-case-xigmatek-anubis-pro-4fx">XIGMATEK ANUBIS PRO 4FX - 4FAN</ahref=></strong></td><td style="text-align: center;">&nbsp;</td></tr></tbody></table>',
+    }, {
+        productId: 7,
+        product_name: "HHPC ADOBE i7 13700KF | 32G | RTX 2060 SUPER 8G | 256 bit | GDDR6",
+        image: "https://hoanghapccdn.com/media/product/250_3756_pc_anubius_pro_elite_360_v3_black_ha4.jpg",
+        price: 26390000,
+        starting_price: 16390000,
+        from_time: 1703350800000,
+        to_time: 1703955600000,
+        status: 'coming',
+        specifications: '<table><tbody><tr><td style="text-align: center;"><strong>STT</strong></td><td style="text-align: center;"><strong>MÃ HÀNG</strong></td><td style="text-align: center;"><strong>TÊN HÀNG</strong></td><td style="text-align: center;"><strong>THỜI HẠN BẢO HÀNH</strong></td></tr><tr><td style="text-align: center;"><strong>1</strong></td><td style="text-align: center;"><strong>CPU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/cpu-intel-core-i7-13700kf">INTEL COREi7&nbsp;13700KF up 5.4GHz |&nbsp;16 CORE | 24 THREAD</a>&nbsp;&nbsp;</strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>2</strong></td><td style="text-align: center;"><strong>MAIN</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/mainboard-asrock-z690-steel-legend">ASROCK Z690 STEELLEGEND&nbsp;DDR4</ahref=></strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>3</strong></td><td style="text-align: center;"><strong>TẢN NHIỆT</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/cooler-master-masterliquid-360l-core-argb">COOLER MASTER MASTERLIQUIDML360L CORE ARGB</ahref=></strong></td><td style="text-align: center;"><strong>12 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>4</strong></td><td style="text-align: center;"><strong>RAM</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/ram-teamgroup-t-force-vulcan-z-16gb-red-3600">32GB DDR4 3600 MHz(2x16G)</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>5</strong></td><td style="text-align: center;"><strong>SSD</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/o-cung-ssd-lexar-nm620-512gb">LEXARNM620 512GB M.2 2280 PCIe 3.0x4 - RW 3500MB/s</a></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>6</strong></td><td style="text-align: center;"><span style="color: #000000;"><strong>VGA</strong></span></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vga-palit-geforce-rtx2060-super-dual-8gb-gddr6">PALIT GEFORCE RTX2060 SUPER DUAL 8GB GDDR6&nbsp;256-bit</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>7</strong></td><td style="text-align: center;"><strong>PSU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/nguon-asus-tuf-gaming-750w">ASUS TUFGAMING 750W - 80 PLUS BRONZE</a></strong></td><td style="text-align: center;"><strong>72 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>8</strong></td><td style="text-align: center;"><strong>CASE</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vo-case-xigmatek-anubis-pro-4fx">XIGMATEK ANUBIS PRO 4FX - 4FAN</ahref=></strong></td><td style="text-align: center;">&nbsp;</td></tr></tbody></table>',
+    }, {
+        productId: 8,
+        product_name: "Bàn phím cơ Gaming MSI Vigor GK50 Elite Black",
+        image: "https://hoanghapccdn.com/media/product/4807_msi_vigor_gk50_elite_black_ha1.jpg",
+        price: 1890000,
+        starting_price: 890000,
+        from_time: 1703264400000,
+        to_time: 1703215914798,
+        status: 'ended',
+        specifications: '<table><tbody><tr><td style="text-align: center;"><strong>STT</strong></td><td style="text-align: center;"><strong>MÃ HÀNG</strong></td><td style="text-align: center;"><strong>TÊN HÀNG</strong></td><td style="text-align: center;"><strong>THỜI HẠN BẢO HÀNH</strong></td></tr><tr><td style="text-align: center;"><strong>1</strong></td><td style="text-align: center;"><strong>CPU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/cpu-intel-core-i7-13700kf">INTEL COREi7&nbsp;13700KF up 5.4GHz |&nbsp;16 CORE | 24 THREAD</a>&nbsp;&nbsp;</strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>2</strong></td><td style="text-align: center;"><strong>MAIN</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/mainboard-asrock-z690-steel-legend">ASROCK Z690 STEELLEGEND&nbsp;DDR4</ahref=></strong></td><td style="text-align: center;"><strong>36 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>3</strong></td><td style="text-align: center;"><strong>TẢN NHIỆT</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/cooler-master-masterliquid-360l-core-argb">COOLER MASTER MASTERLIQUIDML360L CORE ARGB</ahref=></strong></td><td style="text-align: center;"><strong>12 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>4</strong></td><td style="text-align: center;"><strong>RAM</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/ram-teamgroup-t-force-vulcan-z-16gb-red-3600">32GB DDR4 3600 MHz(2x16G)</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>5</strong></td><td style="text-align: center;"><strong>SSD</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/o-cung-ssd-lexar-nm620-512gb">LEXARNM620 512GB M.2 2280 PCIe 3.0x4 - RW 3500MB/s</a></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>6</strong></td><td style="text-align: center;"><span style="color: #000000;"><strong>VGA</strong></span></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vga-palit-geforce-rtx2060-super-dual-8gb-gddr6">PALIT GEFORCE RTX2060 SUPER DUAL 8GB GDDR6&nbsp;256-bit</ahref=></strong></td><td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>7</strong></td><td style="text-align: center;"><strong>PSU</strong></td><td style="text-align: center;"><strong><a href="https://hoanghapc.vn/nguon-asus-tuf-gaming-750w">ASUS TUFGAMING 750W - 80 PLUS BRONZE</a></strong></td><td style="text-align: center;"><strong>72 THÁNG</strong></td></tr><tr><td style="text-align: center;"><strong>8</strong></td><td style="text-align: center;"><strong>CASE</strong></td><td style="text-align: center;"><strong><ahref="https://hoanghapc.vn/vo-case-xigmatek-anubis-pro-4fx">XIGMATEK ANUBIS PRO 4FX - 4FAN</ahref=></strong></td><td style="text-align: center;">&nbsp;</td></tr></tbody></table>',
+    },
+];
+const du_lieu_thongtindaugia = [
+    {
+        productId: 1,
+        listUser: [
+            {
+                userName: 'Mai phương',
+                price: 450000,
+                time: 1703132219576,
+            },
+            {
+                userName: 'Quang Đỗ',
+                price: 360000,
+                time: 1703132219576,
+            },
+        ]
+    }
+];
--- a/dist/detail.js
+++ b/dist/detail.js
@@ -0,0 +1,44 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+function get_sp_tu_api() {
+    return __awaiter(this, void 0, void 0, function* () {
+        return new Promise((resolve, reject) => {
+            return resolve(listproduct_mau);
+        });
+    });
+}
+function show_info_product() {
+    return __awaiter(this, void 0, void 0, function* () {
+        const lay_thongtin_sp = yield get_sp_tu_api();
+        // code hien thi danh sach dang dien ra
+        show_product_detail(lay_thongtin_sp);
+    });
+}
+function GetURLParameter(sParam, url) {
+    var url_decode = decodeURIComponent(url);
+    var sPageURL = url_decode;
+    var sURLVariables = sPageURL.split('?');
+    for (var i = 0; i < sURLVariables.length; i++) {
+        var sParameterName = sURLVariables[i].split('=');
+        if (sParameterName[0] == sParam) {
+            return sParameterName[1];
+        }
+    }
+}
+function show_product_detail(lay_thongtin_sp) {
+    const IdProduct = Number(GetURLParameter('id', window.location.href));
+    lay_thongtin_sp
+        .filter((product) => product.productId == IdProduct)
+        .forEach(function (product, keyIndex) {
+        console.log(product);
+    });
+}
+show_info_product();
--- a/dist/main.js
+++ b/dist/main.js
@@ -0,0 +1,133 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+function goi_sp_tu_api() {
+    return __awaiter(this, void 0, void 0, function* () {
+        return new Promise((resolve, reject) => {
+            return resolve(listproduct_mau);
+        });
+    });
+}
+function hienthi_sp() {
+    return __awaiter(this, void 0, void 0, function* () {
+        const lay_sp_tu_api = yield goi_sp_tu_api();
+        // code hien thi danh sach dang dien ra
+        // Usage example:
+        showListProductHome(lay_sp_tu_api, 'started', 'js-holder-list-started');
+        showListProductHome(lay_sp_tu_api, 'coming', 'js-holder-list-coming');
+        showListProductHome(lay_sp_tu_api, 'ended', 'js-holder-list-ended');
+    });
+}
+function showListProductHome(lay_sp_tu_api, status, holderId) {
+    const html = [];
+    const holder = document.getElementById(holderId);
+    lay_sp_tu_api
+        .filter((product) => product.status == status)
+        .forEach(function (product, keyIndex) {
+        html.push(xayhtml(product));
+        if (status != 'ended' || product.to_time > product.from_time) {
+            const countdownTime = (status == 'started') ? product.to_time : product.from_time;
+            countDown(`js-deal-time-${product.productId}`, countdownTime);
+        }
+    });
+    if (holder) {
+        holder.innerHTML = html.join('');
+    }
+}
+function xayhtml(product) {
+    var Htmlcheckstatus = '';
+    if (product.status == 'started') {
+        Htmlcheckstatus = `<div class="deal-time-holder d-flex align-items space-center">
+                    <div class="txt">Còn lại:</div>
+                    <div class="product-time-holder js-deal-time-${product.productId}" data-time="${product.to_time}">
+                    </div>
+                </div>
+                <a href="/auction_program/product-detail.html?id=${product.productId}" class="btn-auction">Đấu giá ngay</a>`;
+    }
+    else if (product.status == 'coming') {
+        Htmlcheckstatus = `<div class="deal-time-holder d-flex align-items space-center">
+                        <div class="txt">Bắt đầu sau:</div>
+                        <div class="product-time-holder js-deal-time-${product.productId}" data-time="${product.from_time}">
+                        </div>
+                    </div>
+                    <a href="/auction_program/product-detail.html?id=${product.productId}" class="btn-auction">Xem chi tiết</a>`;
+    }
+    else if (product.to_time < Date.now()) {
+        Htmlcheckstatus = `<div class="starting-price">Thắng cuộc ${formatPrice(product.starting_price)}<u>đ</u></div>
+<div class="deal-time-holder d-flex align-items space-center end">
+    <div class="txt">Đã kết thúc</div>
+</div>
+<a href="/auction_program/product-detail.html?id=${product.productId}" class="btn-auction">Xem chi tiết</a>`;
+    }
+    return `<div class="product-item">
+                <a href="/product-detail.html?id=${product.productId}" class="product-image">
+                    <img src="${product.image}" alt="${product.product_name}">
+                </a>
+                <div class="info-product">
+                    <a href="" class="product-name line-clamp-2">${product.product_name}</a>
+                    <div class="product-cost">
+                        Giá gốc: ${formatPrice(product.price)}đ
+                    </div>
+                    ${Htmlcheckstatus}
+                </div>
+            </div>
+        `;
+}
+function formatPrice(price) {
+    var b = price.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.").toString();
+    var len = b.length;
+    b = b.substring(0, len - 3);
+    return b;
+}
+function countDown(iid, endTime) {
+    const updateCountdown = () => {
+        const now = Date.now();
+        const distance = endTime - now;
+        if (distance > 0) {
+            const [days, hours, minutes, seconds] = getTimeComponents(distance);
+            displayCountdown(iid, days, hours, minutes, seconds);
+        }
+        else {
+            clearInterval(timer);
+        }
+    };
+    // Initial update to avoid delay
+    updateCountdown();
+    const timer = setInterval(updateCountdown, 1000);
+}
+function getTimeComponents(distance) {
+    const days = Math.floor(distance / (1000 * 60 * 60 * 24));
+    const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+    const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+    const seconds = Math.floor((distance % (1000 * 60)) / 1000);
+    return [days, hours, minutes, seconds];
+}
+function displayCountdown(iid, days, hours, minutes, seconds) {
+    const element = document.querySelector(`.${iid}`);
+    if (element) {
+        if (days > 0) {
+            element.innerHTML = `
+            <div class='item-time'><b>${formatTimeComponent(days)}</b></div>
+            <div class='item-time'><b>${formatTimeComponent(hours)}</b></div>
+            <div class='item-time'><b>${formatTimeComponent(minutes)}</b></div>
+            <div class='item-time'><b>${formatTimeComponent(seconds)}</b></div>`;
+        }
+        else {
+            element.innerHTML = `
+            <div class='item-time'><b>${formatTimeComponent(hours)}</b></div>
+            <div class='item-time'><b>${formatTimeComponent(minutes)}</b></div>
+            <div class='item-time'><b>${formatTimeComponent(seconds)}</b></div>`;
+        }
+    }
+}
+function formatTimeComponent(component) {
+    return component <= 9 ? '0' + component : component.toString();
+}
+hienthi_sp();