Upload folder using huggingface_hub

README.md

@@ -1,12 +1,12 @@
+
 ---
-title: Todo List Js Main
-emoji: 📚
-colorFrom: pink
-colorTo: gray
+title: todo_list_js_main 
+emoji: 🔥
+colorFrom: indigo
+colorTo: indigo
 sdk: gradio
 sdk_version: 5.19.0
-app_file: app.py
+app_file: run.py
 pinned: false
+hf_oauth: true
 ---
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

requirements.txt

@@ -0,0 +1,2 @@
+gradio-client @ git+https://github.com/gradio-app/gradio@16d419b9f1f18ae4507d18a4739eb83ac4f3fae9#subdirectory=client/python
+https://gradio-pypi-previews.s3.amazonaws.com/16d419b9f1f18ae4507d18a4739eb83ac4f3fae9/gradio-5.19.0-py3-none-any.whl

run.ipynb

@@ -0,0 +1 @@
+{"cells": [{"cell_type": "markdown", "id": "302934307671667531413257853548643485645", "metadata": {}, "source": ["# Gradio Demo: todo_list_js"]}, {"cell_type": "code", "execution_count": null, "id": "272996653310673477252411125948039410165", "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": "288918539441861185822528903084949547379", "metadata": {}, "outputs": [], "source": ["\"\"\"\n", "This is a simple todo list app that allows you to edit tasks and mark tasks as complete.\n", "All actions are performed on the client side.\n", "\"\"\"\n", "import gradio as gr\n", "\n", "tasks = [\"Get a job\", \"Marry rich\", \"\", \"\", \"\", \"\"]\n", "textboxes = []\n", "buttons = []\n", "with gr.Blocks() as demo:\n", "    with gr.Row():\n", "        with gr.Column(scale=3):\n", "            gr.Markdown(\"# A Simple Interactive Todo List\")\n", "        with gr.Column(scale=2):\n", "            with gr.Row():\n", "                freeze_button = gr.Button(\"Freeze tasks\", variant=\"stop\")\n", "                edit_button = gr.Button(\"Edit tasks\")\n", "    for i in range(6):\n", "        with gr.Row() as r:\n", "            t = gr.Textbox(tasks[i], placeholder=\"Enter a task\", show_label=False, container=False, scale=7, interactive=True)\n", "            b = gr.Button(\"\u2714\ufe0f\", interactive=bool(tasks[i]), variant=\"primary\" if tasks[i] else \"secondary\")\n", "            textboxes.append(t)\n", "            buttons.append(b)\n", "        t.change(lambda : gr.Button(interactive=True, variant=\"primary\"), None, b, js=True)\n", "        b.click(lambda : gr.Row(visible=False), None, r, js=True)\n", "    freeze_button.click(lambda : [gr.Textbox(interactive=False), gr.Textbox(interactive=False), gr.Textbox(interactive=False), gr.Textbox(interactive=False), gr.Textbox(interactive=False), gr.Textbox(interactive=False)], None, textboxes, js=True)\n", "    edit_button.click(lambda : [gr.Textbox(interactive=True), gr.Textbox(interactive=True), gr.Textbox(interactive=True), gr.Textbox(interactive=True), gr.Textbox(interactive=True), gr.Textbox(interactive=True)], None, textboxes, js=True)\n", "    freeze_button.click(lambda : [gr.Button(visible=False), gr.Button(visible=False), gr.Button(visible=False), gr.Button(visible=False), gr.Button(visible=False), gr.Button(visible=False)], None, buttons, js=True)\n", "    edit_button.click(lambda : [gr.Button(visible=True), gr.Button(visible=True), gr.Button(visible=True), gr.Button(visible=True), gr.Button(visible=True), gr.Button(visible=True)], None, buttons, js=True)\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}

run.py

@@ -0,0 +1,32 @@
+"""
+This is a simple todo list app that allows you to edit tasks and mark tasks as complete.
+All actions are performed on the client side.
+"""
+import gradio as gr
+
+tasks = ["Get a job", "Marry rich", "", "", "", ""]
+textboxes = []
+buttons = []
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column(scale=3):
+            gr.Markdown("# A Simple Interactive Todo List")
+        with gr.Column(scale=2):
+            with gr.Row():
+                freeze_button = gr.Button("Freeze tasks", variant="stop")
+                edit_button = gr.Button("Edit tasks")
+    for i in range(6):
+        with gr.Row() as r:
+            t = gr.Textbox(tasks[i], placeholder="Enter a task", show_label=False, container=False, scale=7, interactive=True)
+            b = gr.Button("✔️", interactive=bool(tasks[i]), variant="primary" if tasks[i] else "secondary")
+            textboxes.append(t)
+            buttons.append(b)
+        t.change(lambda : gr.Button(interactive=True, variant="primary"), None, b, js=True)
+        b.click(lambda : gr.Row(visible=False), None, r, js=True)
+    freeze_button.click(lambda : [gr.Textbox(interactive=False), gr.Textbox(interactive=False), gr.Textbox(interactive=False), gr.Textbox(interactive=False), gr.Textbox(interactive=False), gr.Textbox(interactive=False)], None, textboxes, js=True)
+    edit_button.click(lambda : [gr.Textbox(interactive=True), gr.Textbox(interactive=True), gr.Textbox(interactive=True), gr.Textbox(interactive=True), gr.Textbox(interactive=True), gr.Textbox(interactive=True)], None, textboxes, js=True)
+    freeze_button.click(lambda : [gr.Button(visible=False), gr.Button(visible=False), gr.Button(visible=False), gr.Button(visible=False), gr.Button(visible=False), gr.Button(visible=False)], None, buttons, js=True)
+    edit_button.click(lambda : [gr.Button(visible=True), gr.Button(visible=True), gr.Button(visible=True), gr.Button(visible=True), gr.Button(visible=True), gr.Button(visible=True)], None, buttons, js=True)
+
+if __name__ == "__main__":
+    demo.launch()