Làm mới khu vực quản trị của tổ chức
Mọi trang trong khu vực quản trị giờ theo cùng một kiểu với trang Cài đặt AI và trình soạn bài tập, cuộc thi. Tính năng giữ nguyên. Thay đổi nằm ở cách sắp xếp thanh menu và các trang.
Tình trạng ngày 5/10/2026
- Giai đoạn
- Đang chờ review. PR đang mở, chưa merge, chưa có trên beta hay production.
- PR
- #534 làm lại toàn bộ các trang quản trị của tổ chức.
- Ticket
- SP-792
- Phạm vi
- Chỉ đổi giao diện. Backend, API, quyền truy cập và dữ liệu không đổi. Mọi tính năng còn nguyên, các đường dẫn cũ vẫn mở được.
- Ảnh và video
- Toàn bộ ảnh chụp và video lấy từ môi trường chạy trên máy với dữ liệu mẫu. Tên người và số liệu không có thật.
- Cập nhật
- Ảnh của năm trang có khối thống kê là Người dùng, Giảng viên, Đánh giá, Giao dịch và Mã giảm giá được chụp lại sau lần chỉnh cuối của khối này. Video quay trên bản mới nhất của PR.
Vì sao làm lại
Các trang quản trị cũ không theo một quy tắc chung. Trang này để nút Lưu ở cuối, trang kia để trong từng phần. Có trang đặt ô tìm kiếm thành một khối riêng, cách xa bảng mà nó lọc. Trên thanh menu, nhóm Nền tảng chứa tám mục khác loại, nên khó đoán một trang nằm ở đâu.
Trang Cài đặt AI và trình soạn bài tập, cuộc thi vừa được làm lại theo kiểu phẳng, gọn hơn. Đợt này đưa mọi trang quản trị còn lại về cùng kiểu đó. Quản trị viên quen một trang là dùng được các trang khác.
Thay đổi chính
5 nhóm rõ ràng
Thành viên, Học tập, Bán hàng, Trang web, Tổ chức. Không nhóm nào quá 5 mục.
Một khung danh sách
Số lượng ở tiêu đề, tìm kiếm và bộ lọc ngay trên bảng, phân trang ở cuối.
Lưu ở trên cùng
Nút Lưu và Bỏ thay đổi nằm trên thanh tiêu đề, luôn thấy khi cuộn trang.
Dải số liệu
Các thẻ số rời gộp thành một dải, biểu đồ phẳng. Số liệu giữ nguyên.
Video giới thiệu
Dài 4 phút 3 giây. Phần đầu là giao diện cũ, phần sau là giao diện mới. Giọng đọc tiếng Anh, phụ đề tiếng Việt bật sẵn. Có thể đổi sang phụ đề tiếng Anh trong nút phụ đề của trình phát. Chấm xanh là con trỏ chuột.
Trong video
- 0:00 Thẻ mở đầu.
- 0:12 Giao diện cũ, có nhãn "TRƯỚC" ở góc phải. Thanh menu bốn nhóm, trang Người dùng với ô tìm kiếm tách riêng, trang Mã giảm giá.
- 0:32 Mặc định bán công khai trong nhóm Kinh doanh. Trang Thương hiệu với thanh Lưu ở cuối, nổi đè lên biểu mẫu.
- 0:49 Email có hai mục trên menu. Trang Nội dung email báo nhầm "Có thay đổi chưa lưu" ngay khi mở. Sau đó là Sử dụng và Cài đặt AI.
- 1:12 Thẻ "SAU". Từ đây là giao diện mới. Thanh menu năm nhóm, chỗ mới của Lời mời tham gia và Mặc định bán công khai, hai nhóm Trang web và Tổ chức.
- 1:43 Người dùng: ô tìm kiếm trong thanh công cụ của danh sách, số chỗ đã dùng ở tiêu đề danh sách. Gõ "Trang" ra 6 kết quả, xoá đi thì về lại 98.
- 2:04 Lời mời tham gia: biểu mẫu và danh sách chung một phần.
- 2:12 Mặc định bán công khai: tắt công tắc, đầu trang hiện chấm "Có thay đổi chưa lưu", nút Bỏ thay đổi và Lưu.
- 2:25 Thương hiệu và liên hệ: sửa số điện thoại, cuộn xuống, nút Lưu vẫn ở trên. Mạng xã hội nằm ngay sau Liên hệ.
- 2:43 Email: một trang, hai thẻ Cài đặt và Nội dung.
- 2:52 Ảnh quảng bá: bảng quản lý, rồi phần Xem trước trang chủ.
- 3:05 Đánh giá: bộ lọc và các thẻ phân loại nằm cùng danh sách.
- 3:19 Bảng vàng, Bộ chấm điểm, Hỗ trợ khách hàng, Cài đặt AI, rồi kết thúc ở trang Mức sử dụng.
Thanh menu
Bốn nhóm cũ thành năm nhóm. Nhóm Nền tảng cũ có tám mục khác loại, giờ được tách làm hai. Hai mục Email và Nội dung email gộp thành một, nên menu còn 16 mục thay vì 17.
| Nhóm | Các mục | Vì sao |
|---|---|---|
| Thành viên | Người dùng, Giảng viên, Lời mời tham gia | Lời mời tham gia chuyển từ Nền tảng sang. Mời người vào tổ chức cũng là quản lý thành viên. |
| Học tập | Đánh giá, Mặc định bán công khai, Bảng vàng, Bộ chấm điểm, Nội dung được cấp phép | Mặc định bán công khai chuyển từ Kinh doanh sang, vì mục này đặt mặc định cho khoá học. |
| Bán hàng | Mã giảm giá, Giao dịch, Ảnh quảng bá | Tên cũ là Kinh doanh. Các mục còn lại đều về bán hàng. |
| Trang web | Thương hiệu và liên hệ, Trang chủ, Email | Tách từ Nền tảng. Đây là những gì học viên và khách truy cập nhìn thấy hoặc nhận được. |
| Tổ chức | Mức sử dụng, Cài đặt AI, Hỗ trợ khách hàng | Tách từ Nền tảng. Đây là những gì giúp tổ chức vận hành hằng ngày. |
Trước và sau từng màn hình
Ảnh bên trái là bản đang chạy, ảnh bên phải là bản mới. Cả hai dùng cùng dữ liệu mẫu. Bấm vào ảnh để xem cỡ lớn.
Người dùng
Ô tìm kiếm vào thanh công cụ của danh sách, ngay cạnh các dòng mà nó lọc. Số chỗ đã dùng xuống tiêu đề danh sách, vì con số này nói về danh sách thành viên. Đầu trang chỉ còn hai nút Thêm học viên và Nhập danh sách học viên.
Nút ba chấm ở mỗi dòng thành hai nút sửa và xoá. Bốn số liệu 98 / 1 / 4 / 3 giữ nguyên, chỉ gộp thành một dải.
Lời mời tham gia
Biểu mẫu mời và bảng lời mời gộp thành một phần, vì biểu mẫu thêm dòng vào chính bảng đó. Phần tên miền email được tham gia cũng gộp như vậy.
Nút Gửi lại và Thu hồi vẫn có chữ. Bản thử chỉ có biểu tượng thì khó hiểu, nên đã đổi lại.
Đánh giá
Bộ lọc vào thanh công cụ của danh sách, nằm cùng danh sách mà chúng lọc và đỡ tốn chỗ. Các thẻ phân loại lên đầu danh sách, vì chúng đổi nội dung danh sách đang hiện.
Trang Giao dịch đổi theo cùng cách. Bốn bộ lọc vào thanh công cụ. Thanh chọn nhiều dòng, gồm số giao dịch đã chọn và hai nút Xuất các giao dịch đã chọn, Bỏ chọn, chuyển từ dưới bảng lên đầu danh sách, cạnh các dòng nó tác động.
Ảnh quảng bá
Lưới thẻ cũ tách làm hai. Bảng dùng để quản lý, xem nhanh trạng thái và thao tác. Phần xem trước dùng để kiểm tra hình ảnh. Ảnh "Ưu đãi chào hè 2026" đang tắt nên chỉ có trong bảng, không có trong phần xem trước.
Sắp xếp và Khôi phục mặc định chuyển vào thanh công cụ của bảng, để đầu trang chỉ còn một thao tác chính là Thêm ảnh quảng bá. Nút làm mới không có chữ giờ ghi rõ "Khôi phục mặc định".
Thương hiệu và liên hệ
Mọi trang cài đặt giờ có một chỗ lưu duy nhất ở thanh tiêu đề. Trang Thương hiệu dài, nên điều này giúp nút Lưu luôn trong tầm mắt.
Mạng xã hội chuyển lên ngay sau Liên hệ, vì cả hai là thông tin liên hệ công khai và được lưu cùng nhau. Các phần xếp một cột, Liên hệ và SEO không còn đứng cạnh nhau. Ảnh thương hiệu xếp thành từng dòng cho dễ đọc.
Cài đặt email và nội dung email gộp thành một trang có hai thẻ, vì cả hai cùng cấu hình email của tổ chức. Menu ngắn đi một mục. Đường dẫn cũ của cả hai trang vẫn mở đúng thẻ.
Mặc định bán công khai
Khi chưa có thay đổi, nút Lưu mờ đi. Khi có thay đổi, chấm nhỏ báo phần chưa lưu, và Bỏ thay đổi đưa trang về như cũ. Trang Thương hiệu, Email và Cài đặt AI dùng đúng cách này. Mục này cũng chuyển sang nhóm Học tập.
Bảng vàng
Thông tin giải đấu và bảng người đoạt giải nằm chung một khung, vì cả hai nói về cùng một giải đấu. Nút "Thêm thí sinh" đổi thành "Thêm người đoạt giải". Các hộp thoại sửa và thêm vẫn giữ nguyên.
Bộ chấm điểm
Trang dùng cùng kiểu khung danh sách như các trang khác. Danh mục bộ chấm của giảng viên dùng chung phần này, nên cũng đổi giao diện theo. Cách hoạt động giữ nguyên.
Cài đặt AI
Mỗi phần từng có nút Lưu riêng. Giờ cả trang dùng một nút Lưu ở trên cùng. Hai nút xoá key, trước nằm ở hai chỗ, gom về một phần ở cuối trang, vì thao tác không hoàn tác được nên đặt sau cùng.
Hỗ trợ khách hàng
Bộ lọc trạng thái thành một ô chọn trong thanh công cụ, vì các nút xếp ngang không vừa khung khi hiển thị tiếng Việt. Khung danh sách hẹp lại để khung tin nhắn đủ rộng khi đứng cạnh thanh menu.
Màu trạng thái: đang hoạt động màu xanh lá, cần hỗ trợ màu cam, đã giải quyết màu xám.
Mức sử dụng
Trang giữ nguyên bốn phần Thành viên, Dung lượng lưu trữ, Email và Mức dùng AI cùng các con số, chỉ đổi sang kiểu dải số liệu như các trang khác. Mục này đổi tên thành "Mức sử dụng" và chuyển sang nhóm Tổ chức.
Tổng hợp mọi thay đổi bố cục
Mỗi dòng là một chỗ bị chuyển, gộp hoặc tách, kèm lý do.
| Màn hình | Thay đổi | Lý do |
|---|---|---|
| Mọi trang cài đặt | Nút Lưu ở cuối trang hoặc trong từng phần chuyển lên thanh tiêu đề cố định, cùng chấm "Có thay đổi chưa lưu" và nút Bỏ thay đổi. | Một quy tắc cho mọi trang. Thanh nổi ở cuối trang che mất nội dung. |
| Áp dụng cho Mặc định bán công khai, Thương hiệu và liên hệ, cả hai thẻ của Email, Cài đặt AI. | Đây là các trang có nút Lưu. | |
| Người dùng | Ô tìm kiếm vào thanh công cụ của danh sách. | Bộ lọc nằm cạnh các dòng mà nó lọc. |
| Số chỗ đã dùng từ đầu trang xuống tiêu đề danh sách. | Con số này nói về danh sách thành viên. Đầu trang để dành cho nút thao tác. | |
| Nút ba chấm ở mỗi dòng thành nút sửa và nút xoá. | Hai thao tác hiện sẵn trên dòng, không cần mở menu. | |
| Giảng viên | Nút Thêm giảng viên lên thanh tiêu đề. | Đây là thao tác chính của trang. |
| Thống kê nằm giữa tiêu đề và danh sách. Ô tìm kiếm vào thanh công cụ. | Cùng thứ tự với các trang danh sách khác. | |
| Lời mời tham gia | Biểu mẫu mời và bảng lời mời thành một phần. Biểu mẫu và bảng tên miền email cũng vậy. | Biểu mẫu thêm dòng vào chính bảng bên dưới. |
| Gửi lại và Thu hồi giữ dạng nút có chữ. | Nút chỉ có biểu tượng khó hiểu. | |
| Đánh giá | Bốn bộ lọc từ đầu trang vào thanh công cụ, cạnh ô tìm kiếm. | Bộ lọc nằm cùng danh sách, đỡ tốn chỗ. |
| Các thẻ Tất cả, Đã duyệt, Đang hiển thị lên đầu danh sách. | Các thẻ đổi nội dung danh sách đang hiện. | |
| Thống kê lên trước danh sách. | Cùng thứ tự với các trang khác. | |
| Giao dịch | Bốn bộ lọc vào thanh công cụ. | Bộ lọc nằm cạnh danh sách mà nó lọc. |
| Thanh chọn nhiều dòng, gồm số đã chọn, nút Xuất và nút Bỏ chọn, từ dưới bảng lên đầu danh sách. | Thao tác hàng loạt nằm cạnh các dòng nó tác động. | |
| Mã giảm giá | Khối thống kê đổi sang dải số liệu. | Xem dòng "Khối thống kê". |
| Ảnh quảng bá | Lưới thẻ tách thành bảng quản lý và phần Xem trước trang chủ. | Bảng dễ xem nhanh trạng thái và thao tác. Phần xem trước để kiểm tra hình ảnh. |
| Sắp xếp và Khôi phục mặc định vào thanh công cụ của bảng. Nút làm mới không chữ thành nút "Khôi phục mặc định". | Đầu trang chỉ giữ một thao tác chính. | |
| Khối thống kê | Ở Người dùng, Giảng viên, Đánh giá, Giao dịch và Mã giảm giá, khung tô màu với thẻ số nổi thành phần có tiêu đề, dải số liệu và biểu đồ phẳng. Bỏ nhãn "THỐNG KÊ". | Tiêu đề và nhãn cùng ghi chữ "Thống kê". Số liệu, biểu đồ và điều kiện hiển thị giữ nguyên. |
| Bảng vàng | Ba thẻ số thành một dải số liệu. | Cùng kiểu với các trang khác. |
| Thông tin giải đấu đang chọn và bảng người đoạt giải thành một khung. | Cả hai nói về cùng một giải đấu. | |
| Bộ chấm điểm | Khung danh sách có số lượng, ô chọn trạng thái, ô tìm kiếm, chấm trạng thái, phân trang ở cuối. Áp dụng cho cả trang của giảng viên. | Cùng kiểu khung danh sách với các trang khác. Hai trang dùng chung một phần. |
| Nội dung được cấp phép | Các thẻ hợp đồng thành một bảng. | Hợp đồng nào cũng có cùng các trường, bảng dễ so sánh hơn. Không có trong ảnh, vì tổ chức mẫu chưa có hợp đồng. |
| Thương hiệu và liên hệ | Mạng xã hội lên ngay sau Liên hệ. | Cả hai là thông tin liên hệ công khai, được lưu cùng nhau. |
| Các phần xếp một cột. Ảnh thương hiệu xếp thành từng dòng. | Trang biểu mẫu dùng một cột, dễ đọc hơn. | |
| Dòng "Trang công khai sẽ cập nhật trong khoảng 5 phút." chuyển từ thanh lưu xuống cuối trang. | Thanh lưu ở cuối trang không còn. | |
| Trang chủ | Thẻ "Mở studio" thành nút trên thanh tiêu đề. Nhãn trạng thái thành chấm màu. Không có nút Lưu. | Trang này chỉ để xem, việc chỉnh sửa làm trong studio. Mở studio là thao tác duy nhất của trang. |
| Hai mục menu thành một trang hai thẻ. Ghi chú "thay đổi có thể mất vài phút" của thẻ Nội dung chuyển xuống dưới phần xem trước. | Cả hai cùng cấu hình email của tổ chức. | |
| Cài đặt AI | Nút Lưu của từng phần thành một nút Lưu trên thanh tiêu đề. | Một chỗ lưu cho cả trang. |
| Hai nút xoá key gom vào phần "Xóa API key" ở cuối trang. Gợi ý về nhà cung cấp chuyển vào mô tả của phần. | Thao tác không hoàn tác được đặt cuối trang. Trước đây chúng nằm ở hai chỗ. | |
| Hỗ trợ khách hàng | Các nút lọc trạng thái thành ô chọn, nằm dưới ô tìm kiếm. | Các nút không vừa khung khi hiển thị tiếng Việt. |
| Đầu danh sách ghi số cuộc hội thoại và số chưa tiếp nhận. Đầu cuộc hội thoại chỉ còn một chấm trạng thái, dòng người phụ trách đứng trước các nút. | Hai dấu hiệu cũ nói cùng một trạng thái. Thông tin nên đứng trước thao tác. | |
| Danh sách hội thoại hẹp lại. | Khung tin nhắn quá hẹp khi đứng cạnh thanh menu. | |
| Mức sử dụng | Giữ nguyên các phần, đổi sang dải số liệu. | Cùng kiểu với các trang khác. |
Thay đổi về cách hoạt động
Phần lớn thay đổi chỉ là bố cục. Những điểm dưới đây thay đổi cách trang phản hồi người dùng.
- Tìm giảng viên. Danh sách tự lọc khi bạn ngừng gõ khoảng nửa giây, không cần nút Tìm hay phím Enter, giống trang Mã giảm giá.
- Lỗi tải danh sách giảng viên. Trang báo lỗi và có nút Thử lại. Trước đây trang trông như danh sách trống.
- Cài đặt email. Thiếu máy chủ SMTP hoặc địa chỉ gửi thì báo lỗi ngay và không cho Lưu. Trước đây chỉ báo khi bấm Lưu.
- Nội dung email. Mở trang không còn báo nhầm "Có thay đổi chưa lưu". Lỗi này đang có trên bản chạy hiện tại.
- Thương hiệu. Tải logo hoặc ảnh lên không còn xoá các chỉnh sửa chưa lưu trong biểu mẫu.
- Người dùng. Xoá người cuối cùng của một trang thì danh sách tự về trang trước.
Những gì không đổi
- Tính năng. Mọi nút, bảng, bộ lọc và hộp thoại vẫn còn. Một lượt rà soát toàn bộ thay đổi không thấy tính năng nào bị mất.
- Quyền. Ai thấy trang nào và làm được gì vẫn như cũ. Backend không đổi nên mọi kiểm tra quyền giữ nguyên.
- Đường dẫn. Mọi đường dẫn cũ trong khu vực quản trị vẫn mở được, kể cả đường dẫn cũ của Nội dung email.
- Dữ liệu. Không đổi cơ sở dữ liệu, không đổi API, không cần chuyển đổi dữ liệu khi triển khai.
Đã kiểm tra
- Kiểm tra mã tự động không có lỗi. 651 bài test tự động đều đạt. Bản build chạy được.
- Một lượt review mã độc lập trên toàn bộ thay đổi tìm ra 4 điểm cần sửa. Cả 4 đã được sửa.
- Mở từng màn hình trên trình duyệt với dữ liệu mẫu. Lượt này tìm ra 15 lỗi hiển thị, đã sửa hết. Ảnh trên trang này chụp sau các lần sửa đó.
- Ở khổ điện thoại 360 px, cả 18 trang không bị cuộn ngang.
Câu chữ tiếng Việt
Chữ tiếng Việt trên các màn hình này đã được rà lại. 249 câu chữ được đổi sang cách nói thường ngày, mỗi khái niệm chỉ dùng một từ. Vài ví dụ:
| Chỗ hiển thị | Chữ cũ | Chữ mới |
|---|---|---|
| Nhóm menu | Nhân sự | Thành viên |
| Mục menu | Banner | Ảnh quảng bá |
| Mục menu | Phản hồi | Đánh giá |
| Mục menu | Bộ chấm Metric | Bộ chấm điểm |
| Mục menu | Lời mời nhân sự | Lời mời tham gia |
| Biểu mẫu ảnh quảng bá | Nút CTA | Nút liên kết |
| Chi tiết giao dịch | Mã giao dịch NCC | Mã giao dịch tại cổng thanh toán |
| Bộ lọc đánh giá | Đánh giá | Số sao |
| Nút trên trang cài đặt | Huỷ thay đổi | Bỏ thay đổi |
Trang Bộ chấm điểm cũng bỏ các chữ "Public", "publish", "catalog" và dùng "Công khai", "phát hành". Các từ kỹ thuật như API key, token, SMTP, URL, email giữ nguyên tiếng Anh.
Giới hạn đã biết
- Ảnh phần "Xóa API key" dùng dữ liệu giả lập. Tổ chức mẫu chưa lưu API key, nên trạng thái "đã có key" được giả lập trên trình duyệt. Cơ sở dữ liệu không đổi.
- Nội dung được cấp phép chỉ có trang trống. Tổ chức mẫu không có hợp đồng, nên chưa thấy bảng hợp đồng mới trong ảnh. Nên xem thêm trên beta với một tổ chức có hợp đồng.
- Một số chữ vẫn là tiếng Anh. Chúng không đến từ ứng dụng: nút chọn file "Choose File" của trình duyệt, chữ "Normal" trong trình soạn văn bản ở Bảng vàng, và dữ liệu gốc như nhận xét đánh giá, tên khoá học, tên bộ chấm, giá trị CREDIT_CARD hay ALEPAY trong chi tiết giao dịch. Bản cũ cũng vậy.
- Biểu đồ Mã giảm giá ghi "7 mã được dùng nhiều nhất" dù chỉ có 4 cột. Bản cũ cũng vậy, đợt này chưa sửa.
- Điện thoại chỉ được kiểm tra một điểm. Ở 360 px các trang không bị cuộn ngang. Bố cục trên điện thoại chưa được xem kỹ.
- Chưa kiểm tra trên beta. Mọi ảnh và video đến từ môi trường chạy trên máy với dữ liệu mẫu.
Việc còn lại
Theo dõi sau, ngoài PR này
- Chi tiết giao dịch hiện giá trị thô CREDIT_CARD, ALEPAY thay vì tên dễ đọc. Bản đang chạy cũng vậy.
- Trường "Học vị" trong hồ sơ giảng viên: cần chốt đây là học vị hay chức danh.
- Mô tả trang Trang chủ vẫn hướng dẫn sắp xếp các phần, trong khi trang giờ chỉ để xem.
- Gợi ý tải ảnh ở Bảng vàng còn nhắc tên dịch vụ lưu trữ "R2", quản trị viên không cần biết tên này.
- Trình soạn bài tập vẫn còn chữ "publish" và "catalog".
Các bước để đưa lên
- Review và duyệt PR #534.
- Merge vào main. Bản này tự lên beta. Không cần chuyển đổi dữ liệu hay đổi cấu hình.
- Kiểm tra trên beta: đi qua cả 16 mục menu, mở Email bằng cả hai đường dẫn cũ, sửa một trang cài đặt rồi bấm Bỏ thay đổi, tìm kiếm ở Người dùng và Giảng viên, xem Nội dung được cấp phép trên một tổ chức có hợp đồng.
- Chuyển SP-792 sang Testing sau khi kiểm tra beta, và sang Done khi bản này có trong một bản phát hành production.