Team:TU Delft/pages/blog

From 2010.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 5: Line 5:
<html>
<html>
<div id="calendar_container" style="width: 300px; float: right;"></html>
<div id="calendar_container" style="width: 300px; float: right;"></html>
-
{{:Team:TU_Delft/basic_calendar}}
+
{{:Team:TU_Delft/scroll_calendar}}
<html></div>
<html></div>
Line 19: Line 19:
<html>
<html>
-
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js"></script> -->
-
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
+
-
<style>
 
-
.ui-datepicker.ui-widget-content .ui-state-default { background: none; }
 
-
.ui-widget-content .day_with_blog a.ui-state-default { background-color: #ccc; }
 
-
.ui-widget-content .day_no_blog a.ui-state-default { background-color: #eee; }
 
-
</style>
 
<script type="text/javascript">
<script type="text/javascript">
-
$(function() {
 
-
  var datemap = {
+
var datePickerLoaded = false;
-
    hasDate: function(d) {
+
 
-
      var fmt = $.datepicker.formatDate("dMM", d);
+
function dbgout(msg) {
-
      return this["d" + fmt];
+
  var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
-
    }
+
  if(is_chrome) console.log(msg);
-
  };
+
}
-
  // use the old calendar to find which days have a blog entry
+
function blog_loadDate(date) {
-
  $("#calendar_container .month").each(function() {  
+
  var datestr = jQuery.datepicker.formatDate("d_MM_yy", date);
-
    var month = $.trim( $(".heading", this).text() );
+
  var url = "/Team:TU_Delft/"+datestr+"_content?action=render";
 +
  setActiveMonth(date.getMonth() - 2);
 +
  dbgout('blog_loadDate: ' + date);
-
     $("a", this).each(function() {  
+
  $.get(url, function(response) {
-
       var day = $.trim( $(this).text() );
+
     $("#blog_item_container").fadeOut(200).queue(function(next) {
-
       if ($(".day-active", this).length > 0) {
+
       $(this).html(response);
-
        datemap["d"+day+month] = true;
+
      var refURL = "http://2010.igem.org/Team:TU_Delft#/blog?blog=" + datestr;
-
       }
+
      $("#blog_item_date").text(jQuery.datepicker.formatDate("d MM yy", date));
-
     });
+
       $("#blog_item_fbcomments").html('<fb:comments url="' + refURL + '" xid="igemblog' + datestr +'" numposts="10" width="450"></fb:comments>');
 +
       FB.XFBML.parse(document.getElementById('blog_item_fbcomments'));
 +
      next();
 +
     }).fadeIn(200);
   });
   });
 +
}
-
  // find the last day with a blog item
 
-
  var c=new Date();
 
-
  /*var addrdate=$.address.parameter('blog');
 
-
  if (addrdate) {
 
-
    c = $.datepicker.parseDate('d_MM_yy', addrdate);
 
-
  } else while(c.getDate() > 1) {
 
-
    if (datemap.hasDate(c))
 
-
      break;
 
-
    c.setDate(c.getDate()-1);
 
-
  }*/
 
-
  $("#calendar_container").empty().datepicker( {
+
function blog_hashchange_cb() {
-
    onSelect: dp_onSelect,
+
   dbgout('blog_hashchange');
-
    beforeShowDay: dp_getDateInfo,
+
-
    defaultDate: c
+
-
   });
+
 +
  hash = location.hash.substring(1);
 +
  var kvmap = splitHash(hash);
-
   function loadBlogDate(date) {
+
   if (kvmap.blog)  
-
     var datestr = jQuery.datepicker.formatDate("d_MM_yy", date);
+
     blog_loadDate($.datepicker.parseDate('d_MM_yy', kvmap.blog));
-
    var url = "/Team:TU_Delft/"+datestr+"_content?action=render";
+
}
-
    $.get(url, function(response) {
+
function blogInit() {
-
      $("#blog_item_container").fadeOut(200).queue(function(next) {
+
  dbgout('blogInit');
-
        $(this).html(response);
+
-
        var refURL = "http://2010.igem.org/Team:TU_Delft#/blog?blog=" + datestr;
+
-
        $("#blog_item_date").text(jQuery.datepicker.formatDate("d MM yy", date));
+
-
        $("#blog_item_fbcomments").html('<fb:comments url="' + refURL + '" xid="igemblog' + datestr +'" numposts="10" width="450"></fb:comments>');
+
-
        FB.XFBML.parse(document.getElementById('blog_item_fbcomments'));
+
-
        next();
+
-
      }).fadeIn(200);
+
-
    });
+
-
  }
+
-
   function dp_onSelect(dateText, inst) {
+
   initScrollCalendar();
-
    var date = $(this).datepicker("getDate");
+
-
    loadBlogDate(date);
+
-
  }
+
-
   function dp_getDateInfo(date) {
+
   setCalendarLinks (function(day, mo, hasEntry) {
-
    var hasBlogItem = datemap.hasDate(date);
+
  // console.log('Day: ' + day + '; Mo: ' + mo + '; hasentry=' + hasEntry);
-
     return [wgUserName ? true : hasBlogItem, hasBlogItem ? 'day_with_blog' : 'day_no_blog'];
+
     return makeHash('pages/blog', { blog: day + '_' + mo + '_2010'});
-
   }
+
  });
 +
  setHash('pages/blog', { blog: $.datepicker.formatDate("d_MM_yy", new Date()) } );
 +
 
 +
  dbgout('bind hashupdate');
 +
   $(window).bind('hashupdate', blog_hashchange_cb);
 +
}
 +
 
 +
$(function() { 
 +
  loadScript('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js', function() {
   if (jQuery.support.boxModel) {
   if (jQuery.support.boxModel) {
  // facebook initialization code
  // facebook initialization code
   window.fbAsyncInit = function() {
   window.fbAsyncInit = function() {
-
    loadBlogDate(c);
 
     FB.init({appId: '132572820109093', status: true, cookie: true, xfbml: true});
     FB.init({appId: '132572820109093', status: true, cookie: true, xfbml: true});
 +
    blogInit();
   };
   };
Line 105: Line 89:
   } else {
   } else {
     $("#blog_item_fbcomments").text("Facebook comments unsupported on this browser.");
     $("#blog_item_fbcomments").text("Facebook comments unsupported on this browser.");
 +
    blogInit();
   }
   }
 +
  });
});
});
 +
 +
var blogpage_close = function() {
 +
  dbgout('unbind hashupdate');
 +
  $(window).unbind('hashupdate', blog_hashchange_cb);
 +
};
 +
 +
$(window).bind('page_close', blogpage_close);
</script>
</script>
</html>
</html>

Latest revision as of 14:25, 16 September 2010

Blog

Follow our progress day by day via our blog. Also don't forget to become a fan of our Facebook page or follow us on Twitter.

Calendar

March
MTWTFSS
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31
April
MTWTFSS
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
May
MTWTFSS
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
June
MTWTFSS
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
July
MTWTFSS
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
August
MTWTFSS
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
September
MTWTFSS
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
October
MTWTFSS
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
November
MTWTFSS
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30

Today's post