Hệ thống pháp luật

HỘI ĐỒNG NHÂN DÂN
TỈNH HẢI DƯƠNG
-------

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập - Tự do - Hạnh phúc
---------------

Số: 34/NQ-HĐND

Hải Dương, ngày 13 tháng 7 năm 2023

 

NGHỊ QUYẾT

VỀ PHƯƠNG ÁN PHÂN BỔ KẾ HOẠCH ĐẦU TƯ CÔNG VỐN NGÂN SÁCH NHÀ NƯỚC NĂM 2024 TỈNH HẢI DƯƠNG

HỘI ĐỒNG NHÂN DÂN TỈNH HẢI DƯƠNG
KHÓA XVII, KỲ HỌP THỨ 16

Căn cứ Luật Tổ chức chính quyền địa phương ngày 19 tháng 6 năm 2015; Luật sửa đổi, bổ sung một số điều của Luật Tổ chức Chính phủ và Luật Tổ chức chính quyền địa phương ngày 22 tháng 11 năm 2019;

Căn cứ Luật Đầu tư công ngày 13 tháng 6 năm 2019;

Căn cứ Luật Ngân sách nhà nước ngày 25 tháng 6 năm 2015;

Căn cứ Quyết định số 1535/QĐ-TTg ngày 15 tháng 9 năm 2021 của Thủ tướng Chính phủ về việc giao kế hoạch đầu tư công trung hạn vốn ngân sách nhà nước giai đoạn 2021-2025;

Căn cứ Chỉ thị số 21/CT-TTg ngày 10 tháng 6 năm 2023 của Thủ tướng Chính phủ về xây dựng kế hoạch phát triển kinh tế - xã hội và dự toán ngân sách nhà nước năm 2024;

Xét Báo cáo số 102 /BC-UBND ngày 10 tháng 7 năm 2023 của Ủy ban nhân dân tỉnh về đánh giá tình hình thực hiện kế hoạch đầu tư công năm 2023 và dự kiến kế hoạch năm 2024; Báo cáo thẩm tra của Ban Kinh tế - Ngân sách Hội đồng nhân dân tỉnh; ý kiến thảo luận của đại biểu Hội đồng nhân dân tỉnh tại kỳ họp,

QUYẾT NGHỊ:

Điều 1. Thông qua phương án phân bổ kế hoạch đầu tư công vốn ngân sách nhà nước năm 2024 tỉnh Hải Dương, cụ thể như sau:

1. Nguyên tắc, tiêu chí phân bổ vốn đầu tư công năm 2024 phải tuân thủ thực hiện các quy định của Luật Đầu tư công, Luật Ngân sách nhà nước và các văn bản pháp luật có liên quan. Trong đó, lưu ý thực hiện:

1.1. Danh mục dự án và dự kiến kế hoạch vốn năm 2024 phải thuộc danh mục kế hoạch đầu tư công 5 năm 2021-2025. Mức vốn bố trí cho từng dự án không vượt quá kế hoạch vốn 5 năm 2021-2025 trừ đi vốn đã bố trí trong giai đoạn đến hết năm 2023.

1.2. Chỉ giao kế hoạch vốn cho các dự án đã đủ thủ tục đầu tư theo quy định của Luật Đầu tư công.

1.3. Phân bổ vốn cho các nhiệm vụ, dự án phải hoàn thành xong trước ngày 31/12/2023 và phù hợp với tiến độ thực hiện, khả năng giải ngân trong năm 2024; khắc phục triệt để tình trạng phân bổ vốn dàn trải, bảo đảm bố trí vốn theo nguyên tắc và thứ tự ưu tiên như sau:

a) Bố trí đủ vốn thanh toán nợ đọng XDCB (nếu có), các dự án đã hoàn thành trước ngày 31/12/2023; trả nợ vốn vay đến hạn phải trả; dự án chuyển tiếp phải hoàn thành trong năm 2024 theo quy định.

b) Bố trí đủ vốn cho các nhiệm vụ chuẩn bị đầu tư, quy hoạch và vốn đối ứng dự án sử dụng vốn ODA, vốn vay ưu đãi của các nhà tài trợ nước ngoài; vốn đầu tư của Nhà nước tham gia thực hiện dự án theo phương thức đối tác công tư (nếu có).

c) Bố trí vốn cho các dự án chuyển tiếp theo tiến độ được duyệt.

d) Sau khi bố trí đủ vốn cho các nhiệm vụ, dự án trên, nếu còn vốn mới bố trí khởi công mới dự án.

2. Dự kiến kế hoạch vốn và phương án phân bổ năm 2024

2.1. Tổng vốn ngân sách địa phương năm 2024 dự kiến là 9.200 tỷ đồng, bao gồm:

a) Vốn đầu tư xây dựng cơ bản tập trung: 844 tỷ đồng;

b) Thu tiền sử dụng đất: 8.000 tỷ đồng;

c) Thu xổ số kiến thiết: 38 tỷ đồng;

d) Bội chi ngân sách địa phương: 318 tỷ đồng.

2.2. Tổng vốn ngân sách trung ương năm 2024 dự kiến là 902 tỷ đồng, bao gồm:

a) Vốn trong nước là 766 tỷ đồng, phân bổ cho 09 dự án, cụ thể như sau:

- Bố trí đủ 611 tỷ đồng cho 07 dự án chuyển tiếp- Số vốn còn lại 155 tỷ đồng phân bổ cho 02 dự án khởi công mới.

(Chi tiết có phụ lục biểu số 01 kèm theo)

b) Vốn nước ngoài là 136 tỷ đồng, phân bổ cho 01 dự án nhóm A chuyển tiếp theo tiến độ được phê duyệt. (Chi tiết có phụ lục biểu số 02 kèm theo).

Điều 2. Giao Ủy ban nhân dân tỉnh tổ chức thực hiện Nghị quyết và triển khai thực hiện:

1. Căn cứ Thông báo của Bộ Kế hoạch và Đầu tư về dự kiến kế hoạch vốn ngân sách nhà nước năm 2024, hoàn thiện phương án kế hoạch đầu tư công năm 2024 báo cáo cơ quan có thẩm quyền quyết định.

2. Căn cứ quyết định giao kế hoạch đầu tư vốn ngân sách nhà nước năm 2024 của Thủ tướng Chính phủ, tổ chức lập kế hoạch đầu tư công vốn ngân sách địa phương năm 2024 trình Hội đồng nhân dân tỉnh quyết định; phân bổ chi tiết kế hoạch vốn ngân sách nhà nước năm 2024.

3. Chỉ đạo các cơ quan chuyên môn và UBND cấp huyện tăng cường rà soát, báo cáo cơ quan có thẩm quyền điều chỉnh kế hoạch đầu tư công vốn ngân sách nhà nước theo quy định của pháp luật. Trong đó, đối với vốn đầu tư công cấp tỉnh quản lý, tập trung ưu tiên bố trí vốn đầu tư các dự án trọng điểm, dự án có sức lan tỏa cao, tạo ra động lực mới, không gian mới phát triển kinh tế - xã hội, nhất là các dự án giao thông quan trọng thúc đẩy liên kết vùng và các dự án thuộc lĩnh vực quốc phòng, an ninh, nông nghiệp, y tế, giáo dục triển khai thực hiện trong giai đoạn 2024-2025.

Điều 3. Thường trực Hội đồng nhân dân, các Ban Hội đồng nhân dân, các Tổ đại biểu Hội đồng nhân dân và các đại biểu Hội đồng nhân tỉnh giám sát việc thực hiện Nghị quyết.

Nghị quyết này được Hội đồng nhân dân tỉnh Hải Dương khóa XVII, kỳ họp thứ 16 thông qua ngày 13 tháng 7 năm 2023./.

 


Nơi nhận:
- Uỷ ban TV Quốc hội; (để báo cáo)
- Thủ tướng Chính phủ; (để báo cáo)
- Bộ Kế hoạch và Đầu tư; (để báo cáo)
- Bộ Tài chính; (để báo cáo)
- Ban Công tác Đại biểu;(để báo cáo)
- Ban Thường vụ Tỉnh uỷ; (để báo cáo)
- Thường trực HĐND, UBND, UBMTTQ tỉnh;
- Đoàn Đại biểu Quốc hội tỉnh;
- Các đại biểu HĐND tỉnh;
- VP: Tỉnh uỷ, UBND tỉnh;
- Các sở, ban, ngành, đoàn thể của tỉnh;
- Lãnh đạo và CV VP Đoàn ĐBQH và HĐND tỉnh;
- Thường trực HĐND và UBND các huyện, TX, TP;
- Báo Hải Dương, Trang TTĐT Đoàn ĐBQH và HĐND tỉnh;
- Trung tâm CNTT - VP UBND tỉnh;
- Lưu VT.

CHỦ TỊCH




Lê Văn Hiệu

 

BIỂU SỐ 01 - NHU CẦU VÀ DỰ KIẾN KẾ HOẠCH NĂM 2024 ĐỐI VỚI DỰ ÁN THUỘC KẾ HOẠCH VỐN NGÂN SÁCH TRUNG ƯƠNG GIAI ĐOẠN 2021-2025
(Kèm theo Nghị quyết số 34/NQ-HĐND ngày 13 tháng 7 năm 2023 của Hội đồng nhân dân tỉnh Hải Dương)

Đơn vị tính: Triệu đồng

TT

Danh mục dự án

Nhóm dự án

Địa điểm xây dựng

Năng lực thiết kế

Thời gian KC-HT

Quyết định đầu tư

KH đầu tư trung hạn vốn NSTW giai đoạn 2021-2025

Vốn NSTW năm 2022 nguồn chương trình phục hồi và phát triển KTXH

Vốn NSTW còn thiếu sau năm 2023 theo kế hoạch trung hạn và giải ngân nguồn chương trình phục hồi phát triển KTXH(1)

Nhu cầu và dự kiến kế hoạch vốn năm 2024

Số quyết định; ngày, tháng, năm (bao gồm các lần điều chỉnh, nếu có)

TMĐT (lần cuối)

Giai đoạn 2021-2025

Trong đó: đã giao kế hoạch các năm 2021, 2022, 2023

Tổng số (tất cả các nguồn vốn)

Trong đó, vốn NSTW

Tổng số (tất cả các nguồn vốn)

Trong đó: vốn NSTW

Tổng số

Trong đó, thu hồi vốn ứng trước

Kế hoạch vốn giao

Vốn giải ngân

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

TỔNG SỐ

 

 

 

 

 

3,593,038.0

2,081,170.0

2,062,170.1

 

1,088,533.1

531,483.0

129,678.7

843,958.3

1,166,375.0

766,375.0

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

I

Nông nghiệp, lâm nghiệp, thủy lợi và thủy sản

 

 

 

 

 

332,000.0

295,162.0

293,162.0

 

38,000.0

50,000.0

9,618.0

245,544.0

195,544.0

195,544.0

(1)

Dự án chuyển tiếp dự kiến hoàn thành trong năm 2024

 

 

 

 

 

90,000.0

90,000.0

88,000.0

 

38,000.0

50,000.0

9,618.0

40,382.0

40,382.0

40,382.0

1

Xử lý cấp bách các công trình đê điều tỉnh Hải Dương

B

H. Kim Thành, Nam Sách, Thanh Hà, Tứ Kỳ, Ninh Giang, TP Chí Linh, TP Hải Dương

4,23 km đê và xây dựng mới 09 cống dưới đê

2021-2024

1199; 23/4/2021

90,000.0

90,000.0

88,000.0

 

38,000.0

50,000.0

9,618.0

40,382.0

40,382.0

40,382.0

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

(2)

Dự án khởi công mới năm 2024

 

 

 

 

 

242,000.0

205,162.0

205,162.0

 

 

 

 

205,162.0

155,162.0

155,162.0

1

Xây dựng cơ sở hạ tầng vùng nuôi trồng thủy sản tập trung tại các huyện Cẩm Giàng, Kinh Môn, Tứ Kỳ, Gia Lộc - tỉnh Hải Dương

B

Cẩm Giàng, Kinh Môn, Tứ Kỳ, Gia Lộc - tỉnh Hải Dương

173 ha

2024-2025

3866, 23/12/2016; 3516, 08/10/2019

72,000.0

35,162.0

35,162.0

 

 

 

 

35,162.0

35,162.0

35,162.0

2

Dự án nạo vét và gia cố kênh trung thủy nông Sặt - Phủ, huyện Bình Giang

B

Bình Giang

Tưới 1.929 ha đất canh tác; tiêu 2.134 ha phục vụ sản xuất nông nghiệp, dân sinh và bảo vệ môi trường sinh thái (nạo vét lòng kênh 7,5 km và kè gia cố hai bên bờ kênh...)

2024-2025

25/NQ-HĐND;

12/7/2021; 28/NQ- HĐND, 02/6/2023

170,000.0

170,000.0

170,000.0

 

 

 

 

170,000.0

120,000.0

120,000.0

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

II

Giao thông

 

 

 

 

 

3,261,038.0

1,786,008.0

1,769,008.1

 

1,050,533.1

481,483.0

120,060.7

598,414.3

970,831.0

570,831.0

(1)

Dự án hoàn thành, bàn giao, đưa vào sử dụng đến ngày 31/12/2023

 

 

 

 

 

427,388.5

200,000.0

185,000.0

 

47,525.1

137,474.9

76,551.6

60,923.3

33,340.0

33,340.0

1

Xây dựng cầu vượt tại nút giao giữa đường dẫn Cầu Hàn, đường Ngô Quyền và Quốc lộ 5, thành phố Hải Dương

B

TPHD

01 cầu vượt

QL5

2020-2023

2618, 31/8/2020;

1068, 05/4/2021;

2042, 14/7/2021

427,388.5

200,000.0

185,000.0

 

47,525.1

137,474.9

76,551.6

60,923.3

33,340.0

33,340.0

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

(2)

Dự án chuyển tiếp dự kiến hoàn thành trong năm 2024

 

 

 

 

 

2,833,649.5

1,586,008.0

1,584,008.1

 

1,003,008.0

344,008.1

43,509.1

537,491.0

937,491.0

537,491.0

1

Xây dựng tuyến đường trục Đông - Tây, tỉnh Hải Dương

A

Thanh Miện, Ninh Giang, Tứ Kỳ

38,5 km

2021-2024

1643, 03/6/2021;

2672, 04/10/2022

1,778,886.0

1,000,000.0

1,000,000.0

 

800,000.0

 

 

200,000.0

400,000.0

200,000.0

2

Đầu tư xây dựng đường dẫn cầu Đồng Việt kết nối với Quốc lộ 37, thành phố Chí Linh

B

Chí Linh

5,13 km

2022-2024

3849; 25/12/2021

469,820.0

136,008.0

136,008.1

 

 

136,008.1

9,667.8

126,340.3

206,340.3

126,340.3

3

Xây dựng đường gom đường sắt Hà Nội - Hải Phòng, huyện Kim Thành

B

Kim Thành

4,26 km

2021-2024

4087; 31/12/2020

150,000.0

150,000.0

148,000.0

 

70,000.0

78,000.0

32,083.1

45,916.9

45,916.9

45,916.9

4

Xây dựng đường tránh đường tỉnh 391 đoạn qua địa bàn thị trấn Tứ Kỳ và xã Văn Tố, huyện Tứ Kỳ

B

Tứ Kỳ

2,16 km

2022-2024

402, 28/01/2022;

806, 28/4/2023

155,943.1

100,000.0

100,000.0

 

55,000.0

45,000.0

740.3

44,259.7

94,259.7

44,259.7

5

Đường vào Khu di tích Côn Sơn - Kiếp Bạc (Đoạn từ Quốc lộ 37 vào chùa Côn Sơn)

B

Chí Linh

4,28 km

2022-2024

837, 15/4/2022;

961, 25/5/2023

279,000.3

200,000.0

200,000.0

 

78,008.0

85,000.0

1,017.9

120,974.1

190,974.1

120,974.1

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Ghi chú: (1) - Kế hoạch vốn NSTW năm 2022 phân bổ cho các dự án từ nguồn Chương trình phục hồi và phát triển kinh tế - xã hội không được kéo dài sang năm 2023, đề nghị Bộ Kế hoạch và Đầu tư, Bộ Tài chính tổng hợp, báo cáo Thủ tướng Chính phủ quyết định bố trí đủ vốn còn thiếu theo kế hoạch vốn NSTW 5 năm 2021-2025 đã giao để đầu tư hoàn thành dự án theo tiến độ, phát huy hiệu quả đầu tư.

 

BIỂU SỐ 02 -NHU CẦU VÀ DỰ KIẾN KẾ HOẠCH ĐẦU TƯ VỐN NGÂN SÁCH TRUNG ƯƠNG (VỐN NƯỚC NGOÀI) NĂM 2023

(Kèm theo Nghị quyết số 34/NQ-HĐND ngày 13 tháng 7 năm 2023 của Hội đồng nhân dân tỉnh Hải Dương)

Đơn vị tính: Triệu đồng

TT

Danh mục dự án

Nhóm dự án

Nhà tài trợ

Ngày ký kết hiệp định

Ngày kết thúc Hiệp định

Quyết định đầu tư

Kế hoạch đầu tư trung hạn vốn NSTW giai đoạn 2021-2025

Nhu cầu và dự kiến kế hoạch vốn nước ngoài năm 2024

Số quyết định; ngày, tháng, năm (bao gồm lần đầu và các lần điều chỉnh)

TMĐT (lần cuối)

Tổng số (tất cả các nguồn vốn)

Bao gồm

Tổng số

Bao gồm

Trong đó: Đã giải ngân các năm 2021, 2022 và kế hoạch vốn năm 2023

Tổng số

Bao gồm

Vốn trong nước đối ứng (NSĐP)

Vốn nước ngoài theo Hiệp định)

Vốn nước ngoài (cấp phát từ NSTW)

Vốn vay lại

Tổng số

Bao gồm

Vốn nước ngoài (cấp phát từ NSTW)

Vốn vay lại

Tính bằng nguyên tệ

Quy đổi ra tiền Việt

Vốn nước ngoài (cấp phát từ NSTW)

Vốn vay lại

Tổng số

Bao gồm

Cấp phát từ NSTW

Vay lại

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

TỔNG SỐ

 

 

 

 

 

1,774,584

443,646

 

1,330,938

399,281

931,657

376,767

288,040

88,727

683,412

220,084

463,328

454,000

136,200

317,800

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Lĩnh vực phát triển hạ tầng đô thị (Dự án chuyển tiếp hoàn thành sau năm 2024)

 

 

 

 

 

1,774,584

443,646

 

1,330,938

399,281

931,657

376,767

288,040

88,727

683,412

220,084

463,328

454,000

136,200

317,800

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1

Phát triển tổng hợp các đô thị động lực - thành phố Hải Dương, tỉnh Hải Dương

A

WB

Ngày 11/10/2019

Ngày 30/6/2025

967; 22/3/2019

1,774,584

443,646

59,119 triệu USD

1,330,938

399,281

931,657

376,767

288,040

88,727

683,412

220,084

463,328

454,000

136,200

317,800

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 



lồng nhau (bên trong) hay không const memberID = 0; const vbID = 'dc98cc7003806249c573c92fee749cdc'; // State management cho phân tích let isAnalyzing = false; // Có đang phân tích không let currentAnalyzingAddress = null; // Address đang được phân tích let currentAnalyzingElement = null; // Element đang được phân tích let currentAnalyzingBadge = null; // Badge của element đang phân tích let isPanelOpen = false; // Panel phân tích có đang mở không console.log('Tiện ích loaded - memberID:', memberID, 'vbID:', vbID); function isInViewportAndTabNoiDung(element) { const rect = element.getBoundingClientRect(); const buffer = 1500; // Buffer to preload content below the viewport (approx. 50+ lines) const viewHeight = window.innerHeight || document.documentElement.clientHeight; const isInViewport = rect.top < viewHeight + buffer && rect.bottom >= 0; const isInTabNoiDung = $(element).closest('#tab_noi_dung_vb').length > 0; return isInViewport && isInTabNoiDung; } function getAddress(element) { const validTags = ['trichyeu', 'cancu', 'phan', 'chuong', 'muc', 'tieumuc', 'dieu', 'khoan', 'diem']; const $parent = $(element).closest(validTags.join(',')); if (!$parent.length) { return null; } let addr = $parent.attr('address'); if (!addr && $parent.prop('tagName').toLowerCase() === 'trichyeu') { addr = 'trichyeu'; $parent.attr('address', addr); } return addr || null; } function processTnplClasses($element) { const tnplKeysInLine = new Set(); // key = slug hoặc text (thường là slug) $element.find('tnpl').each(function () { const $tnpl = $(this); const tnplSlug = ($tnpl.attr('slug') || '').trim().toLowerCase(); const tnplKey = tnplSlug || $tnpl.text().trim().toLowerCase(); // Đã xử lý trong cùng dòng => bỏ if (tnplKeysInLine.has(tnplKey)) { return; } tnplKeysInLine.add(tnplKey); let tnplExists = false; // Chỉ duyệt các tnpl đã được tô màu (class on) $('tnpl.on').each(function () { const $existingTnpl = $(this); const existingSlug = ($existingTnpl.attr('slug') || '').trim().toLowerCase(); const existingKey = existingSlug || $existingTnpl.text().trim().toLowerCase(); if ( existingKey === tnplKey && isInViewportAndTabNoiDung($existingTnpl[0]) ) { tnplExists = true; return false; // break each } }); if (!tnplExists) { $tnpl.addClass('on'); } }); } function processQueue() { while (pendingRequests < maxConcurrentRequests && requestQueue.length > 0) { const task = requestQueue.shift(); pendingRequests++; task() .always(() => { pendingRequests--; processQueue(); }); } } function processVisibleParagraphs() { try { $('#tab_noi_dung_vb p:not([is-posted="1"])').each(function () { let $element = $(this); if (isInViewportAndTabNoiDung(this)) { $element.attr('is-posted', '1'); $element.addClass('loading-content'); let p_innerHTML = $element.html(); let address = null; if (cac_cau_hinh.loai_noi_dung.includes('docs')) { address = getAddress($element); } const isSubP = $element.parents('p').length > 0; if (isSubP && !allow_sub_p) { $element.removeClass('loading-content'); return; // Không gửi nếu không cho phép } const postData = { p_content: p_innerHTML, cac_cau_hinh, address }; if (isSubP && allow_sub_p) { postData.sub_p = 1; } requestQueue.push(() => $.ajax({ url: '//tnpl' + (Math.floor(Math.random() * 10) + 1) + '.hethongphapluat.com/tien-ich/tim.tien.ich.php', type: 'POST', data: postData, success: function(response) { $element.html(response); processTnplClasses($element); // Đợi CTTD và các tiện ích load xong rồi mới attach badge if (memberID === 4 && typeof attachPhanTichBadge === 'function') { setTimeout(function() { // $element chính là thẻ p, kiểm tra và attach badge trực tiếp const $parent = $element.closest('phan, chuong, muc, tieumuc, dieu, khoan, diem'); if ($parent.length > 0 && $parent.find('.badge-phan-tich[data-for="' + $parent.attr('address') + '"]').length === 0) { const address = $parent.attr('address'); $element.attr('data-address', address); // Lấy tên loại thẻ cho tooltip const parentType = getParentTypeName($parent.prop('tagName').toLowerCase()); // Append badge VÀO PARENT (dieu, khoan,...) thay vì vào

để tránh xung đột CTTD const $badge = $('Phân tích'); $parent.append($badge); // Thêm class để CSS set position: relative CHỈ cho element có badge $parent.addClass('has-phan-tich-badge'); } // Xử lý các p con (nếu có sub-p) attachPhanTichBadge($element); }, 300); // Đợi 300ms để CTTD render xong } }, complete: function() { $element.removeClass('loading-content'); } }) ); processQueue(); } }); } catch(e) { console.error('Lỗi processVisibleParagraphs:', e); } } $(window).on('scroll resize', function () { processVisibleParagraphs(); }); console.log('Bắt đầu processVisibleParagraphs lần đầu...'); processVisibleParagraphs(); console.log('processVisibleParagraphs lần đầu hoàn thành'); // Chức năng phân tích điều luật (chỉ cho member_id = 4) if (memberID === 4) { // Modal cảnh báo function showWarningModal(message) { // Tạo modal nếu chưa có if ($('#warningModal').length === 0) { const modalHTML = `

`; $('body').append(modalHTML); } $('#warningModalBody').html('

' + message + '

'); $('#warningModal').modal('show'); } // Hàm lấy tên tiếng Việt của thẻ function getParentTypeName(tagName) { const typeNames = { 'phan': 'Phần', 'chuong': 'Chương', 'muc': 'Mục', 'tieumuc': 'Tiểu mục', 'dieu': 'Điều', 'khoan': 'Khoản', 'diem': 'Điểm' }; return typeNames[tagName] || 'Nội dung'; } function attachPhanTichBadge($container) { const validTags = 'phan, chuong, muc, tieumuc, dieu, khoan, diem'; $container.find('p').each(function() { const $p = $(this); const $parent = $p.closest(validTags); if ($parent.length > 0) { const address = $parent.attr('address'); // Kiểm tra đã có badge cho parent này chưa if ($parent.find('.badge-phan-tich[data-for="' + address + '"]').length === 0) { // Lưu address vào data attribute $p.attr('data-address', address); // Lấy tên loại thẻ cho tooltip const parentType = getParentTypeName($parent.prop('tagName').toLowerCase()); // Append badge vào PARENT, không vào

const $badge = $('Phân tích'); $parent.append($badge); // Thêm class để CSS set position: relative CHỈ cho element có badge $parent.addClass('has-phan-tich-badge'); } } }); } // Helper: Escape HTML entities function escapeHtml(text) { const map = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }; return String(text).replace(/[&<>"']/g, function(m) { return map[m]; }); } // Helper: Convert Markdown to HTML (đơn giản) function markdownToHtml(markdown) { if (!markdown) return ''; let html = markdown; // Headers html = html.replace(/^### (.*$)/gim, '

$1
'); html = html.replace(/^## (.*$)/gim, '

$1

'); html = html.replace(/^# (.*$)/gim, '

$1

'); // Bold html = html.replace(/\*\*(.*?)\*\*/g, '$1'); // Italic html = html.replace(/\*(.*?)\*/g, '$1'); // Blockquote html = html.replace(/^> (.*$)/gim, '
$1
'); html = html.replace(/^> (.*$)/gim, '
$1
'); // Lists (unordered) html = html.replace(/^\- (.*$)/gim, '
  • $1
  • '); html = html.replace(/(
  • .*<\/li>)/s, '
      $1
    '); // Lists (ordered) html = html.replace(/^\d+\. (.*$)/gim, '
  • $1
  • '); // Line breaks và paragraphs html = html.split('\n\n').map(para => { para = para.trim(); if (para.startsWith('')) { return para; } if (para) { return '

    ' + para.replace(/\n/g, '
    ') + '

    '; } return ''; }).join('\n'); // Clean up multiple line breaks html = html.replace(/\n{3,}/g, '\n\n'); return html; } // Panel fixed position function closePhanTichPanel() { const $panel = $('#phanTichPanel'); if ($panel.length) { $panel.removeClass('show'); setTimeout(() => { $panel.remove(); }, 300); } // Reset highlight và badge khi đóng panel if (currentAnalyzingElement) { currentAnalyzingElement.removeClass('highlight-border-persistent'); } if (currentAnalyzingBadge) { currentAnalyzingBadge.text('Phân tích').removeClass('analyzing'); currentAnalyzingBadge.data('analyzing', false); currentAnalyzingBadge.data('hovering', false); currentAnalyzingBadge.css({display: 'none'}); // Ẩn badge khi đóng } // Reset tất cả các element khác (trong trường hợp có nhiều) $('#tab_noi_dung_vb .highlight-border-persistent').removeClass('highlight-border-persistent'); $('#tab_noi_dung_vb .badge-phan-tich-container.analyzing').each(function() { $(this).text('Phân tích').removeClass('analyzing').data('analyzing', false); }); // Check: có CTTD pointer đang mở không? const $visiblePointers = $('.pointer:visible'); const hadCTTDOpen = $visiblePointers.length > 0; if (hadCTTDOpen) { // CÓ CTTD đang mở → giữ rightdocinfo ẩn console.log('ℹ️ CTTD pointer is visible, keeping rightdocinfo hidden'); } else { // KHÔNG có CTTD → SHOW lại rightdocinfo const $rightdocinfo = $('#rightdocinfo'); if ($rightdocinfo.length > 0) { $rightdocinfo.show(); console.log('✅ Showing rightdocinfo back (no CTTD pointer)'); } } // Reset state isAnalyzing = false; currentAnalyzingAddress = null; currentAnalyzingElement = null; currentAnalyzingBadge = null; isPanelOpen = false; // Đánh dấu panel đã đóng console.log('✅ Panel closed, state reset, isPanelOpen = false'); } // Panel đã song song với rightdocinfo → không cần MutationObserver nữa console.log('✅ Panel running in standalone mode (parallel to rightdocinfo)'); // Resize event để update panel dimensions khi browser resize let resizeTimer; $(window).on('resize', function() { clearTimeout(resizeTimer); resizeTimer = setTimeout(function() { if (isPanelOpen && $('#phanTichPanel').length > 0) { updatePanelDimensions(); console.log('✅ Panel dimensions updated on window resize'); } }, 250); // Debounce 250ms }); // Function để detect và áp dụng dimensions từ rightdocinfo function updatePanelDimensions() { const $panel = $('#phanTichPanel'); const $rightdocinfo = $('#rightdocinfo'); const $docRightCol = $('#doc-right-col'); if ($panel.length === 0) return; // Ưu tiên: doc-right-col > rightdocinfo let $reference = $docRightCol.length > 0 ? $docRightCol : $rightdocinfo; // Nếu reference bị ẩn (display:none), tạm show để get dimensions let wasHidden = false; if ($reference.length > 0 && !$reference.is(':visible')) { wasHidden = true; $reference.css('visibility', 'hidden').show(); } if ($reference.length > 0) { const refWidth = $reference.outerWidth(); const refOffset = $reference.offset(); if (refWidth && refOffset) { // Tính vị trí right từ edge màn hình const windowWidth = $(window).width(); const rightPosition = windowWidth - (refOffset.left + refWidth); $panel.css({ 'width': refWidth + 'px', 'right': rightPosition + 'px' }); console.log('✅ Panel dimensions updated:', { width: refWidth + 'px', right: rightPosition + 'px', reference: $reference.attr('id') }); } else { console.warn('⚠️ Could not get dimensions from reference element'); } // Restore trạng thái hidden nếu cần if (wasHidden) { $reference.hide().css('visibility', ''); } } else { console.warn('⚠️ No reference element found for panel dimensions'); } } function openPhanTichPanel(address, vbID) { console.log('openPhanTichPanel called with address:', address); console.log('Current state - isAnalyzing:', isAnalyzing, 'currentAnalyzingAddress:', currentAnalyzingAddress); // Kiểm tra nếu đang phân tích element khác if (isAnalyzing && currentAnalyzingAddress && currentAnalyzingAddress !== address) { const currentName = getElementDisplayName(currentAnalyzingAddress); console.warn('Already analyzing:', currentAnalyzingAddress, 'Cannot analyze:', address); showWarningModal('Vui lòng chờ phân tích ' + currentName + ' hoàn tất...'); return; } // Nếu đang phân tích cùng element → không làm gì if (isAnalyzing && currentAnalyzingAddress === address) { console.log('Already analyzing this element, ignoring duplicate request'); return; } // Panel sẽ fixed position append vào body const $rightdocinfo = $('#rightdocinfo'); // KHÔNG ẨN CTTD pointer - cho phép CTTD và panel cùng tồn tại console.log('Panel opening, CTTD pointer can stay visible'); // ẨN rightdocinfo để tiết kiệm không gian if ($rightdocinfo.length > 0) { $rightdocinfo.hide(); console.log('Hidden rightdocinfo to save space'); } // XÓA highlight persistent của TẤT CẢ elements cũ trước $('#tab_noi_dung_vb .highlight-border-persistent').removeClass('highlight-border-persistent'); console.log('Removed all previous highlight-border-persistent'); // Tìm element đang được phân tích và badge của nó const $element = $('[address="' + address + '"]'); const $badge = $element.find('.badge-phan-tich-container[data-for="' + address + '"]').first(); // Set state isAnalyzing = true; currentAnalyzingAddress = address; currentAnalyzingElement = $element; currentAnalyzingBadge = $badge; console.log('State set:', { isAnalyzing: isAnalyzing, currentAnalyzingAddress: currentAnalyzingAddress, elementFound: $element.length > 0, badgeFound: $badge.length > 0 }); // Thêm highlight persistent cho element MỚI này $element.addClass('highlight-border-persistent'); // Thay đổi badge thành "Đang phân tích..." và giữ hiển thị if ($badge.length > 0) { $badge.text('Đang phân tích...').addClass('analyzing'); // Giữ badge hiển thị và ở đúng vị trí $badge.data('analyzing', true); $badge.data('hovering', true); // Prevent auto-hide console.log('Badge set to analyzing state'); // Đảm bảo badge hiển thị ở đúng vị trí (vì dùng position: fixed) showPhanTichBadgeForParent($element); } // Tạo panel nếu chưa có - fixed position append vào body if ($('#phanTichPanel').length === 0) { const panelHTML = `
    Phân tích điều luật
    Đang phân tích...

    Đang phân tích...

    `; // Append vào body (fixed position không cần container cụ thể) $('body').append(panelHTML); // Detect width từ rightdocinfo và áp dụng cho panel updatePanelDimensions(); // Trigger show và set flag setTimeout(() => { $('#phanTichPanel').addClass('show'); isPanelOpen = true; console.log('✅ Panel opened (fixed position), isPanelOpen = true'); }, 10); } else { $('#phanTichPanelBody').html(`
    Đang phân tích...

    Đang phân tích...

    `); // Update dimensions khi re-open updatePanelDimensions(); $('#phanTichPanel').addClass('show'); isPanelOpen = true; console.log('✅ Panel re-opened (fixed position), isPanelOpen = true'); } // Bind nút đóng và ESC $(document).off('click.closePhanTich').on('click.closePhanTich', '.close-phan-tich', function() { closePhanTichPanel(); }); $(document).off('keyup.closePhanTich').on('keyup.closePhanTich', function(e) { if (e.key === 'Escape') closePhanTichPanel(); }); // Bind nút refresh - phân tích lại $(document).off('click.refreshPhanTich').on('click.refreshPhanTich', '.btn-refresh-phan-tich', function(e) { e.preventDefault(); e.stopPropagation(); const $btn = $(this); const $icon = $btn.find('i'); // Disable button và thêm animation $btn.prop('disabled', true); $icon.addClass('fa-spin'); console.log('🔄 Refresh: Phân tích lại address:', address); // Show loading trong panel $('#phanTichPanelBody').html(`
    Đang phân tích lại...

    Đang xóa cache và phân tích lại...

    `); // Gọi API xóa cache trước deletePhanTichCache(address, vbID, function(deleteSuccess) { if (deleteSuccess) { console.log('✅ Cache deleted, now re-analyzing...'); // Sau khi xóa cache, gọi lại API phân tích callPhanTichAPI(address, vbID, function() { // Enable lại button $btn.prop('disabled', false); $icon.removeClass('fa-spin'); }); } else { console.error('❌ Failed to delete cache'); $('#phanTichPanelBody').html(` `); $btn.prop('disabled', false); $icon.removeClass('fa-spin'); } }); }); // Gọi API phân tích (dùng function helper) callPhanTichAPI(address, vbID); } // Helper: Gọi API phân tích (tách riêng để dùng lại) function callPhanTichAPI(address, vbID, callback) { const randomServer = Math.floor(Math.random() * 10) + 1; $.ajax({ url: '//tnpl' + randomServer + '.hethongphapluat.com/tien-ich/phan.tich.dieu.luat.php', type: 'POST', contentType: 'application/json', timeout: 300000, // 5 phút data: JSON.stringify({ address: address, vb_id: vbID }), success: function(response) { console.log('Analysis complete for:', address, response); // Reset badge về trạng thái bình thường (nhưng vẫn hiển thị) if (currentAnalyzingBadge) { currentAnalyzingBadge.text('Phân tích').removeClass('analyzing'); currentAnalyzingBadge.data('analyzing', false); console.log('Badge reset to normal state'); } // Reset state analyzing để có thể phân tích element khác isAnalyzing = false; console.log('State reset: isAnalyzing = false, can analyze other elements now'); if (response.ok) { // Render kết quả phân tích let html = ''; html += '
    '; html += '
    ' + escapeHtml(response.ten_van_ban) + '
    '; if (response.so_hieu) { html += 'Số hiệu: ' + escapeHtml(response.so_hieu) + '
    '; } html += 'Điều khoản: ' + escapeHtml(response.address) + ''; if (response.from_cache) { html += ' Cache'; } html += '
    '; html += '
    ' + markdownToHtml(response.phan_tich) + '
    '; if (response.usage) { html += '
    '; html += 'Thống kê: '; html += 'Input tokens: ' + (response.usage.promptTokenCount || 0) + ', '; html += 'Output tokens: ' + (response.usage.candidatesTokenCount || 0); html += '
    '; } $('#phanTichPanelBody').html(html); } else { $('#phanTichPanelBody').html(` `); } if (callback) callback(); }, error: function(xhr, status, error) { console.error('Analysis error:', error); // Reset badge về trạng thái bình thường if (currentAnalyzingBadge) { currentAnalyzingBadge.text('Phân tích').removeClass('analyzing'); currentAnalyzingBadge.data('analyzing', false); } // Reset state analyzing isAnalyzing = false; let errorMsg = error; if (xhr.responseJSON && xhr.responseJSON.error) { errorMsg = xhr.responseJSON.error; } $('#phanTichPanelBody').html(` `); if (callback) callback(); } }); } // Helper: Xóa cache phân tích function deletePhanTichCache(address, vbID, callback) { const randomServer = Math.floor(Math.random() * 10) + 1; $.ajax({ url: '//tnpl' + randomServer + '.hethongphapluat.com/tien-ich/delete.phan.tich.cache.php', type: 'POST', contentType: 'application/json', timeout: 10000, data: JSON.stringify({ address: address, vb_id: vbID }), success: function(response) { console.log('Delete cache response:', response); if (callback) callback(response.ok || false); }, error: function(xhr, status, error) { console.error('Delete cache error:', error); if (callback) callback(false); } }); } // Helper: Lấy tên hiển thị của element từ address function getElementDisplayName(address) { if (!address) return 'nội dung'; const $element = $('[address="' + address + '"]'); if ($element.length === 0) return address; // Parse address: vd "dieu_3_khoan_29" -> "Khoản 29 Điều 3" // Address format: lớn đến nhỏ (phan > chuong > muc > dieu > khoan > diem) const parts = address.split('_'); const displayParts = []; for (let i = 0; i < parts.length; i += 2) { if (i + 1 < parts.length) { const type = getParentTypeName(parts[i]); const num = parts[i + 1]; displayParts.push(type + ' ' + num); } } // Reverse để hiển thị từ nhỏ đến lớn: "Khoản 29 Điều 3" (thay vì "Điều 3 Khoản 29") return displayParts.reverse().join(' '); } function openPhanTichModal(address, vbID) { // Tạo modal nếu chưa có if ($('#modalPhanTich').length === 0) { const modalHTML = ` `; $('body').append(modalHTML); } // Reset và hiển thị modal với loading $('#modalPhanTichBody').html(`
    Đang phân tích...

    Đang phân tích...

    `); $('#modalPhanTich').modal('show'); // AJAX request const randomServer = Math.floor(Math.random() * 10) + 1; $.ajax({ url: '//tnpl' + randomServer + '.hethongphapluat.com/tien-ich/phan.tich.dieu.luat.php', type: 'POST', contentType: 'application/json', data: JSON.stringify({ address: address, vb_id: vbID }), success: function(response) { if (response.ok) { // Render kết quả phân tích let html = ''; // Header thông tin văn bản html += '
    '; html += '
    ' + escapeHtml(response.ten_van_ban) + '
    '; if (response.so_hieu) { html += 'Số hiệu: ' + escapeHtml(response.so_hieu) + '
    '; } html += 'Điều khoản: ' + escapeHtml(response.address) + ''; html += '
    '; // Nội dung phân tích (Markdown -> HTML) html += '
    '; html += markdownToHtml(response.phan_tich); html += '
    '; // Thông tin usage (nếu có) if (response.usage) { html += '
    '; html += 'Thống kê: '; html += 'Input tokens: ' + (response.usage.promptTokenCount || 0) + ', '; html += 'Output tokens: ' + (response.usage.candidatesTokenCount || 0); html += '
    '; } $('#modalPhanTichBody').html(html); } else { $('#modalPhanTichBody').html(` `); } }, error: function(xhr, status, error) { let errorMsg = error; if (xhr.responseJSON && xhr.responseJSON.error) { errorMsg = xhr.responseJSON.error; } $('#modalPhanTichBody').html(` `); } }); } // Helpers: show/hide badge cho parent element (dieu, khoan,...) với position: fixed function showPhanTichBadgeForParent($parent) { // Lấy badge CỦA CHÍNH parent này (match data-for với address của parent) const parentAddress = $parent.attr('address'); const $badge = $parent.find('.badge-phan-tich-container[data-for="' + parentAddress + '"]').first(); if ($badge.length === 0) { console.warn('No badge found for parent:', parentAddress); return; } // Ẩn TẤT CẢ các badge khác để tránh overlap $('.badge-phan-tich-container').not($badge).each(function() { const $otherBadge = $(this); // Chỉ ẩn badge KHÔNG đang analyzing if (!$otherBadge.data('analyzing')) { $otherBadge.css({display: 'none'}); } }); // Show badge tạm để tính width $badge.css({display: 'inline-block', opacity: 0, visibility: 'hidden'}); const badgeWidth = $badge.outerWidth(); // Tính toán vị trí fixed dựa trên offset của parent const offset = $parent.offset(); const scrollTop = $(window).scrollTop(); const scrollLeft = $(window).scrollLeft(); // Position badge top-right của parent và show $badge.css({ display: 'inline-block', visibility: 'visible', opacity: 1, top: (offset.top - scrollTop) + 'px', left: (offset.left + $parent.outerWidth() - badgeWidth - scrollLeft - 5) + 'px' // -5px padding }); console.log('Showing badge for:', parentAddress, 'at position:', $badge.css('top'), $badge.css('left')); $parent.addClass('highlight-border'); } function hidePhanTichBadgeForParent($parent) { const $badge = $parent.find('.badge-phan-tich-container').first(); if ($badge.length === 0) return; $badge.css({display: 'none', opacity: 0}); $parent.removeClass('highlight-border'); } // Biến lưu element đang hover let currentHoveredElement = null; let hoverDebounceTimer = null; // Dùng mousemove để track chính xác element nào đang được hover $(document).on('mousemove', '#tab_noi_dung_vb', function(e) { // Tìm element gần nhất (phan, chuong, muc, dieu, khoan, diem) tại vị trí chuột const $target = $(e.target).closest('phan, chuong, muc, tieumuc, dieu, khoan, diem'); if ($target.length === 0) { // Không hover vào element nào return; } const address = $target.attr('address'); // Nếu đang hover vào cùng element → skip if (currentHoveredElement && currentHoveredElement[0] === $target[0]) { return; } // Clear debounce timer cũ if (hoverDebounceTimer) { clearTimeout(hoverDebounceTimer); } // Debounce để tránh trigger quá nhiều hoverDebounceTimer = setTimeout(function() { // Element thay đổi console.log('Hover changed to:', address); // Set flag hovering cho element mới $target.data('hovering', true); // Cancel timeout nếu có const timeoutId = $target.data('hideTimeout'); if (timeoutId) { clearTimeout(timeoutId); } // Ẩn badge của TẤT CẢ elements khác $('#tab_noi_dung_vb phan, #tab_noi_dung_vb chuong, #tab_noi_dung_vb muc, #tab_noi_dung_vb tieumuc, #tab_noi_dung_vb dieu, #tab_noi_dung_vb khoan, #tab_noi_dung_vb diem') .not($target) .each(function() { const $el = $(this); // Chỉ xóa highlight-border, KHÔNG xóa highlight-border-persistent $el.removeClass('highlight-border'); // Ẩn badge nếu KHÔNG đang analyzing const $badge = $el.find('.badge-phan-tich-container'); if ($badge.length && !$badge.data('analyzing')) { $badge.css({display: 'none'}); } }); // Attach badge nếu chưa có if (address && $target.find('.badge-phan-tich-container[data-for="' + address + '"]').length === 0) { const parentType = getParentTypeName($target.prop('tagName').toLowerCase()); const $badge = $('Phân tích'); console.log('Creating badge for address:', address, 'parentType:', parentType); $target.append($badge); $target.addClass('has-phan-tich-badge'); } // Show badge cho element này if ($target.find('.badge-phan-tich-container').length > 0) { showPhanTichBadgeForParent($target); } // Update current hovered element currentHoveredElement = $target; }, 50); // Debounce 50ms }); // Event delegation cho hover ra khỏi #tab_noi_dung_vb $(document).on('mouseleave', '#tab_noi_dung_vb', function(e) { // Clear current hovered element currentHoveredElement = null; // Ẩn tất cả badge không đang analyzing sau một khoảng thời gian setTimeout(function() { if (currentHoveredElement === null) { // Chỉ ẩn nếu thực sự không hover vào element nào $('#tab_noi_dung_vb phan, #tab_noi_dung_vb chuong, #tab_noi_dung_vb muc, #tab_noi_dung_vb tieumuc, #tab_noi_dung_vb dieu, #tab_noi_dung_vb khoan, #tab_noi_dung_vb diem') .each(function() { const $el = $(this); const $badge = $el.find('.badge-phan-tich-container'); if ($badge.length && !$badge.data('analyzing')) { $badge.css({display: 'none'}); } }); console.log('Mouse left tab_noi_dung_vb, hiding all badges'); } }, 300); }); // Event delegation cho hover ra khỏi parent (giữ lại cho badge behavior) $(document).on('mouseleave', '#tab_noi_dung_vb phan, #tab_noi_dung_vb chuong, #tab_noi_dung_vb muc, #tab_noi_dung_vb tieumuc, #tab_noi_dung_vb dieu, #tab_noi_dung_vb khoan, #tab_noi_dung_vb diem', function(e) { const $parent = $(this); const parentAddress = $parent.attr('address'); const $badge = $parent.find('.badge-phan-tich-container[data-for="' + parentAddress + '"]').first(); // Set flag parent not hovering $parent.data('hovering', false); // Nếu badge đang analyzing thì KHÔNG ẩn, GIỮ hiển thị if ($badge.length > 0 && $badge.data('analyzing')) { console.log('Badge is analyzing, keep visible'); return; } // Delay để có thời gian di chuột vào badge const timeoutId = setTimeout(() => { // Chỉ ẩn nếu cả parent và badge đều không hover và không analyzing if ($badge.length > 0 && !$parent.data('hovering') && !$badge.data('hovering') && !$badge.data('analyzing')) { hidePhanTichBadgeForParent($parent); } }, 300); // Tăng lên 300ms $parent.data('hideTimeout', timeoutId); }); // Hover vào badge → giữ hiển thị $(document).on('mouseenter', '.badge-phan-tich-container', function(e) { e.stopPropagation(); const $badge = $(this); const $parent = $badge.parent(); $badge.data('hovering', true); // Cancel timeout của parent const timeoutId = $parent.data('hideTimeout'); if (timeoutId) { clearTimeout(timeoutId); } }); // Hover ra khỏi badge → ẩn nếu không hover parent $(document).on('mouseleave', '.badge-phan-tich-container', function(e) { const $badge = $(this); $badge.data('hovering', false); const $parent = $badge.parent(); // Nếu badge đang analyzing thì KHÔNG ẩn, GIỮ hiển thị if ($badge.data('analyzing') || $badge.hasClass('analyzing')) { console.log('Badge is analyzing on mouseleave, keep visible'); return; } setTimeout(() => { // Chỉ ẩn nếu cả parent và badge đều không hover và không analyzing if (!$parent.data('hovering') && !$badge.data('hovering') && !$badge.data('analyzing') && !$badge.hasClass('analyzing')) { hidePhanTichBadgeForParent($parent); } }, 300); }); // Event delegation cho hover vào badge → hiện tooltip $(document).on('mouseenter', '.badge-phan-tich, .badge-phan-tich-container, .badge-phan-tich-fixed', function() { const $badge = $(this); const parentType = $badge.attr('data-parent-type') || 'Nội dung'; if ($badge.find('.badge-tooltip').length === 0) { const $tooltip = $('Phân tích chi tiết nội dung ' + parentType + ' này'); $badge.append($tooltip); setTimeout(() => $tooltip.addClass('show'), 10); } }); // Event delegation cho hover ra khỏi badge → ẩn tooltip $(document).on('mouseleave', '.badge-phan-tich, .badge-phan-tich-container, .badge-phan-tich-fixed', function() { const $tooltip = $(this).find('.badge-tooltip'); if ($tooltip.length > 0) { $tooltip.removeClass('show'); setTimeout(() => $tooltip.remove(), 300); } }); // Event delegation cho click badge → mở panel $(document).on('click', '.badge-phan-tich, .badge-phan-tich-container, .badge-phan-tich-fixed', function(e) { e.preventDefault(); e.stopPropagation(); const $badge = $(this); console.log('Badge clicked! Element:', $badge[0]); console.log('Badge parent:', $badge.parent().prop('tagName'), $badge.parent().attr('address')); console.log('Badge data-for:', $badge.attr('data-for')); console.log('Badge data-parent-type:', $badge.attr('data-parent-type')); // Nếu badge đang analyzing thì không cho click if ($badge.hasClass('analyzing') || $badge.data('analyzing')) { console.log('Badge is analyzing, click ignored'); return; } // Lấy address từ data-for attribute const address = $badge.attr('data-for'); console.log('Will analyze address:', address, 'vbID:', vbID); if (address && vbID) { openPhanTichPanel(address, vbID); } else { console.error('Missing address or vbID', {address, vbID}); showWarningModal('Không tìm thấy địa chỉ điều luật hoặc ID văn bản!'); } }); // Ẩn badge khi click vào CTTD $(document).on('click', 'cttd.chuthichtudong span, dctk span, dctd span', function(e) { console.log('CTTD clicked'); // Ẩn TẤT CẢ badge KHÔNG đang analyzing $('.badge-phan-tich-container').each(function() { const $badge = $(this); if (!$badge.data('analyzing') && !$badge.hasClass('analyzing')) { $badge.css({display: 'none'}); console.log('Hiding badge:', $badge.attr('data-for')); } }); }); // Update badge position khi scroll hoặc resize (vì dùng position: fixed) function updateBadgePositions() { $('.badge-phan-tich-container:visible').each(function() { const $badge = $(this); const $parent = $badge.parent(); // Cập nhật position nếu parent đang hover HOẶC badge đang analyzing if ($parent.length && ($parent.is(':hover') || $badge.data('analyzing'))) { // Re-calculate position const offset = $parent.offset(); const scrollTop = $(window).scrollTop(); const scrollLeft = $(window).scrollLeft(); const badgeWidth = $badge.outerWidth(); $badge.css({ top: (offset.top - scrollTop) + 'px', left: (offset.left + $parent.outerWidth() - badgeWidth - scrollLeft - 5) + 'px' }); } }); } $(window).on('scroll', updateBadgePositions); $(window).on('resize', updateBadgePositions); } });