mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-22 16:26:08 +08:00
Summary: moved non-view logic outside of the render function, which also helped for testing purposes Test Plan: added a test, but this also leaves the window open for testing the other use cases beyond T3377. not sure whether we should add tests for this patch or for another ticket. Reviewers: evan Reviewed By: evan Maniphest Tasks: T3377 Differential Revision: https://phab.nylas.com/D1916
117 lines
4 KiB
CoffeeScript
117 lines
4 KiB
CoffeeScript
_ = require 'underscore'
|
|
React = require "react"
|
|
classNames = require 'classnames'
|
|
|
|
class MessageParticipants extends React.Component
|
|
@displayName: 'MessageParticipants'
|
|
|
|
render: =>
|
|
classSet = classNames
|
|
"participants": true
|
|
"message-participants": true
|
|
"collapsed": not @props.isDetailed
|
|
|
|
<div className={classSet} onClick={@props.onClick}>
|
|
{if @props.isDetailed then @_renderExpanded() else @_renderCollapsed()}
|
|
</div>
|
|
|
|
_renderCollapsed: =>
|
|
childSpans = [
|
|
<span className="participant-name from-contact" key="from">{@_shortNames(@props.from)}</span>
|
|
]
|
|
|
|
if @props.to?.length > 0
|
|
childSpans.push(
|
|
<span className="participant-label to-label" key="to-label">To: </span>
|
|
<span className="participant-name to-contact" key="to-value">{@_shortNames(@props.to)}</span>
|
|
)
|
|
|
|
if @props.cc?.length > 0
|
|
childSpans.push(
|
|
<span className="participant-label cc-label" key="cc-label">Cc: </span>
|
|
<span className="participant-name cc-contact" key="cc-value">{@_shortNames(@props.cc)}</span>
|
|
)
|
|
|
|
if @props.bcc?.length > 0
|
|
childSpans.push(
|
|
<span className="participant-label bcc-label" key="bcc-label">Bcc: </span>
|
|
<span className="participant-name bcc-contact" key="bcc-value">{@_shortNames(@props.bcc)}</span>
|
|
)
|
|
|
|
<span className="collapsed-participants">
|
|
{childSpans}
|
|
</span>
|
|
|
|
_renderExpanded: =>
|
|
<div className="expanded-participants">
|
|
<div className="participant-type">
|
|
<div className="participant-name from-contact">{@_fullContact(@props.from)}</div>
|
|
</div>
|
|
|
|
<div className="participant-type">
|
|
<div className="participant-label to-label">To: </div>
|
|
<div className="participant-name to-contact">{@_fullContact(@props.to)}</div>
|
|
</div>
|
|
|
|
<div className="participant-type"
|
|
style={if @props.cc?.length > 0 then display:"block" else display:"none"}>
|
|
<div className="participant-label cc-label">Cc: </div>
|
|
<div className="participant-name cc-contact">{@_fullContact(@props.cc)}</div>
|
|
</div>
|
|
|
|
<div className="participant-type"
|
|
style={if @props.bcc?.length > 0 then display:"block" else display:"none"}>
|
|
<div className="participant-label bcc-label">Bcc: </div>
|
|
<div className="participant-name cc-contact">{@_fullContact(@props.bcc)}</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
_shortNames: (contacts=[]) =>
|
|
_.map(contacts, (c) -> c.displayFirstName()).join(", ")
|
|
|
|
_fullContact: (contacts=[]) =>
|
|
if contacts.length is 0
|
|
# This is necessary to make the floats work properly
|
|
<div> </div>
|
|
else
|
|
_.map(contacts, (c, i) =>
|
|
if contacts.length is 1 then comma = ""
|
|
else if i is contacts.length-1 then comma = ""
|
|
else comma = ","
|
|
|
|
if c.name?.length > 0 and c.name isnt c.email
|
|
<div key={c.email} className="participant selectable">
|
|
<span className="participant-primary" onClick={@_selectPlainText}>{c.name}</span>
|
|
<span className="participant-secondary" onClick={@_selectBracketedText}><{c.email}>{comma}</span>
|
|
</div>
|
|
else
|
|
<div key={c.email} className="participant selectable">
|
|
<span className="participant-primary" onClick={@_selectCommaText}>{c.email}{comma}</span>
|
|
</div>
|
|
)
|
|
|
|
_selectPlainText: (e) =>
|
|
textNode = e.currentTarget.childNodes[0]
|
|
@_selectText(textNode)
|
|
|
|
_selectCommaText: (e) =>
|
|
textNode = e.currentTarget.childNodes[0].childNodes[0]
|
|
@_selectText(textNode)
|
|
|
|
_selectBracketedText: (e) =>
|
|
textNode = e.currentTarget.childNodes[1].childNodes[0] # because of React rendering
|
|
@_selectText(textNode)
|
|
|
|
_selectText: (textNode) =>
|
|
range = document.createRange()
|
|
range.setStart(textNode, 0)
|
|
range.setEnd(textNode, textNode.length)
|
|
selection = document.getSelection()
|
|
selection.removeAllRanges()
|
|
selection.addRange(range)
|
|
|
|
|
|
|
|
module.exports = MessageParticipants
|