06 transactions page

PROJECT_JOURNAL.md

@@ -760,4 +760,45 @@ I updated the groups index page to first check if there are any groups. If there
   </div>
   <% end %>
 <% end %>
+```
+
+I refined the group's show action in the controller to retrieve the specific group associated with the current user and to display its movements ordered from the most recent:
+
+```ruby
+  def show
+    @group = current_user.groups.find(params[:id])
+    @movements = @group.movements.order(created_at: :desc)
+  end
+```
+
+In the groups index view, I added functionality to display the total sum of the transactions for each group:
+
+```erb
+  <p><%= group.movements.sum(:amount) %></p>
+```
+For the group show view, I enhanced the usability and presentation. A 'Go back' button was implemented to provide easy navigation back to the home page. The group's associated icon and name are prominently displayed. Additionally, if there are movements, the total sum of the transactions is shown. I also prepared an iteration structure for future development, where each movement will be displayed. Finally, a link was added for creating new movements, anticipating the next development phase:
+
+```erb
+<div>
+  <%= link_to "Go back", authenticated_root_path %>
+  <%= image_tag("group_icons/#{@group.icon}", alt: @group.icon, class: "icon-preview") %>
+  <h1><%= @group.name %> movements </h1>
+  <% if @movements.empty? %>
+    <p>There are no movements, yet.</p>
+  <% else %>
+    <%= @movements.sum(:amount)%>
+    <div>
+      <%= @movements.each do |movement| %>
+      <!-- Display each movement here -->
+      <% end %>
+    </div>
+  <% end %>
+  <%= link_to "Add a new movement", new_user_group_movement_path(current_user, @group) %>
+</div>
+```
+
+I added a "Go back" button for the Group new view:
+
+```erb
+  <%= link_to  "Go back", authenticated_root_path%>
 ```

app/controllers/groups_controller.rb

@@ -3,7 +3,10 @@ def index
     @groups = Group.all
   end
 
-  def show; end
+  def show
+    @group = current_user.groups.find(params[:id])
+    @movements = @group.movements.order(created_at: :desc)
+  end
 
   def new
     @group = current_user.groups.build

app/views/groups/index.html.erb

@@ -12,7 +12,7 @@
         <%= image_tag("group_icons/#{group.icon}", alt: group.name, class: "icon-preview") %>
         <p><%= group.created_at %></p>
         <p><%= group.name %></p>
-        <p><%= "Change later for real total amount in dollars" %></p>
+        <p><%= group.movements.sum(:amount) %></p>
       <% end %>
       <%= button_to "Delete",  user_group_path(current_user, group), method: :delete %>
     </div>

app/views/groups/new.html.erb

@@ -16,4 +16,5 @@
   </div>
 
   <%= form.submit "Create group" %>
+  <%= link_to  "Go back", authenticated_root_path%>
 <% end %>

app/views/groups/show.html.erb

@@ -1,2 +1,16 @@
-<h1>Groups#show</h1>
-<p>Find me in app/views/groups/show.html.erb</p>
+<div>
+  <%= link_to "Go back", authenticated_root_path %>
+  <%= image_tag("group_icons/#{@group.icon}", alt: @group.icon, class: "icon-preview") %>
+  <h1><%= @group.name %> movements </h1>
+  <% if @movements.empty? %>
+    <p>There are no movements, yet.</p>
+  <% else %>
+    <%= @movements.sum(:amount)%>
+    <div>
+      <%= @movements.each do |movement| %>
+      <!-- Display each movement here -->
+      <% end %>
+    </div>
+  <% end %>
+  <%= link_to "Add a new movement", new_user_group_movement_path(current_user, @group) %>
+</div>