Update app.py

app.py

@@ -664,12 +664,14 @@ def custom_css():
 ########################################
 # Bot- test gegen schädliche Bots die die Anwendung testen...
 # Funktion zur Überprüfung der Benutzereingabe
-def validate_input(user_input):
+# Funktion zur Überprüfung der Eingabe und Aktivierung der Hauptanwendung
+def validate_input(user_input, state):
     user_input_hashed = hash_input(user_input.lower())
     if user_input_hashed == correct_hash:
-        return "Richtig! Du kannst jetzt die App nutzen."
+        state.update(visible=True)  # Hauptanwendung sichtbar machen
+        return "Richtig! Weiter gehts... ", ""
     else:
-        return "Falsche Antwort!"
+        return "Falsche Antwort!", None
         
 def launch_main_app(_):
     # Schließt das Validierungs-Interface und startet die Hauptanwendung
@@ -680,13 +682,14 @@ def launch_main_app(_):
 # Start Gui Vorabfrage
 # Validierungs-Interface - Bots weghalten...
 print ("Start GUI Vorabfrage")
+"""
 validation_interface = gr.Interface(
     fn=validate_input,
     inputs=gr.Textbox(label="Bitte tippen Sie das oben im Moodle Kurs angegebene Wort ein, um zu beweisen, dass Sie kein Bot sind."),
     outputs=[gr.Text(label="Überprüfungsergebnis")],
     live=True  # Aktiviert die Live-Aktualisierung ohne Submit-Button
 )
-
+"""
 #################################################################################################    
 print ("Start GUI Hauptanwendung")
 with open("custom.css", "r", encoding="utf-8") as f:
@@ -728,9 +731,15 @@ with gr.Blocks(css=custom_css(), theme=themeAlex) as demo:
     gr.Markdown(description_top)
     with gr.Tab("KKG Chatbot"):
         with gr.Row():
+        user_input = gr.Textbox(label="Bitte tippen Sie das oben im Moodle Kurs angegebene Wort ein, um zu beweisen, dass Sie kein Bot sind.")
+        validate_btn = gr.Button("Überprüfen")
+        validation_result = gr.Text(label="Validierungsergebnis")
+        state = gr.State(visible=False)  # Zustand zur Steuerung der Sichtbarkeit der Hauptanwendung
+    
+        with gr.Row(visible=state):
             #gr.HTML("LI Chatot")
             status_display = gr.Markdown("Antwort der KI ...", visible = True) #, elem_id="status_display")
-        with gr.Row():
+        with gr.Row(visible=state):
             with gr.Column(scale=5):
                 with gr.Row():
                     chatbot = gr.Chatbot(elem_id="li-chat",show_copy_button=True)
@@ -818,11 +827,11 @@ with gr.Blocks(css=custom_css(), theme=themeAlex) as demo:
     # Tab zum Zeichnen mit Stable Diffusion
     ################################################
     with gr.Tab("LI Zeichnen"):
-        with gr.Row(): 
+        with gr.Row(visible=state): 
             gr.HTML("Lass den KI-Bot deine Ideen zeichnen...")
             status_display2 = gr.Markdown("Success", visible = False, elem_id="status_display")
         #gr.Markdown(description2)
-        with gr.Row():
+        with gr.Row(visible=state):
             with gr.Column(scale=5):
                 with gr.Row():
                     chatbot_bild = gr.Chatbot(elem_id="li-zeichnen",show_copy_button=True, show_share_button=True)
@@ -920,6 +929,12 @@ with gr.Blocks(css=custom_css(), theme=themeAlex) as demo:
         fn=add_text, inputs=[chatbot, history, user_input, attached_file, attached_file_history], outputs=[chatbot, history, user_question, attached_file, attached_file_history, image_display , user_input], show_progress=True
     )
 
+    ##############################################
+    # Button Events....
+    #Validation Button
+    # Event-Handler für die Validierung
+    validate_btn.click(validate_input, inputs=[user_input, state], outputs=[validation_result, state])
+
     predict_event1 = user_input.submit(**transfer_input_args, queue=False,).then(**predict_args)
     predict_event2 = submitBtn.click(**transfer_input_args, queue=False,).then(**predict_args)
     predict_event3 = upload.upload(file_anzeigen, [upload], [image_display, image_display, attached_file] ) #.then(**predict_args)