From cc786c4241b415e8d5adc2ee0e9eebd15d2d48dc Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Wed, 2 Apr 2014 23:37:19 -0500
Subject: [PATCH] navigate tips

---
 app/assets/javascripts/outfits/edit.js    | 20 ++++++++++++++++++++
 app/assets/stylesheets/outfits/_edit.sass |  8 ++++++++
 app/views/outfits/edit.html.haml          |  7 ++++++-
 3 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/outfits/edit.js b/app/assets/javascripts/outfits/edit.js
index df5a6099..c58fedda 100644
--- a/app/assets/javascripts/outfits/edit.js
+++ b/app/assets/javascripts/outfits/edit.js
@@ -1362,9 +1362,29 @@ View.PrankColorMessage = function(wardrobe) {
 
 View.Tips = function() {
   var wrapper = $('#tips');
+
   var tips = wrapper.find('li');
   var index = Math.floor(Math.random() * tips.length);
   tips.eq(index).show();
+
+  for (var i = 0; i < tips.length; i++) {
+    var prev = i == 0 ? tips.eq(tips.length - 1) : tips.eq(i - 1);
+    var curr = tips.eq(i);
+    var next = i < tips.length - 1 ? tips.eq(i + 1) : tips.eq(0);
+    (function(prev, curr, next) {
+      curr.find('a.prev').click(function(e) {
+        e.preventDefault();
+        curr.hide();
+        prev.show();
+      });
+
+      curr.find('a.next').click(function(e) {
+        e.preventDefault();
+        curr.hide();
+        next.show();
+      });
+    })(prev, curr, next);
+  }
 }
 
 var userbar_sessions_link = $('#userbar a:last');
diff --git a/app/assets/stylesheets/outfits/_edit.sass b/app/assets/stylesheets/outfits/_edit.sass
index 5542f2f1..eaa30011 100644
--- a/app/assets/stylesheets/outfits/_edit.sass
+++ b/app/assets/stylesheets/outfits/_edit.sass
@@ -275,6 +275,14 @@ body.outfits-edit
       padding-left: image-width("tip.png") + 12px
       width: 400px
 
+      footer
+        color: $soft-text-color
+        font-size: 85%
+        text-align: right
+
+        a, span
+          margin-left: .5em
+
   #preview-search-advanced
     display: none
 
diff --git a/app/views/outfits/edit.html.haml b/app/views/outfits/edit.html.haml
index 1444403c..dcaeb490 100644
--- a/app/views/outfits/edit.html.haml
+++ b/app/views/outfits/edit.html.haml
@@ -109,10 +109,15 @@
         %ul#preview-search-results
         #tips
           %ul
-            - WardrobeTip.by_index.each do |tip|
+            - tips = WardrobeTip.by_index.all
+            - tips.each_with_index do |tip, index|
               %li
                 %h3 Did you know?
                 %div= md tip.body
+                %footer
+                  %a.prev{href: 'javascript:void(0)'} &larr; Prev
+                  %span Tip #{index + 1} of #{tips.size}
+                  %a.next{href: 'javascript:void(0)'} Next &rarr;
     %form#preview-search-advanced
       %header
         %h2= t '.search.advanced.header'