Update run.py

run.py

@@ -1,9 +1,9 @@
 
 import gradio as gr
 
-elemIDs=list(range(5)) # elemIDs 0-4
-defaultElemIDs=list(range(0,len(elemIDs)))
-internal_state=0
+changeableElemNames=["Input Text","Submit","Button 1","Button 2","Button 3","Button 4"] # Input Text, Submit Button and further buttons
+elemIDs=list(range(len(changeableElemNames))) # IDs of elements 
+defaultElemIDs=list(range(0,len(changeableElemNames))) # IDs of elements visible at the beginnning
  
 def toggler(visibility=defaultElemIDs):
    l=[]
@@ -12,6 +12,7 @@ def toggler(visibility=defaultElemIDs):
    l.append(gr.Button("Button 2",      visible=(2 in visibility)))
    l.append(gr.Button("Button 3",      visible=(3 in visibility)))
    l.append(gr.Button("Button 4",      visible=(4 in visibility)))
+   l.append(gr.Button("Button 5",      visible=(5 in visibility)))
    print("Toggler:\n\nelemIDs="+str(elemIDs)+"\n\nVisibility="+str(visibility)+"\n\nl="+str(l)) #+"\n\ntest4="+str(4 in visibility))
    return l
 
@@ -21,13 +22,13 @@ def listener(btn):
   if(btn=="Button 2"): r=2
   if(btn=="Button 3"): r=3
   if(btn=="Button 4"): r=4
+  if(btn=="Button 5"): r=5
   print("Listener:\n\nbtn="+str(btn)+"\n\nr="+str(r))
   return gr.Radio([str(e) for e in elemIDs],label="Button clicked",value=str(r))
 
-def respond(state, chat_history, visible_elemIDs):
-  global internal_state
+def respond(state, chat_history, visible_elemIDs,internal_state):
   previous_state = internal_state
-  internal_state = state
+  internal_state = state # in this example the internal state is set to the button clicked
   if(str(state) in [str(e) for e in visible_elemIDs]):  # react to Buttons
     bot_message = f"I was in state \"{previous_state}\" and am now in state \"{internal_state}\". please click another button."
     #print("respond to button!")
@@ -44,29 +45,41 @@ def respond(state, chat_history, visible_elemIDs):
     print("restore visibility to "+str(defaultElemIDs)) 
     visible_elemIDs=defaultElemIDs 
   print("respond:\n\nvisible_elemIDs="+str(visible_elemIDs)+"\n\nbot_message="+str(bot_message))
-  return state, chat_history, visible_elemIDs
+  return state, chat_history, visible_elemIDs, internal_state
 
 with gr.Blocks() as demo:
-  chatbot = gr.Chatbot(value=[[None, f"I'm in state \"{internal_state}\". Please click a button!"]])
-  msg,btn1,btn2,btn3,btn4 = toggler()
-  changeableElems=[msg,btn1,btn2,btn3,btn4]
+  chatbot = gr.Chatbot(value=[[None, f"I'm in state \"0\". Please click a button!"]])
+  changeableElems=toggler()
+  for name, value in zip(changeableElemNames, changeableElems):
+   globals()[name] = value
+  hideInternals=True    
+  internalState=gr.Radio(
+    [str(e) for e in elemIDs],
+    value="0",
+    visible=hideInternals==False,
+    label="Internal state") # determine internal state of the chatbot
   visibility=gr.Dropdown(
     elemIDs, 
-    value=defaultElemIDs, #list(range(1,len(elemIDs))),
+    value=defaultElemIDs,
     multiselect=True, 
-    visible=True, #False,     
-    label="Active Elements") # determine which elements are visible #,visible=False      
-  clicked=gr.Radio([str(e) for e in elemIDs],label="Button clicked",value=0) # determine which Element/Button was clicked last
+    visible=hideInternals==False,     
+    label="Active Elements") # determine which elements are visible 
+  clicked=gr.Radio(
+    [str(e) for e in elemIDs],
+    value="0", 
+    visible=hideInternals==False,
+    label="Button clicked") # determine which Element/Button was clicked last
   visibility.change(toggler, inputs=visibility, outputs=changeableElems) # change elemIDs when visibility is changed 
   chatbot.change(toggler, inputs=visibility, outputs=changeableElems) # change elemIDs when chatbot responds
-  clicked.change(respond,inputs=[clicked,chatbot,visibility], outputs=[clicked,chatbot,visibility])
-  btn1.click(respond,inputs=[msg,chatbot,visibility], outputs=[msg,chatbot,visibility])
-  #btn1.click(listener, inputs=btn1, outputs=clicked)
-  btn2.click(listener, inputs=btn2, outputs=clicked)
-  btn3.click(listener, inputs=btn3, outputs=clicked)
-  btn4.click(listener, inputs=btn4, outputs=clicked)
+  clicked.change(respond,inputs=[clicked,chatbot,visibility,internalState], outputs=[clicked,chatbot,visibility,internalState])
+  globals()[changeableElemNames[1]].click(
+    respond,
+    inputs=[globals()[changeableElemNames[0]],chatbot,visibility,internalState], 
+    outputs=[globals()[changeableElemNames[0]],chatbot,visibility,internalState])
+  for n in [changeableElemNames[x] for x in list(range(2,len(changeableElemNames)))]: # for all elements except 0&1:
+    globals()[n].click(listener, inputs=globals()[n], outputs=clicked)
   with gr.Row():
       chatbot
-      gr.Column([btn1,btn2,btn3,btn4])
+      gr.Column([changeableElemNames[x] for x in list(range(1,len(changeableElemNames)))])
 
 demo.launch()