OKFNAnnotator: annotator_files/lib/annotator.js comparison

comparison annotator_files/lib/annotator.js @ 4:6979313586cf

new version of annotator.

author	casties
date	Mon, 27 Aug 2012 19:05:38 +0200
parents	6356e78ccf5c
children

comparison

equal deleted inserted replaced

-:6356e78ccf5c
+:6979313586cf
-var Annotator, util, _Annotator,
+// Generated by CoffeeScript 1.3.3
+var Annotator, g, util, _Annotator, _ref,
 __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
-__hasProp = Object.prototype.hasOwnProperty,
+__hasProp = {}.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; };
+__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; };
 util = {
 uuid: (function() {
 var counter;
 counter = 0;
 getGlobal: function() {
 return (function() {
 return this;
 })();
 },
+maxZIndex: function($elements) {
+var all, el;
+all = (function() {
+var _i, _len, _results;
+_results = [];
+for (_i = 0, _len = $elements.length; _i < _len; _i++) {
+el = $elements[_i];
+if ($(el).css('position') === 'static') {
+_results.push(-1);
+} else {
+_results.push(parseInt($(el).css('z-index'), 10) || -1);
+}
+}
+return _results;
+})();
+return Math.max.apply(Math, all);
+},
 mousePosition: function(e, offsetEl) {
 var offset;
 offset = $(offsetEl).offset();
 return {
 top: e.pageY - offset.top,
 ".annotator-hl mouseover": "onHighlightMouseover",
 ".annotator-hl mouseout": "startViewerHideTimer"
 };
 Annotator.prototype.html = {
-hl: '<span class="annotator-hl"></span>',
 adder: '<div class="annotator-adder"><button>' + _t('Annotate') + '</button></div>',
 wrapper: '<div class="annotator-wrapper"></div>'
 };
 Annotator.prototype.options = {
 Annotator.prototype.viewerHideTimer = null;
 function Annotator(element, options) {
 this.onDeleteAnnotation = __bind(this.onDeleteAnnotation, this);
 this.onEditAnnotation = __bind(this.onEditAnnotation, this);
 this.onAdderClick = __bind(this.onAdderClick, this);
 this.onAdderMousedown = __bind(this.onAdderMousedown, this);
 this.onHighlightMouseover = __bind(this.onHighlightMouseover, this);
 this.checkForEndSelection = __bind(this.checkForEndSelection, this);
 this.checkForStartSelection = __bind(this.checkForStartSelection, this);
 this.clearViewerHideTimer = __bind(this.clearViewerHideTimer, this);
 this.startViewerHideTimer = __bind(this.startViewerHideTimer, this);
 this.showViewer = __bind(this.showViewer, this);
 this.onEditorSubmit = __bind(this.onEditorSubmit, this);
 this.onEditorHide = __bind(this.onEditorHide, this);
 this.showEditor = __bind(this.showEditor, this);
-var name, src, _ref;
 Annotator.__super__.constructor.apply(this, arguments);
 this.plugins = {};
-if (!Annotator.supported()) return this;
+if (!Annotator.supported()) {
-if (!this.options.readOnly) this._setupDocumentEvents();
+return this;
+}
+if (!this.options.readOnly) {
+this._setupDocumentEvents();
+}
 this._setupWrapper()._setupViewer()._setupEditor();
-_ref = this.html;
+this._setupDynamicStyle();
-for (name in _ref) {
+this.adder = $(this.html.adder).appendTo(this.wrapper).hide();
-src = _ref[name];
-if (name !== 'wrapper') this[name] = $(src).appendTo(this.wrapper).hide();
-}
 }
 Annotator.prototype._setupWrapper = function() {
 this.wrapper = $(this.html.wrapper);
 this.element.find('script').remove();
 "mousedown": this.checkForStartSelection
 });
 return this;
 };
+Annotator.prototype._setupDynamicStyle = function() {
+var max, sel, style, x;
+style = $('#annotator-dynamic-style');
+if (!style.length) {
+style = $('<style id="annotator-dynamic-style"></style>').appendTo(document.head);
+}
+sel = '*' + ((function() {
+var _i, _len, _ref, _results;
+_ref = ['adder', 'outer', 'notice', 'filter'];
+_results = [];
+for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+x = _ref[_i];
+_results.push(":not(.annotator-" + x + ")");
+}
+return _results;
+})()).join('');
+max = util.maxZIndex($(document.body).find(sel));
+max = Math.max(max, 1000);
+style.text([".annotator-adder, .annotator-outer, .annotator-notice {", "  z-index: " + (max + 20) + ";", "}", ".annotator-filter {", "  z-index: " + (max + 10) + ";", "}"].join("\n"));
+return this;
+};
 Annotator.prototype.getSelectedRanges = function() {
 var browserRange, i, normedRange, r, ranges, rangesToIgnore, selection, _i, _len;
 selection = util.getGlobal().getSelection();
 ranges = [];
 rangesToIgnore = [];
 if (!selection.isCollapsed) {
 ranges = (function() {
-var _ref, _results;
+var _i, _ref, _results;
 _results = [];
-for (i = 0, _ref = selection.rangeCount; 0 <= _ref ? i < _ref : i > _ref; 0 <= _ref ? i++ : i--) {
+for (i = _i = 0, _ref = selection.rangeCount; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
 r = selection.getRangeAt(i);
 browserRange = new Range.BrowserRange(r);
 normedRange = browserRange.normalize().limit(this.wrapper[0]);
-if (normedRange === null) rangesToIgnore.push(r);
+if (normedRange === null) {
+rangesToIgnore.push(r);
+}
 _results.push(normedRange);
 }
 return _results;
 }).call(this);
 selection.removeAllRanges();
 for (_i = 0, _len = rangesToIgnore.length; _i < _len; _i++) {
 r = rangesToIgnore[_i];
 selection.addRange(r);
 }
 return $.grep(ranges, function(range) {
-if (range) selection.addRange(range.toRange());
+if (range) {
+selection.addRange(range.toRange());
+}
 return range;
 });
 };
 Annotator.prototype.createAnnotation = function() {
 this.publish('beforeAnnotationCreated', [annotation]);
 return annotation;
 };
 Annotator.prototype.setupAnnotation = function(annotation, fireEvents) {
-var normed, normedRanges, r, sniffed, _i, _len;
+var normed, normedRanges, r, root, _i, _j, _len, _len1, _ref;
-if (fireEvents == null) fireEvents = true;
+if (fireEvents == null) {
+fireEvents = true;
+}
+root = this.wrapper[0];
 annotation.ranges || (annotation.ranges = this.selectedRanges);
-normedRanges = (function() {
+normedRanges = [];
-var _i, _len, _ref, _results;
+_ref = annotation.ranges;
-_ref = annotation.ranges;
+for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-_results = [];
+r = _ref[_i];
-for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+try {
-r = _ref[_i];
+normedRanges.push(Range.sniff(r).normalize(root));
-if (!(r != null)) continue;
+} catch (e) {
-sniffed = Range.sniff(r);
+if (e instanceof Range.RangeError) {
-_results.push(sniffed.normalize(this.wrapper[0]));
+this.publish('rangeNormalizeFail', [annotation, r, e]);
-}
+} else {
-return _results;
+throw e;
-}).call(this);
+}
-normedRanges = $.grep(normedRanges, function(range) {
+}
-return range !== null;
+}
-});
 annotation.quote = [];
 annotation.ranges = [];
 annotation.highlights = [];
-for (_i = 0, _len = normedRanges.length; _i < _len; _i++) {
+for (_j = 0, _len1 = normedRanges.length; _j < _len1; _j++) {
-normed = normedRanges[_i];
+normed = normedRanges[_j];
 annotation.quote.push($.trim(normed.text()));
 annotation.ranges.push(normed.serialize(this.wrapper[0], '.annotator-hl'));
 $.merge(annotation.highlights, this.highlightRange(normed));
 }
 annotation.quote = annotation.quote.join(' / ');
 $(annotation.highlights).data('annotation', annotation);
-if (fireEvents) this.publish('annotationCreated', [annotation]);
+if (fireEvents) {
+this.publish('annotationCreated', [annotation]);
+}
 return annotation;
 };
 Annotator.prototype.updateAnnotation = function(annotation) {
 this.publish('beforeAnnotationUpdated', [annotation]);
 };
 Annotator.prototype.loadAnnotations = function(annotations) {
 var clone, loader,
 _this = this;
-if (annotations == null) annotations = [];
+if (annotations == null) {
+annotations = [];
+}
 loader = function(annList) {
 var n, now, _i, _len;
-if (annList == null) annList = [];
+if (annList == null) {
+annList = [];
+}
 now = annList.splice(0, 10);
 for (_i = 0, _len = now.length; _i < _len; _i++) {
 n = now[_i];
 _this.setupAnnotation(n, false);
 }
 if (annList.length > 0) {
 return setTimeout((function() {
 return loader(annList);
-}), 1);
+}), 10);
 } else {
 return _this.publish('annotationsLoaded', [clone]);
 }
 };
 clone = annotations.slice();
-if (annotations.length) loader(annotations);
+if (annotations.length) {
+loader(annotations);
+}
 return this;
 };
 Annotator.prototype.dumpAnnotations = function() {
 if (this.plugins['Store']) {
 } else {
 return console.warn(_t("Can't dump annotations without Store plugin."));
 }
 };
-Annotator.prototype.highlightRange = function(normedRange) {
+Annotator.prototype.highlightRange = function(normedRange, cssClass) {
-var node, white, _i, _len, _ref, _results;
+var hl, node, white, _i, _len, _ref, _results;
+if (cssClass == null) {
+cssClass = 'annotator-hl';
+}
 white = /^\s*$/;
+hl = $("<span class='" + cssClass + "'></span>");
 _ref = normedRange.textNodes();
 _results = [];
 for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 node = _ref[_i];
 if (!white.test(node.nodeValue)) {
-_results.push($(node).wrapAll(this.hl).parent().show()[0]);
+_results.push($(node).wrapAll(hl).parent().show()[0]);
 }
 }
 return _results;
+};
+Annotator.prototype.highlightRanges = function(normedRanges, cssClass) {
+var highlights, r, _i, _len;
+if (cssClass == null) {
+cssClass = 'annotator-hl';
+}
+highlights = [];
+for (_i = 0, _len = normedRanges.length; _i < _len; _i++) {
+r = normedRanges[_i];
+$.merge(highlights, this.highlightRange(r, cssClass));
+}
+return highlights;
 };
 Annotator.prototype.addPlugin = function(name, options) {
 var klass, _base;
 if (this.plugins[name]) {
 };
 Annotator.prototype.showEditor = function(annotation, location) {
 this.editor.element.css(location);
 this.editor.load(annotation);
+this.publish('annotationEditorShown', [this.editor, annotation]);
 return this;
 };
 Annotator.prototype.onEditorHide = function() {
 this.publish('annotationEditorHidden', [this.editor]);
 };
 Annotator.prototype.checkForEndSelection = function(event) {
 var container, range, _i, _len, _ref;
 this.mouseIsDown = false;
-if (this.ignoreMouseup) return;
+if (this.ignoreMouseup) {
+return;
+}
 this.selectedRanges = this.getSelectedRanges();
 _ref = this.selectedRanges;
 for (_i = 0, _len = _ref.length; _i < _len; _i++) {
 range = _ref[_i];
 container = range.commonAncestor;
-if (this.isAnnotator(container)) return;
+if ($(container).hasClass('annotator-hl')) {
+container = $(container).parents('[class^=annotator-hl]')[0];
+}
+if (this.isAnnotator(container)) {
+return;
+}
 }
 if (event && this.selectedRanges.length) {
 return this.adder.css(util.mousePosition(event, this.wrapper[0])).show();
 } else {
 return this.adder.hide();
 };
 Annotator.prototype.onHighlightMouseover = function(event) {
 var annotations;
 this.clearViewerHideTimer();
-if (this.mouseIsDown || this.viewer.isShown()) return false;
+if (this.mouseIsDown || this.viewer.isShown()) {
+return false;
+}
 annotations = $(event.target).parents('.annotator-hl').andSelf().map(function() {
 return $(this).data("annotation");
 });
 return this.showViewer($.makeArray(annotations), util.mousePosition(event, this.wrapper[0]));
 };
 Annotator.prototype.onAdderMousedown = function(event) {
-if (event != null) event.preventDefault();
+if (event != null) {
+event.preventDefault();
+}
 return this.ignoreMouseup = true;
 };
 Annotator.prototype.onAdderClick = function(event) {
-var position;
+var highlights, position, r, ranges;
-if (event != null) event.preventDefault();
+if (event != null) {
+event.preventDefault();
+}
 position = this.adder.position();
 this.adder.hide();
+if (this.selectedRanges && this.selectedRanges.length) {
+ranges = (function() {
+var _i, _len, _ref, _results;
+_ref = this.selectedRanges;
+_results = [];
+for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+r = _ref[_i];
+_results.push(Range.sniff(r).normalize());
+}
+return _results;
+}).call(this);
+highlights = this.highlightRanges(ranges, 'annotator-hl annotator-hl-temporary');
+this.editor.element.one('hide', function() {
+var h, _i, _len, _results;
+_results = [];
+for (_i = 0, _len = highlights.length; _i < _len; _i++) {
+h = highlights[_i];
+_results.push($(h).replaceWith(h.childNodes));
+}
+return _results;
+});
+}
 return this.showEditor(this.createAnnotation(), position);
 };
 Annotator.prototype.onEditAnnotation = function(annotation) {
 var offset;
 return Plugin;
 })(Delegator);
+g = util.getGlobal();
+if (!(((_ref = g.document) != null ? _ref.evaluate : void 0) != null)) {
+$.getScript('http://assets.annotateit.org/vendor/xpath.min.js');
+}
+if (!(g.getSelection != null)) {
+$.getScript('http://assets.annotateit.org/vendor/ierange.min.js');
+}
+if (!(g.JSON != null)) {
+$.getScript('http://assets.annotateit.org/vendor/json2.min.js');
+}
 Annotator.$ = $;
 Annotator.Delegator = Delegator;
 Annotator.Range = Range;