From 081d5c22c795939a2b555fabf9daf42933e6ae99 Mon Sep 17 00:00:00 2001
From: Reed Garmsen <rgarmsen2295@gmail.com>
Date: Tue, 9 Feb 2016 13:16:16 -0800
Subject: Added permalink feature to posts in the RHS

---
 web/react/components/post_info.jsx     |  3 ++-
 web/react/components/rhs_comment.jsx   | 22 ++++++++++++++++++++++
 web/react/components/rhs_root_post.jsx | 22 ++++++++++++++++++++++
 3 files changed, 46 insertions(+), 1 deletion(-)

(limited to 'web/react')

diff --git a/web/react/components/post_info.jsx b/web/react/components/post_info.jsx
index 6d82423d5..c44223b1f 100644
--- a/web/react/components/post_info.jsx
+++ b/web/react/components/post_info.jsx
@@ -144,7 +144,8 @@ export default class PostInfo extends React.Component {
         );
     }
 
-    handlePermalink() {
+    handlePermalink(e) {
+        e.preventDefault();
         EventHelpers.showGetPostLinkModal(this.props.post);
     }
 
diff --git a/web/react/components/rhs_comment.jsx b/web/react/components/rhs_comment.jsx
index 9c85e9940..0d15c8599 100644
--- a/web/react/components/rhs_comment.jsx
+++ b/web/react/components/rhs_comment.jsx
@@ -31,6 +31,7 @@ class RhsComment extends React.Component {
 
         this.retryComment = this.retryComment.bind(this);
         this.parseEmojis = this.parseEmojis.bind(this);
+        this.handlePermalink = this.handlePermalink.bind(this);
 
         this.state = {};
     }
@@ -67,6 +68,10 @@ class RhsComment extends React.Component {
     parseEmojis() {
         twemoji.parse(ReactDOM.findDOMNode(this), {size: Constants.EMOJI_SIZE});
     }
+    handlePermalink(e) {
+        e.preventDefault();
+        EventHelpers.showGetPostLinkModal(this.props.post);
+    }
     componentDidMount() {
         this.parseEmojis();
     }
@@ -92,6 +97,23 @@ class RhsComment extends React.Component {
 
         var dropdownContents = [];
 
+        dropdownContents.push(
+            <li
+                key='rhs-root-permalink'
+                role='presentation'
+            >
+                <a
+                    href='#'
+                    onClick={this.handlePermalink}
+                >
+                    <FormattedMessage
+                        id='rhs_comment.permalink'
+                        defaultMessage='Permalink'
+                    />
+                </a>
+            </li>
+        );
+
         if (isOwner) {
             dropdownContents.push(
                 <li
diff --git a/web/react/components/rhs_root_post.jsx b/web/react/components/rhs_root_post.jsx
index f9f7f8f81..54f2e8262 100644
--- a/web/react/components/rhs_root_post.jsx
+++ b/web/react/components/rhs_root_post.jsx
@@ -21,6 +21,7 @@ export default class RhsRootPost extends React.Component {
         super(props);
 
         this.parseEmojis = this.parseEmojis.bind(this);
+        this.handlePermalink = this.handlePermalink.bind(this);
 
         this.state = {};
     }
@@ -31,6 +32,10 @@ export default class RhsRootPost extends React.Component {
             folder: Emoji.getImagePathForEmoticon()
         });
     }
+    handlePermalink(e) {
+        e.preventDefault();
+        EventHelpers.showGetPostLinkModal(this.props.post);
+    }
     componentDidMount() {
         this.parseEmojis();
     }
@@ -83,6 +88,23 @@ export default class RhsRootPost extends React.Component {
 
         var dropdownContents = [];
 
+        dropdownContents.push(
+            <li
+                key='rhs-root-permalink'
+                role='presentation'
+            >
+                <a
+                    href='#'
+                    onClick={this.handlePermalink}
+                >
+                    <FormattedMessage
+                        id='rhs_root.permalink'
+                        defaultMessage='Permalink'
+                    />
+                </a>
+            </li>
+        );
+
         if (isOwner) {
             dropdownContents.push(
                 <li
-- 
cgit v1.2.3-1-g7c22