Team:UNITN-Trento/Templates/Notebook

From 2013.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 8: Line 8:
<script src="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/JS/Notebook&action=raw&ctype=text/javascript"></script>
<script src="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/JS/Notebook&action=raw&ctype=text/javascript"></script>
<script type="text/javascript">
<script type="text/javascript">
-
alert("Notebook under maintenance, please DO NOT add any post. Thank you.");
+
//  alert("Notebook under maintenance, please DO NOT add OR edit any post. Thank you.");
-
function setPost(id) {
+
    function setPost(id) {
-
var title = $(id).attr("data-title");
+
        var title = $(id).attr("data-title");
-
var date = $(id).attr("data-date");
+
        var date = $(id).attr("data-date");
-
who = $(id).attr("data-user").split("-");
+
        who = $(id).attr("data-user").split("-");
-
var tags = $(id).attr("data-tag").split("-");
+
        var tags = $(id).attr("data-tag").split("-");
-
var uri = "https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/Notebook";
+
        var uri = "https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/Notebook";
-
if (date.indexOf("-") != -1) {
+
        if (date.indexOf("-") != -1) {
-
ardate = date.split("-")
+
            ardate = date.split("-")
-
if (ardate.length == 3) {
+
            if (ardate.length == 3) {
-
date = "<span class='yy'>" + ardate[0] + "</span><br />\n<span class='ddmm'>" + ardate[2] + "/" + ardate[1] + "</span>";
+
                date = "<span class='yy'>" + ardate[0] + "</span><br />\n<span class='ddmm'>" + ardate[2] + "/" + ardate[1] + "</span>";
-
};
+
            };
-
}
+
        }
-
var wholow = [];
+
        var wholow = [];
-
for (var i = 0; i < who.length; i++) {
+
        for (var i = 0; i < who.length; i++) {
-
wholow.push(who[i].toLowerCase());
+
            wholow.push(who[i].toLowerCase());
-
}
+
        }
-
var who_box = $("<div></div>");
+
        var who_box = $("<div></div>");
-
var tag_box = $("<div></div>");
+
        var tag_box = $("<div></div>");
-
if (wholow.indexOf("bruno") != -1) {
+
        if (wholow.indexOf("bruno") != -1) {
-
$(who_box).append("<img src='https://static.igem.org/mediawiki/2013/2/26/Tn-2013-Ba_face.jpg' />");
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/2/26/Tn-2013-Ba_face.jpg' />");
-
}
+
        }
-
if (wholow.indexOf("caterina") != -1) {
+
        if (wholow.indexOf("caterina") != -1) {
-
$(who_box).append("<img src='https://static.igem.org/mediawiki/2013/5/59/Tn-2013-Cm_face.jpg' />");
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/5/59/Tn-2013-Cm_face.jpg' />");
-
}
+
        }
-
if (wholow.indexOf("emil") != -1) {
+
        if (wholow.indexOf("emil") != -1) {
-
$(who_box).append("<img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Et_face.jpg' />");
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Et_face.jpg' />");
-
}
+
        }
-
if (wholow.indexOf("fabio") != -1) {
+
        if (wholow.indexOf("fabio") != -1) {
-
$(who_box).append("<img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Fd_face.jpg' />");
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Fd_face.jpg' />");
-
}
+
        }
-
if (wholow.indexOf("gabriele") != -1) {
+
        if (wholow.indexOf("gabriele") != -1) {
-
$(who_box).append("<img src='https://static.igem.org/mediawiki/2013/e/e0/Tn-2013-Gg_face.jpg' />");
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/e/e0/Tn-2013-Gg_face.jpg' />");
-
}
+
        }
-
if (wholow.indexOf("michele") != -1) {
+
        if (wholow.indexOf("michele") != -1) {
-
$(who_box).append("<img src='https://static.igem.org/mediawiki/2013/b/b0/Tn-2013-Mp_face.jpg' />");
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/b/b0/Tn-2013-Mp_face.jpg' />");
-
}
+
        }
-
if (wholow.indexOf("thomas") != -1) {
+
        if (wholow.indexOf("thomas") != -1) {
-
$(who_box).append("<img src='https://static.igem.org/mediawiki/2013/6/66/Tn-2013-Tp_face.jpg' />");
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/6/66/Tn-2013-Tp_face.jpg' />");
-
}
+
        }
-
if (wholow.indexOf("viola") != -1) {
+
        if (wholow.indexOf("viola") != -1) {
-
$(who_box).append("<img src='https://static.igem.org/mediawiki/2013/1/1d/Tn-2013-Vv_face.jpg' />");
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/1/1d/Tn-2013-Vv_face.jpg' />");
-
}
+
        }
-
$(who_box).addClass("tn-faces");
+
        $(who_box).addClass("tn-faces");
-
$(tag_box).addClass("tn-tags");
+
        $(tag_box).addClass("tn-tags");
-
for (var i = 0; i < tags.length; i++) {
+
        for (var i = 0; i < tags.length; i++) {
-
if (i == 0) {
+
            if (i == 0) {
-
$(tag_box).html("<b>Tags</b><br/>");
+
                $(tag_box).html("<b>Tags</b><br/>");
-
}
+
            }
-
$(tag_box).html($(tag_box).html() + "<span class='tag'>" + tags[i] + "</span>");
+
            $(tag_box).html($(tag_box).html() + "<span class='tag'>" + tags[i] + "</span>");
-
}
+
        }
-
if (title != "") {
+
        if (title != "") {
-
$(id).prepend("<div class='tn-posttitle'>" + title + "</div>");
+
            $(id).prepend("<div class='tn-posttitle'>" + title + "</div>");
-
}
+
        }
-
$(id).prepend("<div class='tn-postdate'><a href='" + uri + id + "'class='tn-anchor'>" + date + "</a></div>");
+
        $(id).prepend("<div class='tn-postdate'><a href='" + uri + id + "'class='tn-anchor'>" + date + "</a></div>");
-
$(id).prepend(who_box);
+
        $(id).prepend(who_box);
-
$(id).append(tag_box);
+
        $(id).append(tag_box);
-
}
+
    }
-
 
+
-
 
+
-
$(document).ready(function() {
+
-
 
+
-
var last_id = 0, href = "";
+
-
 
+
-
//Get posts from ajax index
+
-
$("#aj_index a").each(function() {
+
-
 
+
-
//Get url
+
-
href = $(this).attr('href');
+
-
 
+
-
//Get id
+
-
var id = href.split("/");
+
-
id = id[id.length - 1];
+
-
 
+
-
//Save highest id (last post)
+
-
if( id > last_id ) {
+
-
last_id = id;
+
-
}
+
-
 
+
-
//Make AJAX request
+
-
href += "?action=raw&ctype=text/javascript"
+
-
$.getJSON( href , function(data) {
+
-
var date = data.date;
+
-
var author = data.author;
+
-
var title = data.title;
+
-
var content = data.content;
+
-
var tags = data.tags;
+
-
 
+
-
$('<div></div>').attr('id' , 'tn-post-'+date+"-"+author).addClass('tn-post').attr('data-user' , author).attr('data-title' , title).attr('data-date' , date).attr('data-tag' , tags).append($("<div></div>").addClass('tn-text').html(content)).appendTo($("#aj_cont"));
+
-
 
+
-
setPost('#tn-post-'+date+"-"+author);
+
-
});
+
-
});
+
-
 
+
-
//Add 'add post' button
+
-
var addpost_url = href.split('/');
+
-
addpost_url.pop();
+
-
addpost_url = addpost_url.join('/');
+
-
addpost_url += "/" + (parseInt(last_id)+1) + "?action=edit\&preload=Team:UNITN-Trento/Help/Labpost_AJAX";
+
-
addpost_url = "https://2013.igem.org" + addpost_url;
+
-
$("<a>Add new LabPost_AJ</a>").attr( 'href' , addpost_url.replace('amp;','') ).addClass("tn-addpost").appendTo("#aj_cont");
+
-
 
+
-
//Wrap #aj_cont into <center>
+
-
$("#aj_cont").children().wrapAll("<center></center>");
+
-
});
+
</script>
</script>
Line 132: Line 85:
<div id="tn-notebook-wrap">
<div id="tn-notebook-wrap">
-
<div id="tn-header-wrap">
+
    <div id="tn-header-wrap">
-
</html>{{:Team:UNITN-Trento/Templates/Subs/Header}}<html>
+
        </html>{{:Team:UNITN-Trento/Templates/Subs/Header|{{{2}}}}}<html>
-
</div>
+
    </div>
 +
 
 +
    <div id="tn-central-container">
 +
        <div id="tn-content-wrap">
 +
            <div id="tn-side-1" class="tn-sidebar">
 +
                <!--sidebar 1-->
 +
                <div id="tn-calendar">
 +
                    <span class="tn-title">Filter by DATE</span>
 +
                    <table id="tn-calendar-table" data-month="">
 +
                        <tr>
 +
                            <th class="tn-month tn-bw"><!-- <a href="">&#9664;</a> --></th>
 +
                            <th class="tn-month tn-name" colspan="5">
 +
                                &nbsp;
 +
                            </th>
 +
                            <th class="tn-month tn-fw"><!-- <a href="">&#9654;</a> --></th>
 +
                        </tr>
 +
                        <tr>
 +
                            <th>Sun</th>
 +
                            <th>Mon</th>
 +
                            <th>Tue</th>
 +
                            <th>Wed</th>
 +
                            <th>Thu</th>
 +
                            <th>Fri</th>
 +
                            <th>Sat</th>
 +
                        </tr>
 +
                        <tr id="week-1">
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                        </tr>
 +
                        <tr id="week-2">
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                        </tr>
 +
                        <tr id="week-3">
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                        </tr>
 +
                        <tr id="week-4">
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                        </tr>
 +
                        <tr id="week-5">
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                        </tr>
 +
                        <tr id="week-6">
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                        </tr>
 +
                    </table>
 +
                </div>
 +
                <div id="tn-filters">
 +
                    <div id="tn-filter-faces">
 +
                        <span class="tn-title">Filter by WHO</span>
 +
                        <a class="faces" href="bruno"><img src='https://static.igem.org/mediawiki/2013/2/26/Tn-2013-Ba_face.jpg' /></a>
 +
                        <a class="faces" href="caterina"><img src='https://static.igem.org/mediawiki/2013/5/59/Tn-2013-Cm_face.jpg' /></a>
 +
                        <a class="faces" href="emil"><img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Et_face.jpg' /></a>
 +
                        <a class="faces" href="fabio"><img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Fd_face.jpg' /></a><br />
 +
                        <a class="faces" href="gabriele"><img src='https://static.igem.org/mediawiki/2013/e/e0/Tn-2013-Gg_face.jpg' /></a>
 +
                        <a class="faces" href="michele"><img src='https://static.igem.org/mediawiki/2013/b/b0/Tn-2013-Mp_face.jpg' /></a>
 +
                        <a class="faces" href="thomas"><img src='https://static.igem.org/mediawiki/2013/6/66/Tn-2013-Tp_face.jpg' /></a>
 +
                        <a class="faces" href="viola"><img src='https://static.igem.org/mediawiki/2013/1/1d/Tn-2013-Vv_face.jpg' /></a>
 +
                    </div>
 +
                    <div id="tn-filter-tags-wrap">
 +
                        <span class="tn-title">Filter by TAG</span>
 +
                        <select id="tn-filter-tags">
 +
                            <option value=""></option>
 +
                        </select>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div id="tn-content">
 +
                <div class="tn-add-post">
 +
                    <a href="javascript:alert('The notebook has been frozen, contact the Wiki Master.');">Add Post to selected Month</a>
 +
                </div>
 +
                <div class="tn-timeSelect">
 +
                    <a href="javascript:fillBook('may');" data-href="javascript:fillBook('may');" class="tn-button may">May</a>
 +
                    <a href="javascript:fillBook('june');" data-href="javascript:fillBook('june');" class="tn-button june">June</a>
 +
                    <a href="javascript:fillBook('july');" data-href="javascript:fillBook('july');" class="tn-button july">July</a>
 +
                    <a href="javascript:fillBook('august');" data-href="javascript:fillBook('august');" class="tn-button august active">August</a>
 +
                    <a href="javascript:fillBook('september');" data-href="javascript:fillBook('september');" class="tn-button september">September</a>
 +
                </div>
 +
                <div id="aj_index_may" style="display: none;">
 +
                    </html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/05/}}<html>
 +
                </div>
 +
                <div id="aj_index_june" style="display: none;">
 +
                    </html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/06/}}<html>
 +
                </div>
 +
                <div id="aj_index_july" style="display: none;">
 +
                    </html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/07/}}<html>
 +
                </div>
 +
                <div id="aj_index_august" style="display: none;">
 +
                    </html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/08/}}<html>
 +
                </div>
 +
                <div id="aj_index_september" style="display: none;">
 +
                    </html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/09/}}<html>
 +
                </div>
 +
                <div id="aj_load" style="text-align: center;">Loading the posts...<br/><small>The first time it might take from a few seconds to a couple of minutes, depending on your connection</small></div>
 +
                <div id="aj_cont" style="text-align: center;">
 +
                    <!--Ajax content-->
 +
                </div>
 +
                <!--Content-->
 +
                </html>{{{1}}}<html>
-
<div id="tn-content-wrap">
+
                <div class="sheet-2">
-
<div id="tn-side-1" class="tn-sidebar">
+
                    <a href="https://2013.igem.org/Team:UNITN-Trento/Gallery">
-
<!--sidebar 1-->
+
                        <img class="tn-arr-prev" src="https://static.igem.org/mediawiki/2013/7/72/Tn-2013-arr-Note_prev.png" />
-
<div id="tn-calendar">
+
                    </a>
-
<span class="tn-title">Filter by DATE</span>
+
                    <a href="javascript:toTop('#tn-main-wrap-wrap');">
-
<table id="tn-calendar-table" data-month="">
+
                        <img src="https://static.igem.org/mediawiki/2013/6/6e/Tn-2013-arr-AAA_TOP.png" />
-
<tr>
+
                    </a>
-
<th class="tn-month tn-bw"><a href="">&#9664;</a></th>
+
                    <a href="https://2013.igem.org/Team:UNITN-Trento/Protocols">
-
<th class="tn-month tn-name" colspan="5">
+
                        <img class="tn-arr-next" src="https://static.igem.org/mediawiki/2013/0/0a/Tn-2013-arr-Note_next.png" />
-
&nbsp;
+
                    </a>
-
</th>
+
                </div>
-
<th class="tn-month tn-fw"><a href="">&#9654;</a></th>
+
            </div>
-
</tr>
+
        </div>
-
<tr>
+
    </div>
-
<th>Sun</th>
+
-
<th>Mon</th>
+
-
<th>Tue</th>
+
-
<th>Wed</th>
+
-
<th>Thu</th>
+
-
<th>Fri</th>
+
-
<th>Sat</th>
+
-
</tr>
+
-
<tr id="week-1">
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
</tr>
+
-
<tr id="week-2">
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
</tr>
+
-
<tr id="week-3">
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
</tr>
+
-
<tr id="week-4">
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
</tr>
+
-
<tr id="week-5">
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
</tr>
+
-
<tr id="week-6">
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
<td>&nbsp;</td>
+
-
</tr>
+
-
</table>
+
-
</div>
+
-
</div>
+
-
<div id="tn-content">
+
-
<div id="aj_index" style="display: none;">
+
-
</html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/}}<html>
+
-
</div>
+
-
<div id="aj_cont" style="border: 1px solid black; text-align: center;">
+
-
<!--Ajax content-->
+
-
</div>
+
-
<!--Content-->
+
-
</html>{{{1}}}<html>
+
-
</div>
+
-
<div id="tn-side-2" class="tn-sidebar">
+
-
<!--sidebar 2-->
+
-
<div id="tn-filters">
+
-
<div id="tn-filter-faces">
+
-
<span class="tn-title">Filter by WHO</span>
+
-
<a class="faces" href="bruno"><img src='https://static.igem.org/mediawiki/2013/2/26/Tn-2013-Ba_face.jpg' /></a>
+
-
<a class="faces" href="caterina"><img src='https://static.igem.org/mediawiki/2013/5/59/Tn-2013-Cm_face.jpg' /></a>
+
-
<a class="faces" href="emil"><img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Et_face.jpg' /></a>
+
-
<a class="faces" href="fabio"><img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Fd_face.jpg' /></a><br />
+
-
<a class="faces" href="gabriele"><img src='https://static.igem.org/mediawiki/2013/e/e0/Tn-2013-Gg_face.jpg' /></a>
+
-
<a class="faces" href="michele"><img src='https://static.igem.org/mediawiki/2013/b/b0/Tn-2013-Mp_face.jpg' /></a>
+
-
<a class="faces" href="thomas"><img src='https://static.igem.org/mediawiki/2013/6/66/Tn-2013-Tp_face.jpg' /></a>
+
-
<a class="faces" href="viola"><img src='https://static.igem.org/mediawiki/2013/1/1d/Tn-2013-Vv_face.jpg' /></a>
+
-
</div>
+
-
<div id="tn-filter-tags-wrap">
+
-
<span class="tn-title">Filter by TAG</span>
+
-
<select id="tn-filter-tags">
+
-
<option value=""></option>
+
-
</select>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div id="tn-footer-wrap">
+
    <div id="tn-footer-wrap">
-
</html>{{:Team:UNITN-Trento/Templates/Subs/Footer}}<html>
+
        </html>{{:Team:UNITN-Trento/Templates/Subs/Footer|{{{3}}}}}<html>
-
</div>
+
    </div>
</div>
</div>
<!--Fine templato notebook--></html>}}
<!--Fine templato notebook--></html>}}

Latest revision as of 16:27, 3 October 2013

Filter by DATE
 
Sun Mon Tue Wed Thu Fri Sat
             
             
             
             
             
             
Filter by WHO
Filter by TAG
Add Post to selected Month
Loading the posts...
The first time it might take from a few seconds to a couple of minutes, depending on your connection
{{{1}}}