<!-- Header -->
<header id="header">
<h4><img src="http://segurogaucho.com.br/wp-content/uploads/2015/12/logo-porto-seguro-face.jpg" width="30" height="30" alt="PED"><a href="index.html">Proteção e Monitoramento</a></h4>
<nav id="nav">
<ul>
<li><a href="home.jsp">Home</a></li>
<li class="current"><a href="statusGeral.jsp">Status Geral</a></li>
<li class="submenu">
<a href="#">Projetos</a>
<ul>
<li><a href="emAndamento.jsp">Em andamento</a></li>
<li><a href="paradoCancelado.jsp">Parado/Cancelado</a></li>
<li><a href="concluido.jsp">Concluído</a></li>
<li><a href="alarmeMais.jsp">Alarme Mais</a></li>
</li>
<li><a href="#" class="button special">Logar</a></li>
</ul>
</nav>
</header>
</div>
<!-- End Menu -->
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.fn.gantt.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script src="js/prettify.js"></script>
<script>
$(function() {
"use strict";
$(".gantt").gantt({
source: [{
name: "Sprint Teste",
desc: "Analysis",
values: [{
//ano/mes/dia cores ganttBlue, ganttRed, gantOrange, ganttGreen
from: "/Date(new Date('2015-01-02').getTime())/",
to: "/Date(new Date('2015-12-02').getTime())/",
label: "Projeto teste",
customClass: "ganttRed"
}]
},{
name: " ",
desc: "Scoping",
values: [{
from: "/Date(new Date('2016-01-02').getTime())/",
to: "/Date(new Date('2017-12-02').getTime())/",
label: "Scoping",
customClass: "ganttBlue"
}]
},{
name: "Sprint 1",
desc: "Development",
values: [{
from: "/Date(1323802400000)/",
to: "/Date(1325685200000)/",
label: "Development",
customClass: "ganttGreen"
}]
},{
name: " ",
desc: "Showcasing",
values: [{
from: "/Date(1325685200000)/",
to: "/Date(1325695200000)/",
label: "Showcasing",
customClass: "ganttBlue"
}]
},{
name: "Sprint 2",
desc: "Development",
values: [{
from: "/Date(1326785200000)/",
to: "/Date(1325785200000)/",
label: "Development",
customClass: "ganttGreen"
}]
},{
name: " ",
desc: "Showcasing",
values: [{
from: "/Date(1328785200000)/",
to: "/Date(1328905200000)/",
label: "Showcasing",
customClass: "ganttBlue"
}]
},{
name: "Release Stage",
desc: "Training",
values: [{
from: "/Date(1330011200000)/",
to: "/Date(1336611200000)/",
label: "Training",
customClass: "ganttOrange"
}]
},{
name: " ",
desc: "Deployment",
values: [{
from: "/Date(1336611200000)/",
to: "/Date(1338711200000)/",
label: "Deployment",
customClass: "ganttOrange"
}]
},{
name: " ",
desc: "Warranty Period",
values: [{
from: "/Date(1336611200000)/",
to: "/Date(1349711200000)/",
label: "Warranty Period",
customClass: "ganttOrange"
}]
}],
navigate: "scroll",
scale: "weeks",
maxScale: "months",
minScale: "days",
itemsPerPage: 10,
onItemClick: function(data) {
alert("Item clicked - show some details");
},
onAddClick: function(dt, rowId) {
alert("Empty space clicked - add an item!");
},
onRender: function() {
if (window.console && typeof console.log === "function") {
console.log("chart rendered");
}
}
});
$(".gantt").popover({
selector: ".bar",
title: "I'm a popover",
content: "And I'm the content of said popover.",
trigger: "hover"
});
prettyPrint();
});
</script>