Allow queued events to be cancelled. Make not sent events appear differently to sending events.

This commit is contained in:
Kegan Dougal 2015-12-07 11:38:34 +00:00
parent da5c687320
commit 1af1297afc
2 changed files with 20 additions and 3 deletions

View File

@ -57,25 +57,41 @@ module.exports = React.createClass({
if (this.props.onFinished) this.props.onFinished();
},
onCancelSendClick: function() {
Resend.removeFromQueue(this.props.mxEvent);
},
render: function() {
var eventStatus = this.props.mxEvent.status;
var resendButton;
var viewSourceButton;
var redactButton;
var cancelButton;
if (this.props.mxEvent.status == 'not_sent') {
if (eventStatus === 'not_sent') {
resendButton = (
<div className="mx_ContextualMenu_field" onClick={this.onResendClick}>
Resend
</div>
);
}
else {
if (!eventStatus) { // sent
redactButton = (
<div className="mx_ContextualMenu_field" onClick={this.onRedactClick}>
Redact
</div>
);
}
if (eventStatus === "queued") {
cancelButton = (
<div className="mx_ContextualMenu_field" onClick={this.onCancelSendClick}>
Cancel Sending
</div>
);
}
viewSourceButton = (
<div className="mx_ContextualMenu_field" onClick={this.onViewSourceClick}>
View Source
@ -86,6 +102,7 @@ module.exports = React.createClass({
<div>
{resendButton}
{redactButton}
{cancelButton}
{viewSourceButton}
</div>
);

View File

@ -111,7 +111,7 @@ limitations under the License.
}
.mx_EventTile_notSent {
color: #ddd;
color: #f44;
}
.mx_EventTile_highlight,