Basic lesson importing. Some layout.
[edumed.git] / catalogue / static / catalogue / js / edumed.js
diff --git a/catalogue/static/catalogue/js/edumed.js b/catalogue/static/catalogue/js/edumed.js
new file mode 100644 (file)
index 0000000..d8f3d94
--- /dev/null
@@ -0,0 +1,513 @@
+(function() {
+  var $, Binding, EduModule, Excercise, Luki, PrawdaFalsz, Przyporzadkuj, Uporzadkuj, Wybor, Zastap, excercise,
+    __hasProp = Object.prototype.hasOwnProperty,
+    __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor; child.__super__ = parent.prototype; return child; };
+
+  $ = jQuery;
+
+  Binding = (function() {
+
+    function Binding(handler, element) {
+      this.handler = handler;
+      this.element = element;
+      $(this.element).data(this.handler, this);
+    }
+
+    return Binding;
+
+  })();
+
+  EduModule = (function(_super) {
+
+    __extends(EduModule, _super);
+
+    function EduModule(element) {
+      var _this = this;
+      EduModule.__super__.constructor.call(this, 'edumodule', element);
+      $("[name=teacher-toggle]").change(function(ev) {
+        if ($(ev.target).is(":checked")) {
+          return $(".teacher", _this.element).addClass("show");
+        } else {
+          return $(".teacher", _this.element).removeClass("show");
+        }
+      });
+    }
+
+    return EduModule;
+
+  })(Binding);
+
+  Excercise = (function(_super) {
+
+    __extends(Excercise, _super);
+
+    function Excercise(element) {
+      var _this = this;
+      Excercise.__super__.constructor.call(this, 'excercise', element);
+      $(".check", this.element).click(function() {
+        return _this.check();
+      });
+      $('.solutions', this.element).click(function() {
+        return _this.show_solutions();
+      });
+    }
+
+    Excercise.prototype.piece_correct = function(qpiece) {
+      return $(qpiece).removeClass('incorrect').addClass('correct');
+    };
+
+    Excercise.prototype.piece_incorrect = function(qpiece) {
+      return $(qpiece).removeClass('correct').addClass('incorrect');
+    };
+
+    Excercise.prototype.check = function() {
+      var score, scores,
+        _this = this;
+      scores = [];
+      $(".question", this.element).each(function(i, question) {
+        return scores.push(_this.check_question(question));
+      });
+      score = [0, 0];
+      $.each(scores, function(i, s) {
+        score[0] += s[0];
+        return score[1] += s[1];
+      });
+      return this.show_score(score);
+    };
+
+    Excercise.prototype.get_value_list = function(elem, data_key, numbers) {
+      var vl;
+      vl = $(elem).attr("data-" + data_key).split(/[ ,]+/).map($.trim);
+      if (numbers) {
+        vl = vl.map(function(x) {
+          return parseInt(x);
+        });
+      }
+      return vl;
+    };
+
+    Excercise.prototype.get_value_optional_list = function(elem, data_key) {
+      var mandat, opt, v, vals, _i, _len;
+      vals = this.get_value_list(elem, data_key);
+      mandat = [];
+      opt = [];
+      for (_i = 0, _len = vals.length; _i < _len; _i++) {
+        v = vals[_i];
+        if (v.slice(-1) === "?") {
+          opt.push(v.slice(0, -1));
+        } else {
+          mandat.push(v);
+        }
+      }
+      return [mandat, opt];
+    };
+
+    Excercise.prototype.show_score = function(score) {
+      return $(".message", this.element).text("Wynik: " + score[0] + " / " + score[1]);
+    };
+
+    Excercise.prototype.draggable_equal = function($draggable1, $draggable2) {
+      return false;
+    };
+
+    Excercise.prototype.draggable_accept = function($draggable, $droppable) {
+      var d, dropped, _i, _len;
+      dropped = $droppable.closest("ul, ol").find(".draggable");
+      for (_i = 0, _len = dropped.length; _i < _len; _i++) {
+        d = dropped[_i];
+        if (this.draggable_equal($draggable, $(d))) return false;
+      }
+      return true;
+    };
+
+    Excercise.prototype.draggable_dropped = function($draggable) {
+      return $draggable.append('<span class="close">x</span>');
+    };
+
+    Excercise.prototype.dragging = function(ismultiple, issortable) {
+      var _this = this;
+      return $(".question", this.element).each(function(i, question) {
+        var draggable_opts, self;
+        draggable_opts = {
+          revert: 'invalid',
+          helper: 'clone'
+        };
+        $(".draggable", question).draggable(draggable_opts);
+        self = _this;
+        return $(".placeholder", question).droppable({
+          accept: function(draggable) {
+            var $draggable, is_accepted;
+            $draggable = $(draggable);
+            is_accepted = true;
+            if (!$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: function(ev, ui) {
+            var $added, added,
+              _this = this;
+            $(ev.target).removeClass('accepting dragover');
+            added = $(ui.draggable).clone();
+            $added = added;
+            $added.data("original", ui.draggable);
+            if (!ismultiple) {
+              $(ui.draggable).addClass('disabled').draggable('disable');
+            }
+            $(ev.target).after(added);
+            if (!$(ev.target).hasClass('multiple')) $(ev.target).hide();
+            $added.append('<span class="remove">x</span>');
+            return $('.remove', added).click(function(ev) {
+              $added.prev(".placeholder:not(.multiple)").show();
+              if (!ismultiple) {
+                $added.data('original').removeClass('disabled').draggable('enable');
+              }
+              return $(added).remove();
+            });
+          },
+          over: function(ev, ui) {
+            return $(ev.target).addClass('dragover');
+          },
+          out: function(ev, ui) {
+            return $(ev.target).removeClass('dragover');
+          }
+        });
+      });
+    };
+
+    return Excercise;
+
+  })(Binding);
+
+  Wybor = (function(_super) {
+
+    __extends(Wybor, _super);
+
+    function Wybor(element) {
+      Wybor.__super__.constructor.call(this, element);
+    }
+
+    Wybor.prototype.check_question = function(question) {
+      var all, good, solution,
+        _this = this;
+      all = 0;
+      good = 0;
+      solution = this.get_value_list(question, 'solution');
+      $(".question-piece", question).each(function(i, qpiece) {
+        var is_checked, piece_name, piece_no, should_be_checked;
+        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) all += 1;
+        if (is_checked) {
+          if (should_be_checked) {
+            good += 1;
+            return _this.piece_correct(qpiece);
+          } else {
+            return _this.piece_incorrect(qpiece);
+          }
+        } else {
+          return $(qpiece).removeClass("correct,incorrect");
+        }
+      });
+      return [good, all];
+    };
+
+    Wybor.prototype.show_solutions = function() {};
+
+    return Wybor;
+
+  })(Excercise);
+
+  Uporzadkuj = (function(_super) {
+
+    __extends(Uporzadkuj, _super);
+
+    function Uporzadkuj(element) {
+      Uporzadkuj.__super__.constructor.call(this, element);
+      $('ol, ul', this.element).sortable({
+        items: "> li"
+      });
+    }
+
+    Uporzadkuj.prototype.check_question = function(question) {
+      var all, correct, pkt, pkts, positions, sorted, _ref;
+      positions = this.get_value_list(question, 'original', true);
+      sorted = positions.sort();
+      pkts = $('.question-piece', question);
+      correct = 0;
+      all = 0;
+      for (pkt = 0, _ref = pkts.length; 0 <= _ref ? pkt < _ref : pkt > _ref; 0 <= _ref ? pkt++ : pkt--) {
+        all += 1;
+        if (pkts.eq(pkt).data('pos') === sorted[pkt]) {
+          correct += 1;
+          this.piece_correct(pkts.eq(pkt));
+        } else {
+          this.piece_incorrect(pkts.eq(pkt));
+        }
+      }
+      return [correct, all];
+    };
+
+    return Uporzadkuj;
+
+  })(Excercise);
+
+  Luki = (function(_super) {
+
+    __extends(Luki, _super);
+
+    function Luki(element) {
+      Luki.__super__.constructor.call(this, element);
+      this.dragging(false, false);
+    }
+
+    Luki.prototype.check = function() {
+      var all, correct,
+        _this = this;
+      all = 0;
+      correct = 0;
+      $(".placeholder + .question-piece", this.element).each(function(i, qpiece) {
+        var $placeholder;
+        $placeholder = $(qpiece).prev(".placeholder");
+        if ($placeholder.data('solution') === $(qpiece).data('no')) {
+          _this.piece_correct(qpiece);
+          correct += 1;
+        } else {
+          _this.piece_incorrect(qpiece);
+        }
+        return all += 1;
+      });
+      return this.show_score([correct, all]);
+    };
+
+    return Luki;
+
+  })(Excercise);
+
+  Zastap = (function(_super) {
+
+    __extends(Zastap, _super);
+
+    function Zastap(element) {
+      var _this = this;
+      Zastap.__super__.constructor.call(this, element);
+      $(".paragraph", this.element).each(function(i, par) {
+        return _this.wrap_words($(par), $('<span class="placeholder zastap"/>'));
+      });
+      this.dragging(false, false);
+    }
+
+    Zastap.prototype.check = function() {
+      var all, correct,
+        _this = this;
+      all = 0;
+      correct = 0;
+      $(".paragraph", this.element).each(function(i, par) {
+        return $(".placeholder", par).each(function(j, qpiece) {
+          var $dragged, $qp, should_be_checked;
+          should_be_checked = false;
+          $qp = $(qpiece);
+          $dragged = $qp.next(".draggable");
+          if ($qp.data("solution")) {
+            if ($dragged && $qp.data("solution") === $dragged.data("no")) {
+              _this.piece_correct($dragged);
+              correct += 1;
+            }
+            return all += 1;
+          }
+        });
+      });
+      return this.show_score([correct, all]);
+    };
+
+    Zastap.prototype.wrap_words = function(element, wrapper) {
+      var chld, i, ignore, insertWrapped, j, len, space, wordb, _ref, _results;
+      ignore = /^[ \t.,:;()]+/;
+      insertWrapped = function(txt, elem) {
+        var nw;
+        nw = wrapper.clone();
+        return $(document.createTextNode(txt)).wrap(nw).parent().attr("data-original", txt).insertBefore(elem);
+      };
+      _results = [];
+      for (j = _ref = element.get(0).childNodes.length - 1; _ref <= 0 ? j <= 0 : j >= 0; _ref <= 0 ? j++ : j--) {
+        chld = element.get(0).childNodes[j];
+        if (chld.nodeType === document.TEXT_NODE) {
+          len = chld.textContent.length;
+          wordb = 0;
+          i = 0;
+          while (i < len) {
+            space = ignore.exec(chld.textContent.substr(i));
+            if (space != null) {
+              if (wordb < i) {
+                insertWrapped(chld.textContent.substr(wordb, i - wordb), chld);
+              }
+              $(document.createTextNode(space[0])).insertBefore(chld);
+              i += space[0].length;
+              wordb = i;
+            } else {
+              i = i + 1;
+            }
+          }
+          if (wordb < len - 1) {
+            insertWrapped(chld.textContent.substr(wordb, len - 1 - wordb), chld);
+          }
+          _results.push($(chld).remove());
+        } else {
+          _results.push(void 0);
+        }
+      }
+      return _results;
+    };
+
+    return Zastap;
+
+  })(Excercise);
+
+  Przyporzadkuj = (function(_super) {
+
+    __extends(Przyporzadkuj, _super);
+
+    Przyporzadkuj.prototype.is_multiple = function() {
+      var qp, _i, _len, _ref;
+      _ref = $(".question-piece", this.element);
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        qp = _ref[_i];
+        if ($(qp).data('solution').split(/[ ,]+/).length > 1) return true;
+      }
+      return false;
+    };
+
+    function Przyporzadkuj(element) {
+      Przyporzadkuj.__super__.constructor.call(this, element);
+      this.multiple = this.is_multiple();
+      this.dragging(this.multiple, true);
+    }
+
+    Przyporzadkuj.prototype.draggable_equal = function(d1, d2) {
+      return d1.data("no") === d2.data("no");
+    };
+
+    Przyporzadkuj.prototype.check_question = function(question) {
+      var all, all_multiple, count, mandatory, optional, pn, pred, qp, v, _i, _j, _len, _len2, _ref, _ref2;
+      count = 0;
+      all = 0;
+      all_multiple = 0;
+      _ref = $(".predicate .question-piece", question);
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        qp = _ref[_i];
+        pred = $(qp).closest("[data-predicate]");
+        v = this.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 || optional.indexOf(pn) >= 0) {
+          count += 1;
+          this.piece_correct(qp);
+        } else {
+          this.piece_incorrect(qp);
+        }
+        all += 1;
+      }
+      if (this.multiple) {
+        _ref2 = $(".subject .question-piece", question);
+        for (_j = 0, _len2 = _ref2.length; _j < _len2; _j++) {
+          qp = _ref2[_j];
+          v = this.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];
+      }
+    };
+
+    return Przyporzadkuj;
+
+  })(Excercise);
+
+  PrawdaFalsz = (function(_super) {
+
+    __extends(PrawdaFalsz, _super);
+
+    function PrawdaFalsz(element) {
+      var qp, _i, _len, _ref;
+      PrawdaFalsz.__super__.constructor.call(this, element);
+      _ref = $(".question-piece", this.element);
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        qp = _ref[_i];
+        $(".true", qp).click(function(ev) {
+          ev.preventDefault();
+          $(this).closest(".question-piece").data("value", "true");
+          return $(this).addClass('chosen').siblings('a').removeClass('chosen');
+        });
+        $(".false", qp).click(function(ev) {
+          ev.preventDefault();
+          $(this).closest(".question-piece").data("value", "false");
+          return $(this).addClass('chosen').siblings('a').removeClass('chosen');
+        });
+      }
+    }
+
+    PrawdaFalsz.prototype.check_question = function() {
+      var all, good, qp, _i, _len, _ref;
+      all = 0;
+      good = 0;
+      _ref = $(".question-piece", this.element);
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        qp = _ref[_i];
+        if ($(qp).data("solution").toString() === $(qp).data("value")) {
+          good += 1;
+          this.piece_correct(qp);
+        } else {
+          this.piece_incorrect(qp);
+        }
+        all += 1;
+      }
+      return [good, all];
+    };
+
+    return PrawdaFalsz;
+
+  })(Excercise);
+
+  excercise = function(ele) {
+    var cls, es;
+    es = {
+      wybor: Wybor,
+      uporzadkuj: Uporzadkuj,
+      luki: Luki,
+      zastap: Zastap,
+      przyporzadkuj: Przyporzadkuj,
+      prawdafalsz: PrawdaFalsz
+    };
+    cls = es[$(ele).attr('data-type')];
+    return new cls(ele);
+  };
+
+  window.edumed = {
+    'EduModule': EduModule
+  };
+
+  $(document).ready(function() {
+    new EduModule($("#book-text"));
+    return $(".excercise").each(function(i, el) {
+      return excercise(this);
+    });
+  });
+
+}).call(this);