english_header_init btn_js

app.py

@@ -1960,65 +1960,49 @@ CSS = """
     }
 """
 
-english_grapragh_practice_button_js = """
-    function english_grapragh_practice_button_click() {
-        document.getElementById("english_grapragh_practice_row").style.display = "block";
+english_header_init_btn_js = """
+        document.getElementById("english_grapragh_practice_row").style.display = "none";
         document.getElementById("english_grapragh_evaluate_row").style.display = "none";
         document.getElementById("english_exam_practice_row").style.display = "none";
         document.getElementById("english_logs_row").style.display = "none";
-        document.getElementById("english_grapragh_practice_button").classList.add("primary");
+        document.getElementById("english_grapragh_practice_button").classList.remove("primary");
         document.getElementById("english_grapragh_evaluate_button").classList.remove("primary");
         document.getElementById("english_exam_practice_tab_button").classList.remove("primary");
         document.getElementById("english_logs_tab_button").classList.remove("primary");
-
-        return true;
-    }
 """
-
-english_grapragh_evaluate_button_js = """
-    function english_grapragh_evaluate_button_click() {
-        document.getElementById("english_grapragh_practice_row").style.display = "none";
+english_grapragh_practice_button_js = f"""
+    function english_grapragh_practice_button_click() {{
+        {english_header_init_btn_js}
+        document.getElementById("english_grapragh_practice_row").style.display = "block";
+        document.getElementById("english_grapragh_practice_button").classList.add("primary");
+        return true;
+    }}
+""" 
+english_grapragh_evaluate_button_js = f"""
+    function english_grapragh_evaluate_button_click() {{
+        {english_header_init_btn_js}
         document.getElementById("english_grapragh_evaluate_row").style.display = "block";
-        document.getElementById("english_exam_practice_row").style.display = "none";
-        document.getElementById("english_logs_row").style.display = "none";
-        document.getElementById("english_grapragh_practice_button").classList.remove("primary");
         document.getElementById("english_grapragh_evaluate_button").classList.add("primary");
-        document.getElementById("english_exam_practice_tab_button").classList.remove("primary");
-        document.getElementById("english_logs_tab_button").classList.remove("primary");
-    
         return true;
-    }
+    }}
 """
-
-english_exam_practice_tab_button_js = """
-    function english_exam_practice_tab_button_click() {
-        document.getElementById("english_grapragh_practice_row").style.display = "none";
-        document.getElementById("english_grapragh_evaluate_row").style.display = "none";
+english_exam_practice_tab_button_js = f"""
+    function english_exam_practice_tab_button_click() {{
+        {english_header_init_btn_js}
         document.getElementById("english_exam_practice_row").style.display = "block";
-        document.getElementById("english_logs_row").style.display = "none";
-        document.getElementById("english_grapragh_practice_button").classList.remove("primary");
-        document.getElementById("english_grapragh_evaluate_button").classList.remove("primary");
         document.getElementById("english_exam_practice_tab_button").classList.add("primary");
-        document.getElementById("english_logs_tab_button").classList.remove("primary");
-
         return true;
-    }
+    }}
 """
-
-english_logs_tab_button_js = """
-    function english_logs_tab_button_click() {
-        document.getElementById("english_grapragh_practice_row").style.display = "none";
-        document.getElementById("english_grapragh_evaluate_row").style.display = "none";
-        document.getElementById("english_exam_practice_row").style.display = "none";
+english_logs_tab_button_js = f"""
+    function english_logs_tab_button_click() {{
+        {english_header_init_btn_js}
         document.getElementById("english_logs_row").style.display = "block";
-        document.getElementById("english_grapragh_practice_button").classList.remove("primary");
-        document.getElementById("english_grapragh_evaluate_button").classList.remove("primary");
-        document.getElementById("english_exam_practice_tab_button").classList.remove("primary");
         document.getElementById("english_logs_tab_button").classList.add("primary");
-
         return true;
-    }
+    }}
 """
+
 THEME = gr.themes.Glass(
         primary_hue=gr.themes.colors.blue, 
         secondary_hue=gr.themes.colors.orange,