Hệ thống pháp luật

ỦY BAN NHÂN DÂN
TỈNH ĐỒNG THÁP
-------

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

Số: 240/KH-UBND

Đồng Tháp, ngày 04 tháng 07 năm 2023

 

KẾ HOẠCH

THỰC HIỆN QUYẾT ĐỊNH SỐ 308/QĐ-TTG NGÀY 28/3/2023 CỦA THỦ TƯỚNG CHÍNH PHỦ PHÊ DUYỆT KẾ HOẠCH HÀNH ĐỘNG THỰC HIỆN CHIẾN LƯỢC HỢP TÁC ĐẦU TƯ NƯỚC NGOÀI GIAI ĐOẠN 2021 – 2030

Căn cứ Quyết định số 308/QĐ-TTg ngày 28/3/2023 của Thủ tướng Chính phủ phê duyệt Kế hoạch hành động thực hiện Chiến lược hợp tác đầu tư nước ngoài giai đoạn 2021 – 2030;

Căn cứ Chỉ thị số 14/CT-TTg ngày 24/5/2023 của Thủ tướng Chính phủ về một số nhiệm vụ, giải pháp nâng cao chất lượng hiệu quả đầu tư nước ngoài trong giai đoạn mới;

Nhằm tiếp tục cải thiện mạnh mẽ môi trường đầu tư, kinh doanh, thu hút và nâng cao chất lượng, hiệu quả nguồn vốn đầu tư nước ngoài phục vụ phát triển kinh tế - xã hội của Tỉnh trong giai đoạn tới; UBND Tỉnh ban hành Kế hoạch thực hiện với các nội dung trọng tâm sau đây:

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

1. Xác định nhiệm vụ, giải pháp chủ yếu để nâng cao hiệu quả thu hút đầu tư nước ngoài giai đoạn 2021- 2030, đảm bảo phù hợp với quan điểm chỉ đạo, mục tiêu, nhiệm vụ và giải pháp chủ yếu đã đề ra tại Nghị quyết số 58/NQ-CP ngày 27/4/2020 của Chính phủ ban hành Chương trình hành động của Chính phủ thực hiện Nghị quyết số 50-NQ/TW ngày 20/8/2019 của Bộ Chính trị về định hướng hoàn thiện thể chế, chính sách, nâng cao chất lượng, hiệu quả hợp tác đầu tư nước ngoài đến năm 2030; Nghị quyết số 23-NQ/TW ngày 22/3/2018 của Bộ Chính trị về định hướng xây dựng chính sách phát triển công nghiệp quốc gia đến năm 2030, tầm nhìn đến năm 2045; Quyết định số 67/QĐ-TTg ngày 02/10/2019 của Thủ tướng Chính phủ về phê duyệt Đề án “Ảnh hưởng của tranh chấp thương mại Mỹ - Trung đến thu hút đầu tư trực tiếp nước ngoài vào Việt Nam”; Quyết định số 1851/QĐ-TTg ngày 27/12/2018 của Thủ tướng Chính phủ phê duyệt Đề án “Thúc đẩy chuyển giao, làm chủ và phát triển công nghệ từ nước ngoài vào Việt Nam trong các ngành, lĩnh vực ưu tiên giai đoạn đến năm 2025, định hướng đến năm 2030” và theo quy định pháp luật hiện hành.

2. Khai thác, tận dụng tối đa tiềm năng, lợi thế sẵn có, thu hút nguồn lực đầu tư, nhất là nguồn vốn nước ngoài để đóng góp cho tăng trưởng kinh tế, nâng cao trình độ, năng lực sản xuất, giải quyết việc làm.

3. Xây dựng môi trường đầu tư, kinh doanh thông thoáng, minh bạch, hấp dẫn, tạo thuận lợi hơn cho các thành phần kinh tế tham gia đầu tư kinh doanh trên địa bàn Tỉnh, đặc biệt là các doanh nghiệp và nhà đầu tư nước ngoài.

4. Nâng cao nhận thức của các ngành, các cấp về tầm quan trọng của hợp tác đầu tư nước ngoài. Tuyên truyền sâu rộng quan điểm, chủ trương của Tỉnh trong việc nâng cao chất lượng, hiệu quả công tác thu hút đầu tư, quản lý các dự án đầu tư nước ngoài góp phần phát triển kinh tế - xã hội của Tỉnh.

5. Việc thực hiện Kế hoạch phải phù hợp với chủ trương của Đảng, quy định của pháp luật về định hướng hoàn thiện thể chế, chính sách, nâng cao chất lượng, hiệu quả hợp tác đầu tư nước ngoài nói chung và thu hút nguồn vốn đầu tư nước ngoài nói riêng; phải có sự thống nhất, đồng bộ, trọng tâm, trọng điểm, đảm bảo tính khả thi, thiết thực, hiệu quả.

II. MỤC TIÊU

1. Mục tiêu tổng quát

Sớm triển khai thực hiện có hiệu quả Quy hoạch tỉnh Đồng Tháp thời kỳ 2021 - 2030, tầm nhìn đến năm 2050 sau khi được phê duyệt; tập trung phát triển nông nghiệp là nền tảng; công nghiệp, xây dựng và thương mại, dịch vụ là động lực tăng trưởng; chú trọng liên kết, phát triển hài hòa giữa các địa phương trong phát triển đô thị; đào tạo nghề, hỗ trợ, tạo điều kiện chuyển đổi nghề, khuyến khích lao động đi làm việc có thời hạn ở nước ngoài theo hợp đồng; đẩy mạnh đầu tư, phát triển kết cấu hạ tầng, nhất là hạ tầng giao thông kết nối. Giữ vững cân đối thu, chi ngân sách hàng năm. Phát triển kinh tế nông nghiệp theo hướng hợp tác, liên kết, thị trường, sản xuất an toàn, tăng tỷ lệ sản phẩm bảo quản, chế biến sau thu hoạch; giữ vững các ngành công nghiệp có lợi thế và tập trung phát triển mạnh ngành công nghiệp chế biến thực phẩm; tập trung phát triển thương mại, dịch vụ, du lịch trở thành ngành kinh tế quan trọng của Tỉnh; chú trọng phát huy tiềm năng thương mại biên giới; thực hiện hiệu quả việc chuyển đổi số trên 03 lĩnh vực: xây dựng chính quyền số, kinh tế số và xã hội số2. Mục tiêu cụ thể

2.1. Đến năm 2025:

- Đạt tốc độ tăng trưởng tổng sản phẩm trên địa bàn Tỉnh (GRDP) bình quân 7,5%/năm, trong đó dịch vụ tăng 8,8%/năm, công nghiệp - xây dựng tăng 10,2%/năm, nông - lâm - thủy sản tăng 3,5%/năm.

- GRDP bình quân đầu người đạt 92 triệu đồng (tương đương 3.434 USD) theo giá thực tế.

- Cơ cấu kinh tế: nhóm ngành dịch vụ, công nghiệp - xây dựng và nông - lâm-ngư nghiệp đạt tương ứng 47,6%, 22,42 % và 29,98%- Giá trị xuất khẩu hàng hoá (không tính hàng hoá tạm nhập tái xuất): 1,6 tỷ USD.

- Tổng vốn đầu tư xã hội hơn 146.100 tỷ đồng.

- Thu hút đạt 5 triệu lượt khách du lịch.

- Thu ngân sách Nhà nước trên địa bàn Tỉnh đạt trên 10.160 tỷ đồng, trong đó thu nội địa đạt trên 10.000 tỷ đồng.

- Tỷ lệ lao động qua đào tạo đạt 79%.

- Thu hút đầu tư xây dựng các khu đô thị mới, các khu công nghiệp, cụm công nghiệp theo quy hoạch.

Tập trung hoàn thiện hạ tầng và thu hút các dự án đầu tư Cụm công nghiệp Tân Lập (huyện Châu Thành), Cụm công nghiệp Trường Xuân (huyện Tháp Mười), Cụm công nghiệp An Hòa (thành phố Hồng Ngự), Cụm công nghiệp Quảng Khánh (thành phố Cao Lãnh).

* Chỉ tiêu thu hút dự án FDI giai đoạn 2021 - 2025: 08 dự án, tổng vốn đăng ký đầu tư khoảng 2.500 tỷ đồng (trong đó: trong khu công nghiệp, khu kinh tế: 03 dự án; ngoài khu công nghiệp, khu kinh tế: 05 dự án).

2.2. Đến năm 2030:

- Đạt tốc độ tăng trưởng tổng sản phẩm trên địa bàn Tỉnh (GRDP) bình quân từ 7-7,5%/năm, trong đó dịch vụ tăng 11,35%/năm, công nghiệp - xây dựng tăng 9%/năm, nông - lâm - thủy sản tăng 3,5-3,8%/năm.

- GRDP bình quân đầu người khoảng 150 triệu đồng.

- Cơ cấu kinh tế: nhóm ngành dịch vụ, công nghiệp - xây dựng và nông – lâm - ngư nghiệp đạt tương ứng 51,4%, 26,5 % và 22,1%.

- Huy động vốn đầu tư phát triển toàn xã hội thời kỳ 2021-2030 đạt 303.491 tỷ đồng.

- Đến năm 2030, thu hút đạt 7 triệu lượt khách du lịch.

- Tỷ lệ lao động qua đào tạo đạt 85%.

- Thu hút đầu tư xây dựng các khu đô thị mới, các khu công nghiệp, cụm công nghiệp theo quy hoạch.

Tập trung hoàn thiện hạ tầng và thu hút các dự án đầu tư: Cụm công nghiệp Tân Thạnh, Cụm công nghiệp Vĩnh Thới, Cụm công nghiệp Phong Hòa, Cụm công nghiệp Phú Thành A, Cụm công nghiệp Tân Phước, Cụm công nghiệp Thường Phước, Cụm công nghiệp Tân Lập 2.

* Chỉ tiêu thu hút dự án FDI giai đoạn 2021 - 2030: 20 dự án, tổng vốn đăng ký đầu tư khoảng 6.000 tỷ đồng (trong đó: trong khu công nghiệp, khu kinh tế: 10 dự án; ngoài khu công nghiệp, khu kinh tế: 10 dự án).

III. NHIỆM VỤ VÀ GIẢI PHÁP CHỦ YẾU

1. Về cải cách thủ tục hành chính

- Đẩy mạnh cải cách hành chính theo hướng công khai, minh bạch; rà soát, sửa đổi các quy định về quản lý đầu tư xây dựng theo hướng thông thoáng, đẩy mạnh phân cấp, ủy quyền, giảm bớt các thủ tục hành chính đi đôi với tăng cường thanh tra, kiểm tra về đầu tư. Xây dựng cơ chế phối hợp tinh gọn, hiệu quả giữa các cơ quan có liên quan trong việc thẩm định chủ trương đầu tư dự án, cấp giấy chứng nhận đăng ký đầu tư đến giải phóng mặt bằng, giao đất, cho thuê đất, cấp giấy phép xây dựng. Bồi dưỡng, nâng cao năng lực cho đội ngũ cán bộ làm công tác quản lý đất đai, quy hoạch, xúc tiến đầu tư và thương mại.

- Nâng cao chất lượng công tác thẩm định các dự án; kiên quyết thu hồi các dự án chậm triển khai, hoạt động không hiệu quả, thực hiện không đúng tiến độ đã cam kết để thu hồi, tạo quỹ đất thu hút các dự án đầu tư mới, có nhu cầu dịch chuyển sản xuất.

2. Về xây dựng và phát triển kết cấu hạ tầng

- Thực hiện Chương trình hành động số 48-CTr/TU ngày 17/02/2023 của Ban Chấp hành Đảng bộ Tỉnh khóa XI về thực hiện Nghị quyết số 13-NQ/TW ngày 02/4/2022 của Bộ Chính trị khoá XIII về phương hướng phát triển kinh tế - xã hội và bảo đảm quốc phòng, an ninh vùng đồng bằng sông Cửu Long đến năm 2030, tầm nhìn đến năm 2045; tập trung phát triển kết cấu hạ tầng kinh tế - xã hội, nhất là hạ tầng giao thông, năng lượng, nước sạch, thuỷ lợi, giáo dục, y tế.

- Tập trung triển khai thực hiện có hiệu quả Quy hoạch tỉnh Đồng Tháp thời kỳ 2021 - 2030, tầm nhìn đến năm 2050.

- Tập trung vốn đầu tư từ ngân sách cho các công trình, dự án trọng điểm.

- Đẩy nhanh phát triển hạ tầng giao thông, tạo nền tảng kết nối và phát triển các lĩnh vực nông nghiệp, công nghiệp, du lịch gắn kết hài hoà với phát triển đô thị; tranh thủ các nguồn vốn đầu tư mở rộng các tuyến quốc lộ, các đường cao tốc qua địa bàn Tỉnh, tạo bước đột phá trong giai đoạn. Mở rộng, nâng cấp các tuyến đường Tỉnh, đường huyện và hệ thống giao thông nông thôn hiện có và đầu tư xây dựng các tuyến đường mới phục vụ phát triển công nghiệp, nông nghiệp, du lịch.

- Hoàn thiện hạ tầng các khu công nghiệp, cụm công nghiệp, tạo động lực thu hút đầu tư trong giai đoạn tới.

3. Về xúc tiến đầu tư

- Thu hút mạnh các nguồn vốn đầu tư trong và ngoài nước; tiếp tục đổi mới hoạt động xúc tiến đầu tư một cách chuyên nghiệp, có hiệu quả, định hướng thu hút đầu tư có chọn lọc.

- Phối hợp với Bộ Kế hoạch và Đầu tư triển khai công tác kêu gọi đầu tư, đặc biệt tập trung kêu gọi các nhà đầu tư Nhật Bản, Hàn Quốc, Ấn Độ đầu tư vào lĩnh vực công nghệ cao, công nghiệp phụ trợ.

- Xây dựng danh mục dự án kêu gọi đầu tư nước ngoài giai đoạn 2023-2025.

- Đổi mới công tác xúc tiến đầu tư theo hướng đa dạng hóa các phương thức xúc tiến. Tạo điều kiện thuận lợi cho các nhà đầu tư tìm hiểu, tiến hành các hoạt động đầu tư. Cung cấp kịp thời, đầy đủ, chính xác các thông tin kinh tế - xã hội, quy hoạch, định hướng đầu tư cho các nhà đầu tư.

- Thực hiện các phóng sự về hoạt động đầu tư, hoạt động sản xuất kinh doanh của doanh nghiệp; xây dựng các phóng sự về môi trường đầu tư, các địa điểm đầu tư. Lồng ghép, phối hợp các chương trình xúc tiến đầu tư với xúc tiến thương mại, văn hóa, du lịch.

- Phối hợp với Cục Đầu tư nước ngoài (trực thuộc Bộ Kế hoạch và Đầu tư), các Bộ, Ngành Trung ương tổ chức các hội nghị, hội thảo chia sẻ kinh nghiệm, quảng bá, kêu gọi và thực hiện các hoạt động xúc tiến đầu tư. Tổ chức các Hội thảo xúc tiến đầu tư và các đoàn xúc tiến đầu tư trong và ngoài nước hướng vào các nhà đầu tư có năng lực tài chính, kinh nghiệm quản lý, công nghệ, thiết bị hiện đại.

- Định kỳ tổ chức Hội nghị gặp gỡ doanh nghiệp đầu tư nước ngoài; xây dựng và phát huy các kênh tiếp nhận phản hồi của doanh nghiệp để kịp thời giải quyết các khó khăn, vướng mắc của doanh nghiệp.

- Xây dựng website đa ngôn ngữ nhằm cung cấp kịp thời, đầy đủ, chính xác các thông tin về môi trường chính sách, cơ sở dữ liệu, thông tin về quản trị doanh nghiệp, xúc tiến đầu tư; công khai kế hoạch và các thủ tục đầu tư trên Cổng thông tin điện tử của Tỉnh, Trung tâm Xúc tiến Thương mại, Du lịch và Đầu tư, Sở Kế hoạch và Đầu tư, Ban Quản lý Khu kinh tế và các đơn vị liên quan.

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

1. Phân công thực hiện

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

Đầu mối triển khai các hoạt động hỗ trợ doanh nghiệp, tổ chức đối thoại với các nhà đầu tư nước ngoài để giải quyết, tháo gỡ kịp thời những khó khăn, vướng mắc, kiến nghị của doanh nghiệp đang hoạt động trên địa bàn Tỉnh.

1.2. Ban Quản lý Khu kinh tế

- Phối hợp với Trung tâm Xúc tiến Thương mại, Du lịch và Đầu tư tham gia các hoạt động xúc tiến đầu tư trong nước, nước ngoài.

- Biên tập và cập nhật các ấn phẩm, tài liệu giới thiệu chuyên sâu về tiềm năng, lợi thế đầu tư vào khu công nghiệp, khu kinh tế; xây dựng cơ sở dữ liệu chuyên sâu về khu công nghiệp, khu kinh tế.

- Phối hợp với Trung tâm Xúc tiến Thương mại, Du lịch và Đầu tư biên tập và cập nhật các ấn phẩm, tài liệu giới thiệu chuyên sâu về tiềm năng, lợi thế đầu tư vào khu công nghiệp, khu kinh tế; xây dựng cơ sở dữ liệu chuyên sâu về khu công nghiệp, khu kinh tế.

1.3. Trung tâm Xúc tiến Thương mại, Du lịch và Đầu tư

Chủ trì, phối hợp với Sở Kế hoạch và Đầu tư, Ban Quản lý Khu kinh tế và các đơn vị liên quan triển khai các hoạt động xúc tiến đầu tư trong nước, nước ngoài.

1.4. Sở Ngoại vụ

- Có trách nhiệm tham mưu UBND Tỉnh hợp tác với các địa phương, đối tác nước ngoài nhằm kêu gọi, thu hút các nhà đầu tư và doanh nghiệp nước ngoài hợp tác đầu tư tại Tỉnh.

- Làm đầu mối liên lạc với các cơ quan ngoại giao của Việt Nam tại các nước, đặc biệt là các thị trường trọng điểm, có tiềm năng, thông qua con đường ngoại giao; liên hệ với Đại sứ quán các nước tại Việt Nam và các tổ chức quốc tế liên quan để kịp thời nắm bắt và cung cấp thông tin phục vụ nhiệm vụ xúc tiến đầu tư của Tỉnh.

- Phối hợp trong công tác tiếp đón các nhà đầu tư, các đoàn xúc tiến đầu tư đến Tỉnh và chuẩn bị công tác lễ tân, tham gia và phối hợp công tác chuẩn bị cho các đoàn của Tỉnh đi xúc tiến đầu tư tại nước ngoài.

1.5. Sở Xây dựng

- Tiếp tục cải cách thủ tục hành chính và tạo điều kiện thuận lợi cho các nhà đầu tư tiếp cận thông tin quy hoạch khi tham gia đầu tư xây dựng.

- Phối hợp với Sở Kế hoạch và Đầu tư, UBND huyện, thành phố và các đơn vị liên quan lập, đề xuất kế hoạch đầu tư kết cấu hạ tầng cho các đô thị, đảm bảo tính đồng bộ, hiện đại nhằm tăng tính hấp dẫn trong thu hút đầu tư, tạo điều kiện cho nhà đầu tư thực hiện dự án, gia tăng giá trị về đất đai tại các khu vực được đầu tư hạ tầng.

1.6. Sở Giao thông vận tải

Chủ động, tích cực phối hợp với các Bộ, Ngành Trung ương, chủ đầu tư triển khai xây dựng đúng tiến độ, đảm bảo chất lượng các dự án trọng điểm trên địa bàn Tỉnh, đặc biệt là xây dựng các công trình hạ tầng, đầu mối giao thông quan trọng.

1.7. Sở Nông nghiệp và Phát triển nông thôn

Tăng cường các biện pháp kỹ thuật nhằm nâng cao giá trị xuất khẩu và quản lý an toàn thực phẩm hàng nông sản của Tỉnh.

1.8. Sở Tài nguyên và Môi trường

Tăng cường công tác quản lý, sử dụng đất đai trên địa bàn Tỉnh, nhằm nâng cao hiệu quả sử dụng đất. Nghiên cứu rút ngắn thời gian thực hiện các thủ tục hành chính liên quan đến đất đai, tạo điều kiện cho nhà đầu tư, doanh nghiệp sớm hoàn thiện về thủ tục quản lý đất đai để triển khai sản xuất, kinh doanh.

1.9. Sở Công Thương

Nghiên cứu, đề xuất lựa chọn phát triển công nghiệp hỗ trợ đối với một số ngành theo hình thức xây dựng mạng lưới sản xuất dựa trên việc chuyên môn hóa liên kết chuỗi; danh mục một số nhóm sản phẩm chủ yếu có khả năng tham gia vào chuỗi giá trị toàn cầu, phù hợp với tiềm năng, lợi thế của Tỉnh.

(Có Phụ lục chi tiết đính kèm)

2. Tổ chức thực hiện

2.1. Căn cứ chức năng, nhiệm vụ được giao, Thủ trưởng các sở, ban ngành Tỉnh và Chủ tịch UBND huyện, thành phố xây dựng kế hoạch cụ thể của đơn vị mình và phân công lãnh đạo trực tiếp theo dõi, chỉ đạo, kiểm tra đôn đốc thực hiện; chủ động phối hợp với các đơn vị liên quan trong quá trình tổ chức thực hiện các nhiệm vụ được giao.

Định kỳ hàng năm, báo cáo kết quả thực hiện Kế hoạch này trước ngày 15 tháng 10 (hoặc báo cáo đột xuất), gửi Sở Kế hoạch và Đầu tư tổng hợp chung.

2.2. Giao Sở Kế hoạch và Đầu tư là cơ quan đầu mối, thường xuyên theo dõi, kiểm tra và đôn đốc các sở, ban ngành Tỉnh và UBND huyện, thành phố trong quá trình tổ chức triển khai thực hiện các công việc được giao đảm bảo chất lượng.

Định kỳ hàng năm (hoặc đột xuất) tổng hợp kết quả thực hiện Kế hoạch, dự thảo văn bản để UBND Tỉnh báo cáo Bộ Kế hoạch và Đầu tư trước ngày 30 tháng 10 theo quy định.

3. Kinh phí thực hiện

Kinh phí để thực hiện Quyết định số 308/QĐ-TTg ngày 28/3/2023 của Thủ tướng Chính phủ sử dụng từ các nguồn vốn sau:

- Ngân sách Tỉnh theo kế hoạch hàng năm.

- Kinh phí xúc tiến đầu tư, thương mại, du lịch quốc gia.

- Kinh phí xã hội hóa khác (đóng góp, tài trợ của các tổ chức, doanh nghiệp, cá nhân và các nguồn khác) theo quy định của pháp luật.

Yêu cầu các sở, ban ngành Tỉnh, UBND huyện, thành phố nghiêm túc thực hiện các nội dung nêu trên; trường hợp có khó khăn, vướng mắc, báo cáo Sở Kế hoạch và Đầu tư tổng hợp, tham mưu UBND Tỉnh giải quyết theo quy định./.

 


Nơi nhận:
- TT/TU; TT/HĐND Tỉnh (b/c);
- CT, các PCT/UBND Tỉnh;
- Các sở, ban, ngành Tỉnh;
- UBND huyện, thành phố;
- Lưu VT, NC/KT(mqv).

TM. UỶ BAN NHÂN DÂN
CHỦ TỊCH




Phạm Thiện Nghĩa

 



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