Team:EPF-Lausanne/Template/script.js

From 2012.igem.org

(Difference between revisions)
Line 260: Line 260:
},
},
update: function(){
update: function(){
-
$(".paper-arrow").css({left: "-10px");
+
$(".paper-arrow").css({left: "-10px"});
}
}
};
};

Revision as of 17:26, 12 September 2012

//Generate private namespace window.EPFL = (function(){ //Little hack to stop MediaWiki from replacing ampersands... var amp = unescape("%26"); return { namingRegex: /^(\/|([A-Z][a-z]*))*[0-9]*$/, registerNewPageButton: function(titleID, buttonID, base, preload, check){ $(buttonID).click(function(){ if(check != undefined){ if(!check(base, $(titleID).val())){ if(!confirm("The title doesn't seem to follow the naming conventions.\nAre you sure you want to create this page?")){ return; } } } window.location.href = "/wiki/index.php?title="+base+"/"+$(titleID).val()+amp+"action=edit"+amp+"preload="+preload; }); }, checkNamingConventions: function(base, title){ return EPFL.namingRegex.test(title); }, setup: function(){ EPFL.setupProtocols(); EPFL.setupCalendar(); EPFL.setupPlanning(); EPFL.setupTitle(); EPFL.setupTOC(); $('p') .filter(function(){ return $.trim($(this).text()) === && $.trim($(this).html()).length < 10; }) .remove(); }, setupTOC: function(){ var toc = $("#toc"); toc.remove(); $(".paper").prepend(toc); }, setupPlanning: function(){ if(location.href.match(/Team:EPF-Lausanne\/Planning/ig)){ $(".toctext, .mw-headline").each(function(){ var text = $(this).text().trim();

if(text.substr(0, 1) == "\u2713"){ $(this).addClass("planning-finished"); }else{ var parts = text.split(" - "); if(parts.length == 1){ $(this).addClass("planning-todo"); }else{ $(this).addClass("planning-taken"); } } }); } }, setupProtocols: function(){ var hide = false; $(".protocol-title").each(function(){ if($.trim($(this).parent().parent().attr("class")) != "protocol-remove-style"){ hide = true; var link = $("<a>") .attr("href", "#") .click( function(){ $(this).parent().parent().children().last().toggle() return false; });

var children = $(this).children().children(); $(this).empty(); link.append(children); $(this).append(link); }else{ var txt = $(this).text(); $(this).empty(); $(this).text(txt); } }); if(hide) $(".protocol-inner-box").hide(); }, setupCalendar: function(){ var toAdd = amp+"preload=Team:EPF-Lausanne/Notebook/Template/NewEntry"; $(".month tr td a") .filter( function(){ return $(this).attr("href").length > 80; }) .each( function(){ $(this).attr("href", $(this).attr("href")+toAdd); } ); }, setupTitle: function(){ var title = $($(".firstHeading")[0]).text(); var prefix = "Team:EPF-Lausanne/"; title = title.substr(prefix.length); titleParts = title.split("/");

switch(titleParts[0]){ case "Template": titleParts.shift(); break; }

var result = titleParts.join(" ");

if(result == ""){ result = "Home"; }

$("#pageTitle").text(result); } }; }());

if(!window.console){ //Dummy console... window.console = { log: function(){ } }; }

window.Doodles = (function(){ var SPACE_MIN = 80; var SPACE_MAX = 400; var WIDTH = 120; var MAX_DOODLES_PER_BAR = 100; var MAX_RETRIES = 100;

var all = [ //{ height: 114, src: "Team-EPF-Lausanne_Template_Doodle_Placeholder.png" }, { height: 27, src: "Team-EPF-Lausanne_Doodle_Switch.png" }, { height: 131, src: "Team-EPF-Lausanne_Doodle_Graph.png" }, { height: 87, src: "Team-EPF-Lausanne_Doodle_Circuit.png" }, { height: 138, src: "Team-EPF-Lausanne_Doodle_Centrifuge.png" }, { height: 76, src: "Team-EPF-Lausanne_Doodle_Agarose.png" },


{ height: 156, src: "LED.png" }, { height: 175, src: "Pipette.png" }, { height: 141, src: "Team_epf_Resistance.png" }, { height: 71, src: "Team_epf_Restrictionenzyme.png" }, { height: 128, src: "Team_epf_Wellplate.png" }, { height: 98, src: "Team_epf_Plasmid.png" }

];

var contentHeight = 0; var doodleBars = []; var barUsage = [{max: 0, images: []}, {max: 0, images: []}]; var previous = undefined;

return { onLoad: function(){ //console.log("Doodle onload"); contentHeight = $(".page-content").height() - 50; doodleBars = $(".doodle-bar"); doodleBars.height(contentHeight);

this.addDoodles(); }, addDoodles: function(){ //console.log("Adding doodles to left");

//Add a doodle at one of the sides (random) at y = 0 this.addDoodle(Math.round(Math.random()), 0);

for(var i = 0; i < MAX_DOODLES_PER_BAR; i++){ if(!this.addDoodle(0)) break; } //console.log("Adding doodles to right"); for(var i = 0; i < MAX_DOODLES_PER_BAR; i++){ if(!this.addDoodle(1)) break; } }, addDoodle: function(barNumber, nextDistance){ //console.log("Trying to add doodle to", barNumber); var bar = $(doodleBars[barNumber]); var usage = barUsage[barNumber];

//console.log("Current usage vs contentHeight: ", usage.max, contentHeight); if(usage.max > contentHeight) return false;

if(nextDistance === undefined) nextDistance = SPACE_MIN + Math.floor(Math.random()*(SPACE_MAX-SPACE_MIN+1));

var nextImage = all[Math.floor(Math.random()*all.length)]; for(var i = 0; i < MAX_RETRIES; i++){ if(previous == nextImage){ nextImage = all[Math.floor(Math.random()*all.length)]; }else{ break; } }

if(previous == nextImage) return false;

previous = nextImage;

if(usage.max + nextDistance + nextImage.height > contentHeight) return false;

var container = $("
")

.css({ "background": "url('"+nextImage.src+"')", "width": WIDTH+"px", "height": nextImage.height+"px", "margin-top": nextDistance+"px" }); bar.append(container); /* var img = $("<img>") .load(function(){ container.append(img); }) .attr("width", WIDTH) .attr("height", nextImage.height) .attr("src", nextImage.src);*/

usage.max += nextDistance + nextImage.height;

return true; } }; }());

window.Menu = (function(){ var items = ["home", "team", "project", "notebook", "sponsors"]; var current = undefined; var leaveTimer = undefined; var leaveMenu = function(){ current = window.menu; window.Menu.update(); }; var attachEvents = function(name){ $(".menu-"+name).mouseover(function(){ if(leaveTimer !== undefined){ clearTimeout(leaveTimer); leaveTimer = undefined; } current = name; window.Menu.update(); }); $(".menu-"+name).mouseover(function(){ if(leaveTimer === undefined){ leaveTimer = setTimeout(leaveMenu, 2000); } }); }; return { onLoad: function(){ current = window.menu;

for(var i = 0; i < items.length; i++){ attachEvents(items[i]); }

window.Menu.update(); }, update: function(){ $(".paper-arrow").css({left: "-10px"}); } }; }());

$(function(){ Menu.onLoad(); Doodles.onLoad(); });

runOnloadHook = function(){ EPFL.setup();

};