Team:Paris Saclay/Notebook/script.js
From 2014.igem.org
(Difference between revisions)
Line 349: | Line 349: | ||
var url= 'https://2014.igem.org/Team:Paris_Saclay/Notebook/'+nb_months[f_month].text+'/'+i; | var url= 'https://2014.igem.org/Team:Paris_Saclay/Notebook/'+nb_months[f_month].text+'/'+i; | ||
if(tmpi != undefined) //day is defined | if(tmpi != undefined) //day is defined | ||
+ | { | ||
res_html += '<div id="nb_d'+i+'" class="nb_dd">'; | res_html += '<div id="nb_d'+i+'" class="nb_dd">'; | ||
res_html += '<a id="nb_d'+i+'" href="'+url+(tmpi.image != undefined ? ' style="background-image:url(\''+tmpi.image+'\');background-size:100% 100%, 100% 100%;"' : '')+'></a>'; | res_html += '<a id="nb_d'+i+'" href="'+url+(tmpi.image != undefined ? ' style="background-image:url(\''+tmpi.image+'\');background-size:100% 100%, 100% 100%;"' : '')+'></a>'; | ||
Line 365: | Line 366: | ||
res_html += '<p>'+i+'</p>'; | res_html += '<p>'+i+'</p>'; | ||
res_html += '</aside></div>'; | res_html += '</aside></div>'; | ||
- | + | } | |
else | else | ||
res_html += '<a id="nb_d'+i+'" href="'+url+'" class="nb_nd">'+i+'</a>'; | res_html += '<a id="nb_d'+i+'" href="'+url+'" class="nb_nd">'+i+'</a>'; |
Revision as of 14:16, 8 July 2014
function nb_month() {
this.index= undefined; this.id= undefined; this.text= undefined; this.days= undefined; this.firstdayofweek= 1; this.nitems= 0;
}
function nb_tag() {
this.id= undefined; this.text= undefined; this.target= undefined;
}
function nb_item() {
this.day= undefined; this.month= undefined; this.image= undefined; this.tags= new Array();
}
var nb_months= new Array(); var nb_tags= new Array(); var nb_items= new Array(); //[month][day]
var nb_months_index= new Array(); var nb_tags_revindex= new Array(); //[tag][month]
var nb_curmonth= null; var nb_curtag= null;
function nb_is_posint(str) {
if(str == ) return false; var parsed= parseInt(str); if(isNaN(parsed)) return false; if(!isFinite(parsed)) return false; if(parsed <= 0) return false; return true;
}
function pb_load_xmldata(nbdiv) {
//Open XML data file var xmldata= null; try { var xmlfile= 'https://2014.igem.org/Team:Paris_Saclay/Notebook/liste.xml?action=raw&ctype=text/css&ps_tstamp='+new Date().getTime(); var xhr= new XMLHttpRequest(); xhr.open("GET", xmlfile, false); xhr.send(); var parser= new DOMParser(); xmldata= parser.parseFromString(xhr.responseText, "application/xml"); if(xmldata.documentElement.nodeName != 'notebook') throw 'XML parsing error'; } catch(err) { document.getElementById('notebook_div').innerHTML='Error : ' + err; return false; }
var reserr= ;
//Get months var month_found= false; var tmp_months= xmldata.getElementsByTagName('mois'); for(var i= 0 ; i < tmp_months.length ; ++i) { var tmpm= tmp_months[i];
if(!tmpm.hasAttribute('id')) { reserr += ("ERREUR : Il manque l'attribut 'id' au " + i+1 + (i==0?'er':'ème') + ' mois défini.') + "\n"; continue; }
var tmpid= tmpm.getAttribute('id'); if(tmpid == ) { reserr += ("ERREUR : l'attribut 'id' du " + i+1 + (i==0?'er':'ème') + ' mois défini est vide.') + "\n"; continue; } if(nb_months[tmpid] != undefined) { reserr += ("ERREUR : plus d'un mois défini avec l'id '"+tmpid+"'.") + "\n"; continue; }
if(!tmpm.hasAttribute('jours')) { reserr += ("ERREUR : il manque le nombre de jours du mois avec l'id '"+tmpid+"'.") + "\n"; continue; } var tmp_ndays= tmpm.getAttribute('jours'); if(!nb_is_posint(tmp_ndays)) { reserr += ("ERREUR : le nombre de jours du mois avec l'id "+tmpid+" est invalide ('"+tmp_ndays+"').") + "\n"; continue; } tmp_ndays= parseInt(tmp_ndays);
var tmp_firstdayofweek= 1; if(tmpm.hasAttribute('premier-jour')) { tmp_firstdayofweek= tmpm.getAttribute('premier-jour'); if(!nb_is_posint(tmp_firstdayofweek)) { reserr += ("ERREUR : le premier jour du mois avec l'id "+tmpid+" est invalide ('"+tmp_firstdayofweek+"').") + "\n"; tmp_firstdayofweek= 1; } }
nb_months[tmpid]= new nb_month(); nb_months[tmpid].id= tmpid; nb_months[tmpid].days= tmp_ndays; nb_months[tmpid].text= tmpid; nb_months[tmpid].firstdayofweek= tmp_firstdayofweek; if(tmpm.hasAttribute('texte')) nb_months[tmpid].text= tmpm.getAttribute('texte');
nb_months[tmpid].index= nb_months_index.length; nb_months_index.push(nb_months[tmpid]);
nb_items[tmpid]= new Array();
month_found= true; }
if(!month_found) { alert('ERREUR : aucun mois défini.'); return false; } //Get tags var tmp_tags= xmldata.getElementsByTagName('declaration_tag'); for(var i= 0 ; i < tmp_tags.length ; ++i) { var tmpt= tmp_tags[i];
if(!tmpt.hasAttribute('id')) { reserr += ("ERREUR : Il manque l'attribut 'id' au " + i+1 + (i==0?'er':'ème') + ' tag défini.') + "\n"; continue; }
var tmpid= tmpt.getAttribute('id'); if(tmpid == ) { reserr += ("ERREUR : l'attribut 'id' du " + i+1 + (i==0?'er':'ème') + ' tag défini est vide.') + "\n"; continue; } if(nb_tags[tmpid] != undefined) { reserr += alert("ERREUR : plus d'un tag défini avec l'id '"+tmpid+"'.") + "\n"; continue; }
if(!tmpt.hasAttribute('cible')) { reserr += ("ERREUR : il manque la cible du tag avec l'id '"+tmpid+"'.") + "\n"; continue; } var tmp_target= tmpt.getAttribute('cible'); if(tmp_target == ) { reserr += ("ERREUR : la cible du tag avec l'id '"+tmpid+"' est vide.") + "\n"; continue; }
nb_tags[tmpid]= new nb_tag(); nb_tags[tmpid].id= tmpid; nb_tags[tmpid].target= tmp_target; nb_tags[tmpid].text= tmpid; if(tmpt.hasAttribute('texte')) nb_tags[tmpid].text= tmpt.getAttribute('texte');
nb_tags_revindex[tmpid]= new Array(); for(var mid in nb_months) nb_tags_revindex[tmpid][nb_months[mid].id]= new Array(); }
//Get items var tmp_items= xmldata.getElementsByTagName('lien'); for(var i= 0 ; i < tmp_items.length ; ++i) { var tmpi= tmp_items[i]; if(!tmpi.hasAttribute('mois')) { reserr += ('ERREUR : il manque le mois du ' + i+1 + (i==0?'er':'ème') + ' lien défini.') + "\n"; continue; } var tmp_month= tmpi.getAttribute('mois'); if(nb_months[tmp_month] == undefined) { reserr += ('ERREUR : le mois du ' + i+1 + (i==0?'er':'ème') + " lien défini est non déclaré ('"+tmp_month+"').") + "\n"; continue; }
if(!tmpi.hasAttribute('jour')) { reserr == ('ERREUR : il manque le jour du ' + i+1 + (i==0?'er':'ème') + ' lien défini.') + "\n"; continue; } var tmp_day= tmpi.getAttribute('jour'); if(!nb_is_posint(tmp_day)) { reserr += ('ERREUR : le numéro de jour du ' + i+1 + (i==0?'er':'ème') + " lien défini est invalide ('"+tmp_day+"').") + "\n"; continue; } tmp_day= parseInt(tmp_day); if(tmp_day > nb_months[tmp_month].days) { reserr += ('ERREUR : le numéro de jour du ' + i+1 + (i==0?'er':'ème') + " lien défini ("+tmp_day+") dépasse le nombre de jours du mois '" + tmp_month + "' ("+nb_months[tmp_month].days+").") + "\n"; continue; }
if(nb_items[tmp_month][tmp_day] != undefined) { reserr += ('ERREUR : le ' + i+1 + (i==0?'er':'ème') + " lien défini tombe le même jour qu'un autre lien (le "+tmp_day+" '" + tmp_month + "').") + "\n"; continue; }
nb_months[tmp_month].nitems ++;
nb_items[tmp_month][tmp_day]= new nb_item(); nb_items[tmp_month][tmp_day].month= tmp_month; nb_items[tmp_month][tmp_day].day= tmp_day; if(tmpi.hasAttribute('image')) nb_items[tmp_month][tmp_day].image= tmpi.getAttribute('image');
var tmp_tags= tmpi.getElementsByTagName('tag'); for(var j= 0 ; j < tmp_tags.length ; ++j) { var tmpt= tmp_tags[j].childNodes[0].nodeValue; if(nb_tags[tmpt] == undefined) { reserr += ('ERREUR : le lien du ' + tmp_day + " '" + tmp_month + "' comporte un tag non déclaré : '" + tmpt + "'.") + "\n"; continue; } nb_items[tmp_month][tmp_day].tags[tmpt]= true; nb_tags_revindex[tmpt][tmp_month].push(nb_items[tmp_month][tmp_day]); } }
if(reserr != ) alert(reserr);
return true;
}
function nb_create_interface() {
var nbdiv= document.getElementById('notebook_div'); nbdiv.innerHTML= ; //months bar var mb= document.createElement('div'); mb.id= 'nb_monthsbar'; for(var mindx in nb_months_index) { var tmpm= nb_months_index[mindx];
var mlnk= document.createElement('a'); mlnk.appendChild(document.createTextNode(tmpm.text + ' (' + tmpm.nitems + ')')); //mlnk.href= '#'; mlnk.setAttribute('data-month', tmpm.id); mlnk.id= 'nb_month_'+tmpm.id; mlnk.className= 'nb_month_inact'; mlnk.onclick= function(evt) { nb_display(nb_curtag, evt.target.getAttribute('data-month')); }; mb.insertBefore(mlnk, mb.firstChild); } nbdiv.appendChild(mb);
//filter box var fb= document.createElement('div'); fb.id= 'nb_filterdiv'; { var tlnk= document.createElement('a'); tlnk.appendChild(document.createTextNode('No filtering')); //tlnk.href= '#'; tlnk.id= 'nb_alltags'; tlnk.className= 'nb_tag_act'; tlnk.onclick= function(evt) { nb_display(null, nb_curmonth); }; fb.appendChild(tlnk); } for(var ti in nb_tags) { var tmpt= nb_tags[ti]; var tlnk= document.createElement('a'); tlnk.appendChild(document.createTextNode(tmpt.text)); //tlnk.href= '#'; tlnk.id= 'nb_tag_'+tmpt.id; tlnk.className= 'nb_tag_inact'; tlnk.setAttribute('data-tag', tmpt.id); tlnk.onclick= function(evt) { nb_display(evt.target.getAttribute('data-tag'), nb_curmonth); }; fb.appendChild(tlnk); } nbdiv.appendChild(fb);
//days box var db= document.createElement('div'); db.id= 'nb_daysdiv'; nbdiv.appendChild(db); //init : no tag filter, last month nb_display(null, nb_months['juillet'].id);
}
function nb_display(f_tag, f_month) {
//check for changes if(f_month == null) return; var month_changed= (f_month != nb_curmonth); var tag_changed= (f_tag != nb_curtag);
//update dynamically if(month_changed) { nb_mark_tag(null); nb_display_newmonth(f_month); nb_mark_tag(f_tag); } else if(tag_changed) nb_mark_tag(f_tag);
}
function nb_display_newmonth(f_month) {
if(nb_curmonth != null) document.getElementById('nb_month_'+nb_curmonth).className= 'nb_month_inact';
var m= nb_months[f_month];
var db= document.getElementById('nb_daysdiv'); db.innerHTML= ; var res_html= ; for(var i= 1 ; i < nb_months[f_month].firstdayofweek ; ++i)res_html += '';
for(var i= 1 ; i <= m.days ; ++i) { var tmpi= nb_items[f_month][i]; var url= 'https://2014.igem.org/Team:Paris_Saclay/Notebook/'+nb_months[f_month].text+'/'+i; if(tmpi != undefined) //day is defined {res_html += '
';
';
res_html += '<a id="nb_d'+i+'" href="'+url+(tmpi.image != undefined ? ' style="background-image:url(\+tmpi.image+'\');background-size:100% 100%, 100% 100%;"' : )+'></a>'; res_html += '<aside>';
for(var k in nb_tags) { if(tmpi.tags[k]) { var bille_class = (k==0) : "bille_lw" ? ""; bille_class = (k==1) : "bille_hp" ? bille_class; bille_class = (k==2) : "bille_md" ? bille_class; res_html += ''; } }res_html += '
'+i+'
'; res_html += '</aside>} else res_html += '<a id="nb_d'+i+'" href="'+url+'" class="nb_nd">'+i+'</a>'; } db.innerHTML= res_html;
nb_curmonth= f_month; document.getElementById('nb_month_'+nb_curmonth).className= 'nb_month_act';
}
function nb_mark_tag(f_tag) {
//reset previous filter if(nb_curtag != null) { var ds= nb_tags_revindex[nb_curtag][nb_curmonth]; for(var i in ds) { var url= 'https://2014.igem.org/Team:Paris_Saclay/Notebook/'+nb_months[nb_curmonth].text+'/'+ds[i].day; var lnk= document.getElementById('nb_d'+ds[i].day); lnk.href= url; lnk.className= 'nb_dd'; } document.getElementById('nb_tag_'+nb_curtag).className= 'nb_tag_inact'; nb_curtag= null; } else //previous was null document.getElementById('nb_alltags').className= 'nb_tag_inact';
//set new filter if(f_tag != null) { var ds= nb_tags_revindex[f_tag][nb_curmonth]; for(var i in ds) { var url= 'https://2014.igem.org/Team:Paris_Saclay/Notebook/'+nb_months[nb_curmonth].text+'/'+ds[i].day+'#'+nb_tags[f_tag].target; var lnk= document.getElementById('nb_d'+ds[i].day); lnk.href= url; lnk.className= 'nb_fd'; } }
nb_curtag= f_tag; if(nb_curtag != null) document.getElementById('nb_tag_'+nb_curtag).className= 'nb_tag_act'; else document.getElementById('nb_alltags').className= 'nb_tag_act';
}
function init_notebook() {
if(!pb_load_xmldata()) return; nb_create_interface();
}
window.addEventListener("load", init_notebook, false);