retwist button

jsx/common/Post.js

@@ -14,6 +14,7 @@ var SetIntervalMixin = require("../common/SetIntervalMixin.js");
 var SafeStateChangeMixin = require('../common/SafeStateChangeMixin.js');
 var PostContent = require('../common/PostContent.js');
 var ReplyModalButton = require('../common/ReplyModalButton.js');
+var RetwistModalButton = require('../common/RetwistModalButton.js');
 
 module.exports = Post = React.createClass({
   mixins: [SetIntervalMixin,SafeStateChangeMixin],

jsx/common/RetwistModalButton.js

@@ -0,0 +1,74 @@
+
+var ReactBootstrap = require('react-bootstrap')
+  , OverlayMixin = ReactBootstrap.OverlayMixin
+  , Button = ReactBootstrap.Button
+  , ButtonGroup = ReactBootstrap.ButtonGroup
+  , Glyphicon = ReactBootstrap.Glyphicon
+  , Modal = ReactBootstrap.Modal
+  , Input = ReactBootstrap.Input
+
+var React = require('react');
+
+var SafeStateChangeMixin = require('../common/SafeStateChangeMixin.js');
+var SetIntervalMixin = require("../common/SetIntervalMixin.js");
+var PostContent = require("../common/PostContent.js");
+
+module.exports = RetwistModalButton = React.createClass({
+  mixins: [OverlayMixin],
+  getInitialState: function () {
+    return {
+      isModalOpen: false
+    };
+  },
+  handleToggle: function () {
+    this.setState({
+      isModalOpen: !this.state.isModalOpen
+    });
+  },
+  handleRetwist: function (e) {
+    e.preventDefault();
+        
+    Twister.getAccount(this.props.activeAccount).retwist(
+      this.props.retwistUsername,
+      this.props.retwistPostId,
+      function(post){
+    
+        var event = new CustomEvent('newpostbyuser',{detail: post});
+        //alert("scrolled to bottom")
+        window.dispatchEvent(event);
+    
+    });
+    
+    
+    
+    this.handleToggle();
+    
+    return;
+  },
+  render: function() {
+    return (
+        <a onClick={this.handleToggle} className="link-button-gray"><Glyphicon glyph='retweet' /></a>
+    );
+  }, 
+  renderOverlay: function() {
+  
+    if (!this.state.isModalOpen) {
+      return <span/>;
+    }
+    
+    return (
+      <Modal bsStyle='primary' title={
+          <Glyphicon glyph='retweet'/>
+        } onRequestHide={this.handleToggle}>
+        <div className='modal-body'>
+          <form onSubmit={this.handleRetwist}>
+              <strong>{this.props.retwistUserFullname}</strong>&nbsp;
+              <PostContent content={this.props.originalMsg}/>
+            <Input type='submit' value='Retwist' data-dismiss="modal" />
+          </form>
+        </div>
+      </Modal>
+    );
+  
+  }
+});