You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 lines
2.3 KiB
77 lines
2.3 KiB
|
|
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"); |
|
|
|
module.exports = NewPostModalButton = React.createClass({displayName: "NewPostModalButton", |
|
mixins: [OverlayMixin], |
|
getInitialState: function () { |
|
return { |
|
isModalOpen: false |
|
}; |
|
}, |
|
handleToggle: function () { |
|
this.setState({ |
|
isModalOpen: !this.state.isModalOpen |
|
}); |
|
}, |
|
handleNewPost: function (e) { |
|
e.preventDefault(); |
|
//console.log(e) |
|
var msg = JSON.parse(JSON.stringify(e.target[0].value)); |
|
if (!msg) { |
|
console.log("empty post was passed as new post") |
|
return; |
|
} |
|
|
|
Twister.getAccount(this.props.activeAccount).post(msg,function(post){ |
|
|
|
var event = new CustomEvent('newpostbyuser',{detail: post}); |
|
//alert("scrolled to bottom") |
|
window.dispatchEvent(event); |
|
|
|
}); |
|
|
|
e.target[0].value = ""; |
|
|
|
|
|
this.handleToggle(); |
|
|
|
//React.findDOMNode(this.refs.msg).value = ''; |
|
return; |
|
}, |
|
render: function() { |
|
return ( |
|
React.createElement(Button, {onClick: this.handleToggle, className: "link-button-gray pull-right fullytight_all", bsStyle: "link"}, |
|
React.createElement(Glyphicon, {glyph: "pencil"}) |
|
) |
|
); |
|
}, |
|
renderOverlay: function() { |
|
|
|
if (!this.state.isModalOpen) { |
|
return React.createElement("span", null); |
|
} |
|
|
|
return ( |
|
React.createElement(Modal, {bsStyle: "primary", title: React.createElement(Glyphicon, {glyph: "pencil"}), onRequestHide: this.handleToggle}, |
|
React.createElement("div", {className: "modal-body"}, |
|
React.createElement("form", {onSubmit: this.handleNewPost}, |
|
React.createElement(Input, {type: "textarea", label: "Text Area", placeholder: "textarea"}), |
|
React.createElement(Input, {type: "submit", value: "Submit button", "data-dismiss": "modal"}) |
|
) |
|
) |
|
) |
|
); |
|
|
|
} |
|
}); |