JS create new Employee implemented

gerardpuigl · gerardpuigl · commit 5056e589ac68 · 2021-03-18T17:50:00.000+01:00
diff --git a/src/main/java/com/itacademy/CrudEmpleats/controller/ControllerEmployees.java b/src/main/java/com/itacademy/CrudEmpleats/controller/ControllerEmployees.java
@@ -31,9 +31,9 @@ void start(HttpServletResponse reponse) throws IOException {
 	// Crear nou empleat
 	@PostMapping( "/EmpleatList")
 	@ResponseStatus(HttpStatus.CREATED)  // 201
-	public Employee addEmployee(@RequestBody Employee employee) {
+	public void addEmployee(@RequestBody Employee employee) {
 		repositori.addEmployee(employee);
-		return employee;
+
 	}
 	
 	// Retorna una llista JSon d'empleats
diff --git a/src/main/java/com/itacademy/CrudEmpleats/controller/ControllerWeb.java b/src/main/java/com/itacademy/CrudEmpleats/controller/ControllerWeb.java
@@ -9,14 +9,15 @@ public class ControllerWeb {
 	 * Controlador d'accés html
 	 */
 	
+	
 	@GetMapping("/index")
 	public String goIndex() {
 		return "index";
 	}
-
-	@GetMapping("/BodyHeader")
+	
+	@GetMapping("/ModificarEmpleat")
 	public String bodyHeader() {
-		return "BodyHeader";
+		return "ModificarEmpleat";
 	}
 
 }
diff --git a/src/main/resources/application.properties b/src/main/resources/application.properties
@@ -1,2 +0,0 @@
-
-spring.mvc.static-path-pattern=/content/**
diff --git a/src/main/resources/static/index.css b/src/main/resources/static/index.css
diff --git a/src/main/resources/static/index.js b/src/main/resources/static/index.js
@@ -0,0 +1,16 @@
+
+    $(document).ready(function () {
+        $('#newEmployee').submit(function (evento) {
+            $.ajax({
+                url: '/EmpleatList',
+                type: 'POST',
+                data: JSON.stringify({
+                    "name": $('#name').val(),
+                    "job": $('#job').val()
+                }),
+                processData: false,
+                contentType: "application/json"
+            })
+            evento.preventDefault();
+        });
+    });
diff --git a/src/main/resources/templates/Jquery.html b/src/main/resources/templates/Jquery.html
diff --git a/src/main/resources/templates/ModificarEmpleat.html b/src/main/resources/templates/ModificarEmpleat.html
@@ -9,9 +9,7 @@
 	<div>
 		<H4>Modificar empleat</H4>
 	</div>
-	<div>
 		<div class="container">
-			<div th:insert="Fragments/BodyHeader :: div"></div>
 			<form action="/" method="post">
 				#: <input type="text" name=id>
 				Nom: <input type=text name=name>
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
@@ -1,9 +1,15 @@
 <!DOCTYPE html>
 <html>
+
 <head>
 	<meta charset="UTF-8">
 	<title>Spring - Crud Empleats</title>
+
+	<!--Libreria Jquery carcada des de CDN-->
+	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+
 </head>
+
 <body>
 	<div class="container"></div>
 	<div>
@@ -34,5 +40,37 @@ <H4>Empleats</H4><button type="submit">Nou Empleat</button>
 		</table>
 	</div>
 	</div>
+	<div class="container"></div>
+	<div>
+		<H4>Crear Empleat</H4>
+	</div>
+	<div>
+		<div class="container">
+			<div></div>
+			<form id="newEmployee" action="#" method="post">
+				<div>
+					Nom: <input type=text name=name id="name">
+				</div>
+				<div>
+					Càrreg:
+					<select name="job" id="job">
+						<option value="Default">Escull un càrreg</option>
+						<option value="Director_Projectes">Director de projectes</option>
+						<option value="Programador_Senior">Programador Senior</option>
+						<option value="Programador_Mid">Programador Mid-Level</option>
+						<option value="Programador_Junior">Programador Junior</option>
+						<option value="Administrativa">Administrativa</option>
+					</select>
+				</div>
+				<div>
+					<br><br>
+					<input type=submit name="submit" value="Afegir">
+					<input type=reset  value="Cancellar">
+				</div>
+			</form>
+		</div>
+	</div>
+	<script type="text/javascript" src="index.js"></script>
 </body>
+
 </html>

Original file line number	Diff line number	Diff line change
`@@ -9,14 +9,15 @@ public class ControllerWeb {`
`9`	`9`	`* Controlador d'accés html`
`10`	`10`	`*/`
`11`	`11`
	`12`	`+`
`12`	`13`	`@GetMapping("/index")`
`13`	`14`	`public String goIndex() {`
`14`	`15`	`return "index";`
`15`	`16`	`}`
`16`		`-`
`17`		`- @GetMapping("/BodyHeader")`
	`17`	`+`
	`18`	`+ @GetMapping("/ModificarEmpleat")`
`18`	`19`	`public String bodyHeader() {`
`19`		`- return "BodyHeader";`
	`20`	`+ return "ModificarEmpleat";`
`20`	`21`	`}`
`21`	`22`
`22`	`23`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,2 +0,0 @@`
`1`		`-`
`2`		`-spring.mvc.static-path-pattern=/content/**`