add attendees and coaches count info

Author: AstiV

app/assets/stylesheets/application.css

@@ -504,11 +504,29 @@ input.grey {
   margin-bottom: .5em;
 }
 
+.info-wrapper {
+  display: flex;
+  /* justify-content: space-evenly; */
+  margin-bottom: 1em;
+  font-weight: bold;
+  color: #fff;
+}
+
+.info-wrapper .info {
+  border-right: 1px solid #ffff;
+  padding: 15px;
+  text-align: left;
+  width: 30em;
+}
+
+.cc-gradient {
+  background: linear-gradient(to right, #28B4F0, #F0A0C8);
+}
+
 .language-tag {
   padding: 0 .7em;
   font-size: 12px;
   width: fit-content;
-  background: linear-gradient(to right, #28B4F0, #F0A0C8);
   color: #fff;
   border-radius: 5px;
 }

app/controllers/admin/groups_controller.rb

@@ -5,6 +5,8 @@ class Admin::GroupsController < ApplicationController
 
   def index
     @event_groups = @event.event_groups
+    @coaches_count = @event.coach_applications.approved.size
+    @attendees_count = @event.applications.application_selected.size
   end
 
   # An action to regenerate

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

@@ -1,5 +1,9 @@
 <% if @event.has_groups? %>
 
+  <div class="info-wrapper cc-gradient">
+    <div class="info">Attendees: <%= @attendees_count %></div>
+    <div class="info">Coaches: <%= @coaches_count %></div>
+  </div>
   <%= button_to "Regenerate groups", regenerate_admin_event_groups_path(@event), method: :post %>
   <% @event_groups.each do |event_group| %>
     <h2><%= event_group.name %></h2>
@@ -18,7 +22,7 @@
                 <span>
                   <%= application.name %>
                 </span>
-                <span class="language-tag">
+                <span class="language-tag cc-gradient">
                   <% if application.language_de === true && application.language_en === true %>
                     both languages
                   <% elsif application.language_de === true && application.language_en === false %>
@@ -36,7 +40,7 @@
                   <span>
                     <%= application.coach.name %>
                   </span>
-                  <span class="language-tag">
+                  <span class="language-tag cc-gradient">
                     <% if application.coach.language_de === true && application.coach.language_en === true %>
                       both languages
                     <% elsif application.coach.language_de === true && application.coach.language_en === false %>