disable copy paste

app.py

@@ -4,7 +4,7 @@ from save_data import add_new_data, get_sheet_service
 from instructions import *
 from user_groups import user_data
 from constants import SDG_DETAILS, GPT_PROMPT_parallel, GPT_PROMPT_sequential, GPT_PROMPT_reverse_sequential
-
+from html_codes import *
 
 class SessionManager:
     def __init__(self):
@@ -146,21 +146,17 @@ def update_word_count(text):
     return f"Word Count: {len(words)}"
 
 if __name__ == "__main__":
-    api_key = get_api_key(local=False)
-    service, SHEET_IDs = get_sheet_service(local=False)
+    deploy_local = False
+    api_key = get_api_key(local=deploy_local)
+    service, SHEET_IDs = get_sheet_service(local=deploy_local)
     SHEET_ID1, SHEET_ID2, SHEET_ID3 = SHEET_IDs
 
     session_manager = SessionManager()
 
     with gr.Blocks(fill_width=True,
-        css = """
-        .gradio-container {
-            background: url('https://platform.vox.com/wp-content/uploads/sites/2/chorus/uploads/chorus_asset/file/9376591/blade3.jpg');
-            background-size: cover;
-            background-attachment: fixed;
-            background-position: center;
-        }
-        """) as app:
+        css = background_css,
+        js = no_copy_paste_js
+        ) as app:
         title = gr.HTML("<h1 style='color: white;'> Human-AI Ensemble </h1>")
         with gr.Row():
             identification_code = gr.Textbox(label="Enter your identification code")

html_codes.py

@@ -0,0 +1,25 @@
+no_copy_paste_js = """
+function disableCopyPaste() {
+    // 禁用复制
+    document.addEventListener('copy', (event) => {
+        event.preventDefault();
+        alert('Copy has been disabled.');
+    });
+
+    // no paste
+    document.addEventListener('paste', (event) => {
+        event.preventDefault();
+        alert('Paste has been disabled, please type your original answer.');
+    });
+
+}
+"""
+
+background_css = """
+        .gradio-container {
+            background: url('https://platform.vox.com/wp-content/uploads/sites/2/chorus/uploads/chorus_asset/file/9376591/blade3.jpg');
+            background-size: cover;
+            background-attachment: fixed;
+            background-position: center;
+        }
+        """