modal show groups

src/client/app/js/app/state/Home.js

@@ -1083,6 +1083,13 @@ app.state.Home = function()
                         prohibitCloseModal: true,
                     });
 
+                    $("body").on( 'click', '[data-type="group-accept-link"]', function()
+                    {
+                        var groupId = $(this).data('group-id');
+                        window.location.hash = "#/group/" + groupId + "/terms";
+                        app.core.View.closeModal();
+                    });
+
                 } else if (showPopup) {
                     app.core.View.showModal({
                         title: _lc('HOME_MODAL_NOT_ACTIVATED_TITLE'),

src/client/app/tmpl/home-modal-terms-not-accepted.html

@@ -1,11 +1,21 @@
 INHALT<br /><br />
 
-<!--schleife über groups -->
-<!--<% for ( var g = 0; g < groups.length; g++ ) { %>-->
+<table class="table table-groups">
+    <tbody>
+    <% for ( var g = 0; g < groups.length; g++ ) {  %>
 
-<!--src/client/app/js/app/model/Group.js <- Gruppen "klasse"-->
+    <tr class="clickable" data-type="group-accept-link" data-group-id="<%= groups[g].getId() %>">
+        <td>
+            <img class="img-fluid group-image-table" src="<%= groups[g].getEmblemUrl() %>">
+        </td>
+        <td class="align-middle">
+            <%= groups[g].getName() %>
+        </td>
+        <td class="align-middle">
+            <i class="fas fa-chevron-right"></i>
+        </td>
+    </tr>
+    <% }    %>
+    </tbody>
+</table>
 
-<!--item von http://localhost:8097/client/app/#/groups nehmen-->
-<!-- link zu terms der gruppe: href="#/group/<%= group.getId() %>/terms"-->
-
-<% }    %>