KẾ HOẠCH

HÀNH ĐỘNG NÂNG CAO CHẤT LƯỢNG VÀ HIỆU QUẢ CUNG CẤP DỊCH VỤ CÔNG TRỰC TUYẾN TRÊN ĐỊA BÀN TỈNH PHÚ THỌ

Căn cứ Quyết định 2348/QĐ-UBND ngày 17/9/2021 của Ủy ban nhân dân tỉnh về việc ban hành Đề án phát triển Chính quyền điện tử hướng tới Chính quyền số tỉnh Phú Thọ giai đoạn 2021 - 2025, định hướng đến năm 2030; Kế hoạch số 5246/KH-UBND ngày 11/11/2021 của Ủy ban nhân dân tỉnh về Cải thiện mạnh mẽ môi trường đầu tư kinh doanh trên địa bàn tỉnh giai đoạn 2021-2025; kết quả triển khai dịch vụ công trực tuyến (DVCTT) trong các cơ quan nhà nước tỉnh Phú Thọ và xét đề nghị của Sở Thông tin và Truyền thông tại Tờ trình số 21/TTr-STTTT ngày 23/6/2023; Ủy ban nhân dân tỉnh Phú Thọ ban hành Kế hoạch Hành động nâng cao chất lượng và hiệu quả cung cấp dịch vụ công trực tuyến trên địa bàn tỉnh Phú Thọ, cụ thể như sau:

I. HIỆN TRẠNG DỊCH VỤ CÔNG TRỰC TUYẾN

1. Cung cấp và triển khai dịch vụ công trực tuyến

Hệ thống thông tin giải quyết thủ tục hành chính (TTHC) được triển khai đồng bộ, thống nhất đến 100% các cơ quan, đơn vị trên địa bàn tỉnh; cung cấp 1.541 DVCTT, đạt 76,97%Các, sở, ban ngành thường xuyên rà soát, đánh giá, phát hiện những bất cập trong thực hiện các TTHC để đề xuất các bộ, ngành Trung ương kịp thời điều chỉnh quy trình, thành phần hồ sơ và các nội dung liên quan của các TTHC.

II. KẾ HOẠCH NÂNG CAO HOẠT ĐỘNG DỊCH VỤ CÔNG TRỰC TUYẾN TRÊN ĐỊA BÀN TỈNH NĂM 2023

1. Mục tiêu

- Trên 70% hồ sơ TTHC được tiếp nhận và giải quyết trực tuyến trên tổng số hồ sơ TTHC của tỉnh. Trong đó, tỷ lệ hồ sơ TTHC được tiếp nhận và giải quyết trực tuyến cấp tỉnh, cấp huyện đạt trên 75%, cấp xã đạt trên 60%.

- 100% TTHC đủ điều kiện theo quy định của pháp luật được cung cấp dưới hình thức DVCTT toàn trình.

- 40% DVCTT toàn trình được tích hợp, cung cấp trên Cổng Dịch vụ công quốc gia.

- 100% hồ sơ, kết quả giải quyết TTHC được số hóa; 50% hồ sơ TTHC được người dân và doanh nghiệp thực hiện trực tuyến từ xa.

- 100% TTHC thuộc thẩm quyền của tỉnh được rà soát, đơn giản hóa, tái cấu trúc quy trình.

- 60% TTHC có yêu cầu nghĩa vụ tài chính được thanh toán trực tuyến trên Cổng dịch vụ công quốc gia.

- 100% người dân và doanh nghiệp sử dụng DVCTT được định danh và xác thực thông tin thông suốt, hợp nhất trên tất cả các hệ thống các cấp chính quyền.

(Chi tiết các chỉ tiêu tại Phụ lục 02 kèm theo)

2. Nhiệm vụ trọng tâm

2.1. Kết nối liên thông, chia sẻ dữ liệu phục vụ giải quyết TTHC

- Triển khai xây dựng, kết nối, liên thông, chia sẻ các hệ thống cơ sở dữ liệu (CSDL) quốc gia (Dân cư, Hộ tịch, Đất đai, Doanh nghiệp, Tài chính, Bảo hiểm) và CSDL chuyên ngành trên địa bàn tỉnh theo yêu cầu của Chính phủ để phục vụ nhu cầu tìm kiếm, khai thác thông tin của người dân và doanh nghiệp trong giải quyết TTHC.

- Triển khai Kho quản lý dữ liệu điện tử của tổ chức, cá nhân; tăng cường chia sẻ dữ liệu kết quả giải quyết TTHC từ Hệ thống thông tin giải quyết TTHC của tỉnh với Cổng Dịch vụ công quốc gia.

2.2. Rà soát, đơn giản hóa, chuẩn hoá các TTHC

- Rà soát toàn bộ dịch vụ công của tỉnh để xác định từng TTHC mà người dân có thể độc lập thực hiện trực tuyến; tổng hợp, kiến nghị các cơ quan Trung ương cắt giảm thành phần hồ sơ, đơn giản hóa các TTHC đã công bố, đảm bảo phù hợp với hình thức DVCTT toàn trình.

- Tiếp tục rà soát, rút ngắn thời gian tiếp nhận và giải quyết TTHC; thống nhất các TTHC để thực hiện trên toàn tỉnh.

- Tập trung vào 25 dịch vụ công thiết yếu và nhóm các TTHC có số hồ sơ phát sinh nhiều ở cả 3 cấp để triển khai đơn giản hoá, chuẩn hoá.

- Kịp thời cập nhật, công khai các TTHC sau khi được UBND tỉnh công bố.

2.3. Nâng cao chất lượng cung cấp DVCTT

- Thực hiện nâng cấp, hoàn thiện Hệ thống thông tin giải quyết TTHC của tỉnh đáp ứng đầy đủ các yêu cầu về tính năng, chức năng theo quy định; đảm bảo ứng dụng thân thiện, dễ sử dụng.

- Triển khai các giải pháp khuyến khích, hỗ trợ người dân, doanh nghiệp thực hiện TTHC qua hình thức trực tuyến. Hỗ trợ, khuyến khích người dân và doanh nghiệp thanh toán không dùng tiền mặt khi thực hiện các TTHC; tăng cường khai thác và sử dụng dịch vụ Bưu chính công ích.

- Đẩy mạnh triển khai chứng thực điện tử, thực hiện số hóa, tạo lập dữ liệu điện tử; triển khai ký số từ xa đến cấp xã trên mẫu biểu điện tử để thực hiện DVCTT.

- Cung cấp các kênh thông tin tương tác, hỗ trợ, giải đáp thắc mắc; theo dõi thông tin về tình trạng tiếp nhận, xử lý, trả kết quả TTHC; khảo sát, đánh giá sự hài lòng của người dân và doanh nghiệp trong quá trình giải quyết TTHC.

2.4. Đảm bảo các nguồn lực triển khai DVCTT

- Đầu tư cơ sở vật chất, cung cấp các trang thiết bị CNTT, bố trí nhân lực và các nguồn lực khác đảm bảo triển khai DVCTT phục vụ người dân và doanh nghiệp, đặc biệt tại Bộ phận tiếp nhận và trả kết quả giải quyết TTHC tại các xã, phường, thị trấn.

- Thường xuyên rà soát, nâng cấp hạ tầng trang thiết bị phục vụ hoạt động cung cấp DVCTT đáp ứng theo yêu cầu về đảm bảo an toàn thông tin mạng theo hướng dẫn của Bộ Thông tin và Truyền thông.

2.5. Nâng cao nhận thức về DVCTT

- Quán triệt đến toàn bộ cán bộ, công chức, viên chức, người lao động trong các cơ quan nhà nước về vị trí, vai trò của DVCTT đối với công cuộc chuyển đổi số, phát triển kinh tế, xã hội tại địa phương.

- Đẩy mạnh tuyên truyền, hướng dẫn để nâng cao nhận thức, kỹ năng cho người dân, doanh nghiệp khi thực hiện DVCTT. Huy động tối đa sự tham gia của xã hội để DVCTT vào cuộc sống.

(Chi tiết các nhiệm vụ tại Phụ lục 03 kèm theo)

3. Các giải pháp chủ yếu

3.1. Tăng cường công tác chỉ đạo, đề cao trách nhiệm của người đứng đầu các ngành, địa phương, cơ quan, đơn vị

- Người đứng đầu các cơ quan, đơn vị chịu trách nhiệm trực tiếp về kết quả thực hiện các chỉ tiêu của kế hoạch tại cơ quan, đơn vị, địa phương mình phụ trách; chỉ đạo quyết liệt việc thực hiện các chỉ tiêu tại cơ quan, đơn vị, đưa các mục tiêu, nhiệm vụ của kế hoạch vào các chương trình, kế hoạch hoạt động của cơ quan, đơn vị.

- Chỉ đạo, quán triệt cán bộ công chức, viên chức trong cơ quan, đơn vị gương mẫu đi đầu trong việc thực hiện DVCTT.

- Chỉ đạo, rà soát, đơn giản hóa, chuẩn hóa các TTHC; xây dựng quy trình tiếp nhận, giải quyết đối với các TTHC thuộc thẩm quyền phù hợp với môi trường điện tử.

- Sử dụng các chỉ tiêu về tiếp nhận, xử lý hồ sơ trực tuyến làm căn cứ đánh giá mức độ hoàn thành nhiệm vụ của cán bộ, công chức, viên chức, người lao động và các cơ quan, đơn vị tham gia cung cấp trực tiếp các TTHC.

3.2. Khai thác hiệu quả các cơ sở dữ liệu

- Sử dụng dữ liệu được chuẩn hóa từ CSDL quốc gia về dân cư và các CSDL khác để cắt giảm, đơn giản hóa, rút ngắn thời gian giải quyết các TTHC, đặc biệt là các lĩnh vực có nhiều giao dịch, có tác động lớn người dân, doanh nghiệp.

- Triển khai xây dựng, hoàn thiện CSDL hộ tịch trên nền tảng CSDL quốc gia về dân cư đảm bảo đáp ứng các yêu cầu của Trung ương, phù hợp với thực tế khai thác và sử dụng trên địa bàn tỉnh.

- Đảm bảo duy trì hoạt động ổn định Hệ thống nền tảng tích hợp, chia sẻ dữ liệu của tỉnh, đáp ứng yêu cầu kết nối, chia sẻ dữ liệu giữa các hệ thống thông tin, CSDL của tỉnh với các cơ sở dữ liệu Trung ương.

- Hoàn thiện, đưa vào khai thác và sử dụng Kho dữ liệu và Cổng chuyển đổi số của tỉnh làm nền tảng để chia sẻ dữ liệu giữa các cơ quan nhà nước với người dân; phục vụ công tác quản lý điều hành của chính quyền các cấp; tìm kiếm thông tin phục vụ các nhu cầu phát triển kinh tế của doanh nghiệp.

- Triển khai có hiệu quả việc số hóa hồ sơ, kết quả giải quyết TTHC tại các cơ quan, đơn vị.

3.3. Huy động và sử dụng có hiệu quả các nguồn lực

- Triển khai thống nhất phương thức thanh toán trực tuyến để người dân, doanh nghiệp dễ dàng thực hiện qua các kênh thanh toán.

- Các doanh nghiệp cung cấp dịch vụ bưu chính thường xuyên rà soát, lựa chọn các TTHC phát sinh nhiều hồ sơ để tổ chức tập huấn cán bộ nắm rõ quy trình, nghiệp vụ hướng dẫn tiếp nhận, trả kết quả TTHC.

- Nghiên cứu, hỗ trợ chi phí dịch vụ BCCI trong việc tiếp nhận và trả kết quả TTHC cho người dân và doanh nghiệp.

- Thường xuyên, kiểm tra, rà soát, đầu tư, nâng cấp hệ thống trang thiết bị tin học tại cấp huyện, cấp xã đảm bảo hạ tầng để triển khai DVCTT toàn trình.

- Thường xuyên tổ chức đào tạo, hướng dẫn, nâng cao nghiệp vụ cho cán bộ, công chức trực tiếp sử dụng các Hệ thống thông tin giải quyết TTHC.

- Cung cấp kỹ năng, hỗ trợ người dân, doanh nghiệp tiếp cận, sử dụng các ứng dụng Chính quyền điện tử, Chính quyền số; tổ chức các buổi hội thảo, đối thoại lắng nghe ý kiến, phản ánh của người dân và doanh nghiệp về các khó khăn, vướng mắc đối với việc cung cấp DVCTT, qua đó khắc phục kịp thời, phục vụ tốt hơn người dân và doanh nghiệp.

- Huy động tối đa các nguồn lực và sự tham gia từ xã hội để triển khai các nhiệm vụ, giải pháp nhằm nâng cao chất lượng, hiệu quả DVCTT.

3.4. Đổi mới nội dung và hình thức tuyên truyền, nâng cao nhận thức

- Tập trung nâng cao nhận thức của người dân và doanh nghiệp về lợi ích của việc sử dụng DVCTT; nâng cao ý thức, trách nhiệm của cán bộ, công chức trong việc nâng cao chất lượng DVCTT.

- Đổi mới nội dung, đa dạng hóa các hình thức tuyên truyền đảm bảo trực quan, sinh động, đơn giản, dễ hiểu; kết hợp các hình thức truyền thông truyền thống trực tiếp, trực quan tại các điểm tiếp nhận, trả kết quả; trên các phương tiện thông tin đại chúng; sử dụng các phương thức truyền thông đa phương tiện, hiện đại qua mạng xã hội, kênh giao tiếp...

3.5. Tăng cường công tác kiểm tra, giám sát; tiếp nhận thông tin phản hồi, đánh giá mức độ hài lòng của người dân và doanh nghiệp

- Ứng dụng công nghệ hiện đại để kiểm tra, giám sát theo thời gian thực trên môi trường số về việc tiếp nhận và giải quyết hồ sơ TTHC tại Trung tâm phục vụ hành chính công của tỉnh và Bộ phận một của điện tử cấp huyện, cấp xã.

- Thường xuyên theo dõi, kiểm tra, giám sát, kịp thời xử lý, tháo gỡ các khó khăn, vướng mắc để nâng cao hiệu quả khai thác, sử dụng, tỷ lệ hồ sơ tiếp nhận giải quyết thông qua DVCTT toàn trình.

- Sử dụng kết quả thực hiện DVCTT toàn trình và thông tin phản ánh của người dân, doanh nghiệp trong quá trình thực hiện TTHC làm căn cứ để đánh giá xếp loại mức độ hoàn thành nhiệm vụ của cán bộ, công chức, cơ quan, đơn vị tham gia cung cấp trực tiếp các TTHC.

III. KINH PHÍ THỰC HIỆN

Kinh phí triển khai Kế hoạch thực hiện theo Quyết định số 2348/QĐ- UBND ngày 17/9/2021 của UBND tỉnh Phú Thọ và huy động các nguồn kinh phí hợp pháp khác.

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

1. Văn phòng Ủy ban nhân dân tỉnh

- Chủ trì hướng dẫn, theo dõi, giám sát, đôn đốc các cơ quan, đơn vị thực hiện rà soát, chuẩn hóa, đơn giản hóa các TTHC; chuẩn hoá việc xây dựng quy trình nội bộ, quy trình điện tử giải quyết TTHC trước khi trình Chủ tịch UBND tỉnh quyết định công bố. Tổng hợp hàng quý các TTHC thuộc bộ ngành ban hành cần điều chỉnh để thực hiện được thực chất DVC trực tuyến.

- Phối hợp, hướng dẫn các nội dung chuyên môn, nghiệp vụ về công tác kiểm soát TTHC, thực hiện cơ chế một cửa, một cửa liên thông và các vấn đề liên quan đến việc thực hiện các DVCTT theo quy định.

- Chỉ đạo Trung tâm Phục vụ hành chính công của tỉnh đi đầu trong triển khai DVCTT, số hóa hồ sơ, kết quả giải quyết TTHC là đơn vị hình mẫu để Bộ phận Tiếp nhận và Trả kết quả cấp huyện, cấp xã áp dụng thực hiện.

- Chủ trì tham mưu chỉ đạo, đôn đốc, kiểm tra, giám sát các cơ quan, đơn vị thực hiện các nhiệm vụ được giao tại Kế hoạch; Tham mưu UBND tỉnh thành lập Đoàn kiểm tra hoạt động DVCTT của tỉnh. Định kỳ hàng quý, 06 tháng, 1 năm tổng hợp kết quả báo cáo UBND tỉnh hoặc báo cáo khi có yêu cầu.

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

- Chủ trì tham mưu triển khai các giải pháp về kỹ thuật, công nghệ trong việc nâng cấp hoàn thiện hệ thống thông tin giải quyết TTHC của tỉnh; xây dựng, kết nối, liên thông CSDL; triển khai quy trình điện tử trong tiếp nhận, giải quyết TTHC; triển khai kỹ thuật Kho quản lý dữ liệu điện tử của tổ chức, cá nhân

- Phối hợp với Văn phòng UBND tỉnh, các Sở, ban, ngành rà soát, xác định các TTHC đủ điều kiện cung cấp DVCTT toàn trình hoặc một phần.

- Tham mưu triển khai các giải pháp công nghệ hiện đại để giám sát, kiểm tra thực hiện TTHC trên môi trường số và hệ thống thông tin trong toàn tỉnh, giảm việc kiểm tra trực tiếp tại cơ sở.

- Chỉ đạo các doanh nghiệp Bưu chính, Viễn thông nâng cao chất lượng dịch vụ phục vụ triển khai DVCTT. Làm đầu mối phối hợp với các đơn vị cung ứng dịch vụ thanh toán trực tuyến, hỗ trợ việc triển khai của các ngành, địa phương.

- Chỉ đạo, hướng dẫn các cơ quan báo chí, hệ thống thông tin tuyên truyền của tỉnh đẩy mạnh công tác tuyên truyền về ý nghĩa, tầm quan trọng, các quy trình thực hiện DVCTT; tuyên truyền các mô hình tốt, cách làm hay, sáng tạo, hiệu quả trong triển khai thực hiện Kế hoạch.

- Hàng năm, tham mưu UBND tỉnh điều chỉnh, bổ sung các chỉ tiêu đảm bảo nội dung và tiến độ chuyển đổi số theo yêu cầu của Chính phủ.

3. Công an tỉnh

- Chủ trì phối hợp cùng các đơn vị liên quan đẩy nhanh tiến độ hoàn thiện cơ sở dữ liệu dân cư, định danh, xác thực điện tử của tỉnh; đồng bộ định danh xác thực điện tử với Cổng dịch vụ công của tỉnh; đảm bảo người dân đã được định danh và xác thực điện tử không phải cung cấp lại các thông tin, giấy tờ về dân cư khi thực hiện các TTHC tại Tiếp nhận và Trả kết quả các cấp.

- Đảm bảo tiến độ, nội dung triển khai các nhiệm vụ Đề án phát triển ứng dụng dữ liệu về dân cư, định danh và xác thực điện tử phục vụ chuyển đổi số quốc gia trên địa bàn tỉnh Phú Thọ.

4. Các sở, ban, ngành của tỉnh; UBND các huyện, thành, thị

- Căn cứ Kế hoạch của UBND tỉnh, xây dựng Kế hoạch triển khai thực hiện; Thủ trưởng các sở, ban, ngành, cơ quan cấp tỉnh; Chủ tịch UBND các huyện, thành, thị chịu trách nhiệm trước UBND tỉnh về lãnh đạo, tổ chức thực hiện và kết quả thực hiện của ngành, địa phương.

- Các sở, ban, ngành chủ trì thực hiện việc đơn giản hóa TTHC, chuẩn hóa thành phần hồ sơ đối với các TTHC thuộc thẩm quyền giải quyết. Kiến nghị với cấp trên khi các TTHC thuộc bộ ngành ban hành chưa đảm bảo thực hiện trực tuyến. Đảm bảo các điều kiện về cơ sở vật chất, nhân lực triển khai thực hiện Kế hoạch.

- Phối hợp với Sở Thông tin và Truyền thông trong việc xây dựng, kết nối, chia sẻ CSDL; triển khai các giải pháp công nghệ, các dịch vụ phục vụ giải quyết TTHC theo hình thức trực tuyến.

- Chủ động triển khai các giải pháp trong thẩm quyền nhằm khuyến khích, hỗ trợ người dân, doanh nghiệp thực hiện TTHC theo hình thức trực tuyến; đề xuất, kiến nghị với cấp trên các giải pháp vượt thẩm quyền.

8. Đề nghị Ủy ban Mặt trận Tổ quốc, các tổ chức chính trị - xã hội tỉnh

Tuyên truyền sâu rộng về ý nghĩa, tầm quan trọng, hiệu quả của việc triển khai và sử dụng DVCTT đến đoàn viên, hội viên và các tầng lớp Nhân dân. Vận động đoàn viên, hội viên và Nhân dân thực hiện các TTHC thông quan DVCTT.

Trong quá trình triển khai thực hiện kế hoạch, nếu có khó khăn, vướng mắc, các cơ quan, đơn vị kịp thời 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./.

PHỤ LỤC 01

BẢNG KẾT QUẢ THỰC HIỆN CÁC CHỈ TIÊU NĂM 2022
(Ban hành kèm theo Kế hoạch số 2616/KH-UBND ngày 12/07/2023 của UBND tỉnh Phú Thọ)

PHỤ LỤC 02

BẢNG CHI TIẾT CÁC MỤC TIÊU CỦA KẾ HOẠCH NĂM 2023
(Ban hành kèm theo Kế hoạch số 2616/KH-UBND ngày 12/07/2023 của UBND tỉnh Phú Thọ)

PHỤ LỤC 03

DANH MỤC NHIỆM VỤ TRIỂN KHAI NÂNG CAO HIỆU QUẢ DỊCH VỤ CÔNG TRỰC TUYẾN NĂM 2023
(Ban hành kèm theo Kế hoạch số 2616/KH-UBND ngày 12/07/2023 của UBND tỉnh Phú Thọ)

---

lồng nhau (bên trong) hay không const memberID = 0; const isVIP = false; const vbID = 'fcd1580b03c4c9815f23412d7fd36c15'; const unlockAllPhanTich = true; // 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 // Typing effect state let typingTimerId = null; let typingCancelled = false; // Thinking GIF state let thinkingGifIntervalId = null; let thinkingGifActive = false; let thinkingGifCurrent = 0; // chỉ số GIF hiện tại 1..10 // Detect touch device - chỉ true khi thiết bị CHÍNH sử dụng touch (không có mouse chính xác) const isTouchDevice = () => { // Nếu USE_THREE_DOTS_BUTTON = true, luôn trả về true (hiện trên mọi thiết bị) if (USE_THREE_DOTS_BUTTON === true) return true; // Ưu tiên: Kiểm tra pointer: coarse (thiết bị chính sử dụng touch, không có mouse/trackpad) if (window.matchMedia) { // pointer: coarse = thiết bị chính sử dụng touch (mobile/tablet) // pointer: fine = thiết bị có mouse/trackpad chính xác (desktop/laptop) const hasCoarsePointer = window.matchMedia('(pointer: coarse)').matches; if (hasCoarsePointer) return true; } // Fallback: Kiểm tra touch support (không chính xác lắm vì laptop cũng có thể có touch) // Chỉ dùng khi không support matchMedia if (!window.matchMedia) { return (('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)); } return false; }; const isTouch = isTouchDevice(); // State for dropdown menu on touch devices let currentOpenDropdown = null; 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, vb_ngaybanhanh: '2023-07-12 00:00:00 AM' }; 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/menu if (((unlockAllPhanTich) || memberID === 4 || memberID === 3 || memberID === 2) && typeof attachPhanTichBadge === 'function') { setTimeout(function() { // $element chính là thẻ p, kiểm tra và attach badge/menu trực tiếp const $parent = $element.closest('phan, chuong, muc, tieumuc, dieu, khoan, diem'); if ($parent.length > 0) { const address = $parent.attr('address'); const parentType = getParentTypeName($parent.prop('tagName').toLowerCase()); const extraClass = (unlockAllPhanTich && memberID <= 0) ? ' upgrade-require' : ''; if (isTouch) { // Touch device: Thêm nút 3 chấm (append vào body) if ($('body').find('.menu-button-phan-tich[data-for="' + address + '"]').length === 0) { const $menuButton = $('

' + '⋮' + '

' + '

' + ' Phân tích' + '

' + '

' + '

'); $('body').append($menuButton); // Append vào body $parent.addClass('has-phan-tich-menu'); // Trigger update positions sau khi thêm setTimeout(function() { if (typeof window.updateMenuButtonPositions === 'function') { window.updateMenuButtonPositions(); } }, 10); } } else { // Desktop: Append badge vào parent if ($parent.find('.badge-phan-tich[data-for="' + address + '"]').length === 0) { $element.attr('data-address', address); const $badge = $('Phân tích'); $parent.append($badge); $parent.addClass('has-phan-tich-badge'); } } } // Xử lý các p con (nếu có sub-p) attachPhanTichBadge($element); }, 3); // Đợi 3ms để CTTD render xong } }, complete: function() { $element.removeClass('loading-content'); } }) ); processQueue(); } }); } catch(e) { } } $(window).on('scroll resize', function () { processVisibleParagraphs(); }); processVisibleParagraphs(); // Chức năng phân tích điều luật (mở theo lịch unlockAllPhanTich cho tất cả, nhưng khách click sẽ mở modal đăng nhập/mua gói) if ((unlockAllPhanTich) || memberID === 4 || memberID === 3 || memberID === 2) { // Modal cảnh báo function showWarningModal(message) { // Tạo modal nếu chưa có if ($('#warningModal').length === 0) { const modalHTML = `

Thông báo

×

Đóng

`; $('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'; } // Chuyển Telex -> Unicode cho giá trị (ví dụ: dd->đ, oo->ô, ow->ơ, aa->â, ee->ê, aw->ă, uw->ư) function telexToUnicode(str) { if (!str) return str; // Giữ nguyên số if (/^\d+$/.test(str)) return str; let s = String(str); // dd / ĐĐ s = s.replace(/dd/g, 'đ'); s = s.replace(/DD/g, 'Đ'); // nguyên âm có mũ/dấu s = s.replace(/aa/g, 'â').replace(/AA/g, 'Â'); s = s.replace(/ee/g, 'ê').replace(/EE/g, 'Ê'); s = s.replace(/oo/g, 'ô').replace(/OO/g, 'Ô'); s = s.replace(/ow/g, 'ơ').replace(/OW/g, 'Ơ'); s = s.replace(/uw/g, 'ư').replace(/UW/g, 'Ư'); s = s.replace(/aw/g, 'ă').replace(/AW/g, 'Ă'); return s; } 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'); // Trên touch device: Thêm nút 3 chấm dọc (append vào body vì dùng fixed position) if (isTouch) { // Kiểm tra đã có nút 3 chấm chưa (trong body) if ($('body').find('.menu-button-phan-tich[data-for="' + address + '"]').length === 0) { const parentType = getParentTypeName($parent.prop('tagName').toLowerCase()); const extraClass = (unlockAllPhanTich && memberID <= 0) ? ' upgrade-require' : ''; // Tạo nút 3 chấm với dropdown và append vào body const $menuButton = $('

' + '⋮' + '

' + '

' + ' Phân tích' + '

' + '

' + '

'); $('body').append($menuButton); // Append vào body, không vào parent $parent.addClass('has-phan-tich-menu'); } } else { // Desktop: Giữ nguyên badge hover như cũ (append vào parent) if ($parent.find('.badge-phan-tich[data-for="' + address + '"]').length === 0) { $p.attr('data-address', address); const parentType = getParentTypeName($parent.prop('tagName').toLowerCase()); const extraClass = (unlockAllPhanTich && memberID <= 0) ? ' upgrade-require' : ''; const $badge = $('Phân tích'); $parent.append($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); } // Stop typing animation nếu đang chạy stopThinkingTyping(); // 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 } else { // KHÔNG có CTTD → SHOW lại rightdocinfo const $rightdocinfo = $('#rightdocinfo'); if ($rightdocinfo.length > 0) { $rightdocinfo.show(); } } // Reset state isAnalyzing = false; currentAnalyzingAddress = null; currentAnalyzingElement = null; currentAnalyzingBadge = null; isPanelOpen = false; // Đánh dấu panel đã đóng } // Panel đã song song với rightdocinfo → không cần MutationObserver nữa // 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(); if ($('#phanTichPanelBody').hasClass('thinking-mode')) { updateThinkingGifHeight(); } } }, 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'); // Mobile: dùng bottom sheet → để CSS điều khiển, bỏ qua reposition bằng JS if ($(window).width() <= 768) { return; } 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' }); } else { } // Restore trạng thái hidden nếu cần if (wasHidden) { $reference.hide().css('visibility', ''); } } } // Hiệu ứng typing giả lập đang phân tích trong panel function stopThinkingTyping() { typingCancelled = true; if (typingTimerId) { clearTimeout(typingTimerId); typingTimerId = null; } // Dừng trình chiếu ảnh khi dừng typing stopThinkingImages(); } // Helper GIF: chọn chỉ số ảnh mới 1..10 khác với exclude function randomGifIndex(exclude) { let n = exclude; while (n === exclude) { n = Math.floor(Math.random() * 10) + 1; } return n; } // Helper GIF: preload rồi gán src cho img, gọi callback sau khi load xong (hoặc lỗi) function setGifSrc($img, idx, cb) { const url = '/assets/images/gif/researching-' + idx + '.gif'; const updateWrapHeight = function(nW, nH){ try { const $wrap = $img.closest('#thinkingGifWrapper'); if ($wrap.length && nW && nH) { const wrapW = $wrap.width(); const maxW = wrapW * 0.9; // khớp với CSS max-width:90% const displayW = Math.min(nW, maxW); const displayH = nH * (displayW / nW); $wrap.css('height', displayH + 'px'); } } catch(e) { /* ignore */ } }; if ($img.attr('src') === url) { // Ảnh trùng src -> vẫn cập nhật lại chiều cao wrapper theo kích thước hiển thị hiện tại const el = $img[0]; if (el && el.naturalWidth && el.naturalHeight) { updateWrapHeight(el.naturalWidth, el.naturalHeight); } if (cb) cb(); return; } const pre = new Image(); pre.onload = function() { $img.attr('src', url); updateWrapHeight(pre.naturalWidth, pre.naturalHeight); if (cb) cb(); }; pre.onerror = function() { $img.attr('src', url); // Không lấy được kích thước tự nhiên -> để auto const $wrap = $img.closest('#thinkingGifWrapper'); if ($wrap.length) { $wrap.css('height', 'auto'); } if (cb) cb(); }; pre.src = url; } function updateThinkingGifHeight() { const $wrap = $('#thinkingGifWrapper'); if ($wrap.length === 0) return; const $show = $('#thinkingGifA.visible, #thinkingGifB.visible').first(); if ($show.length === 0) return; const el = $show[0]; if (!el.naturalWidth || !el.naturalHeight) return; const wrapW = $wrap.width(); const maxW = wrapW * 0.9; const displayW = Math.min(el.naturalWidth, maxW); const displayH = el.naturalHeight * (displayW / el.naturalWidth); $wrap.css('height', displayH + 'px'); } function startThinkingImages() { // Nếu body/khung chưa sẵn sàng thì bỏ qua const $wrap = $('#thinkingGifWrapper'); if ($wrap.length === 0) return; // Clear trước nếu đang chạy stopThinkingImages(); thinkingGifActive = true; const $a = $('#thinkingGifA'); const $b = $('#thinkingGifB'); $a.removeClass('visible'); $b.removeClass('visible'); // Ảnh đầu tiên thinkingGifCurrent = randomGifIndex(0); let useA = true; // ảnh A hiển thị trước setGifSrc($a, thinkingGifCurrent, function(){ $a.addClass('visible'); }); // Mỗi 3s đổi ảnh, crossfade 0.5s qua CSS thinkingGifIntervalId = setInterval(function(){ if (!thinkingGifActive) return; const nextIdx = randomGifIndex(thinkingGifCurrent); const $show = useA ? $b : $a; // show ảnh còn lại const $hide = useA ? $a : $b; setGifSrc($show, nextIdx, function(){ // Bắt đầu chuyển ảnh: ẩn ảnh cũ, hiện ảnh mới $hide.removeClass('visible'); setTimeout(function(){ $show.addClass('visible'); }, 10); thinkingGifCurrent = nextIdx; useA = !useA; }); }, 5000); } function stopThinkingImages() { thinkingGifActive = false; if (thinkingGifIntervalId) { clearInterval(thinkingGifIntervalId); thinkingGifIntervalId = null; } } // Giải quyết address: nếu không có '_' thì decrypt (ưu tiên API, fallback client), ngược lại trả về nguyên vẹn function clientDecrypt(encrypted, key) { try { const bin = atob(encrypted); let out = ''; for (let i = 0; i < bin.length; i++) { const ch = bin.charCodeAt(i); const k = key.charCodeAt(i % key.length); out += String.fromCharCode(ch ^ k); } // Chuẩn hóa tương tự server out = out.toLowerCase().replace(/[^a-z0-9_]/g, ''); return out || encrypted; } catch (e) { return encrypted; } } function resolveAddress(address) { return new Promise(function(resolve) { if (!address) { resolve(''); return; } const addr = String(address); const lower = addr.toLowerCase(); if (lower === 'trichyeu' || lower === 'cancu' || addr.indexOf('_') !== -1) { resolve(addr); return; } const randomServer = Math.floor(Math.random() * 10) + 1; $.ajax({ url: '//tnpl' + randomServer + '.hethongphapluat.com/tien-ich/ajax/decrypt.ndsh.address.php', type: 'POST', data: { address_encrypted: addr }, timeout: 10000, success: function(resp) { try { // jQuery sẽ parse JSON theo header, nhưng vẫn fallback nếu là string if (typeof resp === 'string') { resp = JSON.parse(resp); } } catch(e) { /* ignore */ } if (resp && resp.ok && resp.address) { resolve(resp.address); } else { // Fallback client decrypt resolve(clientDecrypt(addr, 'htpl_noi_dung_vb_address')); } }, error: function() { // Fallback client decrypt resolve(clientDecrypt(addr, 'htpl_noi_dung_vb_address')); } }); }); } function startThinkingTyping(address) { // Reset trước khi bắt đầu stopThinkingTyping(); typingCancelled = false; const $body = $('#phanTichPanelBody'); if ($body.length === 0) return; // Đánh dấu chế độ thinking để căn giữa toàn bộ nội dung trong body $body.addClass('thinking-mode'); // Khởi tạo container nếu chưa có if ($('#thinkingContainer').length === 0) { $body.html('

\

\

\

\

'); } $('#thinkingText').html(''); // Khởi động slideshow ảnh thinking startThinkingImages(); // Chờ resolve address (decrypt nếu cần) rồi mới bắt đầu typing resolveAddress(address).then(function(addrPlain) { if (typingCancelled) return; const displayNameLarge = getElementDisplayNameLargeFirst(addrPlain); $('.processing-text').text('Đang xử lý phân tích ' + displayNameLarge.toLowerCase() + '...'); // Câu nói đa dạng cho từng bước const variants = [ [ 'Tôi đã nhận được yêu cầu phân tích {name}...', 'Cảm ơn bạn đã gửi yêu cầu phân tích {name}, tôi sẽ bắt đầu...', 'Bạn đã yêu cầu tôi phân tích {name}, hãy chờ tôi lập kế hoạch...', 'Yêu cầu phân tích {name} đã được ghi nhận, tôi đang chuẩn bị...' ], [ 'Tiếp theo, tôi sẽ đọc kỹ nội dung chi tiết của {name}...', 'Bây giờ tôi cần xem xét kỹ nội dung của {name}...', 'Đang mở và duyệt qua nội dung {name}...' ], [ 'Tôi đã đọc xong. Tôi sẽ kiểm tra xem {name} có bị sửa đổi, bổ sung, thay thế hoặc bãi bỏ bởi điều khoản nào không...', 'Tôi sẽ đối chiếu các văn bản để xem {name} có thay đổi hiệu lực nào không...', 'Tiếp tục kiểm tra trạng thái hiệu lực và các lần sửa đổi của {name}...' ], [ 'Tôi cũng cần xem {name} có được hướng dẫn bởi điều luật nào không...', 'Đang tìm các quy định hướng dẫn áp dụng liên quan đến {name}...', 'Kiểm tra các văn bản hướng dẫn có nhắc đến {name}...' ], [ 'Tôi sẽ kiểm tra {name} có viện dẫn/nhắc đến điều luật khác để tham chiếu hay không...', 'Đang rà soát các điều khoản được {name} đề cập đến...', 'Tìm các tham chiếu pháp lý xuất hiện trong {name}...' ], [ 'Tôi sẽ nghiên cứu về phạm vi điều chỉnh và đối tượng áp dụng' ], [ 'Bây giờ tôi cần tìm ví dụ minh họa cho nội dung điều này...' ], [ 'Tôi cũng cần bổ sung vài lưu ý thực tiễn trong bài phân tích của tôi...' ], [ 'Giờ tôi sẽ viết phần kết luận của bài phân tích...' ], [ 'Bây giờ tôi bắt đầu phân tích chi tiết {name}...', 'Bắt đầu tổng hợp và phân tích {name}...', 'Tiến hành phân tích nội dung {name}...' ] ]; const pick = (arr) => arr[Math.floor(Math.random() * arr.length)]; const lines = variants.map(group => pick(group).replace(/\{name\}/g, displayNameLarge)); let lineIndex = 0; let charIndex = 0; const speedMin = 12; // ms const speedMax = 25; // ms const linePause = 2000; // ms chờ 2s giữa các câu function typeNextChar() { if (typingCancelled) return; const line = lines[lineIndex]; if (charIndex < line.length) { $('#thinkingText').append(line.charAt(charIndex)); charIndex++; const delay = Math.floor(Math.random() * (speedMax - speedMin + 1)) + speedMin; typingTimerId = setTimeout(typeNextChar, delay); } else { // Hoàn tất 1 câu if (lineIndex < lines.length - 1) { // Chờ 2s rồi chuyển sang câu tiếp theo, thay thế câu cũ (không append) typingTimerId = setTimeout(function() { if (typingCancelled) return; $('#thinkingText').html(''); lineIndex++; charIndex = 0; typeNextChar(); }, linePause); } else { // Câu cuối cùng -> giữ nguyên, chỉ để caret nhấp nháy; không loop return; } } } typeNextChar(); }); } function openPhanTichPanel(address, vbID) { // Kiểm tra nếu đang phân tích element khác if (isAnalyzing && currentAnalyzingAddress && currentAnalyzingAddress !== address) { // Giải mã địa chỉ hiện đang phân tích trước khi hiển thị trong modal resolveAddress(currentAnalyzingAddress).then(function(addrPlain) { const currentName = getElementDisplayNameLargeFirst(addrPlain); 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) { 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 // ẨN rightdocinfo để tiết kiệm không gian if ($rightdocinfo.length > 0) { $rightdocinfo.hide(); } // XÓA highlight persistent của TẤT CẢ elements cũ trước $('#tab_noi_dung_vb .highlight-border-persistent').removeClass('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; // 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 // Đả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 debugHTML = (memberID === 3 || memberID === 4) ? ` Debug Mode ` : ''; const panelHTML = `

Phân tích điều luật

${debugHTML} ×

`; // 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; // Bắt đầu typing stopThinkingTyping(); startThinkingTyping(address); }, 10); } else { // Khởi tạo giao diện typing khi mở lại panel $('#phanTichPanelBody').addClass('thinking-mode').html('

'); // Update dimensions khi re-open updatePanelDimensions(); $('#phanTichPanel').addClass('show'); isPanelOpen = true; // Bắt đầu typing stopThinkingTyping(); startThinkingTyping(address); } // 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'); // Show typing trong panel thay cho loading $('#phanTichPanelBody').addClass('thinking-mode').html('

'); stopThinkingTyping(); startThinkingTyping(address); // Gọi API xóa cache trước deletePhanTichCache(address, vbID, function(deleteSuccess) { if (deleteSuccess) { // 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 { $('#phanTichPanelBody').html(`

Lỗi! Không thể xóa cache. Vui lòng thử lại.

`); $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, attempt) { attempt = attempt || 1; const randomServer = Math.floor(Math.random() * 10) + 1; const debugMode = $('#debugModePhanTich').is(':checked') ? 1 : 0; $.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, debug: debugMode }), success: function(response) { if (response && response.ok) { // Thành công -> kết thúc thinking và reset trạng thái stopThinkingTyping(); if (currentAnalyzingBadge) { currentAnalyzingBadge.text('Phân tích').removeClass('analyzing'); currentAnalyzingBadge.data('analyzing', false); } isAnalyzing = false; // Render kết quả phân tích với hiệu ứng xuất hiện dần từ trên xuống dưới let html = ''; 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) + '

'; // Khuyến cáo thay cho thống kê token html += '

'; html += 'Những thông tin em vừa cung cấp chỉ mang tính chất tham khảo, không đại diện cho tư vấn chính thức của luật sư. Quý khách nên tìm đến sự tư vấn trực tiếp từ Luật sư hoặc đơn vị pháp lý có chuyên môn để được hỗ trợ cụ thể cho trường hợp của mình.'; html += '

'; html += '

'; $('#phanTichPanelBody').removeClass('thinking-mode').html(html); applyFadeReveal(); } else { // Không ok -> nếu là quá tải và chưa vượt số lần thử thì retry const msg = response && response.error ? response.error : ''; if (isOverloadedMessage(msg) && attempt < 50 && isPanelOpen && isAnalyzing && currentAnalyzingAddress === address) { const delay = Math.min(1200 + attempt * 100, 5000); setTimeout(function() { callPhanTichAPI(address, vbID, callback, attempt + 1); }, delay); return; } // Hết số lần thử hoặc không phải quá tải -> hiển thị lỗi stopThinkingTyping(); if (currentAnalyzingBadge) { currentAnalyzingBadge.text('Phân tích').removeClass('analyzing'); currentAnalyzingBadge.data('analyzing', false); } isAnalyzing = false; if (isOverloadedMessage(msg)) { $('#phanTichPanelBody').removeClass('thinking-mode').html(`

Hiện tại A.I đang bị quá tải, vui lòng thử lại sau ít phút!

Thử lại

`); $(document).off('click.tryAgainPanel').on('click.tryAgainPanel', '#btnTryAgainPanel', function() { openPhanTichPanel(address, vbID); }); } else { $('#phanTichPanelBody').removeClass('thinking-mode').html(`

Lỗi! ${escapeHtml(msg || 'Không thể phân tích điều luật.')}
Vui lòng thử lại sau.

`); } } if (callback) callback(); }, error: function(xhr, status, error) { // Nếu quá tải và chưa quá 50 lần -> retry, giữ hiệu ứng thinking và trạng thái analyzing let errorMsg = error; if (xhr.responseJSON && xhr.responseJSON.error) { errorMsg = (xhr.responseJSON.error.message || xhr.responseJSON.error) || errorMsg; } else if (xhr.responseText) { errorMsg = xhr.responseText; } if ((xhr.status === 503 || isOverloadedMessage(errorMsg)) && attempt < 50 && isPanelOpen && isAnalyzing && currentAnalyzingAddress === address) { const delay = Math.min(1200 + attempt * 100, 5000); setTimeout(function() { callPhanTichAPI(address, vbID, callback, attempt + 1); }, delay); return; } // Hết số lần thử hoặc lỗi khác -> hiển thị thông báo phù hợp stopThinkingTyping(); if (currentAnalyzingBadge) { currentAnalyzingBadge.text('Phân tích').removeClass('analyzing'); currentAnalyzingBadge.data('analyzing', false); } isAnalyzing = false; if (xhr.status === 503 || isOverloadedMessage(errorMsg)) { $('#phanTichPanelBody').removeClass('thinking-mode').html(`

Hiện tại A.I đang bị quá tải, vui lòng thử lại sau ít phút!

Thử lại

`); $(document).off('click.tryAgainPanel').on('click.tryAgainPanel', '#btnTryAgainPanel', function() { openPhanTichPanel(address, vbID); }); } else { $('#phanTichPanelBody').removeClass('thinking-mode').html(`

Lỗi! Không thể kết nối đến server phân tích.
Chi tiết: ${escapeHtml(errorMsg)}

`); } 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) { if (callback) callback(response.ok || false); }, error: function(xhr, status, error) { if (callback) callback(false); } }); } // Helper: Lấy tên hiển thị của element từ address (có chuyển Telex -> Unicode ở phần giá trị) function getElementDisplayName(address) { if (!address) return 'nội dung'; const addrStr = String(address).toLowerCase(); // Các trường hợp đặc biệt không có cặp key_value if (addrStr === 'trichyeu') return 'Trích yếu'; if (addrStr === 'cancu') return 'Căn cứ'; // Parse địa chỉ linh hoạt: hỗ trợ cả dạng thiếu cặp const parts = addrStr.split('_'); const types = new Set(['phan', 'chuong', 'muc', 'tieumuc', 'dieu', 'khoan', 'diem']); const displayParts = []; for (let i = 0; i < parts.length; i++) { const key = parts[i]; if (types.has(key)) { const label = getParentTypeName(key); const val = (i + 1 < parts.length) ? parts[i + 1] : ''; const valVN = telexToUnicode(val); displayParts.push(label + (valVN ? ' ' + valVN : '')); if (val) i++; // bỏ qua value nếu đã dùng } } const title = displayParts.reverse().join(' '); if (title) return title; // Fallback: nếu không parse được, trả về address gốc return address; } // Helper: Lấy tên hiển thị theo thứ tự lớn -> nhỏ (Điều > Khoản > Điểm), có chuyển Telex function getElementDisplayNameLargeFirst(address) { if (!address) return 'nội dung'; const addrStr = String(address).toLowerCase(); if (addrStr === 'trichyeu') return 'Trích yếu'; if (addrStr === 'cancu') return 'Căn cứ'; const parts = addrStr.split('_'); const types = new Set(['phan', 'chuong', 'muc', 'tieumuc', 'dieu', 'khoan', 'diem']); const displayParts = []; for (let i = 0; i < parts.length; i++) { const key = parts[i]; if (types.has(key)) { const label = getParentTypeName(key); const val = (i + 1 < parts.length) ? parts[i + 1] : ''; const valVN = telexToUnicode(val); displayParts.push(label + (valVN ? ' ' + valVN : '')); if (val) i++; } } const title = displayParts.join(' '); return title || address; } // Hiệu ứng typing nhanh cho nội dung kết quả (preview text), sau đó thay bằng HTML đầy đủ let fastTypingTimerId = null; function stopFastTypingContent() { if (fastTypingTimerId) { clearTimeout(fastTypingTimerId); fastTypingTimerId = null; } } function stripHtmlToText(html) { const tmp = document.createElement('div'); tmp.innerHTML = html; const text = (tmp.textContent || tmp.innerText || '') || ''; return text.replace(/\u00A0/g, ' '); } function startFastTypingFinalContent(finalHtml) { stopThinkingTyping(); stopFastTypingContent(); stopThinkingImages(); const $body = $('#phanTichPanelBody'); if ($body.length === 0) return; $body.removeClass('thinking-mode'); const previewTextFull = stripHtmlToText(finalHtml).trim(); const maxChars = 800; // giới hạn để không quá lâu const previewText = previewTextFull.slice(0, maxChars); $body.html('

'); let idx = 0; const speedMin = 2; const speedMax = 5; function typeNext() { if (idx < previewText.length) { $('#fastTypingText').append(previewText.charAt(idx)); idx++; const delay = Math.floor(Math.random() * (speedMax - speedMin + 1)) + speedMin; fastTypingTimerId = setTimeout(typeNext, delay); } else { // Khi gõ xong preview → thay bằng HTML đầy đủ $body.html(finalHtml); } } typeNext(); } // Áp dụng hiệu ứng xuất hiện dần từ trên xuống dưới function applyFadeReveal() { const $container = $('#phanTichPanelBody .fade-reveal-container'); if (!$container.length) return; // Lấy các block cấp cao và các phần tử con trong nội dung phân tích const $blocks = $().add($container.children()) .add($container.find('.phan-tich-content').children()); let delayMs = 0; const stepMs = 60; // ms giữa các phần tử $blocks.each(function() { const $el = $(this); // Bỏ qua các node text trống if ($el.prop('nodeType') !== 1) return; $el.addClass('fade-reveal').css('animation-delay', (delayMs/1000) + 's'); delayMs += stepMs; }); } // Nhận diện lỗi quá tải model (503/overloaded) - phạm vi toàn cục function isOverloadedMessage(msg) { if (!msg) return false; const s = String(msg).toLowerCase(); return s.includes('overloaded') || s.includes('unavailable') || s.includes('503'); } function openPhanTichModal(address, vbID) { // Tạo modal nếu chưa có if ($('#modalPhanTich').length === 0) { const modalHTML = `

Phân tích điều luật

×

Đang phân tích...

Đang phân tích...

Đóng

`; $('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 với retry tối đa 50 lần khi quá tải (function requestModal(attempt) { attempt = attempt || 1; 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 && response.ok) { 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) + ''; html += '

'; html += '

' + markdownToHtml(response.phan_tich) + '

'; html += '

'; html += 'Những thông tin em vừa cung cấp chỉ mang tính chất tham khảo, không đại diện cho tư vấn chính thức của luật sư. Quý khách nên tìm đến sự tư vấn trực tiếp từ Luật sư hoặc đơn vị pháp lý có chuyên môn để được hỗ trợ cụ thể cho trường hợp của mình.'; html += '

'; $('#modalPhanTichBody').html(html); } else { const msg = response && response.error ? response.error : ''; if (isOverloadedMessage(msg) && attempt < 50) { const delay = Math.min(1200 + attempt * 100, 5000); setTimeout(function(){ requestModal(attempt + 1); }, delay); return; } if (isOverloadedMessage(msg)) { $('#modalPhanTichBody').html(`

Hiện tại A.I đang bị quá tải, vui lòng thử lại sau ít phút!

Thử lại

`); $(document).off('click.tryAgainModal').on('click.tryAgainModal', '#btnTryAgainModal', function(){ openPhanTichModal(address, vbID); }); } else { $('#modalPhanTichBody').html(`

Lỗi! ${escapeHtml(msg || 'Không thể phân tích điều luật.')}
Vui lòng thử lại sau.

`); } } }, error: function(xhr, status, error) { let errorMsg = error; if (xhr.responseJSON && xhr.responseJSON.error) { errorMsg = (xhr.responseJSON.error.message || xhr.responseJSON.error) || errorMsg; } else if (xhr.responseText) { errorMsg = xhr.responseText; } if ((xhr.status === 503 || isOverloadedMessage(errorMsg)) && attempt < 50) { const delay = Math.min(1200 + attempt * 100, 5000); setTimeout(function(){ requestModal(attempt + 1); }, delay); return; } if (xhr.status === 503 || isOverloadedMessage(errorMsg)) { $('#modalPhanTichBody').html(`

Hiện tại A.I đang bị quá tải, vui lòng thử lại sau ít phút!

Thử lại

`); $(document).off('click.tryAgainModal').on('click.tryAgainModal', '#btnTryAgainModal', function(){ openPhanTichModal(address, vbID); }); } else { $('#modalPhanTichBody').html(`

Lỗi! Không thể kết nối đến server phân tích.
Chi tiết: ${escapeHtml(errorMsg)}

`); } } }); })(1); } // 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) { 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 + 8) + 'px', left: (offset.left + $parent.outerWidth() - badgeWidth - scrollLeft - 4) + 'px' // -5px padding }); $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; // Dùng mousemove để track chính xác element nào đang được hover (hiển thị ngay lập tức) $(document).on('mousemove', '#tab_noi_dung_vb', function(e) { // Bỏ logic ẩn badge khi hover vào tnpl - bây giờ badge luôn hiển thị // Badge "Phân tích" sẽ luôn hiện kể cả khi di chuột vào tnpl // Tìm element gần nhất (phan, chuong, muc, tieumuc, 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; } // Element thay đổi → xử lý ngay lập tức (không debounce) // 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 extraClass = (unlockAllPhanTich && memberID <= 0) ? ' upgrade-require' : ''; const $badge = $('Phân tích'); $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; }); // Event delegation cho hover ra khỏi #tab_noi_dung_vb $(document).on('mouseleave', '#tab_noi_dung_vb', function(e) { // Nếu di chuột sang menu button thì KHÔNG clear currentHoveredElement if (e.relatedTarget && $(e.relatedTarget).closest('.menu-button-phan-tich').length > 0) { return; } // 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'}); } }); } }, 3); }); // 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'); // Nếu di chuột sang menu button của chính nó thì KHÔNG xử lý mouseleave if (e.relatedTarget && $(e.relatedTarget).closest('.menu-button-phan-tich[data-for="' + parentAddress + '"]').length > 0) { return; } 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')) { 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); } }, 3); // 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')) { 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); } }, 3); }); // 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(), 3); } }); // Event delegation cho click badge → mở panel $(document).on('click', '.badge-phan-tich, .badge-phan-tich-container, .badge-phan-tich-fixed', function(e) { const $badge = $(this); // Nếu là khách (chưa đăng nhập) sau thời điểm mở khóa → mở modal đăng nhập/mua gói if (typeof memberID !== 'undefined' && memberID !== 4 && !isVIP) { e.preventDefault(); e.stopPropagation(); openModal(this, '/ajax/member/m-login/1'); return; } // Thành viên → mở panel phân tích e.preventDefault(); e.stopPropagation(); // Nếu badge đang analyzing thì không cho click if ($badge.hasClass('analyzing') || $badge.data('analyzing')) { return; } // Lấy address từ data-for attribute const address = $badge.attr('data-for'); if (address && vbID) { openPhanTichPanel(address, vbID); } else { 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) { // Ẩ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'}); } }); }); // 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); // Function để update vị trí nút 3 chấm (fixed position) - exposed globally window.updateMenuButtonPositions = function() { if (!isTouch) return; // Chỉ chạy trên touch device $('.menu-button-phan-tich').each(function() { const $menuButton = $(this); const address = $menuButton.attr('data-for'); const $parent = $('[address="' + address + '"]').first(); if ($parent.length > 0) { const parentOffset = $parent.offset(); const parentWidth = $parent.outerWidth(); const parentHeight = $parent.outerHeight(); const scrollTop = $(window).scrollTop(); const windowHeight = $(window).innerHeight(); const viewportTop = scrollTop; const viewportBottom = scrollTop + windowHeight; // Kiểm tra parent có trong viewport không const parentTop = parentOffset.top; const parentBottom = parentOffset.top + parentHeight; const inViewport = (parentBottom > viewportTop && parentTop < viewportBottom); if (inViewport) { const scrollLeft = $(window).scrollLeft(); // Tính vị trí: góc phải của parent element // Canh chỉnh top để tâm của nút 3 chấm (cao ~36px) ngang hàng với tâm của badge (cao ~21px, top 8px) // Badge center: 8 + 10.5 = 18.5px // Button center: Top + 18px // => Top = 18.5 - 18 = 0.5px -> Lấy tròn 1px const topOffset = 3; topPosition = parentOffset.top - scrollTop + topOffset; // Left = left của parent + width của parent - khoảng 30px (chiều rộng icon + padding) // Để nút nằm bên trong parent, góc phải // Trừ scrollLeft vì position: fixed tính theo viewport const leftPosition = parentOffset.left + parentWidth - 2 - scrollLeft; $menuButton.css({ top: topPosition + 'px', left: leftPosition + 'px', right: 'auto', // Reset right display: 'block' }); } else { // Ẩn nếu parent không trong viewport $menuButton.css({display: 'none'}); } } }); }; // Highlight parent khi hover/touch vào nút 3 chấm $(document).on('mouseenter touchstart', '.menu-button-phan-tich', function() { const address = $(this).attr('data-for'); const $parent = $('[address="' + address + '"]').first(); if ($parent.length) { $parent.addClass('highlight-border'); $parent.data('hovering', true); // Mark as hovering currentHoveredElement = $parent; // Update global tracker // Attach badge nếu chưa có (logic tương tự như khi hover vào parent) if ($parent.find('.badge-phan-tich-container[data-for="' + address + '"]').length === 0) { const parentType = getParentTypeName($parent.prop('tagName').toLowerCase()); const extraClass = (unlockAllPhanTich && memberID <= 0) ? ' upgrade-require' : ''; const $badge = $('Phân tích'); $parent.append($badge); $parent.addClass('has-phan-tich-badge'); } // Show badge tương ứng if (typeof showPhanTichBadgeForParent === 'function') { showPhanTichBadgeForParent($parent); } } }); $(document).on('mouseleave touchend', '.menu-button-phan-tich', function(e) { const address = $(this).attr('data-for'); const $parent = $('[address="' + address + '"]').first(); // Nếu di chuột sang parent thì không remove highlight if (e.relatedTarget && $(e.relatedTarget).closest('[address="' + address + '"]').length > 0) { return; } // Nếu di chuột ra ngoài hoàn toàn (không vào parent) currentHoveredElement = null; if ($parent.length) { $parent.removeClass('highlight-border'); $parent.data('hovering', false); // Hide badge if (typeof hidePhanTichBadgeForParent === 'function') { hidePhanTichBadgeForParent($parent); } } }); // ===== Event handlers cho touch device ===== if (isTouch) { // Update positions khi scroll hoặc resize $(window).on('scroll resize', function() { window.updateMenuButtonPositions(); }); // Initial update setTimeout(window.updateMenuButtonPositions, 500); // Xử lý click nút Phân tích (badge hoặc dropdown item) $(document).on('click', '.badge-phan-tich, .dropdown-item-phan-tich[data-action="analyze"]', function(e) { e.preventDefault(); e.stopPropagation(); if (typeof memberID !== 'undefined' && memberID !== 4 && !isVIP) { openModal(this, '/ajax/member/m-login/1'); return; } const $btn = $(this); let address = $btn.attr('data-for'); // Nếu click từ dropdown item, cần lấy address từ parent menu button if (!address) { const $menuBtn = $btn.closest('.menu-button-phan-tich'); address = $menuBtn.attr('data-for'); } if (address) { // Đóng dropdown menu nếu đang mở (trên mobile) if (currentOpenDropdown) { currentOpenDropdown.removeClass('show'); currentOpenDropdown = null; } openPhanTichPanel(address, vbID); } }); // Click vào nút 3 chấm -> mở panel phân tích luôn (không cần dropdown) $(document).on('click', '.btn-three-dots', function(e) { e.preventDefault(); e.stopPropagation(); const $button = $(this); const $menuContainer = $button.closest('.menu-button-phan-tich'); const address = $menuContainer.attr('data-for'); // Kiểm tra nếu là khách (chưa đăng nhập) if (unlockAllPhanTich && memberID <= 0) { if (!$menuContainer.hasClass('upgrade-require')) { $menuContainer.addClass('upgrade-require'); } // Trigger event để modal.content.php bắt và mở modal đăng nhập $menuContainer.trigger('click'); return; } // Thành viên -> mở panel phân tích trực tiếp if (address && vbID) { openPhanTichPanel(address, vbID); } else { showWarningModal('Không tìm thấy địa chỉ điều luật hoặc ID văn bản!'); } }); // Update positions khi scroll hoặc resize $(window).on('scroll resize', function() { window.updateMenuButtonPositions(); }); } } });

Chính sách bảo mật Thỏa ước sử dụng Chính sách bảo vệ dữ liệu cá nhân Hình thức thanh toán Hướng dẫn sử dụng

Bản quyền © 2025 thuộc về Hệ Thống Pháp Luật Việt Nam

Đơn vị chủ quản: Công ty cổ phần tư vấn đầu tư và ứng dụng công nghệ 4.0.
Chịu trách nhiệm chính: Bà Phạm Hoài Thương.
Giấy chứng nhận ĐKDN số: 0108234370, do Sở Kế hoạch và Đầu tư thành phố Hà Nội cấp ngày 18/04/2018.
Địa chỉ: Thôn Trung, Xã Phù Đổng, TP Hà Nội - VPGD: C2 Vincom, 119 Trần Duy Hưng, Phường Yên Hòa, TP Hà Nội.
Điện thoại: 024.6294.9155 - Hotline: 0984.988.691 - Email: info@hethongphapluat.com

Youtube Facebook Twitter

Tra cứu thuật ngữ với từ hoặc cụm từ đã chọn?

×

TRA CỨU THUẬT NGỮ PHÁP LÝ

×

Tổng đài hỗ trợ: 024.6294.9155 - Hotline: 0986.426.961

• Báo lỗi văn bản Hỗ trợ chúng tôi tạo ra nội dung chất lượng hơn ×

Kế hoạch 2616/KH-UBND năm 2023 về hành động nâng cao chất lượng và hiệu quả cung cấp dịch vụ công trực tuyến trên địa bàn tỉnh Phú Thọ

Nội dung báo lỗi không được để trống Nội dung báo lỗi không được vượt quá 500 ký tự

Gửi thông báo

Tổng đài hỗ trợ: 024.6294.9155 - Hotline: 0986.426.961