mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-28 05:14:12 +03:00
986d5c6299
Specified type='button' for the buttons in the form so they don't get pseudo clicked on enter key in inputs. Added a keyup handler to check for enter keys in the inputs and do the proper action based on where you are in the form.
88 lines
3.3 KiB
Handlebars
88 lines
3.3 KiB
Handlebars
<header>
|
|
<button class="button-back">Back</button>
|
|
<h2 class="title">Your Profile</h2>
|
|
<section class="page-actions">
|
|
<button class="button-save">Save</button>
|
|
</section>
|
|
</header>
|
|
|
|
<section class="content no-padding">
|
|
|
|
<header class="user-profile-header">
|
|
<img id="user-cover" class="cover-image" src="{{#if cover}}{{cover}}{{else}}/shared/img/user-cover.png{{/if}}" title="{{name}}'s Cover Image"/>
|
|
<button class="edit-cover-image js-modal-cover">Change Cover</button>
|
|
</header>
|
|
|
|
<form class="user-profile" novalidate="novalidate">
|
|
|
|
<fieldset class="user-details-top">
|
|
|
|
<figure class="user-image">
|
|
<a id="user-image" class="img" {{#if image}}style="background-image: url({{image}});"{{/if}} href="#"><span class="hidden">{{name}}'s Picture</span></a>
|
|
<button type="button" class="edit-user-image js-modal-image">Edit Picture</button>
|
|
</figure>
|
|
|
|
<div class="form-group">
|
|
<label for="user-name" class="hidden">Full Name</label>
|
|
<input type="url" value="{{name}}" id="user-name" placeholder="Full Name" autocorrect="off" />
|
|
<p>Use your real name so people can recognise you</p>
|
|
</div>
|
|
|
|
</fieldset>
|
|
|
|
<fieldset class="user-details-bottom">
|
|
|
|
<div class="form-group">
|
|
<label for"user-email">Email</label>
|
|
<input type="email" value="{{email}}" id="user-email" placeholder="Email Address" autocapitalize="off" autocorrect="off" />
|
|
<p>Used for notifications</p>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="user-location">Location</label>
|
|
<input type="text" value="{{location}}" id="user-location" />
|
|
<p>Where in the world do you live?</p>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="user-website">Website</label>
|
|
<input type="text" value="{{website}}" id="user-website" autocapitalize="off" autocorrect="off" />
|
|
<p>Have a website or blog other than this one? Link it!</p>
|
|
</div>
|
|
|
|
<div class="form-group bio-container">
|
|
<label for="user-bio">Bio</label>
|
|
<textarea id="user-bio">{{bio}}</textarea>
|
|
<p class="bio-desc">Write about you, in 200 characters or less.</p>
|
|
<span class="word-count">0</span>
|
|
</div>
|
|
|
|
<hr />
|
|
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
|
|
<div class="form-group">
|
|
<label for="user-password-old">Old Password</label>
|
|
<input type="password" id="user-password-old" />
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="user-password-new">New Password</label>
|
|
<input type="password" id="user-password-new" />
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="user-new-password-verification">Verify Password</label>
|
|
<input type="password" id="user-new-password-verification" />
|
|
</div>
|
|
<div class="form-group">
|
|
<button type="button" class="button-delete button-change-password">Change Password</button>
|
|
</div>
|
|
|
|
</fieldset>
|
|
|
|
</form>
|
|
</section>
|