Track progress of Assignment

app/actions/assignment-actions.coffee

@@ -1,5 +1,6 @@
 Reflux = require 'reflux'
 
 module.exports = Reflux.createActions [
-  'setAssignment'
+  'setAssignment',
+  'incrementClassificationProgress'
 ]

app/partials/education-bar.cjsx

@@ -24,10 +24,29 @@ module.exports = React.createClass
           </option>
         }
       </select>
+      {@renderMyClassificationsCount()}
     </div>
 
   render: ->
     if @state.assignments.active
       @renderEducationBar()
     else
       null
+
+  renderMyClassificationsCount: ->
+    htmlCounter = null
+    if @state.assignments.activeAssignment && @state.assignments.activeAssignment.id != '0'
+      classificationTarget = parseInt(@state.assignments.activeAssignment.classificationTarget)
+      if isNaN(classificationTarget)
+        classificationTarget = ''
+      else
+        classificationTarget = ' / ' + classificationTarget
+      myClassificationCount = @state.assignments.activeAssignment.myClassificationCount
+
+      htmlCounter =
+        <div className="my-classifications">
+          <label>Progress:</label>
+          <span>{myClassificationCount}{classificationTarget}</span>
+        </div>
+
+    return htmlCounter

app/stores/assignments-store.coffee

@@ -15,6 +15,8 @@ module.exports = Reflux.createStore
       id: '0',
       name: 'No assignment'
       workflowId: config.workflowId
+      classificationTarget: ''
+      myClassificationCount: 0
     ]
     activeAssignment: false
     active: undefined
@@ -41,6 +43,11 @@ module.exports = Reflux.createStore
         console.warn "Setting assignment to #{newAssignmentId}"
         @data = newState
         @trigger @data
+
+  onIncrementClassificationProgress: () ->
+    newState = _.assign {}, @data
+    if newState.activeAssignment
+      newState.activeAssignment.myClassificationCount++
 
   _fetchAssignments: (user) ->
     fetch 'https://education-api.zooniverse.org/assignments/',
@@ -55,10 +62,14 @@ module.exports = Reflux.createStore
       if json.data.length
         newState = _.assign {}, @data
         newState.active = true
+
         newState.assignments = newState.assignments.concat json.data.map (assignment) ->
           id: assignment.id
           workflowId: assignment.attributes.workflow_id
           name: assignment.attributes.name
+          classificationTarget: assignment.attributes.metadata.classifications_target ? ''
+          myClassificationCount: 999999 #TODO: determine my initial Classification Count
+
         @data = newState
         @trigger @data
         console.info 'assignments', @data

app/stores/classification-store.coffee

@@ -6,9 +6,10 @@ config = require '../lib/config'
 classifierActions = require '../actions/classifier-actions'
 
 annotationsStore = require './annotations-store'
-projectStore = require './project-store'
+#projectStore = require './project-store'
 subjectStore = require './subject-store'
 workflowStore = require './workflow-store'
+assignmentActions = require '../actions/assignment-actions'
 
 module.exports = Reflux.createStore
   data: null
@@ -37,6 +38,7 @@ module.exports = Reflux.createStore
     @trigger @data
 
   finish: ->
+    assignmentActions.incrementClassificationProgress()    
     annotations = _.map annotationsStore.data, (annotation) ->
       task: workflowStore.data.first_task
       value: [annotation]

css/education-bar.styl

@@ -4,11 +4,12 @@
   color: white
   padding: 1em 1vw
   display: flex
+  flex-wrap: wrap
   align-items: center
   margin-bottom: 10px
 
   select
-    font-size: 2em
+    font-size: 1em
     display: block
 
   h4
@@ -18,3 +19,10 @@
   p
     margin: 0
     margin-right: 0.5em
+
+  .my-classifications
+    margin-left: 2em
+
+    label
+      margin-right: 0.5em
+      font-weight: bold