Load reflink previews of posts that are not present on the current page

boards/static/js/refpopup.js

@@ -1,111 +1,104 b''
 function $X(path, root) {
     return document.evaluate(path, root || document, null, 6, null);
 }
 function $x(path, root) {
     return document.evaluate(path, root || document, null, 8, null).singleNodeValue;
 }
 
 function $del(el) {
     if(el) el.parentNode.removeChild(el);
 }
 
 function $each(list, fn) {
     if(!list) return;
     var i = list.snapshotLength;
     if(i > 0) while(i--) fn(list.snapshotItem(i), i);
 }
 
 function addRefLinkPreview(node) {
     $each($X('.//a[starts-with(text(),">>")]', node || document), function(link) {
         link.addEventListener('mouseover', showPostPreview, false);
         link.addEventListener('mouseout', delPostPreview, false);
     });
 }
 
 function showPostPreview(e) {
     var doc = document;
     //ref id
     var pNum = $(this).text().match(/\d+/);
 
     //position
     //var x = e.clientX + (doc.documentElement.scrollLeft || doc.body.scrollLeft) - doc.documentElement.clientLeft + 1;
     //var y = e.clientY + (doc.documentElement.scrollTop || doc.body.scrollTop) - doc.documentElement.clientTop;
 
     var x = e.clientX + (doc.documentElement.scrollLeft || doc.body.scrollLeft) + 2;
     var y = e.clientY + (doc.documentElement.scrollTop || doc.body.scrollTop);
 
     var cln = doc.createElement('div');
     cln.id = 'pstprev_' + pNum;
     cln.className = 'post_preview post';
 
     cln.style.cssText = 'top:' + y + 'px;' + (x < doc.body.clientWidth/2 ? 'left:' + x + 'px' : 'right:' + parseInt(doc.body.clientWidth - x + 1) + 'px');
 
     cln.addEventListener('mouseout', delPostPreview, false);
 
 
     var mkPreview = function(cln, html) {
 
         cln.innerHTML = html;
 
         addRefLinkPreview(cln);
 
         //if(!$x('.//small', cln)) showRefMap(post, p_num, refMap)
     };
 
 
     cln.innerHTML = 'Загрузка...';
 
-    var found = false;
-
     //если пост найден в дереве.
     if($('div[id='+pNum+']').length > 0) {
         var postdata = $('div[id='+pNum+']').html();
 
         //TODO: временно
         //funcInit(postdata);
 
         //make preview
         mkPreview(cln, postdata);
-
-	found = true;
     }
     //ajax api
-//    else {
-//        $.getJSON(mayuri_cfg['board_url']+'api/single/'+pNum)
-//            .success(function(data) {
-//                //post templates
-//                var postdata = makeAjaxPost(data).html();
-//
-//                //TODO: временно
-//                //funcInit(postdata);
-//
-//                //make preview
-//                mkPreview(cln, postdata);
-//
-//            })//if error
-//            .error(function() {
-//                cln.innerHTML = 'Пост не найден.';
-//            });
-//    }
+    else {
+        $.ajax({
+	    url: '/api/post/' + pNum
+	})
+	.success(function(data) {
+	    // TODO get a json, not post itself
+	    var postdata = $(data).html();
+
+	    //make preview
+	    mkPreview(cln, postdata);
+
+	})
+	.error(function() {
+	    cln.innerHTML = 'Пост не найден.';
+	});
+    }
 
     $del(doc.getElementById(cln.id));
 
-    if (found) {
-        //add preview
-        $('body').append(cln);
-    }
+    //add preview
+    $('body').append(cln);
 }
 
 function delPostPreview(e) {
     var el = $x('ancestor-or-self::*[starts-with(@id,"pstprev")]', e.relatedTarget);
     if(!el) $each($X('.//div[starts-with(@id,"pstprev")]'), function(clone) {
         $del(clone)
     });
     else while(el.nextSibling) $del(el.nextSibling);
 }
 
 function addPreview() {
     $('.post').find('a').each(function() {
         showPostPreview($(this));
     });
 }

boards/urls.py

@@ -1,56 +1,56 b''
 from django.conf.urls import patterns, url, include
 from boards import views
 from boards.rss import AllThreadsFeed, TagThreadsFeed, ThreadPostsFeed
 
 js_info_dict = {
     'packages': ('boards',),
 }
 
 urlpatterns = patterns('',
 
     # /boards/
     url(r'^$', views.index, name='index'),
     # /boards/page/
     url(r'^page/(?P<page>\w+)/$', views.index, name='index'),
 
     # login page
     url(r'^login/$', views.login, name='login'),
 
     # /boards/tag/tag_name/
     url(r'^tag/(?P<tag_name>\w+)/$', views.tag, name='tag'),
     # /boards/tag/tag_id/page/
     url(r'^tag/(?P<tag_name>\w+)/page/(?P<page>\w+)/$', views.tag, name='tag'),
 
     # /boards/tag/tag_name/unsubscribe/
     url(r'^tag/(?P<tag_name>\w+)/subscribe/$', views.tag_subscribe,
         name='tag_subscribe'),
     # /boards/tag/tag_name/unsubscribe/
     url(r'^tag/(?P<tag_name>\w+)/unsubscribe/$', views.tag_unsubscribe,
         name='tag_unsubscribe'),
 
     # /boards/thread/
     url(r'^thread/(?P<post_id>\w+)/$', views.thread, name='thread'),
     url(r'^settings/$', views.settings, name='settings'),
     url(r'^tags/$', views.all_tags, name='tags'),
     url(r'^captcha/', include('captcha.urls')),
     url(r'^jump/(?P<post_id>\w+)/$', views.jump_to_post, name='jumper'),
     url(r'^authors/$', views.authors, name='authors'),
     url(r'^delete/(?P<post_id>\w+)/$', views.delete, name='delete'),
     url(r'^ban/(?P<post_id>\w+)/$', views.ban, name='ban'),
 
     url(r'^banned/$', views.you_are_banned, name='banned'),
     url(r'^staticpage/(?P<name>\w+)/$', views.static_page, name='staticpage'),
 
     # RSS feeds
     url(r'^rss/$', AllThreadsFeed()),
     url(r'^page/(?P<page>\w+)/rss/$', AllThreadsFeed()),
     url(r'^tag/(?P<tag_name>\w+)/rss/$', TagThreadsFeed()),
     url(r'^tag/(?P<tag_name>\w+)/page/(?P<page>\w+)/rss/$', TagThreadsFeed()),
     url(r'^thread/(?P<post_id>\w+)/rss/$', ThreadPostsFeed()),
 
     # i18n
     url(r'^jsi18n/$', 'django.views.i18n.javascript_catalog', js_info_dict),
 
     # API
-    url(r'^get_post/(?P<post_id>\w+)/$', views.get_post, name="get_post"),
+    url(r'^api/post/(?P<post_id>\w+)/$', views.get_post, name="get_post"),
 )