dragging overhaul
[redakcja.git] / redakcja / static / edumed / js / edumed.js
index aec1c4c..622ed0e 100644 (file)
@@ -1,5 +1,5 @@
 (function() {
-  var $, Binding, EduModule, Excercise, Luki, Przyporzadkuj, Uporzadkuj, Wybor, Zastap, excercise,
+  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; };
 
@@ -77,7 +77,7 @@
 
     Excercise.prototype.get_value_list = function(elem, data_key, numbers) {
       var vl;
-      vl = $(elem).data(data_key).split(/[ ,]+/).map($.trim);
+      vl = $(elem).attr("data-" + data_key).split(/[ ,]+/).map($.trim);
       if (numbers) {
         vl = vl.map(function(x) {
           return parseInt(x);
       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;
+            $draggable = $(draggable);
+            if (!$draggable.is(".draggable")) return false;
+            return self.draggable_accept($draggable, $(this));
+          },
+          drop: function(ev, ui) {
+            var $added, added,
+              _this = this;
+            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();
+            });
+          }
+        });
+      });
+    };
+
     return Excercise;
 
   })(Binding);
         _this = this;
       all = 0;
       good = 0;
-      solution = this.get_value_list(question, 'solution', true);
+      solution = this.get_value_list(question, 'solution');
       $(".question-piece", question).each(function(i, qpiece) {
-        var is_checked, piece_no, should_be_checked;
-        piece_no = parseInt($(qpiece).attr('data-no'));
-        should_be_checked = solution.indexOf(piece_no) >= 0;
+        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) {
 
     function Luki(element) {
       Luki.__super__.constructor.call(this, element);
+      this.dragging(false, false);
     }
 
     Luki.prototype.check = function() {
         _this = this;
       all = 0;
       correct = 0;
-      $(".question-piece", this.element).each(function(i, qpiece) {
-        if ($(qpiece).data('solution') === $(qpiece).val()) {
+      $(".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 {
     };
 
     function Przyporzadkuj(element) {
-      var _this = this;
       Przyporzadkuj.__super__.constructor.call(this, element);
       this.multiple = this.is_multiple();
-      $(".question", this.element).each(function(i, question) {
-        var draggable_opts, helper_opts;
-        draggable_opts = {
-          revert: 'invalid'
-        };
-        if (_this.multiple) {
-          helper_opts = {
-            helper: "clone"
-          };
-        } else {
-          helper_opts = {};
-        }
-        $(".draggable", question).draggable($.extend({}, draggable_opts, helper_opts));
-        $(".predicate .droppable", question).droppable({
-          accept: function(draggable) {
-            var $draggable, $predicate, added, _i, _len, _ref;
-            $draggable = $(draggable);
-            if (!$draggable.is(".draggable")) return false;
-            $predicate = $(this);
-            _ref = $predicate.find("li");
-            for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-              added = _ref[_i];
-              if ($(added).text() === $draggable.text()) return false;
-            }
-            return true;
-          },
-          drop: function(ev, ui) {
-            var added;
-            added = ui.draggable.clone();
-            added.attr('style', '');
-            $(ev.target).append(added);
-            added.draggable(draggable_opts);
-            if (!_this.multiple || ui.draggable.closest(".predicate").length > 0) {
-              return ui.draggable.remove();
-            }
-          }
-        });
-        return $(".subject", question).droppable({
-          accept: ".draggable",
-          drop: function(ev, ui) {
-            var added;
-            if ($(ui.draggable).closest(".subject").length > 0) return;
-            added = ui.draggable.clone();
-            added.attr('style', '');
-            if (!_this.multiple) {
-              $(ev.target).append(added);
-              added.draggable($.extend({}, draggable_opts, helper_opts));
-            }
-            return ui.draggable.remove();
-          }
-        });
-      });
+      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;
 
   })(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 = {
       uporzadkuj: Uporzadkuj,
       luki: Luki,
       zastap: Zastap,
-      przyporzadkuj: Przyporzadkuj
+      przyporzadkuj: Przyporzadkuj,
+      prawdafalsz: PrawdaFalsz
     };
     cls = es[$(ele).attr('data-type')];
     return new cls(ele);