Files
growstuff/app/views/harvests/_modal.html.haml
T
Brenda WallaceandClaude Sonnet 5 a9193dc988 Use Bootstrap 5 close buttons and alert-dismissible
.close with a times character -> .btn-close (which draws its own cross), with an
aria-label on each. The alert helper said alert-dismissable, Bootstrap 3's
spelling; Bootstrap 5 needs alert-dismissible for the close button's spacing.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-20 18:03:36 +12:00

33 lines
1.4 KiB
Plaintext

#modelHarvestForm.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "myModalLabel", role: "dialog", tabindex: "-1"}
.modal-dialog{role: "document"}
.modal-content
.modal-header.text-center
%h4.modal-title.w-100.fw-bold Record #{harvest.crop.name} harvest
%button.btn-close{"aria-label" => "Close", "data-bs-dismiss" => "modal", type: "button"}
.modal-body
%p Select which plant part you have havested
- if harvest.crop.plant_parts.any?
%h5 Recommended plant parts to harvest:
.index-cards
- harvest.crop.plant_parts.order(:name).each do |plant_part|
.card
= link_to new_harvest_path(harvest: {planting_id: harvest.planting_id, crop_id: harvest.crop_id, plant_part_id: plant_part.id}) do
.card-title.text-center
%h3= plant_part_icon(plant_part.name)
%h3= plant_part.name
%hr/
%h6 All Plant parts
%nav.nav
- PlantPart.all.order(:name).each do |plant_part|
= link_to new_harvest_path(harvest: {planting_id: harvest.planting_id, crop_id: harvest.crop_id, plant_part_id: plant_part.id}), class: 'nav-link border' do
= plant_part_icon(plant_part.name)
= plant_part
%a.btn#modalHarvestButton{"data-bs-target" => "#modelHarvestForm", "data-bs-toggle" => "modal", href: ""}
= harvest_icon
Record harvest