2014-05-15 08:00:15 +04:00
|
|
|
<header class="fade-in">
|
2014-03-10 07:44:08 +04:00
|
|
|
<button class="button-back">Back</button>
|
|
|
|
<h2 class="title">Your Profile</h2>
|
|
|
|
<section class="page-actions">
|
2014-06-02 00:29:25 +04:00
|
|
|
<button class="button-save" {{action "save"}}>Save</button>
|
2014-03-10 07:44:08 +04:00
|
|
|
</section>
|
|
|
|
</header>
|
|
|
|
|
2014-05-15 08:00:15 +04:00
|
|
|
<section class="content no-padding fade-in">
|
2014-03-10 07:44:08 +04:00
|
|
|
|
|
|
|
<header class="user-profile-header">
|
2014-03-23 06:31:45 +04:00
|
|
|
<img id="user-cover" class="cover-image" {{bind-attr src=cover title=coverTitle}} />
|
2014-03-10 07:44:08 +04:00
|
|
|
|
2014-06-06 18:44:09 +04:00
|
|
|
<a class="edit-cover-image js-modal-cover button" {{action "openModal" "upload" user "cover"}}>Change Cover</a>
|
2014-03-10 07:44:08 +04:00
|
|
|
</header>
|
|
|
|
|
|
|
|
<form class="user-profile" novalidate="novalidate">
|
|
|
|
|
|
|
|
<fieldset class="user-details-top">
|
|
|
|
|
|
|
|
<figure class="user-image">
|
2014-06-02 00:29:25 +04:00
|
|
|
<div id="user-image" class="img" {{bind-attr style=image}} href="#"><span class="hidden">{{name}}"s Picture</span></div>
|
2014-06-06 18:44:09 +04:00
|
|
|
<a href="" {{action "openModal" "upload" user "image"}} class="edit-user-image js-modal-image">Edit Picture</a>
|
2014-03-10 07:44:08 +04:00
|
|
|
</figure>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="user-name" class="hidden">Full Name</label>
|
2014-03-23 06:31:45 +04:00
|
|
|
{{input value=user.name id="user-name" placeholder="Full Name" autocorrect="off"}}
|
2014-03-10 07:44:08 +04:00
|
|
|
<p>Use your real name so people can recognise you</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
|
|
<fieldset class="user-details-bottom">
|
|
|
|
|
|
|
|
<div class="form-group">
|
2014-06-14 08:32:13 +04:00
|
|
|
<label for="user-email">Email</label>
|
2014-03-23 06:31:45 +04:00
|
|
|
{{input type="email" value=user.email id="user-email" placeholder="Email Address" autocapitalize="off" autocorrect="off"}}
|
2014-03-10 07:44:08 +04:00
|
|
|
<p>Used for notifications</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="user-location">Location</label>
|
2014-03-23 06:31:45 +04:00
|
|
|
{{input type="text" value=user.location id="user-location"}}
|
2014-03-10 07:44:08 +04:00
|
|
|
<p>Where in the world do you live?</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="user-website">Website</label>
|
2014-05-12 23:07:59 +04:00
|
|
|
{{input type="url" value=user.website id="user-website" placeholder="http://www.ghost.org/" autocapitalize="off" autocorrect="off"}}
|
2014-03-10 07:44:08 +04:00
|
|
|
<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>
|
2014-03-23 06:31:45 +04:00
|
|
|
{{textarea id="user-bio" value=user.bio}}
|
2014-03-10 07:44:08 +04:00
|
|
|
<p>
|
|
|
|
Write about you, in 200 characters or less.
|
2014-05-28 23:26:05 +04:00
|
|
|
<span class="word-count">{{gh-count-words user.bio}}</span>
|
2014-03-10 07:44:08 +04:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<hr />
|
|
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
|
|
<fieldset>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="user-password-old">Old Password</label>
|
2014-03-23 06:31:45 +04:00
|
|
|
{{input value=password type="password" id="user-password-old"}}
|
2014-03-10 07:44:08 +04:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="user-password-new">New Password</label>
|
2014-03-31 13:57:50 +04:00
|
|
|
{{input value=newPassword type="password" id="user-password-new"}}
|
2014-03-10 07:44:08 +04:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="user-new-password-verification">Verify Password</label>
|
2014-03-31 13:57:50 +04:00
|
|
|
{{input value=ne2Password type="password" id="user-new-password-verification"}}
|
2014-03-10 07:44:08 +04:00
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
2014-06-02 00:29:25 +04:00
|
|
|
<button type="button" class="button-delete button-change-password" {{action "password"}}>Change Password</button>
|
2014-03-10 07:44:08 +04:00
|
|
|
</div>
|
|
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
|
|
</form>
|
|
|
|
</section>
|