Utilisateur:Pinocchio/timeline init.js

/* Initialisation timeline */

var tmln;

/* seulement pour la page timeline */
if (wgPageName == 'Utilisateur:Pinocchio/Timeline' && wgAction == 'view') {

   /* chargement appli Timeline depuis mit.edu */
   importScriptURI('http://static.simile.mit.edu/timeline/api-2.3.0/timeline-api.js?bundle=true');

   /* chargement style timeline */
   importStylesheet('Utilisateur:Pinocchio/timeline_style.css');
}


/* Après chargement */
function timeline_init() {
   if (wgPageName != 'Utilisateur:Pinocchio/Timeline' || wgAction != 'view') return;
   
   var eventSource = new Timeline.DefaultEventSource(0);
   
   /* modif thème par défaut */
   var theme = Timeline.ClassicTheme.create();
   theme.event.bubble.width = 350;
   theme.event.bubble.height = 300;

   var d = Timeline.DateTime.parseGregorianDateTime("1900")
   var bandInfos = [
      Timeline.createBandInfo({
         width:          "80%", 
         intervalUnit:   Timeline.DateTime.DECADE, 
         intervalPixels: 200,
         eventSource:    eventSource,
         date:           d,
         theme:          theme,
         layout:         'original'  // original, overview, detailed
      }),
      Timeline.createBandInfo({
         width:          "20%", 
         intervalUnit:   Timeline.DateTime.CENTURY, 
         intervalPixels: 200,
         eventSource:    eventSource,
         date:           d,
         theme:          theme,
         layout:         'overview'  // original, overview, detailed
      })
   ];
   bandInfos[1].syncWith = 0;
   bandInfos[1].highlight = true;

   /* creation dans div */
   tmln = Timeline.create(document.getElementById("tmln"), bandInfos, Timeline.HORIZONTAL);
   
   /* chargement source données format json */
   tmln.loadJSON(wgScript + '?action=raw&ctype=text/javascript&title=Utilisateur:Pinocchio/timeline_data1.js?', function(json, url) {
      eventSource.loadJSON(json, url);
   });
}


/* patch redefinition des labels dates */
if (wgPageName == 'Utilisateur:Pinocchio/Timeline' && wgAction == 'view') {
   Timeline.GregorianDateLabeller.prototype.defaultLabelInterval = function(date, intervalUnit) {
      var text;
      var emphasized = false;

      date = Timeline.DateTime.removeTimeZoneOffset(date, this._timeZone);

      switch(intervalUnit) {
      case Timeline.DateTime.MILLISECOND:
         text = date.getUTCMilliseconds();
         break;
      case Timeline.DateTime.SECOND:
         text = date.getUTCSeconds();
         break;
      case Timeline.DateTime.MINUTE:
         var m = date.getUTCMinutes();
         if (m == 0) {
            text = date.getUTCHours() + ":00";
            emphasized = true;
         } else {
            text = m;
         }
         break;
      case Timeline.DateTime.HOUR:
         text = date.getUTCHours() + "hr";
         break;
      case Timeline.DateTime.DAY:
         text = Timeline.GregorianDateLabeller.getMonthName(date.getUTCMonth(), this._locale) + " " + date.getUTCDate();
         break;
      case Timeline.DateTime.WEEK:
         text = Timeline.GregorianDateLabeller.getMonthName(date.getUTCMonth(), this._locale) + " " + date.getUTCDate();
         break;
      case Timeline.DateTime.MONTH:
         var m = date.getUTCMonth();
         if (m == 0) {
            text = this.labelInterval(date, Timeline.DateTime.YEAR).text;
            emphasized = true;
         } else {
            text = Timeline.GregorianDateLabeller.getMonthName(m, this._locale);
         }
         break;
      case Timeline.DateTime.YEAR:
      case Timeline.DateTime.DECADE:
      case Timeline.DateTime.CENTURY:
      case Timeline.DateTime.MILLENNIUM:
         var y = date.getUTCFullYear();
         if (y > 0) {
            text = date.getUTCFullYear();
         } else if (y == 0) {
            text = "1 av.J.C.";
         } else {
            text = (0 - y) + "av.J-C";
         }
         break;
      default:
         text = date.toUTCString();
      }
      return { text: text, emphasized: emphasized };
   }
}


var resizeTimerID = null;

if (wgPageName == 'Utilisateur:Pinocchio/Timeline' && wgAction == 'view') {
   document.body[0].onresize = timeline_resize;
}

function timeline_resize() {
   if (resizeTimerID == null) {
      resizeTimerID = window.setTimeout(function() {
         resizeTimerID = null;
         tmln.layout();
      }, 500);
   }
}