future has focus too

coffee/menu.coffee

@@ -40,5 +40,8 @@ app.menu = new Vue
     doFocus: (index) ->
       taskList = @$data.working.splice index, 1
       @$data.working.unshift taskList[0]
+    doFocusFutures: (index) ->
+      taskList = @$data.futures.splice index, 1
+      @$data.futures.unshift taskList[0]
     doRemove: (index) ->
       @$data.working.splice index, 1

make.coffee

@@ -12,7 +12,8 @@ target.dev = ->
   exec 'pkill -f doodle', ->
     command 'doodle index.html build/build.js log:yes'
   fs.watch 'view', interva: 300, ->
-    exec 'jade -o ./ view/index.jade'
+    exec 'jade -o ./ view/index.jade', ->
+      station.reload 'repo/todolist'
   fs.watch 'coffee', interval: 300, (type, filename) ->
     if type in ['create', 'change']
       exec "coffee -o src/ -bc coffee/#{filename}"

view/menu.jade

@@ -11,7 +11,8 @@
         .title(v-model='title')
         .content(v-model='content')
         .handlers
-          span.button.do-working(v-on='click: doWork($index)') work
+          span.button(v-on='click: doFocusFutures($index)') focus
+          span.button(v-on='click: doWork($index)') work
       .empty(v-show='futures.length == 0')
         span futures is empty
 
@@ -27,10 +28,10 @@
         .title(v-model='title', contenteditable, v-focus-editable)
         .content(v-model='content', contenteditable)
         .handlers
-          span.button.do-futures(v-on='click: doFocus($index)') focus
-          span.button.do-futures(v-on='click: doFutures($index)') futures
-          span.button.do-history(v-on='click: doHistory($index)') history
-          span.button.do-history(v-on='click: doRemove($index)') remove
+          span.button(v-on='click: doFocus($index)') focus
+          span.button(v-on='click: doFutures($index)') futures
+          span.button(v-on='click: doHistory($index)') history
+          span.button(v-on='click: doRemove($index)') remove
       .empty(v-show='working.length == 0')
         span working is empty