Switch floors from map

Add a list of <a> elements based on a Venue record’s associated Floor records.

Introduce the active_link_to gem so that <a> elements that link to the current page are styled differently.

Additionally, now that Seats can be selected from different floors, embed the Seat record’s Section name in the Cart once selected.

Desktop

floor-switch


      Gemfile

diff --git a/Gemfile b/Gemfile
index b1127cd..2a3a71a 100644
--- a/Gemfile
+++ b/Gemfile
@@ -19,6 +19,7 @@ gem 'turbolinks', '~> 5'
 gem 'jbuilder', '~> 2.7'
 # Use Active Model has_secure_password
 # gem 'bcrypt', '~> 3.1.7'
+gem 'active_link_to'
 gem 'inline_svg'
 
 # Reduces boot times through caching; required in config/boot.rb


      Gemfile.lock

diff --git a/Gemfile.lock b/Gemfile.lock
index 810305a..75ddd7a 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -37,6 +37,9 @@ GEM
       erubi (~> 1.4)
       rails-dom-testing (~> 2.0)
       rails-html-sanitizer (~> 1.1, >= 1.2.0)
+    active_link_to (1.0.5)
+      actionpack
+      addressable
     activejob (6.0.2.2)
       activesupport (= 6.0.2.2)
       globalid (>= 0.3.6)
@@ -205,6 +208,7 @@ PLATFORMS
   ruby
 
 DEPENDENCIES
+  active_link_to
   bootsnap (>= 1.4.2)
   byebug
   capybara (>= 2.15)


      app/views/seats/index.html.erb

diff --git a/app/views/seats/index.html.erb b/app/views/seats/index.html.erb
index 6156a09..efbc1b4 100644
--- a/app/views/seats/index.html.erb
+++ b/app/views/seats/index.html.erb
@@ -9,6 +9,28 @@
     class="syos-frame"
   >
     <div class="syos-frame__map">
+      <nav class="syos-frame__floor-nav syos-floor-nav">
+        <div class="syos-floor-nav__header">
+          <p class="syos-u-margin-bottom-3 syos-u-font-weight-bold">
+            Floors
+          </p>
+        </div>
+
+        <div class="syos-floor-nav__diagram-wrapper">
+          <ul class="syos-block-stack">
+            <% venue.floors.each do |floor| %>
+              <li class="syos-block-stack__item">
+                <%= active_link_to(
+                  venue_floor_seats_path(venue, floor),
+                ) do %>
+                  <%= floor.name %>
+                <% end %>
+              </li>
+            <% end %>
+          </ul>
+        </div>
+      </nav>
+
       <div class="syos-frame__legend" aria-hidden="true">
         <p class="syos-u-margin-bottom-3 syos-u-font-weight-bold">
         Legend
@@ -143,7 +165,7 @@
             <% Current.cart.seats.each do |seat| %>
               <tr>
                 <td>
-                  <%= seat.row_number %>
+                  <%= seat.section.name %>, <%= seat.row_number %>
                 </td>
                 <td class="syos-table__cell--numerals">
                   <%= number_to_currency(seat.section.price / 100.0) %>


      test/factories.rb

diff --git a/test/factories.rb b/test/factories.rb
index 44cf93c..9d6fad2 100644
--- a/test/factories.rb
+++ b/test/factories.rb
@@ -4,11 +4,18 @@ FactoryBot.define do
     slug { "benedum_center" }
   end
 
-  factory :orchestra, class: "Floor" do
+  factory :floor do
     association :venue, factory: [:benedum_center]
 
-    name { "Orchestra" }
-    slug { "orchestra" }
+    factory :balcony do
+      name { "Balcony" }
+      slug { "balcony" }
+    end
+
+    factory :orchestra do
+      name { "Orchestra" }
+      slug { "orchestra" }
+    end
   end
 
   factory :section do


      test/system/visitor_changes_floor_test.rb

diff --git a/test/system/visitor_changes_floor_test.rb b/test/system/visitor_changes_floor_test.rb
new file mode 100644
index 0000000..c1c4e32
--- /dev/null
+++ b/test/system/visitor_changes_floor_test.rb
@@ -0,0 +1,23 @@
+require "application_system_test_case"
+
+class VisitorChangesFloorTest < ApplicationSystemTestCase
+  test "visiting the balcony from the orchestra" do
+    benedum_center = create(:benedum_center)
+    orchestra = create(:orchestra, venue: benedum_center)
+    balcony = create(:balcony, venue: benedum_center)
+    front = create(:section, floor: orchestra)
+    back = create(:section, floor: balcony)
+    orchestra_seat = create(:seat, section: front, row: "AA", number: "1")
+    balcony_seat = create(:seat, section: back, row: "ZZ", number: "1")
+
+    visit "/venues/benedum_center/floors/orchestra/seats"
+    click_on balcony.name
+
+    assert_selector seat_selector(balcony_seat)
+    refute_selector seat_selector(orchestra_seat)
+  end
+
+  def seat_selector(seat)
+    %{a[aria-label="#{seat.row_number}"]}
+  end
+end


      test/system/visitor_selects_seat_test.rb

diff --git a/test/system/visitor_selects_seat_test.rb b/test/system/visitor_selects_seat_test.rb
index db805d2..a24e454 100644
--- a/test/system/visitor_selects_seat_test.rb
+++ b/test/system/visitor_selects_seat_test.rb
@@ -12,6 +12,7 @@ class VisitorSelectsSeatTest < ApplicationSystemTestCase
 
     within("#cart-summary") do
       assert_text "$10.00"
+      assert_text section.name
     end
   end
 end