2020-02-27 06:50:15 +03:00
<header class="modal-header flex justify-center">
<h1 style="margin: 0;">Impersonate</h1>
</header>
{{!-- disable mouseDown so it doesn't trigger focus-out validations --}}
2020-05-28 19:11:21 +03:00
<a class="close" href role="button" title="Close" {{ action "closeModal" }} {{ action ( optional this .noop ) on = "mouseDown" }} >
2020-02-27 06:50:15 +03:00
{{ svg-jar "close" }} <span class="hidden">Close</span>
</a>
<div class="modal-body">
<div class="flex items-center justify-center mt4 mb4">
<GhMemberAvatar
@member= {{ this .member }}
@sizeClass= {{ if this .member .name 'f-headline fw4 lh-zero tracked-1' 'f-headline fw4 lh-zero tracked-1' }}
@containerClass="w25 h25 gh-member-detail-avatar" />
</div>
<p class="tc pl4 pr4">
This is an authentication link to sign into <strong> {{ this .config .blogTitle }} </strong> as <strong> {{ this .member .email }} </strong>, you can send it to them if they need it, or use it to sign into their account for customer support.
</p>
<fieldset>
<div class="gh-input-group">
<GhTextInput
@id="member-signin-url"
@name="member-signin-url"
@disabled= {{ true }}
@value= {{ readonly signinUrl }}
2020-06-01 11:04:12 +03:00
@placeholder=" {{ this .config .blogUrl }} /members/?token=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
2020-02-27 06:50:15 +03:00
/>
2020-06-01 11:04:12 +03:00
{{ # if signinUrl }}
<GhTaskButton
2020-02-27 06:50:15 +03:00
@buttonText="Copy link"
@task= {{ this .copySigninUrl }}
@successText="Link copied"
2021-03-05 15:16:43 +03:00
@class="gh-btn gh-btn-black gh-btn-icon" />
2020-06-01 11:04:12 +03:00
{{ else }}
<GhTaskButton
@buttonText="Copy link"
@task= {{ this .copySigninUrl }}
@successText="Link copied"
@disabled="true"
2021-03-05 15:16:43 +03:00
@class="gh-btn gh-btn-black gh-btn-icon" />
2020-06-01 11:04:12 +03:00
{{ / if }}
2020-02-27 06:50:15 +03:00
</div>
</fieldset>
</div>
<div>
2020-09-30 12:54:58 +03:00
<p class="tc pt4 mb2">This link is only valid for the next <strong>24 hours</strong></p>
2020-02-27 06:50:15 +03:00
</div>