Démo du mode "Affichage hebdomadaire" avec 4 niveaux de zoom.
Retour à l'article
|
Calendrier Mensuel
|
Tests des calendriers
$(function() {
// Definition : EventCal(ressourceId, eventId, startDay, endDay, label)
var evt1 = new EventCal(1, "event_001", 4, 5, "Event Paris - WSDD");
var evt2 = new EventCal(2, "event_002", 5, 7, "Paris - WSDD(2-5)");
var evt2_bis = new EventCal(2, "event_002_bis", 4, 6, "Réunion");
var evt3 = new EventCal(2, "event_003", 14, 17, "Préparation Evènement");
var evt5 = new EventCal(3, "event_005", 9, 11, "Week-end");
var evt5_bis = new EventCal(3, "event_005_bis", 8, 9.5, "Réunion");
var evt5_ter = new EventCal(3, "event_005_ter", 6.5, 8.5, "Transfert");
var evt6 = new EventCal(4, "event_006", 9, 11, "Week-end");
var evt7 = new EventCal(5, "event_007", 9, 11, "Week-end");
var evt8 = new EventCal(6, "event_008", 9, 11, "Week-end");
var evt9 = new EventCal(7, "event_009", 9, 11, "Week-end");
var evt10 = new EventCal(8, "event_010", 9, 11, "Week-end");
var evt11 = new EventCal(9, "event_011", 9, 11, "Week-end");
var evt12 = new EventCal(10, "event_012", 9, 11, "Week-end");
var evt13 = new EventCal(11, "event_013", 9, 11, "Week-end");
var evt14 = new EventCal(1, "event_014", 9, 11, "Week-end");
var evt15 = new EventCal(2, "event_015", 9, 11, "Week-end");
var evt101 = new EventCal(101, "event_101", 7, 8, "Répétition générale");
var evt102 = new EventCal(102, "event_102", 6, 8, "Contrôle qualité");
var timeline = new TimeLineWeek("myGanttCalendar",10, 2013,
{groups:
[ {name: "Singers",
id: 1,
resources: [{name:"Henri", id:1},
{name:"Frank", id:2},
{name:"Jenny", id:3},
{name:"Stan", id:4},
{name:"Sammy", id:5},
{name:"Jason", id:6},
{name:"Robert", id:7},
{name:"Madison", id:8},
{name:"Juliette", id:9},
{name:"Nassa", id:10},
{name:"Tamara", id:11}]
}, {name: "Objects",
id: 2,
resources: [{name:"Micro",id:101},
{name:"Ampli", id:102}]
}]
},
function(){ // updateCallback()
switch(this.year){
case 2011:
break;
case 2013:
switch (this.weekNumber) {
case 10:
evt1.drawIn(this);
evt2.drawIn(this);
evt2_bis.drawIn(this);
evt5.drawIn(this);
evt5_bis.drawIn(this);
evt5_ter.drawIn(this);
evt6.drawIn(this);
evt7.drawIn(this);
evt8.drawIn(this);
evt9.drawIn(this);
evt10.drawIn(this);
evt11.drawIn(this);
evt12.drawIn(this);
evt13.drawIn(this);
evt14.drawIn(this);
evt15.drawIn(this);
evt101.drawIn(this);
evt102.drawIn(this);
evt1.jObject.addClass("specialEvent");
evt2.jObject.addClass("flagEvent");
evt5.jObject.addClass("flagEvent");
break;
case 11:
evt3.drawIn(this);
break;
default:
break;
}
break;
default:
break;
}
this.updateOccupation();
}
);
timeline.lang = 'fr';
timeline.cellWidth = 150;
timeline.drawElements();
timeline.updateCallback();
evt1.jObject.mouseover(
function(e){
var infoBox = $("#info_evt1");
var x = e.pageX - this.offsetLeft;
var y = e.pageY - this.offsetTop;
infoBox.css("left",x+10);
infoBox.css("top",y+15);
infoBox.show();
});
evt1.jObject.mouseout(function(e){
$("#info_evt1").hide();
});
/**
* Zoom feature
*/
$( "#zoomSlider" ).slider({ min:50, max: 200, step: 50,
value: timeline.cellWidth,
change: function( event, ui ) {
timeline.cellWidth = ui.value;
timeline.drawElements();
timeline.updateWeekCallback();
$("#zoomValue").html(ui.value);
}
});
$("#zoomValue").html(timeline.cellWidth);
});