- Các thành phần chung trong các tab:
- Thanh công cụ cuối trang:
- Phân trang (< >)Cho phép xem các trang dữ liệu khác nhau khi có nhiều chi phí.
- Dropdown số lượng hiển thị (10 ▼): Cho phép người dùng chọn số lượng mục hiển thị trên mỗi trang (10, 20, 50,…).
- Hiển thị số lượng dữ liệu (0-100 / 1000): Hiển thị tổng số mục hiện có và vị trí của dữ liệu hiện tại ).
- Thanh công cụ (Toolbar):
- – Quick filters -: Bộ lọc nhanh cho phép lọc danh sách liên hệ.
- Excel, Máy in: Chức năng xuất dữ liệu ra file Excel hoặc in ấn.
- Tìm kiếm: Thanh tìm kiếm để tìm kiếm liên hệ.
- Thanh công cụ cuối trang:
2. Bảng dữ liệu (Table):
- Avatar: ảnh đại diện người liên hệ
- Tên: Khi ấn vào tên người liên hệ sẽ chuyển hướng sang trang thông tin chi tiết của người đó ( xem tại mục số 3 dưới đây)
- Tiêu đề công việc: Chức vụ của người liên hệ.
- Email: Địa chỉ email của người liên hệ.
- Số điện thoại: Số điện thoại của người liên hệ.
- Skype: Tài khoản Skype của người liên hệ.
- Hành động: Nút “x” cho phép xóa liên hệ.
Người dùng có thể thêm liên hệ bằng cách ấn nút
- Người dùng nhập các thông tin liên quan: Họ, Tên, Email, Số điện thoại, Skype, Chức vụ, giới tính:
- Nhập mật khẩu hoặc sử dụng nút “Generate” để tạo mật khẩu tự động.
- Phân quyền:
- Có thể chọn “Có thể truy cập tất cả” hoặc “Chỉ có thể truy cập” một số mục cụ thể.
- Khi chọn “Chỉ có thể truy cập”, hệ thống hiển thị danh sách các mục có thể cấp quyền như: Hợp đồng, Sự kiện, Dự án, Ghi chú, Tệp, Chi phí, Liên hệ, Chỉnh sửa Nhà cung cấp.
- Gửi email chi tiết đăng nhập cho người dùng này
- Hành động:
- Nút đóng giúp đóng popup
- Nút Save giúp lưu liên hệ

3. Chi tiết thông tin người liên hệ
Header của trang:
- Nút
: giúp upload ảnh và cắt ảnh
- Nút
: giúp tải ảnh lên (chỉ hỗ trợ ảnh có kích thước 200×200 px trở xuống)
- Hiển thị các thông tin của liên hệ bao gồm: tên công việc, email, số điện thoại, tài khoản Skype
- Nút Gửi tin nhắn: giúp nhắn tin với liên hệ đó
Thông tin chung:
- Hiển thị các thông tin của người liên hệ
- Trường hợp người dùng muốn sửa thông tin cần nhập lại dòng thông tin cần sửa rồi ấn lưu
Phân quyền: