Income switch (#14)

* Add partials for income types

* Add route and method for switch to display income type

app/controllers/incomes_controller.rb

@@ -60,6 +60,37 @@ def destroy
     end
   end
 
+  def income_switch
+    totals = FixedExpense.total_costs
+    if params[:enabled] == "0"
+      salary = Income.tax_on_income(income_type: "Salary")
+
+      respond_to do |format|
+        format.turbo_stream {
+          render turbo_stream: turbo_stream.replace("hourly_budget",
+            partial: "budget/salary_budget",
+            locals: {
+              totals: totals,
+              income: salary
+            })
+        }
+      end
+    else
+      hourly = Income.tax_on_income(income_type: "Hourly")
+
+      respond_to do |format|
+        format.turbo_stream {
+          render turbo_stream: turbo_stream.replace("salary_budget",
+            partial: "budget/hourly_budget",
+            locals: {
+              totals: totals,
+              income: hourly
+            })
+        }
+      end
+    end
+  end
+
   private
 
   # Use callbacks to share common setup or constraints between actions.

app/views/budget/_hourly_budget.html.erb

@@ -1,5 +1,7 @@
-<div id="hourly_budget" class="py-4">
-  <strong>Hourly</strong>
-  <%= render partial: "budget/budget_headings" %>
-  <%= render partial: "shared/budget", locals: {totals: totals, income: income} %>
-</div>
+<%= turbo_frame_tag "hourly_budget" do %>
+  <div id="hourly_budget" class="py-4">
+    <strong>Hourly</strong>
+    <%= render partial: "budget/budget_headings" %>
+    <%= render partial: "shared/budget", locals: {totals: totals, income: income} %>
+  </div>
+<% end %>

app/views/budget/_salary_budget.html.erb

@@ -1,5 +1,7 @@
-<div id="salary_budget" class="py-4">
-  <strong>Salary</strong>
-  <%= render partial: "budget/budget_headings" %>
-  <%= render partial: "shared/budget", locals: {totals: totals, income: income} %>
-</div>
+<%= turbo_frame_tag "salary_budget" do %>
+  <div id="salary_budget" class="py-4">
+    <strong>Salary</strong>
+    <%= render partial: "budget/budget_headings" %>
+    <%= render partial: "shared/budget", locals: {totals: totals, income: income} %>
+  </div>
+<% end %>

app/views/components/_income_switch.erb

@@ -0,0 +1,7 @@
+<%= form_with url: income_switch_url, local: true do |form| %>
+  <label class="relative inline-flex items-center cursor-pointer">
+    <%= form.check_box :enabled, class: "sr-only peer", onchange: "this.form.requestSubmit()" %>
+    <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"></div>
+    <span class="ms-3 text-sm font-medium text-gray-900">Switch income type</span>
+  </label>
+<% end %>

app/views/dashboard/index.html.erb

@@ -11,15 +11,13 @@
       <div class="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8">
         <div class="mt-5">
           <h3 class="text-2xl font-bold tracking-tight text-gray-900">Final Budget</h3>
+          <div class="pt-4">
+            <%= render partial: "components/income_switch" %>
+          </div>
         </div>
-
-        <%= turbo_frame_tag "salary_budget" do %>
+        <div id="final_income">
           <%= render partial: "budget/salary_budget", locals: {totals: @totals, income: @salary_taxed} %>
-        <% end %>
-
-        <%= turbo_frame_tag "hourly_budget" do %>
-          <%= render partial: "budget/hourly_budget", locals: {totals: @totals, income: @hourly_taxed} %>
-        <% end %>
+        </div>
       </div>
     </div>
 

config/routes.rb

@@ -3,4 +3,5 @@
   resources :fixed_expenses
   root "dashboard#index"
   resources :incomes
+  post "/income_switch", to: "incomes#income_switch"
 end