add language tags to event groups table view

Author: AstiV

app/assets/stylesheets/application.css

@@ -498,6 +498,21 @@ input.grey {
   background-color: #c4220d;
 }
 
+.grid-wrapper {
+  display: grid;
+  grid-template-columns: 250px 250px;
+  margin-bottom: .5em;
+}
+
+.language-tag {
+  padding: 0 .7em;
+  font-size: 12px;
+  width: fit-content;
+  background: linear-gradient(to right, #28B4F0, #F0A0C8);
+  color: #fff;
+  border-radius: 5px;
+}
+
 /* Printer styles */
 
 @media print {

app/views/admin/groups/index.html.erb

@@ -13,12 +13,39 @@
       <tbody>
         <tr>
           <td>
-            <%= event_group.applications.map(&:name).join("<br>").html_safe %>
+            <% event_group.applications.map do |application| %>
+              <div class="grid-wrapper">
+                <span>
+                  <%= application.name %>
+                </span>
+                <span class="language-tag">
+                  <% if application.language_de === true && application.language_en === true %>
+                    both languages
+                  <% elsif application.language_de === true && application.language_en === false %>
+                    German
+                  <% else %> 
+                    English
+                  <% end %>
+                </span>
+              </div>
+            <% end %>
           </td>
           <td>
             <% event_group.coach_applications.map do |application| %>
-              <%= application.coach.name %>
-              <br>
+              <div class="grid-wrapper">
+                  <span>
+                    <%= application.coach.name %>
+                  </span>
+                  <span class="language-tag">
+                    <% if application.coach.language_de === true && application.coach.language_en === true %>
+                      both languages
+                    <% elsif application.coach.language_de === true && application.coach.language_en === false %>
+                      German
+                    <% else %> 
+                      English
+                    <% end %>
+                  </span>
+                </div>
             <% end %>
           </td>
         </tr>