Team:UNITN-Trento/Templates/Notebook

From 2013.igem.org

(Difference between revisions)
 
(91 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:UNITN-Trento/Templates/Main|<html><!--Inizio templato notebook-->
-
<head>
+
 
-
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/CSS/Notebook&amp;action=raw&amp;ctype=text/css" type="text/css">
+
<!--CSS-->
-
<title></title>
+
<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" />
-
</head>
+
<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" />
-
<body>
+
 
-
{{:Team:UNITN-Trento/Templates/Main|<!--Inizio templato notebook-->
+
<!--JS-->
-
<!--CSS-->
+
<script src="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/JS/Notebook&action=raw&ctype=text/javascript"></script>
-
<!--JS-->
+
<script type="text/javascript">
-
<script src="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/JS/Notebook&amp;action=raw&amp;ctype=text/javascript" type="text/javascript">
+
//  alert("Notebook under maintenance, please DO NOT add OR edit any post. Thank you.");
-
</script><!--HIDDENS-->
+
 
-
<form>
+
    function setPost(id) {
-
<input type="hidden" id="tn-active-filters-F" value=""> <input type="hidden" id="tn-active-filters-T" value=""> <input type="hidden" id="tn-active-filters-D" value=""> <!--PAGE-->
+
        var title = $(id).attr("data-title");
-
</form>
+
        var date = $(id).attr("data-date");
-
<div id="tn-notebook-wrap">
+
        who = $(id).attr("data-user").split("-");
-
<div id="tn-header-wrap">
+
        var tags = $(id).attr("data-tag").split("-");
-
{{:Team:UNITN-Trento/Templates/Subs/Header}}
+
        var uri = "https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/Notebook";
-
</div>
+
 
-
<div id="tn-content-wrap">
+
 
-
<div id="tn-side-1" class="tn-sidebar">
+
        if (date.indexOf("-") != -1) {
-
<!--sidebar 1-->
+
            ardate = date.split("-")
-
<div id="tn-calendar">
+
            if (ardate.length == 3) {
-
<table id="tn-calendar-table" data-month="">
+
                date = "<span class='yy'>" + ardate[0] + "</span><br />\n<span class='ddmm'>" + ardate[2] + "/" + ardate[1] + "</span>";
-
<tr>
+
            };
-
<th id="tn-month-bw">
+
        }
-
<a href="">&lt;&lt;/a&gt;</a>
+
 
-
</th>
+
        var wholow = [];
-
<th id="tn-month" colspan="5">
+
        for (var i = 0; i < who.length; i++) {
-
&nbsp;
+
            wholow.push(who[i].toLowerCase());
-
</th>
+
        }
-
<th id="tn-month-fw">
+
 
-
<a href="">&gt;</a>
+
        var who_box = $("<div></div>");
-
</th>
+
        var tag_box = $("<div></div>");
-
</tr>
+
 
-
<tr>
+
        if (wholow.indexOf("bruno") != -1) {
-
<th>
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/2/26/Tn-2013-Ba_face.jpg' />");
-
Sun
+
        }
-
</th>
+
        if (wholow.indexOf("caterina") != -1) {
-
<th>
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/5/59/Tn-2013-Cm_face.jpg' />");
-
Mon
+
        }
-
</th>
+
        if (wholow.indexOf("emil") != -1) {
-
<th>
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Et_face.jpg' />");
-
Tue
+
        }
-
</th>
+
        if (wholow.indexOf("fabio") != -1) {
-
<th>
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Fd_face.jpg' />");
-
Wed
+
        }
-
</th>
+
        if (wholow.indexOf("gabriele") != -1) {
-
<th>
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/e/e0/Tn-2013-Gg_face.jpg' />");
-
Thu
+
        }
-
</th>
+
        if (wholow.indexOf("michele") != -1) {
-
<th>
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/b/b0/Tn-2013-Mp_face.jpg' />");
-
Fri
+
        }
-
</th>
+
        if (wholow.indexOf("thomas") != -1) {
-
<th>
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/6/66/Tn-2013-Tp_face.jpg' />");
-
Sat
+
        }
-
</th>
+
        if (wholow.indexOf("viola") != -1) {
-
</tr>
+
            $(who_box).append("<img src='https://static.igem.org/mediawiki/2013/1/1d/Tn-2013-Vv_face.jpg' />");
-
<tr id="week-1">
+
        }
-
<td>
+
        $(who_box).addClass("tn-faces");
-
&nbsp;
+
 
-
</td>
+
        $(tag_box).addClass("tn-tags");
-
<td>
+
        for (var i = 0; i < tags.length; i++) {
-
&nbsp;
+
            if (i == 0) {
-
</td>
+
                $(tag_box).html("<b>Tags</b><br/>");
-
<td>
+
            }
-
&nbsp;
+
 
-
</td>
+
            $(tag_box).html($(tag_box).html() + "<span class='tag'>" + tags[i] + "</span>");
-
<td>
+
        }
-
&nbsp;
+
 
-
</td>
+
        if (title != "") {
-
<td>
+
            $(id).prepend("<div class='tn-posttitle'>" + title + "</div>");
-
&nbsp;
+
        }
-
</td>
+
        $(id).prepend("<div class='tn-postdate'><a href='" + uri + id + "'class='tn-anchor'>" + date + "</a></div>");
-
<td>
+
        $(id).prepend(who_box);
-
&nbsp;
+
        $(id).append(tag_box);
-
</td>
+
    }
-
<td>
+
</script>
-
&nbsp;
+
 
-
</td>
+
<!--HIDDENS-->
-
</tr>
+
<input type="hidden" id="tn-active-filters-F" value="" />
-
<tr id="week-2">
+
<input type="hidden" id="tn-active-filters-T" value="" />
-
<td>
+
<input type="hidden" id="tn-active-filters-D" value="" />
-
&nbsp;
+
 
-
</td>
+
<!--PAGE-->
-
<td>
+
<div id="tn-notebook-wrap">
-
&nbsp;
+
 
-
</td>
+
    <div id="tn-header-wrap">
-
<td>
+
        </html>{{:Team:UNITN-Trento/Templates/Subs/Header|{{{2}}}}}<html>
-
&nbsp;
+
    </div>
-
</td>
+
 
-
<td>
+
    <div id="tn-central-container">
-
&nbsp;
+
        <div id="tn-content-wrap">
-
</td>
+
            <div id="tn-side-1" class="tn-sidebar">
-
<td>
+
                <!--sidebar 1-->
-
&nbsp;
+
                <div id="tn-calendar">
-
</td>
+
                    <span class="tn-title">Filter by DATE</span>
-
<td>
+
                    <table id="tn-calendar-table" data-month="">
-
&nbsp;
+
                        <tr>
-
</td>
+
                            <th class="tn-month tn-bw"><!-- <a href="">&#9664;</a> --></th>
-
<td>
+
                            <th class="tn-month tn-name" colspan="5">
-
&nbsp;
+
                                &nbsp;
-
</td>
+
                            </th>
-
</tr>
+
                            <th class="tn-month tn-fw"><!-- <a href="">&#9654;</a> --></th>
-
<tr id="week-3">
+
                        </tr>
-
<td>
+
                        <tr>
-
&nbsp;
+
                            <th>Sun</th>
-
</td>
+
                            <th>Mon</th>
-
<td>
+
                            <th>Tue</th>
-
&nbsp;
+
                            <th>Wed</th>
-
</td>
+
                            <th>Thu</th>
-
<td>
+
                            <th>Fri</th>
-
&nbsp;
+
                            <th>Sat</th>
-
</td>
+
                        </tr>
-
<td>
+
                        <tr id="week-1">
-
&nbsp;
+
                            <td>&nbsp;</td>
-
</td>
+
                            <td>&nbsp;</td>
-
<td>
+
                            <td>&nbsp;</td>
-
&nbsp;
+
                            <td>&nbsp;</td>
-
</td>
+
                            <td>&nbsp;</td>
-
<td>
+
                            <td>&nbsp;</td>
-
&nbsp;
+
                            <td>&nbsp;</td>
-
</td>
+
                        </tr>
-
<td>
+
                        <tr id="week-2">
-
&nbsp;
+
                            <td>&nbsp;</td>
-
</td>
+
                            <td>&nbsp;</td>
-
</tr>
+
                            <td>&nbsp;</td>
-
<tr id="week-4">
+
                            <td>&nbsp;</td>
-
<td>
+
                            <td>&nbsp;</td>
-
&nbsp;
+
                            <td>&nbsp;</td>
-
</td>
+
                            <td>&nbsp;</td>
-
<td>
+
                        </tr>
-
&nbsp;
+
                        <tr id="week-3">
-
</td>
+
                            <td>&nbsp;</td>
-
<td>
+
                            <td>&nbsp;</td>
-
&nbsp;
+
                            <td>&nbsp;</td>
-
</td>
+
                            <td>&nbsp;</td>
-
<td>
+
                            <td>&nbsp;</td>
-
&nbsp;
+
                            <td>&nbsp;</td>
-
</td>
+
                            <td>&nbsp;</td>
-
<td>
+
                        </tr>
-
&nbsp;
+
                        <tr id="week-4">
-
</td>
+
                            <td>&nbsp;</td>
-
<td>
+
                            <td>&nbsp;</td>
-
&nbsp;
+
                            <td>&nbsp;</td>
-
</td>
+
                            <td>&nbsp;</td>
-
<td>
+
                            <td>&nbsp;</td>
-
&nbsp;
+
                            <td>&nbsp;</td>
-
</td>
+
                            <td>&nbsp;</td>
-
</tr>
+
                        </tr>
-
<tr id="week-5">
+
                        <tr id="week-5">
-
<td>
+
                            <td>&nbsp;</td>
-
&nbsp;
+
                            <td>&nbsp;</td>
-
</td>
+
                            <td>&nbsp;</td>
-
<td>
+
                            <td>&nbsp;</td>
-
&nbsp;
+
                            <td>&nbsp;</td>
-
</td>
+
                            <td>&nbsp;</td>
-
<td>
+
                            <td>&nbsp;</td>
-
&nbsp;
+
                        </tr>
-
</td>
+
                        <tr id="week-6">
-
<td>
+
                            <td>&nbsp;</td>
-
&nbsp;
+
                            <td>&nbsp;</td>
-
</td>
+
                            <td>&nbsp;</td>
-
<td>
+
                            <td>&nbsp;</td>
-
&nbsp;
+
                            <td>&nbsp;</td>
-
</td>
+
                            <td>&nbsp;</td>
-
<td>
+
                            <td>&nbsp;</td>
-
&nbsp;
+
                        </tr>
-
</td>
+
                    </table>
-
<td>
+
                </div>
-
&nbsp;
+
                <div id="tn-filters">
-
</td>
+
                    <div id="tn-filter-faces">
-
</tr>
+
                        <span class="tn-title">Filter by WHO</span>
-
<tr id="week-6">
+
                        <a class="faces" href="bruno"><img src='https://static.igem.org/mediawiki/2013/2/26/Tn-2013-Ba_face.jpg' /></a>
-
<td>
+
                        <a class="faces" href="caterina"><img src='https://static.igem.org/mediawiki/2013/5/59/Tn-2013-Cm_face.jpg' /></a>
-
&nbsp;
+
                        <a class="faces" href="emil"><img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Et_face.jpg' /></a>
-
</td>
+
                        <a class="faces" href="fabio"><img src='https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Fd_face.jpg' /></a><br />
-
<td>
+
                        <a class="faces" href="gabriele"><img src='https://static.igem.org/mediawiki/2013/e/e0/Tn-2013-Gg_face.jpg' /></a>
-
&nbsp;
+
                        <a class="faces" href="michele"><img src='https://static.igem.org/mediawiki/2013/b/b0/Tn-2013-Mp_face.jpg' /></a>
-
</td>
+
                        <a class="faces" href="thomas"><img src='https://static.igem.org/mediawiki/2013/6/66/Tn-2013-Tp_face.jpg' /></a>
-
<td>
+
                        <a class="faces" href="viola"><img src='https://static.igem.org/mediawiki/2013/1/1d/Tn-2013-Vv_face.jpg' /></a>
-
&nbsp;
+
                    </div>
-
</td>
+
                    <div id="tn-filter-tags-wrap">
-
<td>
+
                        <span class="tn-title">Filter by TAG</span>
-
&nbsp;
+
                        <select id="tn-filter-tags">
-
</td>
+
                            <option value=""></option>
-
<td>
+
                        </select>
-
&nbsp;
+
                    </div>
-
</td>
+
                </div>
-
<td>
+
            </div>
-
&nbsp;
+
            <div id="tn-content">
-
</td>
+
                <div class="tn-add-post">
-
<td>
+
                    <a href="javascript:alert('The notebook has been frozen, contact the Wiki Master.');">Add Post to selected Month</a>
-
&nbsp;
+
                </div>
-
</td>
+
                <div class="tn-timeSelect">
-
</tr>
+
                    <a href="javascript:fillBook('may');" data-href="javascript:fillBook('may');" class="tn-button may">May</a>
-
</table>
+
                    <a href="javascript:fillBook('june');" data-href="javascript:fillBook('june');" class="tn-button june">June</a>
-
</div>
+
                    <a href="javascript:fillBook('july');" data-href="javascript:fillBook('july');" class="tn-button july">July</a>
-
</div>
+
                    <a href="javascript:fillBook('august');" data-href="javascript:fillBook('august');" class="tn-button august active">August</a>
-
<div id="tn-content">
+
                    <a href="javascript:fillBook('september');" data-href="javascript:fillBook('september');" class="tn-button september">September</a>
-
<!--Content-->
+
                </div>
-
{{{1}}}
+
                <div id="aj_index_may" style="display: none;">
-
</div>
+
                    </html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/05/}}<html>
-
<div id="tn-side-2" class="tn-sidebar">
+
                </div>
-
<!--sidebar 2-->
+
                <div id="aj_index_june" style="display: none;">
-
<div id="tn-filters">
+
                    </html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/06/}}<html>
-
<div id="tn-filter-faces">
+
                </div>
-
<a class="faces" href="bruno"><img src='http://www.filopoe.it/old/mediawiki/images/c/c2/Bruno.jpg'></a> <a class="faces" href="caterina"><img src='http://www.filopoe.it/old/mediawiki/images/e/ed/Cate.jpg'></a> <a class="faces" href="emil"><img src='http://www.filopoe.it/old/mediawiki/images/5/50/Emil.JPG'></a> <a class="faces" href="fabio"><img src='http://www.filopoe.it/old/mediawiki/images/9/9f/Fabio.jpg'></a><br>
+
                <div id="aj_index_july" style="display: none;">
-
<a class="faces" href="gabriele"><img src='http://www.filopoe.it/old/mediawiki/images/2/26/Gire.jpg'></a> <a class="faces" href="michele"><img src='http://www.filopoe.it/old/mediawiki/images/2/2e/Pedro.jpg'></a> <a class="faces" href="thomas"><img src='http://www.filopoe.it/old/mediawiki/images/4/42/Thomas.png'></a> <a class="faces" href="viola"><img src='http://www.filopoe.it/old/mediawiki/images/2/23/Viola.jpg'></a>
+
                    </html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/07/}}<html>
-
</div><select id="tn-filters-tags">
+
                </div>
-
</select>
+
                <div id="aj_index_august" style="display: none;">
-
</div>
+
                    </html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/08/}}<html>
-
</div>
+
                </div>
-
</div>
+
                <div id="aj_index_september" style="display: none;">
-
<div id="tn-footer-wrap">
+
                    </html>{{Special:PrefixIndex/Team:UNITN-Trento/Notebook/Labposts/09/}}<html>
-
{{:Team:UNITN-Trento/Templates/Subs/Footer}}
+
                </div>
-
</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><!--Fine templato notebook-->}}
+
                <div id="aj_cont" style="text-align: center;">
-
</body>
+
                    <!--Ajax content-->
-
</html>
+
                </div>
 +
                <!--Content-->
 +
                </html>{{{1}}}<html>
 +
 
 +
                <div class="sheet-2">
 +
                    <a href="https://2013.igem.org/Team:UNITN-Trento/Gallery">
 +
                        <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>
 +
 
 +
<!--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
May June July August September
Loading the posts...
The first time it might take from a few seconds to a couple of minutes, depending on your connection
{{{1}}}
Edit this page | Main Page
Retrieved from "http://2013.igem.org/Team:UNITN-Trento/Templates/Notebook"