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

Improve styling on several templates

Browse Source
This commit is contained in:
kasch309
2020-03-18 15:23:26 +01:00
parent 3b09d2a3a2
commit 9aa7122779
3 changed files with 33 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/main/resources/templates/detailsMember.html
View File

@ -30,31 +30,35 @@
<div class="col-9"> <div class="col-9">
<div class="shadow-sm p-4" style="border: 10px solid aliceblue; background: aliceblue"> <div class="shadow-sm p-4" style="border: 10px solid aliceblue; background: aliceblue">
<h1 style="color: dodgerblue; font-weight: bold" th:text="${group.getTitle()}"></h1> <h1 style="color: black; font-weight: bold" th:text="${group.getTitle()}"></h1>
<p style="font-weight: bold"> <p style="font-weight: bold">
<h3>
<span class="badge badge-pill badge-dark" style="background: darkslategray" th:if='${group.getVisibility() == group.getVisibility().PRIVATE }'>Private Gruppe</span> <span class="badge badge-pill badge-dark" style="background: darkslategray" th:if='${group.getVisibility() == group.getVisibility().PRIVATE }'>Private Gruppe</span>
<span class="badge badge-pill badge-primary" th:if="${group.getVisibility() == group.getVisibility().PUBLIC}">Öffentliche Gruppe</span> <span class="badge badge-pill badge-primary" th:if="${group.getVisibility() == group.getVisibility().PUBLIC}">Öffentliche Gruppe</span>
<span class="badge badge-pill badge-success" style="background: lightseagreen" th:if='${group.getType() == group.getType().LECTURE}'> Veranstaltung</span> <span class="badge badge-pill badge-success" style="background: lightseagreen" th:if='${group.getType() == group.getType().LECTURE}'> Veranstaltung</span>
</p> </h3>
<p style="overflow-wrap: break-word" th:text="${group.getDescription()}"></p> <br>
<div class="form-group"> <div class="shadow-sm p-4" style="background: white">
<div class="text-right"> <p style="overflow-wrap: break-word" th:text="${group.getDescription()}"></p>
<form method="post" action="/gruppen2/leaveGroup"> </div>
<button th:value="${group.getId()}" th:name="group_id" class="btn btn-danger" type="submit" style="border-style: none;">Gruppe verlassen</button> <br>
</form> <div class="text-right">
</div> <form method="post" action="/gruppen2/leaveGroup">
<button th:value="${group.getId()}" th:name="group_id" class="btn btn-danger" type="submit" style="border-style: none;">Gruppe verlassen</button>
</form>
</div> </div>
</div> </div>
</div> </div>
<div class="col-3" style="white-space: nowrap"> <div class="col-3" style="white-space: nowrap">
<div> <div style="display: inline-block; margin: 0">
<h2 style="display: inline-block; margin: 0">Mitglieder</h2> <h2>Mitglieder</h2>
<div th:if='${group.getRoles().get(user.getUser_id()) == admin}'> <div th:if='${group.getRoles().get(user.getUser_id()) == admin}'>
<form method="get" action="/gruppen2/details/members"> <form method="get" action="/gruppen2/details/members">
<button th:name="group_id" th:value="${group.getId()}" class="btn btn-secondary" type="submit" style="background: slategrey; margin-top: 200px; float: right" >Mitglieder bearbeiten</button> <button th:name="group_id" th:value="${group.getId()}" class="btn btn-secondary" type="submit" style="background: slategrey; float: right" >Mitglieder bearbeiten</button>
</form> </form>
</div> </div>
<p></p> <br>
<br>
</div> </div>
<div> <div>
<ul th:each="member : ${group.getMembers()}" class="list-group-flush" style="background: slategrey"> <ul th:each="member : ${group.getMembers()}" class="list-group-flush" style="background: slategrey">

13
src/main/resources/templates/editMembers.html
View File

@ -28,13 +28,13 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-9"> <div class="col-9">
<div class="shadow-sm p-4" style="border: 10px solid aliceblue; background: aliceblue"> <div class="shadow p-2" style="border: 10px solid aliceblue; background: aliceblue">
<table class="table"> <table class="table">
<thead> <thead>
<tr> <tr>
<th scope="col">Mitglied</th> <th scope="col">Mitglied</th>
<th scope="col">Rolle</th> <th scope="col" style="width: 180px">Rolle</th>
<th scope="col" style="width: 320px">Optionen</th> <th scope="col" style="width: 270px">Optionen</th>
</tr> </tr>
</thead> </thead>
<tbody class="table-striped"> <tbody class="table-striped">
@ -45,12 +45,15 @@
<span th:if='${group.getRoles().get(member.getUser_id()) != admin}'>Admin</span> <span th:if='${group.getRoles().get(member.getUser_id()) != admin}'>Admin</span>
</td> </td>
<td> <td>
<button class="btn btn-warning">Rolle ändern</button> <!-- th:if --> <button class="btn btn-warning btn-sm">Rolle ändern</button> <!-- th:if -->
<button class="btn btn-danger">Mitglied entfernen</button> <button class="btn btn-danger btn-sm" >Mitglied entfernen</button>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<button type="button" class="btn btn-primary" style="background: #52a1eb; border-style: none">
<a th:href="@{/gruppen2/details(id=${group.getId()})}" style="color: white">Fertig</a>
</button>
</div> </div>
</div> </div>
</div> </div>

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

@ -30,8 +30,16 @@
<div class="col-10"> <div class="col-10">
<h1>Meine Gruppen</h1> <h1>Meine Gruppen</h1>
<form action="/" method="get"> <form action="/" method="get">
<h3 style="color: dodgerblue; font-weight: bold;">
<small style="font-weight: normal; color: black">Mitglied in </small>
<small style="font-weight: bold; color: black" th:text="${gruppen.size()}"></small>
<small style="font-weight: normal; color: black" th:if='${gruppen.size()==1}'> Gruppe.</small>
<small style="font-weight: normal; color: black" th:if='${gruppen.size()!=1}'> Gruppen.</small>
</h3>
<br>
<div th:each="gruppe: ${gruppen}"> <div th:each="gruppe: ${gruppen}">
<div class="shadow-sm p-4" style="border: none; background: aliceblue"> <div class="shadow-sm p-4" style="border: none; background: aliceblue">
<h3 style="color: dodgerblue; font-weight: bold;"> <h3 style="color: dodgerblue; font-weight: bold;">
<a th:href="@{/gruppen2/details(id=${gruppe.getId()})}" th:text="${gruppe.getTitle()}"></a> <a th:href="@{/gruppen2/details(id=${gruppe.getId()})}" th:text="${gruppe.getTitle()}"></a>
</h3> </h3>
@ -41,22 +49,6 @@
</div> </div>
</form> </form>
</div> </div>
<div class="col-2">
<div class="card" style="background: lightgrey">
<div class="card-body">
<h2 class="card-title" th:text="${user.getUser_id()}" style="text-align: center">user_id</h2>
<h3 class="card-text">
<span th:text="${user.getGivenname()}">username</span>
<span th:text="${user.getFamilyname()}">usersurname</span>
</h3>
<p class="card-text" th:text="${user.getEmail()}">usermail</p>
<p>
<small class="card-text">In Gruppen:</small>
<small class="card-text" th:text="${gruppen.size()}"></small>
</p>
</div>
</div>
</div>
</div> </div>
</div> </div>
</main> </main>