Add an ability to hide posts locally

boards/locale/ru/LC_MESSAGES/djangojs.po

@@ -88,3 +88,6 b' msgstr "\xd0\x98\xd0\xb7\xd0\xbc\xd0\xb5\xd0\xbd\xd0\xb8\xd1\x82\xd1\x8c"'
 
 msgid "Edit thread"
 msgstr "Изменить тему"
+
+msgid "Hide/show"
+msgstr "Скрыть/показать"

boards/locale/uk/LC_MESSAGES/djangojs.po

@@ -88,3 +88,6 b' msgstr "\xd0\x97\xd0\xbc\xd1\x96\xd0\xbd\xd0\xb8\xd1\x82\xd0\xb8"'
 
 msgid "Edit thread"
 msgstr "Змінити нитку"
+
+msgid "Hide/show"
+msgstr "Приховати/відобразити"

boards/static/js/main.js

@@ -24,6 +24,8 b''
  */
 
 var ITEM_VOLUME_LEVEL = 'volumeLevel';
+var ITEM_HIDDEN_POSTS = 'hiddenPosts';
+
 var IMAGE_TYPES = ['image/png', 'image/jpg', 'image/jpeg', 'image/bmp', 'image/gif'];
 
 /**
@@ -132,6 +134,22 b' function processVolumeUser(node) {'
     });
 }
 
+function getHiddenPosts() {
+    var arr = Array();
+    var hiddenPosts = localStorage.getItem(ITEM_HIDDEN_POSTS);
+    if (hiddenPosts) {
+        arr = JSON.parse(hiddenPosts);
+    }
+    return arr;
+}
+
+function processPostHiding(post) {
+    var hiddenPosts = getHiddenPosts();
+    if (hiddenPosts.indexOf(post.attr("id")) > -1) {
+        post.toggleClass("hidden_post");
+    }
+}
+
 /**
  * Add all scripts than need to work on post, when the post is added to the
  * document.
@@ -140,6 +158,7 b' function addScriptsToPost(post) {'
     addRefLinkPreview(post[0]);
     highlightCode(post);
     processVolumeUser(post.find("video,audio"));
+    processPostHiding(post);
 }
 
 /**
@@ -151,6 +170,20 b' function compatibilityCrutches() {'
     }
 }
 
+function togglePostHidden(postId) {
+    var hiddenPosts = getHiddenPosts();
+
+    var elIndex = hiddenPosts.indexOf(postId);
+    if (elIndex > -1) {
+        hiddenPosts.splice(elIndex, 1);
+    } else {
+        hiddenPosts.push(postId);
+    }
+    localStorage.setItem(ITEM_HIDDEN_POSTS, JSON.stringify(hiddenPosts));
+
+    $('#' + postId).toggleClass("hidden_post");
+}
+
 function addContextMenu() {
     $.contextMenu({
         selector: '.file-menu',
@@ -205,7 +238,7 b' function addContextMenu() {'
     });
 
     $.contextMenu({
-        selector: '.post .moderation-menu',
+        selector: '.post .post-menu',
         trigger: 'left',
         build: function($trigger, e) {
             var canEditPost = PERMS['change_post'];
@@ -226,6 +259,12 b' function addContextMenu() {'
 
             return {
                 items: {
+                    hide: {
+                        name: gettext('Hide/show'),
+                        callback: function(key, opt) {
+                            togglePostHidden(postId);
+                        }
+                    },
                     edit: {
                         name: gettext('Edit'),
                         callback: function(key, opt) {
@@ -259,14 +298,14 b' function addContextMenu() {'
                         callback: function(key, opt) {
                             window.location = '/feed/?ip=' + posterIp;
                         },
-                        visible: hasIp
+                        visible: canEditPost && hasIp
                     },
                     raw: {
                         name: 'RAW',
                         callback: function(key, opt) {
                             window.location = '/post_xml/' + postId;
                         },
-                        visible: hasGlobalId
+                        visible: canEditPost && hasGlobalId
                     },
                     ban: {
                         name: gettext('Ban'),
@@ -275,7 +314,7 b' function addContextMenu() {'
                                 window.location = '/utils?method=ban&post_id=' + postId;
                             }
                         },
-                        visible: hasIp
+                        visible: canEditPost && hasIp
                     },
                     banAndDelete: {
                         name: gettext('Ban and delete'),
@@ -314,4 +353,8 b' function addContextMenu() {'
     addContextMenu();
 
     compatibilityCrutches();
+
+    $('.post').each(function(index) {
+        processPostHiding($(this));
+    });
 });

boards/templates/boards/post.html

@@ -56,9 +56,7 b''
             <a href="#form" onclick="addQuickReply('{{ post.id }}'); return false;">{% trans 'Reply' %}</a>
         {% endif %}
 
-        {% if perms.boards.change_post or perms.boards.delete_post or perms.boards.change_thread or perms_boards.delete_thread %}
-        <a class="moderation-menu" href="#">🔒</a>
-        {% endif %}
+        <a class="post-menu" href="#">&#8942;</a>
     </div>
     {% for file in post.attachments.all %}
         {{ file.get_view|safe }}