import os
import time

import gradio as gr

from UI.JS.ShowAndDisable import GetHideObject, HindObjectJs, ShowObjectJs


def add_text(self, history, text):
    history = history + [(text, None)]
    return history, gr.update(value="", interactive=False)

def bot(self,history):
    # response = "Hello! Click the link below:<br><a href='https://www.baidu.com' target='_blank'>Visit Example.com</a>"
    response = "hey its cool"
    history[-1][1] = ""
    for character in response:
        history[-1][1] += character
        time.sleep(0.05)
        yield history


blocks = gr.Blocks()
with blocks as demo:
    chatbot = gr.Chatbot(
        [],
        elem_id="chatbot_id",
        bubble_full_width=False,
        avatar_images=(None, (os.path.join(os.path.dirname(__file__), "../gradiodemo/Demo/IMG/didi.jpeg"))),
    )
    with gr.Row():
        txt = gr.Textbox(
            scale=4,
            show_label=False,
            placeholder="Enter text and press enter, or upload an image",
            container=False,
        )
    txt_msg = txt.submit(add_text, [chatbot, txt], [chatbot, txt], queue=False).then(
        bot, chatbot, chatbot
    )
    txt_msg.then(lambda: gr.update(interactive=True), None, [txt], queue=False)
    chatbot.visible = False
    foo_bar_btn = gr.Button("開始")
    foo_bar_btn.click(None, [], [], _js=HindObjectJs("chatbot_id"))
    foo_bar_btn = gr.Button("開始2")
    foo_bar_btn.click(None, [], [], _js=ShowObjectJs("chatbot_id"))
demo.queue()
demo.launch()