From db7b703cca95e63ce9c1f33d619cdc6dfa73fa4a Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 6 Oct 2025 06:03:13 +0000
Subject: [PATCH 1/2] Initial plan


From 626ae176d12d272b7172331b2c5023c7d9e89b6e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 6 Oct 2025 06:08:35 +0000
Subject: [PATCH 2/2] Add reordering functionality for events, media, and
 opportunities

Co-authored-by: zitianqin <84650698+zitianqin@users.noreply.github.com>
---
 frontend/index.html | 57 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)

diff --git a/frontend/index.html b/frontend/index.html
index 47ce86e..6149efe 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -104,6 +104,25 @@
         margin-top: 10px;
       }
 
+      .reorder-buttons {
+        display: flex;
+        gap: 10px;
+        margin-top: 10px;
+      }
+
+      .move-up-btn,
+      .move-down-btn {
+        background-color: #888;
+        color: white;
+        padding: 6px 12px;
+        flex: 1;
+      }
+
+      .move-up-btn:hover,
+      .move-down-btn:hover {
+        background-color: #666;
+      }
+
       #generate-btn {
         background-color: #4caf50;
         color: white;
@@ -261,6 +280,35 @@ <h2 style="margin-top: 20px; text-align: center">
           return deleteBtn;
         }
 
+        function createReorderButtons(container, card) {
+          const buttonContainer = document.createElement("div");
+          buttonContainer.className = "reorder-buttons";
+
+          const moveUpBtn = document.createElement("button");
+          moveUpBtn.className = "move-up-btn";
+          moveUpBtn.textContent = "Move Up ↑";
+          moveUpBtn.addEventListener("click", function () {
+            const previousCard = card.previousElementSibling;
+            if (previousCard) {
+              container.insertBefore(card, previousCard);
+            }
+          });
+
+          const moveDownBtn = document.createElement("button");
+          moveDownBtn.className = "move-down-btn";
+          moveDownBtn.textContent = "Move Down ↓";
+          moveDownBtn.addEventListener("click", function () {
+            const nextCard = card.nextElementSibling;
+            if (nextCard) {
+              container.insertBefore(nextCard, card);
+            }
+          });
+
+          buttonContainer.appendChild(moveUpBtn);
+          buttonContainer.appendChild(moveDownBtn);
+          return buttonContainer;
+        }
+
         function addEventForm() {
           const card = createFormCard();
 
@@ -298,6 +346,9 @@ <h2 style="margin-top: 20px; text-align: center">
           descInput.className = "event-desc";
           card.appendChild(descGroup);
 
+          const reorderButtons = createReorderButtons(eventsContainer, card);
+          card.appendChild(reorderButtons);
+
           const deleteBtn = createDeleteButton(eventsContainer, card);
           card.appendChild(deleteBtn);
 
@@ -331,6 +382,9 @@ <h2 style="margin-top: 20px; text-align: center">
           descInput.className = "article-desc";
           card.appendChild(descGroup);
 
+          const reorderButtons = createReorderButtons(articlesContainer, card);
+          card.appendChild(reorderButtons);
+
           const deleteBtn = createDeleteButton(articlesContainer, card);
           card.appendChild(deleteBtn);
 
@@ -354,6 +408,9 @@ <h2 style="margin-top: 20px; text-align: center">
           descInput.className = "opportunity-desc";
           card.appendChild(descGroup);
 
+          const reorderButtons = createReorderButtons(opportunitiesContainer, card);
+          card.appendChild(reorderButtons);
+
           const deleteBtn = createDeleteButton(opportunitiesContainer, card);
           card.appendChild(deleteBtn);