Adding an option page to customize pomodoro/break durations

app/assets/index.html

@@ -22,10 +22,10 @@
                     <a href="#working">
                         <button id="start-pomodoro" class="btn primary">Start Pomodoro</button>
                     </a>
-                    <a href="#resting/300">
+                    <a href="#resting/short">
                         <button id="take-a-short-break" class="btn success">Take a short break</button>
                     </a>
-                    <a href="#resting/900">
+                    <a href="#resting/long">
                         <button id="take-a-long-break" class="btn success">Take a long break</button>
                     </a>
                 </span>

app/routers/main_router.coffee

@@ -1,10 +1,10 @@
 class exports.MainRouter extends Backbone.Router
   routes :
-    "home"              : "home"
-    "working"           : "working"
-    "resting/:seconds"  : "resting"
-    "stats"             : "stats"
-    "small_timer"       : "small_timer"
+    "home"                : "home"
+    "working"             : "working"
+    "resting/:rest_type"  : "resting"
+    "stats"               : "stats"
+    "small_timer"         : "small_timer"
 
   home: ->
     app.views.home.render()
@@ -16,13 +16,18 @@ class exports.MainRouter extends Backbone.Router
 
   working: ->
     app.views.working.render()
-    app.views.working.startTimer(if app.development == true then 10 else 25 * 60)
-
+    duration = localStorage["pomodoro-duration"]
+    if ! duration then duration = 25
+    app.views.working.startTimer(duration * 60)
     app.collections.states.setCurrentStateName('working')
 
-  resting: (seconds) ->
+  resting: (rest_type) ->
     app.views.resting.render()
-    app.views.resting.startTimer(if app.development == true then 10 else parseInt(seconds))
+    duration = localStorage[rest_type + "-duration"]
+    if ! duration
+        if rest_type == "short" then duration=5
+        if rest_type == "long" then duration=15
+    app.views.resting.startTimer(duration * 60)
 
     app.collections.states.setCurrentStateName('resting/' + seconds)
 

app/views/resting_view.coffee

@@ -8,6 +8,7 @@ class exports.RestingView extends Backbone.View
 
   render: ->
     @$(@el).html timerTemplate(title: "Resting")
+    $('#hide').hide()
     @$(@el).modal(backdrop: 'static', show: true)
 
     @

app/views/working_view.coffee

@@ -9,6 +9,7 @@ class exports.WorkingView extends Backbone.View
 
   render: ->
     @$(@el).html timerTemplate(title: "Working")
+    $('#hide').show()
     @$(@el).modal(backdrop: 'static', show: true)
     @
 

manifest.json

@@ -13,5 +13,6 @@
    },
    "name": "Pomodoro Daisuki",
    "permissions": [ "notifications", "tabs" ],
-   "version": "0.45"
+   "version": "0.45",
+   "options_page": "build/options.html"
 }