f4c5c28f78277faabeba436abddfc6195e94c72b
[edumed.git] / wtem / static / wtem / edumed.coffee
1
2 $ = jQuery
3
4 class Binding
5   constructor: (@handler, @element) ->
6     $(@element).data(@handler, this)
7
8
9 class EduModule extends Binding
10   constructor: (element) ->
11     super 'edumodule', element
12
13     # $("[name=teacher-toggle]").change (ev) =>
14     #   if $(ev.target).is(":checked")
15     #     $(".teacher", @element).addClass "show"
16     #   else
17     #     $(".teacher", @element).removeClass "show"
18
19
20 class Exercise extends Binding
21   constructor: (element) ->
22     super 'exercise', element
23     # just save the html to reset the exercise
24     $(@element).data("exercise-html", $(@element).html())
25
26     $(".check", @element).click (ev) =>
27       @check()
28       $(".retry", @element).show()
29       $(".check", @element).hide()
30     $(".retry", @element).click (ev) =>
31       @retry()
32     $('.solutions', @element).click =>
33       @show_solutions()
34       $(".comment", @element).show()
35     $('.reset', @element).click =>
36       @reset()
37
38   retry: ->
39     $(".correct, .incorrect", @element).removeClass("correct incorrect")
40     $(".check", @element).show()
41     $(".retry", @element).hide()
42
43   reset: ->
44     $(@element).html($(@element).data('exercise-html'))
45     exercise @element
46
47   piece_correct: (qpiece) ->
48     $(qpiece).removeClass('incorrect').addClass('correct')
49
50   piece_incorrect: (qpiece) ->
51     $(qpiece).removeClass('correct').addClass('incorrect')
52
53   check: ->
54     scores = []
55     $(".question", @element).each (i, question) =>
56       scores.push(@check_question question)
57
58     score = [0, 0, 0]
59     $.each scores, (i, s) ->
60       score[0] += s[0]
61       score[1] += s[1]
62       score[2] += s[2]
63     @show_score(score)
64
65   show_solutions: ->
66     @reset()
67     $(".question", @element).each (i, question) =>
68       @solve_question question
69
70   get_answers: ->
71     answers = []
72     $('.question', @element).each (i, question) =>
73       answers.push(@get_answer question)
74     return answers
75
76   # Parses a list of values, separated by space or comma.
77   # The list is read from data attribute of elem using data_key
78   # Returns a list with elements
79   # eg.: things_i_need: "house bike tv playstation"
80   # yields ["house", "bike", "tv", "playstation"]
81   # If optional numbers argument is true, returns list of numbers
82   # instead of strings
83   get_value_list: (elem, data_key, numbers) ->
84     vl = $(elem).attr("data-" + data_key).split(/[ ,]+/).map($.trim) #.map((x) -> parseInt(x))
85     if numbers
86       vl = vl.map((x) -> parseInt(x))
87     return vl
88
89   # Parses a list of values, separated by space or comma.
90   # The list is read from data attribute of elem using data_key
91   # Returns a 2-element list with mandatory and optional
92   # items. optional items are marked with a question mark on the end
93   # eg.: things_i_need: "house bike tv? playstation?"
94   # yields [[ "house", "bike"], ["tv", "playstation"]]
95   get_value_optional_list: (elem, data_key) ->
96     vals = @get_value_list(elem, data_key)
97     mandat = []
98     opt = []
99     for v in vals
100       if v.slice(-1) == "?"
101         opt.push v.slice(0, -1)
102       else
103         mandat.push v
104     return [mandat, opt]
105
106   show_score: (score) ->
107     $msg = $(".message", @element)
108     $msg.text("Wynik: #{score[0]} / #{score[2]}")
109     if score[0] >= score[2] and score[1] == 0
110       $msg.addClass("maxscore")
111     else
112       $msg.removeClass("maxscore")
113
114
115   draggable_equal: ($draggable1, $draggable2) ->
116     return false
117
118   draggable_accept: ($draggable, $droppable) ->
119     dropped = $droppable.closest("ul, ol").find(".draggable")
120     for d in dropped
121       if @draggable_equal $draggable, $(d)
122         return false
123     return true
124
125   draggable_move: ($draggable, $placeholder, ismultiple) ->
126     $added = $draggable.clone()
127     $added.data("original", $draggable.get(0))
128     if not ismultiple
129       $draggable.addClass('disabled').draggable('disable')
130
131     $placeholder.after($added)
132     if not $placeholder.hasClass('multiple')
133       $placeholder.hide()
134     if $added.is(".add-li")
135       $added.wrap("<li/>")
136
137     $added.append('<span class="remove">x</span><div class="clr"></div>')
138     $('.remove', $added).click (ev) =>
139       @retry()
140       if not ismultiple
141         $($added.data('original')).removeClass('disabled').draggable('enable')
142
143       if $added.is(".add-li")
144         $added = $added.closest('li')
145       $added.prev(".placeholder:not(.multiple)").show()
146       $added.remove()
147
148
149 ## XXX co z issortable?
150   dragging: (ismultiple, issortable) ->
151     $(".question", @element).each (i, question) =>
152       draggable_opts =
153         revert: 'invalid'
154         helper: 'clone'
155         start: @retry
156
157       $(".draggable", question).draggable(draggable_opts)
158       self = this
159       $(".placeholder", question).droppable
160         accept: (draggable) ->
161           $draggable = $(draggable)
162           is_accepted = true
163
164           if not $draggable.is(".draggable")
165             is_accepted = false
166
167           if is_accepted
168             is_accepted= self.draggable_accept $draggable, $(this)
169
170           if is_accepted
171             $(this).addClass 'accepting'
172           else
173             $(this).removeClass 'accepting'
174           return is_accepted
175
176         drop: (ev, ui) =>
177           $(ev.target).removeClass 'accepting dragover'
178
179           @draggable_move $(ui.draggable), $(ev.target), ismultiple
180
181           # $added = $(ui.draggable).clone()
182           # $added.data("original", ui.draggable)
183           # if not ismultiple
184           #   $(ui.draggable).addClass('disabled').draggable('disable')
185
186           # $(ev.target).after(added)
187           # if not $(ev.target).hasClass('multiple')
188           #   $(ev.target).hide()
189           # $added.append('<span class="remove">x</span>')
190           # $('.remove', added).click (ev) =>
191           #   $added.prev(".placeholder:not(.multiple)").show()
192           #   if not ismultiple
193           #     $added.data('original').removeClass('disabled').draggable('enable')
194           #   $(added).remove()
195
196         over: (ev, ui) ->
197           $(ev.target).addClass 'dragover'
198
199
200         out: (ev, ui) ->
201           $(ev.target).removeClass 'dragover'
202
203
204
205 class Wybor extends Exercise
206   constructor: (element) ->
207     super element
208     $(".question-piece input", element).change(@retry);
209
210
211   check_question: (question) ->
212     all = 0
213     good = 0
214     bad = 0
215     solution = @get_value_list(question, 'solution')
216     $(".question-piece", question).each (i, qpiece) =>
217       piece_no = $(qpiece).attr 'data-no'
218       piece_name = $(qpiece).attr 'data-name'
219       if piece_name
220         should_be_checked = solution.indexOf(piece_name) >= 0
221       else
222         should_be_checked = solution.indexOf(piece_no) >= 0
223       is_checked = $("input", qpiece).is(":checked")
224
225       if should_be_checked
226         all += 1
227
228       if is_checked
229         if should_be_checked
230           good += 1
231           @piece_correct qpiece
232         else
233           bad += 1
234           @piece_incorrect qpiece
235       else
236         $(qpiece).removeClass("correct,incorrect")
237
238     return [good, bad, all]
239
240   solve_question: (question) ->
241     solution = @get_value_list(question, 'solution')
242     $(".question-piece", question).each (i, qpiece) =>
243       piece_no = $(qpiece).attr 'data-no'
244       piece_name = $(qpiece).attr 'data-name'
245       if piece_name
246         should_be_checked = solution.indexOf(piece_name) >= 0
247       else
248         should_be_checked = solution.indexOf(piece_no) >= 0
249       console.log("check " + $("input[type=checkbox]", qpiece).attr("id") + " -> " + should_be_checked)
250       $("input[type=checkbox],input[type=radio]", qpiece).prop 'checked', should_be_checked
251
252   get_answer: (question) ->
253     answer = []
254     $('.question-piece', question).each (i, qpiece) =>
255       $qpiece = $(qpiece)
256       if $("input[type=checkbox],input[type=radio]", qpiece).is(':checked')
257         answer.push($qpiece.attr('data-name'))
258     return answer
259
260
261 class Uporzadkuj extends Exercise
262   constructor: (element) ->
263     super element
264     $('ol, ul', @element).sortable({ items: "> li", start: @retry })
265
266   check_question: (question) ->
267     positions = @get_value_list(question, 'original', true)
268     sorted = positions.sort()
269     pkts = $('.question-piece', question)
270
271     correct = 0
272     bad = 0
273     all = 0
274
275     for pkt in [0...pkts.length]
276       all += 1
277       if pkts.eq(pkt).data('pos') == sorted[pkt]
278         correct += 1
279         @piece_correct pkts.eq(pkt)
280       else
281         bad += 1
282         @piece_incorrect pkts.eq(pkt)
283     return [correct, bad, all]
284
285   solve_question: (question) ->
286     positions = @get_value_list(question, 'original', true)
287     sorted = positions.sort()
288     pkts = $('.question-piece', question)
289     pkts.sort (a, b) ->
290       q = $(a).data('pos')
291       w = $(b).data('pos')
292       return 1 if q < w
293       return -1 if q > w
294       return 0
295
296     parent = pkts.eq(0).parent()
297     for p in pkts
298       parent.prepend(p)
299
300   get_answer: (question) ->
301     answer = []
302     $(".question-piece", @element).each (i, qpiece) =>
303       answer.push($(qpiece).attr('data-pos'))
304     return answer
305
306
307 # XXX propozycje="1/0"
308 class Luki extends Exercise
309   constructor: (element) ->
310     super element
311     @dragging false, false
312
313   check: ->
314     all = $(".placeholder", @element).length
315     correct = 0
316     bad = 0
317     $(".placeholder + .question-piece", @element).each (i, qpiece) =>
318       $placeholder = $(qpiece).prev(".placeholder")
319       if $placeholder.data('solution') == $(qpiece).data('no')
320         @piece_correct qpiece
321         correct += 1
322       else
323         bad += 1
324         @piece_incorrect qpiece
325
326     @show_score [correct, bad, all]
327
328   solve_question: (question) ->
329     $(".placeholder", question).each (i, placeholder) =>
330       $qp = $(".question-piece[data-no=" + $(placeholder).data('solution') + "]", question)
331       @draggable_move $qp, $(placeholder), false
332
333
334 class Zastap extends Exercise
335   constructor: (element) ->
336     super element
337     $(".paragraph", @element).each (i, par) =>
338       @wrap_words $(par), $('<span class="placeholder zastap"/>')
339     @dragging false, false
340
341   check: ->
342     all = 0
343     correct = 0
344     bad = 0
345
346     $(".paragraph", @element).each (i, par) =>
347       $(".placeholder", par).each (j, qpiece) =>
348         $qp = $(qpiece)
349         $dragged = $qp.next(".draggable")
350         if $qp.data("solution")
351           if $dragged and $qp.data("solution") == $dragged.data("no")
352             @piece_correct $dragged
353             correct += 1
354 #          else -- we dont mark enything here, so not to hint user about solution. He sees he hasn't used all the draggables
355
356           all += 1
357
358     @show_score [correct, bad, all]
359
360   show_solutions: ->
361     @reset()
362     $(".paragraph", @element).each (i, par) =>
363       $(".placeholder[data-solution]", par).each (j, qpiece) =>
364         $qp = $(qpiece)
365         $dr = $(".draggable[data-no=" + $qp.data('solution') + "]", @element)
366         @draggable_move $dr, $qp, false
367
368
369   wrap_words: (element, wrapper) ->
370     # This function wraps each word of element in wrapper, but does not descend into child-tags of element.
371     # It doesn't wrap things between words (defined by ignore RE below). Warning - ignore must begin with ^
372     ignore = /^[ \t.,:;()]+/
373
374     insertWrapped = (txt, elem) ->
375       nw = wrapper.clone()
376       $(document.createTextNode(txt))
377         .wrap(nw).parent().attr("data-original", txt).insertBefore(elem)
378
379     for j in [element.get(0).childNodes.length-1..0]
380       chld = element.get(0).childNodes[j]
381       if chld.nodeType == document.TEXT_NODE
382         len = chld.textContent.length
383         wordb = 0
384         i = 0
385         while i < len
386           space = ignore.exec(chld.textContent.substr(i))
387           if space?
388             if wordb < i
389               insertWrapped(chld.textContent.substr(wordb, i-wordb), chld)
390
391             $(document.createTextNode(space[0])).insertBefore(chld)
392             i += space[0].length
393             wordb = i
394           else
395             i = i + 1
396         if wordb < len - 1
397           insertWrapped(chld.textContent.substr(wordb, len - 1 - wordb), chld)
398         $(chld).remove()
399
400
401 class Przyporzadkuj extends Exercise
402   is_multiple: ->
403     for qp in $(".question-piece", @element)
404       if $(qp).attr('data-solution').split(/[ ,]+/).length > 1
405         return true
406     return false
407
408   constructor: (element) ->
409     super element
410
411     @multiple = @is_multiple()
412
413     @dragging @multiple, true
414
415   draggable_equal: (d1, d2) ->
416     return d1.data("no") == d2.data("no")
417
418
419   check_question: (question) ->
420     # subjects placed in predicates
421     minimum = $(question).data("minimum")
422     count = 0
423     bad_count = 0
424     all = 0
425     if not minimum
426       self = this
427       $(".subject .question-piece", question).each (i, el) ->
428         v = self.get_value_optional_list el, 'solution'
429         mandatory = v[0]
430         all += mandatory.length
431
432     for pred in $(".predicate [data-predicate]", question)
433       pn = $(pred).attr('data-predicate')
434       #if minimum?
435       #  all += minimum
436
437       for qp in $(".question-piece", pred)
438         v = @get_value_optional_list qp, 'solution'
439         mandatory = v[0]
440         optional = v[1]
441
442         if mandatory.indexOf(pn) >= 0 or (minimum and optional.indexOf(pn) >= 0)
443           count += 1
444           @piece_correct qp
445         else
446           bad_count += 1
447           @piece_incorrect qp
448
449     return [count, bad_count, all]
450
451   solve_question: (question) ->
452     minimum = $(question).data("min")
453
454     for qp in $(".subject .question-piece", question)
455       v = @get_value_optional_list qp, 'solution'
456       mandatory = v[0]
457       optional = v[1]
458
459       if minimum
460         draggables = mandatory.count(optional)[0...minimum]
461       else
462         draggables = mandatory
463       for m in draggables
464         $pr = $(".predicate [data-predicate=" + m + "]", question)
465         $ph = $pr.find ".placeholder:visible"
466         @draggable_move $(qp), $ph.eq(0), @multiple
467
468   get_answer: (question) ->
469     answer = {}
470     $(".predicate [data-predicate]", question).each (i, subjects) =>
471       predicate = $(subjects).attr('data-predicate')
472       answer[predicate] = []
473       $('.question-piece', subjects).each (i, qpiece) =>
474         $qpiece = $(qpiece)
475         answer[predicate].push($qpiece.attr('data-id'))
476     return answer
477
478
479 class PrawdaFalsz extends Exercise
480   constructor: (element) ->
481     super element
482
483     for qp in $(".question-piece", @element)
484       $(".true", qp).click (ev) =>
485         ev.preventDefault()
486         @retry()
487         $(ev.target).closest(".question-piece").data("value", "true")
488         $(ev.target).addClass('chosen').siblings('a').removeClass('chosen')
489       $(".false", qp).click (ev) =>
490         ev.preventDefault()
491         @retry()
492         $(ev.target).closest(".question-piece").data("value", "false")
493         $(ev.target).addClass('chosen').siblings('a').removeClass('chosen')
494
495
496   check_question: ->
497     all = 0
498     good = 0
499     bad = 0
500     for qp in $(".question-piece", @element)
501       if $(qp).data("solution").toString() == $(qp).data("value")
502         good += 1
503         @piece_correct qp
504       else
505         bad += 1
506         @piece_incorrect qp
507
508       all += 1
509
510     return [good, bad, all]
511
512   show_solutions: ->
513     @reset()
514     for qp in $(".question-piece", @element)
515       if $(qp).data('solution') == true
516         $(".true", qp).click()
517       else
518         $(".false", qp).click()
519
520   get_answer: (question) ->
521     answer = []
522     $(".question-piece", @element).each (i, qpiece) =>
523       answer.push($(qpiece).data('value') || '-')
524     return answer
525
526 ##########
527
528 exercise = (ele) ->
529   es =
530     wybor: Wybor
531     uporzadkuj: Uporzadkuj
532     luki: Luki
533     zastap: Zastap
534     przyporzadkuj: Przyporzadkuj
535     prawdafalsz: PrawdaFalsz
536
537
538   cls = es[$(ele).attr('data-type')]
539   new cls(ele)
540
541
542 window.edumed =
543   'EduModule': EduModule
544
545
546
547
548 $(document).ready () ->
549   new EduModule($("#book-text"))
550
551   $(".exercise").each (i, el) ->
552     exercise(this)