allow plants to get their status modified via ui

one-m1nd · Mar 4, 2024 · b4684e6 · b4684e6
1 parent 197f7b7
commit b4684e6
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 1 deletion.
diff --git a/app/views/plants/_form.html.erb b/app/views/plants/_form.html.erb
@@ -14,6 +14,7 @@
   <%= form.text_field :name %>
   <%= collection_select(:plant, :family_id, Family.all.sort_by(&:name), :id, :name, prompt: true) %>
   <%= collection_select(:plant, :genus_id, Genus.all.sort_by(&:name), :id, :name, prompt: true) %>
+  <%= collection_select(:plant, :status_id, Status.all, :id, :name, prompt: true) %>
 
   <div class="inline">
     <%= form.submit class: "rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium cursor-pointer" %>

diff --git a/app/views/plants/_plant.html.erb b/app/views/plants/_plant.html.erb
@@ -33,6 +33,11 @@
       <td class="border border-slate-900">Genus</td>
       <td class="border border-slate-900"><%= @plant.genus.name %></td>
     </tr>
+
+    <tr>
+      <td class="border border-slate-900">Status</td>
+      <td class="border border-slate-900"><%= @plant.status.name %></td>
+    </tr>
     </tbody>
   </table>
 </div>
diff --git a/app/views/plants/_plant.json.jbuilder b/app/views/plants/_plant.json.jbuilder
@@ -6,4 +6,8 @@ end
 
 json.family do
   json.extract! plant.family, :id, :name, :created_at, :updated_at
+end
+
+json.status do
+  json.extract! plant.status, :id, :name, :created_at, :updated_at
 end
diff --git a/app/views/plants/index.html.erb b/app/views/plants/index.html.erb
@@ -4,7 +4,9 @@
   <% end %>
 
   <div class="flex justify-between items-center">
-    <h1 class="font-bold text-4xl"> <%= @plants.length %> Plants</h1>
+    <h1 class="font-bold text-4xl"> <%= @plants.length %> Plants </h1>
+    <h2> <%= @plants.select { |plant| plant.status.id == 1 }.length %> Alive </h2>
+    <h2> <%= @plants.select { |plant| plant.status.id == 2 }.length %> Dead </h2>
     <%= link_to 'New plant', new_plant_path, class: "rounded-lg py-3 px-5 bg-blue-600 text-white block font-medium" %>
   </div>
 
@@ -14,6 +16,7 @@
       <th>Name</th>
       <th>Family</th>
       <th>Genus</th>
+      <th>Status</th>
       <th>URL</th>
     </tr>
     </thead>
@@ -23,6 +26,7 @@
         <td class="border border-slate-900"><%= plant.name %></td>
         <td class="border border-slate-900"><%= plant.family.name %></td>
         <td class="border border-slate-900"><%= plant.genus.name %></td>
+        <td class="border border-slate-900"><%= plant.status.name %></td>
         <td class="border border-slate-900">
           <a href="<%= plant_url(plant) %>">Show</a>
         </td>