Add avatar to History page.
This commit is contained in:
parent
4aa4e3eacc
commit
c4b754e53b
3 changed files with 8 additions and 0 deletions
|
@ -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;
|
||||||
|
|
|
@ -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);
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue