Move live banner data to database

Author: dvassallo

app/controllers/application_controller.rb

@@ -2,8 +2,14 @@ class ApplicationController < ActionController::Base
   include AllowBrowser, RackMiniProfilerAuthorization, Authentication, Authorization, SetCurrentRequest, SetPlatform, TrackedRoomVisit, VersionHeaders, FragmentCache, Sidebar
   include Turbo::Streams::Broadcasts, Turbo::Streams::StreamName
 
+  before_action :load_current_live_event
+
   private
 
+  def load_current_live_event
+    @current_live_event = LiveEvent.current
+  end
+
   def inertia_request?
     request.headers['X-Inertia'].present?
   end

app/frontend/controllers/countdown_banner_controller.js

@@ -5,7 +5,8 @@ export default class extends Controller {
   static classes = [ "urgent" ]
   static values = {
     targetTime: String,
-    durationHours: Number
+    durationHours: Number,
+    showEarlyHours: { type: Number, default: 24 }
   }
 
   connect() {
@@ -49,11 +50,11 @@ export default class extends Controller {
     }
 
     const diff = this.targetDate - now;
-    const twentyFourHoursInMillis = 24 * 60 * 60 * 1000;
+    const showEarlyInMillis = this.showEarlyHoursValue * 60 * 60 * 1000;
     const twoHoursInMillis = 2 * 60 * 60 * 1000;
-    
-    // Hide if more than 24 hours away or if event is over
-    if (diff > twentyFourHoursInMillis || now >= this.endDate) {
+
+    // Hide if more than showEarlyHours away or if event is over
+    if (diff > showEarlyInMillis || now >= this.endDate) {
       this.hideBanner();
       if (now >= this.endDate && this.interval) {
         clearInterval(this.interval); // Stop interval only if event ended
@@ -75,21 +76,32 @@ export default class extends Controller {
         this.updateCountdown(now);
         this.element.classList.add(this.urgentClass);
       } else {
-        // Between 2 and 24 hours left: Show day + time
+        // Between 2 hours and showEarlyHours left: Show day + time
         const targetLocalDate = this.targetDate; // Already a Date object
         const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
         const tomorrow = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1);
         const targetDay = new Date(targetLocalDate.getFullYear(), targetLocalDate.getMonth(), targetLocalDate.getDate());
 
-        let dayPrefix = "Live on X"; // Default/Fallback
+        let statusText;
         if (targetDay.getTime() === today.getTime()) {
-          dayPrefix = "Live on X today";
+          const formattedTime = targetLocalDate.toLocaleString(undefined, { hour: 'numeric', minute: '2-digit' });
+          statusText = `Live today at ${formattedTime}`;
         } else if (targetDay.getTime() === tomorrow.getTime()) {
-          dayPrefix = "Live on X tomorrow";
-        } // Future dates > tomorrow are handled by the 24h check above
-        
-        const formattedTime = targetLocalDate.toLocaleString(undefined, { hour: 'numeric', minute: '2-digit' });
-        this.statusTarget.textContent = `${dayPrefix} at ${formattedTime}`;
+          const formattedTime = targetLocalDate.toLocaleString(undefined, { hour: 'numeric', minute: '2-digit' });
+          statusText = `Live tomorrow at ${formattedTime}`;
+        } else {
+          // Future dates beyond tomorrow
+          const formattedDate = targetLocalDate.toLocaleString(undefined, {
+            weekday: 'short',
+            month: 'short',
+            day: 'numeric',
+            hour: 'numeric',
+            minute: '2-digit'
+          });
+          statusText = `Live on ${formattedDate}`;
+        }
+
+        this.statusTarget.textContent = statusText;
         this.element.classList.remove(this.urgentClass);
       }
     }

app/models/live_event.rb

@@ -0,0 +1,29 @@
+class LiveEvent < ApplicationRecord
+  validates :title, :url, :target_time, :duration_hours, :show_early_hours, presence: true
+  validates :duration_hours, :show_early_hours, numericality: { greater_than: 0 }
+
+  scope :active, -> { where(active: true) }
+  scope :displayable, -> {
+    active.where("target_time >= ?", Time.current - duration_hours.hours)
+  }
+
+  def self.current
+    active
+      .where("target_time >= ?", Time.current)
+      .order(:target_time)
+      .first ||
+    active
+      .where("target_time < ? AND target_time >= ?", Time.current, Time.current - 7.days)
+      .where("datetime(target_time, '+' || duration_hours || ' hours') >= datetime('now')")
+      .order(target_time: :desc)
+      .first
+  end
+
+  def expired?
+    end_time < Time.current
+  end
+
+  def end_time
+    target_time + duration_hours.hours
+  end
+end

app/views/layouts/application.html.erb

@@ -51,18 +51,19 @@
   </head>
 
   <body class="<%= body_classes %>" data-controller="local-time lightbox page-title">
-    <% if controller_name == "rooms" && action_name == "show" %>
-      <a 
+    <% if controller_name == "rooms" && action_name == "show" && @current_live_event.present? %>
+      <a
         id="special-event-banner"
-        href="https://x.com/nestersk/status/1973501168312783190"
+        href="<%= @current_live_event.url %>"
         target="_blank"
         style="font-weight: 600; letter-spacing: -0.02em; text-align: center; padding: 0.5rem; display: none; width: 100%; cursor: pointer; text-decoration: none; box-sizing: border-box;"
         data-controller="countdown-banner"
         data-countdown-banner-urgent-class="banner-urgent"
-        data-countdown-banner-target-time-value="2025-10-02T16:00:00Z"
-        data-countdown-banner-duration-hours-value="2"
+        data-countdown-banner-target-time-value="<%= @current_live_event.target_time.iso8601 %>"
+        data-countdown-banner-duration-hours-value="<%= @current_live_event.duration_hours %>"
+        data-countdown-banner-show-early-hours-value="<%= @current_live_event.show_early_hours %>"
       >
-        The Weekly Yap — <span data-countdown-banner-target="status"></span>
+        <%= @current_live_event.title %> — <span data-countdown-banner-target="status"></span>
       </a>
     <% end %>
     <a href="#main-content" class="skip-navigation btn" data-turbo="false">Skip to main content</a>

db/migrate/20251022001753_create_live_events.rb

@@ -0,0 +1,17 @@
+class CreateLiveEvents < ActiveRecord::Migration[7.2]
+  def change
+    create_table :live_events do |t|
+      t.string :title, null: false
+      t.string :url, null: false
+      t.datetime :target_time, null: false
+      t.integer :duration_hours, null: false, default: 2
+      t.integer :show_early_hours, null: false, default: 24
+      t.boolean :active, null: false, default: true
+
+      t.timestamps
+    end
+
+    add_index :live_events, :active
+    add_index :live_events, :target_time
+  end
+end

db/structure.sql

@@ -156,7 +156,11 @@ FOREIGN KEY ("user_id")
 );
 CREATE UNIQUE INDEX "index_library_watch_histories_on_session_and_user" ON "library_watch_histories" ("library_session_id", "user_id");
 CREATE INDEX "index_messages_on_room_id_and_mentions_everyone" ON "messages" ("room_id", "mentions_everyone") WHERE mentions_everyone = true;
+CREATE TABLE IF NOT EXISTS "live_events" ("id" integer PRIMARY KEY AUTOINCREMENT NOT NULL, "title" varchar NOT NULL, "url" varchar NOT NULL, "target_time" datetime(6) NOT NULL, "duration_hours" integer DEFAULT 2 NOT NULL, "show_early_hours" integer DEFAULT 24 NOT NULL, "active" boolean DEFAULT 1 NOT NULL, "created_at" datetime(6) NOT NULL, "updated_at" datetime(6) NOT NULL);
+CREATE INDEX "index_live_events_on_active" ON "live_events" ("active");
+CREATE INDEX "index_live_events_on_target_time" ON "live_events" ("target_time");
 INSERT INTO "schema_migrations" (version) VALUES
+('20251022001753'),
 ('20251021014520'),
 ('20251013024845'),
 ('20251013024703'),