var old_callback = options.callback || function() { };
this.noupdate_hash_onenter = true;
+ this.vsplitbar = 'PRZYPISY';
options.callback = function(){
var self = this;
this.$element = $("#side-annotations");
this.$error = $('.error-message', this.$element);
this.$annos = $('.annotations-list', this.$element);
- $('.refresh', this.$element).click(function() {
- self.refresh(self);
+ this.$spinner = $('.spinner', this.$element);
+ this.$refresh = $('.refresh', this.$element);
+
+ this.$refresh.click(function() {
+ var $this = $(this);
+
+ self.$refresh.removeClass('active');
+ $this.addClass('active');
+ var atype = $this.attr('data-tag');
+
+ self.$annos.hide();
+ self.$error.hide();
+ self.$spinner.show(100, function(){
+ self.refresh(self, atype);
+ });
});
- old_callback.call(this);
+ old_callback.call(this);
};
$.wiki.Perspective.call(this, options);
- };
+ }
AnnotationsPerspective.prototype = new $.wiki.Perspective();
- AnnotationsPerspective.prototype.refresh = function(self) {
+ AnnotationsPerspective.prototype.updateAnnotationIds = function(self){
+ self.annotationToAnchor = {};
+ $('#html-view').find('.annotation-inline-box').each(
+ function(i, annoBox) {
+ var $annoBox = $(annoBox);
+ var $anchor = $("a[name|=anchor]", $annoBox);
+ var htmlContent = $('span', $annoBox).html();
+ // TBD: perhaps use a hash of htmlContent as key
+ self.annotationToAnchor[htmlContent] = $anchor.attr('name');
+ });
+ };
+
+ AnnotationsPerspective.prototype.goToAnnotation = function(self, srcNode){
+ var content = $(srcNode).html();
+ content = content.replace(/>/g, '>').replace(/</g, '<').replace(/&/g, '&');
+ xml2html({
+ xml: '<root>'+content+'</root>',
+ success: function(txt) {
+ content = $(txt).html();
+ },
+ error: function(text) {
+ $.unblockUI();
+ self.$error.html(text);
+ self.$spinner.hide();
+ self.$error.show();
+ }
+ });
+
+ var anchor = self.annotationToAnchor[content];
+ if (anchor != undefined) {
+ var $htmlView = $("#html-view");
+ var top = $htmlView.offset().top +
+ $("[name=" + anchor + "]", $htmlView).offset().top -
+ $htmlView.children().eq(0).offset().top;
+
+ $htmlView.animate({scrollTop: top}, 250);
+ }
+ };
+
+ AnnotationsPerspective.prototype.refresh = function(self, atype) {
var xml;
- persp = $.wiki.activePerspective();
+ var persp = $.wiki.activePerspective();
if (persp == 'CodeMirrorPerspective') {
xml = $.wiki.perspectives[persp].codemirror.getCode();
}
else if (persp == 'VisualPerspective') {
html2text({
- element: $('#html-view div').get(0),
+ element: $('#html-view').find('div').get(0),
success: function(text){
xml = text;
},
error: function(text){
self.$error.html('<p>Wystąpił błąd:</p><pre>' + text + '</pre>');
+ self.$spinner.hide();
+ self.$error.show();
}
});
+ self.updateAnnotationIds(self);
}
else {
xml = this.doc.text;
}
-
+
var parser = new DOMParser();
var serializer = new XMLSerializer();
var doc = parser.parseFromString(xml, 'text/xml');
if (error.length > 0) {
self.$error.html('Błąd parsowania XML.');
+ self.$spinner.hide();
self.$error.show();
- self.$annos.hide();
}
else {
- self.$error.hide();
- self.$annos.hide();
self.$annos.html('');
- var anno_list = new Array();
- var annos = doc.getElementsByTagName('pe');
+ var anno_list = [];
+ var annos = $(atype, doc);
var counter = annos.length;
+ var atype_rx = atype.replace(/,/g, '|');
+ var ann_expr = new RegExp("^<("+atype_rx+")[^>]*>|</("+atype_rx+")>$", "g");
- for (var i=0; i<annos.length; i++)
+ if (annos.length == 0)
{
- text = serializer.serializeToString(annos[i]).replace(/<(\/?)pe[^>]*>/g, "<$1akap>");
+ self.$annos.html('Nie ma żadnych przypisów');
+ self.$spinner.hide();
+ self.$annos.show();
+ }
+ annos.each(function (i, elem) {
+ var xml_text = serializer.serializeToString(elem).replace(ann_expr, "");
xml2html({
- xml: text,
- success: function(elem){
- elem.txt = $(elem).text().trim();
- anno_list.push(elem);
- counter--;
-
- if (!counter) {
- anno_list.sort(function(a, b){return (a.txt < b.txt) ? -1 : (a.txt > b.txt ? 1 : 0)});
- self.$annos.append(anno_list);
- self.$annos.show();
+ xml: "<akap>" + xml_text + "</akap>",
+ success: function(xml_text){
+ return function(elem){
+ elem.sortby = $(elem).text().trim();
+ $(elem).append("<div class='src'>"+ xml_text.replace(/&/g, "&").replace(/</g, "<") +"</div>");
+ anno_list.push(elem);
+ $(".src", elem).click(function() { self.goToAnnotation(self, this); });
+ counter--;
+
+ if (!counter) {
+ anno_list.sort(function(a, b){return a.sortby.localeCompare(b.sortby);});
+ for (i in anno_list)
+ self.$annos.append(anno_list[i]);
+ self.$spinner.hide();
+ self.$annos.show();
+ }
+
}
- },
+ }(xml_text),
error: function(text) {
$.unblockUI();
self.$error.html(text);
+ self.$spinner.hide();
self.$error.show();
}
});
- }
+ });
}
- }
-
+ };
- AnnotationsPerspective.prototype.onEnter = function(success, failure){
- var self = this;
+ AnnotationsPerspective.prototype.onEnter = function(){
$.wiki.Perspective.prototype.onEnter.call(this);
$('.vsplitbar').not('.active').trigger('click');
- $(".vsplitbar-title").html("↓ PRZYPISY ↓");
-
- this.refresh(this);
+ $(".vsplitbar-title").html("↓ PRZYPISY ↓");
+ this.$refresh.filter('.active').trigger('click');
};
- AnnotationsPerspective.prototype.onExit = function(success, failure) {
+ AnnotationsPerspective.prototype.onExit = function(success, failure) {
- };
+ };
$.wiki.AnnotationsPerspective = AnnotationsPerspective;