Hệ thống pháp luật

ỦY BAN NHÂN DÂN
TỈNH QUẢNG BÌNH
-------

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

Số: 798/KH-UBND

Quảng Bình, ngày 28 tháng 4 năm 2023

 

KẾ HOẠCH

TỔ CHỨC THỰC HIỆN CHIẾN LƯỢC HỢP TÁC ĐẦU TƯ NƯỚC NGOÀI GIAI ĐOẠN 2021-2030 TRÊN ĐỊA BÀN TỈNH QUẢNG BÌNH

Thực hiện Quyết định số 308/QĐ-TTg ngày 28/3/2023 của Thủ tướng Chính phủ về 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, UBND tỉnh ban hành Kế hoạch tổ chức thực hiện Chiến lược hợp tác đầu tư nước ngoài (ĐTNN) giai đoạn 2021-2030 với những nội dung như sau:

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

1. Mục đích:

- Quán triệt, chỉ đạo các cấp, các ngành tập trung tổ chức triển khai thực hiện nghiêm túc, có hiệu quả Quyết định số 308/QĐ-TTg ngày 28/3/2023 của Thủ tướng Chính phủ về phê duyệt kế hoạch hành động thực hiện chiến lược hợp tác ĐTNN giai đoạn 2021-2030.

- Xác định rõ trách nhiệm và tổ chức thực hiện các mục tiêu, nhiệm vụ của từng ngành, đơn vị, địa phương nhằm tập trung thu hút ĐTNN có trọng tâm, trọng điểm, gắn liền thu hút đầu tư nước ngoài với xây dựng, phát triển nền kinh tế độc lập, tự chủ trên tinh thần hội nhập quốc tế sâu rộng, thực chất và hiệu quả.

2. Yêu cầu:

Chủ động, tích cực trong công tác chỉ đạo, điều hành, quán triệt và tổ chức triển khai thực hiện nghiêm túc, kịp thời và đầy đủ kế hoạch này nhằm thúc đẩy hợp tác ĐTNN trên cơ sở bảo đảm cân đối lợi ích của các bên đầu tư với lợi ích của tỉnh trong hoạt động hợp tác ĐTNN trên tinh thần hài hòa lợi ích, chia sẻ rủi ro; tuân thủ điều kiện về phát triển bền vững và an ninh - quốc phòng.

II. MỤC TIÊU

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

- Thu hút các dự án ĐTNN sử dụng công nghệ tiên tiến, công nghệ mới, công nghệ cao, quản trị hiện đại, có giá trị gia tăng cao, có tác động lan tỏa tích cực.

- Mở rộng thị trường, tranh thủ vốn, công nghệ, kiến thức quản lý, văn hóa doanh nghiệp của khu vực có vốn ĐTNN; nâng cao sức cạnh tranh của nền kinh tế, của doanh nghiệp và sản phẩm nội địa; thúc đẩy các ngành công nghiệp, nông nghiệp và dịch vụ trong tỉnh.

- Nâng cao hiệu quả, chất lượng toàn diện trong công tác thu hút, sử dụng vốn ĐTNN, tăng tỷ lệ đóng góp của khu vực ĐTNN trong phát triển kinh tế - xã hội của tỉnh.

2. Mục tiêu cụ thể:

- Triển khai các hoạt động nhiệm vụ được giao tại: (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 ĐTNN đến năm 2030; (ii) 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; (iii) 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”; (iv) 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 của pháp luật hiện hành.

- Xây dựng Kế hoạch và tổ chức thực hiện có hiệu quả các hoạt động, nhiệm vụ cụ thể nêu tại Phụ lục danh mục hoạt động, nhiệm vụ triển khai kế hoạch hành động thực hiện chiến lược hợp tác ĐTNN giai đoạn 2021-2030 ban hành kèm theo Quyết định số 308/QĐ-TTg ngày 28/3/2023 của Thủ tướng Chính phủ về phê duyệt kế hoạch hành động thực hiện Chiến lược hợp tác ĐTNN giai đoạn 2021-2030.

III. NỘI DUNG KẾ HOẠCH VÀ GIẢI PHÁP THỰC HIỆN

1. Rà soát các dự án chậm triển khai, hoạt động không hiệu quả…… để 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.

- Tiếp tục phát huy, nâng cao hiệu quả hoạt động của Tổ rà soát các dự án chậm tiến độ trên địa bàn tỉnh Quảng Bình- Đẩy mạnh thanh tra, kiểm tra, giám sát việc cấp, điều chỉnh, thu hồi dự án ĐTNN, ban hành quy định ưu đãi, hỗ trợ đầu tư..., kịp thời phát hiện các trường hợp vi phạm, có dấu hiệu trái pháp luật; rà soát việc thực hiện chính sách chưa đồng bộ, thiếu thống nhất giữa các địa phương.

- Công tác quản lý ĐTNN của tỉnh phải bảo đảm hiệu quả kinh tế - xã hội - môi trường, phù hợp quy hoạch, theo đúng tiêu chí lựa chọn, sàng lọc dự án...; quy trình, thủ tục cấp, điều chỉnh, thu hồi, chấm dứt hoạt động của dự án ĐTNN theo đúng quy định pháp luật. Hoàn thiện quy trình, thủ tục đầu tư thông thoáng nhưng kiểm soát được thông qua các công cụ pháp luật.

- Xử lý dứt điểm các dự án gây ô nhiễm môi trường, sử dụng đất không hiệu quả, kinh doanh thua lỗ nhiều năm, dự án không triển khai hoặc không thực hiện đúng cam kết. Phòng ngừa, giải quyết sớm, có hiệu quả các tranh chấp liên quan đến ĐTNN.

- Hoàn thiện hệ thống cơ sở dữ liệu, thông tin về đầu tư theo hướng đồng bộ, liên thông với các lĩnh vực lao động, đất đai, xây dựng, thuế, hải quan, ngân hàng, ngoại hối, chứng khoán... Nâng cao chất lượng công tác thống kê, bảo đảm kịp thời, đầy đủ, chính xác và phù hợp với thông lệ quốc tế; gắn liền trách nhiệm báo cáo định kỳ doanh nghiệp với chế độ ưu đãi hậu kiểm.

2. Xây dựng Kế hoạch hàng năm để cải thiện chỉ số năng lực cạnh tranh cấp tỉnh.

- Theo kết quả công bố của Liên đoàn Thương mại và Công nghiệp Việt Nam (VCCI) ngày 11/4/2023, chỉ số PCI tỉnh Quảng Bình năm 2022 xếp thứ 48/63 tăng 09 bậc so với năm 2021. Kết quả này phù hợp với mục tiêu của kế hoạch số 1278/KH-UBND ngày 15/07/2022 của UBND tỉnh Quảng Bình về nâng cao chỉ số năng lực cạnh tranh cấp tỉnh (PCI) tỉnh Quảng Bình năm 2022. Để tiếp tục nâng cao năng lực cạnh tranh cấp tỉnh, tạo chuyển biến tích cực về môi trường đầu tư kinh doanh và xếp hạng chỉ số PCI của tỉnh, định kỳ hàng năm UBND tỉnh Quảng Bình ban hành kế hoạch để cải thiện chỉ số năng lực cạnh tranh cấp tỉnh. Các đơn vị được phân công làm đầu mối phụ trách các chỉ số thành phần có trách nhiệm phối hợp các cơ quan, đơn vị, địa phương có liên quan đến các chỉ tiêu thuộc thành phần do mình phụ trách để xây dựng kế hoạch cụ thể cải thiện thứ hạng các chỉ số thành phần, gửi Sở Kế hoạch và Đầu tư tổng hợp, báo cáo UBND tỉnh.

- Tăng cường, đẩy mạnh phân cấp, phân quyền, giảm bớt, tinh gọn, đơn giản hoá quy trình, thủ tục trong quyết định các vấn đề kinh tế - xã hội; Đẩy mạnh cải cách hành chính, giảm tối đa thời gian thực hiện thủ tục đầu tư kinh doanh; đối xử bình đẳng giữa doanh nghiệp trong nước và doanh nghiệp nước ngoài; bảo vệ lợi ích hợp pháp của các nhà đầu tư nhằm nâng cao niềm tin của các nhà đầu tư nước ngoài.

- Đẩy mạnh việc thực hiện các cam kết trong EVFTA theo hướng đảm bảo lợi ích giữa Việt Nam - EU, trong đó, tăng cường giám sát thực thi ở cấp cơ sở để bảo đảm các chính sách về cải thiện môi trường đầu tư kinh doanh được triển khai có hiệu quả trên thực tế.

- Có các giải pháp tổng thể, mạnh mẽ tập trung vào các mục tiêu: (i) cải thiện chỉ số tỉnh đang làm tốt; (ii) khắc phục các chỉ số còn hạn chế, dưới điểm trung vị của cả nước, đặc biệt chú ý tới các chỉ số có trọng số lớn trong điểm tổng hợp PCI.

- Thành lập kênh thông tin để tiếp nhận, giải đáp hoặc chuyển đơn kiến nghị của doanh nghiệp đến cơ quan có thẩm quyền tại cơ quan thường trực hỗ trợ tháo gỡ khó khăn cho doanh nghiệp.

3. Chủ động xây dựng các gói hỗ trợ đầu tư linh hoạt để thu hút các dự án đầu tư lớn, có tác động lan tỏa.

- Xây dựng chính sách thu hút ĐTNN cân đối, hợp lý giữa các vùng, miền; bảo đảm việc thu hút, hợp tác ĐTNN theo đúng định hướng, quy hoạch, yêu cầu phát triển và mục tiêu cải thiện vị thế của tỉnh Quảng Bình - Việt Nam trong chuỗi sản xuất toàn cầu.

- Xây dựng cơ chế khuyến khích, ưu đãi thỏa đáng để tăng liên kết giữa ĐTNN và đầu tư trong nước, lĩnh vực ưu tiên thu hút đầu tư; nâng cao năng lực hấp thụ, dần tiến tới tự chủ công nghệ; phát triển cụm liên kết ngành, chuỗi giá trị, góp phần nâng cao giá trị gia tăng nội địa và sức cạnh tranh của sản phẩm.

- Chính sách ưu đãi đầu tư cần được xem xét, căn cứ vào kết quả đầu ra như giá trị gia tăng, hợp phần sử dụng công nghệ cao, nghiên cứu và phát triển, chuyển giao công nghệ cho doanh nghiệp, hỗ trợ doanh nghiệp tỉnh Quảng Bình tham gia các cấp độ trong chuỗi cung ứng.

- Cải thiện khả năng dự báo và tính minh bạch trong quá trình xây dựng văn bản quy phạm pháp luật của tỉnh; tăng cường các hoạt động theo dõi, đánh giá sự phù hợp, tác động, chất lượng của chính sách và tính hiệu lực, hiệu quả thực thi chính sách về hợp tác đầu tư nước ngoài trên địa bàn tỉnh.

- Rà soát, ban hành chính sách tạo hành lang pháp lý cho phát triển và quản lý các hình thức, phương thức đầu tư mới phù hợp với thông lệ quốc tế.

- Xây dựng thể chế, chính sách cho khu kinh tế, khu công nghiệp, khu nông nghiệp ứng dụng công nghệ cao và các mô hình tương tự khác theo hướng xác định rõ trọng tâm phát triển và cơ chế, chính sách vượt trội phù hợp với đặc thù của từng mô hình, bảo đảm tính liên kết, đồng bộ với các khu vực khác.

- Đánh giá hiện trạng, xu hướng công nghệ và thị trường, xây dựng chiến lược ưu tiên phát triển một số lĩnh vực cụ thể thuộc công nghiệp hỗ trợ (CNHT) theo từng thời kỳ để ưu tiên phát triển, tránh đầu tư dàn trải, không hiệu quả.

- Tiếp tục hoàn thiện môi trường pháp lý chuyển giao công nghệ trên cơ sở xây dựng hệ thống văn bản đồng bộ trong thực hiện chính sách hỗ trợ doanh nghiệp đầu tư đổi mới công nghệ; thúc đẩy sự hình thành và phát triển của các tổ chức trung gian, tạo điều kiện để phát triển thị trường khoa học và công nghệ, khuyến khích doanh nghiệp chuyển giao, ứng dụng, đổi mới công nghệ, thúc đẩy thương mại hóa kết quả nghiên cứu và phát triển công nghệ; hình thành liên doanh, liên kết giữa các doanh nghiệp ĐTNN với các viện nghiên cứu, trường đại học trong tỉnh.

4. Xây dựng bộ thương hiệu và hình ảnh cấp địa phương trong công tác xúc tiến đầu tư phù hợp với quy hoạch phát triển và chiến lược thu hút đầu tư.

- Xây dựng bộ thương hiệu và hình ảnh cấp địa phương trong công tác xúc tiến đầu tư phù hợp với quy hoạch phát triển và chiến lược thu hút đầu tư. Xây dựng bộ thương hiệu địa phương thể hiện được cái đặc trưng riêng nhưng phải nằm trong cái tổng hòa của sự phát triển của Việt Nam nói chung, tạo nên hình ảnh tích cực bằng việc xây dựng một địa phương nhiều tiềm năng, quảng bá được những đặc tính riêng biệt của địa phương. Đây là yếu tố quyết định của chiến dịch xây dựng bộ thương hiệu và hình ảnh cấp địa phương.

- Tăng độ nhận diện và phân biệt địa phương với các địa phương khác, tạo nên lợi thế cạnh tranh khả năng thu hút khách du lịch đến với địa phương. Việc xây dựng bộ thương hiệu và hình ảnh cấp địa phương sẽ góp phần nâng cao đời sống người dân trên địa bàn tỉnh Quảng Bình, mang lại nhiều cơ hội kinh tế lâu dài và bền vững trong bối cảnh hội nhập kinh tế sâu rộng.

- Hợp tác với các tập đoàn, nhà đầu tư lớn đầu tư tại tỉnh để xây dựng “Đại sứ” hình ảnh về đầu tư cho tỉnh Quảng Bình nhằm tận dụng sức ảnh hưởng và thương hiệu của nhà đầu tư uy tín.

- Đổi mới công tác xúc tiến đầu tư thực chất, hiệu quả, có mục tiêu, trọng tâm, trọng điểm. Khi triển khai hoạt động xúc tiến đầu tư cần gắn với tiêu chí hợp tác đầu tư mới; tiếp tục duy trì thị trường và đối tác truyền thống, đồng thời mở rộng thị trường, đối tác mới. Đầu tư thỏa đáng nhằm đa dạng hóa và hiện đại hóa các hoạt động và phương thức xúc tiến đầu tư.

- Chủ động tiếp cận, vận động linh hoạt qua các kênh khác nhau như: các cá nhân có ảnh hưởng lớn, nhà đầu tư, hiệp hội doanh nghiệp, tổ chức quốc tế, công ty tư vấn hàng đầu, quỹ đầu tư và cá nhân có tầm ảnh hưởng để thu hút các tập đoàn lớn mang các dự án có chất lượng vào tỉnh Quảng Bình.

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

1. Các sở, ban, ngành, đơn vị liên quan căn cứ chức năng nhiệm vụ được phân công nghiêm túc tổ chức quán triệt, triển khai thực hiện có hiệu quả và chịu trách nhiệm trước UBND tỉnh về các nhiệm vụ và giải pháp tại mục III và Phụ lục ban hành kèm theo Kế hoạch này.

2. Giao Sở Kế hoạch và Đầu tư chủ trì phối hợp với các sở, ban, ngành, đơn vị liên quan định kỳ tổng hợp và tham mưu UBND tỉnh báo cáo gửi Bộ Kế hoạch và Đầu tư về tình hình triển khai Kế hoạch hành động thực hiện chiến lược trước ngày 30/10 hằng năm (kể từ năm 2023).

Trong quá trình thực hiện, nếu có vấn đề phát sinh, vướng mắc, các đơn vị, địa phương kịp thời phản ánh về UBND tỉnh (qua Sở Kế hoạch và Đầu tư) để xem xét, giải quyết.

Trên đây là kế hoạch tổ chức thực hiện chiến lược hợp tác ĐTNN giai đoạn 2021-2030 trên địa bàn tỉnh Quảng Bình. UBND tỉnh yêu cầu các sở, ban, ngành, đơn vị có liên quan triển khai thực hiện nghiêm túc, có hiệu quả Kế hoạch này./.

 


Nơi nhận:
- Văn phòng chính phủ (b/c);
- Bộ Kế hoạch và Đầu tư (b/c);
- TT Tỉnh ủy TT HĐND tỉnh (b/c)
- CT, các PCT UBND tỉnh;
- Văn phòng UBND tỉnh;
- Các sở, ban, ngành; UBND các huyện, thị xã, thành phố;
- Lưu VT, TH, TDNV.

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




Trần Thắng

 

PHỤ LỤC

PHÂN CÔNG NHIỆM VỤ TRIỂN KHAI THỰC HIỆN KẾ HOẠCH
(Ban hành kèm theo Kế hoạch số 798/KH-UBND ngày 28/4/2023 của UBND tỉnh)

STT

Nội dung nhiệm vụ

Cơ quan chủ trì

Cơ quan phối hợp

Thời gian thực hiện

1

Rà soát các dự án chậm triển khai, hoạt động không hiệu quả.... để 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.

Sở Kế hoạch và Đầu tư; Ban quản lý KKT

Sở Tài nguyên và Môi trường, Các sở, ban, ngành và UBND các huyện, thị xã, thành phố trên địa bàn tỉnh

Thường xuyên

2

Xây dựng Kế hoạch hàng năm để cải thiện chỉ số năng lực cạnh tranh cấp tỉnh.

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

Các sở, ban, ngành và UBND các huyện, thị xã, thành phố trên địa bàn tỉnh

Hằng năm

3

Chủ động xây dựng các gói hỗ trợ đầu tư linh hoạt để thu hút các dự án đầu tư lớn, có tác động lan tỏa

Sở Kế hoạch và Đầu tư; Ban quản lý KKT

Các sở, ban, ngành và UBND các huyện, thị xã, thành phố trên địa bàn tỉnh

Thường xuyên

4

Xây dựng bộ thương hiệu và hình ảnh cấp địa phương trong công tác xúc tiến đầu tư phù hợp với quy hoạch phát triển và chiến lược thu hút đầu tư.

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

Các sở, ban, ngành và UBND các huyện, thị xã, thành phố trên địa bàn tỉnh

Thường xuyên

 



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