mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-25 09:03:12 +03:00
b7f83fad2c
no issue - added list headings - added active state to search field when it has value - set position of actions dropdown - refined avatar typography
59 lines
2.3 KiB
Handlebars
59 lines
2.3 KiB
Handlebars
<section class="gh-canvas">
|
||
<form class="mb10 member-basic-info-form" {{action (perform "save") on="submit"}}>
|
||
<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>
|
||
{{#if member.name}}
|
||
{{member.name}}
|
||
{{else}}
|
||
{{member.email}}
|
||
{{/if}}
|
||
</h2>
|
||
<section class="view-actions">
|
||
{{gh-task-button task=save class="gh-btn gh-btn-blue gh-btn-icon" data-test-button="save"}}
|
||
</section>
|
||
</GhCanvasHeader>
|
||
<div class="flex items-center mb10 bt b--lightgrey-d1 pt8">
|
||
<GhMemberAvatar @member={{member}} @sizeClass={{if member.name 'f-subheadline fw4 lh-zero tracked-1' 'f-headline fw4 lh-zero tracked-1'}} class="w18 h18 mr4" />
|
||
<div>
|
||
<h3 class="f2 fw5 ma0 pa0">
|
||
{{if member.name member.name member.email}}
|
||
</h3>
|
||
<p class="f6 pa0 ma0 midgrey">
|
||
{{#if member.name}}
|
||
<span class="darkgrey fw5">{{member.email}}</span> –
|
||
{{/if}}
|
||
Member since {{this.subscribedAt}}
|
||
</p>
|
||
</div>
|
||
</div>
|
||
{{gh-member-settings-form member=member
|
||
setProperty=(action "setProperty")
|
||
isLoading=this.isLoading
|
||
showDeleteTagModal=(action "toggleDeleteMemberModal")}}
|
||
</form>
|
||
<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>
|
||
</section>
|
||
|
||
{{#if showUnsavedChangesModal}}
|
||
{{gh-fullscreen-modal "leave-settings"
|
||
confirm=(action "leaveScreen")
|
||
close=(action "toggleUnsavedChangesModal")
|
||
modifier="action wide"}}
|
||
{{/if}}
|
||
|
||
{{#if showDeleteMemberModal}}
|
||
{{gh-fullscreen-modal "delete-member"
|
||
model=(hash member=member onSuccess=(action "finaliseDeletion"))
|
||
close=(action (toggle "showDeleteMemberModal" this))
|
||
modifier="action wide"}}
|
||
{{/if}}
|