1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost-Admin.git synced 2023-12-14 02:33:04 +01:00
Ghost-Admin/app/components/modal-impersonate-member.hbs
Kevin Ansfield d6058dbf27 Co-located component template files
no issue

Keeps component JS backing files and template files in the same directory which avoids hunting across directories when working with components. Also lets you see all components when looking at one directory, whereas previously template-only or js-only components may not have been obvious without looking at both directories.

- ran [codemod](https://github.com/ember-codemods/ember-component-template-colocation-migrator/) for app-level components
- manually moved in-repo-addon component templates in `lib/koenig-editor`
- removed all explicit `layout` imports as JS/template associations are now made at build-time removing the need for them
- updated `.embercli` to default to new flat component structure
2020-05-18 13:14:08 +01:00

42 lines
1.6 KiB
Handlebars

<header class="modal-header flex justify-center">
<h1 style="margin: 0;">Impersonate</h1>
</header>
{{!-- disable mouseDown so it doesn't trigger focus-out validations --}}
<a class="close" href title="Close" {{action "closeModal"}} {{action (optional this.noop) on="mouseDown"}}>
{{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}}
/>
<GhTaskButton
@autoReset={{true}}
@buttonText="Copy link"
@task={{this.copySigninUrl}}
@successText="Link copied"
@class="gh-btn gh-btn-blue gh-btn-icon" />
</div>
</fieldset>
</div>
<div>
<p class="tc pt4 mb2">This link is only valid for the next <strong>10 minutes</strong></p>
</div>