Spaces:

ChenyuRabbitLove
/

MESReport

Running

App Files Files Community

ChenyuRabbitLove commited on Nov 6, 2023

Commit

de7f21d

•

1 Parent(s): f708afc

refactor: add utils

Browse files

Files changed (3) hide show

app.py +29 -29
htmls/gallery.html +0 -28
utils/utils.py +4 -0

app.py CHANGED Viewed

@@ -3,25 +3,29 @@ import json
 import gradio as gr
 from theme import Seafoam
 seafoam = Seafoam()
-# load css
-with open("css/style.css", "r", encoding="utf-8") as file:
-    css = file.read()
 # start of gradio interface
-with gr.Blocks(theme=seafoam, css=css) as demo:
     with gr.Row():
         with gr.Column(
             scale=1,
         ):
             pet_gallery = gr.Gallery(
                 [
-                    "medias/partner1.png",
-                    "medias/partner2.png",
-                    "medias/partner3.png",
-                    "medias/partner4.png",
                 ]
                 * 2,
                 label="夥伴",
@@ -34,10 +38,10 @@ with gr.Blocks(theme=seafoam, css=css) as demo:
             badge_gallery = gr.Gallery(
                 [
-                    "medias/badge.png",
-                    "medias/badge2.png",
-                    "medias/badge3.png",
-                    "medias/badge4.png",
                 ]
                 * 2,
                 show_share_button=True,
@@ -51,7 +55,7 @@ with gr.Blocks(theme=seafoam, css=css) as demo:
         with gr.Column(scale=1):
             avatar = gr.Gallery(
-                ["medias/avatar.png", "medias/avatar2.png"],
                 preview=True,
                 elem_id="user_avatar",
             )
@@ -61,31 +65,27 @@ with gr.Blocks(theme=seafoam, css=css) as demo:
         with gr.Column(scale=1):
             description = gr.Markdown("# 冒險階段", elem_id="adventure_description")
-            with open("htmls/progress_bar.html", "r", encoding="utf-8") as file:
-                progress_bar_html = file.read()
-                progress_bar_html = (
-                    "<div style='max-width:100%; max-height:360px; overflow:auto'>"
-                    + progress_bar_html
-                )
             progress_bar = gr.HTML(
                 progress_bar_html,
             )
-            with open("htmls/stage_desc.html", "r", encoding="utf-8") as file:
-                stage_desc_html = file.read()
-                stage_desc_html = (
-                    "<div style='max-width:100%; max-height:360px; overflow:auto'>"
-                    + stage_desc_html
-                )
             stage_desc = gr.HTML(
                 stage_desc_html,
             )
     with gr.Row():
-        with open("htmls/achievement.html", "r", encoding="utf-8") as file:
-            html = file.read()
-        html = "<div style='max-width:100%; max-height:360px; overflow:auto'>" + html
         f = gr.HTML(html, label="Achievement Log", elem_id="achievement_log")
 if __name__ == "__main__":

 import gradio as gr
 from theme import Seafoam
+from utils.utils import get_content
 seafoam = Seafoam()
+def get_player_info(player_backend_user_id):
+    with open("data.json", "r", encoding="utf-8") as file:
+        player_info = json.load(file)
+    return player_info[player_backend_user_id]
 # start of gradio interface
+with gr.Blocks(theme=seafoam, css=get_content("css/style.css")) as demo:
     with gr.Row():
         with gr.Column(
             scale=1,
         ):
             pet_gallery = gr.Gallery(
                 [
+                    "media/partner1.png",
+                    "media/partner2.png",
+                    "media/partner3.png",
+                    "media/partner4.png",
                 ]
                 * 2,
                 label="夥伴",
             badge_gallery = gr.Gallery(
                 [
+                    "media/badge.png",
+                    "media/badge2.png",
+                    "media/badge3.png",
+                    "media/badge4.png",
                 ]
                 * 2,
                 show_share_button=True,
         with gr.Column(scale=1):
             avatar = gr.Gallery(
+                ["media/avatar.png", "media/avatar2.png"],
                 preview=True,
                 elem_id="user_avatar",
             )
         with gr.Column(scale=1):
             description = gr.Markdown("# 冒險階段", elem_id="adventure_description")
+            progress_bar_html = (
+                "<div style='max-width:100%; max-height:360px; overflow:auto'>"
+                + get_content("htmls/progress_bar.html")
+            )
             progress_bar = gr.HTML(
                 progress_bar_html,
             )
+            stage_desc_html = (
+                "<div style='max-width:100%; max-height:360px; overflow:auto'>"
+                + get_content("htmls/stage_desc.html")
+            )
             stage_desc = gr.HTML(
                 stage_desc_html,
             )
     with gr.Row():
+        html = (
+            "<div style='max-width:100%; max-height:360px; overflow:auto'>"
+            + get_content("htmls/achievement.html")
+        )
         f = gr.HTML(html, label="Achievement Log", elem_id="achievement_log")
 if __name__ == "__main__":

htmls/gallery.html DELETED Viewed

@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Pets Gallery</title>
-    <style>
-        .gallery {
-            display: grid;
-            grid-template-columns: repeat(3, 1fr);
-            gap: 10px;
-        }
-        img {
-            width: 100%;
-            height: auto;
-            border-radius: 8px;
-        }
-    </style>
-</head>
-<body>
-    <h1>Pets Gallery</h1>
-    <div class="gallery">
-        <img src="badge.png" alt="Pet 1 description">
-        <img src="path_to_pet2_image.jpg" alt="Pet 2 description">
-        <img src="path_to_pet3_image.jpg" alt="Pet 3 description">
-    </div>
-</body>
-</html>

utils/utils.py ADDED Viewed

	@@ -0,0 +1,4 @@

+def get_content(file_name: str) -> str:
+    with open(file_name, "r", encoding="utf-8") as file:
+        content = file.read()
+    return content