Update templates/index.html

templates/index.html

@@ -1283,6 +1283,9 @@
         document.getElementById('analyticsPanel').style.display = 'block';
         document.getElementById('studyPlannerPanel').style.display = 'block';
         
+        // Show footer user actions
+        document.getElementById('footerUserActions').style.display = 'block';
+        
         // Load analytics and study plan
         loadAnalytics();
         loadCurrentStudyPlan();
@@ -1305,6 +1308,9 @@
         document.getElementById('analyticsPanel').style.display = 'none';
         document.getElementById('studyPlannerPanel').style.display = 'none';
         
+        // Hide footer user actions
+        document.getElementById('footerUserActions').style.display = 'none';
+        
         currentUser = null;
     }
     
@@ -1954,6 +1960,55 @@
     });
 </script>
 
+<!-- Footer -->
+<footer class="mt-16 py-8 bg-gray-100 border-t border-gray-200">
+    <div class="container mx-auto max-w-5xl px-4">
+        <div class="flex flex-col md:flex-row justify-between items-center gap-4">
+            <div class="text-sm text-gray-600">
+                <p>&copy; 2024 Dynamic English Study Studio - AI Learning Platform</p>
+                <p class="text-xs text-gray-500 mt-1">Powered by AI for enhanced English learning</p>
+            </div>
+            
+            <div class="flex items-center gap-4">
+                <!-- System Links -->
+                <div class="flex items-center gap-2 text-sm">
+                    <span class="text-gray-500">System:</span>
+                    <a href="/admin" class="text-indigo-600 hover:text-indigo-800 font-medium" title="Admin Panel">
+                        👤 Admin
+                    </a>
+                    <span class="text-gray-300">|</span>
+                    <a href="/auth/check" class="text-green-600 hover:text-green-800 font-medium" title="System Status" target="_blank">
+                        ⚕️ Status
+                    </a>
+                    <span class="text-gray-300">|</span>
+                    <a href="/proxy/7860" class="text-purple-600 hover:text-purple-800 font-medium" title="Gradio Dashboard" target="_blank">
+                        📊 Dashboard
+                    </a>
+                </div>
+                
+                <!-- Version Info -->
+                <div class="text-xs text-gray-400 border-l border-gray-300 pl-4">
+                    <div>v2.0.0</div>
+                    <div>Flask + Gradio</div>
+                </div>
+            </div>
+        </div>
+        
+        <!-- Quick Actions for Logged Users -->
+        <div id="footerUserActions" class="mt-4 pt-4 border-t border-gray-200" style="display: none;">
+            <div class="flex flex-wrap justify-center gap-2 text-xs">
+                <button onclick="loadAnalytics()" class="text-blue-600 hover:text-blue-800">📊 Refresh Analytics</button>
+                <span class="text-gray-300">•</span>
+                <button onclick="showUserFlashcards()" class="text-green-600 hover:text-green-800">📚 Load Flashcards</button>
+                <span class="text-gray-300">•</span>
+                <button onclick="generateStudyPlan()" class="text-purple-600 hover:text-purple-800">🎯 New Study Plan</button>
+                <span class="text-gray-300">•</span>
+                <button onclick="showUserSettings()" class="text-gray-600 hover:text-gray-800">⚙️ Settings</button>
+            </div>
+        </div>
+    </div>
+</footer>
+
 </body>
 </html>