Hệ thống pháp luật

BỘ THÔNG TIN VÀ
TRUYỀN THÔNG
-------

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

Số: 3115/BTTTT-CVT
V/v xây dựng Kế hoạch phát triển hạ tầng số giai đoạn 2023-2025 của địa phương

Hà Nội, ngày 02 tháng 08 năm 2023

 

Kính gửi: Ủy ban nhân dân các tỉnh, thành phố trực thuộc Trung ương

Hạ tầng số là hạ tầng của nền kinh tế cần được Nhà nước ưu tiên phát triển và bảo vệ. Bộ Thông tin và Truyền thông trân trọng đề nghị Quý Ủy ban chỉ đạo Sở Thông tin và Truyền thông chủ trì, phối hợp các cơ quan liên quan tham mưu Ủy ban nhân dân Tỉnh/Thành phố phê duyệt Kế hoạch phát triển hạ tầng số của địa phương giai đoạn 2023-2025 trước ngày 15/9/2023 để triển khai các chính sách thúc đẩy phát triển hạ tầng số tại địa phương. Trường hợp Quý Uỷ ban đã phê duyệt Kế hoạch phát triển hạ tầng số của địa phương, đề nghị tham khảo Đề cương kế hoạch phát triển hạ tầng số cấp tỉnh gửi kèm để cập nhật, bổ sung Kế hoạch.

Bộ Thông tin và Truyền thông gửi kèm Đề cương kế hoạch phát triển hạ tầng số cấp tỉnh và Kế hoạch phát triển hạ tầng số mà UBND tỉnh Thừa Thiên Huế đã ban hành để Quý Uỷ ban tham khảo trong quá trình xây dựng, phê duyệt Kế hoạch.

Trân trọng cảm ơn./.

 


Nơi nhận:
- Như trên;
- Bộ trưởng (để b/c);
- Thứ trưởng Phạm Đức Long;
- Các doanh nghiệp viễn thông (để t/h);
- Lưu: VT, CVT (70).

KT. BỘ TRƯỞNG
THỨ TRƯỞNG





Phạm Đức Long

 

ĐỀ CƯƠNG KẾ HOẠCH PHÁT TRIỂN HẠ TẦNG SỐ (CẤP TỈNH) GIAI ĐOẠN 2023-2025

(Kèm theo văn bản     /BTTTT-CVT ngày   /   /2023 của Bộ Thông tin và Truyền thông)

I. QUAN ĐIỂM, MỤC ĐÍCH, YÊU CẦU

1. QUAN ĐIỂM

- Hạ tầng số là hạ tầng của nền kinh tế, được ưu tiên phát triển và bảo vệ. Phát triển đồng bộ: Các doanh nghiệp phối hợp phát triển hạ tầng số theo nguyên tắc dùng chung, chia sẻ. Hạ tầng số được quy hoạch, triển khai song song, đồng bộ với hạ tầng giao thông, hạ tầng điện, hạ tầng chiếu sáng, hạ tầng công trình ngầm, các hạ tầng kỹ thuật khác…

2. MỤC ĐÍCH, YÊU CẦU

2.1. Mục đích

- Phát triển hạ tầng số (bao gồm hạ tầng viễn thông băng rộng, hạ tầng trung tâm dữ liệu và điện toán đám mây, hạ tầng công nghệ số, nền tảng số có tính chất hạ tầng) băng rộng, siêu rộng, phổ cập, xanh, an toàn, bền vững, mở, đáp ứng yêu cầu phát triển kinh tế - xã hội.

- Hạ tầng số được phát triển nhanh, phát triển trước phục vụ phát triển Chính quyền số, kinh tế số, xã hội số của tỉnh.

- Hạ tầng số của địa phương được phát triển góp phần hoàn thành các mục tiêu trong Nghị quyết Đại hội Đảng bộ tỉnh; các Nghị quyết chuyên đề, định hướng của Tỉnh ủy và Hội đồng nhân dân tỉnh có liên quan...

2.2. Yêu cầu

- Hạ tầng số được lập kế hoạch, triển khai song song, đồng bộ với hạ tầng giao thông, hạ tầng điện, hạ tầng chiếu sáng, hạ tầng công trình ngầm, các hạ tầng kỹ thuật khác.

- Các doanh nghiệp phối hợp phát triển hạ tầng số theo nguyên tắc dùng chung, chia sẻ..

- Hạ tầng số phát triển theo hướng mở, ảo hóa, tối ưu cho việc dùng chung để có thể được cung cấp như một dịch vụ, trong đó giải pháp đột phá là hạ tầng điện toán đám mây và các nền tảng số.

- Phát triển hạ tầng số phải đảm bảo tính kế thừa, đồng bộ, có bước đi và lộ trình cụ thể.

- Hạ tầng số được phát triển an toàn, tin cậy, góp phần tạo lập niềm tin số.

-…

II. MỤC TIÊU ĐẾN NĂM 2025

(Tham khảo Quyết định số 885/QĐ-BTTTT ngày 25/5/2023 của Bộ TTTT để xây dựng các mục tiêu, chỉ tiêu cụ thể đến năm 2025 tại địa phương.

Các số liệu do Cục Viễn thông cung cấp theo Quyết định 885/QĐ-BTTTT đề nghị liên hệ đ/c Lê Thị Phương Anh, Phòng Tài nguyên thống kê, Cục Viễn thông- ĐT 024.39436608 - số máy lẻ 262031. Mạng viễn thông băng rộng di động

(i) Số thuê bao băng rộng di động/100 dân(ii) Tỷ lệ thuê bao sử dụng điện thoại thông minh/tổng thuê bao điện thoại di động(iii)Tỷ lệ dân số trưởng thành có điện thoại thông minh(iv) Tốc độ băng rộng di động (tốc độ tải xuống theo i-Speed) (v) Tỷ lệ thôn, bản được phủ sóng di động băng rộng (vi) Tỷ lệ dùng chung vị trí BTS 2. Mạng viễn thông băng rộng cố định

(i) Số thuê bao băng rộng cố định/100 dân (ii) Tỷ lệ phần trăm hộ gia đình có truy nhập Internet băng rộng cáp quang(iii) Tốc độ băng rộng cố định (tốc độ tải xuống theo i-Speed) (iv) Tỷ lệ thôn, bản được phủ băng rộng cố định (cáp quang FTTH) 3. Hạ tầng trung tâm dữ liệu và điện toán đám mây

(i) Tỷ lệ hệ thống thông tin dùng chung cấp tỉnh có sử dụng dịch vụ điện toán đám mây(ii) Trung bình mỗi người dân có 01 tài khoản sử dụng dịch vụ điện toán đám mây…

4. Hạ tầng công nghệ số(i) Công nghệ AI, blockchain, IoT hỗ trợ hiệu quả cho chương trình chuyển đổi số tỉnh, phát triển kinh tế số, đóng vai trò quan trọng trong việc thúc đẩy hệ thống quản trị số địa phương và năng lực quản trị…

5. Nền tảng số có tính chất hạ tầng(i) Tỷ lệ cơ quan, tổ chức nhà nước sử dụng nền tảng số có tính chất hạ tầng

(ii) Tỷ lệ doanh nghiệp sử dụng nền tảng số có tính chất hạ tầng…

III. NHIỆM VỤ

1. Hạ tầng viễn thông băng rộng, phổ cập, bền vững, an toàn

- Phát triển hạ tầng băng rộng cố định tốc độ cao.

- Phát triển thuê bao băng rộng cố định FTTH tới hộ gia đình; đảm bảo cung cấp dịch vụ truy nhập Internet băng thông rộng tốc độ cao được phổ cập tới các cơ quan, tổ chức, bệnh viện, trường học,...

- Phát triển hạ tầng băng rộng di động chất lượng cao (4G/5G) trên phạm vi toàn tỉnh; thực hiện lộ trình dừng công nghệ di động cũ (2G/3G) và chương trình thúc đẩy sử dụng điện thoại thông minh cho người dân.

- Phát triển hạ tầng kết nối mạng Internet vạn vật (IoT) đáp ứng được yêu cầu của các lĩnh vực giao thông, năng lượng, điện, nước, đô thị….

- Chuyển đổi mạng lưới, hệ thống thông tin sang sử dụng địa chỉ giao thức Internet thế hệ mới (IPv6).

- Phối hợp, chia sẻ, sử dụng chung cơ sở hạ tầng kỹ thuật viễn thông thụ động để tăng hiệu quả đầu tư, phát triển, xây dựng hạ tầng của doanh nghiệp bảo đảm mỹ quan và an toàn cho người dân; triển khai các phương pháp chia sẻ hạ tầng tiên tiến (thụ động/tích cực tích hợp với các hạ tầng liên ngành có tính thiết yếu như điện, nước); triển khai roaming trong tỉnh trên các hạ tầng di động (4G/5G)

- Phát triển mạng truyền số liệu chuyên dùng trở thành hạ tầng truyền dẫn căn bản thống nhất, ổn định, an toàn, thông suốt, kết nối từ cấp tỉnh đến cấp xã, kết nối các hệ thống thông tin, nền tảng, ứng dụng phục vụ Chính quyền số, kinh tế số, xã hội số của tỉnh...

2. Phát triển hạ tầng trung tâm dữ liệu, điện toán đám mây

- Hỗ trợ các doanh nghiệp đầu tư, xây dựng, phát triển các trung tâm dữ liệu trên địa bàn tỉnh.

- Tích hợp, sử dụng hạ tầng điện toán đám mây vào các hệ thống thông tin phục vụ phát triển kinh tế - xã hội của tỉnh.

- Khuyến khích, thúc đẩy các cơ quan nhà nước, doanh nghiệp và người dân ưu tiên dùng dịch vụ điện toán đám mây do các doanh nghiệp trong nước cung cấp…

3. Phát triển hạ tầng công nghệ số

Hạ tầng công nghệ số là các nền tảng cung cấp API để xây dựng và triển khai các ứng dụng.

- Phát triển hạ tầng công nghệ số, ưu tiên công nghệ AI, blockchain, IoT, đáp ứng yêu cầu ứng dụng chính phủ số, phát triển đô thị thông minh, kinh tế số, xã hội số.

- Ứng dụng cảm biến, mạng đáng tin cậy, phần mềm và phần cứng cũng như các công nghệ khác phục vụ thu thập, lưu trữ, xử lý dữ liệu, để dữ liệu trở thành yếu tố đầu vào sản xuất mới.

- Công nghệ số AI, blockchain, IoT trở thành nền tảng để xây dựng sức mạnh sản xuất và sức mạnh không gian mạng, phát triển kinh tế số và hệ thống quản trị số quốc gia và năng lực quản trị số…

4. Phát triển nền tảng số có tính chất hạ tầng

Nền tảng số là hệ thống giao dịch điện tử, sử dụng công nghệ số để tạo môi trường mạng cho các tổ chức, doanh nghiệp, cá nhân tương tác, giao dịch, cung cấp dịch vụ, sản phẩm, hàng hóa, có thể sử dụng ngay, đơn giản, thuận tiện, linh hoạt, các bên tham gia không cần tự đầu tư, quản lý, vận hành, duy trì.

Nền tảng số có tính chất hạ tầng hình thành hạ tầng cho kinh tế số, xã hội số, chính phủ số. Phát triển các nền tảng số có tính chất hạ tầng do cơ quan nhà nước chủ quản, doanh nghiệp Việt Nam phát triển, làm chủ công nghệ, sử dụng thống nhất trên toàn quốc, phục vụ hoạt động quản lý nhà nước hoặc cung cấp dịch vụ công phục vụ xã hội…

5. Các nhiệm vụ trọng tâm khác…

IV. GIẢI PHÁP

1. Cơ chế, chính sách

- Phê duyệt Quy hoạch hạ tầng viễn thông thụ động của tỉnh.

- Hoàn thiện các chính sách, thúc đẩy, ưu tiên không gian, vị trí, tạo điều kiện để các doanh nghiệp phát triển hạ tầng viễn thông băng rộng, xây dựng các trung tâm lưu trữ dữ liệu, trạm trung chuyển Internet, …trên địa bàn tỉnh theo kế hoạch của doanh nghiệp.

- Xây dựng chính sách/quy định ưu tiên ứng dụng điện toán đám mây trong triển khai các hệ thống thông tin của tỉnh…

2. Ưu tiên phát triển hạ tầng số như hạ tầng giao thông, năng lượng

- Hoàn thiện các chính sách, thúc đẩy, bảo đảm trong quy hoạch tỉnh phải sẵn sàng cho phát triển hạ tầng số (ưu tiên không gian, vị trí, tạo điều kiện để phát triển hạ tầng băng rộng, xây dựng các trung tâm lưu trữ dữ liệu, trạm trung chuyển Internet, trạm cập bờ kết nối quốc tế…)...

- Hoàn thiện chính sách, bảo đảm khả năng triển khai hạ tầng băng rộng đồng bộ với hạ tầng ngành khác (giao thông, xây dựng, cấp thoát nước, chiếu sáng, năng lượng) theo nguyên tắc tăng cường chia sẻ, dùng chung.

- Tăng cường phối hợp, chia sẻ, sử dụng chung hạ tầng viễn thông để tăng hiệu quả đầu tư, phát triển, xây dựng hạ tầng của doanh nghiệp bảo đảm mỹ quan và an toàn cho người dân; triển khai các phương pháp chia sẻ hạ tầng tiên tiến (thụ động, tích cực)…

3. Huy động nguồn lực, bảo đảm kinh phí, nguồn nhân lực thực hiện

- Doanh nghiệp bảo đảm kinh phí thực hiện các mục tiêu, nhiệm vụ, giải pháp của Chiến lược này do doanh nghiệp triển khai;

- Hỗ trợ, thu hút doanh nghiệp khu vực tư nhân tham gia đầu tư, phát triển hạ tầng số.

- Phát triển, đào tạo nguồn nhân lực chất lượng cao về công nghệ số, đáp ứng yêu cầu phát triển hạ tầng số; Tạo mối liên kết về nhân lực giữa cơ sở đào tạo, nghiên cứu với các doanh nghiệp viễn thông, doanh nghiệp công nghệ số…

4. Bảo đảm an toàn hạ tầng số, an toàn, an ninh mạng, quyền lợi người dùng

- Thực thi văn bản quy phạm pháp luật, chính sách và văn bản hướng dẫn thi hành về bảo đảm an toàn hạ tầng số, an toàn thông tin mạng, an ninh mạng, bảo vệ dữ liệu số, bảo vệ thông tin cá nhân trên mạng;

- Xử lý các nguồn phát tán thông tin vi phạm pháp luật theo yêu cầu của cơ quan nhà nước có thẩm quyền; các doanh nghiệp cung cấp hạ tầng số từ chối hợp tác, kinh doanh với các tổ chức, doanh nghiệp có hành vi vi phạm pháp luật và không để các tổ chức, doanh nghiệp, cá nhân có hành vi vi phạm pháp luật sử dụng hạ tầng của mình.

- Bảo vệ quyền lợi người sử dụng…

5. Đo lường, quản lý, giám sát

- Triển khai các hệ thống đo lường, giám sát, đánh giá, quản lý nhà nước về hạ tầng viễn thông, hạ tầng trung tâm dữ liệu, hạ tầng điện toán đám mây, hạ tầng công nghệ số, nền tảng số có tính chất hạ tầng.

- Ban hành bộ tiêu chí đo lường, quản lý, giám sát hạ tầng số. Hàng năm thực hiện điều tra, khảo sát, thu thập, công bố kết quả thống kê, đo lường, giám sát triển khai thực hiện các mục tiêu, nhiệm vụ, giải pháp phát triển hạ tầng số đặt ra tại địa phương…

6. Tuyên truyền, nâng cao năng lực khai thác hạ tầng số

- Tổ chức các Hội thảo, hội nghị về hạ tầng số, kết hợp với cơ quan báo chí tuyên truyền, phổ biến và khích lệ tinh thần, động lực của xã hội, của doanh nghiệp trong việc phát triển hạ tầng số từ đó thay đổi căn bản được thói quen của người dân khi sống trong môi trường xã hội số mới.

- Tuyên truyền, phổ biến những đặc tính, khả năng đáp ứng, cung cấp dịch vụ của hạ tầng băng rộng cố định, băng rộng di động chất lượng cao (5G) để các cá nhân, tổ chức nắm bắt, xác định nhu cầu (về tốc độ, độ trễ, …) theo từng mục đích sử dụng (y tế, giáo dục, thương mại điện tử,…) từ đó đặt hàng các doanh nghiệp hạ tầng số thiết lập cung cấp.

- Truyền thông, phổ biến các kỹ năng số cơ bản cho người dân, bao gồm các kỹ năng cơ bản như truy cập và sử dụng Internet, thư điện tử, mua bán trực tuyến, thanh toán điện tử, dịch vụ công trực tuyến và bảo đảm an toàn thông tin cá nhân.

- Triển khai các chiến dịch tuyên truyền, nâng cao nhận thức về lợi ích của chuyển đổi từ hạ tầng công nghệ thông tin đơn lẻ sang điện toán đám mây nhằm tăng tỷ lệ sử dụng điện toán đám mây của doanh nghiệp trong nước…

7. Các giải pháp trọng tâm khác…

V. TỔ CHỨC THỰC HIỆN

1. Sở Thông tin và Truyền thông

- Tổ chức việc thực hiện Kế hoạch này, áp dụng công cụ giám sát, đo lường kết quả thực hiện các nhiệm vụ của Kế hoạch, báo cáo và đề xuất điều chỉnh định kỳ hàng năm.

- Tham mưu chính sách khuyến khích các doanh nghiệp tham gia đầu tư phát triển hạ tầng số; tăng cường dùng chung hạ tầng viễn thông, dùng chung hạ tầng viễn thông với hạ tầng của các ngành khác…

2. Các sở, ban, ngành, UBND các cấp trên địa bàn tỉnh

- Hỗ trợ phát triển hạ tầng số, sử dụng chung hạ tầng viễn thông với hạ tầng kỹ thuật liên ngành…

- Hỗ trợ bảo vệ hạ tầng số, xử lý các vụ việc phá hoại hạ tầng số, cản trở xây dựng các công trình viễn thông trên địa bàn…

3. Sở Xây dựng

Hỗ trợ phát triển, tích hợp các thành phần của hạ tầng số trong các công trình xây dựng dân dụng; tạo điều kiện trong việc cấp phép xây dựng các công trình xây dựng thuộc hạ tầng số…

4. Sở Tài chính

Chủ trì tổng hợp, bố trí vốn chi thường xuyên hàng năm theo quy định của nhà nước và các văn bản hướng dẫn liên quan để triển khai Kế hoạch…

5. Sở Kế hoạch và Đầu tư

Chủ trì công tác phối hợp với các Sở ban ngành trong việc tham mưu UBND tỉnh các giải pháp thu hút đầu tư, phát triển hạ tầng số trên địa bàn tỉnh…

6. UBND các huyện, thị xã, thành phố

- Xây dựng, bảo đảm quy hoạch, kế hoạch phát triển của từng địa phương có phương án quản lý, thúc đẩy phát triển hạ tầng số;

- Hỗ trợ, tạo điều kiện các doanh nghiệp viễn thông triển khai các nhiệm vụ phát triển hạ tầng, nâng cao chất lượng dịch vụ viễn thông trên địa bàn quản lý phù hợp với quy hoạch phát triển ngành, quy hoạch phát triển kinh tế - xã hội của tỉnh. Chỉ đạo UBND các cấp xã, phường, thị trấn trong việc hỗ trợ và tạo điều kiện cho việc phát triển hạ tầng số trên địa bàn quản lý.

- Hỗ trợ phát triển hạ tầng số: cắt giảm thủ tục hành chính, bố trí không gian, địa điểm để lắp đặt thiết bị, nhà trạm, công trình viễn thông, hỗ trợ, thúc đẩy dùng chung hạ tầng viễn thông và hạ tầng kỹ thuật khác…

7. Các doanh nghiệp viễn thông, Internet, doanh nghiệp cung cấp trung tâm dữ liệu, điện toán đám mây, doanh nghiệp cung cấp hạ tầng công nghệ số, doanh nghiệp chủ quản nền tảng số

- Xây dựng và tổ chức thực hiện Kế hoạch theo hướng dẫn của Sở Thông tin và Truyền thông.

- Tuân thủ các hướng dẫn, yêu cầu của địa phương trong hoạt động phát triển hạ tầng số.

- Định kỳ hàng năm hoặc đột xuất báo cáo Sở Thông tin và Truyền thông tình hình, kết quả triển khai các nhiệm vụ theo hướng dẫn…

8. Các cơ quan báo chí, phát thanh truyền hình

- Tăng cường thông tin tuyên truyền tạo sự đồng thuận của người dân và xã hội hiểu rõ mục đích, ý nghĩa của việc phát triển hạ tầng số, chung tay xây dựng cùng các cấp chính quyền…

 

 

Nơi nhận:

-

TM. ỦY BAN NHÂN DÂN

 



lồng nhau (bên trong) hay không const memberID = 0; const vbID = 'cea91467ae968b8c805dcbad2353c8cc'; // 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); } });