374 lines
12 KiB
Plaintext
374 lines
12 KiB
Plaintext
<% overdue_statuses = @maintenance_schedule_statuses.values.select(&:overdue?) %>
|
|
<% upcoming_statuses = @maintenance_schedule_statuses.values.select(&:upcoming?) %>
|
|
<% no_history_statuses = @maintenance_schedule_statuses.values.select(&:no_history?) %>
|
|
<% attention_statuses = overdue_statuses + upcoming_statuses %>
|
|
|
|
<main class="page-shell vehicle-show">
|
|
<% if notice.present? %>
|
|
<p class="flash flash--notice"><%= notice %></p>
|
|
<% end %>
|
|
<% if flash[:warning].present? %>
|
|
<p class="flash flash--warning"><%= flash[:warning] %></p>
|
|
<% end %>
|
|
|
|
<p><%= link_to "Back to vehicles", vehicles_path, class: "back-link" %></p>
|
|
|
|
<header class="vehicle-hero">
|
|
<div>
|
|
<p class="eyebrow"><%= @vehicle.licence_plate %></p>
|
|
<h1><%= @vehicle.year %> <%= @vehicle.make %> <%= @vehicle.model %></h1>
|
|
<p><%= number_with_delimiter(@vehicle.current_odometer) %> miles</p>
|
|
</div>
|
|
</header>
|
|
|
|
<% if attention_statuses.any? %>
|
|
<section class="alert-stack" aria-label="Maintenance attention needed">
|
|
<% if overdue_statuses.any? %>
|
|
<div class="alert-card alert-card--overdue">
|
|
<h2>Overdue maintenance</h2>
|
|
<ul>
|
|
<% overdue_statuses.each do |status| %>
|
|
<li>
|
|
<strong><%= status.schedule.maintenance_type %></strong>: <%= status.reason %>.
|
|
Due at <%= number_with_delimiter(status.due_odometer) %> miles or <%= status.due_date %>.
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
</div>
|
|
<% end %>
|
|
|
|
<% if upcoming_statuses.any? %>
|
|
<div class="alert-card alert-card--upcoming">
|
|
<h2>Upcoming maintenance</h2>
|
|
<ul>
|
|
<% upcoming_statuses.each do |status| %>
|
|
<li>
|
|
<strong><%= status.schedule.maintenance_type %></strong>: <%= status.reason %>.
|
|
Due at <%= number_with_delimiter(status.due_odometer) %> miles or <%= status.due_date %>.
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
</div>
|
|
<% end %>
|
|
</section>
|
|
<% end %>
|
|
|
|
<details class="dashboard-section">
|
|
<summary>Vehicle Information</summary>
|
|
|
|
<div class="table-scroll table-scroll--compact">
|
|
<table class="details-table">
|
|
<tbody>
|
|
<tr>
|
|
<th>Make</th>
|
|
<td><%= @vehicle.make %></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Model</th>
|
|
<td><%= @vehicle.model %></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Year</th>
|
|
<td><%= @vehicle.year %></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Color</th>
|
|
<td><%= @vehicle.color %></td>
|
|
</tr>
|
|
<tr>
|
|
<th>VIN</th>
|
|
<td><%= @vehicle.vin %></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Licence plate</th>
|
|
<td><%= @vehicle.licence_plate %></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Current odometer</th>
|
|
<td><%= number_with_delimiter(@vehicle.current_odometer) %></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Fuel tank size</th>
|
|
<td><%= @vehicle.fuel_tank_size %></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Status</th>
|
|
<td><%= @vehicle.active? ? "Active" : "Inactive" %></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</details>
|
|
|
|
<details class="dashboard-section dashboard-section--primary" open>
|
|
<summary>Record Fuel</summary>
|
|
|
|
<%= form_with model: [@vehicle, @fuel_entry], class: "stacked-form" do |form| %>
|
|
<% if @fuel_entry.errors.any? %>
|
|
<section class="form-errors">
|
|
<h3><%= pluralize(@fuel_entry.errors.count, "error") %> prevented this fuel entry from being saved</h3>
|
|
|
|
<ul>
|
|
<% @fuel_entry.errors.full_messages.each do |message| %>
|
|
<li><%= message %></li>
|
|
<% end %>
|
|
</ul>
|
|
</section>
|
|
<% end %>
|
|
|
|
<div class="form-grid">
|
|
<div class="field">
|
|
<%= form.label :odometer %>
|
|
<%= form.number_field :odometer, min: @vehicle.current_odometer, required: true %>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<%= form.label :gallons_pumped %>
|
|
<%= form.number_field :gallons_pumped, min: 0.01, step: "0.01", required: true %>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<%= form.label :price_paid %>
|
|
<%= form.number_field :price_paid, min: 0.01, step: "0.01", required: true %>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<%= form.label :date %>
|
|
<%= form.date_field :date, max: Date.current, required: true %>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<%= form.submit "Record fuel", class: "button button--primary" %>
|
|
</div>
|
|
<% end %>
|
|
</details>
|
|
|
|
<details class="dashboard-section" <%= "open" if attention_statuses.any? %>>
|
|
<summary>Record Maintenance</summary>
|
|
|
|
<% if @maintenance_schedules.any? %>
|
|
<%= form_with model: [@vehicle, @maintenance_entry], class: "stacked-form", data: {
|
|
controller: "maintenance-odometer-warning",
|
|
maintenance_odometer_warning_current_odometer_value: @vehicle.current_odometer,
|
|
maintenance_odometer_warning_threshold_value: 500
|
|
} do |form| %>
|
|
<% if @maintenance_entry.errors.any? %>
|
|
<section class="form-errors">
|
|
<h3><%= pluralize(@maintenance_entry.errors.count, "error") %> prevented this maintenance entry from being saved</h3>
|
|
|
|
<ul>
|
|
<% @maintenance_entry.errors.full_messages.each do |message| %>
|
|
<li><%= message %></li>
|
|
<% end %>
|
|
</ul>
|
|
</section>
|
|
<% end %>
|
|
|
|
<div class="form-grid">
|
|
<div class="field">
|
|
<%= form.label :name, "Maintenance type" %>
|
|
<%= form.select :name, options_for_select(@maintenance_schedules.map(&:maintenance_type), @maintenance_entry.name), { prompt: "Choose maintenance type" }, required: true %>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<%= form.label :odometer %>
|
|
<%= form.number_field :odometer, min: 0, required: true, data: {
|
|
maintenance_odometer_warning_target: "odometer",
|
|
action: "input->maintenance-odometer-warning#check change->maintenance-odometer-warning#check"
|
|
} %>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<%= form.label :cost %>
|
|
<%= form.number_field :cost, min: 0, step: "0.01", required: true %>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<%= form.label :date %>
|
|
<%= form.date_field :date, max: Date.current, required: true %>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="field-warning" hidden data-maintenance-odometer-warning-target="warning">
|
|
Warning: this maintenance odometer is more than 500 miles behind the current vehicle odometer.
|
|
</p>
|
|
|
|
<div class="field">
|
|
<%= form.label :notes %>
|
|
<%= form.text_area :notes, required: true %>
|
|
</div>
|
|
|
|
<div>
|
|
<%= form.submit "Record maintenance", class: "button button--primary" %>
|
|
</div>
|
|
<% end %>
|
|
<% else %>
|
|
<p class="empty-state">Add a maintenance schedule before recording maintenance.</p>
|
|
<% end %>
|
|
</details>
|
|
|
|
<details class="dashboard-section">
|
|
<summary>Maintenance Schedules</summary>
|
|
|
|
<p><%= link_to "Manage maintenance schedules", vehicle_maintenance_schedules_path(@vehicle), class: "button button--secondary" %></p>
|
|
|
|
<% if attention_statuses.any? %>
|
|
<div class="section-alerts">
|
|
<% if overdue_statuses.any? %>
|
|
<section class="mini-alert mini-alert--overdue">
|
|
<h3>Overdue maintenance</h3>
|
|
<ul>
|
|
<% overdue_statuses.each do |status| %>
|
|
<li>
|
|
<%= status.schedule.maintenance_type %> is overdue: <%= status.reason %>.
|
|
Due at <%= number_with_delimiter(status.due_odometer) %> miles or <%= status.due_date %>.
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
</section>
|
|
<% end %>
|
|
|
|
<% if upcoming_statuses.any? %>
|
|
<section class="mini-alert mini-alert--upcoming">
|
|
<h3>Upcoming maintenance</h3>
|
|
<ul>
|
|
<% upcoming_statuses.each do |status| %>
|
|
<li>
|
|
<%= status.schedule.maintenance_type %> is upcoming: <%= status.reason %>.
|
|
Due at <%= number_with_delimiter(status.due_odometer) %> miles or <%= status.due_date %>.
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
</section>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<% if no_history_statuses.any? %>
|
|
<section class="mini-alert">
|
|
<h3>No Maintenance History</h3>
|
|
<ul>
|
|
<% no_history_statuses.each do |status| %>
|
|
<li>
|
|
<%= status.schedule.maintenance_type %> has no matching maintenance entry yet.
|
|
Baseline due point is <%= number_with_delimiter(status.due_odometer) %> miles or <%= status.due_date %>.
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
</section>
|
|
<% end %>
|
|
|
|
<% if @maintenance_schedules.any? %>
|
|
<div class="table-scroll">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Type</th>
|
|
<th>Mileage interval</th>
|
|
<th>Time interval</th>
|
|
<th>Next due odometer</th>
|
|
<th>Next due date</th>
|
|
<th>Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% @maintenance_schedules.each do |schedule| %>
|
|
<% status = @maintenance_schedule_statuses.fetch(schedule) %>
|
|
<tr>
|
|
<td><%= schedule.maintenance_type %></td>
|
|
<td><%= number_with_delimiter(schedule.mileage_interval) %> miles</td>
|
|
<td><%= schedule.time_interval %> days</td>
|
|
<td><%= number_with_delimiter(status.due_odometer) %></td>
|
|
<td><%= status.due_date %></td>
|
|
<td><span class="status-badge status-badge--<%= status.status %>"><%= status.status_label %></span></td>
|
|
</tr>
|
|
<% end %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<% else %>
|
|
<p class="empty-state">No maintenance schedules recorded.</p>
|
|
<% end %>
|
|
</details>
|
|
|
|
<details class="dashboard-section">
|
|
<summary>Maintenance History</summary>
|
|
|
|
<% if @maintenance_entries.any? %>
|
|
<div class="table-scroll">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Date</th>
|
|
<th>Name</th>
|
|
<th>Odometer</th>
|
|
<th>Cost</th>
|
|
<th>Notes</th>
|
|
<th>Updated by</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% @maintenance_entries.each do |entry| %>
|
|
<tr>
|
|
<td><%= entry.date %></td>
|
|
<td><%= entry.name %></td>
|
|
<td><%= number_with_delimiter(entry.odometer) %></td>
|
|
<td><%= number_to_currency(entry.cost) %></td>
|
|
<td><%= entry.notes %></td>
|
|
<td><%= entry.updated_by_user.name %></td>
|
|
</tr>
|
|
<% end %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<% else %>
|
|
<p class="empty-state">No maintenance entries recorded.</p>
|
|
<% end %>
|
|
</details>
|
|
|
|
<details class="dashboard-section">
|
|
<summary>Fuel History</summary>
|
|
|
|
<% if @fuel_entries.any? %>
|
|
<div class="table-scroll">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Date</th>
|
|
<th>Odometer</th>
|
|
<th>Gallons</th>
|
|
<th>Price paid</th>
|
|
<th>Updated by</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% @fuel_entries.each do |entry| %>
|
|
<tr>
|
|
<td><%= entry.date %></td>
|
|
<td><%= number_with_delimiter(entry.odometer) %></td>
|
|
<td><%= entry.gallons_pumped %></td>
|
|
<td><%= number_to_currency(entry.price_paid) %></td>
|
|
<td><%= entry.updated_by_user.name %></td>
|
|
</tr>
|
|
<% end %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<% else %>
|
|
<p class="empty-state">No fuel entries recorded.</p>
|
|
<% end %>
|
|
</details>
|
|
|
|
<details class="dashboard-section">
|
|
<summary>Vehicle Management</summary>
|
|
<div class="action-row">
|
|
<%= link_to "Edit", edit_vehicle_path(@vehicle), class: "button button--secondary" %>
|
|
<% if @vehicle.active? %>
|
|
<%= button_to "Deactivate", @vehicle, method: :delete, class: "button button--danger" %>
|
|
<% end %>
|
|
</div>
|
|
</details>
|
|
|
|
</main>
|