display-errors

erinsuzy · erinsuzy · commit 7a2dbaeb6a3d · 2023-10-13T17:29:42.000-05:00
diff --git a/src/main/java/org/launchcode/codingevents/controllers/EventController.java b/src/main/java/org/launchcode/codingevents/controllers/EventController.java
@@ -28,6 +28,7 @@ public String displayAllEvents(Model model) {
     @GetMapping("/create")
     public String displayCreateEventForm(Model model) {
         model.addAttribute("title", "Create Event");
+        model.addAttribute(new Event());
         return "events/create";
     }
 
@@ -36,7 +37,6 @@ public String processCreateEventForm(@ModelAttribute @Valid Event newEvent,
                                          Errors errors, Model model) {
         if (errors.hasErrors()){
             model.addAttribute("title", "Create Event");
-            model.addAttribute("errorMsg", "Bad Data");
             return "events/create";
 
         }
diff --git a/src/main/java/org/launchcode/codingevents/models/Event.java b/src/main/java/org/launchcode/codingevents/models/Event.java
@@ -12,13 +12,13 @@ public class Event {
     private static int nextId = 1;
 
     @Size(min=3, max=50, message = "Name must be between 3 and 50 characters")
-    @NotBlank
+    @NotBlank(message = "Name is required")
     private String name;
 
-    @Size(max=500, message = "Description too long.")
+    @Size(max=500, message = "Description too long!")
     private String description;
 
-    @NotBlank
+    @NotBlank(message = "Email is required")
     @Email(message = "Invalid Email. Please try again.")
     private String contactEmail;
 
@@ -30,6 +30,8 @@ public Event(String name, String description, String contactEmail) {
         nextId++;
     }
 
+    public Event(){}
+
     public String getName() {
         return name;
     }
diff --git a/src/main/resources/static/styles.css b/src/main/resources/static/styles.css
@@ -1,4 +1,7 @@
  body {
  font-size: 18px;
 
+ }
+ .error {
+ color: red;
  }
diff --git a/src/main/resources/templates/events/create.html b/src/main/resources/templates/events/create.html
@@ -5,22 +5,25 @@
 
 <header th:replace="fragments :: header"></header>
 
-<p th:text="${errorMsg}" style="color:red;"></p>
+
 <form method="post">
     <div class="form-group">
         <label>Name
-        <input type="text" name="name" class="form-control">
+        <input th:field="${event.name}" class="form-control">
         </label>
+        <p class="error" th:errors="${event.name}"></p>
     </div>
     <div class="form-group">
         <label>Description
-            <input type="text" name="description" class="form-control">
+            <input th:field="${event.description}" class="form-control">
         </label>
+        <p class="error" th:errors="${event.description}"></p>
     </div>
     <div class="form-group">
         <label>Contact Email
-            <input type="text" name="contactEmail" class="form-control">
+            <input th:field="${event.contactEmail}" class="form-control">
         </label>
+        <p class="error" th:errors="${event.contactEmail}"></p>
     </div>
     <div class="form-group">
         <input type="submit" value="Create" class="btn btn-success">
diff --git a/src/main/resources/templates/fragments.html b/src/main/resources/templates/fragments.html
@@ -5,6 +5,7 @@
     <title>Coding Events</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"></script>
+    <link rel="stylesheet" href="..static/styles.css" th:href="@{/styles.css}">
 </head>
 <body>
 

Original file line number	Diff line number	Diff line change
`@@ -28,6 +28,7 @@ public String displayAllEvents(Model model) {`
`28`	`28`	`@GetMapping("/create")`
`29`	`29`	`public String displayCreateEventForm(Model model) {`
`30`	`30`	`model.addAttribute("title", "Create Event");`
	`31`	`+ model.addAttribute(new Event());`
`31`	`32`	`return "events/create";`
`32`	`33`	`}`
`33`	`34`
`@@ -36,7 +37,6 @@ public String processCreateEventForm(@ModelAttribute @Valid Event newEvent,`
`36`	`37`	`Errors errors, Model model) {`
`37`	`38`	`if (errors.hasErrors()){`
`38`	`39`	`model.addAttribute("title", "Create Event");`
`39`		`- model.addAttribute("errorMsg", "Bad Data");`
`40`	`40`	`return "events/create";`
`41`	`41`
`42`	`42`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,7 @@`
`1`	`1`	`body {`
`2`	`2`	`font-size: 18px;`
`3`	`3`
	`4`	`+ }`
	`5`	`+ .error {`
	`6`	`+ color: red;`
`4`	`7`	`}`
-Original file line number
+Diff line change
     <title>Coding Events</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
 +    <link rel="stylesheet" href="..static/styles.css" th:href="@{/styles.css}">
 </head>
 <body>