Merge pull request #1732 from codebar/bootstrap-bottom-meeting-page

Bootstrap bottom half of meeting admin page
codebar · Apr 13, 2022 · 0fd5b9c · 0fd5b9c
2 parents cda8ad1 + 1e68ebc
commit 0fd5b9c
Showing 1 changed file with 24 additions and 24 deletions.
diff --git a/app/views/admin/meetings/_invitation_management.html.haml b/app/views/admin/meetings/_invitation_management.html.haml
@@ -1,34 +1,34 @@
 - if @invitations.any?
   .row
-    .large-12.columns
-      .panel
-        %p
-          <strong>#{@invitations.count}</strong> members have RSVP'd to this event.
+    .col
+      .card.bg-white.border-success
+        .card-body
+          %p.mb-0
+            <strong>#{@invitations.count}</strong> members have RSVP'd to this event.
 
-  .row
-    .large-9.columns
-      %small
+  %div.mt-4
+    = simple_form_for :meeting_invitations, url: admin_meeting_invitations_path do |f|
       .row
-        = simple_form_for :meeting_invitations, url: admin_meeting_invitations_path do |f|
-          .medium-6.columns
-            = f.select :member,
-                       Member.all.map { |u| ["#{u.full_name}", u.id] },
-                       { include_blank: true }, { class: 'chosen-select', required: true,
-                       data: { placeholder: t('messages.invitations.select_a_member_to_rsvp') } }
-            = f.input :meeting_id, as: :hidden, input_html: { value: @meeting.slug }
+        .col-6
+          = f.select :member,
+                      Member.all.map { |u| ["#{u.full_name}", u.id] },
+                      { include_blank: true }, { class: 'chosen-select', required: true,
+                      data: { placeholder: t('messages.invitations.select_a_member_to_rsvp') } }
+          = f.input :meeting_id, as: :hidden, input_html: { value: @meeting.slug }
 
-          .large-3.columns
-            %span{ 'data-tooltip': true, 'aria-haspopup': 'true', class: 'has-tip', title: t('admin.workshop.manage_rsvps.text') }
-              %i.fas.fa-info
-            = f.submit 'Add'
-      %br
+        .col-3
+          %span{'data-bs-toggle': 'tooltip', 'data-bs-placement': 'bottom', title: t('admin.workshop.manage_rsvps.text')}
+          = f.button :button, 'Add', class: 'btn btn-primary'
 
   .row
-    .medium-12.columns.attendances
+    .col.attendances
       %h4 Participants
-      - @invitations.each do |invitation|
-        .attendee.medium-5.columns
-          .small-1.columns
+
+  .row
+    - @invitations.each do |invitation|
+      .col-5.attendee
+        .row.mb-4
+          .col-1
             - if (@meeting.date_and_time - 30.minutes).past?
               - if invitation.attended?
                 = link_to '', admin_meeting_invitation_path(invitation, attendance_status: true, attended: false), class: 'far fa-check-square', method: :put
@@ -40,6 +40,6 @@
             - else
               = link_to '', admin_meeting_invitation_path(invitation, attendance_status: false, attended: false), class: 'far fa-minus-square', method: :put
 
-          .small-10.columns
+          .col-11
             = link_to admin_member_path(invitation.member) do
               = invitation.member.full_name