Added post preview popups

boards/static/js/refpopup.js

@@ -0,0 +1,198 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 = 'Загрузка...';
+
+    //если пост найден в дереве.
+    if($('div[id='+pNum+']').length > 0) {
+        var postdata = $('div[id='+pNum+']').html();
+
+        //TODO: временно
+        //funcInit(postdata);
+
+        //make preview
+        mkPreview(cln, postdata);
+    }
+    //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 = 'Пост не найден.';
+//            });
+//    }
+
+    $del(doc.getElementById(cln.id));
+
+    //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));
+    });
+}
+
+function showPreview(node) {
+    node.each(function() {
+        //reflink?
+        if($(this).text().indexOf('>>') == 0) {
+            //add mouseover event
+            $(this).on('mouseover', function(e) {
+                var ref = $(this);
+
+                var doc = document;
+                //ref id
+                var pNum = ref.text().match(/\d+/);
+
+                //position
+                var x = e.clientX + (doc.documentElement.scrollLeft || doc.body.scrollLeft) + 2;
+                var y = e.clientY + (doc.documentElement.scrollTop || doc.body.scrollTop);
+
+                //create preview block
+                var cln = $('<div>', {
+                    id: 'pstprev_' + pNum,
+                    class: 'post_preview post'
+                })
+                    .css('cssText', 'top:' + y + 'px;' + (x < doc.body.clientWidth/2 ? 'left:' + x + 'px' : 'right:' + parseInt(doc.body.clientWidth - x + 1) 
++ 'px'));
+
+
+                var mkPreview = function(cln, html) {
+
+                    cln.html(html);
+
+                    showPreview($(cln));
+                    //if(!$x('.//small', cln)) showRefMap(post, p_num, refMap)
+                };
+
+                cln.html('Загрузка...');
+
+                //если пост найден в дереве.
+                if($('div[id='+pNum+']').length > 0) {
+                    var postdata = $('div[id='+pNum+']').clone().html();
+                    //TODO: лучше бы вынести в mkPreview
+                    //if($.localStorage('addImgPreview') > 0) showImgPreview($(postdata));
+
+                    //make preview
+                    mkPreview(cln, postdata);
+                }
+                //ajax api
+//                else {
+//                    $.getJSON(mayuri_cfg['board_url']+'api/single/'+pNum)
+//                        .success(function(data) {
+//                            //post templates
+//                            var postdata = makeAjaxPost(data).html();
+//
+//                            //make preview
+//                            mkPreview(cln, postdata);
+//
+//                        })//if error
+//                        .error(function() {
+//                            cln.html('Пост не найден.');
+//                        });
+//                }
+
+               $del(doc.getElementById(cln.id));
+
+                //add preview
+                $('body').append(cln);
+            });
+
+            $(this).on('mouseout', function() {
+                delPreview($(this));
+            })
+        }
+    });
+
+}
+
+function delPreview(e) {
+    var el = e.relatedTarget;
+    if(!el) {
+        $(el).each(function(clone) {
+            $del(clone)
+        });
+    }
+    {
+        while(el.next())
+            $del(el.next());
+    }
+}
+

boards/static/css/base.css

@@ -1,24 +1,29 b''
 .ui-button {
    display: none;
 }
 
 .ui-dialog-content {
     padding: 0;
     min-height: 0;
 }
 
 .mark_btn {
     cursor: pointer;
 }
 
 .img-full {
     position: fixed;
     z-index: 9999;
     background-color: #CCC;
     border: 1px solid #000;
     cursor: pointer;
 }
 
 .strikethrough {
     text-decoration: line-through;
 }
+
+.post_preview {
+    z-index: 300;
+    position:absolute;
+}

boards/static/js/main.js

@@ -1,38 +1,40 b''
 /*
  @licstart  The following is the entire license notice for the
  JavaScript code in this page.
 
 
  Copyright (C) 2013  neko259
 
  The JavaScript code in this page is free software: you can
  redistribute it and/or modify it under the terms of the GNU
  General Public License (GNU GPL) as published by the Free Software
  Foundation, either version 3 of the License, or (at your option)
  any later version.  The code is distributed WITHOUT ANY WARRANTY;
  without even the implied warranty of MERCHANTABILITY or FITNESS
  FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
 
  As additional permission under GNU GPL version 3 section 7, you
  may distribute non-source (e.g., minimized or compacted) forms of
  that code without the copy of the GNU GPL normally required by
  section 4, provided you include this license notice and a URL
  through which recipients can access the Corresponding Source.
 
  @licend  The above is the entire license notice
  for the JavaScript code in this page.
  */
 
 $( document ).ready(function() {
     $("a[href='#top']").click(function() {
         $("html, body").animate({ scrollTop: 0 }, "slow");
         return false;
     });
 
     addImgPreview();
 
     // TODO Rewrite popups module and reenable it
     //addPopups();
     
     addMarkPanel();
+
+    addRefLinkPreview();
 });

boards/templates/boards/base.html

@@ -1,57 +1,58 b''
 {% load staticfiles %}
 {% load i18n %}
 {% load static from staticfiles %}
 
 <!DOCTYPE html>
 <html>
 <head>
     <link rel="stylesheet" type="text/css"
         href="{% static 'css/base.css' %}" media="all"/>
     <link rel="stylesheet" type="text/css"
 	href="{% static theme_css %}" media="all"/>
     <link rel="alternate" type="application/rss+xml" href="rss/" title=
 	"{% trans 'Feed' %}"/>
 
     <link rel="icon" type="image/png"
         href="{% static 'favicon.png' %}">
 
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <meta charset="utf-8"/>
 
     {% block head %}{% endblock %}
 </head>
 <body>
 <script src="{% static 'js/jquery-2.0.1.min.js' %}"></script>
 <script src="{% static 'js/jquery-ui-1.10.3.custom.min.js' %}"></script>
 <script src="{% static 'js/jquery.mousewheel.js' %}"></script>
 <script src="{% url 'django.views.i18n.javascript_catalog' %}"></script>
 <script src="{% static 'js/panel.js' %}"></script>
 <script src="{% static 'js/popup.js' %}"></script>
 <script src="{% static 'js/image.js' %}"></script>
+<script src="{% static 'js/refpopup.js' %}"></script>
 <script src="{% static 'js/main.js' %}"></script>
 
 <div class="navigation_panel">
     <a class="link" href="{% url 'index' %}">{% trans "All threads" %}</a>
     {% for tag in tags %}
         <a class="tag" href="{% url 'tag' tag_name=tag.name %}"
                 >#{{ tag.name }}</a>,
     {% endfor %}
     <a class="tag" href="{% url 'tags' %}" title="{% trans 'Tag management' %}"
             >[...]</a>
     <a class="link" href="{% url 'settings' %}">{% trans 'Settings' %}</a>
 </div>
 
 {% block content %}{% endblock %}
 
 <div class="navigation_panel">
     {% block metapanel %}{% endblock %}
     [<a href="{% url "login" %}">{% trans 'Login' %}</a>]
     <a class="link" href="#top">{% trans 'Up' %}</a>
 </div>
 
 <div class="footer">
     <!-- Put your banners here -->
 </div>
 
 </body>
 </html>

todo.txt

@@ -1,41 +1,41 b''
 = Features =
 [DONE] Connecting tags to each other
 [DONE] Connect posts to the replies (in messages), get rid of the JS reply map
 [DONE] Better django admin pages to simplify admin operations
 [DONE] Regen script to update all posts
 [DONE] Remove jump links from refmaps
 [DONE] Ban reasons. Split bans into 2 types "read-only" and "read
 denied". Use second only for autoban for spam
 [DONE] Clean up tests and make them run ALWAYS
+[DONE] Use transactions in tests
 
 [NOT STARTED] Tree view (JS)
 [NOT STARTED] Adding tags to images filename
 [NOT STARTED] Federative network for s2s communication
 [NOT STARTED] XMPP gate
 [NOT STARTED] Bitmessage gate
 [NOT STARTED] Notification engine
 [NOT STARTED] Javascript disabling engine
 [NOT STARTED] Thread autoupdate (JS + API)
 [NOT STARTED] Group tags by first letter in all tags list
 [NOT STARTED] Show board speed in the lower panel (posts per day)
 [NOT STARTED] Character counter in the post field
-[NOT STARTED] Use transactions in tests
 [NOT STARTED] Save image thumbnails size to the separate field
 [NOT STARTED] Whitelist functionality. Permin autoban of an address
 [NOT STARTED] Split up post model into post and thread,
 and move everything that is used only in 1st post to thread model.
 [NOT STARTED] Statistics module. Count views (optional, may result in bad
  performance), posts per day/week/month, users (or IPs)
 [NOT STARTED] Quote button next to "reply" for posts in thread to include full
 post or its part (delimited by N characters) into quote of the new post.
 [NOT STARTED] Ban confirmation page with reason
 [NOT STARTED] Post deletion confirmation page
 
 = Bugs =
 [DONE] Fix bug with creating threads from tag view
 [DONE] Quote characters within quote causes quote parsing to fail
 
 = Testing =
 [NOT STARTED] Make tests for every view
 [NOT STARTED] Make tests for every model
 [NOT STARTED] Make tests for every form