Merge pull request #2138 from rgarmsen2295/plt-1672

PLT-1672 Added permalink feature to posts in the RHS

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);
     }
 

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

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

web/static/i18n/en.json

@@ -827,11 +827,13 @@
   "rename_channel.cancel": "Cancel",
   "rename_channel.save": "Save",
   "rhs_comment.comment": "Comment",
+  "rhs_comment.permalink": "Permalink",
   "rhs_comment.edit": "Edit",
   "rhs_comment.del": "Delete",
   "rhs_comment.retry": "Retry",
   "rhs_header.details": "Message Details",
   "rhs_root.direct": "Direct Message",
+  "rhs_root.permalink": "Permalink",
   "rhs_root.edit": "Edit",
   "rhs_root.del": "Delete",
   "search_bar.search": "Search",