Update app.py

app.py

@@ -4,9 +4,6 @@ import pandas as pd
 import json
 import os
 
-# 模擬用戶數據
-users = {"admin": "password"}
-
 # 數據存儲文件
 data_file = "dog_activity_data.json"
 
@@ -59,70 +56,58 @@ def delete_activity(row_index):
     except ValueError:
         return "錯誤: 請輸入有效的數字行號", update_activity_display()
 
-# 登錄功能
-def login(username, password):
-    if username in users and users[username] == password:
-        return gr.update(visible=False), gr.update(visible=True), "登錄成功"
-    else:
-        return gr.update(visible=True), gr.update(visible=False), "用戶名或密碼錯誤"
-
 # 主界面
 def main_interface():
     init_data_file()
-
-    with gr.Blocks() as app:
-        # 登錄界面
-        login_section = gr.Column(visible=True)
-        with login_section:
-            gr.Markdown("## 🐾 狗狗活動記錄器 - 登錄")
-            username = gr.Textbox(label="用戶名", placeholder="輸入用戶名")
-            password = gr.Textbox(label="密碼", type="password", placeholder="輸入密碼")
-            login_btn = gr.Button("登錄")
-            login_msg = gr.Textbox(label="消息", interactive=False)
-
-        # 主內容界面
-        main_section = gr.Column(visible=False)
-        with main_section:
-            gr.Markdown("### 🚀 點擊按鈕記錄活動")
-            # 記錄活動按鈕 (帶顏色和 icon)
-            with gr.Row():
-                activity_buttons = {
-                    "💩 拉屎": "#FF6347",
-                    "💦 尿尿": "#4682B4",
-                    "🍽️ 全吃了": "#32CD32",
-                    "🍛 吃了一半": "#FFD700",
-                    "🥄 沒怎麼吃": "#D3D3D3"
-                }
-                button_list = []
-                for name, color in activity_buttons.items():
-                    button_list.append(
-                        gr.Button(name, elem_id=name, interactive=True, color=color)
-                    )
-
-            # 活動記錄表格
-            gr.Markdown("### 📊 最近活動記錄 (僅顯示最近5條)")
-            data_table = gr.Dataframe(update_activity_display(), interactive=False)
-
-            # 顯示更多按鈕
-            show_more_btn = gr.Button("顯示更多記錄")
-            show_less_btn = gr.Button("顯示最近5條", visible=False)
-
-            # 刪除記錄功能
-            gr.Markdown("### 🗑️ 刪除記錄")
-            row_to_delete = gr.Textbox(label="輸入要刪除的行號 (從 0 開始)")
-            delete_btn = gr.Button("刪除記錄")
-            delete_msg = gr.Textbox(label="刪除狀態", interactive=False)
-
-        # 登錄邏輯
-        login_btn.click(
-            login, 
-            inputs=[username, password], 
-            outputs=[login_section, main_section, login_msg]
-        )
+    custom_css = """
+    .custom-btn {
+        width: 100%;
+        padding: 10px;
+        margin: 5px 0;
+        color: white;
+        border: none;
+        font-size: 16px;
+        text-align: center;
+        cursor: pointer;
+        border-radius: 5px;
+    }
+    .btn-poop { background-color: #FF6347; } /* Tomato */
+    .btn-pee { background-color: #4682B4; } /* SteelBlue */
+    .btn-eat { background-color: #32CD32; } /* LimeGreen */
+    .btn-half { background-color: #FFD700; } /* Gold */
+    .btn-no-eat { background-color: #D3D3D3; } /* LightGray */
+    """
+    with gr.Blocks(css=custom_css) as app:
+        gr.Markdown("## 🐾 狗狗活動記錄器")
+
+        # 記錄活動按鈕 (不同顏色 + icon)
+        with gr.Row():
+            poop_btn = gr.Button("💩 拉屎", elem_classes="custom-btn btn-poop")
+            pee_btn = gr.Button("💦 尿尿", elem_classes="custom-btn btn-pee")
+            eat_btn = gr.Button("🍽️ 全吃了", elem_classes="custom-btn btn-eat")
+            half_eat_btn = gr.Button("🍛 吃了一半", elem_classes="custom-btn btn-half")
+            no_eat_btn = gr.Button("🥄 沒怎麼吃", elem_classes="custom-btn btn-no-eat")
+
+        # 活動記錄表格
+        gr.Markdown("### 📊 最近活動記錄 (僅顯示最近5條)")
+        data_table = gr.Dataframe(update_activity_display(), interactive=False)
+
+        # 顯示更多按鈕
+        show_more_btn = gr.Button("顯示更多記錄")
+        show_less_btn = gr.Button("顯示最近5條", visible=False)
+
+        # 刪除記錄功能
+        gr.Markdown("### 🗑️ 刪除記錄")
+        row_to_delete = gr.Textbox(label="輸入要刪除的行號 (從 0 開始)")
+        delete_btn = gr.Button("刪除記錄")
+        delete_msg = gr.Textbox(label="刪除狀態", interactive=False)
 
         # 綁定活動按鈕邏輯
-        for button, activity in zip(button_list, activity_buttons.keys()):
-            button.click(save_activity, inputs=[], outputs=[data_table])
+        poop_btn.click(lambda: save_activity("拉屎"), outputs=[data_table])
+        pee_btn.click(lambda: save_activity("尿尿"), outputs=[data_table])
+        eat_btn.click(lambda: save_activity("全吃了"), outputs=[data_table])
+        half_eat_btn.click(lambda: save_activity("吃了一半"), outputs=[data_table])
+        no_eat_btn.click(lambda: save_activity("沒怎麼吃"), outputs=[data_table])
 
         # 綁定顯示更多邏輯
         show_more_btn.click(