2019-01-24 22:34:32 +03:00
|
|
|
|
<section class="gh-canvas">
|
2019-10-21 18:24:57 +03:00
|
|
|
|
<form class="mb10 member-basic-info-form">
|
2019-10-02 07:00:03 +03:00
|
|
|
|
<GhCanvasHeader class="gh-canvas-header">
|
|
|
|
|
<h2 class="gh-canvas-title" data-test-screen-title>
|
|
|
|
|
{{#link-to "members" data-test-link="members-back"}}Members{{/link-to}}
|
|
|
|
|
<span>{{svg-jar "arrow-right"}}</span>
|
2019-10-03 14:46:36 +03:00
|
|
|
|
{{#if member.name}}
|
|
|
|
|
{{member.name}}
|
|
|
|
|
{{else}}
|
|
|
|
|
{{member.email}}
|
|
|
|
|
{{/if}}
|
2019-10-02 07:00:03 +03:00
|
|
|
|
</h2>
|
2019-10-10 14:59:35 +03:00
|
|
|
|
<section class="view-actions">
|
2019-10-21 18:24:57 +03:00
|
|
|
|
{{gh-task-button type="button" task=save class="gh-btn gh-btn-blue gh-btn-icon" data-test-button="save"}}
|
2019-10-10 14:59:35 +03:00
|
|
|
|
</section>
|
2019-10-02 07:00:03 +03:00
|
|
|
|
</GhCanvasHeader>
|
2019-10-03 14:46:36 +03:00
|
|
|
|
<div class="flex items-center mb10 bt b--lightgrey-d1 pt8">
|
2019-12-03 14:10:47 +03:00
|
|
|
|
<GhMemberAvatar @member={{member}} @sizeClass={{if member.name 'f-subheadline fw4 lh-zero tracked-1' 'f-headline fw4 lh-zero tracked-1'}} @containerClass="w18 h18 mr4 gh-member-detail-avatar" />
|
2019-10-03 14:46:36 +03:00
|
|
|
|
<div>
|
|
|
|
|
<h3 class="f2 fw5 ma0 pa0">
|
2019-10-21 18:24:57 +03:00
|
|
|
|
{{or member.name member.email}}
|
2019-10-03 14:46:36 +03:00
|
|
|
|
</h3>
|
2019-11-28 14:30:21 +03:00
|
|
|
|
<p class="f6 pa0 ma0 midlightgrey-d1">
|
|
|
|
|
{{#if (and member.name member.email)}}
|
2019-10-21 18:24:57 +03:00
|
|
|
|
<span class="darkgrey fw5">{{member.email}}</span> –
|
2019-10-03 14:46:36 +03:00
|
|
|
|
{{/if}}
|
2019-10-15 17:24:20 +03:00
|
|
|
|
Created on {{this.subscribedAt}}
|
2019-10-03 14:46:36 +03:00
|
|
|
|
</p>
|
2019-10-02 14:35:50 +03:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2019-10-02 07:00:03 +03:00
|
|
|
|
{{gh-member-settings-form member=member
|
|
|
|
|
setProperty=(action "setProperty")
|
2019-10-07 15:26:32 +03:00
|
|
|
|
isLoading=this.isLoading
|
2019-10-10 15:36:33 +03:00
|
|
|
|
showDeleteTagModal=(action "toggleDeleteMemberModal")}}
|
2019-10-02 07:00:03 +03:00
|
|
|
|
</form>
|
2019-10-21 18:24:57 +03:00
|
|
|
|
|
|
|
|
|
<button
|
|
|
|
|
type="button"
|
|
|
|
|
class="gh-btn gh-btn-red gh-btn-icon mt3"
|
|
|
|
|
{{action (toggle "showDeleteMemberModal" this)}}
|
|
|
|
|
data-test-button="delete-member"
|
|
|
|
|
>
|
|
|
|
|
<span>Delete member</span>
|
|
|
|
|
</button>
|
2019-02-22 14:31:45 +03:00
|
|
|
|
</section>
|
|
|
|
|
|
2019-10-10 15:36:33 +03:00
|
|
|
|
{{#if showUnsavedChangesModal}}
|
|
|
|
|
{{gh-fullscreen-modal "leave-settings"
|
|
|
|
|
confirm=(action "leaveScreen")
|
|
|
|
|
close=(action "toggleUnsavedChangesModal")
|
|
|
|
|
modifier="action wide"}}
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
2019-02-22 14:31:45 +03:00
|
|
|
|
{{#if showDeleteMemberModal}}
|
|
|
|
|
{{gh-fullscreen-modal "delete-member"
|
|
|
|
|
model=(hash member=member onSuccess=(action "finaliseDeletion"))
|
|
|
|
|
close=(action (toggle "showDeleteMemberModal" this))
|
|
|
|
|
modifier="action wide"}}
|
2019-10-02 07:00:03 +03:00
|
|
|
|
{{/if}}
|