1 files changed, 132 insertions, 0 deletions
diff --git a/97suifangqa/staticfiles/javascripts/jargon-display.js b/97suifangqa/staticfiles/javascripts/jargon-display.js
new file mode 100644
index 0000000..c1af712
--- /dev/null
+++ b/97suifangqa/staticfiles/javascripts/jargon-display.js
@@ -0,0 +1,132 @@
+//Jargon display
+function jargon_display(annotations) {
+	var make_jargon_entry = function(j) {
+		var li = $('<li><a href="#jargon-' + j.id + '">'+j.name+'</a></li>');
+        $('a', li).data('jargon', j);
+        return li;
+	  };
+
+	$.each(annotations, function(id, pn) {
+        if (pn.type == 0 ) {
+            /* 段落注释 */
+            $("#paracomments-list").append(make_jargon_entry(pn));
+        } else {
+            $("#propernouns-list").append(make_jargon_entry(pn));
+            $("p").each(function (i, elm) {
+              p = $(elm);
+              p.html(p.html().
+                replace(pn.name, '<a class="jargon" href="#jargon-'+id+'">'+pn.name+'</a>'));
+            });
+        }
+    });
+
+	var jargonRoot = $(".jargons");
+	var jargonDisplayBox = $('#content .jargon-explanation-box');
+	if (jargonRoot.size() == 0 || jargonDisplayBox.size() == 0 )
+		return;
+
+    jargonDisplayBox.bind("setdata", function(evt, jargon) {
+        var text = jargon.is_collected ? "点击取消收藏" : "收藏该注释";
+        text += '(已有' + jargon.collected_times + '人收藏)';
+        jargonDisplayBox.data('jargon', jargon);
+        $(".name", $(this)).text(jargon.name);
+        $(".jargon-details", $(this)).html(jargon.content);
+        if (jargon.type == 0){$("a.collect", $(this)).hide()}
+        	else {$("a.collect", $(this)).text(text).show()}
+        		/* Maxwell modified */
+    })
+
+    $('a.collect', jargonDisplayBox).click(function() {
+      var jargon = jargonDisplayBox.data('jargon');
+      if (jargon.type == 0) {
+          /* 段落注释不添加收藏功能 */
+          return ;
+      }
+      var button = $(this);
+      var url = '/blog/annotation/'+jargon.id+'/collect';
+      $.ajax({
+          url:url,
+          dataType:'json',
+          success: function(data) {
+              var origjargon = jargonDisplayBox.data('jargon');
+              origjargon.is_collected = data.added;
+              origjargon.collected_times = data.times;
+              jargonDisplayBox.trigger('setdata', origjargon);
+          }
+      });
+    });
+
+	function setJargonBoxPosition(position) {
+		if (position) {
+			jargonDisplayBox.css('margin-top', '');
+			jargonDisplayBox.css('top', position['top']);
+			jargonDisplayBox.find('.text-pointer').css('left', position['left']);
+			jargonDisplayBox.removeClass('modal');
+		}else{
+			jargonDisplayBox.css('margin-top', - jargonDisplayBox.outerHeight() / 2);
+			jargonDisplayBox.addClass('modal');
+			$("#modal-page-overlay").removeClass('hidden');
+			$('body').addClass('modal-active');
+		}
+	}
+
+	function closeJargonBox() {
+		jargonDisplayBox.removeClass('open');
+		$("#modal-page-overlay").addClass('hidden');
+		$('body').removeClass('modal-active');
+		jargonDisplayBox.removeClass('loaded');
+		currentJargonKey = null;
+	}
+
+	function showJargonExplanation(jargon, position) {
+        jargonDisplayBox.addClass('open');
+        setJargonBoxPosition(position);
+        
+        jargonDisplayBox.trigger('setdata', jargon)
+        jargonDisplayBox.addClass('loaded');
+	}
+
+	jargonDisplayBox.click(function(e) {
+		e.stopPropagation();
+	})
+	$('body').click(closeJargonBox);
+	jargonDisplayBox.find('.close-box').click(closeJargonBox);
+
+	function inlinePos(elem) {
+	    var el = $('<i/>').css('display','inline').insertBefore(elem);
+	    var pos = el.position();
+	    var outerHeight = el.outerHeight()
+	    el.remove();
+	    return [pos, outerHeight];
+	};
+	var maxWidth = jargonRoot.innerWidth();
+
+	$('a.jargon').each(function() {
+        var id = $(this).attr('href').substr($(this).attr('href').search('-')+1);
+		$(this).data('jargon', annotations[id]);
+    }).click(function(e) {
+		e.stopPropagation();
+		e.preventDefault();
+		var link = $(this);
+		var info = inlinePos(link);
+		var pos = info[0];
+		var outerHeight = info[1];
+		pos['top'] += outerHeight;
+		var trueWidth = link.outerWidth();
+		if (trueWidth > (maxWidth - pos['left']))
+			trueWidth = maxWidth - pos['left'];
+		
+		pos['left'] = pos['left'] + trueWidth / 2;
+		if (pos['left'] < 10) pos['left'] = 10;
+		showJargonExplanation(link.data('jargon'), pos);
+	})
+
+	$(".jargon-links a").filter(function() {
+		return $(this).attr('href') && $(this).attr('href').indexOf('#') == 0;
+	}).click(function(e) {
+		e.stopPropagation();
+		e.preventDefault();
+		showJargonExplanation($(this).data('jargon'));
+	})
+}
+