quote line item dates CRUD

Author: thejonroberts

app/assets/stylesheets/application.sass.scss

@@ -17,6 +17,7 @@
 @import "components/navbar";
 @import "components/flash";
 @import "components/empty_state";
+@import "components/line_item_date";
 
 // Layouts
 @import "layouts/container";

app/assets/stylesheets/components/_line_item_date.scss

@@ -0,0 +1,24 @@
+.line-item-date {
+  margin-top: var(--space-xl);
+  margin-bottom: var(--space-xxs);
+
+  &__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-xs);
+  }
+
+  &__title {
+    font-size: var(--font-size-xl);
+
+    @include media(tabletAndUp) {
+      font-size: var(--font-size-xxl);
+    }
+  }
+
+  &__actions {
+    display: flex;
+    gap: var(--space-xs);
+  }
+}

app/controllers/line_item_dates_controller.rb

@@ -0,0 +1,49 @@
+class LineItemDatesController < ApplicationController
+  before_action :set_quote
+  before_action :set_line_item_date, only: [:edit, :update, :destroy]
+
+  def new
+    @line_item_date = @quote.line_item_dates.build
+  end
+
+  def create
+    @line_item_date = @quote.line_item_dates.build(line_item_date_params)
+
+    if @line_item_date.save
+      redirect_to quote_path(@quote), notice: "Date was successfully created."
+    else
+      render :new, status: :unprocessable_entity
+    end
+  end
+
+  def edit
+  end
+
+  def update
+    if @line_item_date.update(line_item_date_params)
+      redirect_to quote_path(@quote), notice: "Date was successfully updated."
+    else
+      render :edit, status: :unprocessable_entity
+    end
+  end
+
+  def destroy
+    @line_item_date.destroy
+
+    redirect_to quote_path(@quote), notice: "Date was successfully destroyed."
+  end
+
+  private
+
+  def line_item_date_params
+    params.require(:line_item_date).permit(:date)
+  end
+
+  def set_line_item_date
+    @line_item_date = @quote.line_item_dates.find(params[:id])
+  end
+
+  def set_quote
+    @quote = current_company.quotes.find(params[:quote_id])
+  end
+end

app/controllers/quotes_controller.rb

@@ -7,6 +7,7 @@ def index
   end
 
   def show
+    @line_item_dates = @quote.line_item_dates.ordered
   end
 
   def new

app/helpers/application_helper.rb

@@ -2,4 +2,12 @@ module ApplicationHelper
   def render_turbo_stream_flash_messages
     turbo_stream.prepend "flash", partial: "layouts/flash"
   end
+
+  def form_error_notification(object)
+    if object.errors.any?
+      tag.div class: "error-message" do
+        object.errors.full_messages.to_sentence.capitalize
+      end
+    end
+  end
 end

app/models/line_item_date.rb

@@ -0,0 +1,7 @@
+class LineItemDate < ApplicationRecord
+  belongs_to :quote
+
+  validates :date, presence: true, uniqueness: { scope: :quote_id }
+
+  scope :ordered, -> { order(date: :asc) }
+end

app/models/quote.rb

@@ -1,5 +1,6 @@
 class Quote < ApplicationRecord
   belongs_to :company
+  has_many :line_item_dates, dependent: :destroy
 
   validates :name, presence: true
 

app/views/line_item_dates/_form.html.erb

@@ -0,0 +1,7 @@
+<%= simple_form_for [quote, line_item_date], html: { class: "form line-item-date" } do |f| %>
+  <%= form_error_notification(line_item_date) %>
+
+  <%= f.input :date, html5: true, input_html: { autofocus: true } %>
+  <%= link_to "Cancel", quote_path(quote), class: "btn btn--light" %>
+  <%= f.submit class: "btn btn--secondary" %>
+<% end %>

app/views/line_item_dates/_line_item_date.html.erb

@@ -0,0 +1,19 @@
+<div class="line-item-date">
+  <div class="line-item-date__header">
+    <h2 class="line-item-date__title">
+      <%= l(line_item_date.date, format: :long) %>
+    </h2>
+
+    <div class="line-item-date__actions">
+      <%# NOTE: polymorphic routes https://api.rubyonrails.org/classes/ActionDispatch/Routing/PolymorphicRoutes.html %>
+      <%= button_to "Delete",
+              quote_line_item_date_path(quote, line_item_date),
+              method: :delete,
+              form: { data: { turbo_confirm: "Are you sure?" } },
+              class: "btn btn--light" %>
+      <%= link_to "Edit",
+                  [:edit, quote, line_item_date],
+                  class: "btn btn--light" %>
+    </div>
+  </div>
+</div>

app/views/line_item_dates/edit.html.erb

@@ -0,0 +1,9 @@
+<main class="container">
+  <%= link_to sanitize("&larr; Back to quote"), quote_path(@quote) %>
+
+  <div class="header">
+    <h1>Edit date</h1>
+  </div>
+
+  <%= render "form", quote: @quote, line_item_date: @line_item_date %>
+</main>