draw buttons and update status after entering reps completed.

1 files changed, 24 insertions, 1 deletions

diff --git a/app/assets/javascripts/views/training_session_view.js.coffee b/app/assets/javascripts/views/training_session_view.js.coffee
index 293ef9d..bb519ff 100644
--- a/app/assets/javascripts/views/training_session_view.js.coffee
+++ b/app/assets/javascripts/views/training_session_view.js.coffee
@@ -1,2 +1,25 @@
-Stronglifters.TrainingSessionView = Ractive.extend
+class Stronglifters.TrainingSessionView extends Ractive
   template: RactiveTemplates["templates/training_session_view"]
+
+  oninit: ->
+    @on 'completeSet', (event) -> @completeSet(event)
+    @observe '*.exercises.*.reps.*', (newValue, oldValue, keypath) ->
+      @updateStatus(newValue, oldValue, keypath)
+
+  completeSet: (event) ->
+    console.log(event)
+    if @get("#{event.keypath}.completed") == 0
+      @set("#{event.keypath}.completed", @get("#{event.keypath}.target"))
+    else
+      @subtract("#{event.keypath}.completed")
+
+  updateStatus: (newValue, oldValue, keyPath) ->
+    console.log([newValue, oldValue, keyPath])
+    if @get("#{keyPath}.completed") == 0
+      @set("#{keyPath}.status", "secondary")
+      return
+
+    if @get("#{keyPath}.target") == @get("#{keyPath}.completed")
+      @set("#{keyPath}.status", "success")
+    else
+      @set("#{keyPath}.status", "alert")