gets app completly uptodate with prototype

static/coffee/src/modules/sequence.js

@@ -0,0 +1,134 @@
+// Generated by CoffeeScript 1.3.3
+(function() {
+  var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
+
+  this.Sequence = (function() {
+
+    function Sequence(id, elements, tag, position) {
+      this.id = id;
+      this.elements = elements;
+      this.tag = tag;
+      this.previous = __bind(this.previous, this);
+
+      this.next = __bind(this.next, this);
+
+      this.goto = __bind(this.goto, this);
+
+      this.toggleArrows = __bind(this.toggleArrows, this);
+
+      this.element = $("#sequence_" + this.id);
+      this.buildNavigation();
+      this.bind();
+      this.render(position);
+    }
+
+    Sequence.prototype.$ = function(selector) {
+      return $(selector, this.element);
+    };
+
+    Sequence.prototype.bind = function() {
+      this.element.bind('contentChanged', this.toggleArrows);
+      return this.$('#sequence-list a').click(this.goto);
+    };
+
+    Sequence.prototype.buildNavigation = function() {
+      var _this = this;
+      return $.each(this.elements, function(index, item) {
+        var link, list_item, title;
+        link = $('<a>').attr({
+          "class": "seq_" + item.type + "_inactive",
+          'data-element': index + 1
+        });
+        title = $('<p>').html(item.title);
+        list_item = $('<li>').append(link.append(title));
+        return _this.$('#sequence-list').append(list_item);
+      });
+    };
+
+    Sequence.prototype.toggleArrows = function() {
+      this.$('.sequence-nav-buttons a').unbind('click');
+      if (this.position === 1) {
+        this.$('.sequence-nav-buttons .prev a').addClass('disabled');
+      } else {
+        this.$('.sequence-nav-buttons .prev a').removeClass('disabled').click(this.previous);
+      }
+      if (this.position === this.elements.length) {
+        return this.$('.sequence-nav-buttons .next a').addClass('disabled');
+      } else {
+        return this.$('.sequence-nav-buttons .next a').removeClass('disabled').click(this.next);
+      }
+    };
+
+    Sequence.prototype.render = function(new_position) {
+      if (this.position !== new_position) {
+        if (this.position !== void 0) {
+          this.mark_visited(this.position);
+          $.postWithPrefix("/modx/" + this.tag + "/" + this.id + "/goto_position", {
+            position: new_position
+          });
+        }
+        this.mark_active(new_position);
+        this.$('#seq_content').html(eval(this.elements[new_position - 1].content));
+        MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
+        this.position = new_position;
+        return this.element.trigger('contentChanged');
+      }
+    };
+
+    Sequence.prototype.goto = function(event) {
+      var new_position;
+      event.preventDefault();
+      new_position = $(event.target).data('element');
+      Logger.log("seq_goto", {
+        old: this.position,
+        "new": new_position,
+        id: this.id
+      });
+      return this.render(new_position);
+    };
+
+    Sequence.prototype.next = function(event) {
+      var new_position;
+      event.preventDefault();
+      new_position = this.position + 1;
+      Logger.log("seq_next", {
+        old: this.position,
+        "new": new_position,
+        id: this.id
+      });
+      return this.render(new_position);
+    };
+
+    Sequence.prototype.previous = function(event) {
+      var new_position;
+      event.preventDefault();
+      new_position = this.position - 1;
+      Logger.log("seq_prev", {
+        old: this.position,
+        "new": new_position,
+        id: this.id
+      });
+      return this.render(new_position);
+    };
+
+    Sequence.prototype.link_for = function(position) {
+      return this.$("#sequence-list a[data-element=" + position + "]");
+    };
+
+    Sequence.prototype.mark_visited = function(position) {
+      return this.link_for(position).attr({
+        "class": "seq_" + this.elements[position - 1].type + "_visited"
+      });
+    };
+
+    Sequence.prototype.mark_active = function(position) {
+      return this.link_for(position).attr({
+        "class": "seq_" + this.elements[position - 1].type + "_active"
+      });
+    };
+
+    return Sequence;
+
+  })();
+
+}).call(this);