2019-01-24 22:34:32 +03:00
|
|
|
<section class="gh-canvas">
|
2019-06-18 13:47:21 +03:00
|
|
|
<GhCanvasHeader class="gh-canvas-header">
|
2019-01-24 22:34:32 +03:00
|
|
|
<h2 class="gh-canvas-title" data-test-screen-title>
|
|
|
|
{{link-to "Members" "members" data-test-link="members"}}
|
|
|
|
<span>{{svg-jar "arrow-right"}}</span>
|
|
|
|
{{member.name}}
|
|
|
|
</h2>
|
2019-06-18 13:47:21 +03:00
|
|
|
</GhCanvasHeader>
|
2019-01-24 22:34:32 +03:00
|
|
|
|
|
|
|
<section class="view-container">
|
2019-06-18 13:47:21 +03:00
|
|
|
<div class="br3 bg-white mt2 shadow-1">
|
|
|
|
<div class="flex flex-row pa5 bb b--whitegrey">
|
|
|
|
<GhMemberAvatar class="w20 h20 mr4" @initialsClass="f-subheadline" @member={{member}} />
|
|
|
|
<div class="flex flex-column justify-center">
|
|
|
|
<h3 class="ma0 pa0 fw5">{{member.name}}</h3>
|
|
|
|
<span class="db">
|
|
|
|
<a class="midlightgrey" href="mailto:{{member.email}}">
|
|
|
|
{{member.email}}
|
|
|
|
</a>
|
|
|
|
</span>
|
|
|
|
</div>
|
2019-02-23 12:31:18 +03:00
|
|
|
</div>
|
2019-06-18 13:47:21 +03:00
|
|
|
<div class="flex flex-row">
|
|
|
|
<div class="flex flex-column flex-grow-1 pa5 br b--whitegrey w-50">
|
|
|
|
<span class="db ttu f8 midlightgrey">Member since</span>
|
|
|
|
<span class="db f5">{{moment-format member.createdAt "MMMM Do"}}</span>
|
|
|
|
<span class="db f8 midlightgrey">({{moment-to-now member.createdAt hideAffix=true}})</span>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-column flex-grow-1 pa5 w-50">
|
|
|
|
<span class="db ttu f8 midlightgrey">Current plan</span>
|
|
|
|
<span class="db f5 {{if (eq subscription.plan '...') "midlightgrey"}}">{{subscription.plan}}</span>
|
|
|
|
{{#unless (eq subscription.amount '...')}}
|
|
|
|
<span class="db f8 midlightgrey">{{subscription.amount}} USD/month</span>
|
|
|
|
{{/unless}}
|
|
|
|
</div>
|
2019-02-22 14:31:45 +03:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2019-06-18 13:47:21 +03:00
|
|
|
<h2 class="pb1 bb b--whitegrey-d1 f-small fw5 midlightgrey ttu mt10 pb2">Danger zone</h2>
|
2019-02-22 14:31:45 +03:00
|
|
|
<button
|
|
|
|
type="button"
|
2019-02-23 12:31:18 +03:00
|
|
|
class="gh-btn gh-btn-red gh-btn-icon mt3"
|
2019-02-22 14:31:45 +03:00
|
|
|
{{action (toggle "showDeleteMemberModal" this)}}
|
|
|
|
data-test-button="delete-member"
|
|
|
|
>
|
|
|
|
<span>Delete member</span>
|
|
|
|
</button>
|
2019-01-24 22:34:32 +03:00
|
|
|
</section>
|
2019-02-22 14:31:45 +03:00
|
|
|
</section>
|
|
|
|
|
|
|
|
{{#if showDeleteMemberModal}}
|
|
|
|
{{gh-fullscreen-modal "delete-member"
|
|
|
|
model=(hash member=member onSuccess=(action "finaliseDeletion"))
|
|
|
|
close=(action (toggle "showDeleteMemberModal" this))
|
|
|
|
modifier="action wide"}}
|
|
|
|
{{/if}}
|