Skip to content
This repository has been archived by the owner on Apr 10, 2019. It is now read-only.

Dev #127

Merged
merged 3 commits into from Jan 28, 2013
Merged

Dev #127

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
b9ecdaa
Fixed the "untitled" link_node in the walkthrough. Now it reads "Cont…
jacobabrennan Jan 27, 2013
fd9905e
Discovered and fixed a bug whereby the demo link would not disappear …
jacobabrennan Jan 27, 2013
bed1155
Added 4th Learning Lab interactive video.
jacobabrennan Jan 27, 2013
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
2 changes: 1 addition & 1 deletion media/ignite/resources/js/global_popcorn_events_webrtc.js
View file
Open in desktop
Expand Up @@ -175,7 +175,7 @@ ignite.link_node_manager.content[0] = {
end: function (){
if(!this.displayed){ return;}
this.displayed = false;
var credits_button = document.getElementById("credits_link");
var credits_button = document.getElementById("demo_link");
credits_button.style.opacity = "0";
if(this.timeout_id){
clearTimeout(this.timeout_id);
Expand Down
261 changes: 261 additions & 0 deletions media/ignite/resources/js/global_popcorn_events_websockets.js
View file
Open in desktop
@@ -0,0 +1,261 @@
ignite.link_node_manager.content[0] = {
notes: "This is the global group of non-link_node objects.",
content: [
{notes: "The Ignite logo", time_in: 1, time_out: 3,
start: function (){
var logo1 = document.getElementById("logo1");
logo1.className = "centered_logo";
logo1.style.display = "block";
logo1.style.opacity = "0"
logo1.transition = "left 2s, top 1s, opacity 1s, height 1s, width 1s";
logo1.MozTransition = "left 2s, top 1s, opacity 1s, height 1s, width 1s";
logo1.WebkitTransition = "left 2s, top 1s, opacity 1s, height 1s, width 1s";
logo1.OTransition = "left 2s, top 1s, opacity 1s, height 1s, width 1s";
setTimeout(function (){
logo1.style.opacity = "1";
}, 100);
if(!this.setup){
this.setup = true;
ignite.popcorn.cue(this.time_in+1, function (){
logo1.className = "positioned_logo";
})
}
},
end: function (){
var logo1 = document.getElementById("logo1");
logo1.transition = " ";
logo1.MozTransition = " ";
logo1.WebkitTransition = " ";
logo1.OTransition = " ";
logo1.style.display = "block";
logo1.style.opacity = "1";
logo1.className = "positioned_logo";
},
check: function (time_code){
var logo1 = document.getElementById("logo1");
if(time_code < this.time_in){
logo1.className = "centered_logo";
logo1.style.display = "none";
logo1.style.opacity = "0";
} else if(time_code > this.time_out){
this.end();
}
}
},
{notes: "The WebSockets logo", time_in: 3, time_out: 4,
start: function (){
var logo2 = document.getElementById("logo2");
logo2.className = "centered_logo";
logo2.style.display = "block";
logo2.transition = "right 2s, top 1s, opacity 1s, height 1s, width 1s";
logo2.MozTransition = "right 2s, top 1s, opacity 1s, height 1s, width 1s";
logo2.WebkitTransition = "right 2s, top 1s, opacity 1s, height 1s, width 1s";
logo2.OTransition = "right 2s, top 1s, opacity 1s, height 1s, width 1s";
setTimeout(function (){
logo2.style.opacity = "1";
}, 100);
if(!this.setup){
this.setup = true;
ignite.popcorn.cue(this.time_in+1, function (){
logo2.className = "positioned_logo";
})
}
},
end: function (){
var logo2 = document.getElementById("logo2");
logo2.transition = " ";
logo2.MozTransition = " ";
logo2.WebkitTransition = " ";
logo2.OTransition = " ";
logo2.style.display = "block";
logo2.style.opacity = "1";
logo2.className = "positioned_logo";
},
check: function (time_code){
var logo2 = document.getElementById("logo2");
if(time_code < this.time_in){
logo2.className = "centered_logo";
logo2.style.display = "none";
logo2.style.opacity = "0";
} else if(time_code > this.time_out){
this.end();
}
}
},
{notes: "Walkthrough", time_in: 5, time_out: 10,
displayed: undefined, // Needed for unexpected behavior in Chrome.
start: function (){
if(this.displayed){ return;}
this.displayed = true;
var walkthrough_button = document.getElementById("walkthrough_link");
walkthrough_button.style.display = "block";
if(!this.setup){
this.setup = true;
var passed_event = this;
walkthrough_button.addEventListener("click", function (){
ignite.start_walkthrough();
passed_event.end();
});
}
/* The following setTimeout call is necessary to prevent
* block and opacity from being set simultaneously, which would
* result in a spontaneous appearance instead of a fade-in.
*/
if(this.timeout_id){
clearTimeout(this.timeout_id);
}
this.timeout_id = setTimeout((function (passed_button){
return function (){
passed_button.style.opacity = "1";
}
})(walkthrough_button), 1000);
},
end: function (){
if(!this.displayed){ return;}
this.displayed = false;
var walkthrough_button = document.getElementById("walkthrough_link");
walkthrough_button.style.opacity = "0";
if(this.timeout_id){
clearTimeout(this.timeout_id);
}
this.timeout_id = setTimeout((function (passed_button){
return function (){
passed_button.style.display = "none";
}
})(walkthrough_button), 1000);
},
check: function (time_code){
if(time_code > this.time_in && time_code < this.time_out){
this.start();
} else{
this.end();
}
}
},
{notes: "Add Arrows", time_in: 10, time_out: 11,
started: undefined, // Needed for unexpected behavior in Chrome.
start: function (){
if(this.started){ return;}
this.started = true;
setTimeout(function (){
ignite.arrow_left.style.opacity = "1";
ignite.arrow_right.style.opacity = "0";
}, 100);
},
end: function (){},
check: function (time_code){
if(time_code >= this.time_in){
this.start();
}
}
},
{notes: "Excercise", time_in: 523, time_out: 600,
displayed: undefined, // Needed for unexpected behavior in Chrome.
start: function (){
if(this.displayed){ return;}
this.displayed = true;
var demo_button = document.getElementById("demo_link");
demo_button.style.display = "block";
if(!this.setup){
this.setup = true;
}
/* The following setTimeout call is necessary to prevent
* block and opacity from being set simultaneously, which would
* result in a spontaneous appearance instead of a fade-in.
*/
if(this.timeout_id){
clearTimeout(this.timeout_id);
}
this.timeout_id = setTimeout((function (passed_button){
return function (){
passed_button.style.opacity = "1";
}
})(demo_button), 1000);
},
end: function (){
if(!this.displayed){ return;}
this.displayed = false;
var credits_button = document.getElementById("demo_link");
credits_button.style.opacity = "0";
if(this.timeout_id){
clearTimeout(this.timeout_id);
}
this.timeout_id = setTimeout((function (passed_button){
return function (){
passed_button.style.display = "none";
}
})(credits_button), 1000);
},
check: function (time_code){
if(time_code > this.time_in && time_code < this.time_out){
this.start();
} else{
this.end();
}
}
},
{notes: "Credits", time_in: 528, time_out: 600,
displayed: undefined, // Needed for unexpected behavior in Chrome.
start: function (){
if(this.displayed){ return;}
this.displayed = true;
var credits_button = document.getElementById("credits_link");
credits_button.style.display = "block";
if(!this.setup){
this.setup = true;
var passed_event = this;
credits_button.addEventListener("click", function (){
ignite.transition("right", true);
passed_event.end();
});
}
/* The following setTimeout call is necessary to prevent
* block and opacity from being set simultaneously, which would
* result in a spontaneous appearance instead of a fade-in.
*/
if(this.timeout_id){
clearTimeout(this.timeout_id);
}
this.timeout_id = setTimeout((function (passed_button){
return function (){
passed_button.style.opacity = "1";
}
})(credits_button), 1000);
},
end: function (){
if(!this.displayed){ return;}
this.displayed = false;
var credits_button = document.getElementById("credits_link");
credits_button.style.opacity = "0";
if(this.timeout_id){
clearTimeout(this.timeout_id);
}
this.timeout_id = setTimeout((function (passed_button){
return function (){
passed_button.style.display = "none";
}
})(credits_button), 1000);
},
check: function (time_code){
if(time_code > this.time_in && time_code < this.time_out){
this.start();
} else{
this.end();
}
}
}
]
};