Add avatar to History page.
This commit is contained in:
		
							parent
							
								
									4aa4e3eacc
								
							
						
					
					
						commit
						c4b754e53b
					
				@ -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…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user