Upload 8 files

src/views/AdminView.js

@@ -4,9 +4,14 @@ export function renderAdminView() {
     return `
     <div class="min-h-screen p-6 pb-20">
         <header class="flex justify-between items-center mb-10 bg-gray-800 bg-opacity-50 p-4 rounded-xl border border-gray-700 backdrop-blur-sm">
-            <h1 class="text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-red-400 to-orange-600">
-                後台管理系統 Admin Panel
-            </h1>
+            <div class="flex items-center space-x-4">
+                <button id="back-instructor-btn" class="bg-gray-700 hover:bg-gray-600 text-white p-2 rounded-lg transition-all">
+                    ← 回講師端
+                </button>
+                <h1 class="text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-red-400 to-orange-600">
+                    後台管理系統 Admin Panel
+                </h1>
+            </div>
             <button id="add-challenge-btn" class="bg-green-600 hover:bg-green-500 text-white font-bold py-2 px-6 rounded-lg transition-all shadow-lg">
                 + 新增題目
             </button>
@@ -63,6 +68,10 @@ export function renderAdminView() {
 export function setupAdminEvents() {
     loadChallenges();
 
+    document.getElementById('back-instructor-btn').addEventListener('click', () => {
+        window.location.hash = 'instructor';
+    });
+
     document.getElementById('add-challenge-btn').addEventListener('click', () => {
         openModal();
     });

src/views/InstructorView.js

@@ -25,10 +25,15 @@ export async function renderInstructorView() {
                 <span class="text-gray-400">教室代碼</span>
                 <span id="display-room-code" class="text-3xl font-mono font-bold text-cyan-400 tracking-widest bg-gray-900 px-4 py-2 rounded-lg border border-cyan-500/30 shadow-[0_0_15px_rgba(34,211,238,0.3)]"></span>
             </div>
-            <div id="create-room-container">
-                <button id="create-room-btn" class="bg-purple-600 hover:bg-purple-500 text-white font-bold py-2 px-6 rounded-lg transition-all shadow-lg shadow-purple-500/30">
-                    建立新教室
+            <div class="flex space-x-3">
+                <button id="nav-admin-btn" class="bg-gray-700 hover:bg-gray-600 text-white font-bold py-2 px-4 rounded-lg transition-all border border-gray-600">
+                    管理題目 (Admin)
                 </button>
+                <div id="create-room-container">
+                    <button id="create-room-btn" class="bg-purple-600 hover:bg-purple-500 text-white font-bold py-2 px-6 rounded-lg transition-all shadow-lg shadow-purple-500/30">
+                        建立新教室
+                    </button>
+                </div>
             </div>
         </header>
 
@@ -71,6 +76,11 @@ export function setupInstructorEvents() {
     const dashboardContent = document.getElementById('dashboard-content');
     const displayRoomCode = document.getElementById('display-room-code');
     const studentsGrid = document.getElementById('students-grid');
+    const navAdminBtn = document.getElementById('nav-admin-btn');
+
+    navAdminBtn.addEventListener('click', () => {
+        window.location.hash = 'admin';
+    });
 
     createBtn.addEventListener('click', async () => {
         try {