2015-05-17 15:31:54 +03:00
|
|
|
<div class="gh-flow">
|
2014-07-30 19:04:03 +04:00
|
|
|
|
2015-05-17 15:31:54 +03:00
|
|
|
<div class="gh-flow-content-wrap">
|
|
|
|
<section class="gh-flow-content">
|
2016-09-30 14:43:40 +03:00
|
|
|
{{#if config.ghostOAuth}}
|
|
|
|
<header>
|
|
|
|
<h1>{{config.blogTitle}}</h1>
|
|
|
|
<p>
|
|
|
|
{{!-- TODO: show invite creator's name/email --}}
|
|
|
|
Accept your invite from <strong>{{model.invitedBy}}</strong>
|
|
|
|
</p>
|
|
|
|
</header>
|
|
|
|
|
|
|
|
<form id="signup" class="gh-signin" method="post" novalidate="novalidate">
|
2017-04-13 15:05:29 +03:00
|
|
|
{{gh-task-button "Sign in with Ghost to accept"
|
|
|
|
task=authenticateWithGhostOrg
|
|
|
|
type="submit"
|
|
|
|
class="login gh-btn gh-btn-blue gh-btn-block gh-btn-icon"
|
|
|
|
tabindex="3"}}
|
2016-09-30 14:43:40 +03:00
|
|
|
</form>
|
2017-04-13 15:05:29 +03:00
|
|
|
|
2016-09-30 14:43:40 +03:00
|
|
|
{{else}}
|
|
|
|
<header>
|
|
|
|
<h1>Create your account</h1>
|
|
|
|
</header>
|
|
|
|
|
|
|
|
<form id="signup" class="gh-flow-create" method="post" novalidate="novalidate">
|
|
|
|
{{!-- Hack to stop Chrome's broken auto-fills --}}
|
|
|
|
<input style="display:none;" type="text" name="fakeusernameremembered"/>
|
|
|
|
<input style="display:none;" type="password" name="fakepasswordremembered"/>
|
|
|
|
|
2017-04-13 15:05:29 +03:00
|
|
|
{{gh-profile-image email=model.email setImage=(action "setImage")}}
|
2016-09-30 14:43:40 +03:00
|
|
|
|
|
|
|
{{#gh-form-group}}
|
|
|
|
<label for="email-address">Email address</label>
|
2017-04-14 19:22:14 +03:00
|
|
|
<span class="gh-input-icon gh-icon-mail">
|
|
|
|
{{inline-svg "email"}}
|
2017-04-13 15:05:29 +03:00
|
|
|
{{gh-input model.email
|
|
|
|
type="email"
|
|
|
|
name="email"
|
|
|
|
placeholder="Eg. john@example.com"
|
|
|
|
disabled="disabled"
|
|
|
|
autocorrect="off"}}
|
2016-09-30 14:43:40 +03:00
|
|
|
</span>
|
|
|
|
{{/gh-form-group}}
|
|
|
|
|
|
|
|
{{#gh-form-group errors=model.errors hasValidated=hasValidated property="name"}}
|
|
|
|
<label for="full-name">Full name</label>
|
2017-04-14 19:22:14 +03:00
|
|
|
<span class="gh-input-icon gh-icon-user">
|
|
|
|
{{inline-svg "user-circle"}}
|
2017-04-13 15:05:29 +03:00
|
|
|
{{gh-trim-focus-input model.name
|
|
|
|
tabindex="1"
|
|
|
|
type="text"
|
|
|
|
name="name"
|
|
|
|
placeholder="Eg. John H. Watson"
|
|
|
|
autocorrect="off"
|
|
|
|
onenter=(action "signup")
|
|
|
|
focusOut=(action "validate" "name")
|
|
|
|
update=(action (mut model.name))}}
|
2016-09-30 14:43:40 +03:00
|
|
|
</span>
|
|
|
|
{{gh-error-message errors=model.errors property="name"}}
|
|
|
|
{{/gh-form-group}}
|
|
|
|
|
|
|
|
{{#gh-form-group errors=model.errors hasValidated=hasValidated property="password"}}
|
|
|
|
<label for="password">Password</label>
|
2017-04-14 19:22:14 +03:00
|
|
|
<span class="gh-input-icon gh-icon-lock">
|
|
|
|
{{inline-svg "lock"}}
|
2017-04-13 15:05:29 +03:00
|
|
|
{{gh-input model.password
|
|
|
|
tabindex="2"
|
|
|
|
type="password"
|
|
|
|
name="password"
|
|
|
|
placeholder="At least 8 characters"
|
|
|
|
onenter=(action "signup")
|
|
|
|
autocorrect="off"
|
|
|
|
focusOut=(action "validate" "password")
|
|
|
|
update=(action (mut model.password))}}
|
2016-09-30 14:43:40 +03:00
|
|
|
</span>
|
|
|
|
{{gh-error-message errors=model.errors property="password"}}
|
|
|
|
{{/gh-form-group}}
|
|
|
|
</form>
|
|
|
|
|
2017-04-13 15:05:29 +03:00
|
|
|
{{gh-task-button "Create Account"
|
|
|
|
runningText="Creating"
|
|
|
|
task=signup
|
|
|
|
class="gh-btn gh-btn-green gh-btn-lg gh-btn-block gh-btn-icon"
|
|
|
|
tabindex="3"}}
|
2016-09-30 14:43:40 +03:00
|
|
|
{{/if}}
|
|
|
|
|
2017-04-19 13:27:32 +03:00
|
|
|
<p class="main-error">{{{if flowErrors flowErrors " "}}}</p>
|
2015-05-17 15:31:54 +03:00
|
|
|
</section>
|
2014-07-17 15:34:40 +04:00
|
|
|
</div>
|
2015-05-17 15:31:54 +03:00
|
|
|
|
|
|
|
</div>
|