From d803f5572277eb0cf434c5252ee884e270e79f3d Mon Sep 17 00:00:00 2001
From: Yuval Adam <yuval@y3xz.com>
Date: Sun, 12 Jul 2015 15:27:15 +0300
Subject: Add final username signature

---
 client/button.js             | 9 +++++++++
 client/colors.less           | 9 ++++++++-
 client/templates/photos.html | 5 ++++-
 3 files changed, 21 insertions(+), 2 deletions(-)

(limited to 'client')

diff --git a/client/button.js b/client/button.js
index 9e3e834..2cdac14 100644
--- a/client/button.js
+++ b/client/button.js
@@ -116,7 +116,12 @@ function animate2() {
 
   _.delay(function() {
     $('h2.title').html('Done!<div class="sec">This is your icon!</div>');
+    $('span.final-username').text(Session.get('username'));
+    var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+    $('span.final-date').text(months[Session.get('date').month-1] + ' ' + Session.get('date').year);
     $('div.final div.final-dominants').hide();
+
+    $('div.final-userdate').show();
     $('div.final div.share').show();
     $('div.about-link').show();
   }, delay + 2000);
@@ -166,6 +171,10 @@ Template.dates.events({
           Session.set('date', { month: month, year: year });
           Session.set('photos', photos);
 
+          Meteor.call('getInstagramUsername', function (err, res) {
+            Session.set('username', res);
+          });
+
           $('form.dates div.error').hide();
           $('form.dates button.dates').show();
         }
diff --git a/client/colors.less b/client/colors.less
index d1c87d7..0b151a2 100644
--- a/client/colors.less
+++ b/client/colors.less
@@ -267,6 +267,13 @@ body {
         text-align: center;
         -webkit-justify-content: center;
         justify-content: center;
+        margin-top: 80px;
+        div.canvas {
+          div.final-userdate {
+            margin-top: 12px;
+            font-family: 'Cutive Mono', serif;
+          }
+        }
         div.final-dominants {
           margin-left: 40px;
           width: 260px;
@@ -291,7 +298,7 @@ body {
           }
         }
         div.share {
-          margin-left: 40px;
+          margin-left: 70px;
           width: 260px;
           button {
             display: block;
diff --git a/client/templates/photos.html b/client/templates/photos.html
index 9259385..2b9cfef 100644
--- a/client/templates/photos.html
+++ b/client/templates/photos.html
@@ -33,7 +33,10 @@
       <button class="continue">Continue</button>
     </div>
     <div class="final" style="display: none">
-      <canvas id="canvas-final" style="height: 315px; width: 315px;"></canvas>
+      <div class="canvas">
+        <canvas id="canvas-final" style="height: 315px; width: 315px;"></canvas>
+        <div class="final-userdate" style="display: none;">@<span class="final-username"></span> / <span class="final-date"></span></div>
+      </div>
       <div class="final-dominants">
         <div id="dominant1" class="color"></div>
         <ol id="dominant1">
-- 
cgit v1.3.1