Update app.py

app.py

@@ -32,6 +32,81 @@ models=[
 ]
 #o = os.getenv("P")
 o = "V"
+
+t_out = gr.HTML.update("""
+
+<style>
+/* Popup container */
+.popup {
+  position: relative;
+  display: inline-block;
+  cursor: pointer;
+}
+
+/* The actual popup (appears on top) */
+.popup .popuptext {
+  visibility: hidden;
+  width: 160px;
+  background-color: #555;
+  color: #fff;
+  text-align: center;
+  border-radius: 6px;
+  padding: 8px 0;
+  position: absolute;
+  z-index: 1;
+  bottom: 125%;
+  left: 50%;
+  margin-left: -80px;
+}
+
+/* Popup arrow */
+.popup .popuptext::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px;
+  border-style: solid;
+  border-color: #555 transparent transparent transparent;
+}
+
+/* Toggle this class when clicking on the popup container (hide and show the popup) */
+.popup .show {
+  visibility: visible;
+  -webkit-animation: fadeIn 1s;
+  animation: fadeIn 1s
+}
+
+/* Add animation (fade in the popup) */
+@-webkit-keyframes fadeIn {
+  from {opacity: 0;}
+  to {opacity: 1;}
+}
+
+@keyframes fadeIn {
+  from {opacity: 0;}
+  to {opacity:1 ;}
+}
+
+</style>
+<div class="popup" onclick="myFunction()">Click me!
+  <span class="popuptext" id="myPopup">Popup text...</span>
+</div>
+<script>
+// When the user clicks on <div>, open the popup
+function myFunction() {
+  var popup = document.getElementById("myPopup");
+  popup.classList.toggle("show");
+}
+</script>
+
+
+
+
+""",visible=True)
+
+
 def ac():
     def clear():
         return gr.update(value=0),gr.update(value=0)
@@ -40,14 +115,14 @@ def ac():
         stamp = time.time()
         return gr.update(value=stamp),gr.update(value=0)
     def end(stamp):
-        ts = stamp + 20
+        ts = stamp + 10
         ti = time.time()
         if ti > ts and stamp != 0:
             print("Cancelling")
-            return gr.update(value=1)
+            return gr.update(value=1),t_out
         else:
             print("Passing")
-            return gr.update(value=0)
+            return gr.update(value=0),None
     
     def im_fn(put,fac="",h=None):
         if h == o:
@@ -61,6 +136,7 @@ def ac():
     def cl_fac():
         return ""
     with gr.Blocks(css=css) as b:
+        message=gr.HTML("""""", visible=False)
         with gr.Row():
             put = gr.Textbox()            
             btn1 = gr.Button()
@@ -79,7 +155,7 @@ def ac():
         btn1.click(cl_fac,None,fac_b)
 
         b1=btn1.click(start,None,[t_state,t_switch])
-        sta = t_state.change(end,t_state,t_switch,every=1)
+        sta = t_state.change(end,t_state,[t_switch,message],every=1)
 
         b2=btn1.click(im_fn,[put,fac_b,h],[out1,fac_b])
         b3=out1.change(im_fn,[put,fac_b,h],[out2,fac_b])