Hệ thống pháp luật

ỦY BAN NHÂN DÂN
TỈNH BẮC GIANG
-------

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

Số: 912/QĐ-UBND

Bắc Giang, ngày 23 tháng 6 năm 2023

 

QUYẾT ĐỊNH

VỀ VIỆC CÔNG BỐ DANH MỤC THỦ TỤC HÀNH CHÍNH MỚI BAN HÀNH LĨNH VỰC KHOA HỌC, CÔNG NGHỆ VÀ MÔI TRƯỜNG THUỘC PHẠM VI, CHỨC NĂNG QUẢN LÝ NHÀ NƯỚC CỦA SỞ NÔNG NGHIỆP VÀ PHÁT TRIỂN NÔNG THÔN

CHỦ TỊCH ỦY BAN NHÂN DÂN TỈNH BẮC GIANG

Căn cứ Luật Tổ chức chính quyền địa phương ngày 19/6/2015;

Căn cứ Luật Sửa đổi, bổ sung một số điều của Luật Tổ chức Chính phủ và Luật Tổ chức chính quyền địa phương ngày 22/11/2019;

Căn cứ Nghị định số 63/2010/NĐ-CP ngày 08/6/2010 của Chính phủ về kiểm soát thủ tục hành chính; Nghị định số 92/2017/NĐ-CP ngày 07/8/2017 của Chính phủ sửa đổi, bổ sung một số điều của các nghị định liên quan đến kiểm soát thủ tục hành chính;

Căn cứ Nghị định số 61/2018/NĐ-CP ngày 23/4/2018 của Chính phủ về thực hiện cơ chế một cửa, một cửa liên thông;

Căn cứ Thông tư số 02/2017/TT-VPCP ngày 31/10/2017 của Bộ trưởng, Chủ nhiệm Văn phòng Chính phủ hướng dẫn nghiệp vụ về kiểm soát thủ tục hành chính;

Căn cứ Thông tư số 01/2018/TT-VPCP ngày 23/11/2018 của Bộ trưởng, Chủ nhiệm Văn phòng Chính phủ hướng dẫn thi hành một số quy định của Nghị định số 61/2018/NĐ-CP ngày 23/4/2018 của Chính phủ;

Căn cứ Quyết định số 2466/QĐ-BNN-VP ngày 20/6/2023 của Bộ trưởng Bộ Nông nghiệp và Phát triển nông thôn về việc công bố thủ tục hành chính lĩnh vực Khoa học, Công nghệ và Môi trường, Lâm nghiệp, Nông nghiệp, Thủy lợi, Thủy sản, Quản lý đê điều và Phòng, chống thiên tai, Quản lý chất lượng Nông lâm sản và Thủy sản thuộc phạm vi chức năng quản lý của Bộ Nông nghiệp và Phát triển nông thôn;

Theo đề nghị của Giám đốc Sở Nông nghiệp và Phát triển nông thôn tại Tờ trình số 230/TTr-SNNPTNT ngày 21/6/2023.

QUYẾT ĐỊNH:

Điều 1. Công bố kèm theo Quyết định này Danh mục thủ tục hành chính mới ban hành lĩnh vực Khoa học, công nghệ và môi trường thuộc phạm vi, chức năng quản lý nhà nước của Sở Nông nghiệp và Phát triển nông thôn (có Phụ lục kèm theo).

Điều 2. Giao Giám đốc Sở Nông nghiệp và Phát triển nông thôn xây dựng và phê duyệt quy trình nội bộ đối với các thủ tục hành chính thuộc thẩm quyền giải quyết; trình Chủ tịch UBND tỉnh phê duyệt quy trình nội bộ đối với thủ tục hành chính thuộc thẩm quyền quyết định của UBND tỉnh, Chủ tịch UBND tỉnh. Phối hợp với Sở Thông tin và Truyền thông rà soát, sửa đổi quy trình điện tử và cập nhật trên Hệ thống thông tin giải quyết thủ tục hành chính tỉnh Bắc Giang trong thời hạn 05 ngày làm việc kể từ ngày Quyết định được ký ban hành.

Điều 3. Thủ trưởng các cơ quan: Văn phòng UBND tỉnh, Sở Nông nghiệp và Phát triển nông thôn, Sở Thông tin và Truyền thông; Trung tâm Phục vụ hành chính công và tổ chức, cá nhân có liên quan căn cứ Quyết định thi hành./.

 


Nơi nhận:
- Như Điều 3;
- Văn phòng Chính phủ (Cục KSTT);
- TT.Tỉnh ủy, TT.HĐND tỉnh;
- Chủ tịch, các PCT UBND tỉnh;
- VP UBND tỉnh:
CVP, PCVP Đà; TH, KTN;
TTPVHCC, TTTT;
Lưu: VT, NC-KSTT.

KT. CHỦ TỊCH
PHÓ CHỦ TỊCH




Mai Sơn

 

PHỤ LỤC

DANH MỤC THỦ TỤC HÀNH CHÍNH MỚI BAN HÀNH LĨNH VỰC KHOA HỌC, CÔNG NGHỆ VÀ MÔI TRƯỜNG THUỘC PHẠM VI, CHỨC NĂNG QUẢN LÝ NHÀ NƯỚC CỦA SỞ NÔNG NGHIỆP VÀ PTNT
(Ban hành kèm theo Quyết định số 912/QĐ-UBND ngày 23/6/2023 của Chủ tịch UBND tỉnh)

PHẦN I. DANH MỤC THỦ TỤC HÀNH CHÍNH

1. Danh mục thủ tục hành chính mới ban hành

TT

THHC

Lĩnh vực/Thủ tục hành chính

Cơ chế giải quyết

Thời hạn giải quyết

Thời hạn giải quyết của các cơ quan (Sau cắt giảm)

Phí, lệ phí

Thực hiện qua dịch vụ bưu chính công ích

Theo quy định

Sau cắt giảm

Sở Nông nghiệp và PTNT

Cơ quan phối hợp giải quyết

 

Tiếp nhận hồ sơ

Trả kết quả

 

Lĩnh vực Khoa học, Công nghệ và Môi trường

1

1.011647

Công nhận vùng nông nghiệp ứng dụng cao

MCLT

- TH hồ sơ hợp lệ:- TH hồ sơ phải thực hiện bổ sung:

 

20 ngày làm việc

UBND tỉnh: 10 ngày làm việc

không

 

x

PHẦN II. NỘI DUNG THỦ TỤC HÀNH CHÍNH

I. Lĩnh vực Khoa học, Công nghệ và Môi trường

1. Công nhận vùng nông nghiệp ứng dụng cao

a) Trình tự thực hiện:

Bước 1: Gửi hồ sơ đề nghị công nhận

Tổ chức đầu mối của vùng nông nghiệp ứng dụng công nghệ cao (doanh nghiệp, hợp tác xã, liên hiệp hợp tác xã) lập hồ sơ đề nghị công nhận vùng nông nghiệp ứng dụng công nghệ cao gửi trực tiếp, trực tuyến hoặc qua đường bưu điện đến Bộ phận tiếp nhận và trả kết quả Sở Nông nghiệp và Phát triển nông thôn.

Bước 2: Tiếp nhận và xử lý hồ sơ

(i) Trường hợp hồ sơ hợp lệ

Trong thời hạn 05 ngày làm việc, kể từ ngày nhận được hồ sơ, Sở Nông nghiệp và Phát triển nông thôn kiểm tra và thông báo bằng văn bản cho tổ chức đề nghị công nhận vùng nông nghiệp ứng dụng công nghệ cao về tính hợp lệ của hồ sơ.

Trong thời hạn 25 ngày làm việc, kể từ ngày gửi thông báo cho tổ chức đề nghị công nhận, Sở Nông nghiệp và Phát triển nông thôn tổ chức thẩm định và trình Ủy ban nhân dân tỉnh, thành phố trực thuộc Trung ương quyết định công nhận vùng nông nghiệp ứng dụng công nghệ cao.

(i) Trường hợp phải bổ sung, sửa đổi hồ sơ

Trong thời hạn 05 ngày làm việc, kể từ ngày nhận được hồ sơ, Sở Nông nghiệp và Phát triển nông thôn kiểm tra và thông báo bằng văn bản cho tổ chức đề nghị công nhận vùng nông nghiệp ứng dụng công nghệ cao về tính hợp lệ của hồ sơ.

Trong thời hạn 30 ngày kể từ ngày nhận được văn bản thông báo, Tổ chức đầu mối của vùng nông nghiệp ứng dụng công nghệ cao hoàn thiện hồ sơ nộp về Sở Nông nghiệp và Phát triển nông thôn.

Trong thời hạn 30 ngày làm việc, kể từ ngày nhận được hồ sơ hợp lệ, Sở Nông nghiệp và Phát triển nông thôn tổ chức thẩm định và trình Ủy ban nhân dân tỉnh, thành phố trực thuộc Trung ương quyết định công nhận vùng nông nghiệp ứng dụng công nghệ cao.

(Uỷ ban nhân dân tỉnh, thành phố trực thuộc Trung ương có thể tham khảo quy trình thành lập Tổ thẩm định, tổ chức thẩm định và trình ban hành Quyết định công nhận vùng nông nghiệp ứng dụng công nghệ cao theo hướng dẫn được ban hành tại Công văn số 2613/BNN-KHCN ngày 04/4/2016 của Bộ Nông nghiệp và Phát triển nông thôn về việc hướng dẫn thực hiện Quyết định số 66/2015/QĐ-TTg)

b) Cách thức thực hiện: Hồ sơ gửi trực tiếp hoặc qua dịch vụ công trực tuyến hoặc gửi qua dịch vụ bưu chính.

c) Thành phần, số lượng hồ sơ:

* Thành phần hồ sơ:

- Đơn đề nghị công nhận vùng nông nghiệp ứng dụng công nghệ cao;

- Thuyết minh vùng nông nghiệp ứng dụng công nghệ cao đáp ứng các tiêu chí quy định tại Điều 2 Quyết định 66/2015/QĐ-TTg ngày 25/12/2015 của Thủ tướng Chính phủ.

(Tổ chức đầu mối vùng có thể tham khảo mẫu đơn đề nghị (B1.ĐCN-BNN) và thuyết minh vùng (B2.TMV-BNN) được ban hành tại Công văn số 2613/BNN-KHCN ngày 04/4/2016 của Bộ Nông nghiệp và Phát triển nông thôn về việc hướng dẫn thực hiện Quyết định số 66/2015/QĐ-TTg)

* Số lượng hồ sơ: 10 bộ (01 bộ hồ sơ gốc và 09 bộ hồ sơ bản sao).

d) Thời hạn giải quyết:

- Trường hợp hồ sơ hợp lệ: 30 ngày làm việc, kể từ ngày nhận được hồ sơ.

- Trường hợp hồ sơ phải thực hiện bổ sung, hoàn thiện hồ sơ: 65 ngày làm việc kể từ ngày nhận được hồ sơ.

đ) Đối tượng thực hiện thủ tục hành chính: Tổ chức (doanh nghiệp, hợp tác xã, liên hiệp hợp tác xã)

e) Cơ quan thực hiện thủ tục hành chính: Sở Nông nghiệp và Phát triển nông thôn.

Cơ quan có thẩm quyền quyết định: Ủy ban nhân dân tỉnh, thành phố trực thuộc Trung ương.

g) Kết quả thực hiện thủ tục hành chính: Quyết định công nhận vùng nông nghiệp ứng dụng công nghệ cao

(Ủy ban nhân dân tỉnh, thành phố trực thuộc Trung ương có thể tham khảo mẫu Quyết định công nhận vùng nông nghiệp ứng dụng công nghệ cao (B3.QĐCN-BNN) được ban hành tại Công văn số 2613/BNN-KHCN ngày 04/4/2016 của Bộ Nông nghiệp và Phát triển nông thôn về việc hướng dẫn thực hiện Quyết định số 66/2015/QĐ-TTg).

h) Phí, lệ phí: Không quy định

i) Mẫu đơn, mẫu tờ khai hành chính:

- Đơn đề nghị công nhận vùng nông nghiệp ứng dụng công nghệ cao;

- Thuyết minh vùng nông nghiệp ứng dụng công nghệ cao.

k) Yêu cầu, điều kiện thực hiện thủ tục hành chính:

- Tổ chức sản xuất và tiêu thụ sản phẩm liên kết theo chuỗi giá trị; có tổ chức đầu mối của vùng là doanh nghiệp, hợp tác xã, liên hiệp hợp tác xã hoạt động trong vùng ký hợp đồng thực hiện liên kết theo chuỗi giá trị trong sản xuất nông nghiệp của vùng;

- Sản phẩm sản xuất trong vùng là sản phẩm hàng hóa có lợi thế của vùng, tập trung vào các nhóm sản phẩm sau:

Giống cây trồng, vật nuôi, giống thủy sản có năng suất, chất lượng cao và khả năng chống chịu vượt trội;

Sản phẩm nông lâm thủy sản có giá trị gia tăng và hiệu quả kinh tế cao; chất lượng sản phẩm đạt tiêu chuẩn quốc tế, khu vực hoặc quốc gia (Viet GAP).

- Công nghệ ứng dụng là các công nghệ tiên tiến, công nghệ sinh học trong chọn tạo, nhân giống và phòng trừ dịch bệnh cho cây trồng, vật nuôi; công nghệ thâm canh, siêu thâm canh, chế biến sâu nâng cao giá trị gia tăng; công nghệ tự động hóa, bán tự động; công nghệ thông tin, viễn thám, thân thiện môi trường. Công nghệ ứng dụng trên quy mô công nghiệp, nâng cao hiệu quả sản xuất, gia tăng giá trị của sản phẩm và tăng năng suất lao động;

- Vùng nông nghiệp ứng dụng công nghệ cao là vùng chuyên canh, diện tích liền vùng, liền thửa trong địa giới hành chính một tỉnh, có điều kiện tự nhiên thích hợp, có cơ sở hạ tầng kỹ thuật tương đối hoàn chỉnh về giao thông, thuỷ lợi, điện, thuận lợi cho sản xuất hàng hóa, phù hợp với quy hoạch tổng thể phát triển sản xuất nông nghiệp của ngành và địa phương;

- Đối tượng sản xuất và quy mô vùng:

Sản xuất hoa diện tích tối thiểu là 50 ha;

Sản xuất rau an toàn diện tích tối thiểu là 100 ha;

Sản xuất giống lúa diện tích tối thiểu là 100 ha;

Nhân giống và sản xuất nấm ăn, nấm dược liệu diện tích tối thiểu là 5 ha;

Cây ăn quả lâu năm diện tích tối thiểu là 300 ha;

Cây công nghiệp lâu năm (Chè, cà phê, hồ tiêu) diện tích tối thiểu là 300 ha;

Thủy sản: Sản xuất giống diện tích tối thiểu là 20 ha; nuôi thương phẩm diện tích tối thiểu là 200 ha;

Chăn nuôi bò sữa số lượng tối thiểu là 10.000 con/năm; bò thịt tối thiểu 20.000 con/năm;

Chăn nuôi lợn thịt số lượng tối thiểu là 40.000 con/năm; lợn giống (lợn nái) tối thiểu 2.000 con/năm;

Chăn nuôi gia cầm số lượng tối thiểu là 50.000 con/lứa

l) Căn cứ pháp lý:

Quyết định số 66/2015/QĐ-TTg ngày 25/12/2015 của Thủ tướng Chính phủ quy định tiêu chí, thẩm quyền, trình tự, thủ tục công nhận vùng nông nghiệp ứng dụng công nghệ cao.

 

Mẫu B1-ĐCN-BNN

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

…………, ngày.... tháng..... năm……..

ĐƠN ĐỀ NGHỊ

CÔNG NHẬN VÙNG NÔNG NGHIỆP ỨNG DỤNG CÔNG NGHỆ CAO

Kính gửi: Sở Nông nghiệp và Phát triển nông thôn tỉnh....

Căn cứ quyết định số 66/2015/QĐ-TTg, ngày 25/12/2015 của Thủ tướng Chính phủ Quy định tiêu chí, thẩm quyền, trình tự, thủ tục công nhận vùng nông nghiệp ứng dụng công nghệ cao, (tên Doanh nghiệp...) đề nghị Sở Nông nghiệp và Phát triển nông thôn (tỉnh ....) xem xét công nhận vùng nông nghiệp ứng dụng công nghệ cao, cụ thể như sau:

1. Tên Doanh nghiệp/ Tổ chức đại diện:..............................................................................

- Tên viết tắt (nếu có): ..........................................................................................................

- Tên giao dịch: bằng tiếng nước ngoài (nếu có): ................................................................

- Địa chỉ: ...............................................................................................................................

- Số điện thoại:……………………………… Fax:

- Lĩnh vực sản xuất kinh doanh:

...............................................................................................................................................

...............................................................................................................................................

2. Tên vùng sản xuất nông nghiệp đề nghị công nhận vùng nông nghiệp ứng dụng công nghệ cao:

- Số lượng tổ chức thuộc vùng:……………………………………………………………………

3. Hồ sơ kèm theo gồm:

- Bản Thuyết minh vùng sản xuất nông nghiệp đáp ứng đủ các Điều kiện khác theo quy định tại Điều 2 Quyết định số 66/2015/QĐ-TTg ngày 25/12/2015 của Thủ tướng Chính phủ quy định tiêu chí, thẩm quyền, trình tự, thủ tục công nhận vùng nông nghiệp ứng dụng công nghệ cao.

4. Phần cam đoan:

Chúng tôi xin cam đoan những thông tin trên đây là đúng và hoàn toàn chịu trách nhiệm về các nội dung đã khai trong đơn đề nghị công nhận vùng nông nghiệp ứng dụng công nghệ cao. Nếu được Chứng nhận vùng nông nghiệp ứng dụng công nghệ cao, chúng tôi xin cam kết hoạt động đúng theo quy định của pháp luật, đúng nội dung đề nghị và chịu trách nhiệm về mọi hành vi của mình trước pháp luật.

Đề nghị Sở Nông nghiệp và Phát triển nông thôn (tỉnh ....) xem xét và chứng nhận vùng nông nghiệp ứng dụng công nghệ cao (tên vùng…….)./.

 

 

TỔ CHỨC ĐẠI DIỆN
(Họ tên, chữ ký, đóng dấu)

 

Mẫu B2 - TMV-BNN

THUYẾT MINH

VÙNG NÔNG NGHIỆP ỨNG DỤNG CÔNG NGHỆ CAO

I. THÔNG TIN CHUNG

1. Vùng nông nghiệp ứng dụng công nghệ cao đề nghị công nhận

- Tên Vùng nông nghiệp ứng dụng công nghệ cao đề nghị công nhận:...............................

- Tên viết tắt (nếu có):...........................................................................................................

- Tên giao dịch bằng tiếng nước ngoài (nếu có):..................................................................

- Địa chỉ:................................................................................................................................

- Lĩnh vực sản xuất nông nghiệp:…………………………………………………………………

- Số lượng tổ chức/cá nhân sản xuất kinh doanh thuộc vùng:..............................................

(Thông tin cụ thể từng Tổ chức/cá nhân sản xuất kinh doanh thuộc vùng tại Phụ lục kèm theo)

2. Tên tổ chức đại diện:

- Tên viết tắt (nếu có):

- Tên giao dịch: bằng tiếng nước ngoài (nếu có):

- Địa chỉ trụ sở:

- Số điện thoại: Fax:

- Đại diện doanh nghiệp: (Họ và tên)…………….,chức vụ……………..

- Lĩnh vực hoạt động của doanh nghiệp: (Nêu tóm tắt lĩnh vực đăng ký hoạt động của doanh nghiệp)

- Giấy phép đăng ký kinh doanh số:………, ngày cấp:……..……, Cơ quan cấp:..................

3. Tên tổ chức/cá nhân sản xuất kinh doanh 2:

- Tên viết tắt (nếu có):

- Tên giao dịch: bằng tiếng nước ngoài (nếu có):

- Địa chỉ trụ sở:

- Số điện thoại: Fax:

- Đại diện doanh nghiệp: (Họ và tên)…………………………….., chức vụ……………………

- Lĩnh vực hoạt động của doanh nghiệp: (Nêu tóm tắt lĩnh vực đăng ký hoạt động của doanh nghiệp)

- Giấy phép đăng ký kinh doanh số:…………, ngày cấp:……..…, Cơ quan cấp:.................

4. Tên tổ chức/cá nhân sản xuất kinh doanh 3:

...............................................................................................................................................

...............................................................................................................................................

...............................................................................................................................................

...............................................................................................................................................

II. THUYẾT MINH SỰ ĐÁP ỨNG CÁC TIÊU CHÍ QUY ĐỊNH TẠI ĐIỀU 2 QUYẾT ĐỊNH SỐ 66/2015/QĐ-TTg

1. Thuyết minh về phương thức tổ chức sản xuất và tiêu thụ sản phẩm liên kết theo chuỗi giá trị trong vùng, với các tổ chức đầu mối của vùng là doanh nghiệp, hợp tác xã, liên hiệp hợp tác xã hoạt động trong vùng ký hợp đồng thực hiện liên kết theo chuỗi giá trị trong sản xuất nông nghiệp của vùng.

(thuyết minh và đưa ra minh chứng sản xuất liên kết theo chuỗi giá trị trong vùng)

2. Thuyết minh về sản phẩm sản xuất trong vùng

(thuyết minh về các giống cây trồng, vật nuôi, giống thủy sản có năng suất, chất lượng cao và khả năng chống chịu vượt trội/Sản phẩm nông lâm thủy sản có giá trị gia tăng, hiệu quả kinh tế cao, chất lượng đạt tiêu chuẩn quốc tế, khu vực hoặc quốc gia (Viet GAP) kèm theo các minh chứng)

3. Công nghệ ứng dụng trong vùng

(nêu và mô tả các công nghệ ứng dụng trong sản xuất tại vùng, quy mô ứng dụng, tính tiên tiến của công nghệ, hiệu quả của việc ứng dụng công nghệ trong việc nâng cao giá trị sản phẩm, tăng năng suất lao động kèm theo các minh chứng)

4. Thuyết minh về sự phù hợp với quy hoạch tổng thể phát triển sản xuất nông nghiệp của ngành và địa phương, tính chuyên canh của vùng sản xuất hàng hóa, tính liền vùng, liền thửa, Điều kiện tự nhiên, cơ sở hạ tầng kỹ thuật về giao thông, thủy lợi hiện tại của vùng

(thuyết minh và đưa ra các văn bản, giấy tờ để minh chứng cho việc đáp ứng tiêu chí này).

5. Thuyết minh về quy mô vùng

(nêu rõ đối tượng sản xuất và quy mô sản xuất về diện tích đối với các sản phẩm trồng trọt và nuôi thủy sản; số lượng đầu con đối với sản phẩm chăn nuôi).

III. TỰ ĐÁNH GIÁ VÀ ĐỀ NGHỊ

1. Tự đánh giá

(Tự đánh giá đã đáp ứng đủ các tiêu chí quy định tại Quyết định số 66/QĐ-2015/QĐ-TTg để công nhận vùng nông nghiệp ứng dụng công nghệ cao hay chưa)

2. Đề nghị

(Nêu những đề nghị về việc xem xét công nhận)

 

 

TỔ CHỨC ĐẠI DIỆN ĐỀ NGHỊ CÔNG NHẬN
(Họ tên, chữ ký, đóng dấu)

 



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