mirror of
https://github.com/Foundry376/Mailspring.git
synced 2025-02-23 23:54:13 +08:00
7739f08e84
Summary: Initial message list collapsing messages can be expanded explicitly styling message items composer UI and collapsing expanding and collapsing headers style new reply area adding in message controls Add message actions dropdown Test Plan: edgehill --test Reviewers: bengotow Reviewed By: bengotow Differential Revision: https://phab.nylas.com/D1664
82 lines
3 KiB
CoffeeScript
82 lines
3 KiB
CoffeeScript
React = require 'react'
|
|
{Actions} = require 'nylas-exports'
|
|
{RetinaImg, ButtonDropdown} = require 'nylas-component-kit'
|
|
|
|
class MessageControls extends React.Component
|
|
@displayName: "MessageControls"
|
|
@propTypes:
|
|
thread: React.PropTypes.object.isRequired
|
|
message: React.PropTypes.object.isRequired
|
|
|
|
constructor: (@props) ->
|
|
|
|
render: =>
|
|
<div className="message-actions-wrap">
|
|
<div className="message-actions-ellipsis" onClick={@_onShowActionsMenu}>
|
|
<RetinaImg name={"message-actions-ellipsis.png"} mode={RetinaImg.Mode.ContentIsMask}/>
|
|
</div>
|
|
|
|
<ButtonDropdown
|
|
primaryItem={@_primaryMessageAction()}
|
|
secondaryItems={@_secondaryMessageActions()}/>
|
|
</div>
|
|
|
|
_primaryMessageAction: =>
|
|
if @_replyType() is "reply"
|
|
<span onClick={@_onReply}>
|
|
<RetinaImg name="reply-footer.png" mode={RetinaImg.Mode.ContentIsMask}/>
|
|
</span>
|
|
else # if "reply-all"
|
|
<span onClick={@_onReplyAll}>
|
|
<RetinaImg name="reply-all-footer.png" mode={RetinaImg.Mode.ContentIsMask}/>
|
|
</span>
|
|
|
|
_secondaryMessageActions: ->
|
|
if @_replyType() is "reply"
|
|
return [@_replyAllAction(), @_forwardAction()]
|
|
else #if "reply-all"
|
|
return [@_replyAction(), @_forwardAction()]
|
|
|
|
_forwardAction: ->
|
|
<span onClick={@_onForward}>
|
|
<RetinaImg name="forward-message-header.png" mode={RetinaImg.Mode.ContentIsMask}/> Forward
|
|
</span>
|
|
_replyAction: ->
|
|
<span onClick={@_onReply}>
|
|
<RetinaImg name="reply-footer.png" mode={RetinaImg.Mode.ContentIsMask}/> Reply
|
|
</span>
|
|
_replyAllAction: ->
|
|
<span onClick={@_onReplyAll}>
|
|
<RetinaImg name="reply-all-footer.png" mode={RetinaImg.Mode.ContentIsMask}/> Reply All
|
|
</span>
|
|
|
|
_onReply: =>
|
|
Actions.composeReply(thread: @props.thread, message: @props.message)
|
|
|
|
_onReplyAll: =>
|
|
Actions.composeReplyAll(thread: @props.thread, message: @props.message)
|
|
|
|
_onForward: =>
|
|
Actions.composeForward(thread: @props.thread, message: @props.message)
|
|
|
|
_replyType: =>
|
|
if @props.message.cc.length is 0 and @props.message.to.length is 1
|
|
return "reply"
|
|
else return "reply-all"
|
|
|
|
module.exports = MessageControls
|
|
|
|
# <InjectedComponentSet className="message-actions"
|
|
# inline={true}
|
|
# matching={role:"MessageAction"}
|
|
# exposedProps={thread:@props.thread, message: @props.message}>
|
|
# <button className="btn btn-icon" onClick={@_onReply}>
|
|
# <RetinaImg name={"message-reply.png"} mode={RetinaImg.Mode.ContentIsMask}/>
|
|
# </button>
|
|
# <button className="btn btn-icon" onClick={@_onReplyAll}>
|
|
# <RetinaImg name={"message-reply-all.png"} mode={RetinaImg.Mode.ContentIsMask}/>
|
|
# </button>
|
|
# <button className="btn btn-icon" onClick={@_onForward}>
|
|
# <RetinaImg name={"message-forward.png"} mode={RetinaImg.Mode.ContentIsMask}/>
|
|
# </button>
|
|
# </InjectedComponentSet>
|