christoph/lecture-professional-software-development
1
Fork 0
Code Activity

added deleted button in search.html and changed design of index.html

Browse Source
This commit is contained in:
AndiBuls
2020-03-17 13:15:21 +01:00
parent 7c2d5ecb28
commit e2dcee44af
2 changed files with 29 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/main/resources/templates/index.html
View File

@ -31,11 +31,10 @@
<h1>Meine Gruppen</h1> <h1>Meine Gruppen</h1>
<form action="/" method="get"> <form action="/" method="get">
<div th:each="gruppe: ${gruppen}"> <div th:each="gruppe: ${gruppen}">
<div class="shadow" style="border: 10px solid aliceblue; background: aliceblue"> <div class="shadow-sm p-4" style="border: 1px solid white; background: white">
<h3> <h3 style="color: dodgerblue; font-weight: bold;">
<a th:href="@{/gruppen2/details(id=${gruppe.getId()})}" style="color: dodgerblue; font-weight: bold" th:text="${gruppe.getTitle()}"></a> <a th:href="@{/gruppen2/details(id=${gruppe.getId()})}" th:text="${gruppe.getTitle()}"></a>
</h3> </h3>
<p th:text="${gruppe.getDescription()}"></p>
</div> </div>
<br> <br>
</div> </div>

51
src/main/resources/templates/search.html
View File

@ -35,31 +35,32 @@
<label for="suchleiste">Suchbegriff:</label> <label for="suchleiste">Suchbegriff:</label>
<input id="suchleiste" class="form-control" placeholder="z.B. Programmieren, Lerngruppe, ..." th:name="suchbegriff" type="text"> <input id="suchleiste" class="form-control" placeholder="z.B. Programmieren, Lerngruppe, ..." th:name="suchbegriff" type="text">
</div> </div>
</form> <button type="submit" class="btn btn-primary" style="background: #52a1eb; border-style: none">Suchen</button>
<br> </div>
<table class="table"> </form>
<!-- Erscheint dann, wenn man "Suchen" Button klickt und Ergebnisse angezeigt werden, aber so solls aussehen --> <br>
<thead th:if="${!gruppen.isEmpty()}"> <table class="table">
<tr> <!-- Erscheint dann, wenn man "Suchen" Button klickt und Ergebnisse angezeigt werden, aber so solls aussehen -->
<th scope="col">Gruppenname</th> <thead th:if="${!gruppen.isEmpty()}">
<th scope="col">Beschreibung</th> <tr>
<th scope="col">Öffentlich/Privat</th> <th scope="col">Gruppenname</th>
<th scope="col">Mitgliederanzahl</th> <th scope="col">Beschreibung</th>
</tr> <th scope="col">Öffentlich/Privat</th>
</thead> <th scope="col">Mitgliederanzahl</th>
<tbody th:each="gruppe : ${gruppen}"> </tr>
<tr> </thead>
<th scope="row"> <tbody th:each="gruppe : ${gruppen}">
<a th:href="@{/gruppen2/detailsSearch(id=${gruppe.getId()})}" th:text="${gruppe.title}">Gruppenname</a> <tr>
</th> <th scope="row">
<td th:text="${gruppe.getDescription()}">Beschreibung</td> <a th:href="@{/gruppen2/detailsSearch(id=${gruppe.getId()})}" th:text="${gruppe.title}">Gruppenname</a>
<td th:text="${gruppe.getVisibility()}">Öffentlich</td> </th>
<td th:text="${gruppe.getMembers().size()}">Mitgliederanzahl</td> <td th:text="${gruppe.getDescription()}">Beschreibung</td>
</tr> <td th:text="${gruppe.getVisibility()}">Öffentlich</td>
</tbody> <td th:text="${gruppe.getMembers().size()}">Mitgliederanzahl</td>
</table> </tr>
</div> </tbody>
</table>
</div>
</div> </div>
</div> </div>
</main> </main>