mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-28 22:43:30 +03:00
3c851293c1
no issue We were in a part-way state where some touched files had been (sometimes partially) migrated to explicit `this`. The codemod that was available has now fixed the formatting issues it had so it was a good time to run it. https://github.com/ember-codemods/ember-no-implicit-this-codemod - part of the migration path for https://github.com/emberjs/rfcs/pull/308 - starts to make template resolution rules more explicit - `<MyComponent />` - always a component - `{{my-component}}` - component or helper (components _must_ have a `-`. This style of component will go away once fully migrated to angle bracket components) - `{{value}}` - a helper or local template variable - `{{this.value}}` - reference to a property on the backing context (either a controller or a component JS file)
90 lines
4.2 KiB
Handlebars
90 lines
4.2 KiB
Handlebars
<div class="gh-flow">
|
|
|
|
<div class="gh-flow-content-wrap">
|
|
<section class="gh-flow-content">
|
|
<header>
|
|
<h1>Create your account</h1>
|
|
</header>
|
|
|
|
<form id="signup" class="gh-flow-create" method="post" novalidate="novalidate" onsubmit={{action "submit"}}>
|
|
{{gh-profile-image email=this.signupDetails.email setImage=(action "setImage")}}
|
|
|
|
{{#gh-form-group errors=this.signupDetails.errors hasValidated=this.signupDetails.hasValidated property="name"}}
|
|
<label for="name">Full name</label>
|
|
<span class="gh-input-icon gh-icon-user">
|
|
{{svg-jar "user-circle"}}
|
|
{{gh-trim-focus-input
|
|
tabindex="1"
|
|
type="text"
|
|
id="display-name"
|
|
name="display-name"
|
|
placeholder="Eg. John H. Watson"
|
|
autocorrect="off"
|
|
autocomplete="name"
|
|
value=(readonly this.signupDetails.name)
|
|
input=(action (mut this.signupDetails.name) value="target.value")
|
|
focus-out=(action "validate" "name")
|
|
data-test-input="name"
|
|
}}
|
|
</span>
|
|
{{gh-error-message errors=this.signupDetails.errors property="name"}}
|
|
{{/gh-form-group}}
|
|
|
|
{{#gh-form-group errors=this.signupDetails.errors hasValidated=this.signupDetails.hasValidated property="email"}}
|
|
<label for="email">Email address</label>
|
|
<span class="gh-input-icon gh-icon-mail">
|
|
{{svg-jar "email"}}
|
|
{{gh-text-input
|
|
tabindex="2"
|
|
type="text"
|
|
id="username"
|
|
name="username"
|
|
placeholder="Eg. john@example.com"
|
|
autocorrect="off"
|
|
autocomplete="username email"
|
|
value=(readonly this.signupDetails.email)
|
|
input=(action (mut this.signupDetails.email) value="target.value")
|
|
focus-out=(action "validate" "email")
|
|
data-test-input="email"
|
|
}}
|
|
</span>
|
|
{{gh-error-message errors=this.signupDetails.errors property="email"}}
|
|
{{/gh-form-group}}
|
|
|
|
{{#gh-form-group errors=this.signupDetails.errors hasValidated=this.signupDetails.hasValidated property="password"}}
|
|
<label for="password">Password</label>
|
|
<span class="gh-input-icon gh-icon-lock">
|
|
{{svg-jar "lock"}}
|
|
{{gh-text-input
|
|
tabindex="3"
|
|
type="password"
|
|
id="password"
|
|
name="password"
|
|
placeholder="At least 10 characters"
|
|
autocorrect="off"
|
|
autocomplete="new-password"
|
|
value=(readonly this.signupDetails.password)
|
|
input=(action (mut this.signupDetails.password) value="target.value")
|
|
focus-out=(action "validate" "password")
|
|
data-test-input="password"
|
|
}}
|
|
</span>
|
|
{{gh-error-message errors=this.signupDetails.errors property="password"}}
|
|
{{/gh-form-group}}
|
|
</form>
|
|
|
|
{{gh-task-button "Create Account"
|
|
type="submit"
|
|
form="signup"
|
|
defaultClick=true
|
|
runningText="Creating"
|
|
task=this.signup
|
|
class="gh-btn gh-btn-green gh-btn-lg gh-btn-block gh-btn-icon"
|
|
tabindex="3"}}
|
|
|
|
<p class="main-error">{{if this.flowErrors this.flowErrors}} </p>
|
|
</section>
|
|
</div>
|
|
|
|
</div>
|