Skip to content

Commit f43b1d6

Browse files
dsy05dsy05
committed
bootstrap added
1 parent a01368b commit f43b1d6

5 files changed

Lines changed: 39 additions & 24 deletions

File tree

‎src/main/java/org/launchcode/codingevents/controllers/EventController.java‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,13 +21,15 @@ public class EventController {
2121

2222
@GetMapping
2323
public String displayAllEvents(Model model) {
24+
model.addAttribute("title", "All Events");
2425
model.addAttribute("events", events);
2526
return "events/index";
2627
}
2728

2829
//lives and /events/create
2930
@GetMapping("create")
30-
public String renderCreateEventForm() {
31+
public String renderCreateEventForm(Model model) {
32+
model.addAttribute("title", "Create Event");
3133
return "events/create";
3234
}
3335

‎src/main/resources/templates/events/create.html‎

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,20 @@
11
<!DOCTYPE html>
22
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
33
<head th:replace="fragments :: head"></head>
4-
<body>
4+
<body class="container">
55

6-
<h1>Create Event</h1>
7-
8-
<nav th:replace="fragments :: navigation"></nav>
6+
<header th:replace="fragments :: header"></header>
97

108
<form method="post", action="/events/create">
11-
<input type="text" name="eventName">
12-
<input type="submit" value="Create Event">
9+
<div class="form-group">
10+
<label>Name
11+
<input type="text" name="eventName" class="form-control">
12+
</label>
13+
</div>
14+
<div class="form-group">
15+
<input type="submit" value="Create Event" class="btn btn-success">
16+
</div>
17+
1318
</form>
1419

1520
</body>

‎src/main/resources/templates/events/index.html‎

Lines changed: 14 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,25 @@
11
<!DOCTYPE html>
22
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
33
<head th:replace="fragments :: head"></head>
4-
<body>
4+
<body class="container">
55

6-
<h1>All Events</h1>
6+
<header th:replace="fragments :: header"></header>
77

8-
<nav th:replace="fragments :: navigation"></nav>
8+
<!--<nav th:replace="fragments :: navigation"></nav>-->
99

1010
<!--unless checks if events is not null and if events contains something if both true message not printed if both false prints message-->
11-
<p th:unless="${events} and ${events.size()}">NO EVENTS!</p>
11+
<!--<p th:unless="${events} and ${events.size()}">NO EVENTS!</p>-->
12+
<table class="table table-striped">
13+
<thead>
14+
<tr>
15+
<th>Name</th>
16+
</tr>
17+
</thead>
18+
<tr th:each="event : ${events}">
19+
<td th:text="${event}"></td>
20+
</tr>
21+
</table>
1222

13-
<ul>
14-
<th:block th:each="event : ${events}">
15-
<li th:text="${event}"></li>
16-
</th:block>
17-
</ul>
1823

1924
</body>
2025
</html>

‎src/main/resources/templates/fragments.html‎

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,20 @@
33
<head th:fragment="head">
44
<meta charset="UTF-8"/>
55
<title>Coding Events</title>
6+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
7+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
68

7-
<script th:src="@{/script.js}"></script>
8-
<link th:href="@{/styles.css}" rel="stylesheet">
9+
<!-- <script th:src="proxy.php?url=https%3A%2F%2Fgithub.com%2F%40%7B%2Fscript.js%7D"></script>-->
10+
<!-- <link th:href="proxy.php?url=https%3A%2F%2Fgithub.com%2F%40%7B%2Fstyles.css%7D" rel="stylesheet">-->
911

1012
</head>
1113
<body>
1214

13-
<nav th:fragment="navigation">
14-
<ul>
15-
<li><a href="/events">All Events</a></li>
16-
<li><a href="/events/create">Create Event</a></li>
15+
<nav th:fragment="header">
16+
<h1 th:text="${title}">Coding Events</h1>
17+
<ul class="nav">
18+
<li class="nav-item"><a class="nav-link" href="/events">All Events</a></li>
19+
<li class="nav-item"><a class="nav-link" href="/events/create">Create Event</a></li>
1720
</ul>
1821
</nav>
1922

‎src/main/resources/templates/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@
22
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
33
<head th:replace="fragments :: head"></head>
44

5-
<body>
5+
<body class="container">
66

77
<h1>Coding Events</h1>
88

9-
<nav th:replace="fragments :: navigation"></nav>
9+
<header th:replace="fragments :: header"></header>
1010

1111
</body>
1212
</html>

0 commit comments

Comments
 (0)