Upload 7 files

app.py

@@ -2,7 +2,15 @@ from flask import Flask, render_template, jsonify, request
 from flask_cors import CORS
 
 app = Flask(__name__)
-CORS(app)
+CORS(app, resources={r"/api/*": {"origins": "*"}})
+
+# Thêm security headers cho HF Spaces
+@app.after_request
+def after_request(response):
+    response.headers.add('Access-Control-Allow-Origin', '*')
+    response.headers.add('Access-Control-Allow-Headers', 'Content-Type')
+    response.headers.add('Access-Control-Allow-Methods', 'GET,POST,OPTIONS')
+    return response
 
 # Trạng thái đèn (lưu trong memory, có thể thay bằng database)
 light_status = {

static/js/script.js

@@ -2,22 +2,15 @@
 function updateUI(isOn) {
     const bulb = document.getElementById('bulb');
     const statusText = document.getElementById('statusText');
-    const currentStatus = document.getElementById('currentStatus');
     
     if (isOn) {
         bulb.classList.add('on');
         statusText.classList.add('on');
         statusText.textContent = 'Đèn đang bật';
-        currentStatus.textContent = 'BẬT';
-        currentStatus.classList.remove('off');
-        currentStatus.classList.add('on');
     } else {
         bulb.classList.remove('on');
         statusText.classList.remove('on');
         statusText.textContent = 'Đèn đang tắt';
-        currentStatus.textContent = 'TẮT';
-        currentStatus.classList.remove('on');
-        currentStatus.classList.add('off');
     }
 }
 
@@ -25,11 +18,12 @@ function updateUI(isOn) {
 async function getStatus() {
     try {
         const response = await fetch('/api/light/status');
+        if (!response.ok) throw new Error('Server error');
         const data = await response.json();
         updateUI(data.on);
     } catch (error) {
         console.error('Lỗi khi lấy trạng thái:', error);
-        alert('Không thể kết nối với server!');
+        // Không hiện alert, chỉ log lỗi
     }
 }
 
@@ -42,12 +36,13 @@ async function toggleLight() {
                 'Content-Type': 'application/json'
             }
         });
+        if (!response.ok) throw new Error('Server error');
         const data = await response.json();
         updateUI(data.on);
         showNotification(data.message);
     } catch (error) {
         console.error('Lỗi khi chuyển đổi đèn:', error);
-        alert('Không thể kết nối với server!');
+        showNotification('⚠️ Lỗi kết nối server!');
     }
 }