Team:UNITN-Trento/Templates/Notebook

From 2013.igem.org

(Difference between revisions)
 
(43 intermediate revisions not shown)
Line 3: Line 3:
<!--CSS-->
<!--CSS-->
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/CSS/Notebook&action=raw&ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/CSS/Notebook&action=raw&ctype=text/css" type="text/css" />
 +
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/CSS/Styles/Labpost&action=raw&ctype=text/css" type="text/css" />
<!--JS-->
<!--JS-->
<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.");
-
$(document).ready(function() {
+
    function setPost(id) {
 +
        var title = $(id).attr("data-title");
 +
        var date = $(id).attr("data-date");
 +
        who = $(id).attr("data-user").split("-");
 +
        var tags = $(id).attr("data-tag").split("-");
 +
        var uri = "https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/Notebook";
-
var last_id = 0, href = "";
 
-
//Get posts from ajax index
+
        if (date.indexOf("-") != -1) {
-
$("#aj_index a").each(function() {
+
            ardate = date.split("-")
 +
            if (ardate.length == 3) {
 +
                date = "<span class='yy'>" + ardate[0] + "</span><br />\n<span class='ddmm'>" + ardate[2] + "/" + ardate[1] + "</span>";
 +
            };
 +
        }
-
//Get url
+
        var wholow = [];
-
href = $(this).attr('href');
+
        for (var i = 0; i < who.length; i++) {
 +
            wholow.push(who[i].toLowerCase());
 +
        }
-
//Get id
+
        var who_box = $("<div></div>");
-
var id = href.split("/");
+
        var tag_box = $("<div></div>");
-
id = id[id.length - 1];
+
-
//Save highest id (last post)
+
        if (wholow.indexOf("bruno") != -1) {
-
if( id > last_id ) {
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/2/26/Tn-2013-Ba_face.jpg' />");
-
last_id = id;
+
        }
-
}
+
        if (wholow.indexOf("caterina") != -1) {
 +
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/5/59/Tn-2013-Cm_face.jpg' />");
 +
        }
 +
        if (wholow.indexOf("emil") != -1) {
 +
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Et_face.jpg' />");
 +
        }
 +
        if (wholow.indexOf("fabio") != -1) {
 +
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Fd_face.jpg' />");
 +
        }
 +
        if (wholow.indexOf("gabriele") != -1) {
 +
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/e/e0/Tn-2013-Gg_face.jpg' />");
 +
        }
 +
        if (wholow.indexOf("michele") != -1) {
 +
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/b/b0/Tn-2013-Mp_face.jpg' />");
 +
        }
 +
        if (wholow.indexOf("thomas") != -1) {
 +
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/6/66/Tn-2013-Tp_face.jpg' />");
 +
        }
 +
        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).addClass("tn-faces");
-
//Make AJAX request
+
        $(tag_box).addClass("tn-tags");
-
href += "?action=raw&ctype=text/javascript"
+
        for (var i = 0; i < tags.length; i++) {
-
$.get( href , function(data) {
+
            if (i == 0) {
-
alert(data);
+
                $(tag_box).html("<b>Tags</b><br/>");
-
alert("date: " + data.date);
+
            }
-
alert("author: " + data.author);
+
-
alert("title: " + data.title);
+
-
alert("content: " + data.content);
+
-
alert("tags: " + data.tags);
+
-
});
+
-
});
+
-
//Add 'add post' button
+
            $(tag_box).html($(tag_box).html() + "<span class='tag'>" + tags[i] + "</span>");
-
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");
+
-
});
+
        if (title != "") {
 +
            $(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(who_box);
 +
        $(id).append(tag_box);
 +
    }
</script>
</script>
Line 59: 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-content-wrap">
+
    <div id="tn-central-container">
-
<div id="tn-side-1" class="tn-sidebar">
+
        <div id="tn-content-wrap">
-
<!--sidebar 1-->
+
            <div id="tn-side-1" class="tn-sidebar">
-
<div id="tn-calendar">
+
                <!--sidebar 1-->
-
<span class="tn-title">Filter by DATE</span>
+
                <div id="tn-calendar">
-
<table id="tn-calendar-table" data-month="">
+
                    <span class="tn-title">Filter by DATE</span>
-
<tr>
+
                    <table id="tn-calendar-table" data-month="">
-
<th class="tn-month tn-bw"><a href="">&#9664;</a></th>
+
                        <tr>
-
<th class="tn-month tn-name" colspan="5">
+
                            <th class="tn-month tn-bw"><!-- <a href="">&#9664;</a> --></th>
-
&nbsp;
+
                            <th class="tn-month tn-name" colspan="5">
-
</th>
+
                                &nbsp;
-
<th class="tn-month tn-fw"><a href="">&#9654;</a></th>
+
                            </th>
-
</tr>
+
                            <th class="tn-month tn-fw"><!-- <a href="">&#9654;</a> --></th>
-
<tr>
+
                        </tr>
-
<th>Sun</th>
+
                        <tr>
-
<th>Mon</th>
+
                            <th>Sun</th>
-
<th>Tue</th>
+
                            <th>Mon</th>
-
<th>Wed</th>
+
                            <th>Tue</th>
-
<th>Thu</th>
+
                            <th>Wed</th>
-
<th>Fri</th>
+
                            <th>Thu</th>
-
<th>Sat</th>
+
                            <th>Fri</th>
-
</tr>
+
                            <th>Sat</th>
-
<tr id="week-1">
+
                        </tr>
-
<td>&nbsp;</td>
+
                        <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>
+
                            <td>&nbsp;</td>
-
<td>&nbsp;</td>
+
                            <td>&nbsp;</td>
-
<td>&nbsp;</td>
+
                            <td>&nbsp;</td>
-
</tr>
+
                            <td>&nbsp;</td>
-
<tr id="week-2">
+
                        </tr>
-
<td>&nbsp;</td>
+
                        <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>
+
                            <td>&nbsp;</td>
-
<td>&nbsp;</td>
+
                            <td>&nbsp;</td>
-
<td>&nbsp;</td>
+
                            <td>&nbsp;</td>
-
</tr>
+
                            <td>&nbsp;</td>
-
<tr id="week-3">
+
                        </tr>
-
<td>&nbsp;</td>
+
                        <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>
+
                            <td>&nbsp;</td>
-
<td>&nbsp;</td>
+
                            <td>&nbsp;</td>
-
<td>&nbsp;</td>
+
                            <td>&nbsp;</td>
-
</tr>
+
                            <td>&nbsp;</td>
-
<tr id="week-4">
+
                        </tr>
-
<td>&nbsp;</td>
+
                        <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>
+
                            <td>&nbsp;</td>
-
<td>&nbsp;</td>
+
                            <td>&nbsp;</td>
-
<td>&nbsp;</td>
+
                            <td>&nbsp;</td>
-
</tr>
+
                            <td>&nbsp;</td>
-
<tr id="week-5">
+
                        </tr>
-
<td>&nbsp;</td>
+
                        <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>
+
                            <td>&nbsp;</td>
-
<td>&nbsp;</td>
+
                            <td>&nbsp;</td>
-
<td>&nbsp;</td>
+
                            <td>&nbsp;</td>
-
</tr>
+
                            <td>&nbsp;</td>
-
<tr id="week-6">
+
                        </tr>
-
<td>&nbsp;</td>
+
                        <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>
+
                            <td>&nbsp;</td>
-
<td>&nbsp;</td>
+
                            <td>&nbsp;</td>
-
<td>&nbsp;</td>
+
                            <td>&nbsp;</td>
-
</tr>
+
                            <td>&nbsp;</td>
-
</table>
+
                        </tr>
-
</div>
+
                    </table>
-
</div>
+
                </div>
-
<div id="tn-content">
+
                <div id="tn-filters">
-
<div id="aj_index" style="display: none;">
+
                    <div id="tn-filter-faces">
-
</html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/}}<html>
+
                        <span class="tn-title">Filter by WHO</span>
-
</div>
+
                        <a class="faces" href="bruno"><img src='https://static.igem.org/mediawiki/2013/2/26/Tn-2013-Ba_face.jpg' /></a>
-
<div id="aj_cont" style="border: 1px solid black;">
+
                        <a class="faces" href="caterina"><img src='https://static.igem.org/mediawiki/2013/5/59/Tn-2013-Cm_face.jpg' /></a>
-
<!--Ajax content-->
+
                        <a class="faces" href="emil"><img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Et_face.jpg' /></a>
-
</div>
+
                        <a class="faces" href="fabio"><img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Fd_face.jpg' /></a><br />
-
<!--Content-->
+
                        <a class="faces" href="gabriele"><img src='https://static.igem.org/mediawiki/2013/e/e0/Tn-2013-Gg_face.jpg' /></a>
-
</html>{{{1}}}<html>
+
                        <a class="faces" href="michele"><img src='https://static.igem.org/mediawiki/2013/b/b0/Tn-2013-Mp_face.jpg' /></a>
-
</div>
+
                        <a class="faces" href="thomas"><img src='https://static.igem.org/mediawiki/2013/6/66/Tn-2013-Tp_face.jpg' /></a>
-
<div id="tn-side-2" class="tn-sidebar">
+
                        <a class="faces" href="viola"><img src='https://static.igem.org/mediawiki/2013/1/1d/Tn-2013-Vv_face.jpg' /></a>
-
<!--sidebar 2-->
+
                    </div>
-
<div id="tn-filters">
+
                    <div id="tn-filter-tags-wrap">
-
<div id="tn-filter-faces">
+
                        <span class="tn-title">Filter by TAG</span>
-
<span class="tn-title">Filter by WHO</span>
+
                        <select id="tn-filter-tags">
-
<a class="faces" href="bruno"><img src='https://static.igem.org/mediawiki/2013/2/26/Tn-2013-Ba_face.jpg' /></a>
+
                            <option value=""></option>
-
<a class="faces" href="caterina"><img src='https://static.igem.org/mediawiki/2013/5/59/Tn-2013-Cm_face.jpg' /></a>
+
                        </select>
-
<a class="faces" href="emil"><img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Et_face.jpg' /></a>
+
                    </div>
-
<a class="faces" href="fabio"><img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Fd_face.jpg' /></a><br />
+
                </div>
-
<a class="faces" href="gabriele"><img src='https://static.igem.org/mediawiki/2013/e/e0/Tn-2013-Gg_face.jpg' /></a>
+
            </div>
-
<a class="faces" href="michele"><img src='https://static.igem.org/mediawiki/2013/b/b0/Tn-2013-Mp_face.jpg' /></a>
+
            <div id="tn-content">
-
<a class="faces" href="thomas"><img src='https://static.igem.org/mediawiki/2013/6/66/Tn-2013-Tp_face.jpg' /></a>
+
                <div class="tn-add-post">
-
<a class="faces" href="viola"><img src='https://static.igem.org/mediawiki/2013/1/1d/Tn-2013-Vv_face.jpg' /></a>
+
                    <a href="javascript:alert('The notebook has been frozen, contact the Wiki Master.');">Add Post to selected Month</a>
-
</div>
+
                </div>
-
<div id="tn-filter-tags-wrap">
+
                <div class="tn-timeSelect">
-
<span class="tn-title">Filter by TAG</span>
+
                    <a href="javascript:fillBook('may');" data-href="javascript:fillBook('may');" class="tn-button may">May</a>
-
<select id="tn-filter-tags">
+
                    <a href="javascript:fillBook('june');" data-href="javascript:fillBook('june');" class="tn-button june">June</a>
-
<option value=""></option>
+
                    <a href="javascript:fillBook('july');" data-href="javascript:fillBook('july');" class="tn-button july">July</a>
-
</select>
+
                    <a href="javascript:fillBook('august');" data-href="javascript:fillBook('august');" class="tn-button august active">August</a>
-
</div>
+
                    <a href="javascript:fillBook('september');" data-href="javascript:fillBook('september');" class="tn-button september">September</a>
-
</div>
+
                </div>
-
</div>
+
                <div id="aj_index_may" style="display: none;">
-
</div>
+
                    </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-footer-wrap">
+
                <div class="sheet-2">
-
</html>{{:Team:UNITN-Trento/Templates/Subs/Footer}}<html>
+
                    <a href="https://2013.igem.org/Team:UNITN-Trento/Gallery">
-
</div>
+
                        <img class="tn-arr-prev" src="https://static.igem.org/mediawiki/2013/7/72/Tn-2013-arr-Note_prev.png" />
 +
                    </a>
 +
                    <a href="javascript:toTop('#tn-main-wrap-wrap');">
 +
                        <img src="https://static.igem.org/mediawiki/2013/6/6e/Tn-2013-arr-AAA_TOP.png" />
 +
                    </a>
 +
                    <a href="https://2013.igem.org/Team:UNITN-Trento/Protocols">
 +
                        <img class="tn-arr-next" src="https://static.igem.org/mediawiki/2013/0/0a/Tn-2013-arr-Note_next.png" />
 +
                    </a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 
 +
    <div id="tn-footer-wrap">
 +
        </html>{{:Team:UNITN-Trento/Templates/Subs/Footer|{{{3}}}}}<html>
 +
    </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}}}