Merge pull request #624 from nickwynja/blocking

Hides content of messages from blocked people

src/assets/style.css

@@ -667,6 +667,10 @@ section.post-preview > section > footer {
   display: none;
 }
 
+section.post.blocked {
+  font-style: italic;
+}
+
 section > footer > div > a:hover,
 section > footer > div > form > button:hover {
   text-decoration: underline;

src/models.js

@@ -866,6 +866,11 @@ module.exports = ({ cooler, isPublic }) => {
           );
         }
 
+        const { blocking } = await models.friend.getRelationship(
+          msg.value.author
+        );
+        lodash.set(msg, "value.meta.blocking", blocking);
+
         return msg;
       })
     );

src/views/i18n.js

@@ -75,6 +75,7 @@ const i18n = {
     relationshipFollowing: "You are following",
     relationshipYou: "This is you",
     relationshipBlocking: "You are blocking",
+    relationshipBlockingPost: "This message hides content from a blocked user.",
     relationshipNone: "You are neither following or blocking",
     relationshipConflict: "You are somehow both following and blocking",
     // author view

src/views/index.js

@@ -220,6 +220,7 @@ const thread = (messages) => {
       const isAncestor = Boolean(
         lodash.get(currentMsg, "value.meta.thread.ancestorOfTarget", false)
       );
+      const isBlocked = Boolean(nextMsg.value.meta.blocking);
       msgList.push(`<div class="indent"><details ${isAncestor ? "open" : ""}>`);
 
       const nextAuthor = lodash.get(nextMsg, "value.meta.author.name");
@@ -228,8 +229,13 @@ const thread = (messages) => {
           ? lodash.get(nextMsg, "value.content.contentWarning")
           : lodash.get(nextMsg, "value.content.text")
       );
-
-      msgList.push(summary(`${nextAuthor}: ${nextSnippet}`).outerHTML);
+      msgList.push(
+        summary(
+          isBlocked
+            ? i18n.relationshipBlockingPost
+            : `${nextAuthor}: ${nextSnippet}`
+        ).outerHTML
+      );
     } else if (depth(currentMsg) > depth(nextMsg)) {
       // getting more shallow
       const diffDepth = depth(currentMsg) - depth(nextMsg);
@@ -353,6 +359,7 @@ const post = ({ msg, aside = false }) => {
   };
 
   const isPrivate = Boolean(msg.value.meta.private);
+  const isBlocked = Boolean(msg.value.meta.blocking);
   const isRoot = msg.value.content.root == null;
   const isFork = msg.value.meta.postType === "subtopic";
   const hasContentWarning =
@@ -438,6 +445,17 @@ const post = ({ msg, aside = false }) => {
         )
       : article({ class: "content", innerHTML: markdownContent });
 
+  if (isBlocked) {
+    messageClasses.push("blocked");
+    return section(
+      {
+        id: msg.key,
+        class: messageClasses.join(" "),
+      },
+      i18n.relationshipBlockingPost
+    );
+  }
+
   const articleContent = hasContentWarning
     ? details(summary(msg.value.content.contentWarning), articleElement)
     : articleElement;