From c4b754e53b9c7c233547ccf23d81774101386b10 Mon Sep 17 00:00:00 2001
From: Jason Croft <jcroft@velocity.org>
Date: Thu, 12 May 2016 15:21:05 -0400
Subject: [PATCH] Add avatar to History page.

---
 public/css/cover.css   | 5 +++++
 public/js/cover.js     | 2 ++
 public/views/index.ejs | 1 +
 3 files changed, 8 insertions(+)

diff --git a/public/css/cover.css b/public/css/cover.css
index 0a731cd..351babd 100644
--- a/public/css/cover.css
+++ b/public/css/cover.css
@@ -247,6 +247,11 @@ input {
 .sort.desc {
     text-decoration: underline;
 }
+.ui-avatar {
+    border-radius: 15em;
+    height: auto;
+    width: 200px;
+}
 .ui-history-close {
     position: absolute;
     right: 14px;
diff --git a/public/js/cover.js b/public/js/cover.js
index dde0c67..a7ee855 100644
--- a/public/js/cover.js
+++ b/public/js/cover.js
@@ -32,6 +32,7 @@ function pageInit() {
             $('.ui-signin').hide();
             $('.ui-or').hide();
             $('.ui-welcome').show();
+            $('.ui-avatar').prop('src',data.photo);
             $('.ui-name').html(data.name);
             $('.ui-signout').show();
             $(".ui-history").click();
@@ -41,6 +42,7 @@ function pageInit() {
             $('.ui-signin').slideDown();
             $('.ui-or').slideDown();
             $('.ui-welcome').hide();
+            $('.ui-avatar').prop('src','');
             $('.ui-name').html('');
             $('.ui-signout').hide();
             parseStorageToHistory(historyList, parseHistoryCallback);
diff --git a/public/views/index.ejs b/public/views/index.ejs
index 69b525e..c846884 100644
--- a/public/views/index.ejs
+++ b/public/views/index.ejs
@@ -77,6 +77,7 @@
                         <p>Below are history from browser</p>
                     </div>
                     <div class="ui-signout" style="display:none;">
+                        <img class="ui-avatar" />
                         <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="#" class="btn btn-danger ui-logout">Sign Out</a>