GitHub-Spring
/
spring-boot
mirror of https://github.com/spring-projects/spring-boot.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Migrate spring-boot-sample-web-ui to Bootstrap v4 

Closes gh-10653
pull/10653/merge
Kim Rudolph 8 years ago committed by Andy Wilkinson
parent
498f66fcdc
commit
fd1a7ba77c
7 changed files with 66 additions and 10736 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 16
      spring-boot-samples/spring-boot-sample-web-ui/src/main/resources/static/css/bootstrap.min.css
  2. 9404
      spring-boot-samples/spring-boot-sample-web-ui/src/main/resources/static/js/jquery-1.7.2.js
  3. 1250
      spring-boot-samples/spring-boot-sample-web-ui/src/main/resources/static/js/jquery.validate.js
  4. 12
      spring-boot-samples/spring-boot-sample-web-ui/src/main/resources/templates/fragments.html
  5. 34
      spring-boot-samples/spring-boot-sample-web-ui/src/main/resources/templates/messages/form.html
  6. 14
      spring-boot-samples/spring-boot-sample-web-ui/src/main/resources/templates/messages/list.html
  7. 34
      spring-boot-samples/spring-boot-sample-web-ui/src/main/resources/templates/messages/view.html

16
spring-boot-samples/spring-boot-sample-web-ui/src/main/resources/static/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

9404
spring-boot-samples/spring-boot-sample-web-ui/src/main/resources/static/js/jquery-1.7.2.js vendored
View File

File diff suppressed because it is too large Load Diff

1250
spring-boot-samples/spring-boot-sample-web-ui/src/main/resources/static/js/jquery.validate.js vendored
View File

File diff suppressed because it is too large Load Diff

12
spring-boot-samples/spring-boot-sample-web-ui/src/main/resources/templates/fragments.html
Unescape View File

@ -7,14 +7,12 @@ @@ -7,14 +7,12 @@
</head>
<body>
<div class="container">
<div th:fragment="navbar" class="navbar">
<div class="navbar-inner">
<a class="brand" href="http://thymeleaf.org">Thymeleaf</a>
<ul class="nav">
<li><a th:href="@{/}" href="messages.html"> Messages </a></li>
<nav th:fragment="navbar" class="navbar navbar-dark bg-primary">
<a class="navbar-brand" href="http://thymeleaf.org">Thymeleaf</a>
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item"><a class="nav-link" th:href="@{/}" href="messages.html">Messages</a></li>
</ul>
</div>
</div>
</nav>
</div>
</body>
</html>

34
spring-boot-samples/spring-boot-sample-web-ui/src/main/resources/templates/messages/form.html
Unescape View File

@ -6,27 +6,25 @@ @@ -6,27 +6,25 @@
<body>
<div class="container">
<div th:replace="fragments :: navbar"></div>
<h1>Messages : Create</h1>
<form id="messageForm" th:action="@{/(form)}" th:object="${message}"
action="#" method="post">
<div th:if="${#fields.hasErrors('*')}" class="alert alert-error">
<p th:each="error : ${#fields.errors('*')}" th:text="${error}">
Validation error</p>
<div class="float-right mt-2">
<a class="btn btn-primary btn-sm" th:href="@{/}" href="messages.html"> Messages </a>
</div>
<div class="pull-right">
<a th:href="@{/}" href="messages.html"> Messages </a>
<h4 class="float-left mt-2">Messages : Create</h4>
<div class="clearfix"></div>
<form id="messageForm" th:action="@{/(form)}" th:object="${message}" action="#" method="post">
<div th:if="${#fields.hasErrors('*')}" class="alert alert-danger" role="alert">
<p th:each="error : ${#fields.errors('*')}" class="m-0" th:text="${error}">Validation error</p>
</div>
<input type="hidden" th:field="*{id}"
th:class="${#fields.hasErrors('id')} ? 'field-error'" /> <label
for="summary">Summary</label> <input type="text"
th:field="*{summary}"
th:class="${#fields.hasErrors('summary')} ? 'field-error'" /> <label
for="text">Message</label>
<textarea th:field="*{text}"
th:class="${#fields.hasErrors('text')} ? 'field-error'"></textarea>
<div class="form-actions">
<input type="submit" value="Save" />
<input type="hidden" th:field="*{id}" th:class="${'form-control' + (#fields.hasErrors('id') ? ' is-invalid' : '')}"/>
<div class="form-group">
<label for="summary">Summary</label>
<input type="text" th:field="*{summary}" th:class="${'form-control' + (#fields.hasErrors('summary') ? ' is-invalid' : '')}">
</div>
<div class="form-group">
<label for="text">Message</label>
<textarea th:field="*{text}" th:class="${'form-control' + (#fields.hasErrors('text') ? ' is-invalid' : '')}"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</body>

14
spring-boot-samples/spring-boot-sample-web-ui/src/main/resources/templates/messages/list.html
Unescape View File

@ -6,17 +6,16 @@ @@ -6,17 +6,16 @@
<body>
<div class="container">
<div th:replace="fragments :: navbar"></div>
<h1>Messages : View all</h1>
<div class="container">
<div class="pull-right">
<a href="form.html" th:href="@{/(form)}">Create Message</a>
<div class="float-right mt-2">
<a class="btn btn-primary btn-sm" href="form.html" th:href="@{/(form)}">Create Message</a>
</div>
<h4 class="float-left mt-2">Messages : View all</h4>
<table class="table table-bordered table-striped">
<thead>
<tr>
<td>ID</td>
<td>Created</td>
<td>Summary</td>
<th>ID</th>
<th>Created</th>
<th>Summary</th>
</tr>
</thead>
<tbody>
@ -33,6 +32,5 @@ @@ -33,6 +32,5 @@
</tbody>
</table>
</div>
</div>
</body>
</html>

34
spring-boot-samples/spring-boot-sample-web-ui/src/main/resources/templates/messages/view.html
Unescape View File

@ -6,27 +6,21 @@ @@ -6,27 +6,21 @@
<body>
<div class="container">
<div th:replace="fragments :: navbar"></div>
<h1>Messages : View</h1>
<div class="alert alert-success" th:if="${globalMessage}"
th:text="${globalMessage}">Some Success message</div>
<div class="pull-right">
<a th:href="@{/}" href="list.html"> Messages </a>
<div class="float-right mt-2">
<a class="btn btn-primary btn-sm" href="list.html" th:href="@{/}">Messages</a>
</div>
<h4 class="float-left mt-2">Messages : View</h4>
<div class="clearfix"></div>
<div class="alert alert-success" th:if="${globalMessage}" th:text="${globalMessage}">Some Success message
</div>
<div class="card">
<div class="card-body">
<h4 class="card-title" th:text="${message.id + ': ' + message.summary}">123 - A short summary...</h4>
<h6 class="card-subtitle mb-2 text-muted" th:text="${#calendars.format(message.created)}">July 11, 2012 2:17:16 PM CDT</h6>
<p class="card-text" th:text="${message.text}">A detailed message that is longer than the summary.</p>
<a class="card-link" href="messages" th:href="@{'/delete/' + ${message.id}}">delete</a>
<a class="card-link" href="form.html" th:href="@{'/modify/' + ${message.id}}"> modify</a>
</div>
<dl>
<dt>ID</dt>
<dd id="id" th:text="${message.id}">123</dd>
<dt>Date</dt>
<dd id="created" th:text="${#calendars.format(message.created)}">
July 11, 2012 2:17:16 PM CDT</dd>
<dt>Summary</dt>
<dd id="summary" th:text="${message.summary}">A short summary...</dd>
<dt>Message</dt>
<dd id="text" th:text="${message.text}">A detailed message that
is longer than the summary.</dd>
</dl>
<div class="pull-left">
<a href="messages" th:href="@{'/delete/' + ${message.id}}">delete </a> |
<a href="form.html" th:href="@{'/modify/' + ${message.id}}"> modify </a>
</div>
</div>
</body>

Write Preview
Loading…
Cancel
Save