X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/cf8a573be6af7f94e71d336f3faca2a282614693..2a6726356f43599014a74540c23115a3f2a61a0e:/redakcja/static/edumed/js/edumed.coffee?ds=sidebyside
diff --git a/redakcja/static/edumed/js/edumed.coffee b/redakcja/static/edumed/js/edumed.coffee
index adc3ae56..14c700ce 100644
--- a/redakcja/static/edumed/js/edumed.coffee
+++ b/redakcja/static/edumed/js/edumed.coffee
@@ -10,21 +10,36 @@ class EduModule extends Binding
constructor: (element) ->
super 'edumodule', element
- $("[name=teacher-toggle]").change (ev) =>
- if $(ev.target).is(":checked")
- $(".teacher", @element).addClass "show"
- else
- $(".teacher", @element).removeClass "show"
+ # $("[name=teacher-toggle]").change (ev) =>
+ # if $(ev.target).is(":checked")
+ # $(".teacher", @element).addClass "show"
+ # else
+ # $(".teacher", @element).removeClass "show"
-class Excercise extends Binding
+class Exercise extends Binding
constructor: (element) ->
- super 'excercise', element
+ super 'exercise', element
+ # just save the html to reset the exercise
+ $(@element).data("exercise-html", $(@element).html())
- $(".check", @element).click =>
+ $(".check", @element).click (ev) =>
@check()
+ $(ev.target).next(".retry").show()
+ $(ev.target).hide()
+ $(".retry", @element).click (ev) =>
+ $(".correct, .incorrect", @element).removeClass("correct incorrect")
+ $(ev.target).prev(".check").show()
+ $(ev.target).hide()
$('.solutions', @element).click =>
@show_solutions()
+ $(".comment", @element).show()
+ $('.reset', @element).click =>
+ @reset()
+
+ reset: ->
+ $(@element).html($(@element).data('exercise-html'))
+ exercise @element
piece_correct: (qpiece) ->
$(qpiece).removeClass('incorrect').addClass('correct')
@@ -43,12 +58,30 @@ class Excercise extends Binding
score[1] += s[1]
@show_score(score)
+ show_solutions: ->
+ @reset()
+ $(".question", @element).each (i, question) =>
+ @solve_question question
+
+ # Parses a list of values, separated by space or comma.
+ # The list is read from data attribute of elem using data_key
+ # Returns a list with elements
+ # eg.: things_i_need: "house bike tv playstation"
+ # yields ["house", "bike", "tv", "playstation"]
+ # If optional numbers argument is true, returns list of numbers
+ # instead of strings
get_value_list: (elem, data_key, numbers) ->
vl = $(elem).attr("data-" + data_key).split(/[ ,]+/).map($.trim) #.map((x) -> parseInt(x))
if numbers
vl = vl.map((x) -> parseInt(x))
return vl
+ # Parses a list of values, separated by space or comma.
+ # The list is read from data attribute of elem using data_key
+ # Returns a 2-element list with mandatory and optional
+ # items. optional items are marked with a question mark on the end
+ # eg.: things_i_need: "house bike tv? playstation?"
+ # yields [[ "house", "bike"], ["tv", "playstation"]]
get_value_optional_list: (elem, data_key) ->
vals = @get_value_list(elem, data_key)
mandat = []
@@ -64,7 +97,88 @@ class Excercise extends Binding
$(".message", @element).text("Wynik: #{score[0]} / #{score[1]}")
-class Wybor extends Excercise
+ draggable_equal: ($draggable1, $draggable2) ->
+ return false
+
+ draggable_accept: ($draggable, $droppable) ->
+ dropped = $droppable.closest("ul, ol").find(".draggable")
+ for d in dropped
+ if @draggable_equal $draggable, $(d)
+ return false
+ return true
+
+ draggable_move: ($draggable, $placeholder, ismultiple) ->
+ $added = $draggable.clone()
+ $added.data("original", $draggable.get(0))
+ if not ismultiple
+ $draggable.addClass('disabled').draggable('disable')
+
+ $placeholder.after($added)
+ if not $placeholder.hasClass('multiple')
+ $placeholder.hide()
+ $added.append('x')
+ $('.remove', $added).click (ev) =>
+ $added.prev(".placeholder:not(.multiple)").show()
+ if not ismultiple
+ $($added.data('original')).removeClass('disabled').draggable('enable')
+ $added.remove()
+
+## XXX co z issortable?
+ dragging: (ismultiple, issortable) ->
+ $(".question", @element).each (i, question) =>
+ draggable_opts =
+ revert: 'invalid'
+ helper: 'clone'
+
+ $(".draggable", question).draggable(draggable_opts)
+ self = this
+ $(".placeholder", question).droppable
+ accept: (draggable) ->
+ $draggable = $(draggable)
+ is_accepted = true
+
+ if not $draggable.is(".draggable")
+ is_accepted = false
+
+ if is_accepted
+ is_accepted= self.draggable_accept $draggable, $(this)
+
+ if is_accepted
+ $(this).addClass 'accepting'
+ else
+ $(this).removeClass 'accepting'
+ return is_accepted
+
+ drop: (ev, ui) =>
+ $(ev.target).removeClass 'accepting dragover'
+
+ @draggable_move $(ui.draggable), $(ev.target), ismultiple
+
+ # $added = $(ui.draggable).clone()
+ # $added.data("original", ui.draggable)
+ # if not ismultiple
+ # $(ui.draggable).addClass('disabled').draggable('disable')
+
+ # $(ev.target).after(added)
+ # if not $(ev.target).hasClass('multiple')
+ # $(ev.target).hide()
+ # $added.append('x')
+ # $('.remove', added).click (ev) =>
+ # $added.prev(".placeholder:not(.multiple)").show()
+ # if not ismultiple
+ # $added.data('original').removeClass('disabled').draggable('enable')
+ # $(added).remove()
+
+ over: (ev, ui) ->
+ $(ev.target).addClass 'dragover'
+
+
+ out: (ev, ui) ->
+ $(ev.target).removeClass 'dragover'
+
+
+
+class Wybor extends Exercise
constructor: (element) ->
super element
@@ -72,10 +186,14 @@ class Wybor extends Excercise
check_question: (question) ->
all = 0
good = 0
- solution = @get_value_list(question, 'solution', true)
+ solution = @get_value_list(question, 'solution')
$(".question-piece", question).each (i, qpiece) =>
- piece_no = parseInt $(qpiece).attr 'data-no'
- should_be_checked = solution.indexOf(piece_no) >= 0
+ piece_no = $(qpiece).attr 'data-no'
+ piece_name = $(qpiece).attr 'data-name'
+ if piece_name
+ should_be_checked = solution.indexOf(piece_name) >= 0
+ else
+ should_be_checked = solution.indexOf(piece_no) >= 0
is_checked = $("input", qpiece).is(":checked")
if should_be_checked
@@ -92,10 +210,21 @@ class Wybor extends Excercise
return [good, all]
- show_solutions: ->
+ solve_question: (question) ->
+ solution = @get_value_list(question, 'solution')
+ $(".question-piece", question).each (i, qpiece) =>
+ piece_no = $(qpiece).attr 'data-no'
+ piece_name = $(qpiece).attr 'data-name'
+ if piece_name
+ should_be_checked = solution.indexOf(piece_name) >= 0
+ else
+ should_be_checked = solution.indexOf(piece_no) >= 0
+ console.log("check " + $("input[type=checkbox]", qpiece).attr("id") + " -> " + should_be_checked)
+ $("input[type=checkbox]", qpiece).prop 'checked', should_be_checked
+
-class Uporzadkuj extends Excercise
+class Uporzadkuj extends Exercise
constructor: (element) ->
super element
$('ol, ul', @element).sortable({ items: "> li" })
@@ -109,7 +238,7 @@ class Uporzadkuj extends Excercise
all = 0
for pkt in [0...pkts.length]
- all +=1
+ all += 1
if pkts.eq(pkt).data('pos') == sorted[pkt]
correct += 1
@piece_correct pkts.eq(pkt)
@@ -117,17 +246,34 @@ class Uporzadkuj extends Excercise
@piece_incorrect pkts.eq(pkt)
return [correct, all]
+ solve_question: (question) ->
+ positions = @get_value_list(question, 'original', true)
+ sorted = positions.sort()
+ pkts = $('.question-piece', question)
+ pkts.sort (a, b) ->
+ q = $(a).data('pos')
+ w = $(b).data('pos')
+ return 1 if q < w
+ return -1 if q > w
+ return 0
+
+ parent = pkts.eq(0).parent()
+ for p in pkts
+ parent.prepend(p)
+
# XXX propozycje="1/0"
-class Luki extends Excercise
+class Luki extends Exercise
constructor: (element) ->
super element
+ @dragging false, false
check: ->
all = 0
correct = 0
- $(".question-piece", @element).each (i, qpiece) =>
- if $(qpiece).data('solution') == $(qpiece).val()
+ $(".placeholder + .question-piece", @element).each (i, qpiece) =>
+ $placeholder = $(qpiece).prev(".placeholder")
+ if $placeholder.data('solution') == $(qpiece).data('no')
@piece_correct qpiece
correct += 1
else
@@ -136,42 +282,46 @@ class Luki extends Excercise
@show_score [correct, all]
+ solve_question: (question) ->
+ $(".placeholder", question).each (i, placeholder) =>
+ $qp = $(".question-piece[data-no=" + $(placeholder).data('solution') + "]", question)
+ @draggable_move $qp, $(placeholder), false
-class Zastap extends Excercise
+
+class Zastap extends Exercise
constructor: (element) ->
super element
$(".paragraph", @element).each (i, par) =>
- @wrap_words $(par), $('')
- spans = $("> span", par).attr("contenteditable", "true")
- spans.click (ev) =>
- spans.filter(':not(:empty)').removeClass('editing')
- $(ev.target).addClass('editing')
-
+ @wrap_words $(par), $('')
+ @dragging false, false
check: ->
all = 0
correct = 0
- $(".question-piece", @element).each (i, qpiece) =>
- txt = $(qpiece).data('original')
- should_be_changed = false
- if not txt?
- txt = $(qpiece).data('solution')
- should_be_changed = true
- if not txt?
- return
-
- if should_be_changed
- all += 1
- if txt != $(qpiece).text()
- @piece_incorrect qpiece
- else
- if should_be_changed
- @piece_correct qpiece
- correct += 1
+ $(".paragraph", @element).each (i, par) =>
+ $(".placeholder", par).each (j, qpiece) =>
+ $qp = $(qpiece)
+ $dragged = $qp.next(".draggable")
+ if $qp.data("solution")
+ if $dragged and $qp.data("solution") == $dragged.data("no")
+ @piece_correct $dragged
+ correct += 1
+# else -- we dont mark enything here, so not to hint user about solution. He sees he hasn't used all the draggables
+
+ all += 1
@show_score [correct, all]
+ show_solutions: ->
+ @reset()
+ $(".paragraph", @element).each (i, par) =>
+ $(".placeholder[data-solution]", par).each (j, qpiece) =>
+ $qp = $(qpiece)
+ $dr = $(".draggable[data-no=" + $qp.data('solution') + "]", @element)
+ @draggable_move $dr, $qp, false
+
+
wrap_words: (element, wrapper) ->
# This function wraps each word of element in wrapper, but does not descend into child-tags of element.
# It doesn't wrap things between words (defined by ignore RE below). Warning - ignore must begin with ^
@@ -204,7 +354,7 @@ class Zastap extends Excercise
$(chld).remove()
-class Przyporzadkuj extends Excercise
+class Przyporzadkuj extends Exercise
is_multiple: ->
for qp in $(".question-piece", @element)
if $(qp).data('solution').split(/[ ,]+/).length > 1
@@ -216,100 +366,105 @@ class Przyporzadkuj extends Excercise
@multiple = @is_multiple()
- $(".question", @element).each (i, question) =>
- draggable_opts =
- revert: 'invalid'
- if @multiple
- helper_opts = { helper: "clone" }
- else helper_opts = {}
+ @dragging @multiple, true
- $(".draggable", question).draggable($.extend({}, draggable_opts,
- helper_opts))
+ draggable_equal: (d1, d2) ->
+ return d1.data("no") == d2.data("no")
- $(".predicate .droppable", question).droppable
- accept: (draggable) ->
- $draggable = $(draggable)
- if not $draggable.is(".draggable")
- return false
- $predicate = $(this)
- for added in $predicate.find("li")
- if $(added).text() == $draggable.text()
- return false
- return true
+ check_question: (question) ->
+ # subjects placed in predicates
+ minimum = $(question).data("minimum")
+ count = 0
+ all = 0
+ if not minimum
+ all = $(".subjects .question-piece", question).length
- drop: (ev, ui) =>
- added = ui.draggable.clone()
+ for pred in $(".predicate [data-predicate]", question)
+ pn = $(pred).attr('data-predicate')
+ if minimum?
+ all += minimum
- added.attr('style', '')
- $(ev.target).append(added)
- added.draggable(draggable_opts)
+ for qp in $(".question-piece", pred)
+ v = @get_value_optional_list qp, 'solution'
+ mandatory = v[0]
+ optional = v[1]
- if not @multiple or ui.draggable.closest(".predicate").length > 0
- ui.draggable.remove()
+ if mandatory.indexOf(pn) >= 0 or (minimum and optional.indexOf(pn) >= 0)
+ count += 1
+ @piece_correct qp
+ else
+ @piece_incorrect qp
+ return [count, all]
- $(".subject", question).droppable
- accept: ".draggable"
- drop: (ev, ui) =>
- # this is to prevent a situation of dragging out and
- # dropping back to the same place
- if $(ui.draggable).closest(".subject").length > 0
- return
+ solve_question: (question) ->
+ minimum = $(question).data("min")
+ for qp in $(".subject .question-piece", question)
+ v = @get_value_optional_list qp, 'solution'
+ mandatory = v[0]
+ optional = v[1]
- added = ui.draggable.clone()
+ if minimum
+ draggables = mandatory.count(optional)[0...minimum]
+ else
+ draggables = mandatory
+ for m in draggables
+ $pr = $(".predicate [data-predicate=" + m + "]", question)
+ $ph = $pr.find ".placeholder:visible"
+ @draggable_move $(qp), $ph, @multiple
- added.attr('style', '')
- if not @multiple
- $(ev.target).append(added)
- added.draggable($.extend({}, draggable_opts, helper_opts))
- ui.draggable.remove()
- check_question: (question) ->
- # subjects placed in predicates
- count = 0
+class PrawdaFalsz extends Exercise
+ constructor: (element) ->
+ super element
+
+ for qp in $(".question-piece", @element)
+ $(".true", qp).click (ev) ->
+ ev.preventDefault()
+ $(this).closest(".question-piece").data("value", "true")
+ $(this).addClass('chosen').siblings('a').removeClass('chosen')
+ $(".false", qp).click (ev) ->
+ ev.preventDefault()
+ $(this).closest(".question-piece").data("value", "false")
+ $(this).addClass('chosen').siblings('a').removeClass('chosen')
+
+
+ check_question: ->
all = 0
- all_multiple = 0
- for qp in $(".predicate .question-piece", question)
- pred = $(qp).closest("[data-predicate]")
- v = @get_value_optional_list qp, 'solution'
- mandatory = v[0]
- optional = v[1]
- all_multiple += mandatory.length + optional.length
- pn = pred.data('predicate')
- if mandatory.indexOf(pn) >= 0 or optional.indexOf(pn) >= 0
- count += 1
+ good = 0
+ for qp in $(".question-piece", @element)
+ if $(qp).data("solution").toString() == $(qp).data("value")
+ good += 1
@piece_correct qp
else
@piece_incorrect qp
- all += 1
-
- if @multiple
- for qp in $(".subject .question-piece", question)
- v = @get_value_optional_list qp, 'solution'
- mandatory = v[0]
- optional = v[1]
- all_multiple += mandatory.length + optional.length
- return [count, all_multiple]
- else
- return [count, all]
-
+ all += 1
+ return [good, all]
+ show_solutions: ->
+ reset()
+ for qp in $(".question-piece", @element)
+ if $(qp).data('solution') == 'true'
+ $(".true", qp).click()
+ else
+ $(".false", qp).click()
##########
-excercise = (ele) ->
+exercise = (ele) ->
es =
wybor: Wybor
uporzadkuj: Uporzadkuj
luki: Luki
zastap: Zastap
przyporzadkuj: Przyporzadkuj
+ prawdafalsz: PrawdaFalsz
cls = es[$(ele).attr('data-type')]
@@ -325,5 +480,5 @@ window.edumed =
$(document).ready () ->
new EduModule($("#book-text"))
- $(".excercise").each (i, el) ->
- excercise(this)
\ No newline at end of file
+ $(".exercise").each (i, el) ->
+ exercise(this)
\ No newline at end of file