another frontend update

hajekad · Jan 4, 2023 · c6d2a32 · c6d2a32
1 parent e144201
commit c6d2a32
Show file tree

Hide file tree

Showing 8 changed files with 136 additions and 156 deletions.
diff --git a/frontEnd/coach.html b/frontEnd/coach.html
@@ -18,8 +18,8 @@ <h1> Coach </h1>
 
     <section id="getRequest">
       <h2>Get</h2>
-      <label for="id-input-get">ID:</label>
-      <input type="text" id="id-input-get" />
+      <label for="id-get">ID:</label>
+      <input type="text" id="id-get" />
       <br />
       <button onclick="coachGet()">Get Coach</button>
       <br />
@@ -28,20 +28,20 @@ <h2>Get</h2>
 
     <section id="postCoach">
         <h2>Post</h2>
-        <label for="cost-rate-input-post">Cost rate:</label>
-        <input type="text" id="cost-rate-input-post" />
+        <label for="cost-rate-post">Cost rate:</label>
+        <input type="text" id="cost-rate-post" />
         <br />
-        <label for="password-input-post">Password:</label>
-        <input type="password" id="password-input-post" />
+        <label for="password-post">Password:</label>
+        <input type="password" id="password-post" />
         <br />
-        <label for="email-input-post">Email:</label>
-        <input type="email" id="email-input-post" />
+        <label for="email-post">Email:</label>
+        <input type="email" id="email-post" />
         <br />
-        <label for="first-name-input-post">First name:</label>
-        <input type="text" id="first-name-input-post" />
+        <label for="first-name-post">First name:</label>
+        <input type="text" id="first-name-post" />
         <br />
-        <label for="second-name-input-post">Second name:</label>
-        <input type="text" id="second-name-input-post" />
+        <label for="second-name-post">Second name:</label>
+        <input type="text" id="second-name-post" />
         <br />
         <button onclick="createCoach()">Create Coach</button>
         <br />
@@ -50,8 +50,8 @@ <h2>Post</h2>
 
     <section id="deleteRequest">
       <h2>Delete</h2>
-      <label for="id-input-delete">ID:</label>
-      <input type="text" id="id-input-delete" />
+      <label for="id-delete">ID:</label>
+      <input type="text" id="id-delete" />
       <button onclick="coachDelete()">Delete Coach</button>
       <textarea id="responseDelete"></textarea>
     </section>
@@ -61,20 +61,20 @@ <h2>Update</h2>
       <label for="id-update">Id:</label>
       <input type="text" id="id-update" />
       <br />
-      <label for="cost-rate-input-update">Cost rate:</label>
-      <input type="number" id="cost-rate-input-update" min="0" max="10000" />
+      <label for="cost-rate-update">Cost rate:</label>
+      <input type="number" id="cost-rate-update" min="0" max="10000" />
       <br />
-      <label for="password-input-update">Password:</label>
-      <input type="password" id="password-input-update" />
+      <label for="password-update">Password:</label>
+      <input type="password" id="password-update" />
       <br />
-      <label for="email-input-update">Email:</label>
-      <input type="email" id="email-input-update" />
+      <label for="email-update">Email:</label>
+      <input type="email" id="email-update" />
       <br />
-      <label for="first-name-input-update">First name:</label>
-      <input type="text" id="first-name-input-update" />
+      <label for="first-name-update">First name:</label>
+      <input type="text" id="first-name-update" />
       <br />
-      <label for="second-name-input-update">Second name:</label>
-      <input type="text" id="second-name-input-update" />
+      <label for="second-name-update">Second name:</label>
+      <input type="text" id="second-name-update" />
       <br />
 
       <label for="trainings-update">Trainings:</label>

diff --git a/frontEnd/coach.js b/frontEnd/coach.js
@@ -1,14 +1,14 @@
 async function coachGet() {
-  const id = document.getElementById('id-input-get').value;
+  const id = document.getElementById('id-get').value;
   get(id, '/coach');
 }
 
 async function createCoach() {
-  const costRate = document.getElementById('cost-rate-input-post').value;
-  const password = document.getElementById('password-input-post').value;
-  const email = document.getElementById('email-input-post').value;
-  const firstName = document.getElementById('first-name-input-post').value;
-  const secondName = document.getElementById('second-name-input-post').value;
+  const costRate = document.getElementById('cost-rate-post').value;
+  const password = document.getElementById('password-post').value;
+  const email = document.getElementById('email-post').value;
+  const firstName = document.getElementById('first-name-post').value;
+  const secondName = document.getElementById('second-name-post').value;
 
   const createCoachDto = {
     costRate: costRate,
@@ -22,17 +22,17 @@ async function createCoach() {
 }
 
 async function coachDelete() {
-  const id = document.getElementById('id-input-delete').value;
+  const id = document.getElementById('id-delete').value;
   remove(id, '/coach');
 }
 
 async function updateCoach() {
   const id = document.getElementById('id-update').value;
-  const costRate = document.getElementById('cost-rate-input-update').value;
-  const password = document.getElementById('password-input-update').value;
-  const email = document.getElementById('email-input-update').value;
-  const firstName = document.getElementById('first-name-input-update').value;
-  const secondName = document.getElementById('second-name-input-update').value;
+  const costRate = document.getElementById('cost-rate-update').value;
+  const password = document.getElementById('password-update').value;
+  const email = document.getElementById('email-update').value;
+  const firstName = document.getElementById('first-name-update').value;
+  const secondName = document.getElementById('second-name-update').value;
   const inputs = document.querySelectorAll('.trainingInput');
   const trainings = Array.from(inputs).map(input => Number(input.value));
 

diff --git a/frontEnd/place.html b/frontEnd/place.html
@@ -1,84 +1,68 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <title>Trainee</title>
+  <title>Place</title>
 </head>
 <body>
   <header>
-    <h1> Trainee </h1>
+    <h1> Place </h1>
     <nav>
       <ul>
         <li><a href="coach.html">Coach</a></li>
         <li><a href="training.html">Training</a></li>
-        <li><a href="place.html">Place</a></li>
+        <li><a href="trainee.html">Trainee</a></li>
       </ul>
     </nav>
   </header>
   <main>
 
     <section id="getRequest">
       <h2>Get</h2>
-      <label for="id-input-get">ID:</label>
-      <input type="text" id="id-input-get" />
+      <label for="id-get">ID:</label>
+      <input type="text" id="id-get" />
       <br />
-      <button onclick="traineeGet()">Get Trainee</button>
+      <button onclick="placeGet()">Get Place</button>
       <br />
       <textarea id="responseGet"></textarea>
     </section>
 
-    <section id="postTrainee">        
-      <h2>Create Trainee</h2>
+    <section id="postPlace">        
+      <h2>Create Place</h2>
       <form>
-      <label for="username-input-post">Username:</label><br>
-      <input type="text" id="username-input-post" name="username"><br>
-      <label for="password-input-post">Password:</label><br>
-      <input type="text" id="password-input-post" name="password"><br>
-      <label for="email-input-post">Email:</label><br>
-      <input type="text" id="email-input-post" name="email"><br>
-      <label for="first-name-input-post">First Name:</label><br>
-      <input type="text" id="first-name-input-post" name="firstName"><br>
-      <label for="second-name-input-post">Second Name:</label><br>
-      <input type="text" id="second-name-input-post" name="secondName"><br>
-      <label for="skill-cap-input-post">Skill Cap:</label><br>
-      <input type="text" id="skill-cap-input-post" name="skillCap"><br>
-      <button type="button" onclick="createTrainee()">Create Trainee</button>
+      <label for="longitude-post">Longitude:</label><br>
+      <input type="text" id="username-post"><br>
+      <label for="latitude-post">Latitude:</label><br>
+      <input type="text" id="latitude-post"><br>
       </form> 
       <textarea id="responsePost" rows="10" cols="50"></textarea>
     </section>
 
     <section id="deleteRequest">
       <h2>Delete</h2>
-      <label for="id-input-delete">ID:</label>
-      <input type="text" id="id-input-delete" />
-      <button onclick="traineeDelete()">Delete Trainee</button>
+      <label for="id-delete">ID:</label>
+      <input type="text" id="id-delete" />
+      <button onclick="placeDelete()">Delete Place</button>
       <textarea id="responseDelete"></textarea>
     </section>
 
-    <section id="updateTrainee">
-      <h2>Create Trainee</h2>
+    <section id="updatePlace">        
+      <h2>Update Place</h2>
       <form>
-        <label for="id-update">Trainee ID:</label><br>
-        <input type="text" id="id-update" name="id"><br>
-        <label for="username-input-update">Username:</label><br>
-        <input type="text" id="username-input-update" name="username"><br>
-        <label for="password-input-update">Password:</label><br>
-        <input type="text" id="password-input-update" name="password"><br>
-        <label for="email-input-update">Email:</label><br>
-        <input type="text" id="email-input-update" name="email"><br>
-        <label for="first-name-input-update">First Name:</label><br>
-        <input type="text" id="first-name-input-update" name="firstName"><br>
-        <label for="second-name-input-update">Second Name:</label><br>
-        <input type="text" id="second-name-input-update" name="secondName"><br>
-        <label for="skill-cap-input-update">Skill Cap:</label><br>
-        <input type="text" id="skill-cap-input-update" name="skillCap"><br>
-        <button type="button" onclick="updateTrainee()">Update Trainee</button>
+      <label for="id-update">Id:</label><br>
+      <input type="text" id="id-update"><br>
+      <label for="longitude-update">Longitude:</label><br>
+      <input type="text" id="longitude-update"><br>
+      <label for="latitude-updpate">Latitude:</label><br>
+      <input type="text" id="latitude-udpate"><br>
+      <label for="training-update">Trainings:</label><br>
+      <input type="text" id="training-update"><br>
       </form> 
-      <textarea id="responsePut" rows="10" cols="50"></textarea>
+      <textarea id="responsePost" rows="10" cols="50"></textarea>
     </section>
   </main>
   <footer>
     <p>Copyright 2022</p>
   </footer>
-  <script src="trainee.js"></script>
+  <script src="place.js"></script>
 </body>
 </html>
diff --git a/frontEnd/place.js b/frontEnd/place.js
@@ -1,5 +1,5 @@
 async function placeGet() {
-  const id = document.getElementById('id-input-get').value;
+  const id = document.getElementById('id-get').value;
   get(id, '/place');
 }
 
@@ -16,7 +16,7 @@ async function createPlace() {
 }
 
 async function placeDelete() {
-  const id = document.getElementById('id-input-delete').value;
+  const id = document.getElementById('id-delete').value;
   remove(id, '/place')
 }
 

diff --git a/frontEnd/trainee.html b/frontEnd/trainee.html
@@ -18,8 +18,8 @@ <h1> Trainee </h1>
 
     <section id="getRequest">
       <h2>Get</h2>
-      <label for="id-input-get">ID:</label>
-      <input type="text" id="id-input-get" />
+      <label for="id-get">ID:</label>
+      <input type="text" id="id-get" />
       <br />
       <button onclick="traineeGet()">Get Trainee</button>
       <br />
@@ -29,48 +29,48 @@ <h2>Get</h2>
     <section id="postTrainee">        
       <h2>Create Trainee</h2>
       <form>
-      <label for="username-input-post">Username:</label><br>
-      <input type="text" id="username-input-post" name="username"><br>
-      <label for="password-input-post">Password:</label><br>
-      <input type="text" id="password-input-post" name="password"><br>
-      <label for="email-input-post">Email:</label><br>
-      <input type="text" id="email-input-post" name="email"><br>
-      <label for="first-name-input-post">First Name:</label><br>
-      <input type="text" id="first-name-input-post" name="firstName"><br>
-      <label for="second-name-input-post">Second Name:</label><br>
-      <input type="text" id="second-name-input-post" name="secondName"><br>
-      <label for="skill-cap-input-post">Skill Cap:</label><br>
-      <input type="text" id="skill-cap-input-post" name="skillCap"><br>
+      <label for="username-post">Username:</label><br>
+      <input type="text" id="username-post"><br>
+      <label for="password-post">Password:</label><br>
+      <input type="text" id="password-post"><br>
+      <label for="email-post">Email:</label><br>
+      <input type="text" id="email-post"><br>
+      <label for="first-name-post">First Name:</label><br>
+      <input type="text" id="first-name-post"><br>
+      <label for="second-name-post">Second Name:</label><br>
+      <input type="text" id="second-name-post"><br>
+      <label for="skill-cap-post">Skill Cap:</label><br>
+      <input type="text" id="skill-cap-post"><br>
       <button type="button" onclick="createTrainee()">Create Trainee</button>
       </form> 
       <textarea id="responsePost" rows="10" cols="50"></textarea>
     </section>
 
     <section id="deleteRequest">
       <h2>Delete</h2>
-      <label for="id-input-delete">ID:</label>
-      <input type="text" id="id-input-delete" />
+      <label for="id-delete">ID:</label>
+      <input type="text" id="id-delete" />
       <button onclick="traineeDelete()">Delete Trainee</button>
       <textarea id="responseDelete"></textarea>
     </section>
 
     <section id="updateTrainee">
-      <h2>Create Trainee</h2>
+      <h2>Update Trainee</h2>
       <form>
         <label for="id-update">Trainee ID:</label><br>
-        <input type="text" id="id-update" name="id"><br>
-        <label for="username-input-update">Username:</label><br>
-        <input type="text" id="username-input-update" name="username"><br>
-        <label for="password-input-update">Password:</label><br>
-        <input type="text" id="password-input-update" name="password"><br>
-        <label for="email-input-update">Email:</label><br>
-        <input type="text" id="email-input-update" name="email"><br>
-        <label for="first-name-input-update">First Name:</label><br>
-        <input type="text" id="first-name-input-update" name="firstName"><br>
-        <label for="second-name-input-update">Second Name:</label><br>
-        <input type="text" id="second-name-input-update" name="secondName"><br>
-        <label for="skill-cap-input-update">Skill Cap:</label><br>
-        <input type="text" id="skill-cap-input-update" name="skillCap"><br>
+        <input type="text" id="id-update"><br>
+        <label for="username-update">Username:</label><br>
+        <input type="text" id="username-update"><br>
+        <label for="password-update">Password:</label><br>
+        <input type="text" id="password-update"><br>
+        <label for="email-update">Email:</label><br>
+        <input type="text" id="email-update"><br>
+        <label for="first-name-update">First Name:</label><br>
+        <input type="text" id="first-name-update"><br>
+        <label for="second-name-update">Second Name:</label><br>
+        <input type="text" id="second-name-update"><br>
+        <label for="skill-cap-update">Skill Cap:</label><br>
+        <input type="text" id="skill-cap-update"><br>
         <button type="button" onclick="updateTrainee()">Update Trainee</button>
       </form> 
       <textarea id="responsePut" rows="10" cols="50"></textarea>

diff --git a/frontEnd/trainee.js b/frontEnd/trainee.js
@@ -1,5 +1,5 @@
 async function traineeGet() {
-  const id = document.getElementById('id-input-get').value;
+  const id = document.getElementById('id-get').value;
   get(id, '/trainee');
 }
 
@@ -24,7 +24,7 @@ async function createTrainee() {
 }
 
 async function traineeDelete() {
-  const id = document.getElementById('id-input-delete').value;
+  const id = document.getElementById('id-delete').value;
   remove(id, '/trainee');
 }