Choose duration for tomato

app/assets/javascripts/TT.js

@@ -142,6 +142,7 @@ var TT = function() {
     show([settings.formId]);
 
     $("#" + settings.formId + " input[type=text]").focus();
+    $("#tomato_duration").val(tomatoDuration * 60);
   }
 
   var stateSignIn = function() {

app/assets/javascripts/TT_init.js

@@ -29,6 +29,7 @@ soundManager.setup({
 
 function startCallback(event) {
   if('idle' == TT.getStatus()) {
+    tomatoDuration = parseInt(document.getElementById("duration_time_input").value)/60;
     TT.start(tomatoDuration, currentUser ? TT.stateNewForm : TT.stateSignIn);
     event.preventDefault();
   }

app/controllers/concerns/tomatoes_params.rb

@@ -1,5 +1,5 @@
 module TomatoesParams
   def resource_params
-    params.permit(tomato: [:tag_list]).require(:tomato)
+    params.permit(tomato: [:tag_list, :duration]).require(:tomato)
   end
 end

app/helpers/tomatoes_helper.rb

@@ -1,5 +1,5 @@
 module TomatoesHelper
   def tomato_duration(tomato)
-    "#{(tomato.created_at - Tomato::DURATION).strftime('%I:%M %p')} - #{tomato.created_at.strftime('%I:%M %p')}"
+    "#{(tomato.created_at - tomato.duration.to_i.minutes).strftime('%I:%M %p')} - #{tomato.created_at.strftime('%I:%M %p')}"
   end
 end

app/models/tomato.rb

@@ -11,6 +11,8 @@ class Tomato
 
   index(created_at: 1)
 
+  field :duration, type: String
+
   validate :must_not_overlap, on: :create
 
   after_create :increment_score

app/views/tomatoes/_form.html.erb

@@ -1,6 +1,7 @@
 <% remote = false if local_assigns[:remote].nil? %>
 
 <%= form_for(@tomato, remote: remote) do |f| %>
+  <%= f.hidden_field :duration %>
   <% if @tomato.errors.any? %>
     <div id="error_explanation">
       <h2><%= pluralize(@tomato.errors.count, "error") %> prohibited this tomato from being saved:</h2>

app/views/welcome/_tomatoes_timer.html.erb

@@ -65,4 +65,15 @@
 <div id="start_container" class="center-block">
   <%= link_to t('timer.start'), '#', id: 'start', class: 'btn btn-default btn-lg' %>
   <p id="start_hint" class="help-block"><%= t('timer.or_press_space') %></p>
+  <div class="form-group" style="width: 50%; margin: 0 auto;">
+    <input name="duration_time"
+           id="duration_time_input"
+           class="form-control"
+           type="range"
+           min="5"
+           max="60"
+           value="5"
+           oninput="duration_time_output.value = duration_time_input.value">
+    <output style="display: inline-block;" name="duration_time_output" id="duration_time_output">5</output>
+  </div>
 </div>

test/unit/helpers/tomatoes_helper_test.rb

@@ -3,8 +3,9 @@
 class TomatoesHelperTest < ActionView::TestCase
   test 'tomato_duration should return a formatted string' do
     @created_at = Time.new(2011, 7, 24, 15, 10).in_time_zone
-    @ended_at = @created_at - Tomato::DURATION
-    @tomato = Tomato.new(created_at: @created_at)
+    duration = 5
+    @ended_at = @created_at - duration.minutes
+    @tomato = Tomato.new(created_at: @created_at, duration: duration)
 
     assert tomato_duration(@tomato) == "#{@ended_at.strftime('%I:%M %p')} - #{@created_at.strftime('%I:%M %p')}"
   end