Redesign event show page layout and form with autoshow fields by maebeale · Pull Request #1138 · rubyforgood/awbw

maebeale · 2026-02-21T17:31:16Z

What is the goal of this PR and why is this important?

Restructure event show page with centered header image, title (Lato font, green), date/time (Lato, dark navy, uppercase), and registration section. Add autoshow boolean fields for conditional display of event details. Add timezone-aware datetime display with user timezone support (PST default). Style register/deregister buttons with custom color (rgb(170,46,0)) and Telefon Bold font. Extract videoconference link into turbo-replaceable partial. Support up to 5 registration section instances for embedding in rich text. Add calendar link location/videoconference URL fields.

How did you approach the change?

Anything else to add?

Restructure event show page with centered header image, title (Lato font, green), date/time (Lato, dark navy, uppercase), and registration section. Add autoshow boolean fields for conditional display of event details. Add timezone-aware datetime display with user timezone support (PST default). Style register/deregister buttons with custom color (rgb(170,46,0)) and Telefon Bold font. Extract videoconference link into turbo-replaceable partial. Support up to 5 registration section instances for embedding in rich text. Add calendar link location/videoconference URL fields. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Add pre_title string column to events with its own migration. Update form with title card, pre-title field, and admin Display settings card. Show pre_title on event show page in Telefon Bold. Comment out header_image blob check in display_image pending rhino embed investigation. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

maebeale · 2026-02-21T17:31:34Z

app/controllers/application_controller.rb


  def set_time_zone_from_user
-    zone = ActiveSupport::TimeZone[current_user&.time_zone || "UTC"]
+    zone = ActiveSupport::TimeZone[current_user&.time_zone || "Pacific Time (US & Canada)"]


changing this so a public user sees events in PST by default.

maebeale · 2026-02-21T17:32:15Z

app/controllers/events_controller.rb

+                                  :autoshow_location,
+                                  :autoshow_videoconference_url,
+                                  :autoshow_cost,
+                                  :autoshow_title,


adding a bunch of booleans so admin can control which parts they do/don't want dynamically displaying on event show.

added rhino_header for "top" part of page

maebeale · 2026-02-21T17:33:07Z

app/decorators/event_decorator.rb

+    end
+
+    desc_encoded     = ERB::Util.url_encode(description)
+    location_encoded = ERB::Util.url_encode(cal_location.to_s)


add more data into the calendar links so they include the videoconf url and/or location

maebeale · 2026-02-21T17:33:33Z

app/decorators/event_decorator.rb

+
+    # embeds returns ActiveStorage::Attached::Many; find first image blob
+    object.rhino_header.embeds.blobs.find { |blob| blob.image? }
+  end


this doesn't seem to be working yet.

maebeale · 2026-02-21T17:34:30Z

app/frontend/stylesheets/application.tailwind.css

+.rhino-centered table,
+.rhino-centered pre {
+  text-align: left;
+}


not sure where else to put this. rhino_header needs to be centered.

What is this trying to do? The user should be able to handle alignment within the editor.

maebeale · 2026-02-21T17:34:44Z

app/frontend/stylesheets/application.tailwind.css

+  background-color: rgb(170, 46, 0) !important;
+  color: white !important;
+}
+


add custom register styling for show page

maebeale · 2026-02-21T17:35:06Z

app/views/assets/_display_image.html.erb

+    file
+  elsif !icon_display && (file.is_a?(ActiveStorage::Blob) || file.is_a?(ActiveStorage::Attachment))
+    file
+  end


trying to show a blob, which doesn't respond to same checks as AS attachment.

maebeale · 2026-02-21T17:35:32Z

app/views/events/registrations/create.turbo_stream.erb

+<% (1..5).each do |i| %>
+  <%= turbo_stream.replace dom_id(@event, "registration_section_#{i}"), partial: "events/registration_section", locals: { event: @event.decorate, instance: i } %>
+<% end %>
+<%= turbo_stream.replace dom_id(@event, :videoconference_link), partial: "events/videoconference_link", locals: { event: @event.decorate } %>


update Join on Zoom to be linked to the videoconf url, if registered.

maebeale · 2026-02-21T17:36:05Z

app/views/events/_form.html.erb

+                    placeholder: "e.g. Facilitator Training Series"
+                  } %>
+        </div>
+        <div>


adding pre_title bc they add tagline-esque titles to their event titles

maebeale · 2026-02-21T17:36:48Z

app/views/layouts/application.html.erb

    <link rel="shortcut icon" type="image/png" href="<%= asset_path(favicon_file) %>">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap" rel="stylesheet">


add lato google font.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

- Styled times format: full day/month names instead of abbreviated - "Registration closes" instead of "Registration Close Date" - "Join on {domain}" instead of "Join online" - Remove "All times displayed in" assertions (text removed from show) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* Redesign event show page layout and form with autoshow fields Restructure event show page with centered header image, title (Lato font, green), date/time (Lato, dark navy, uppercase), and registration section. Add autoshow boolean fields for conditional display of event details. Add timezone-aware datetime display with user timezone support (PST default). Style register/deregister buttons with custom color (rgb(170,46,0)) and Telefon Bold font. Extract videoconference link into turbo-replaceable partial. Support up to 5 registration section instances for embedding in rich text. Add calendar link location/videoconference URL fields. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * Add pre_title field and refine event form layout Add pre_title string column to events with its own migration. Update form with title card, pre-title field, and admin Display settings card. Show pre_title on event show page in Telefon Bold. Comment out header_image blob check in display_image pending rhino embed investigation. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * Fix Rubocop Omakase array bracket spacing Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * Update tests to match redesigned event show page - Styled times format: full day/month names instead of abbreviated - "Registration closes" instead of "Registration Close Date" - "Join on {domain}" instead of "Join online" - Remove "All times displayed in" assertions (text removed from show) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

maebeale and others added 2 commits February 21, 2026 12:04

maebeale commented Feb 21, 2026

View reviewed changes

Fix Rubocop Omakase array bracket spacing

f4e5b49

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

maebeale marked this pull request as ready for review February 21, 2026 17:39

maebeale merged commit dfb1a0f into main Feb 21, 2026
3 checks passed

maebeale deleted the maebeale/event-form-layout branch February 21, 2026 17:54

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Comments

Redesign event show page layout and form with autoshow fields#1138

Redesign event show page layout and form with autoshow fields#1138
maebeale merged 4 commits intomainfrom
maebeale/event-form-layout

maebeale commented Feb 21, 2026

Uh oh!

maebeale Feb 21, 2026

Uh oh!

maebeale Feb 21, 2026

Uh oh!

maebeale Feb 21, 2026

Uh oh!

maebeale Feb 21, 2026

Uh oh!

maebeale Feb 21, 2026

Uh oh!

jmilljr24 Feb 21, 2026

Uh oh!

maebeale Feb 21, 2026

Uh oh!

maebeale Feb 21, 2026

Uh oh!

maebeale Feb 21, 2026

Uh oh!

maebeale Feb 21, 2026

Uh oh!

maebeale Feb 21, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Comments

Conversation

maebeale commented Feb 21, 2026

What is the goal of this PR and why is this important?

How did you approach the change?

Anything else to add?

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants