mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-24 01:06:07 +08:00
606909e256
Summary: Originally, this was going to be a totally independent package, but I wasn't able to isolate the functionality and get it tied in to the delta-stream consumption. Here's how it currently works: - The preferences package has a new tab which allows you to edit mail filters. Filters are saved in a new core store, and a new stock component (ScenarioEditor) renders the editor. The editor takes a set of templates that define a value space, and outputs a valid set of values. - A new MailFilterProcessor takes messages and creates tasks to apply the actions from the MailFiltersStore. - The worker-sync package now uses the MailFilterProcessor to apply filters /before/ it calls didPassivelyReceiveNewModels, so filtrs are applied before any notifications are created. - A new task, ReprocessMailFiltersTask allows you to run filters on all of your existing mail. It leverages the existing TaskQueue architecture to: a) resume where it left off if you quit midway, b) be queryable (for status) from all windows and c) cancelable. The TaskQueue is a bit strange because it runs performLocal and performRemote very differently, and I had to use `performRemote`. (todo refactor soon.) This diff also changes the EditableList a bit to behave like a controlled component and render focused / unfocused states. Test Plan: Run tests, only for actual filter processing atm. Reviewers: juan, evan Reviewed By: evan Differential Revision: https://phab.nylas.com/D2379
100 lines
2.8 KiB
CoffeeScript
100 lines
2.8 KiB
CoffeeScript
React = require 'react'
|
|
Immutable = require 'immutable'
|
|
_ = require 'underscore'
|
|
classNames = require 'classnames'
|
|
{RetinaImg, Flexbox, DisclosureTriangle} = require 'nylas-component-kit'
|
|
{Actions, AccountStore} = require 'nylas-exports'
|
|
{PreferencesUIStore} = require 'nylas-exports'
|
|
|
|
class PreferencesSidebarItem extends React.Component
|
|
@displayName: 'PreferencesSidebarItem'
|
|
@propTypes:
|
|
accounts: React.PropTypes.array
|
|
selection: React.PropTypes.instanceOf(Immutable.Map).isRequired
|
|
tabItem: React.PropTypes.instanceOf(PreferencesUIStore.TabItem).isRequired
|
|
|
|
constructor: ->
|
|
@state =
|
|
collapsed: true
|
|
|
|
render: =>
|
|
{tabId, displayName, componentRequiresAccount} = @props.tabItem
|
|
|
|
subitems = @_renderSubitems()
|
|
subitemsComponent = <ul className="subitems">{subitems}</ul>
|
|
if @state.collapsed
|
|
subitemsComponent = false
|
|
|
|
classes = classNames
|
|
"item": true
|
|
"active": tabId is @props.selection.get('tabId')
|
|
"has-subitems": subitems isnt false
|
|
|
|
<div className={classes} onClick={@_onClick}>
|
|
<DisclosureTriangle
|
|
collapsed={@state.collapsed}
|
|
visible={subitems isnt false}
|
|
onToggleCollapsed={@_onClick} />
|
|
<div className="name">{displayName}</div>
|
|
{subitemsComponent}
|
|
</div>
|
|
|
|
_renderSubitems: =>
|
|
if @props.tabItem.componentRequiresAccount
|
|
@props.accounts.map (account) =>
|
|
classes = classNames
|
|
"subitem": true
|
|
"active": account.id is @props.selection.get('accountId')
|
|
|
|
<li key={account.id}
|
|
className={classes}
|
|
onClick={ (event) => @_onClickAccount(event, account.id)}>
|
|
{account.emailAddress}
|
|
</li>
|
|
else
|
|
return false
|
|
|
|
_onClick: =>
|
|
if @props.tabItem.componentRequiresAccount
|
|
@setState(collapsed: !@state.collapsed)
|
|
else
|
|
Actions.switchPreferencesTab(@props.tabItem.tabId)
|
|
|
|
_onClickAccount: (event, accountId) =>
|
|
Actions.switchPreferencesTab(@props.tabItem.tabId, {accountId})
|
|
event.stopPropagation()
|
|
|
|
|
|
class PreferencesSidebar extends React.Component
|
|
@displayName: 'PreferencesSidebar'
|
|
|
|
@propTypes:
|
|
tabs: React.PropTypes.instanceOf(Immutable.List).isRequired
|
|
selection: React.PropTypes.instanceOf(Immutable.Map).isRequired
|
|
|
|
constructor: ->
|
|
@state =
|
|
accounts: AccountStore.items()
|
|
|
|
componentDidMount: =>
|
|
@unsub = AccountStore.listen @_onAccountsChanged
|
|
|
|
componentWillUnmount: =>
|
|
@unsub?()
|
|
|
|
render: =>
|
|
<div className="preferences-sidebar">
|
|
{ @props.tabs.map (tabItem) =>
|
|
<PreferencesSidebarItem
|
|
key={tabItem.tabId}
|
|
tabItem={tabItem}
|
|
accounts={@state.accounts}
|
|
selection={@props.selection} />
|
|
}
|
|
</div>
|
|
|
|
_onAccountsChanged: =>
|
|
@setState(accounts: AccountStore.items())
|
|
|
|
module.exports = PreferencesSidebar
|