Add avatar to History page.

This commit is contained in:
Jason Croft 2016-05-12 15:21:05 -04:00
parent 4aa4e3eacc
commit c4b754e53b
3 changed files with 8 additions and 0 deletions

View file

@ -247,6 +247,11 @@ input {
.sort.desc { .sort.desc {
text-decoration: underline; text-decoration: underline;
} }
.ui-avatar {
border-radius: 15em;
height: auto;
width: 200px;
}
.ui-history-close { .ui-history-close {
position: absolute; position: absolute;
right: 14px; right: 14px;

View file

@ -32,6 +32,7 @@ function pageInit() {
$('.ui-signin').hide(); $('.ui-signin').hide();
$('.ui-or').hide(); $('.ui-or').hide();
$('.ui-welcome').show(); $('.ui-welcome').show();
$('.ui-avatar').prop('src',data.photo);
$('.ui-name').html(data.name); $('.ui-name').html(data.name);
$('.ui-signout').show(); $('.ui-signout').show();
$(".ui-history").click(); $(".ui-history").click();
@ -41,6 +42,7 @@ function pageInit() {
$('.ui-signin').slideDown(); $('.ui-signin').slideDown();
$('.ui-or').slideDown(); $('.ui-or').slideDown();
$('.ui-welcome').hide(); $('.ui-welcome').hide();
$('.ui-avatar').prop('src','');
$('.ui-name').html(''); $('.ui-name').html('');
$('.ui-signout').hide(); $('.ui-signout').hide();
parseStorageToHistory(historyList, parseHistoryCallback); parseStorageToHistory(historyList, parseHistoryCallback);

View file

@ -77,6 +77,7 @@
<p>Below are history from browser</p> <p>Below are history from browser</p>
</div> </div>
<div class="ui-signout" style="display:none;"> <div class="ui-signout" style="display:none;">
<img class="ui-avatar" />
<h4 class="ui-welcome">Welcome! <span class="ui-name"></span></h4> <h4 class="ui-welcome">Welcome! <span class="ui-name"></span></h4>
<a href="<%- url %>/new" class="btn btn-default">New note</a> Or <a href="<%- url %>/new" class="btn btn-default">New note</a> Or
<a href="#" class="btn btn-danger ui-logout">Sign Out</a> <a href="#" class="btn btn-danger ui-logout">Sign Out</a>