Merge pull request #255 from ruby/claude/busy-cannon-91a92b

Disable Back and Next at the ends of the tutorial

Author: hsbt

app/try_ruby.rb

@@ -381,6 +381,10 @@ def update_screen(item)
     step = item.step.to_s
     $document.at_css("#tryruby-index").value  = step
 
+    # Disable the buttons that have no step to go to
+    $document.at_css('#btn_back').disabled = !@items.has_key?(item.step - 1)
+    $document.at_css('#btn_next').disabled = !@items.has_key?(item.step + 1)
+
     # Set session cookie to store progress
     set_cookie('tryruby_step', step)
 

source/stylesheets/application.css.scss

@@ -125,9 +125,13 @@ h3 {
 .btn-primary {
   border-radius: 1rem;
   font-family: sans-serif;
-  color: var(--button-primary-text-color);
-  background-color: var(--button-primary-color);
-  border-color: var(--button-primary-color);
+
+  &,
+  &:disabled {
+    color: var(--button-primary-text-color);
+    background-color: var(--button-primary-color);
+    border-color: var(--button-primary-color);
+  }
 
   &:focus,
   &:focus:not(:focus-visible),

spec/tutorial_spec.rb

@@ -50,6 +50,8 @@
           special = steps[step] || {}
 
           find(:css, "h1").text.should be == data["title"]
+          page.should have_button("Back", disabled: step == 1)
+          page.should have_button("Next", disabled: step == 56)
 
           unless special[:pass]
             case special[:code]