Merge branch 'main' of https://github.com/longmetal7127/scouting2024

.deployment

@@ -0,0 +1,2 @@
+[config]
+SCM_DO_BUILD_DURING_DEPLOYMENT=true

.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+    "appService.zipIgnorePattern": [
+        "node_modules{,/**}",
+        ".vscode{,/**}"
+    ],
+    "appService.defaultWebAppToDeploy": "/subscriptions/75452281-a54f-4c9c-8599-687235b1ed8e/resourceGroups/Soucting2024_group/providers/Microsoft.Web/sites/Soucting2024",
+    "appService.deploySubpath": "."
+}

index.html

@@ -37,7 +37,7 @@ <h1> Longmetal 7127 </h1>
 	<h1>Teams</h1>
 	<form id="new-team-form">
 	 <input type="text" name="new-team-input" id="new-team-input" placeholder="Input TeamName_Number (ex. LongMetal_7127)" />
-      <input type="submit" id="new-team-submit" value="Add Team" />
+     <input type="submit" id="new-team-submit" value="Add Team" />
 	</form>
 	</header>
 	<main>

index.js

@@ -1,5 +1,5 @@
 const db = new Dexie("Todo App");
-db.version(1).stores({ todos: "++id, todo" });
+db.version(1).stores({ todos: "++id, todo, globalid" });
 
 const form = document.querySelector("#new-team-form");
 const input = document.querySelector("#new-team-input");
@@ -9,7 +9,8 @@ const list_el = document.querySelector("#teams");
 form.onsubmit = async (event) => {
   event.preventDefault();
   const todo = input.value;
-  await db.todos.add({ todo });
+  const globalid = Date.UTC();
+  await db.todos.add({ todo , globalid });
   await getTodos();
   form.reset();
 };
@@ -27,6 +28,7 @@ const getTodos = async () => {
 	</div>
 	<div class="actions">
 	<button class="delete" onclick="deleteTodo(event, ${todo.id})">Delete</button>
+  <button class="edit" onclick="window.open(/pages/teamdetails.html, "_blank");">Edit</button>
 	</div>
 	</div>
 	`
@@ -43,27 +45,27 @@ const deleteTodo = async (event, id) => {
 
 // CHATGPT CODE TO CONNECT TO MYSQL SERVER
 
-function saveTeam(teamName) {
-  db.teams.add({ name: teamName }).then(() => {
-      syncTeamWithServer(teamName);
-  });
-}
+// function saveTeam(teamName) {
+//   db.teams.add({ name: teamName }).then(() => {
+//       syncTeamWithServer(teamName);
+//   });
+// }
 
-function syncTeamWithServer(teamName) {
-  fetch('/sync', {
-      method: 'POST',
-      headers: {
-          'Content-Type': 'application/json'
-      },
-      body: JSON.stringify({ teamName: teamName })
-  })
-  .then(response => {
-      if (!response.ok) {
-          throw new Error('Failed to sync data');
-      }
-      return response.json();
-  })
-  .catch(error => {
-      console.error(error);
-  });
-}
+// function syncTeamWithServer(teamName) {
+//   fetch('/sync', {
+//       method: 'POST',
+//       headers: {
+//           'Content-Type': 'application/json'
+//       },
+//       body: JSON.stringify({ teamName: teamName })
+//   })
+//   .then(response => {
+//       if (!response.ok) {
+//           throw new Error('Failed to sync data');
+//       }
+//       return response.json();
+//   })
+//   .catch(error => {
+//       console.error(error);
+//   });
+// }