Hugging Face's logo

Spaces:
yuting111222
/
health-assistant
Sleeping

App Files Community
health-assistant
File size: 3,930 Bytes 
89b8989
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
 
// 將食物加入飲食記錄
function addToDiary(foodName) {
    if (!foodName) {
        console.warn('無法加入空的食物名稱');
        return false;
    }
    
    try {
        // 確保 dailyMeals 是陣列
        if (!Array.isArray(dailyMeals)) {
            dailyMeals = [];
        }
        
        const today = new Date().toISOString().split('T')[0];
        const now = new Date();
        
        // 從營養資料庫獲取食物資訊，如果沒有則使用預設值
        const foodInfo = nutritionDatabase[foodName] || {
            calories: 200,
            protein: 10,
            carbs: 30,
            fat: 5,
            fiber: 2,
            sugar: 5
        };
        
        const meal = {
            id: Date.now(),
            name: foodName,
            ...foodInfo,  // 展開營養資訊
            date: today,
            time: now.toLocaleTimeString('zh-TW', {hour: '2-digit', minute:'2-digit'}),
            timestamp: now.toISOString()
        };
        
        // 加入飲食記錄
        dailyMeals.push(meal);
        
        // 儲存到 localStorage
        localStorage.setItem('dailyMeals', JSON.stringify(dailyMeals));
        
        // 顯示成功訊息
        showNotification(`已將「${foodName}」加入飲食記錄`, 'success');
        
        // 更新 UI
        if (typeof updateMealsList === 'function') {
            updateMealsList();
        }
        
        if (typeof updateTrackingStats === 'function') {
            updateTrackingStats();
        }
        
        // 觸發自定義事件，通知其他組件
        document.dispatchEvent(new CustomEvent('mealAdded', { detail: meal }));
        
        return true;
        
    } catch (error) {
        console.error('加入飲食記錄失敗:', error);
        showNotification('加入飲食記錄時發生錯誤', 'error');
        return false;
    }
}

// 顯示通知訊息
function showNotification(message, type = 'info') {
    // 檢查是否已經存在通知容器
    let notificationContainer = document.getElementById('notification-container');
    
    if (!notificationContainer) {
        // 創建通知容器
        notificationContainer = document.createElement('div');
        notificationContainer.id = 'notification-container';
        notificationContainer.style.position = 'fixed';
        notificationContainer.style.top = '20px';
        notificationContainer.style.right = '20px';
        notificationContainer.style.zIndex = '1000';
        document.body.appendChild(notificationContainer);
    }
    
    // 創建通知元素
    const notification = document.createElement('div');
    notification.className = `notification ${type}`;
    notification.style.padding = '12px 20px';
    notification.style.marginBottom = '10px';
    notification.style.borderRadius = '4px';
    notification.style.color = 'white';
    notification.style.opacity = '0';
    notification.style.transition = 'opacity 0.3s ease-in-out';
    notification.style.boxShadow = '0 2px 10px rgba(0,0,0,0.1)';
    
    // 根據類型設置背景色
    const colors = {
        success: '#4CAF50',
        error: '#F44336',
        warning: '#FF9800',
        info: '#2196F3'
    };
    
    notification.style.backgroundColor = colors[type] || colors.info;
    notification.textContent = message;
    
    // 添加到容器
    notificationContainer.appendChild(notification);
    
    // 觸發動畫
    setTimeout(() => {
        notification.style.opacity = '1';
    }, 10);
    
    // 3秒後自動移除
    setTimeout(() => {
        notification.style.opacity = '0';
        setTimeout(() => {
            notification.remove();
            // 如果容器為空，則移除容器
            if (notificationContainer && notificationContainer.children.length === 0) {
                notificationContainer.remove();
            }
        }, 300);
    }, 3000);
}