[Client] Display age

This commit is contained in:
syuilo 2017-01-23 15:18:45 +09:00
parent b82eda5046
commit 6af87eef22
3 changed files with 7 additions and 2 deletions

View File

@ -135,6 +135,7 @@
"riot-compiler": "3.1.1", "riot-compiler": "3.1.1",
"riotify": "2.0.0", "riotify": "2.0.0",
"rndstr": "1.0.0", "rndstr": "1.0.0",
"s-age": "1.1.0",
"serve-favicon": "2.3.2", "serve-favicon": "2.3.2",
"shelljs": "0.7.6", "shelljs": "0.7.6",
"subdomain": "1.2.0", "subdomain": "1.2.0",

View File

@ -5,7 +5,7 @@
</div> </div>
<div class="bio" if={ user.bio != '' }>{ user.bio }</div> <div class="bio" if={ user.bio != '' }>{ user.bio }</div>
<div class="birthday" if={ user.birthday }> <div class="birthday" if={ user.birthday }>
<p><i class="fa fa-birthday-cake"></i>{ user.birthday.replace('-', '年').replace('-', '月') + '日' }</p> <p><i class="fa fa-birthday-cake"></i>{ user.birthday.replace('-', '年').replace('-', '月') + '日' } ({ age(user.birthday) }歳)</p>
</div> </div>
<div class="twitter" if={ user.twitter }> <div class="twitter" if={ user.twitter }>
<p><i class="fa fa-twitter"></i><a href={ 'https://twitter.com/' + user.twitter.screen_name } target="_blank">@{ user.twitter.screen_name }</a></p> <p><i class="fa fa-twitter"></i><a href={ 'https://twitter.com/' + user.twitter.screen_name } target="_blank">@{ user.twitter.screen_name }</a></p>
@ -80,6 +80,8 @@
</style> </style>
<script> <script>
@age = require \s-age
@mixin \i @mixin \i
@user = @opts.user @user = @opts.user

View File

@ -12,7 +12,7 @@
<div class="bio">{ user.bio }</div> <div class="bio">{ user.bio }</div>
<div class="info"> <div class="info">
<p class="location" if={ user.location }><i class="fa fa-map-marker"></i>{ user.location }</p> <p class="location" if={ user.location }><i class="fa fa-map-marker"></i>{ user.location }</p>
<p class="birthday" if={ user.birthday }><i class="fa fa-birthday-cake"></i>{ user.birthday.replace('-', '年').replace('-', '月') + '日' }</p> <p class="birthday" if={ user.birthday }><i class="fa fa-birthday-cake"></i>{ user.birthday.replace('-', '年').replace('-', '月') + '日' } ({ age(user.birthday) }歳)</p>
</div> </div>
<div class="friends"><a href="{ user.username }/following"><b>{ user.following_count }</b><i>フォロー</i></a><a href="{ user.username }/followers"><b>{ user.followers_count }</b><i>フォロワー</i></a></div> <div class="friends"><a href="{ user.username }/following"><b>{ user.following_count }</b><i>フォロー</i></a><a href="{ user.username }/followers"><b>{ user.followers_count }</b><i>フォロワー</i></a></div>
</div> </div>
@ -154,6 +154,8 @@
</style> </style>
<script> <script>
@age = require \s-age
@mixin \i @mixin \i
@mixin \api @mixin \api