Extract user's profile

This commit is contained in:
syuilo 2017-02-22 12:43:15 +09:00
parent ce216d218b
commit f2c5dc468c
10 changed files with 102 additions and 69 deletions

View file

@ -1,8 +1,14 @@
<mk-user-preview><a class="avatar-anchor" href={ CONFIG.url + '/' + user.username }><img class="avatar" src={ user.avatar_url + '?thumbnail&size=64' } alt="avatar"/></a>
<mk-user-preview>
<a class="avatar-anchor" href={ CONFIG.url + '/' + user.username }>
<img class="avatar" src={ user.avatar_url + '?thumbnail&size=64' } alt="avatar"/>
</a>
<div class="main">
<header><a class="name" href={ CONFIG.url + '/' + user.username }>{ user.name }</a><span class="username">@{ user.username }</span></header>
<header>
<a class="name" href={ CONFIG.url + '/' + user.username }>{ user.name }</a>
<span class="username">@{ user.username }</span>
</header>
<div class="body">
<div class="bio">{ user.bio }</div>
<div class="description">{ user.description }</div>
</div>
</div>
<style>
@ -75,7 +81,7 @@
> .body
> .bio
> .description
cursor default
display block
margin 0

View file

@ -14,13 +14,13 @@
<span class="username">@{ user.username }</span>
<span class="followed" if={ user.is_followed }>フォローされています</span>
</div>
<div class="bio">{ user.bio }</div>
<div class="description">{ user.description }</div>
<div class="info">
<p class="location" if={ user.location }>
<i class="fa fa-map-marker"></i>{ user.location }
<p class="location" if={ user.profile.location }>
<i class="fa fa-map-marker"></i>{ user.profile.location }
</p>
<p class="birthday" if={ user.birthday }>
<i class="fa fa-birthday-cake"></i>{ user.birthday.replace('-', '年').replace('-', '月') + '日' } ({ age(user.birthday) }歳)
<p class="birthday" if={ user.profile.birthday }>
<i class="fa fa-birthday-cake"></i>{ user.profile.birthday.replace('-', '年').replace('-', '月') + '日' } ({ age(user.profile.birthday) }歳)
</p>
</div>
<div class="friends">
@ -119,7 +119,7 @@
background #f8f8f8
border-radius 4px
> .bio
> .description
margin 8px 0
color #333