2019-01-24 22:34:32 +03:00
|
|
|
<section class="gh-canvas">
|
2020-02-27 06:50:15 +03:00
|
|
|
<GhCanvasHeader class="gh-canvas-header">
|
|
|
|
<h2 class="gh-canvas-title" data-test-screen-title>
|
|
|
|
<LinkTo @route="members" data-test-link="members-back">Members</LinkTo>
|
|
|
|
<span>{{svg-jar "arrow-right"}}</span>
|
|
|
|
{{#if this.member.isNew}}
|
|
|
|
New member
|
|
|
|
{{else}}
|
|
|
|
{{or this.member.name this.member.email}}
|
|
|
|
{{/if}}
|
|
|
|
</h2>
|
|
|
|
|
|
|
|
<section class="view-actions">
|
2021-07-12 15:55:56 +03:00
|
|
|
{{#if this.session.user.isAdmin}}
|
2020-02-27 06:50:15 +03:00
|
|
|
{{#unless this.member.isNew}}
|
|
|
|
<button
|
|
|
|
class="gh-btn gh-btn-white gh-btn-icon mr2"
|
2020-05-20 16:55:41 +03:00
|
|
|
{{on "click" this.toggleImpersonateMemberModal}}>
|
2020-02-27 06:50:15 +03:00
|
|
|
<span>Impersonate</span>
|
|
|
|
</button>
|
|
|
|
{{/unless}}
|
|
|
|
{{/if}}
|
|
|
|
|
2021-02-04 20:19:39 +03:00
|
|
|
<GhTaskButton @class="gh-btn gh-btn-primary gh-btn-icon" @type="button" @task={{this.saveTask}} @data-test-button="save" />
|
2020-02-27 06:50:15 +03:00
|
|
|
</section>
|
|
|
|
</GhCanvasHeader>
|
2019-12-12 16:35:52 +03:00
|
|
|
|
2021-02-08 23:16:41 +03:00
|
|
|
<div>
|
2021-02-04 20:19:39 +03:00
|
|
|
<form class="member-basic-info-form">
|
2021-09-13 14:10:25 +03:00
|
|
|
<GhMemberSettingsForm
|
2021-05-10 21:08:47 +03:00
|
|
|
@member={{this.member}}
|
|
|
|
@scratchMember={{this.scratchMember}}
|
|
|
|
@setProperty={{this.setProperty}}
|
2021-09-08 20:29:41 +03:00
|
|
|
@onLabelEdit={{this.editLabel}}
|
2021-05-19 20:05:55 +03:00
|
|
|
@saveMember={{this.save}}
|
2021-05-19 20:47:59 +03:00
|
|
|
@isSaveRunning={{this.saveTask.isRunning}}
|
2021-05-10 21:08:47 +03:00
|
|
|
@isLoading={{this.isLoading}} />
|
2021-02-04 20:19:39 +03:00
|
|
|
</form>
|
2019-10-21 18:24:57 +03:00
|
|
|
|
2021-02-04 20:19:39 +03:00
|
|
|
{{#unless this.member.isNew}}
|
2021-02-08 17:35:08 +03:00
|
|
|
<div class="gh-main-section">
|
2021-02-08 19:22:53 +03:00
|
|
|
<div class="gh-main-section-block">
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="gh-btn gh-btn-red gh-btn-icon"
|
|
|
|
{{on "click" this.toggleDeleteMemberModal}}
|
|
|
|
data-test-button="delete-member"
|
|
|
|
>
|
|
|
|
<span>Delete member</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
2021-02-04 20:19:39 +03:00
|
|
|
</div>
|
|
|
|
{{/unless}}
|
|
|
|
</div>
|
2019-02-22 14:31:45 +03:00
|
|
|
</section>
|
|
|
|
|
2019-12-12 16:35:52 +03:00
|
|
|
{{#if this.showUnsavedChangesModal}}
|
|
|
|
<GhFullscreenModal
|
|
|
|
@modal="leave-settings"
|
2020-05-20 16:55:41 +03:00
|
|
|
@confirm={{this.leaveScreen}}
|
|
|
|
@close={{this.toggleUnsavedChangesModal}}
|
2019-12-12 16:35:52 +03:00
|
|
|
@modifier="action wide" />
|
2019-10-10 15:36:33 +03:00
|
|
|
{{/if}}
|
|
|
|
|
2019-12-12 16:35:52 +03:00
|
|
|
{{#if this.showDeleteMemberModal}}
|
|
|
|
<GhFullscreenModal
|
|
|
|
@modal="delete-member"
|
2019-12-13 14:38:37 +03:00
|
|
|
@model={{this.member}}
|
2020-05-20 16:55:41 +03:00
|
|
|
@confirm={{this.deleteMember}}
|
|
|
|
@close={{this.toggleDeleteMemberModal}}
|
2019-12-12 16:35:52 +03:00
|
|
|
@modifier="action wide" />
|
2019-10-02 07:00:03 +03:00
|
|
|
{{/if}}
|
2020-02-27 06:50:15 +03:00
|
|
|
|
|
|
|
{{#if this.showImpersonateMemberModal}}
|
|
|
|
<GhFullscreenModal
|
|
|
|
@modal="impersonate-member"
|
|
|
|
@model={{this.member}}
|
2020-05-20 16:55:41 +03:00
|
|
|
@close={{this.toggleImpersonateMemberModal}}
|
2020-02-27 06:50:15 +03:00
|
|
|
@modifier="action wide" />
|
|
|
|
{{/if}}
|
2021-09-08 20:29:41 +03:00
|
|
|
|
|
|
|
{{#if this.showLabelModal}}
|
|
|
|
<GhFullscreenModal
|
|
|
|
@modal="members-label-form"
|
|
|
|
@model={{this.labelModalData}}
|
|
|
|
@close={{this.toggleLabelModal}}
|
|
|
|
@modifier="action wide"
|
|
|
|
/>
|
|
|
|
{{/if}}
|