chỉnh sửa dashboard quản lí của thành viên
This commit is contained in:
+103
-12
@@ -19,20 +19,111 @@
|
||||
<!-- Map container -->
|
||||
<div id="map"></div>
|
||||
|
||||
<!-- Login/User Control Panel -->
|
||||
<div id="user-panel" class="floating-panel">
|
||||
<div id="auth-guest">
|
||||
<h3>Login / Register</h3>
|
||||
<input type="text" id="username-input" placeholder="Username">
|
||||
<input type="password" id="password-input" placeholder="Password">
|
||||
<div class="btn-group">
|
||||
<button onclick="handleLogin()">Login</button>
|
||||
<button onclick="handleRegister()">Register</button>
|
||||
<!-- Top Bar -->
|
||||
<div id="top-bar">
|
||||
<div class="app-brand">
|
||||
<h1>Virtual 3D Tour Map</h1>
|
||||
</div>
|
||||
<div id="user-controls">
|
||||
<div id="user-avatar" onclick="toggleDropdown()">
|
||||
<span id="avatar-initials">?</span>
|
||||
</div>
|
||||
<div id="user-dropdown" class="dropdown-content">
|
||||
<div id="auth-guest">
|
||||
<h3>Login / Register</h3>
|
||||
<input type="text" id="username-input" placeholder="Username">
|
||||
<input type="password" id="password-input" placeholder="Password">
|
||||
<div class="btn-group">
|
||||
<button onclick="handleLogin()">Login</button>
|
||||
<button onclick="handleRegister()">Register</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="auth-logged-in" style="display: none;">
|
||||
<!--<p>Welcome, <strong id="logged-username"></strong> (<span id="logged-role"></span>)</p>-->
|
||||
<button onclick="openDashboard()">Manage Profile</button>
|
||||
<button onclick="handleLogout()">Logout</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="auth-logged-in" style="display: none;">
|
||||
<p>Welcome, <strong id="logged-username"></strong> (<span id="logged-role"></span>)</p>
|
||||
<button onclick="handleLogout()">Logout</button>
|
||||
</div>
|
||||
|
||||
<!-- Dashboard Overlay -->
|
||||
<div id="dashboard-overlay" class="modal-overlay">
|
||||
<div class="modal-content dashboard-content">
|
||||
<span class="close-btn" onclick="closeDashboard()">×</span>
|
||||
<div class="dashboard-tabs">
|
||||
<!-- Dòng 1: Avatar và Tên -->
|
||||
<div class="sidebar-user-header">
|
||||
<div id="sidebar-avatar" class="avatar-circle">?</div>
|
||||
<div id="sidebar-username" class="user-name-text">Username</div>
|
||||
</div>
|
||||
<!-- Dòng 2: Status -->
|
||||
<div id="sidebar-status" class="user-status-text">Status...</div>
|
||||
<!-- Dòng 3: Dòng kẻ ngang -->
|
||||
<hr class="sidebar-divider">
|
||||
<!-- Dòng 4-8: Menu điều hướng -->
|
||||
<button class="tab-btn active" onclick="openDashboardTab('profile')">Hồ sơ</button>
|
||||
<button class="tab-btn" onclick="openDashboardTab('my-scenes')">Quản lí scene</button>
|
||||
<button class="tab-btn" onclick="openDashboardTab('media-library')">Quản lí ảnh và media</button>
|
||||
<button class="tab-btn admin-only" id="admin-tab-users" onclick="openDashboardTab('user-management')">Quản lí users</button>
|
||||
<button class="tab-btn admin-only" id="admin-tab-system" onclick="openDashboardTab('system-settings')">Cài đặt hệ thống</button>
|
||||
<!-- Dòng 9: Đăng xuất -->
|
||||
<button class="tab-btn logout-item" onclick="handleLogout()">Đăng xuất</button>
|
||||
</div>
|
||||
<div id="dashboard-tab-content">
|
||||
<div id="tab-profile" class="dashboard-tab-pane active">
|
||||
<h3>Thông tin hồ sơ</h3>
|
||||
<form id="profile-form" onsubmit="updateProfile(event)">
|
||||
<div class="form-group">
|
||||
<label>Username</label>
|
||||
<input type="text" id="profile-username" name="username" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Mật khẩu mới (để trống nếu không đổi)</label>
|
||||
<input type="password" id="profile-password" name="password" placeholder="********">
|
||||
</div>
|
||||
<button type="submit" class="submit-btn">Cập nhật hồ sơ</button>
|
||||
</form>
|
||||
</div>
|
||||
<div id="tab-my-scenes" class="dashboard-tab-pane">
|
||||
<h3>Các scene đã tạo</h3>
|
||||
<div id="my-scenes-list" class="dashboard-list">
|
||||
<!-- Nạp dữ liệu qua JS -->
|
||||
<p>Đang tải danh sách...</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tab-media-library" class="dashboard-tab-pane">
|
||||
<h3>Quản lí ảnh và media</h3>
|
||||
<div id="media-library-list" class="dashboard-grid">
|
||||
<!-- Nạp dữ liệu qua JS -->
|
||||
<p>Đang tải kho ảnh...</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tab-user-management" class="dashboard-tab-pane admin-only">
|
||||
<h3>Quản lý người dùng</h3>
|
||||
<div id="admin-users-list" class="dashboard-list"></div>
|
||||
</div>
|
||||
<div id="tab-system-settings" class="dashboard-tab-pane admin-only">
|
||||
<h3>Cài đặt hệ thống</h3>
|
||||
<form id="system-settings-form" onsubmit="updateSystemSettings(event)">
|
||||
<div class="form-group">
|
||||
<label>Múi giờ (Timezone)</label>
|
||||
<select id="sys-timezone" name="timezone">
|
||||
<option value="Asia/Ho_Chi_Minh">Asia/Ho Chi Minh (GMT+7)</option>
|
||||
<option value="UTC">UTC</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Ngôn ngữ mặc định</label>
|
||||
<select id="sys-language" name="language">
|
||||
<option value="vi">Tiếng Việt</option>
|
||||
<option value="en">English</option>
|
||||
</select>
|
||||
</div>
|
||||
<button type="submit" class="submit-btn">Lưu cấu hình</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user