"
Team:EPF-Lausanne/Template/script.js
From 2012.igem.org
| Line 263: | Line 263: | ||
update: function(){ | update: function(){ | ||
var newPos = positions[current]; | var newPos = positions[current]; | ||
| - | $(".paper-arrow").css({left: newPos}); | + | //$(".paper-arrow").css({left: newPos}); |
| + | $(".paper-arrow").animate({left: newPos}); | ||
} | } | ||
}; | }; | ||
Revision as of 21:20, 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: "
" },
{ height: 27, src: "
" },
{ height: 131, src: "
" },
{ height: 87, src: "
" },
{ height: 138, src: "
" },
{ height: 76, src: "
" },
{ height: 156, src: "
" },
{ height: 175, src: "
" },
{ height: 141, src: "
" },
{ height: 71, src: "
" },
{ height: 128, src: "
" },
{ height: 98, src: "
" }
];
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 positions = {"home": "-250px", "team": "-135px", "project": "-10px", "notebook": "115px", "sponsors": "235px"};
var current = undefined; var leaveTimer = undefined; var leaveMenu = function(){ current = window.menu != "" ? window.menu.toLowerCase() : undefined; 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).mouseout(function(){ if(leaveTimer === undefined){ leaveTimer = setTimeout(leaveMenu, 2000); } }); }; return { onLoad: function(){ current = window.menu != "" ? window.menu.toLowerCase() : undefined;
for(var i = 0; i < items.length; i++){ attachEvents(items[i]); }
window.Menu.update(); }, update: function(){ var newPos = positions[current]; //$(".paper-arrow").css({left: newPos}); $(".paper-arrow").animate({left: newPos}); } }; })();
$(function(){ Menu.onLoad(); Doodles.onLoad(); });
runOnloadHook = function(){ EPFL.setup();
};
