Template:Team:Uppsala/JS/notebook
From 2013.igem.org
Line 1: | Line 1: | ||
- | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
var month = new Date().getMonth(); | var month = new Date().getMonth(); | ||
var year = new Date().getFullYear(); | var year = new Date().getFullYear(); | ||
- | var cal_table = ''; | + | var cal_table = ''; |
+ | var eventString; | ||
var days_in_month = new Array(31,28,31,30,31,30,31,31,30,31,30,31); | var days_in_month = new Array(31,28,31,30,31,30,31,31,30,31,30,31); | ||
+ | var days_with_dirys = new Array('t2013630','t201371','t201372','t201373','t201374','t201375','t201376','t201377','t201379','t201378','t201379','t2013710','t2013711','t2013712','t2013713','t2013714','t2013715','t2013716','t2013717' | ||
+ | ,'t2013718','t2013719','t2013720','t2013721','t2013722','t2013723','t2013724','t2013725','t2013726','t2013727','t2013728','t2013729','t2013730','t2013731','t201381','t201382','t201383','t201384','t201385' | ||
+ | ,'t201386','t201387','t201388','t201389','t2013810','t2013811','t2013812','t2013813','t2013814','t2013815','t2013816','t2013817','t2013818','t2013819','t2013820' | ||
+ | ,'t2013821','t2013822','t2013823','t2013824','t2013825','t2013826','t2013827','t2013828','t2013829','t2013830','t2013831','t201391','t201392','t201393','t201394','t201395','t201396','t201397','t201398','t201399' | ||
+ | ,'t2013910','t2013911','t2013912','t2013913','t2013914','t2013915','t2013919'); | ||
+ | var inputs = 79; | ||
Date.prototype.getWeek = function() | Date.prototype.getWeek = function() | ||
Line 19: | Line 25: | ||
cal_table = ''; | cal_table = ''; | ||
var eventString; | var eventString; | ||
- | + | ||
- | + | ||
- | + | ||
if(year<=200) | if(year<=200) | ||
{ | { | ||
Line 30: | Line 34: | ||
days_in_month = new Array(31,28,31,30,31,30,31,31,30,31,30,31); | days_in_month = new Array(31,28,31,30,31,30,31,31,30,31,30,31); | ||
- | + | if(year%4 == 0) | |
+ | { | ||
+ | if( year!=1900 ) | ||
+ | { | ||
+ | days_in_month[1]=29; | ||
+ | } | ||
+ | } | ||
total = days_in_month[month]; | total = days_in_month[month]; | ||
var date_today = months[month]+' '+year; | var date_today = months[month]+' '+year; | ||
- | cal_table = cal_table + '<table class="cal_calendar" ><tbody id="cal_body"><tr class="head"><th class="arrow"><input id="left" type="image" onclick="left_arrow()" src=" | + | cal_table = cal_table + '<table class="cal_calendar" ><tbody id="cal_body"><tr class="head"><th class="arrow"> <input id="left" type="image" onclick="left_arrow()" src="https://static.igem.org/mediawiki/2013/a/a1/Arrowleft.png"></th><th colspan="6" >'+date_today+'</th><th class="arrow"><input id="right" type="image" onclick="right_arrow()" src="https://static.igem.org/mediawiki/2013/0/0b/Arrowright.png"></th></tr>'; |
cal_table = cal_table + '<tr class="cal_d_weeks"><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th><th>Week</th></tr><tr>'; | cal_table = cal_table + '<tr class="cal_d_weeks"><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th><th>Week</th></tr><tr>'; | ||
week = 0; | week = 0; | ||
Line 54: | Line 64: | ||
} | } | ||
- | + | if(year == date.getFullYear()) | |
{ | { | ||
- | + | if(month == date.getMonth()){ | |
- | + | if(today==i){ | |
- | + | cal_table = cal_table +'<td id="'+'t'+year+m+i+'" class="cal_today"><input type="submit" onclick="showNotes(year, month, value)" value="'+i+'"></td>'; | |
- | + | } | |
- | + | else{ | |
+ | cal_table = cal_table +'<td id="'+'t'+year+m+i+'" class="not_today"><input type="submit" onclick="showNotes(year, month, value)" value="'+i+'"></td>'; | ||
+ | } | ||
+ | } | ||
+ | else{ | ||
+ | cal_table = cal_table +'<td id="'+'t'+year+m+i+'" class="not_today"><input type="submit" onclick="showNotes(year, month, value)" value="'+i+'"></td>'; | ||
+ | } | ||
} | } | ||
else | else | ||
{ | { | ||
- | cal_table = cal_table +'<td id="'+'t'+year+m+i+'" class="not_today"><input type="submit" onclick="" value="'+i+'"></td>'; | + | cal_table = cal_table +'<td id="'+'t'+year+m+i+'" class="not_today"><input type="submit" onclick="showNotes(year, month, value)" value="'+i+'"></td>'; |
} | } | ||
- | + | ||
- | + | week++; | |
+ | markerNotes(year, m, i); | ||
if(week==7) | if(week==7) | ||
{ | { | ||
var weeknr = new Date(year, month, i-1).getWeek(); | var weeknr = new Date(year, month, i-1).getWeek(); | ||
- | cal_table = cal_table + '<td class="week"><input type="submit" onclick="" value="'+weeknr+'"></td>'; | + | cal_table = cal_table + '<td class="week"><input type="submit" onclick="showNotesOfweek(year, value)" value="'+weeknr+'"></td>'; |
cal_table = cal_table + '</tr>'; | cal_table = cal_table + '</tr>'; | ||
week=0; | week=0; | ||
Line 94: | Line 111: | ||
var weeknr = weeknr+1; | var weeknr = weeknr+1; | ||
} | } | ||
- | cal_table = cal_table + '<td class="week"><input type="submit" onclick="" value="'+weeknr+'"></td>'; | + | cal_table = cal_table + '<td class="week"><input type="submit" onclick="showNotesOfweek(year, value)" value="'+weeknr+'"></td>'; |
cal_table = cal_table + '</tr>'; | cal_table = cal_table + '</tr>'; | ||
week=0; | week=0; | ||
Line 108: | Line 125: | ||
if(month == -1) | if(month == -1) | ||
{ | { | ||
- | year = year - 1; | + | year = year-1; |
month = 11; | month = 11; | ||
} | } | ||
- | + | calendar(); | |
document.getElementById('calendar').innerHTML = cal_table; | document.getElementById('calendar').innerHTML = cal_table; | ||
} | } | ||
Line 120: | Line 137: | ||
if(month == 12) | if(month == 12) | ||
{ | { | ||
- | year = year +1; | + | year = year+1; |
month = 0; | month = 0; | ||
} | } | ||
- | + | calendar(); | |
document.getElementById('calendar').innerHTML = cal_table; | document.getElementById('calendar').innerHTML = cal_table; | ||
} | } | ||
+ | |||
+ | function showNotes(y, m, day) | ||
+ | { | ||
+ | var m = month+1; | ||
+ | |||
+ | eventString = '<div class="eventBox" id="'+'d'+y+m+day+'" onclick="diry('+y+', '+m+', '+day+');"><h1>'+y+'-'+m+'-'+day+'</h1></div>'; | ||
+ | document.getElementById('file_holder').innerHTML = eventString; | ||
+ | } | ||
+ | |||
+ | |||
+ | function showNotesOfweek(y, wnr) | ||
+ | { | ||
+ | var d = new Date(y, 0, 0); | ||
+ | if(y == 2012 ){ | ||
+ | wnr++; | ||
+ | } | ||
+ | var w = d.getTime() + 604800000 * (wnr-1); | ||
+ | var m = new Date(w).getMonth()+1; | ||
+ | var y = new Date(w).getFullYear(); | ||
+ | var day = new Date(w).getDate(); | ||
+ | |||
+ | var e = new Date(w).getDay(); | ||
+ | day = day - e+1; | ||
+ | |||
+ | eventString = '<div class="eventBox" id="'+'d'+y+m+day+'" onclick="diry('+y+', '+m+', '+day+');"><h1>'+y+'-'+m+'-'+day+'</h1></div>'; | ||
+ | |||
+ | for(i=1;i<7;i++) | ||
+ | { | ||
+ | if(days_in_month[m-1] == day ) | ||
+ | { | ||
+ | day = 0; | ||
+ | m++; | ||
+ | if(m>12) | ||
+ | { | ||
+ | y++; | ||
+ | var d = new Date(y, 0, 0); | ||
+ | var w = d.getTime() + 604800000 * (wnr-1); | ||
+ | var m = 1; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | day++; | ||
+ | eventString = eventString + '<div class="eventBox" id="'+'d'+y+m+day+'" onclick="diry('+y+', '+m+', '+day+');"><h1>'+y+'-'+m+'-'+day+'</h1></div>'; | ||
+ | } | ||
+ | document.getElementById('file_holder').innerHTML = eventString; | ||
+ | eventString = ''; | ||
+ | } | ||
+ | function markerNotes(y, m, d) | ||
+ | { | ||
+ | var id='t'+y+m+d; | ||
+ | |||
+ | for(c = 0; c<=inputs; c++) | ||
+ | { | ||
+ | if(days_with_dirys[c] == id) | ||
+ | { | ||
+ | cal_table = cal_table + '<style type="text/css">#'+id+'{border: 2px solid #FFA500;}</style>'; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function diry(y, m, d) | ||
+ | { | ||
+ | var ds = ''; //diryString | ||
+ | var id = 'd'+y+m+d; | ||
+ | //var ds = y+'-'+m+'-'+d; | ||
+ | if(id == 'd2013630') | ||
+ | { | ||
+ | ds= '<p>hej</p>'; | ||
+ | } | ||
+ | else if(id == 'd201371') | ||
+ | { | ||
+ | ds ='<p>på dig</p>'; | ||
+ | } | ||
+ | else if(id == 'd201381') | ||
+ | { | ||
+ | ds = '<h1>Thursday 2013-08-01</h1><p>Name of participants: Marcus H, Karl H, Lovisa P, Emil M, Victor S, Hampus.E<br><br><h3>Ongoing constructs:</h3><br>' + | ||
+ | '114. pSB1C3-B0034-TAL(MUT)<br>105. pSB3T5-J23101-B0034-TAL<br>107. pSB3T5-CP1-B0034-TAL<br>115. pSB3K5-J23101-B0034-His-TAL<br>116. pSB3T5-J23110-B0034-His-TAL<br>119.pSB1C3-B0034-4CL<br>120.pSB1C3-B0034-HIS-4CL<br>'+ | ||
+ | '137. pSB3K3-CP8-B0034-TAL<br>138. pSB3K3-CP8-B0034-His-TAL<br>139. pSB3K3-J23101-B0034-BFP<br>171. pSB3T5-J23110-B0034-4CL-B0034-STS<br>172. pSB3T5-CP1-B0034-TAL<br>185. pEL3S17-J23110-B0034-TAL-B0034-4CL-B0034-STS<br>186. pEL3S17-CP1-B0034-4CL-B0034-STS<br>'+ | ||
+ | '187. pEL3S17-CP8-B0034-4CL-B0034-STS<br>188. pEL3S17-J23101-B0034-4CL-B0034-STS<br>189. pSB3K3-J23101-B0034-TAL<br>204. pEL3S17-J23110-HIS-STS<br>205.pSBLB4C15-CP1-B0034-HIS-TAL<br>206.pSB1C3-J23101-B0034-TAL<br>'+ | ||
+ | |||
+ | '<h3>Todays work</h3><br><h3>PCR screening and gel electrophorersis of construct:</h3><br>185.(5-10) pEL3S17-J23110-B0034-TAL-B0034-4CL-B0034-STS<br>'+ | ||
+ | |||
+ | '<h3>sequencing prep. of constructs:</h3><br>185.9-185.10<br>'+ | ||
+ | |||
+ | '<h3>Transformation of constructs:</h3><br>171. pSB3T5-J23110-B0034-4CL-B0034-STS<br>204. pEL3S17-J23110-HIS-STS<br>205.pSBLB4C15-CP1-B0034-HIS-TAL<br>206.pSB1C3-J23101-B0034-TAL<br><br>'+ | ||
+ | |||
+ | '<h3>Results</h3><br>Construct 185, clone 9 and 10, bonds around 3000/4000 bp.<br><br>'+ | ||
+ | |||
+ | '<h3>Follow up</h3><br>- <br><br>'+ | ||
+ | |||
+ | '<h3>Other experiments</h3><br>-<br></p>'; | ||
+ | } | ||
+ | else if(id == 'd2013919') | ||
+ | { | ||
+ | ds ='<h1>Uppsala iGEMs Synbioday, 12.15 to 17.00</h1>'; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | ds = 'Nothing happend during this day!'; | ||
+ | } | ||
+ | document.getElementById(id).setAttribute('onclick','closeNote('+y+', '+m+', '+d+');'); | ||
+ | document.getElementById(id).innerHTML = ds; | ||
+ | } | ||
+ | |||
+ | function closeNote(y, m, d) | ||
+ | { | ||
+ | var ds = ''; | ||
+ | var id = 'd'+y+m+d; | ||
+ | var ds = '<h1>'+y+'-'+m+'-'+d+'</h1>'; | ||
+ | document.getElementById(id).setAttribute('onclick','diry('+y+', '+m+', '+d+');'); | ||
+ | document.getElementById(id).innerHTML = ds; | ||
+ | } | ||
</script> | </script> | ||
- |
Revision as of 19:25, 9 September 2013
<script type="text/javascript"> var month = new Date().getMonth(); var year = new Date().getFullYear(); var cal_table = ; var eventString; var days_in_month = new Array(31,28,31,30,31,30,31,31,30,31,30,31); var days_with_dirys = new Array('t2013630','t201371','t201372','t201373','t201374','t201375','t201376','t201377','t201379','t201378','t201379','t2013710','t2013711','t2013712','t2013713','t2013714','t2013715','t2013716','t2013717' ,'t2013718','t2013719','t2013720','t2013721','t2013722','t2013723','t2013724','t2013725','t2013726','t2013727','t2013728','t2013729','t2013730','t2013731','t201381','t201382','t201383','t201384','t201385' ,'t201386','t201387','t201388','t201389','t2013810','t2013811','t2013812','t2013813','t2013814','t2013815','t2013816','t2013817','t2013818','t2013819','t2013820' ,'t2013821','t2013822','t2013823','t2013824','t2013825','t2013826','t2013827','t2013828','t2013829','t2013830','t2013831','t201391','t201392','t201393','t201394','t201395','t201396','t201397','t201398','t201399' ,'t2013910','t2013911','t2013912','t2013913','t2013914','t2013915','t2013919'); var inputs = 79;
Date.prototype.getWeek = function() {
var onejan = new Date(this.getFullYear(),0,1); return Math.ceil((((this - onejan) / 86400000) + onejan.getDay()+1)/7);
}
function calendar() {
var m = month+1; var date = new Date(); var today = date.getDate(); cal_table = ; var eventString;
if(year<=200) { year += 1900; } months = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'); var weekDay = new Array('Mon', 'Tue', 'We', 'Thu', 'Fri', 'Sat', 'Sun'); days_in_month = new Array(31,28,31,30,31,30,31,31,30,31,30,31); if(year%4 == 0) { if( year!=1900 ) { days_in_month[1]=29; } } total = days_in_month[month]; var date_today = months[month]+' '+year;cal_table = cal_table + '
<input id="left" type="image" onclick="left_arrow()" src=""> | '+date_today+' | <input id="right" type="image" onclick="right_arrow()" src=""> | |||||
---|---|---|---|---|---|---|---|
Mon | Tue | Wed | Thu | Fri | Sat | Sun | Week |
'; | |||||||
<input type="submit" onclick="showNotes(year, month, value)" value="'+i+'"> | ';<input type="submit" onclick="showNotes(year, month, value)" value="'+i+'"> | ';<input type="submit" onclick="showNotes(year, month, value)" value="'+i+'"> | ';<input type="submit" onclick="showNotes(year, month, value)" value="'+i+'"> | ';<input type="submit" onclick="showNotesOfweek(year, value)" value="'+weeknr+'"> | '; cal_table = cal_table + ''; | <input type="submit" onclick="showNotesOfweek(year, value)" value="'+weeknr+'"> | ';
}
function left_arrow()
{ month = month-1; if(month == -1) { year = year-1; month = 11; } calendar(); document.getElementById('calendar').innerHTML = cal_table; }
function right_arrow() { month = month+1; if(month == 12) { year = year+1; month = 0; } calendar(); document.getElementById('calendar').innerHTML = cal_table; }
function showNotes(y, m, day) { var m = month+1;eventString = '
Contents |
'+y+'-'+m+'-'+day+'
document.getElementById('file_holder').innerHTML = eventString; }
function showNotesOfweek(y, wnr)
{ var d = new Date(y, 0, 0); if(y == 2012 ){
wnr++; }
var w = d.getTime() + 604800000 * (wnr-1); var m = new Date(w).getMonth()+1; var y = new Date(w).getFullYear(); var day = new Date(w).getDate();
var e = new Date(w).getDay(); day = day - e+1;eventString = '
'+y+'-'+m+'-'+day+'
for(i=1;i<7;i++) { if(days_in_month[m-1] == day ) { day = 0; m++; if(m>12) { y++; var d = new Date(y, 0, 0); var w = d.getTime() + 604800000 * (wnr-1); var m = 1; } } day++;eventString = eventString + '
'+y+'-'+m+'-'+day+'
} document.getElementById('file_holder').innerHTML = eventString; eventString = ; } function markerNotes(y, m, d) { var id='t'+y+m+d;
for(c = 0; c<=inputs; c++) { if(days_with_dirys[c] == id) { cal_table = cal_table + '<style type="text/css">#'+id+'{border: 2px solid #FFA500;}</style>'; } }
}
function diry(y, m, d) {
var ds = ; //diryString var id = 'd'+y+m+d; //var ds = y+'-'+m+'-'+d; if(id == 'd2013630') {ds= '
hej
';} else if(id == 'd201371') {ds ='
på dig
';} else if(id == 'd201381') {ds = '
Thursday 2013-08-01
Name of participants: Marcus H, Karl H, Lovisa P, Emil M, Victor S, Hampus.E
Ongoing constructs:
' +
'114. pSB1C3-B0034-TAL(MUT)'
105. pSB3T5-J23101-B0034-TAL
107. pSB3T5-CP1-B0034-TAL
115. pSB3K5-J23101-B0034-His-TAL
116. pSB3T5-J23110-B0034-His-TAL
119.pSB1C3-B0034-4CL
120.pSB1C3-B0034-HIS-4CL
'+ '137. pSB3K3-CP8-B0034-TAL
138. pSB3K3-CP8-B0034-His-TAL
139. pSB3K3-J23101-B0034-BFP
171. pSB3T5-J23110-B0034-4CL-B0034-STS
172. pSB3T5-CP1-B0034-TAL
185. pEL3S17-J23110-B0034-TAL-B0034-4CL-B0034-STS
186. pEL3S17-CP1-B0034-4CL-B0034-STS
'+ '187. pEL3S17-CP8-B0034-4CL-B0034-STS
188. pEL3S17-J23101-B0034-4CL-B0034-STS
189. pSB3K3-J23101-B0034-TAL
204. pEL3S17-J23110-HIS-STS
205.pSBLB4C15-CP1-B0034-HIS-TAL
206.pSB1C3-J23101-B0034-TAL
'+
Todays work
PCR screening and gel electrophorersis of construct:
185.(5-10) pEL3S17-J23110-B0034-TAL-B0034-4CL-B0034-STS
'+ '
sequencing prep. of constructs:
185.9-185.10
'+ '
Transformation of constructs:
171. pSB3T5-J23110-B0034-4CL-B0034-STS
204. pEL3S17-J23110-HIS-STS
205.pSBLB4C15-CP1-B0034-HIS-TAL
206.pSB1C3-J23101-B0034-TAL
'+ '
Results
Construct 185, clone 9 and 10, bonds around 3000/4000 bp.
'+ '
Follow up
-
'+ '
Other experiments
-
';
} else if(id == 'd2013919') {ds ='
Uppsala iGEMs Synbioday, 12.15 to 17.00
';} else { ds = 'Nothing happend during this day!'; } document.getElementById(id).setAttribute('onclick','closeNote('+y+', '+m+', '+d+');'); document.getElementById(id).innerHTML = ds;
}
function closeNote(y, m, d) {
var ds = ; var id = 'd'+y+m+d;var ds = '
'+y+'-'+m+'-'+d+'
';document.getElementById(id).setAttribute('onclick','diry('+y+', '+m+', '+d+');'); document.getElementById(id).innerHTML = ds;
}
</script>