mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-23 00:36:50 +08:00
79b6c1d94a
Summary: Things still to come: - General tab - Signatures tab (potentially remove and land) Adding emacs things to gitignore Adding progress. iterating on html/css is incredibly painful Added layout for accounts page. Adding layout for appearance page layout for shortcuts preferences page adding layount for notifications menu Adding signatures layout WIP WIP - tab switching, accounts tab WIP ALL THE THINGS Keymap template support (Gmail / outlook, etc.) Test Plan: No tests atm Reviewers: evan Differential Revision: https://phab.nylas.com/D1890
100 lines
2.7 KiB
CoffeeScript
100 lines
2.7 KiB
CoffeeScript
React = require 'react'
|
|
_ = require 'underscore'
|
|
{NamespaceStore} = require 'nylas-exports'
|
|
{RetinaImg, Flexbox} = require 'nylas-component-kit'
|
|
|
|
class PreferencesAccounts extends React.Component
|
|
@displayName: 'PreferencesAccounts'
|
|
|
|
@propTypes:
|
|
config: React.PropTypes.object.isRequired
|
|
|
|
constructor: (@props) ->
|
|
@state = @getStateFromStores()
|
|
|
|
componentDidMount: =>
|
|
@unsubscribe = NamespaceStore.listen @_onNamespaceChange
|
|
|
|
componentWillUnmount: =>
|
|
@unsubscribe?()
|
|
|
|
render: =>
|
|
<div className="container-accounts">
|
|
<div className="section-header">
|
|
Account:
|
|
</div>
|
|
<div className="well large">
|
|
{@_renderNamespace()}
|
|
</div>
|
|
|
|
{@_renderLinkedAccounts()}
|
|
</div>
|
|
|
|
_renderNamespace: =>
|
|
return false unless @state.namespace
|
|
|
|
<Flexbox direction="row" style={alignItems: 'middle'}>
|
|
<div style={textAlign: "center"}>
|
|
<RetinaImg name={"ic-settings-account-#{@state.namespace.provider}.png"}
|
|
fallback="ic-settings-account-imap.png"
|
|
mode={RetinaImg.Mode.ContentPreserve} />
|
|
</div>
|
|
<div style={flex: 1, marginLeft: 10}>
|
|
<div className="account-name">{@state.namespace.emailAddress}</div>
|
|
<div className="account-subtext">{@state.namespace.name || "No name provided."} ({@state.namespace.displayProvider()})</div>
|
|
</div>
|
|
<div style={textAlign:"right"}>
|
|
<button className="btn btn-larger" onClick={@_onLogout}>Log out</button>
|
|
</div>
|
|
</Flexbox>
|
|
|
|
_renderLinkedAccounts: =>
|
|
accounts = @getLinkedAccounts()
|
|
return false unless accounts.length > 0
|
|
<div>
|
|
<div className="section-header">
|
|
Linked Accounts:
|
|
</div>
|
|
{ accounts.map (name) =>
|
|
<div className="well small" key={name}>
|
|
{@_renderLinkedAccount(name)}
|
|
</div>
|
|
}
|
|
</div>
|
|
|
|
_renderLinkedAccount: (name) =>
|
|
<Flexbox direction="row" style={alignItems: "center"}>
|
|
<div>
|
|
<RetinaImg name={"ic-settings-account-#{name}.png"} fallback="ic-settings-account-imap.png" />
|
|
</div>
|
|
<div style={flex: 1, marginLeft: 10}>
|
|
<div className="account-name">{name}</div>
|
|
</div>
|
|
<div style={textAlign:"right"}>
|
|
<button onClick={ => @_onUnlinkAccount(name) } className="btn btn-large">Unlink</button>
|
|
</div>
|
|
</Flexbox>
|
|
|
|
getStateFromStores: =>
|
|
namespace: NamespaceStore.current()
|
|
|
|
getLinkedAccounts: =>
|
|
return [] unless @props.config
|
|
accounts = []
|
|
for key in ['salesforce']
|
|
accounts.push(key) if @props.config[key]
|
|
accounts
|
|
|
|
_onNamespaceChange: =>
|
|
@setState(@getStateFromStores())
|
|
|
|
_onUnlinkAccount: (name) =>
|
|
atom.config.unset(name)
|
|
return
|
|
|
|
_onLogout: =>
|
|
atom.logout()
|
|
|
|
|
|
module.exports = PreferencesAccounts
|