mirror of
https://github.com/Foundry376/Mailspring.git
synced 2025-02-23 15:46:28 +08:00
46 lines
1.1 KiB
Text
46 lines
1.1 KiB
Text
|
{Actions, Message, DraftStore, React} = require 'nylas-exports'
|
||
|
|
||
|
class TemplateStatusBar extends React.Component
|
||
|
@displayName: 'TemplateStatusBar'
|
||
|
|
||
|
@containerStyles:
|
||
|
textAlign:'center'
|
||
|
width:530
|
||
|
margin:'auto'
|
||
|
|
||
|
@propTypes:
|
||
|
draftClientId: React.PropTypes.string
|
||
|
|
||
|
constructor: (@props) ->
|
||
|
@state = draft: null
|
||
|
|
||
|
componentDidMount: =>
|
||
|
DraftStore.sessionForClientId(@props.draftClientId).then (_proxy) =>
|
||
|
return if @_unmounted
|
||
|
return unless _proxy.draftClientId is @props.draftClientId
|
||
|
@_proxy = _proxy
|
||
|
@unsubscribe = @_proxy.listen(@_onDraftChange, @)
|
||
|
@_onDraftChange()
|
||
|
|
||
|
componentWillUnmount: =>
|
||
|
@_unmounted = true
|
||
|
@unsubscribe() if @unsubscribe
|
||
|
|
||
|
render: =>
|
||
|
if @_draftUsesTemplate()
|
||
|
<div className="template-status-bar">
|
||
|
Press "tab" to quickly fill in the blanks - highlighting will not be visible to recipients.
|
||
|
</div>
|
||
|
else
|
||
|
<div></div>
|
||
|
|
||
|
_onDraftChange: =>
|
||
|
@setState(draft: @_proxy.draft())
|
||
|
|
||
|
_draftUsesTemplate: =>
|
||
|
return unless @state.draft
|
||
|
@state.draft.body.search(/<code[^>]*class="var[^>]*>/i) > 0
|
||
|
|
||
|
|
||
|
module.exports = TemplateStatusBar
|