From eece1446f2ae265d98c12689a1f56ba430478091 Mon Sep 17 00:00:00 2001
From: Connor Turland <connorturland@gmail.com>
Date: Tue, 2 Dec 2014 13:32:36 -0500
Subject: [PATCH] added tutorial

---
 app/assets/javascripts/src/Metamaps.js | 7 +++----
 app/assets/stylesheets/application.css | 7 +++++++
 app/views/shared/_cheatsheet.html.erb  | 6 +++---
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/app/assets/javascripts/src/Metamaps.js b/app/assets/javascripts/src/Metamaps.js
index 5129e209..67629530 100644
--- a/app/assets/javascripts/src/Metamaps.js
+++ b/app/assets/javascripts/src/Metamaps.js
@@ -4620,7 +4620,6 @@ Metamaps.Map.CheatSheet = {
     init: function () {
         // tab the cheatsheet
         $('#cheatSheet').tabs();
-        $('#cheatSheet').tabs("disable", 1); // TODO re-enable once the tutorials are in
         $('#quickReference').tabs().addClass("ui-tabs-vertical ui-helper-clearfix");
         $("#quickReference .ui-tabs-nav li").removeClass("ui-corner-top").addClass("ui-corner-left");
         
@@ -4632,13 +4631,13 @@ Metamaps.Map.CheatSheet = {
         };
 
         $('#gettingStarted').click(function() {
-            switchVideo(this,'88334167');
+            //switchVideo(this,'88334167');
         });
         $('#upYourSkillz').click(function() {
-            switchVideo(this,'100118167');
+            //switchVideo(this,'100118167');
         });
         $('#advancedMapping').click(function() {
-            switchVideo(this,'88334167');
+            //switchVideo(this,'88334167');
         });
     }
 }; // end Metamaps.Map.CheatSheet
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index f4120faf..4d5326fe 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -2710,6 +2710,13 @@ and it won't be important on password protected instances */
 .tutorialItem.active {
     color: #00bcd4;
 }
+.tutorialItem.disable {
+    color: #999;
+    cursor: default;
+}
+.tutorialItem.disable:hover {
+    color: #999;
+}
 #upYourSkillz {
     margin: 0 68px;
 }
diff --git a/app/views/shared/_cheatsheet.html.erb b/app/views/shared/_cheatsheet.html.erb
index 7d392eb8..f0a2ffbc 100644
--- a/app/views/shared/_cheatsheet.html.erb
+++ b/app/views/shared/_cheatsheet.html.erb
@@ -142,10 +142,10 @@
 </div>
 
 <div id="tutorials">
-    <iframe id="tutorialVideo" src="//player.vimeo.com/video/88334167" width="552" height="326" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+    <iframe id="tutorialVideo" src="//player.vimeo.com/video/88334167" width="552" height="320" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
     <div class="tutorialItem active" id="gettingStarted">1. GETTING STARTED</div>
-    <div class="tutorialItem" id="upYourSkillz">2. UP YOUR SKILLZ</div>
-    <div class="tutorialItem" id="advancedMapping">3. ADVANCED MAPPING</div>
+    <div class="tutorialItem disable" id="upYourSkillz">2. UP YOUR SKILLZ</div>
+    <div class="tutorialItem disable" id="advancedMapping">3. ADVANCED MAPPING</div>
 </div>
 
 <div id="moreResources">