mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-11-12 04:25:31 +08:00
73 lines
2.3 KiB
Text
73 lines
2.3 KiB
Text
|
React = require 'react'
|
||
|
|
_ = require 'underscore'
|
||
|
|
EmailFrame = require './email-frame'
|
||
|
|
{Utils,
|
||
|
|
MessageUtils,
|
||
|
|
MessageBodyProcessor,
|
||
|
|
QuotedHTMLParser,
|
||
|
|
FileDownloadStore} = require 'nylas-exports'
|
||
|
|
{InjectedComponentSet} = require 'nylas-component-kit'
|
||
|
|
|
||
|
|
TransparentPixel = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNikAQAACIAHF/uBd8AAAAASUVORK5CYII="
|
||
|
|
|
||
|
|
class MessageItemBody extends React.Component
|
||
|
|
@displayName: 'MessageItemBody'
|
||
|
|
@propTypes:
|
||
|
|
message: React.PropTypes.object.isRequired
|
||
|
|
downloads: React.PropTypes.object.isRequired
|
||
|
|
|
||
|
|
constructor: (@props) ->
|
||
|
|
@state =
|
||
|
|
showQuotedText: Utils.isForwardedMessage(@props.message)
|
||
|
|
processedBody: undefined
|
||
|
|
|
||
|
|
componentWillMount: =>
|
||
|
|
@_unsub = MessageBodyProcessor.processAndSubscribe(@props.message, @_onBodyChanged)
|
||
|
|
|
||
|
|
componentWillUnmount: =>
|
||
|
|
@_unsub?()
|
||
|
|
|
||
|
|
render: =>
|
||
|
|
<span>
|
||
|
|
<InjectedComponentSet
|
||
|
|
matching={role: "message:BodyHeader"}
|
||
|
|
exposedProps={message: @props.message}
|
||
|
|
direction="column"
|
||
|
|
style={width:'100%'}/>
|
||
|
|
{@_renderBody()}
|
||
|
|
{@_renderQuotedTextControl()}
|
||
|
|
</span>
|
||
|
|
|
||
|
|
_renderBody: =>
|
||
|
|
return null unless @state.processedBody?
|
||
|
|
<EmailFrame showQuotedText={@state.showQuotedText} content={@state.processedBody}/>
|
||
|
|
|
||
|
|
_renderQuotedTextControl: =>
|
||
|
|
return null unless QuotedHTMLParser.hasQuotedHTML(@props.message.body)
|
||
|
|
text = if @state.showQuotedText then "Hide" else "Show"
|
||
|
|
<a className="quoted-text-control" onClick={@_toggleQuotedText}>
|
||
|
|
<span className="dots">•••</span>{text} previous
|
||
|
|
</a>
|
||
|
|
|
||
|
|
_toggleQuotedText: =>
|
||
|
|
@setState
|
||
|
|
showQuotedText: !@state.showQuotedText
|
||
|
|
|
||
|
|
_onBodyChanged: (body) =>
|
||
|
|
# Replace cid:// references with the paths to downloaded files
|
||
|
|
for file in @props.message.files
|
||
|
|
continue if @props.downloads[file.id]
|
||
|
|
cidLink = "cid:#{file.contentId}"
|
||
|
|
fileLink = "#{FileDownloadStore.pathForFile(file)}"
|
||
|
|
body = body.replace(cidLink, fileLink)
|
||
|
|
|
||
|
|
# Replace remaining cid:// references - we will not display them since they'll
|
||
|
|
# throw "unknown ERR_UNKNOWN_URL_SCHEME". Show a transparent pixel so that there's
|
||
|
|
# no "missing image" region shown, just a space.
|
||
|
|
body = body.replace(MessageUtils.cidRegex, "src=\"#{TransparentPixel}\"")
|
||
|
|
|
||
|
|
@setState
|
||
|
|
processedBody: body
|
||
|
|
|
||
|
|
module.exports = MessageItemBody
|