From a5667d72c1fb3b0e989d01ed31350342d48fe202 Mon Sep 17 00:00:00 2001
From: Florian Eisenmenger <floeis@MBP-von-Florian.fritz.box>
Date: Wed, 23 Aug 2023 16:42:53 +0200
Subject: [PATCH] modal show groups

---
 src/client/app/js/app/state/Home.js           |  7 ++++++
 .../tmpl/home-modal-terms-not-accepted.html   | 24 +++++++++++++------
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/client/app/js/app/state/Home.js b/src/client/app/js/app/state/Home.js
index ad6aea0..b000388 100644
--- a/src/client/app/js/app/state/Home.js
+++ b/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'),
diff --git a/src/client/app/tmpl/home-modal-terms-not-accepted.html b/src/client/app/tmpl/home-modal-terms-not-accepted.html
index ed2ed28..488e1b9 100644
--- a/src/client/app/tmpl/home-modal-terms-not-accepted.html
+++ b/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"-->
-
-<% }    %>