var BS, Icon, Name, React, RosterActions;
React = require('react');
BS = require('react-bootstrap');
RosterActions = require('../../flux/roster').RosterActions;
Icon = require('../icon');
Name = require('../name');
module.exports = React.createClass({
displayName: 'DropStudentLink',
propTypes: {
student: React.PropTypes.object.isRequired
},
performDeletion: function() {
return RosterActions["delete"](this.props.student.id);
},
confirmPopOver: function() {
var title;
title = React.createElement("span", null, "Drop ", React.createElement(Name, React.__spread({}, this.props.student)), "?");
return React.createElement(BS.Popover, React.__spread({
"title": title
}, this.props), React.createElement(BS.Button, {
"onClick": this.performDeletion,
"bsStyle": "danger"
}, React.createElement(Icon, {
"type": 'ban'
}), " Drop"));
},
render: function() {
return React.createElement(BS.OverlayTrigger, {
"rootClose": true,
"trigger": 'click',
"placement": 'left',
"overlay": this.confirmPopOver()
}, React.createElement("a", null, React.createElement(Icon, {
"type": 'ban'
}), " Drop"));
}
});
|