React = require 'react' _ = require 'underscore-plus' {Actions, UndoManager, DraftStore, FileUploadStore, ComponentRegistry} = require 'inbox-exports' {ResizableRegion, RetinaImg} = require 'ui-components' FileUploads = require './file-uploads.cjsx' ContenteditableComponent = require './contenteditable-component.cjsx' ParticipantsTextField = require './participants-text-field.cjsx' idGen = 0 # The ComposerView is a unique React component because it (currently) is a # singleton. Normally, the React way to do things would be to re-render the # Composer with new props. As an alternative, we can call `setProps` to # simulate the effect of the parent re-rendering us module.exports = ComposerView = React.createClass displayName: 'ComposerView' getInitialState: -> state = @getComponentRegistryState() _.extend state, populated: false to: [] cc: [] bcc: [] body: "" subject: "" isSending: DraftStore.sendingState(@props.localId) state getComponentRegistryState: -> AttachmentComponent: ComponentRegistry.findViewByName 'AttachmentComponent' FooterComponents: ComponentRegistry.findAllViewsByRole 'Composer:Footer' componentWillMount: -> @_prepareForDraft() # @_checkForKnownFrames() componentDidMount: -> @_draftStoreUnlisten = DraftStore.listen @_onSendingStateChanged @keymap_unsubscriber = atom.commands.add '.composer-outer-wrap', { 'composer:show-and-focus-bcc': @_showAndFocusBcc 'composer:show-and-focus-cc': @_showAndFocusCc 'composer:focus-to': => @focus "textFieldTo" 'composer:send-message': => @_sendDraft() "core:undo": @undo "core:redo": @redo } if @props.mode is "fullwindow" # Need to delay so the component can be fully painted. Focus doesn't # work unless the element is on the page. _.delay => @focus("textFieldTo") , 500 componentWillUnmount: -> @_teardownForDraft() @_draftStoreUnlisten() if @_draftStoreUnlisten @keymap_unsubscriber.dispose() componentWillUpdate: -> #@_checkForKnownFrames() componentDidUpdate: -> # We want to use a temporary variable instead of putting this into the # state. This is because the selection is a transient property that # only needs to be applied once. It's not a long-living property of # the state. We could call `setState` here, but this saves us from a # re-rendering. @_recoveredSelection = null if @_recoveredSelection? componentWillReceiveProps: (newProps) -> if newProps.localId != @props.localId # When we're given a new draft localId, we have to stop listening to our # current DraftStoreProxy, create a new one and listen to that. The simplest # way to do this is to just re-call registerListeners. @_teardownForDraft() @_prepareForDraft() _prepareForDraft: -> # UndoManager must be ready before we call _onDraftChanged for the first time @undoManager = new UndoManager @_proxy = DraftStore.sessionForLocalId(@props.localId) if @_proxy.draft() @_onDraftChanged() @unlisteners = [] @unlisteners.push @_proxy.listen(@_onDraftChanged) @unlisteners.push ComponentRegistry.listen (event) => @setState(@getComponentRegistryState()) _teardownForDraft: -> unlisten() for unlisten in @unlisteners @_proxy.changes.commit() render: -> if @props.mode is "inline"
{@_renderComposer()}
else
{@_renderComposer()}
_wrapClasses: -> "composer-outer-wrap #{@props.containerClass ? ""}" _renderComposer: ->
{@_footerComponents()}
@setState {showcc: true}}>Cc @setState {showbcc: true}}>Bcc @setState {showsubject: true}}>Subject
@setState showcc: false} participants={to: @state['to'], cc: @state['cc'], bcc: @state['bcc']} tabIndex='103'/> @setState showbcc: false} participants={to: @state['to'], cc: @state['cc'], bcc: @state['bcc']} tabIndex='104'/>
Subject:
{@_fileComponents()}
focus: (field) -> @refs[field]?.focus?() if @isMounted() isForwardedMessage: -> draft = @_proxy.draft() draft.subject[0...3].toLowerCase() is "fwd" _footerComponents: -> (@state.FooterComponents ? []).map (Component) => idGen += 1 _fileComponents: -> AttachmentComponent = @state.AttachmentComponent (@state.files ? []).map (file) => _onDraftChanged: -> draft = @_proxy.draft() if not @_initialHistorySave @_saveToHistory() @_initialHistorySave = true state = to: draft.to cc: draft.cc bcc: draft.bcc files: draft.files subject: draft.subject body: draft.body if !@state.populated _.extend state, showcc: not _.isEmpty(draft.cc) showbcc: not _.isEmpty(draft.bcc) showsubject: @_shouldShowSubject() populated: true @setState(state) _shouldShowSubject: -> draft = @_proxy.draft() if _.isEmpty(draft.subject ? "") then return true else if @isForwardedMessage() then return true else return false _onDragNoop: -> false _onDrop: (e) -> e.preventDefault() for file in e.dataTransfer.files Actions.attachFilePath({path: file.path, messageLocalId: @props.localId}) false _onChangeParticipants: (changes={}) -> @_addToProxy(changes) _onChangeSubject: (event) -> @_addToProxy(subject: event.target.value) _onChangeBody: (event) -> @_addToProxy(body: event.target.value) _addToProxy: (changes={}, source={}) -> selections = @_getSelections() oldDraft = @_proxy.draft() return if _.all changes, (change, key) -> change == oldDraft[key] @_proxy.changes.add(changes) @_saveToHistory(selections) unless source.fromUndoManager _popoutComposer: -> @_proxy.changes.commit() Actions.composePopoutDraft @props.localId _sendDraft: (options = {}) -> return if @state.isSending draft = @_proxy.draft() remote = require('remote') dialog = remote.require('dialog') if [].concat(draft.to, draft.cc, draft.bcc).length is 0 dialog.showMessageBox(remote.getCurrentWindow(), { type: 'warning', buttons: ['Edit Message'], message: 'Cannot Send', detail: 'You need to provide one or more recipients before sending the message.' }) return warnings = [] if draft.subject.length is 0 warnings.push('without a subject line') if (draft.files ? []).length is 0 and draft.body.toLowerCase().indexOf('attach') >= 0 warnings.push('without an attachment') if warnings.length > 0 and not options.force dialog.showMessageBox remote.getCurrentWindow(), { type: 'warning', buttons: ['Cancel', 'Send Anyway'], message: 'Are you sure?', detail: "Send #{warnings.join(' and ')}?" }, (response) => if response is 1 # button array index 1 @_sendDraft({force: true}) return Actions.sendDraft(@props.localId) _destroyDraft: -> Actions.destroyDraft(@props.localId) _attachFile: -> Actions.attachFile({messageLocalId: @props.localId}) _showAndFocusBcc: -> @setState {showbcc: true} @focus "textFieldBcc" _showAndFocusCc: -> @setState {showcc: true} @focus "textFieldCc" # Warning this method makes optimistic assumptions about the mail client # and is not properly encapsulated. _checkForKnownFrames: -> @_precalcComposerCss = {} mwrap = document.getElementsByClassName("messages-wrap")[0] if mwrap? INLINE_COMPOSER_OTHER_HEIGHT = 192 mheight = mwrap.getBoundingClientRect().height @_precalcComposerCss = minHeight: mheight - INLINE_COMPOSER_OTHER_HEIGHT _onSendingStateChanged: -> @setState isSending: DraftStore.sendingState(@props.localId) undo: (event) -> event.preventDefault() event.stopPropagation() historyItem = @undoManager.undo() ? {} return unless historyItem.state? @_recoveredSelection = historyItem.currentSelection @_addToProxy historyItem.state, fromUndoManager: true redo: (event) -> event.preventDefault() event.stopPropagation() historyItem = @undoManager.redo() ? {} return unless historyItem.state? @_recoveredSelection = historyItem.currentSelection @_addToProxy historyItem.state, fromUndoManager: true _getSelections: -> currentSelection: @refs.contentBody?.getCurrentSelection?() previousSelection: @refs.contentBody?.getPreviousSelection?() _saveToHistory: (selections) -> selections ?= @_getSelections() newDraft = @_proxy.draft() historyItem = previousSelection: selections.previousSelection currentSelection: selections.currentSelection state: body: _.clone newDraft.body subject: _.clone newDraft.subject to: _.clone newDraft.to cc: _.clone newDraft.cc bcc: _.clone newDraft.bcc lastState = @undoManager.current() if lastState? lastState.currentSelection = historyItem.previousSelection @undoManager.saveToHistory(historyItem)