Track expenses

app/controllers/expenses_controller.rb

@@ -0,0 +1,70 @@
+class ExpensesController < ApplicationController
+  before_action :set_expense, only: %i[ show edit update destroy ]
+
+  # GET /expenses or /expenses.json
+  def index
+    @expenses = Expense.all
+  end
+
+  # GET /expenses/1 or /expenses/1.json
+  def show
+  end
+
+  # GET /expenses/new
+  def new
+    @expense = Expense.new
+  end
+
+  # GET /expenses/1/edit
+  def edit
+  end
+
+  # POST /expenses or /expenses.json
+  def create
+    @expense = Expense.new(expense_params)
+
+    respond_to do |format|
+      if @expense.save
+        format.html { redirect_to expense_url(@expense), notice: "Expense was successfully created." }
+        format.json { render :show, status: :created, location: @expense }
+      else
+        format.html { render :new, status: :unprocessable_entity }
+        format.json { render json: @expense.errors, status: :unprocessable_entity }
+      end
+    end
+  end
+
+  # PATCH/PUT /expenses/1 or /expenses/1.json
+  def update
+    respond_to do |format|
+      if @expense.update(expense_params)
+        format.html { redirect_to expense_url(@expense), notice: "Expense was successfully updated." }
+        format.json { render :show, status: :ok, location: @expense }
+      else
+        format.html { render :edit, status: :unprocessable_entity }
+        format.json { render json: @expense.errors, status: :unprocessable_entity }
+      end
+    end
+  end
+
+  # DELETE /expenses/1 or /expenses/1.json
+  def destroy
+    @expense.destroy
+
+    respond_to do |format|
+      format.html { redirect_to expenses_url, notice: "Expense was successfully destroyed." }
+      format.json { head :no_content }
+    end
+  end
+
+  private
+    # Use callbacks to share common setup or constraints between actions.
+    def set_expense
+      @expense = Expense.find(params[:id])
+    end
+
+    # Only allow a list of trusted parameters through.
+    def expense_params
+      params.require(:expense).permit(:description, :payment, :period, :autopaid, :estimated)
+    end
+end

app/helpers/expenses_helper.rb

@@ -0,0 +1,7 @@
+module ExpensesHelper
+  def expense_periods
+    Expense
+      .periods
+      .map { |key, value| [key.titleize, Expense.periods.key(value)] }
+  end
+end

app/models/expense.rb

@@ -0,0 +1,13 @@
+class Expense < ApplicationRecord
+  PERIOD_OCCURENCES = {
+    monthly: 12,
+    annually: 1,
+    weekly: 52,
+    quarterly: 3,
+  }.freeze
+  enum :period, PERIOD_OCCURENCES.keys
+
+  def monthly
+    payment * PERIOD_OCCURENCES[period.to_sym] / 12
+  end
+end

app/views/expenses/_expense.html.erb

@@ -0,0 +1,32 @@
+<div id="<%= dom_id expense %>">
+  <p class="my-5">
+    <strong class="block font-medium mb-1">Description:</strong>
+    <%= expense.description %>
+  </p>
+
+  <p class="my-5">
+    <strong class="block font-medium mb-1">Payment:</strong>
+    <%= expense.payment %>
+  </p>
+
+  <p class="my-5">
+    <strong class="block font-medium mb-1">Period:</strong>
+    <%= expense.period %>
+  </p>
+
+  <p class="my-5">
+    <strong class="block font-medium mb-1">Autopaid:</strong>
+    <%= expense.autopaid %>
+  </p>
+
+  <p class="my-5">
+    <strong class="block font-medium mb-1">Estimated:</strong>
+    <%= expense.estimated %>
+  </p>
+
+  <% if action_name != "show" %>
+    <%= link_to "Show this expense", expense, class: "rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
+    <%= link_to 'Edit this expense', edit_expense_path(expense), class: "rounded-lg py-3 ml-2 px-5 bg-gray-100 inline-block font-medium" %>
+    <hr class="mt-6">
+  <% end %>
+</div>

app/views/expenses/_expense.json.jbuilder

@@ -0,0 +1,2 @@
+json.extract! expense, :id, :description, :payment, :period, :autopaid, :estimated, :created_at, :updated_at
+json.url expense_url(expense, format: :json)

app/views/expenses/_form.html.erb

@@ -0,0 +1,47 @@
+<%= form_with(model: expense, class: "contents") do |form| %>
+  <% if expense.errors.any? %>
+    <div id="error_explanation" class="bg-red-50 text-red-500 px-3 py-2 font-medium rounded-lg mt-3">
+      <h2><%= pluralize(expense.errors.count, "error") %> prohibited this expense from being saved:</h2>
+
+      <ul>
+        <% expense.errors.each do |error| %>
+          <li><%= error.full_message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="my-5">
+    <%= form.label :description %>
+    <%= form.text_field :description, class: "block shadow rounded-md border border-gray-200 outline-none px-3 py-2 mt-2 w-full" %>
+  </div>
+
+  <div class="my-5">
+    <%= form.label :payment %>
+    <%= form.text_field :payment, class: "block shadow rounded-md border border-gray-200 outline-none px-3 py-2 mt-2 w-full" %>
+  </div>
+
+  <div class="my-5">
+    <%= form.label :period %>
+    <%=
+      form.select :period,
+        options_for_select(expense_periods, expense.period),
+        {},
+        class: "block shadow rounded-md border border-gray-200 outline-none px-3 py-2 mt-2 w-full"
+    %>
+  </div>
+
+  <div class="my-5">
+    <%= form.label :autopaid %>
+    <%= form.check_box :autopaid, class: "block mt-2 h-5 w-5" %>
+  </div>
+
+  <div class="my-5">
+    <%= form.label :estimated %>
+    <%= form.check_box :estimated, class: "block mt-2 h-5 w-5" %>
+  </div>
+
+  <div class="inline">
+    <%= form.submit class: "rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium cursor-pointer" %>
+  </div>
+<% end %>

app/views/expenses/edit.html.erb

@@ -0,0 +1,8 @@
+<div class="mx-auto md:w-2/3 w-full">
+  <h1 class="font-bold text-4xl">Editing expense</h1>
+
+  <%= render "form", expense: @expense %>
+
+  <%= link_to "Show this expense", @expense, class: "ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
+  <%= link_to "Back to expenses", expenses_path, class: "ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
+</div>

app/views/expenses/index.html.erb

@@ -0,0 +1,14 @@
+<div class="w-full">
+  <% if notice.present? %>
+    <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block" id="notice"><%= notice %></p>
+  <% end %>
+
+  <div class="flex justify-between items-center">
+    <h1 class="font-bold text-4xl">Expenses</h1>
+    <%= link_to 'New expense', new_expense_path, class: "rounded-lg py-3 px-5 bg-blue-600 text-white block font-medium" %>
+  </div>
+
+  <div id="expenses" class="min-w-full">
+    <%= render @expenses %>
+  </div>
+</div>

app/views/expenses/index.json.jbuilder

@@ -0,0 +1 @@
+json.array! @expenses, partial: "expenses/expense", as: :expense

app/views/expenses/new.html.erb

@@ -0,0 +1,7 @@
+<div class="mx-auto md:w-2/3 w-full">
+  <h1 class="font-bold text-4xl">New expense</h1>
+
+  <%= render "form", expense: @expense %>
+
+  <%= link_to 'Back to expenses', expenses_path, class: "ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
+</div>

app/views/expenses/show.html.erb

@@ -0,0 +1,15 @@
+<div class="mx-auto md:w-2/3 w-full flex">
+  <div class="mx-auto">
+    <% if notice.present? %>
+      <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block" id="notice"><%= notice %></p>
+    <% end %>
+
+    <%= render @expense %>
+
+    <%= link_to 'Edit this expense', edit_expense_path(@expense), class: "mt-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
+    <div class="inline-block ml-2">
+      <%= button_to 'Destroy this expense', expense_path(@expense), method: :delete, class: "mt-2 rounded-lg py-3 px-5 bg-gray-100 font-medium" %>
+    </div>
+    <%= link_to 'Back to expenses', expenses_path, class: "ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
+  </div>
+</div>

app/views/expenses/show.json.jbuilder

@@ -0,0 +1 @@
+json.partial! "expenses/expense", expense: @expense