issue 2 the correct version

9ced3aff · Ruginosu, M.I. (Ioana, Student B-BIT) · 095e5981 · 9ced3aff · 9ced3aff · 9ced3aff
Commit 9ced3aff authored 10 months ago by Ruginosu, M.I. (Ioana, Student B-BIT)
--- a/src/main/webapp/js/requests.js
+++ b/src/main/webapp/js/requests.js
@@ -62,18 +62,3 @@ function createPokemonTypesTable() {
    `
 }

-function createTrainer() {
-    const name = document.getElementById('trainerName').value;
-    const profileurl = document.getElementById('profileUrl').value;
-    const data = {
-        profileUrl: profileurl,
-        name: name
-    }
-    fetch('/pokemon/api/trainers', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json'
-        },
-        body: JSON.stringify(data)
-    }).then(response => updateTrainerTable())
-}
\ No newline at end of file
--- a/src/main/webapp/js/trainers.js
+++ b/src/main/webapp/js/trainers.js
@@ -60,4 +60,33 @@ function createPokemonTypesTable() {
            </tbody>
        </table>
    `
+}
+
+function createTrainer() {
+    const name = document.getElementById('trainerName').value;
+    const profileurl = document.getElementById('profileUrl').value;
+    const data = {
+        profileUrl: profileurl,
+        name: name
+    }
+    fetch('/pokemon/api/trainers', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(data)
+    }).then(response => updateTrainerTable())
+}
+
+function updateTrainerTable() {
+    fetch('/pokemon/api/trainers')
+        .then(res => res.json())
+        .then(data => {
+            pokemonTypes = data;
+            createTrainerTable();
+        })
+        .catch(err => {
+            console.error(`Unable to fetch Pokemon Types: ${err.status}`);
+            console.error(err);
+        });
 }
\ No newline at end of file
--- a/src/main/webapp/trainers.html
+++ b/src/main/webapp/trainers.html
@@ -14,7 +14,7 @@
 </head>
 <body>

-<script src="js/requests.js"></script>
+<script src="js/trainers.js"></script>
 <script>
    tableParentId = "tableDiv";
    detailsParentId = "detailsDiv";