Add user membership management to group management

app/controllers/groups_controller.rb

@@ -61,6 +61,22 @@ def leave
     end
   end
 
+
+  # PATCH /groups/1/add_user or /groups/1/add_user.json
+  def add_user
+    respond_to do |format|
+      group = @group
+      user = User.where(email: params[:user]).first
+      if Membership.create(user: user, group: group, role: :member)
+        format.html { redirect_to groups_url, notice: t(:group_update) }
+        format.json { head :no_content }
+      else
+        unprocessable_response(format, redirect: :edit, entity: @group)
+      end
+    end
+  end
+
+
   private
 
   def assure_signed_in

app/views/groups/_modal-add-member.html.erb

@@ -0,0 +1,21 @@
+<div class="modal fade" id="addMemberGroupModal" tabindex="-1" aria-labelledby="addMemberGroupModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered">
+    <div class="modal-content">
+      <div class="modal-header border-0">
+        <h5 class="modal-title" id="addMemberGroupModalLabel"><%= t(:group_add_member) %></h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="<%= t(:cancel) %>"></button>
+      </div>
+      <div class="modal-body">
+      <%= form_with(model: @group, url: group_add_user_path(@group), local: true) do |form| %>
+        <div>
+          <%= form.label :user, t(:group_add_member_prompt), class: "form-label" %>
+          <%= form.text_field :user, placeholder: "[email protected]", class: "form-control" %>
+
+          <div class="modal-footer border-0 justify-content-evenly">
+          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><%= t(:cancel) %></button>
+          <%= form.submit t(:save), :class => "btn btn-primary" %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>

app/views/groups/edit.html.erb

@@ -34,7 +34,10 @@
 </table>
 
 <div class="d-flex justify-content-center">
-  <%= link_to t(:group_add_member), "", class: "btn btn-secondary mx-1" %>
+  <button type="button" class="btn btn-secondary mx-1" data-bs-toggle="modal" data-bs-target="#addMemberGroupModal">
+    <%= t(:group_add_member) %>
+  </button>
+  <%= render "modal-add-member", group: @group %>
 
   <button type="button" class="btn btn-primary mx-1" data-bs-toggle="modal" data-bs-target="#deleteGroupModal">
     <%= t(:delete_group) %>

config/locales/views/groups/de.yml

@@ -9,7 +9,9 @@ de:
   delete_group: "Gruppe löschen"
   leave_group: "Gruppe verlassen"
   edit_group: "Gruppe bearbeiten"
+
   group_add_member: "Nutzer hinzufügen"
+  group_add_member_prompt: "Bitte gib die E-Mail-Adresse des Nutzers ein, den du zur Gruppe hinzufügen möchtest."
 
   group_name : "Gruppenname"
   group_name_prompt: "Bitte gib deiner Gruppe einen Namen"
@@ -28,3 +30,4 @@ de:
   group_new: "Die Gruppe wurde erfolgreich erstellt"
   group_update: "Die Gruppe wurde erfolgreich aktualisiert"
   group_destroy: "Die Gruppe wurde wurde erfolgreich gelöscht"
+

config/locales/views/groups/en.yml

@@ -9,7 +9,9 @@ en:
   delete_group: "Delete group"
   leave_group: "Leave group"
   edit_group: "Edit group"
+
   group_add_member: "Add user"
+  group_add_member_prompt: "Please provide the email address of the user you'd like to add to this group."
 
   group_name : "Groupname"
   group_name_prompt: "Please provide a name for your group"

config/routes.rb

@@ -4,6 +4,7 @@
   # Define your application routes per the DSL in https://guides.rubyonrails.org/routing.html
   resources :groups, except: [:show, :new] do
     post :leave
+    patch :add_user
   end
   resources :items do
     patch :reserve

db/schema.rb

@@ -108,10 +108,10 @@
     t.datetime "remember_created_at"
     t.datetime "created_at", null: false
     t.datetime "updated_at", null: false
-    t.string "provider", limit: 50, default: "", null: false
-    t.string "uid", limit: 50, default: "", null: false
     t.string "full_name", default: "", null: false
     t.string "description", default: "", null: false
+    t.string "provider", limit: 50, default: "", null: false
+    t.string "uid", limit: 50, default: "", null: false
     t.index ["email"], name: "index_users_on_email", unique: true
     t.index ["reset_password_token"], name: "index_users_on_reset_password_token", unique: true
   end