glenux-contrib/metamaps--metamaps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

added tutorial

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/assets/javascripts/src/Metamaps.js
View file

@ -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

7
app/assets/stylesheets/application.css
View file

@ -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;
}

6
app/views/shared/_cheatsheet.html.erb
View file

@ -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">