added tutorial

This commit is contained in:
Connor Turland 2014-12-02 13:32:36 -05:00
parent 9b415e4e6d
commit eece1446f2
3 changed files with 13 additions and 7 deletions

View file

@ -4620,7 +4620,6 @@ Metamaps.Map.CheatSheet = {
init: function () { init: function () {
// tab the cheatsheet // tab the cheatsheet
$('#cheatSheet').tabs(); $('#cheatSheet').tabs();
$('#cheatSheet').tabs("disable", 1); // TODO re-enable once the tutorials are in
$('#quickReference').tabs().addClass("ui-tabs-vertical ui-helper-clearfix"); $('#quickReference').tabs().addClass("ui-tabs-vertical ui-helper-clearfix");
$("#quickReference .ui-tabs-nav li").removeClass("ui-corner-top").addClass("ui-corner-left"); $("#quickReference .ui-tabs-nav li").removeClass("ui-corner-top").addClass("ui-corner-left");
@ -4632,13 +4631,13 @@ Metamaps.Map.CheatSheet = {
}; };
$('#gettingStarted').click(function() { $('#gettingStarted').click(function() {
switchVideo(this,'88334167'); //switchVideo(this,'88334167');
}); });
$('#upYourSkillz').click(function() { $('#upYourSkillz').click(function() {
switchVideo(this,'100118167'); //switchVideo(this,'100118167');
}); });
$('#advancedMapping').click(function() { $('#advancedMapping').click(function() {
switchVideo(this,'88334167'); //switchVideo(this,'88334167');
}); });
} }
}; // end Metamaps.Map.CheatSheet }; // end Metamaps.Map.CheatSheet

View file

@ -2710,6 +2710,13 @@ and it won't be important on password protected instances */
.tutorialItem.active { .tutorialItem.active {
color: #00bcd4; color: #00bcd4;
} }
.tutorialItem.disable {
color: #999;
cursor: default;
}
.tutorialItem.disable:hover {
color: #999;
}
#upYourSkillz { #upYourSkillz {
margin: 0 68px; margin: 0 68px;
} }

View file

@ -142,10 +142,10 @@
</div> </div>
<div id="tutorials"> <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 active" id="gettingStarted">1. GETTING STARTED</div>
<div class="tutorialItem" id="upYourSkillz">2. UP YOUR SKILLZ</div> <div class="tutorialItem disable" id="upYourSkillz">2. UP YOUR SKILLZ</div>
<div class="tutorialItem" id="advancedMapping">3. ADVANCED MAPPING</div> <div class="tutorialItem disable" id="advancedMapping">3. ADVANCED MAPPING</div>
</div> </div>
<div id="moreResources"> <div id="moreResources">