simplified demo code

Author: jonasjabari

spec/dummy/app/matestack/apps/my_app.rb

@@ -6,23 +6,26 @@ def response
         heading size: 1, text: "My App"
       end
       nav do
-        [
-          :my_first_page,
-          :my_second_page,
-          :my_third_page,
-          :my_fourth_page,
-          :my_fifth_page,
-          :my_sixth_page
-        ].each do |page|
-          transition path: "#{page}_path".to_sym do
-            button do
-              plain page
-            end
-          end
+        transition path: :my_first_page_path do
+          button text: "Page 1"
+        end
+        transition path: :my_second_page_path do
+          button text: "Page 2"
+        end
+        transition path: :my_third_page_path do
+          button text: "Page 3"
+        end
+        transition path: :my_fourth_page_path do
+          button text: "Page 4"
+        end
+        transition path: :my_fifth_page_path do
+          button text: "Page 5"
+        end
+        transition path: :my_sixth_page_path do
+          button text: "Page 6"
         end
       end
       main do
-        br
         page_content
       end
     }

spec/dummy/app/matestack/pages/my_app/my_fifth_page.rb

@@ -6,7 +6,9 @@ def prepare
 
   def response
     components {
-      heading size: 2, text: "Dummy Models"
+      heading size: 2, text: "This is Page 5"
+
+      heading size: 3, text: "Dummy Models"
       async rerender_on: "test_model_created" do
         ul do
           @dummy_models.each do |dummy_model|

spec/dummy/app/matestack/pages/my_app/my_fourth_page.rb

@@ -6,7 +6,10 @@ def prepare
 
   def response
     components {
-      heading size: 2, text: "Dummy Model Form:"
+      heading size: 2, text: "This is Page 4"
+
+      heading size: 3, text: "Dummy Model Form:"
+      
       form my_form_config, :include do
         form_input key: :title, type: :text, placeholder: "title"
         br
@@ -25,7 +28,7 @@ def response
       br
 
       async rerender_on: "form_succeeded" do
-        heading size: 2, text: "Dummy Models:"
+        heading size: 3, text: "Dummy Models:"
         ul do
           DummyModel.all.each do |dummy_model|
             li do

spec/dummy/app/matestack/pages/my_app/my_second_page.rb

@@ -6,6 +6,8 @@ def prepare
 
   def response
     components{
+      heading size: 2, text: "This is Page 2"
+
       div id: "technologies" do
         ul do
           @technologies.each do |technology|

spec/dummy/app/matestack/pages/my_app/my_sixth_page.rb

@@ -6,6 +6,8 @@ def prepare
 
   def response
     components {
+      heading size: 2, text: "This is Page 6"
+
       async show_on: "my_custom_event", hide_after: "2000" do
         plain "called API!"
       end

spec/dummy/app/matestack/pages/my_app/my_third_page.rb

@@ -3,6 +3,8 @@ class Pages::MyApp::MyThirdPage < Page::Cell::Page
   def response
     components {
       div do
+        heading size: 2, text: "This is Page 3"
+
         action my_action_config do
           button text: "Click me!"
         end