Hệ thống pháp luật

ỦY BAN NHÂN DÂN
TỈNH NGHỆ AN
-------

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

Số: 671/KH-UBND

Nghệ An, ngày 11 tháng 09 năm 2023

 

KẾ HOẠCH

PHÁT TRIỂN HẠ TẦNG SỐ TỈNH NGHỆ AN GIAI ĐOẠN 2023-2025

Căn cứ Quyết định số 885/QĐ-BTTTT ngày 25/5/2023 của Bộ Thông tin và Truyền thông ban hành Bộ tiêu chí đánh giá phát triển hạ tầng số của các tỉnh, thành phố trực thuộc Trung ương; thực hiện Công văn số 3115/BTTTT-CVT ngày 02/8/2023 của Bộ Thông tin và Truyền thông về việc 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; Uỷ ban nhân dân tỉnh ban hành Kế hoạch phát triển hạ tầng số tỉnh Nghệ An giai đoạn 2023-2025, cụ thể như sau:

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

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 ưu tiên phát triển nhanh, bền vững, phù hợp với lộ trình phát triển hạ tầng số Quốc gia phục vụ xây dựng chính quyền số, thúc đẩy phát triển kinh tế số, xã hội số của tỉnh.

- Kiến tạo môi trường phát triển thuận lợi cho các doanh nghiệp thuộc các thành phần kinh tế tham gia đầu tư, phát triển hạ tầng số. Thị trường sản phẩm, dịch vụ hạ tầng số phát triển nhanh, bền vững trong môi trường cạnh tranh bình đẳng, lành mạnh.

- Phấn đấu đạt mục tiêu tỷ lệ người dân có điện thoại thông minh, hộ gia đình có đường cáp quang tương đương hoặc cao hơn mức bình quân cả nước.

2. Yêu cầu

- Phát triển hạ tầng số phù hợp với các văn bản chỉ đạo, hướng dẫn của Trung ương; đồng bộ với các quy hoạch, kế hoạch có liên quan của tỉnh và địa phương.

- 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; bảo đảm nguyên tắc dùng chung, chia sẻ; tuân chủ các tiêu chuẩn, quy chuẩn kỹ thuật chuyên ngành có liên quan.

- 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

1. Mạng viễn thông băng rộng di động

- Số thuê bao băng rộng di động/100 dân: 98%- Tỷ lệ thuê bao sử dụng điện thoại thông minh/tổng thuê bao băng rộng di động: 82%- Tỷ lệ dân số trưởng thành có điện thoại thông minh: 80%.

- Tốc độ băng rộng di động (tốc độ tải xuống theo i-Speed): 40Mbps.

- Tỷ lệ thôn, bản được phủ sóng di động băng rộng: 100%.

- Tỷ lệ dùng chung vị trí BTS: 25%2. Mạng viễn thông băng rộng cố định

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

- 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: 100%- 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ố

- 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, ưu tiên công nghệ AI, blockchain, IoT.

- Triển khai hệ sinh thái hạ tầng công nghệ số đáp ứng yêu cầu hiện đại hóa, thông minh hóa hạ tầng kinh tế - xã hội; hỗ trợ hiệu quả cho chương trình chuyển đổi số của tỉnh, phát triển kinh tế số, xã hội 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ị. Ưu tiên (nhưng không giới hạn) các lĩnh vực như trợ lý ảo, ngân hàng, y tế, giáo dục, nông nghiệp, môi trường, du lịch, an ninh trật tự, phòng chống thiên tai,…

5. 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 đầu tư, quản lý, vận hành, duy trì. Nền tảng số có tính chất hạ tầng là nền tảng hình thành hạ tầng cho kinh tế số, xã hội số, chính phủ số.

- Phấn đấu 100% các cơ quan nhà nước sử dụng các nền tảng số có tính chất hạ tầng có liên quan do Trung ương triển khai nhằm nâng cao hiệu quả quản lý, điều hành.

- Nâng cấp, hoàn thiện và đưa vào sử dụng các phần mềm/nền tảng số có tính chất hạ tầng theo các kế hoạch chuyên đề của tỉnh; kế hoạch các ngành, lĩnh vực, địa phương phục vụ xây dựng chính quyền số, thúc đẩy phát triển kinh tế số, xã hội số bảo đảm dùng chung, kết nối, liên thông.

6. Hạ tầng mạng cơ quan Đảng và Nhà nước

- 100% các cơ quan Đảng và Nhà nước được kết nối mạng truyền số liệu chuyên dùng.

- 100% mạng máy tính và thiết bị kết nối mạng được nâng cấp đồng bộ, bảo đảm an toàn thông tin.

III. NHIỆM VỤ

1. Phát triển 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 tới hộ gia đình; các cơ quan, tổ chức, bệnh viện, trường học, các khu công nghiệp, cụm công nghiệp.

- 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, phủ sóng đến 100% các thôn, bản; thực hiện lộ trình dừng công nghệ di động cũ (2G/3G) và thúc đẩy chương trình sử dụng điện thoại thông minh cho người dân theo hướng dẫn của Bộ Thông tin và Truyền thông.

- 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ị, nông nghiệp và các lĩnh vực khác.

- Từng bước 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) theo lộ trình của Bộ Thông tin và Truyền thông.

- 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 thiết yếu như giao thông, điện, nước; triển khai roaming trong tỉnh trên các hạ tầng di động 4G/5G.

- Duy trì, nâng cấp mạng truyền số liệu chuyên dùng cấp II của tỉnh 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 với mạng truyền số liệu chuyên dùng cấp I của Trung ương.

- Nâng cấp hạ tầng mạng máy tính, thiết bị ngoại vi tại các cơ quan nhà nước đáp ứng yêu cầu vận hành hiệu quả các nền tảng số/phần mềm ứng dụng.

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ố

- Phát triển và ứng dụng hạ tầng công nghệ số, ưu tiên công nghệ AI, blockchain, IoT, đáp ứng yêu cầu xây 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.

- Ứng dụng hệ sinh thái hạ tầng công nghệ AI, blockchain, IoT hỗ trợ hiệu quả cho chương trình chuyển đổi số của 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ố quốc gia và năng lực quản trị.

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

- Triển khai ứng dụng có hiệu quả các nền tảng số có tính chất hạ tầng theo Chiến lược Hạ tầng số đến năm 2025 và định hướng đến năm 2030 của Thủ tướng Chính phủ (Nền tảng định danh và xác thực điện tử; nền tảng địa chỉ số; nền tảng bản đồ số; nền tảng tích hợp, chia sẻ dữ liệu; các nền tảng liên quan tới IoT gồm quản lý kết nối, thiết bị, ứng dụng và dữ liệu; nền tảng phát thanh, truyền hình; nền tảng thanh toán điện tử quốc gia; nền tảng hóa đơn điện tử; nền tảng chứng thư điện tử quốc gia,...).

- Nâng cấp, hoàn thiện và đưa vào sử dụng các phần mềm/nền tảng số có tính chất hạ tầng theo các kế hoạch chuyên đề của tỉnh; kế hoạch các ngành, lĩnh vực, địa phương phục vụ xây dựng chính quyền số, thúc đẩy phát triển kinh tế số, xã hội số bảo đảm kết nối, liên thông, dùng chung, thuận tiện.

IV. GIẢI PHÁP

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

- Phối hợp xây dựng và hoàn thiện Phương án phát triển thông tin và truyền thông tích hợp vào Quy hoạch tỉnh đồng bộ với các quy hoạch, kế hoạch có liên quan và kế hoạch này.

- Tổ chức xây dựng Quy hoạch hạ tầng kỹ thuật viễn thông thụ động trên địa bàn tỉnh theo hướng dẫn của Bộ Thông tin và Truyền thông đáp ứng yêu cầu phát triển viễn thông băng rộng, phổ cập.

- Rà soát, điều chỉnh, bổ sung hoặc xây dựng mới các quy định quản lý, thúc đẩy phát triển hạ tầng số trên địa bàn tỉnh.

2. Ưu tiên phát triển hạ tầng số

- Ưu tiên, bảo đảm phát triển hạ tầng số về 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ế,…

- 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ừ khâu thiết kế đến nghiệm thu đưa vào sử dụng.

- 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. Bảo đảm an toàn hạ tầng số, an toàn, an ninh mạng và 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.

- Tăng cường các biện pháp bảo vệ quyền lợi người tiêu dùng; phối hợp điều tra, xử lý nghiêm các hành vi lợi dụng mạng viễn thông, các nền tảng số để thực hiện các hành vi vi phạm pháp luật.

4. Đ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.

- Triển khai đầy đủ bộ tiêu chí đo lường, quản lý, giám sát hạ tầng số theo quy định của Bộ Thông tin và Truyền thông. 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.

5. 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 thói quen của người dân khi sống trong môi trường xã hội số.

- 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ử, giao thông,…) từ đó đặt hàng các doanh nghiệp hạ tầng số thiết lập cung cấp.

- Tuyên truyền, 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.

V. KINH PHÍ THỰC HIỆN

Kinh phí thực hiện kế hoạch bao gồm: Ngân sách nhà nước bố trí theo phân cấp để thực hiện các nhiệm vụ do các cơ quan quản lý nhà nước thuộc tỉnh chủ trì; nguồn đầu tư của doanh nghiệp, khu vực tư nhân, cộng đồng và các nguồn kinh phí hợp pháp khác.

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

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

- Chủ trì 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ố.

- Chủ trì, phối hợp với các sở, ngành, địa phương tháo gỡ khó khăn cho doanh nghiệp trong phát triển hạ tầng số, bảo đảm bình đẳng, đúng pháp luật.

- Chỉ đạo 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ố:

+ Căn cứ nhiệm vụ theo kế hoạch này, xây dựng và tổ chức thực hiện bảo đảm các mục tiêu phát triển hạ tầng số trên địa bàn tỉnh;

+ Ưu tiên bố trí nguồn lực để phát triển hạ tầng số vùng sâu, vùng xa nhằm xóa bỏ các vùng lõm sóng di động; tăng cường phủ cáp quang đến địa bàn các thôn, bản;

+ Xây dựng lộ trình cụ thể và tăng cường các giải pháp dùng chung hạ tầng giữa các doanh nghiệp viễn thông; giữa doanh nghiệp viễn thông và các ngành khác;

+ 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 dõi, quản lý.

2. Các Sở: Xây dựng, Giao thông vận tải, Công Thương

- Chỉ đạo các chủ đầu tư xây dựng công trình thuộc thẩm quyền quản lý tích hợp các thành phần của hạ tầng số trong các công trình có liên quan bảo đảm đồng bộ từ khâu thiết kế, thi công đến nghiệm thu đưa vào sử dụng.

- Sở Xây 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ố theo thẩm quyền.

- Sở Công Thương phối hợp với Công ty Điện lực Nghệ An và các đơn vị liên quan có phương án cấp điện đến các thôn, bản chưa có điện, nâng cấp hạ tầng lưới điện hiện có nhằm nâng cao chất lượng nguồn điện để phục vụ nhu cầu sử dụng điện của doanh nghiệp, người dân trên địa bàn cũng như bảo đảm nguồn điện cho việc vận hành các trạm viễn thông.

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

Phối hợp với Sở Thông tin và Truyền thông xác định danh mục chương trình, dự án đầu tư; cân đối, tham mưu cấp có thẩm quyền bố trí kinh phí bảo đảm thực hiện các nhiệm vụ, dự án về phát triển hạ tầng số trên địa bàn tỉnh theo quy định của pháp luật.

4. Sở Tài chính

Trên cơ sở tổng hợp của Sở Thông tin và Truyền thông, Sở Tài chính tham mưu kinh phí thực hiện Kế hoạch phát triển hạ tầng số trên địa bàn tỉnh phù hợp với tình hình thực tế và trong khả năng cân đối ngân sách địa phương hàng năm theo phân cấp ngân sách hiện hành.

5. Công an tỉnh

Bảo đảm an ninh mạng; phối hợp bảo đảm an toàn mạng lưới, an ninh thông tin trong phát triển hạ tầng số trên địa bàn tỉnh Nghệ An. Tổ chức điều tra, kịp thời xử lý các hành vi phá hoại cơ sở hạ tầng viễn thông, lợi dụng hạ tầng số và các nền tảng số để thực hiện các hành vi vi phạm pháp luật.

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

- Xây dựng hoặc lồng ghép các nhiệm vụ, giải pháp phát triển hạ tầng số trong kế hoạch hoạt động giai đoạn và hàng năm, bảo đảm đồng bộ với Kế hoạch này và phù hợp với chức năng, nhiệm vụ của cơ quan, đơn vị, địa phương.

- Hỗ trợ các doanh nghiệp phát triển hạ tầng số, nhất là hạ tầng viễn thông di động và hạ tầng viễn thông cố định; xây dựng, công bố kế hoạch đầu tư, cải tạo nâng cấp hệ thống hạ tầng đô thị và ngoài đô thị để các đơn vị phối hợp triển khai đầu tư xây dựng đồng bộ hạ tầng kỹ thuật các ngành giao thông, năng lượng, chiếu sáng, cấp, thoát nước, hạ tầng công trình ngầm, hạ tầng kỹ thuật khác.

- Hỗ trợ bảo vệ hạ tầng số, xử lý các vụ việc xâm phạm, 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.

- Lựa chọn, sử dụng các nền tảng số, các nền tảng số có tính chất hạ tầng phù hợp, trong đó lưu ý sử dụng các nền tảng số do doanh nghiệp trong nước xây dựng. Xây dựng cơ sở dữ liệu ngành, lĩnh vực, địa phương bảo đảm chuẩn hóa, đồng bộ, kết nối, liên thông phục vụ chuyển đổi số, xây dựng đô thị thông minh.

- Truyền thông, thúc đẩy mỗi người dân có một điện thoại thông minh, cài đặt các nền tảng số phù hợp; mỗi hộ gia đình lắp đặt một đường cáp quang băng rộng.

7. Các cơ quan báo chí, phát thanh truyền hình, hệ thống thông tin cơ sở

Tổ chức 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 cùng các cấp chính quyền phát triển hạ tầng số bền vững, an toàn, trở thành nền tảng cho phát triển kinh tế - xã hội của địa phương.

Trên đây là Kế hoạch phát triển hạ tầng số tỉnh Nghệ An giai đoạn 2023-2025. Trong quá trình triển khai thực hiện, nếu có khó khăn, vướng mắc hoặc vấn đề phát sinh, các cơ quan, đơn vị, địa phương, doanh nghiệp phản ánh về Sở Thông tin và Truyền thông để tổng hợp, báo cáo UBND tỉnh xem xét, giải quyết theo quy định./.

 


Nơi nhận:
- Bộ Thông tin và Truyền thông;
- Chủ tịch và các PCT UBND tỉnh;
- Các sở, ban, ngành, đoàn thể cấp tỉnh;
- Các thành viên BCĐ Chuyển đổi số tỉnh;
- Các trường ĐH, CĐ trên địa bàn;
- UBND các huyện, thành phố, thị xã;
- Báo NA, Đài PT-TH, Cổng TTĐT tỉnh;
- Các Doanh nghiệp viễn thông, internet, công nghệ số;
- Lưu: VT, TH (T).

TM. ỦY BAN NHÂN DÂN
KT. CHỦ TỊCH
PHÓ CHỦ TỊCH




Bùi Đình Long

 



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