finish

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

@@ -5,7 +5,8 @@
 <!--Meta-->
 <th:block th:fragment="meta">
     <!--Gruppentitel-->
-    <div class="input-group mb-2">
+    <div class="input-group mb-2"
+         title="Ein Gruppentitel zwischen 4 und 128 Zeichen. Der Titel ist öffentlich.">
         <div class="input-group-prepend">
             <span class="input-group-text text-monospace">Gruppentitel:</span>
         </div>
@@ -14,7 +15,8 @@
     </div>
 
     <!--Gruppenbeschreibung-->
-    <div class="input-group">
+    <div class="input-group"
+         title="Eine kurze Gruppenbeschreibung zwischen 4 und 512 Zeichen. Die Beschreibung ist öffentlich.">
         <div class="input-group-prepend">
             <span class="input-group-text text-monospace">Beschreibung:</span>
         </div>
@@ -40,7 +42,8 @@
             </label>
         </div>
 
-        <div class="input-group col-sm-8 pr-0">
+        <div class="input-group col-sm-8 pr-0"
+             title="Optional kann eine Veranstaltungszugehörigkeit festgelegt werden.">
             <div class="input-group-prepend">
                 <span class="input-group-text text-monospace">Gehört zu:</span>
             </div>
@@ -73,7 +76,8 @@
             </label>
         </div>
 
-        <div class="input-group col-sm-8 pr-0">
+        <div class="input-group col-sm-8 pr-0"
+             title="999999 ist die maximal zulässige Teilnehmerzahl. Ist diese Obergrenze erreicht, gilt die Gruppe als unbegrenzt.">
             <div class="input-group-prepend">
                 <span class="input-group-text text-monospace">Limit:</span>
             </div>
@@ -89,7 +93,8 @@
 </th:block>
 
 <!--CSV-->
-<div th:fragment="csvimport" class="input-group" th:if="${account.getRoles().contains('orga')}">
+<div th:fragment="csvimport" class="input-group" th:if="${account.getRoles().contains('orga')}"
+     title="Das CSV folgt dem Format id,givenname,familyname,email.">
     <div class="input-group-prepend">
         <span class="input-group-text text-monospace">CSV:</span>
     </div>

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

@@ -5,14 +5,18 @@
 <!--Grouptype Badges-->
 <th:block th:fragment="badges">
     <span class="badge badge-pill private"
+          title="Kann nicht über die Suche gefunden werden, beitritt ist per Einladungslink möglich."
           th:if='${group.getType() == private}'>Privat</span>
     <span class="badge badge-pill public"
+          title="Kann über die Suche gefunden werden, jeder kann beitreten."
           th:if="${group.getType() == public}">Öffentlich</span>
     <span class="badge badge-pill lecture"
+          title="Offizielle Veranstaltung"
           th:if='${group.getType() == lecture}'>Veranstaltung</span>
 
     <span class="badge badge-pill parent"
           th:unless="${parent == null || parent.getTitle() == null|| parent.getTitle() == ''}"
+          th:title="${'Die Gruppe gehört zur Veranstaltung ' + parent.getTitle() + '.'}"
           th:text="${parent.getTitle()}">Parent</span>
 
     <!--Needs completly projected (cached) groups-->
@@ -41,26 +45,24 @@
     <!--<div class="content-text-in" th:if="${group.getMembers().contains(user.getId())}"></div>-->
 </th:block>
 
+<!--Buttonbar zum Gruppe beitreten-->
 <th:block th:fragment="joingroup">
-    <div class="content-heading" th:if="${group.getMembers().size() < group.getUserLimit()}">
-        <span>Möchtest du dieser Gruppe beitreten?</span>
+    <div class="content-heading">
+        <span th:if="${group.getMembers().size() < group.getUserLimit()}">
+            Möchtest du dieser Gruppe beitreten?
+        </span>
+        <span th:unless="${group.getMembers().size() < group.getUserLimit()}">
+            Diese Gruppe hat ihre maximale Teilnehmeranzahl erreicht.
+        </span>
     </div>
-    <div class="row" th:if="${group.getMembers().size() < group.getUserLimit()}">
-        <form method="post" th:action="@{/gruppen2/details/{id}/join(id = ${group.getId()})}">
+
+    <div class="row">
+        <form method="post" th:action="@{/gruppen2/details/{id}/join(id = ${group.getId()})}"
+              th:if="${group.getMembers().size() < group.getUserLimit()}">
             <button class="btn btn-success" type="submit">Gruppe beitreten.</button>
         </form>
 
-        <div class="col"></div>
-
-        <a class="btn btn-warning" href="/gruppen2"
-           type="submit">Nicht beitreten.</a>
-    </div>
-
-    <div class="content-heading" th:unless="${group.getMembers().size() < group.getUserLimit()}">
-        <span>Diese Gruppe hat ihre maximale Teilnehmeranzahl erreicht.</span>
-    </div>
-    <div class="row" th:unless="${group.getMembers().size() < group.getUserLimit()}">
-        <div class="col"></div>
+        <div class="col" th:if="${group.getMembers().size() < group.getUserLimit()}"></div>
 
         <a class="btn btn-primary" href="/gruppen2"
            type="submit">Startseite.</a>