tieptk/chuong_trinh_dau_gia_truc_tuyen
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

25/12/2023

Browse Source
This commit is contained in:
Tieptk
2023-12-25 09:29:34 +07:00
parent dac87c3a2b
commit 802682da2e
7 changed files with 689 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files

244
dist/data.js vendored
View File

@@ -9,9 +9,37 @@ const listproduct_mau = [
image: "https://hoanghapccdn.com/media/product/250_3765_pc_anubius_pro_elite_360_v3_black_ha1.jpg",
price: 26390000,
starting_price: 2350000,
price_step: 300000,
from_time: 1703213170286,
to_time: 1703955600000,
status: 'started',
user_online: 200,
list_user: [
{
IdUser: 1,
userName: 'Mai phương',
price: 4500000,
time: 1703955600000
},
{
IdUser: 2,
userName: 'Quang đỗ',
price: 3600000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Thu Hương',
price: 3400000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Minh Ngọc',
price: 3400000,
time: 1703955600000
}
],
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,
@@ -19,9 +47,37 @@ const listproduct_mau = [
image: "https://hoanghapccdn.com/media/product/250_3762_pc_anubius_pro_elite_360_v3_black_ha3.jpg",
price: 29890000,
starting_price: 2250000,
price_step: 300000,
from_time: 1703213170286,
to_time: 1703869200000,
status: 'started',
user_online: 200,
list_user: [
{
IdUser: 1,
userName: 'Mai phương',
price: 4500000,
time: 1703955600000
},
{
IdUser: 2,
userName: 'Quang đỗ',
price: 3600000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Thu Hương',
price: 3400000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Minh Ngọc',
price: 3400000,
time: 1703955600000
}
],
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,
@@ -29,9 +85,12 @@ const listproduct_mau = [
image: "https://hoanghapccdn.com/media/product/250_3761_pc_anubius_pro_elite_360_v3_black_ha3.jpg",
price: 27390000,
starting_price: 2550000,
price_step: 300000,
from_time: 1703350800000,
to_time: 1703955600000,
status: 'coming',
user_online: 0,
list_user: [],
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,
@@ -39,9 +98,37 @@ const listproduct_mau = [
image: "https://hoanghapccdn.com/media/product/250_3738_hhpc_case_gank_360_ha3.jpg",
price: 91390000,
starting_price: 81390000,
price_step: 300000,
from_time: 1703213170286,
to_time: 1703955600000,
status: 'started',
user_online: 200,
list_user: [
{
IdUser: 1,
userName: 'Mai phương',
price: 4500000,
time: 1703955600000
},
{
IdUser: 2,
userName: 'Quang đỗ',
price: 3600000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Thu Hương',
price: 3400000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Minh Ngọc',
price: 3400000,
time: 1703955600000
}
],
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,
@@ -49,9 +136,37 @@ const listproduct_mau = [
image: "https://hoanghapccdn.com/media/product/250_3668_pc_anubius_pro_elite_360_v3_rgb_ha3.jpg",
price: 27850000,
starting_price: 25850000,
price_step: 300000,
from_time: 1703213170286,
to_time: 1703955600000,
status: 'started',
user_online: 200,
list_user: [
{
IdUser: 1,
userName: 'Mai phương',
price: 4500000,
time: 1703955600000
},
{
IdUser: 2,
userName: 'Quang đỗ',
price: 3600000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Thu Hương',
price: 3400000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Minh Ngọc',
price: 3400000,
time: 1703955600000
}
],
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,
@@ -59,9 +174,37 @@ const listproduct_mau = [
image: "https://hoanghapccdn.com/media/product/250_3735_hhpc_anubis_pro_4fx_ram_black_ha3.jpg",
price: 32290000,
starting_price: 22290000,
price_step: 300000,
from_time: 1703213170286,
to_time: 1703955600000,
status: 'started',
user_online: 200,
list_user: [
{
IdUser: 1,
userName: 'Mai phương',
price: 4500000,
time: 1703955600000
},
{
IdUser: 2,
userName: 'Quang đỗ',
price: 3600000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Thu Hương',
price: 3400000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Minh Ngọc',
price: 3400000,
time: 1703955600000
}
],
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,
@@ -69,9 +212,12 @@ const listproduct_mau = [
image: "https://hoanghapccdn.com/media/product/250_3756_pc_anubius_pro_elite_360_v3_black_ha4.jpg",
price: 26390000,
starting_price: 16390000,
price_step: 300000,
from_time: 1703350800000,
to_time: 1703955600000,
status: 'coming',
user_online: 0,
list_user: [],
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,
@@ -79,26 +225,92 @@ const listproduct_mau = [
image: "https://hoanghapccdn.com/media/product/4807_msi_vigor_gk50_elite_black_ha1.jpg",
price: 1890000,
starting_price: 890000,
price_step: 300000,
from_time: 1703264400000,
to_time: 1703215914798,
status: 'ended',
user_online: 1000,
list_user: [
{
IdUser: 1,
userName: 'Mai phương',
price: 4500000,
time: 1703955600000
},
{
IdUser: 2,
userName: 'Quang đỗ',
price: 3600000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Thu Hương',
price: 3400000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Minh Ngọc',
price: 3400000,
time: 1703955600000
}
],
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,
},
]
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();
}
function formatTime(timestamp) {
const date = new Date(timestamp);
const formattedTime = date.toLocaleString('en-US', { day: 'numeric', month: 'numeric', year: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric' });
return formattedTime;
}
];

86
dist/detail.js vendored
View File

@@ -33,12 +33,96 @@ function GetURLParameter(sParam, url) {
}
}
}
function XayhtmlProductDeail(product) {
const highestBid = getHighestBid(product.list_user);
const htmlImage = `
<a href="${product.image}">
<img src="${product.image}" alt="${product.product_name}">
</a>
`;
const htmlInfo = `
<h1 class="name">${product.product_name}</h1>
<div class="d-flex align-items space-between box-price-normal">
<div class="price d-flex align-items">
<div class="name-price">Khởi điểm:</div>
<b>${formatPrice(product.price)}<u>đ</u></b>
</div>
<div class="price-step d-flex align-items">
<div class="name-price">Bước giá:</div>
<b>${formatPrice(product.price_step)}<u>đ</u></b>
</div>
</div>
<div class="current-highest-price d-flex align-items">
<div class="name-price">Giá cao nhất hiện tại:</div>
<b>${formatPrice(highestBid)}<u>đ</u></b>
</div>
<div class="qt-view">Số người đang tham gia: <b>${product.user_online} người</b></div>
<div class="box-time d-flex align-items">
<span>Thời gian còn lại:</span>
<div class="product-time-holder js-deal-time-${product.productId} d-flex align-items" data-time="${product.to_time}">
</div>
</div>
<div class="box-input-price d-flex align-items">
<span>Nhập giá đấu của bạn</span>
<input type="text" class="input-price" value="${formatPrice(highestBid)}">
<a href="javascript:;" class="minus-price"><i class="fa fa-minus"></i></a>
<a href="javascript:;" class="plus-price"><i class="fa fa-plus"></i></a>
</div>
`;
let html_dien_bien_dau_gia = '';
product.list_user.forEach((user) => {
html_dien_bien_dau_gia += `
<tr>
<td>
${highestBid == user.price ? `
<div class="d-flex align-items">
<img src="./assets/images/icon_paint.png" width="14px" height="20px" alt="">
<span>${user.userName}</span>
</div>
` : `<span>${user.userName}</span>`}
</td>
<td>
${formatPrice(user.price)}<u>đ</u>
</td>
<td>
${formatTime(user.time)}
</td>
</tr>
`;
});
const htmlSpec = `
${product.specifications}
`;
return { htmlImage, htmlInfo, html_dien_bien_dau_gia, htmlSpec };
}
function show_product_detail(lay_thongtin_sp) {
const IdProduct = Number(GetURLParameter('id', window.location.href));
const holderImage = document.getElementById('js-holder-image');
const holderInfo = document.getElementById('js-holder-info');
const holderAuctionDetails = document.getElementById('js-holder-auction-details');
const holderSpec = document.getElementById('js-holder-specifications');
lay_thongtin_sp
.filter((product) => product.productId == IdProduct)
.forEach(function (product, keyIndex) {
console.log(product);
const { htmlImage, htmlInfo, html_dien_bien_dau_gia, htmlSpec } = XayhtmlProductDeail(product);
holderImage.innerHTML = htmlImage;
holderInfo.innerHTML = htmlInfo;
holderAuctionDetails.innerHTML = html_dien_bien_dau_gia;
holderSpec.innerHTML = htmlSpec;
if (product.to_time > Date.now()) {
countDown(`js-deal-time-${product.productId}`, product.to_time);
}
});
}
function getHighestBid(list_user) {
let highestBid = 0;
list_user.forEach(user => {
if (user.price > highestBid) {
highestBid = user.price;
}
});
return highestBid;
}
function getList() {
}
show_info_product();

50
dist/main.js vendored
View File

@@ -80,54 +80,4 @@ function xayhtml(product) {
</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();

8
product-detail.html
View File

@@ -45,12 +45,13 @@
<div class="clearfix"></div>
<div class="box-product-info d-flex">
<div class="product-image">
<div class="product-image" id="js-holder-image">
<a href="">
<img src="./assets/images/product-1.png" alt="">
</a>
</div>
<div class="info-right">
<div id="js-holder-info">
<h1 class="name">Máy tính bảng TCL Tab 11 WIFI 4GB 128GB</h1>
<div class="d-flex align-items space-between box-price-normal">
<div class="price d-flex align-items">
@@ -84,10 +85,11 @@
<a href="javascript:void(0)" class="btn-add-auction">
Đấu giá ngay
</a>
</div>
<div class="box-participant-list background-white">
<h2 class="title">Diễn biến đấu giá</h2>
<div class="content">
<table>
<table id="js-holder-auction-details">
<tr>
<td>
<div class="d-flex align-items">
@@ -209,7 +211,7 @@
<div class="box-spec-deposit d-flex">
<div class="box-specification background-white">
<h2 class="title">Thông tin sản phẩm</h2>
<div class="content">
<div class="content" id="js-holder-specifications">
<table>
<tbody>
<tr>

259
src/data.ts
View File

@@ -7,21 +7,21 @@ type ProductInfo = {
image: string;
price: number;
starting_price: number;
price_step: number;
from_time: number;
to_time: number;
status: string;
user_online: number,
list_user: infoUser[]
specifications: string;
};
type infoUser = {
IdUser: number,
userName: string,
price: number,
time: number,
}
type thongtinkhachhangdaugia = {
productId: number,
listUser: infoUser[]
}
//-----
@@ -33,9 +33,37 @@ const listproduct_mau: ProductInfo[] = [
image: "https://hoanghapccdn.com/media/product/250_3765_pc_anubius_pro_elite_360_v3_black_ha1.jpg",
price: 26390000,
starting_price: 2350000,
price_step: 300000,
from_time: 1703213170286,
to_time: 1703955600000,
status: 'started',
user_online: 200,
list_user: [
{
IdUser: 1,
userName: 'Mai phương',
price: 4500000,
time: 1703955600000
},
{
IdUser: 2,
userName: 'Quang đỗ',
price: 3600000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Thu Hương',
price: 3400000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Minh Ngọc',
price: 3400000,
time: 1703955600000
}
],
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,
@@ -43,9 +71,37 @@ const listproduct_mau: ProductInfo[] = [
image: "https://hoanghapccdn.com/media/product/250_3762_pc_anubius_pro_elite_360_v3_black_ha3.jpg",
price: 29890000,
starting_price: 2250000,
price_step: 300000,
from_time: 1703213170286,
to_time: 1703869200000,
status: 'started',
user_online: 200,
list_user: [
{
IdUser: 1,
userName: 'Mai phương',
price: 4500000,
time: 1703955600000
},
{
IdUser: 2,
userName: 'Quang đỗ',
price: 3600000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Thu Hương',
price: 3400000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Minh Ngọc',
price: 3400000,
time: 1703955600000
}
],
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,
@@ -53,9 +109,12 @@ const listproduct_mau: ProductInfo[] = [
image: "https://hoanghapccdn.com/media/product/250_3761_pc_anubius_pro_elite_360_v3_black_ha3.jpg",
price: 27390000,
starting_price: 2550000,
price_step: 300000,
from_time: 1703350800000,
to_time: 1703955600000,
status: 'coming',
user_online: 0,
list_user: [],
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,
@@ -63,9 +122,37 @@ const listproduct_mau: ProductInfo[] = [
image: "https://hoanghapccdn.com/media/product/250_3738_hhpc_case_gank_360_ha3.jpg",
price: 91390000,
starting_price: 81390000,
price_step: 300000,
from_time: 1703213170286,
to_time: 1703955600000,
status: 'started',
user_online: 200,
list_user: [
{
IdUser: 1,
userName: 'Mai phương',
price: 4500000,
time: 1703955600000
},
{
IdUser: 2,
userName: 'Quang đỗ',
price: 3600000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Thu Hương',
price: 3400000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Minh Ngọc',
price: 3400000,
time: 1703955600000
}
],
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,
@@ -73,9 +160,37 @@ const listproduct_mau: ProductInfo[] = [
image: "https://hoanghapccdn.com/media/product/250_3668_pc_anubius_pro_elite_360_v3_rgb_ha3.jpg",
price: 27850000,
starting_price: 25850000,
price_step: 300000,
from_time: 1703213170286,
to_time: 1703955600000,
status: 'started',
user_online: 200,
list_user: [
{
IdUser: 1,
userName: 'Mai phương',
price: 4500000,
time: 1703955600000
},
{
IdUser: 2,
userName: 'Quang đỗ',
price: 3600000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Thu Hương',
price: 3400000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Minh Ngọc',
price: 3400000,
time: 1703955600000
}
],
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,
@@ -83,9 +198,37 @@ const listproduct_mau: ProductInfo[] = [
image: "https://hoanghapccdn.com/media/product/250_3735_hhpc_anubis_pro_4fx_ram_black_ha3.jpg",
price: 32290000,
starting_price: 22290000,
price_step: 300000,
from_time: 1703213170286,
to_time: 1703955600000,
status: 'started',
user_online: 200,
list_user: [
{
IdUser: 1,
userName: 'Mai phương',
price: 4500000,
time: 1703955600000
},
{
IdUser: 2,
userName: 'Quang đỗ',
price: 3600000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Thu Hương',
price: 3400000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Minh Ngọc',
price: 3400000,
time: 1703955600000
}
],
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,
@@ -93,9 +236,12 @@ const listproduct_mau: ProductInfo[] = [
image: "https://hoanghapccdn.com/media/product/250_3756_pc_anubius_pro_elite_360_v3_black_ha4.jpg",
price: 26390000,
starting_price: 16390000,
price_step: 300000,
from_time: 1703350800000,
to_time: 1703955600000,
status: 'coming',
user_online: 0,
list_user: [],
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,
@@ -103,29 +249,102 @@ const listproduct_mau: ProductInfo[] = [
image: "https://hoanghapccdn.com/media/product/4807_msi_vigor_gk50_elite_black_ha1.jpg",
price: 1890000,
starting_price: 890000,
price_step: 300000,
from_time: 1703264400000,
to_time: 1703215914798,
status: 'ended',
user_online: 1000,
list_user: [
{
IdUser: 1,
userName: 'Mai phương',
price: 4500000,
time: 1703955600000
},
{
IdUser: 2,
userName: 'Quang đỗ',
price: 3600000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Thu Hương',
price: 3400000,
time: 1703955600000
},
{
IdUser: 3,
userName: 'Minh Ngọc',
price: 3400000,
time: 1703955600000
}
],
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: thongtinkhachhangdaugia[] = [
{
productId: 1,
listUser: [
{
userName: 'Mai phương',
price: 450000,
time: 1703132219576,
},
{
userName: 'Quang Đỗ',
price: 360000,
time: 1703132219576,
},
]
function formatPrice(price: number) {
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: string, endTime: number): void {
const updateCountdown = () => {
const now: number = Date.now();
const distance: number = 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: NodeJS.Timeout = setInterval(updateCountdown, 1000);
}
function getTimeComponents(distance: number): [number, number, number, number] {
const days: number = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours: number = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes: number = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds: number = Math.floor((distance % (1000 * 60)) / 1000);
return [days, hours, minutes, seconds];
}
function displayCountdown(iid: string, days: number, hours: number, minutes: number, seconds: number): void {
const element: HTMLElement | null = 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: number): string {
return component <= 9 ? '0' + component : component.toString();
}
function formatTime(timestamp: number) {
const date = new Date(timestamp);
const formattedTime = date.toLocaleString('en-US', { day: 'numeric', month: 'numeric', year: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric' });
return formattedTime;
}

106
src/detail.ts
View File

@@ -25,15 +25,115 @@ function GetURLParameter(sParam: string, url: string) {
}
function XayhtmlProductDeail(product: ProductInfo) {
const highestBid = getHighestBid(product.list_user);
const htmlImage: string = `
<a href="${product.image}">
<img src="${product.image}" alt="${product.product_name}">
</a>
`;
const htmlInfo: string = `
<h1 class="name">${product.product_name}</h1>
<div class="d-flex align-items space-between box-price-normal">
<div class="price d-flex align-items">
<div class="name-price">Khởi điểm:</div>
<b>${formatPrice(product.price)}<u>đ</u></b>
</div>
<div class="price-step d-flex align-items">
<div class="name-price">Bước giá:</div>
<b>${formatPrice(product.price_step)}<u>đ</u></b>
</div>
</div>
<div class="current-highest-price d-flex align-items">
<div class="name-price">Giá cao nhất hiện tại:</div>
<b>${formatPrice(highestBid)}<u>đ</u></b>
</div>
<div class="qt-view">Số người đang tham gia: <b>${product.user_online} người</b></div>
<div class="box-time d-flex align-items">
<span>Thời gian còn lại:</span>
<div class="product-time-holder js-deal-time-${product.productId} d-flex align-items" data-time="${product.to_time}">
</div>
</div>
<div class="box-input-price d-flex align-items">
<span>Nhập giá đấu của bạn</span>
<input type="text" class="input-price" value="${formatPrice(highestBid)}">
<a href="javascript:;" class="minus-price"><i class="fa fa-minus"></i></a>
<a href="javascript:;" class="plus-price"><i class="fa fa-plus"></i></a>
</div>
`;
let html_dien_bien_dau_gia: string = '';
product.list_user.forEach((user: infoUser) => {
html_dien_bien_dau_gia += `
<tr>
<td>
${highestBid == user.price ? `
<div class="d-flex align-items">
<img src="./assets/images/icon_paint.png" width="14px" height="20px" alt="">
<span>${user.userName}</span>
</div>
` : `<span>${user.userName}</span>`}
</td>
<td>
${formatPrice(user.price)}<u>đ</u>
</td>
<td>
${formatTime(user.time)}
</td>
</tr>
`;
});
const htmlSpec: string = `
${product.specifications}
`;
return { htmlImage, htmlInfo, html_dien_bien_dau_gia, htmlSpec };
}
function show_product_detail(lay_thongtin_sp: ProductInfo[]) {
const IdProduct: number = Number(GetURLParameter('id', window.location.href));
const holderImage = document.getElementById('js-holder-image');
const holderInfo = document.getElementById('js-holder-info');
const holderAuctionDetails = document.getElementById('js-holder-auction-details');
const holderSpec = document.getElementById('js-holder-specifications');
lay_thongtin_sp
.filter((product: ProductInfo) => product.productId == IdProduct)
.forEach(function (product, keyIndex) {
console.log(product)
})
const { htmlImage, htmlInfo, html_dien_bien_dau_gia, htmlSpec } = XayhtmlProductDeail(product);
holderImage!.innerHTML = htmlImage;
holderInfo!.innerHTML = htmlInfo;
holderAuctionDetails!.innerHTML = html_dien_bien_dau_gia;
holderSpec!.innerHTML = htmlSpec;
if (product.to_time > Date.now()) {
countDown(`js-deal-time-${product.productId}`, product.to_time);
}
});
}
function getHighestBid(list_user: infoUser[]) {
let highestBid = 0;
list_user.forEach(user => {
if (user.price > highestBid) {
highestBid = user.price;
}
});
return highestBid;
}
function getList() {
}

58
src/main.ts
View File

@@ -75,64 +75,6 @@ function xayhtml(product: ProductInfo) {
`;
}
function formatPrice(price: number) {
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: string, endTime: number): void {
const updateCountdown = () => {
const now: number = Date.now();
const distance: number = 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: NodeJS.Timeout = setInterval(updateCountdown, 1000);
}
function getTimeComponents(distance: number): [number, number, number, number] {
const days: number = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours: number = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes: number = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds: number = Math.floor((distance % (1000 * 60)) / 1000);
return [days, hours, minutes, seconds];
}
function displayCountdown(iid: string, days: number, hours: number, minutes: number, seconds: number): void {
const element: HTMLElement | null = 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: number): string {
return component <= 9 ? '0' + component : component.toString();
}
hienthi_sp();