5e7535fbfb
* use clearer names for the two status strings passed to js * add functions to do canonical conversion of progress to js string * fix updating bug in sequence.coffee * add some todo comments and other docs to make future expansion easier
138 lines
4.3 KiB
CoffeeScript
138 lines
4.3 KiB
CoffeeScript
class @Sequence
|
|
constructor: (@id, @elements, @tag, position) ->
|
|
@element = $("#sequence_#{@id}")
|
|
@buildNavigation()
|
|
@initProgress()
|
|
@bind()
|
|
@render position
|
|
|
|
$: (selector) ->
|
|
$(selector, @element)
|
|
|
|
bind: ->
|
|
@$('#sequence-list a').click @goto
|
|
|
|
initProgress: ->
|
|
@progressTable = {} # "#problem_#{id}" -> progress
|
|
|
|
|
|
hookUpProgressEvent: ->
|
|
$('.problems-wrapper').bind 'progressChanged', @updateProgress
|
|
|
|
mergeProgress: (p1, p2) ->
|
|
# if either is "NA", return the other one
|
|
if p1 == "NA"
|
|
return p2
|
|
if p2 == "NA"
|
|
return p1
|
|
|
|
# Both real progresses
|
|
if p1 == "done" and p2 == "done"
|
|
return "done"
|
|
|
|
# not done, so if any progress on either, in_progress
|
|
w1 = p1 == "done" or p1 == "in_progress"
|
|
w2 = p2 == "done" or p2 == "in_progress"
|
|
if w1 or w2
|
|
return "in_progress"
|
|
|
|
return "none"
|
|
|
|
updateProgress: =>
|
|
new_progress = "NA"
|
|
_this = this
|
|
$('.problems-wrapper').each (index) ->
|
|
progress = $(this).attr 'progress'
|
|
new_progress = _this.mergeProgress progress, new_progress
|
|
|
|
@progressTable[@position] = new_progress
|
|
@setProgress(new_progress, @link_for(@position))
|
|
|
|
setProgress: (progress, element) ->
|
|
# If progress is "NA", don't add any css class
|
|
element.removeClass('progress-none')
|
|
.removeClass('progress-some')
|
|
.removeClass('progress-done')
|
|
switch progress
|
|
when 'none' then element.addClass('progress-none')
|
|
when 'in_progress' then element.addClass('progress-some')
|
|
when 'done' then element.addClass('progress-done')
|
|
|
|
buildNavigation: ->
|
|
$.each @elements, (index, item) =>
|
|
link = $('<a>').attr class: "seq_#{item.type}_inactive", 'data-element': index + 1
|
|
title = $('<p>').html(item.title)
|
|
# TODO (vshnayder): add item.progress_detail either to the title or somewhere else.
|
|
# Make sure it gets updated after ajax calls.
|
|
# implementation note: will need to figure out how to handle combining detail
|
|
# statuses of multiple modules in js.
|
|
list_item = $('<li>').append(link.append(title))
|
|
@setProgress item.progress_status, link
|
|
|
|
@$('#sequence-list').append list_item
|
|
|
|
toggleArrows: =>
|
|
@$('.sequence-nav-buttons a').unbind('click')
|
|
|
|
if @position == 1
|
|
@$('.sequence-nav-buttons .prev a').addClass('disabled')
|
|
else
|
|
@$('.sequence-nav-buttons .prev a').removeClass('disabled').click(@previous)
|
|
|
|
if @position == @elements.length
|
|
@$('.sequence-nav-buttons .next a').addClass('disabled')
|
|
else
|
|
@$('.sequence-nav-buttons .next a').removeClass('disabled').click(@next)
|
|
|
|
render: (new_position) ->
|
|
if @position != new_position
|
|
if @position != undefined
|
|
@mark_visited @position
|
|
$.postWithPrefix "/modx/#{@tag}/#{@id}/goto_position", position: new_position
|
|
|
|
@mark_active new_position
|
|
@$('#seq_content').html @elements[new_position - 1].content
|
|
|
|
MathJax.Hub.Queue(["Typeset", MathJax.Hub])
|
|
@position = new_position
|
|
@toggleArrows()
|
|
@hookUpProgressEvent()
|
|
@element.trigger 'contentChanged'
|
|
|
|
goto: (event) =>
|
|
event.preventDefault()
|
|
new_position = $(event.target).data('element')
|
|
Logger.log "seq_goto", old: @position, new: new_position, id: @id
|
|
@render new_position
|
|
|
|
next: (event) =>
|
|
event.preventDefault()
|
|
new_position = @position + 1
|
|
Logger.log "seq_next", old: @position, new: new_position, id: @id
|
|
@render new_position
|
|
|
|
previous: (event) =>
|
|
event.preventDefault()
|
|
new_position = @position - 1
|
|
Logger.log "seq_prev", old: @position, new: new_position, id: @id
|
|
@render new_position
|
|
|
|
link_for: (position) ->
|
|
@$("#sequence-list a[data-element=#{position}]")
|
|
|
|
mark_visited: (position) ->
|
|
# Don't overwrite class attribute to avoid changing Progress class
|
|
type = @elements[position - 1].type
|
|
element = @link_for(position)
|
|
element.removeClass("seq_#{type}_inactive")
|
|
.removeClass("seq_#{type}_active")
|
|
.addClass("seq_#{type}_visited")
|
|
|
|
mark_active: (position) ->
|
|
# Don't overwrite class attribute to avoid changing Progress class
|
|
type = @elements[position - 1].type
|
|
element = @link_for(position)
|
|
element.removeClass("seq_#{type}_inactive")
|
|
.removeClass("seq_#{type}_visited")
|
|
.addClass("seq_#{type}_active")
|