feat: support update team info

competitions/app.py

@@ -4,6 +4,7 @@ import threading
 import time
 import io
 import traceback
+import json
 from typing import Dict, Any, List, Optional
 from urllib.parse import urlencode
 
@@ -520,8 +521,6 @@ def register(
     if team_info is not None:
         return {"success": False, "response": "You have already registered your team."}
 
-
-
     utils.team_file_api.create_team(
         user_token,
         request.team_name,
@@ -531,6 +530,23 @@ def register(
     return {"success": True, "response": "Team created successfully."}
 
 
+@app.post("/update_team_info")
+def update_team_info(
+    request: RegisterRequest,
+    user_token: str = Depends(utils.user_authentication)
+):
+    if user_token is None:
+        return {"success": False, "response": "Please login."}
+
+    utils.team_file_api.update_team(
+        user_token,
+        request.team_name,
+        request.model_dump()
+    )
+
+    return {"success": True, "response": "Update team info success."}
+
+
 @app.get("/error_log")
 def get_error_log(token: str = Query(..., description="Token to access the error log file.")):
     try:
@@ -559,3 +575,24 @@ def register_page(request: Request):
         "version": __version__,
     }
     return templates.TemplateResponse("register_page.html", context)
+
+
+@app.get("/update_team_info_page", response_class=HTMLResponse)
+def update_team_info_page(request: Request, user_token: str = Depends(utils.user_authentication)):
+    """
+    This function is used to render the update team info HTML page.
+    """
+    if user_token is None:
+        return HTTPException(status_code=403, detail="Please login to access this page.")
+    
+    team_info = utils.team_file_api.get_team_info(user_token)
+    if team_info is None:
+        return HTTPException(status_code=403, detail="You have not registered your team yet.")
+
+    print(team_info)
+    context = {
+        "request": request,
+        "team_info_json_string": json.dumps(team_info),
+        "version": __version__,
+    }
+    return templates.TemplateResponse("update_team_info_page.html", context)

competitions/templates/index.html

@@ -53,11 +53,7 @@
                 })
                 .then(data => {
                     const contentDiv = document.getElementById('content');
-                    const teamNameDiv = `
-                        <div class="flex items-center">
-                            <input type="text" name="team_name" id="team_name" class="mt-1 mb-1 block me-2" value="${data.response.team_name}">
-                            <button id="updateTeamNameButton" type="button" class="confirm text-white bg-green-600 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-green-300 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center me-2">Update Team Name</button>
-                        </div>`;
+                    const teamNameDiv = `<h2>${data.response.team_name}</h2>`
                     // console.log(data.response.submissions);
                     // contentDiv.innerHTML = marked.parse(data.response.submission_text) + data.response.submissions;
                     if (data.response.submissions && data.response.submissions.length > 0 && data.response.error.length == 0) {
@@ -370,6 +366,9 @@
                 if (is_admin) {
                     document.getElementById("admin").classList.remove("hidden");
                 }
+                if (is_registered) {
+                    document.getElementById("updateTeamInfo").style.display = "block";
+                }
                 submissionInfo.addEventListener('click', function (event) {
                     event.preventDefault(); // Prevent the default link behavior
                     if (is_registered) {
@@ -525,6 +524,12 @@
                         Login with Hugging Face
                     </a>
                 </li>
+                <li id="updateTeamInfo" style="display: none;">
+                    <a href="/update_team_info_page"
+                        class="flex justify-center items-center bg-green-600 hover:bg-green-800 text-white text-center font-bold py-2 px-4 rounded transition duration-200 ease-in-out">
+                        Update Team Info
+                    </a>
+                </li>
                 <li id="logoutButton" style="display: none;">
                     <a href="/logout"
                         class="flex justify-center items-center bg-red-400 hover:bg-red-600 text-white text-center font-bold py-2 px-4 rounded transition duration-200 ease-in-out">

competitions/templates/update_team_info_page.html

@@ -0,0 +1,209 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>Team Registration - JSON Editor</title>
+  <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/json-editor@latest/dist/jsoneditor.min.css"> -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/spectre.css@latest/dist/spectre.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/spectre.css@latest/dist/spectre-exp.min.css">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
+
+
+  <style>
+    body { font-family: Arial, sans-serif; padding: 20px; }
+    #editor_holder { margin-bottom: 20px; }
+    .btn-group-custom {
+      display: flex;
+      justify-content: center;
+      gap: 1rem;
+      margin-top: 3rem;
+    }
+  </style>
+</head>
+<body>
+  <h1>Team Registration Form</h1>
+  <div id="editor_holder"></div>
+  <div class="btn-group btn-group-custom ">
+    <button id="submit" class="btn btn-primary">Submit</button>
+    <button id="cancel" class="btn btn-error">Cancel</button>
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js"></script>
+</body>
+
+<script>
+const schema = {
+  "title": `All the information you provide in the form must be accurate; otherwise, your registration will be rejected. If you are a student participant, please check the "Is Student" box and fill in the relevant information.`,
+  "type": "object",
+  "definitions": {
+    "student": {
+    "type": "object",
+    "id": "student",
+    "properties": {
+      "majar": {
+        "type": "string",
+        "title": "Majar",
+        "minLength": 1,
+      },
+      "degree": {
+        "type": "string",
+        "title": "Degree",
+        "enum": ["Bachelor", "Master", "PhD"]
+      },
+      "advising_professor": {
+        "type": "string",
+        "title": "Advising Professo",
+        "minLength": 1,
+      },
+      "grade": {
+        "type": "string",
+        "title": "Grade",
+        "minLength": 1,
+      },
+      "expected_graduation_year": {
+        "type": "string",
+        "title": "Expected Graduation Year",
+        "minLength": 1,
+      }
+    }
+  }
+  },
+  "properties": {
+    "team_name": {
+      "type": "string",
+      "title": "Team Name",
+      "minLength": 1,
+    },
+    "team_members": {
+      "type": "array",
+      "title": "Team Members",
+      "minItems": 1,
+      "maxItems": 12,
+      "format": "tabs",
+      "items": {
+        "type": "object",
+        "title": "Member",
+        "properties": {
+          "name": {
+            "type": "string",
+            "title": "Name",
+            "minLength": 1
+          },
+          "email": {
+            "type": "string",
+            "title": "Email",
+            "format": "email",
+            "minLength": 1
+          },
+          "institution": {
+            "type": "string",
+            "title": "Institution",
+            "minLength": 1
+          },
+            "student_info": {
+            "title": "Is Student",
+                "oneOf": [
+                    {
+                        "title": "no",
+                        "type": "null"
+                    },
+                    {
+                        "title": "yes",
+                        "$ref": "#/definitions/student"
+                    }
+                ]
+            }
+        }
+      }
+    }
+  }
+}
+
+const teamInfo = JSON.parse('{{ team_info_json_string|safe }}')["other_data"];
+teamInfo.team_members = teamInfo.team_members.map(member => {
+  const newMemberInfo = {
+    name: member.name,
+    email: member.email,
+    institution: member.institution
+  }
+  if (member.is_student) {
+    newMemberInfo.student_info = {
+      majar: member.majar,
+      degree: member.degree,
+      advising_professor: member.advising_professor,
+      grade: member.grade,
+      expected_graduation_year: member.expected_graduation_year
+    };
+  } else {
+    newMemberInfo.student_info = null;
+  }
+  return newMemberInfo;
+});
+
+const editor = new JSONEditor(document.getElementById('editor_holder'), {
+    schema: schema,
+    theme: 'spectre',
+    iconlib: 'fontawesome5',
+    disable_array_delete_all_rows: true,
+    disable_array_delete_last_row: true,
+    disable_collapse: true,
+    disable_edit_json: true,
+    disable_properties: true,
+    disable_array_reorder: true,
+    prompt_before_delete: false,
+    required_by_default: true,
+    array_controls_top: true,
+    remove_button_labels: true,
+    show_errors: "change",
+    startval: teamInfo,
+});
+
+submitButton = document.getElementById('submit');
+cancelButton = document.getElementById('cancel');
+
+submitButton.addEventListener('click', () => {
+  const errors = editor.validate();
+  editor.showValidationErrors(errors);
+  if (errors.length > 0) {
+    return;
+  }
+  const regsiterData = editor.getValue();
+  regsiterData.team_members = regsiterData.team_members.map(member => {
+    return {
+      name: member.name,
+      email: member.email,
+      institution: member.institution,
+      is_student: member.student_info !== null,
+      ...member.student_info
+    };
+  });
+  
+  submitButton.textContent = "Submitting...";
+  submitButton.classList.add('disabled');
+  cancelButton.classList.add('disabled');
+  fetch('/update_team_info', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(regsiterData) })
+      .then(response => {
+        if (response.status !== 200) {
+          throw new Error('Network response was not ok');
+        }
+        return response.json();
+      })
+      .then(data => {
+          if (data.success) {
+            window.location.href = "/"
+          } else {
+            alert("Registration failed: " + data.response);
+          }
+      })
+      .finally(() => {
+          setTimeout(() => {
+            submitButton.textContent = "Submit";
+            submitButton.classList.remove('disabled');
+            cancelButton.classList.remove('disabled');
+          }, 2000);
+      })
+});
+cancelButton.addEventListener('click', () => {
+  window.location.href = "/";
+});
+</script>
+</html>

competitions/utils.py

@@ -365,6 +365,40 @@ class TeamFileApi:
         user_info = token_information(token=user_token)
         return self._create_team(user_info["id"], team_name, other_data)
 
+    def update_team(self, user_token: str, team_name: str, other_data: Dict[str, Any]) -> str:
+        user_info = token_information(token=user_token)
+        user_id = user_info["id"]
+        team_info = self._get_team_info(user_id)
+        
+        with self._lock:
+            team_metadata = hf_hub_download(
+                repo_id=self.competition_id,
+                filename="teams.json",
+                token=self.hf_token,
+                repo_type="dataset",
+            )
+            with open(team_metadata, "r", encoding="utf-8") as f:
+                team_metadata = json.load(f)
+
+            team_id = team_info["id"]
+            team_detail = team_metadata[team_id]
+            team_metadata[team_id] = {
+                **team_detail,
+                "name": team_name,
+                "other_data": other_data,
+            }
+
+            team_metadata_json = json.dumps(team_metadata, indent=4)
+            team_metadata_json_bytes = team_metadata_json.encode("utf-8")
+            team_metadata_json_buffer = io.BytesIO(team_metadata_json_bytes)
+            api = HfApi(token=self.hf_token)
+            api.upload_file(
+                path_or_fileobj=team_metadata_json_buffer,
+                path_in_repo="teams.json",
+                repo_id=self.competition_id,
+                repo_type="dataset",
+            )
+
     def get_team_info(self, user_token: str) -> Optional[Dict[str, Any]]:
         user_info = token_information(token=user_token)
         return self._get_team_info(user_info["id"])