React = require 'react' _ = require 'underscore' {Contenteditable, RetinaImg, Flexbox} = require 'nylas-component-kit' {AccountStore, Utils} = require 'nylas-exports' class PreferencesSignatures extends React.Component @displayName: 'PreferencesSignatures' constructor: (@props) -> @_signatureSaveQueue = {} # TODO check initally selected account selectedAccountId = AccountStore.accounts()[0].id if selectedAccountId key = @_configKey(selectedAccountId) initialSig = @props.config.get(key) else initialSig = "" @state = editAsHTML: false accounts: AccountStore.accounts() currentSignature: initialSig selectedAccountId: selectedAccountId componentDidMount: -> @usub = AccountStore.listen @_onChange componentWillUnmount: -> @usub() @_saveSignatureNow(@state.selectedAccountId, @state.currentSignature) _saveSignatureNow: (accountId, value) => key = @_configKey(accountId) @props.config.set(key, value) _saveSignatureSoon: (accountId, value) => @_signatureSaveQueue[accountId] = value @_saveSignaturesFromCache() __saveSignaturesFromCache: => for accountId, value of @_signatureSaveQueue @_saveSignatureNow(accountId, value) @_signatureSaveQueue = {} _saveSignaturesFromCache: _.debounce(PreferencesSignatures::__saveSignaturesFromCache, 500) _onChange: => @setState @_getStateFromStores() _getStateFromStores: -> accounts = AccountStore.accounts() selectedAccountId = @state.selectedAccountId currentSignature = @state.currentSignature if not @state.selectedAccountId in _.pluck(accounts, "id") selectedAccountId = null currentSignature = "" return {accounts, selectedAccountId, currentSignature} _renderAccountPicker: -> options = @state.accounts.map (account) -> _renderEditableSignature: -> _renderHTMLSignature: ->