From ebe7478f3b1bf4bcdf3c6884e23d612ae83bf388 Mon Sep 17 00:00:00 2001 From: eneasgesing Date: Mon, 9 Jan 2012 13:24:43 -0200 Subject: [PATCH 01/40] The change in core.create function allow to load an object as source. This allow dynamic chart generation (e.g. from an existing html list or table) --- js/jquery.fn.gantt.js | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/js/jquery.fn.gantt.js b/js/jquery.fn.gantt.js index 0404fee..df8ad27 100755 --- a/js/jquery.fn.gantt.js +++ b/js/jquery.fn.gantt.js @@ -119,11 +119,20 @@ /** * Retrieve data */ - $.ajaxSetup({ scriptCharset: "utf-8" , contentType: "application/json; charset=utf-8"}); - $.getJSON(settings.source, function(jsData) { - element.data = jsData; + if(typeof(settings.source) == 'object'){ + + element.data = settings.source; core.init(element); - }); + + } else { + + $.ajaxSetup({ scriptCharset: "utf-8" , contentType: "application/json; charset=utf-8"}); + $.getJSON(settings.source, function(jsData) { + element.data = jsData; + core.init(element); + }); + } + }, init: function (element) { element.rowsNum = element.data.length; From 02eb1314cdb828bfcbdd69f393429b050f407c09 Mon Sep 17 00:00:00 2001 From: Dave Katten Date: Tue, 7 Feb 2012 18:13:40 -0600 Subject: [PATCH 02/40] Fixed Bug #10. Psuedoselectors were failing on more recent versions of jQuery also: added benefit of caching the variable. --- js/jquery.fn.gantt.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/js/jquery.fn.gantt.js b/js/jquery.fn.gantt.js index df8ad27..5be478d 100755 --- a/js/jquery.fn.gantt.js +++ b/js/jquery.fn.gantt.js @@ -47,7 +47,7 @@ id = id?id:''; var si = id.indexOf('-')+1; cd = cd.getFullYear()+'-'+cd.getDayForWeek().getWeekOfYear(); - var ed = $(a).attr('id').substring(si, $(a).attr('id').length); + var ed = id.substring(si, id.length); return cd == ed; } }); @@ -59,7 +59,7 @@ var id = $(a).attr('id'); id = id?id:''; var si = id.indexOf('-')+1; - var ed = $(a).attr('id').substring(si, $(a).attr('id').length); + var ed = id.substring(si, id.length); return cd == ed; } }); From b05462105a0f7858ad6946caa61a2f1f1a288c55 Mon Sep 17 00:00:00 2001 From: Marek Date: Wed, 22 Feb 2012 16:39:01 +0100 Subject: [PATCH 03/40] Fix for #21 --- index.htm | 2 +- js/jquery.fn.gantt.js | 6 ++++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/index.htm b/index.htm index 85b24bd..681401f 100644 --- a/index.htm +++ b/index.htm @@ -5,7 +5,7 @@ - + diff --git a/js/jquery.fn.gantt.js b/js/jquery.fn.gantt.js index 208efa8..ea65ec7 100755 --- a/js/jquery.fn.gantt.js +++ b/js/jquery.fn.gantt.js @@ -922,15 +922,18 @@ .append(_bar); break; case 'weeks': - case 'months': - var dFrom = tools.genId(tools.dateDeserialize(day.from).getTime()); - var dTo = tools.genId(tools.dateDeserialize(day.to).getTime()); + case 'months': + var dtFrom = tools.dateDeserialize(day.from); + var dtTo = tools.dateDeserialize(day.to); + + if (dtFrom.getDate() <= 3 && dtFrom.getMonth() == 0) + dtFrom.setDate(dtFrom.getDate()+4); + if (dtTo.getDate() <= 3 && dtTo.getMonth() == 0) + dtTo.setDate(dtTo.getDate()+4); - if (dFrom.getDate() <= 3 && dFrom.getMonth() == 0) - dFrom.setDate(dFrom.getDate()+4); - if (dTo.getDate() <= 3 && dTo.getMonth() == 0) - dTo.setDate(dTo.getDate()+4); - + var dFrom = tools.genId(dtFrom.getTime()); + var dTo = tools.genId(dtTo.getTime()); + var cFrom = $(element).find('#d'+i+'-'+ dFrom).offset().left; var cTo = $(element).find('#d'+i+'-'+ dTo).offset().left; var dl = Math.round((cTo-cFrom)/tools.getCellSize())+1; @@ -941,7 +944,7 @@ day.desc ? day.desc : '', day.label ? day.label : '' ); - $(element).find('#d'+i+'-'+ tools.genId(tools.dateDeserialize(day.from).getTime(), element.scaleStep)) + $(element).find('#d'+i+'-'+ tools.genId(dtFrom.getTime(), element.scaleStep)) .append(_bar); break; default: From 65358635025c93bdc005e6e55f94b5affb7cc906 Mon Sep 17 00:00:00 2001 From: Sprog Date: Fri, 20 Apr 2012 12:09:21 +0200 Subject: [PATCH 05/40] Fixed the typo hollydays -> holidays in the code --- js/jquery.fn.gantt.js | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/js/jquery.fn.gantt.js b/js/jquery.fn.gantt.js index ea65ec7..a4cf8d4 100755 --- a/js/jquery.fn.gantt.js +++ b/js/jquery.fn.gantt.js @@ -16,15 +16,15 @@ var settings = { source: null, - itemsPerPage: 7, - months: ["Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień"], - dow: ["N", "Pn", "Wt", "Śr", "Cz", "Pt", "So"], + itemsPerPage: 10, + months: ["JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"], + dow: ["Su", "Mo", "Tu", "Mi", "Do", "Fr", "Sa"], startPos: new Date(), navigate: 'buttons', scale: 'days', maxScale: 'months', minScale: 'hours', - waitText: 'Please wait...' + waitText: 'Please wait...' }; $.extend($.expr[':'],{ @@ -274,7 +274,7 @@ var today = new Date(); today = new Date(today.getFullYear(), today.getMonth(), today.getDate()); - var hollydays = settings.holidays ? settings.holidays.join() : ''; + var holidayItems = settings.holidays ? settings.holidays.join() : ''; switch (settings.scale) { @@ -328,13 +328,13 @@ var getDay = day.getDay(); var day_class = dowClass[rgetDay]; var getTime = day.getTime(); - if (hollydays.indexOf((new Date(rday.getFullYear(), rday.getMonth(), rday.getDate())).getTime())>-1) + if (holidayItems.indexOf((new Date(rday.getFullYear(), rday.getMonth(), rday.getDate())).getTime())>-1) - day_class = "hollyday"; + day_class = "holiday"; if (rgetDay != getDay) { - var day_class2 = (today - day == 0) ? ' today' : (hollydays.indexOf(getTime)>-1) ? "hollyday" : dowClass[getDay]; + var day_class2 = (today - day == 0) ? ' today' : (holidayItems.indexOf(getTime)>-1) ? "hollyday" : dowClass[getDay]; daysStr += '
' @@ -377,7 +377,7 @@ var day_class = dowClass[day.getDay()]; - if (hollydays.indexOf((new Date(day.getFullYear(), day.getMonth(), day.getDate())).getTime()) > -1) + if (holidayItems.indexOf((new Date(day.getFullYear(), day.getMonth(), day.getDate())).getTime()) > -1) day_class = "hollyday"; daysStr += '
-1) + if (holidayItems.indexOf((new Date(day.getFullYear(), day.getMonth(), day.getDate())).getTime())>-1) todayCls = " hollyday"; dRow += '
'; }; @@ -640,8 +640,8 @@ var getDay = rday.getDay(); var day_class = dowClass[getDay]; - if (hollydays.indexOf((new Date(rday.getFullYear(), rday.getMonth(), rday.getDate())).getTime()) > -1) - day_class = "hollyday"; + if (holidayItems.indexOf((new Date(rday.getFullYear(), rday.getMonth(), rday.getDate())).getTime()) > -1) + day_class = "holiday"; daysStr += '
' @@ -692,8 +692,8 @@ { day = range[x]; var todayCls = gridDowClass[day.getDay()]; - if (hollydays.indexOf((new Date(day.getFullYear(), day.getMonth(), day.getDate())).getTime()) > -1) - todayCls = " hollyday"; + if (holidayItems.indexOf((new Date(day.getFullYear(), day.getMonth(), day.getDate())).getTime()) > -1) + todayCls = " holiday"; dRow += '
'; }; dataPanel.append($(dRow+'
')); @@ -1505,4 +1505,4 @@ }); }; -})(jQuery); +})(jQuery); \ No newline at end of file From 90d9e57f7542f136ba09866b2bb6598029539774 Mon Sep 17 00:00:00 2001 From: Sprog Date: Fri, 20 Apr 2012 12:10:58 +0200 Subject: [PATCH 06/40] Reverted back to the Polish --- js/jquery.fn.gantt.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/js/jquery.fn.gantt.js b/js/jquery.fn.gantt.js index a4cf8d4..06c632e 100755 --- a/js/jquery.fn.gantt.js +++ b/js/jquery.fn.gantt.js @@ -16,9 +16,9 @@ var settings = { source: null, - itemsPerPage: 10, - months: ["JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"], - dow: ["Su", "Mo", "Tu", "Mi", "Do", "Fr", "Sa"], + itemsPerPage: 7, + months: ["Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień"], + dow: ["N", "Pn", "Wt", "Śr", "Cz", "Pt", "So"], startPos: new Date(), navigate: 'buttons', scale: 'days', From 72d119f97629a85124c8b2b0683d76ced74a68b7 Mon Sep 17 00:00:00 2001 From: Sprog Date: Fri, 20 Apr 2012 12:12:38 +0200 Subject: [PATCH 07/40] Fixed the typo in the `style.css` file --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 9a0e11b..13a7e37 100644 --- a/style.css +++ b/style.css @@ -110,7 +110,7 @@ body { margin: -1px 0 0 -1px; } -.fn-gantt .hollyday { +.fn-gantt .holiday { background-color: #f9e5e2; height: 23px; margin: 0 0 -1px -1px; From 4cb77dbf9ee093d13002e16003dfa1d1b6f73a29 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marek=20Biela=C5=84czuk?= Date: Sat, 26 May 2012 23:09:37 +0200 Subject: [PATCH 08/40] Added ID to bars To use ID in bars new field "id" in JSON is required: {"id": "b0", "from": "/Date(1320192000000)/", "to": "/Date(1321401600000)/", "desc": "Id: 1
Name: Planning
Date: 2011-11-02 to 2011-11-16", "label": " Planni...", "customClass": "ganttRed"} --- index.htm | 8 +- js/dataDays.js | 32 +- js/jquery.fn.gantt.js | 3017 +++++++++++++++++++++-------------------- 3 files changed, 1530 insertions(+), 1527 deletions(-) mode change 100755 => 100644 js/jquery.fn.gantt.js diff --git a/index.htm b/index.htm index fda9fe9..b1b90e0 100644 --- a/index.htm +++ b/index.htm @@ -12,10 +12,10 @@ jQuery(function () { var dataPath = location.href.substring(0, location.href.lastIndexOf('/')+1); //$(".gantt").gantt({source: dataPath + "js/dataHours.js", navigate: 'scroll', scale: 'hours', maxScale: 'hours', minScale: 'hours', hollydays: ["\/Date(1293836400000)\/","\/Date(1294268400000)\/","\/Date(1303596000000)\/","\/Date(1306274400000)\/","\/Date(1304200800000)\/","\/Date(1304373600000)\/","\/Date(1307829600000)\/","\/Date(1308780000000)\/","\/Date(1313359200000)\/","\/Date(1320105600000)\/","\/Date(1320966000000)\/","\/Date(1324767600000)\/","\/Date(1324854000000)\/","\/Date(1325372400000)\/","\/Date(1325804400000)\/","\/Date(1333836000000)\/","\/Date(1336514400000)\/","\/Date(1335823200000)\/","\/Date(1335996000000)\/","\/Date(1338069600000)\/","\/Date(1339020000000)\/","\/Date(1344981600000)\/","\/Date(1351724400000)\/","\/Date(1352588400000)\/","\/Date(1356390000000)\/","\/Date(1356476400000)\/"]}); - //$(".gantt").gantt({source: dataPath + "js/dataDays.js", navigate: 'scroll', scale: 'days', maxScale: 'weeks', minScale: 'days', hollydays: ["\/Date(1293836400000)\/","\/Date(1294268400000)\/","\/Date(1303596000000)\/","\/Date(1306274400000)\/","\/Date(1304200800000)\/","\/Date(1304373600000)\/","\/Date(1307829600000)\/","\/Date(1308780000000)\/","\/Date(1313359200000)\/","\/Date(1320105600000)\/","\/Date(1320966000000)\/","\/Date(1324767600000)\/","\/Date(1324854000000)\/","\/Date(1325372400000)\/","\/Date(1325804400000)\/","\/Date(1333836000000)\/","\/Date(1336514400000)\/","\/Date(1335823200000)\/","\/Date(1335996000000)\/","\/Date(1338069600000)\/","\/Date(1339020000000)\/","\/Date(1344981600000)\/","\/Date(1351724400000)\/","\/Date(1352588400000)\/","\/Date(1356390000000)\/","\/Date(1356476400000)\/"]}); - $(".gantt").gantt({ - source: [{"name":"application","desc":"Lübeck","values":[{"from":"/Date(1293874598708)/","to":"/Date(1354268198708)/","desc":"ID: 10
name: CRM
date: 01.01.2011 to 30.11.2012
description: CRM 4.0", "label":"CRM","customClass":"ganttGreen"}]}], - navigate: 'scroll', scale: 'days', hollydays: ["\/Date(1293836400000)\/","\/Date(1294268400000)\/","\/Date(1303596000000)\/","\/Date(1306274400000)\/","\/Date(1304200800000)\/","\/Date(1304373600000)\/","\/Date(1307829600000)\/","\/Date(1308780000000)\/","\/Date(1313359200000)\/","\/Date(1320105600000)\/","\/Date(1320966000000)\/","\/Date(1324767600000)\/","\/Date(1324854000000)\/","\/Date(1325372400000)\/","\/Date(1325804400000)\/","\/Date(1333836000000)\/","\/Date(1336514400000)\/","\/Date(1335823200000)\/","\/Date(1335996000000)\/","\/Date(1338069600000)\/","\/Date(1339020000000)\/","\/Date(1344981600000)\/","\/Date(1351724400000)\/","\/Date(1352588400000)\/","\/Date(1356390000000)\/","\/Date(1356476400000)\/"]}); + $(".gantt").gantt({source: dataPath + "js/dataDays.js", navigate: 'scroll', scale: 'days', maxScale: 'weeks', minScale: 'days', hollydays: ["\/Date(1293836400000)\/","\/Date(1294268400000)\/","\/Date(1303596000000)\/","\/Date(1306274400000)\/","\/Date(1304200800000)\/","\/Date(1304373600000)\/","\/Date(1307829600000)\/","\/Date(1308780000000)\/","\/Date(1313359200000)\/","\/Date(1320105600000)\/","\/Date(1320966000000)\/","\/Date(1324767600000)\/","\/Date(1324854000000)\/","\/Date(1325372400000)\/","\/Date(1325804400000)\/","\/Date(1333836000000)\/","\/Date(1336514400000)\/","\/Date(1335823200000)\/","\/Date(1335996000000)\/","\/Date(1338069600000)\/","\/Date(1339020000000)\/","\/Date(1344981600000)\/","\/Date(1351724400000)\/","\/Date(1352588400000)\/","\/Date(1356390000000)\/","\/Date(1356476400000)\/"]}); + //$(".gantt").gantt({ + // source: [{"name":"application","desc":"Lübeck","values":[{"from":"/Date(1293874598708)/","to":"/Date(1354268198708)/","desc":"ID: 10
name: CRM
date: 01.01.2011 to 30.11.2012
description: CRM 4.0", "label":"CRM","customClass":"ganttGreen"}]}], + // navigate: 'scroll', scale: 'days', hollydays: ["\/Date(1293836400000)\/","\/Date(1294268400000)\/","\/Date(1303596000000)\/","\/Date(1306274400000)\/","\/Date(1304200800000)\/","\/Date(1304373600000)\/","\/Date(1307829600000)\/","\/Date(1308780000000)\/","\/Date(1313359200000)\/","\/Date(1320105600000)\/","\/Date(1320966000000)\/","\/Date(1324767600000)\/","\/Date(1324854000000)\/","\/Date(1325372400000)\/","\/Date(1325804400000)\/","\/Date(1333836000000)\/","\/Date(1336514400000)\/","\/Date(1335823200000)\/","\/Date(1335996000000)\/","\/Date(1338069600000)\/","\/Date(1339020000000)\/","\/Date(1344981600000)\/","\/Date(1351724400000)\/","\/Date(1352588400000)\/","\/Date(1356390000000)\/","\/Date(1356476400000)\/"]}); }); --> diff --git a/js/dataDays.js b/js/dataDays.js index e11088c..3199d90 100644 --- a/js/dataDays.js +++ b/js/dataDays.js @@ -1,16 +1,16 @@ -[{ "name": " Planning ","desc": "Inception","values": [{"from": "/Date(1320192000000)/", "to": "/Date(1321401600000)/", "desc": "Id: 1
Name: Planning
Date: 2011-11-02 to 2011-11-16", "label": " Planni...", "customClass": "ganttRed"}]}, -{ "name": " Gathering requirements ","desc": "Inception","values": [{"from": "/Date(1321401600000)/", "to": "/Date(1322870400000)/", "desc": "Id: 2
Name: Gathering requirements
Date: 2011-11-16 to 2011-12-03", "label": " Gather...", "customClass": "ganttGreen"}]}, -{ "name": " Determine scope ","desc": "Inception","values": [{"from": "/Date(1322611200000)/", "to": "/Date(1323302400000)/", "desc": "Id: 3
Name: Determine scope
Date: 2011-11-30 to 2011-12-08", "label": " Determ...", "customClass": "ganttOrange"}]}, -{ "name": " Analysis and design ","desc": "Iteration 1","values": [{"from": "/Date(1323302400000)/", "to": "/Date(1324684800000)/", "desc": "Id: 4
Name: Analysis and design
Date: 2011-12-08 to 2011-12-24", "label": " Analys..."}]}, -{ "name": " Implementation ","desc": "Iteration 1","values": [{"from": "/Date(1324857600000)/", "to": "/Date(1326758400000)/", "desc": "Id: 5
Name: Implementation
Date: 2011-12-26 to 2012-01-17", "label": " Implem...", "customClass": "ganttRed"}]}, -{ "name": " Deliver prototype ","desc": "Iteration 1","values": [{"from": "/Date(1326758400000)/", "to": "/Date(1326844800000)/", "desc": "Id: 6
Name: Deliver prototype
Date: 2012-01-17 to 2012-01-18", "label": " Delive...", "customClass": "ganttGreen"}]}, -{ "name": " Testing ","desc": "Iteration 1","values": [{"from": "/Date(1326844800000)/", "to": "/Date(1328659200000)/", "desc": "Id: 7
Name: Testing
Date: 2012-01-18 to 2012-02-08", "label": " Testin...", "customClass": "ganttOrange"}]}, -{ "name": " Review and evaluation ","desc": "Iteration 1","values": [{"from": "/Date(1328659200000)/", "to": "/Date(1328832000000)/", "desc": "Id: 8
Name: Review and evaluation
Date: 2012-02-08 to 2012-02-10", "label": " Review..."}]}, -{ "name": " Analysis and enhancement of design ","desc": "Iteration 2","values": [{"from": "/Date(1328832000000)/", "to": "/Date(1329868800000)/", "desc": "Id: 9
Name: Analysis and enhancement of design
Date: 2012-02-10 to 2012-02-22", "label": " Analys...", "customClass": "ganttRed"}]}, -{ "name": " Implementation (enhancement of prototype)","desc": "Iteration 2","values": [{"from": "/Date(1329868800000)/", "to": "/Date(1331337600000)/", "desc": "Id: 10
Name: Implementation (enhancement of prototype)
Date: 2012-02-22 to 2012-03-10", "label": " Implem...", "customClass": "ganttGreen"}]}, -{ "name": " Deliver prototype ","desc": "Iteration 2","values": [{"from": "/Date(1331510400000)/", "to": "/Date(1331596800000)/", "desc": "Id: 11
Name: Deliver prototype
Date: 2012-03-12 to 2012-03-13", "label": " Delive...", "customClass": "ganttOrange"}]}, -{ "name": " Testing ","desc": "Iteration 2","values": [{"from": "/Date(1331596800000)/", "to": "/Date(1332547200000)/", "desc": "Id: 12
Name: Testing
Date: 2012-03-13 to 2012-03-24", "label": " Testin...", "customClass": "ganttRed"}]}, -{ "name": " Review and evaluation ","desc": "Iteration 2","values": [{"from": "/Date(1332720000000)/", "to": "/Date(1332892800000)/", "desc": "Id: 13
Name: Review and evaluation
Date: 2012-03-26 to 2012-03-28", "label": " Review...", "customClass": "ganttGreen"}]}, -{ "name": " Finalising ","desc": "Finalization","values": [{"from": "/Date(1332892800000)/", "to": "/Date(1333065600000)/", "desc": "Id: 14
Name: Finalising
Date: 2012-03-28 to 2012-03-30", "label": " Finali...", "customClass": "ganttOrnage"}]}, -{ "name": " Deployment ","desc": "Finalization","values": [{"from": "/Date(1333065600000)/", "to": "/Date(1333411200000)/", "desc": "Id: 15
Name: Deployment
Date: 2012-03-30 to 2012-04-03", "label": " Deploy..."}]}, -{ "name": " Project review and evaluation ","desc": "Finalization","values": [{"from": "/Date(1333411200000)/", "to": "/Date(1333584000000)/", "desc": "Id: 16
Name: Project review and evaluation
Date: 2012-04-03 to 2012-04-05", "label": " Projec...", "customClass": "ganttRed"}]}] +[{ "name": " Planning ","desc": "Inception","values": [{"id": "b0", "from": "/Date(1320192000000)/", "to": "/Date(1321401600000)/", "desc": "Id: 1
Name: Planning
Date: 2011-11-02 to 2011-11-16", "label": " Planni...", "customClass": "ganttRed"}]}, +{ "name": " Gathering requirements ","desc": "Inception","values": [{"id": "b1", "from": "/Date(1321401600000)/", "to": "/Date(1322870400000)/", "desc": "Id: 2
Name: Gathering requirements
Date: 2011-11-16 to 2011-12-03", "label": " Gather...", "customClass": "ganttGreen"}]}, +{ "name": " Determine scope ","desc": "Inception","values": [{"id": "b2", "from": "/Date(1322611200000)/", "to": "/Date(1323302400000)/", "desc": "Id: 3
Name: Determine scope
Date: 2011-11-30 to 2011-12-08", "label": " Determ...", "customClass": "ganttOrange"}]}, +{ "name": " Analysis and design ","desc": "Iteration 1","values": [{"id": "b3", "from": "/Date(1323302400000)/", "to": "/Date(1324684800000)/", "desc": "Id: 4
Name: Analyss and design
Date: 2011-12-08 to 2011-12-24", "label": " Analys..."}]}, +{ "name": " Implementation ","desc": "Iteration 1","values": [{"from": "/Date(1324857600000)/", "to": "/Date(1326758400000)/", "desc": "Id: 5
Name: Implementation
Date: 2011-12-26 to 2012-01-17", "label": " Implem...", "customClass": "ganttRed"}]}, +{ "name": " Deliver prototype ","desc": "Iteration 1","values": [{"from": "/Date(1326758400000)/", "to": "/Date(1326844800000)/", "desc": "Id: 6
Name: Deliver prototype
Date: 2012-01-17 to 2012-01-18", "label": " Delive...", "customClass": "ganttGreen"}]}, +{ "name": " Testing ","desc": "Iteration 1","values": [{"from": "/Date(1326844800000)/", "to": "/Date(1328659200000)/", "desc": "Id: 7
Name: Testing
Date: 2012-01-18 to 2012-02-08", "label": " Testin...", "customClass": "ganttOrange"}]}, +{ "name": " Review and evaluation ","desc": "Iteration 1","values": [{"from": "/Date(1328659200000)/", "to": "/Date(1328832000000)/", "desc": "Id: 8
Name: Review and evaluation
Date: 2012-02-08 to 2012-02-10", "label": " Review..."}]}, +{ "name": " Analysis and enhancement of design ","desc": "Iteration 2","values": [{"from": "/Date(1328832000000)/", "to": "/Date(1329868800000)/", "desc": "Id: 9
Name: Analysis and enhancement of design
Date: 2012-02-10 to 2012-02-22", "label": " Analys...", "customClass": "ganttRed"}]}, +{ "name": " Implementation (enhancement of prototype)","desc": "Iteration 2","values": [{"from": "/Date(1329868800000)/", "to": "/Date(1331337600000)/", "desc": "Id: 10
Name: Implementation (enhancement of prototype)
Date: 2012-02-22 to 2012-03-10", "label": " Implem...", "customClass": "ganttGreen"}]}, +{ "name": " Deliver prototype ","desc": "Iteration 2","values": [{"from": "/Date(1331510400000)/", "to": "/Date(1331596800000)/", "desc": "Id: 11
Name: Deliver prototype
Date: 2012-03-12 to 2012-03-13", "label": " Delive...", "customClass": "ganttOrange"}]}, +{ "name": " Testing ","desc": "Iteration 2","values": [{"from": "/Date(1331596800000)/", "to": "/Date(1332547200000)/", "desc": "Id: 12
Name: Testing
Date: 2012-03-13 to 2012-03-24", "label": " Testin...", "customClass": "ganttRed"}]}, +{ "name": " Review and evaluation ","desc": "Iteration 2","values": [{"from": "/Date(1332720000000)/", "to": "/Date(1332892800000)/", "desc": "Id: 13
Name: Review and evaluation
Date: 2012-03-26 to 2012-03-28", "label": " Review...", "customClass": "ganttGreen"}]}, +{ "name": " Finalising ","desc": "Finalization","values": [{"from": "/Date(1332892800000)/", "to": "/Date(1333065600000)/", "desc": "Id: 14
Name: Finalising
Date: 2012-03-28 to 2012-03-30", "label": " Finali...", "customClass": "ganttOrnage"}]}, +{ "name": " Deployment ","desc": "Finalization","values": [{"from": "/Date(1333065600000)/", "to": "/Date(1333411200000)/", "desc": "Id: 15
Name: Deployment
Date: 2012-03-30 to 2012-04-03", "label": " Deploy..."}]}, +{ "name": " Project review and evaluation ","desc": "Finalization","values": [{"from": "/Date(1333411200000)/", "to": "/Date(1333584000000)/", "desc": "Id: 16
Name: Project review and evaluation
Date: 2012-04-03 to 2012-04-05", "label": " Projec...", "customClass": "ganttRed"}]}] diff --git a/js/jquery.fn.gantt.js b/js/jquery.fn.gantt.js old mode 100755 new mode 100644 index 06c632e..13b4435 --- a/js/jquery.fn.gantt.js +++ b/js/jquery.fn.gantt.js @@ -1,1508 +1,1511 @@ -/** - * - * JQuery fn.gantt gantt chart plugin v1.2.0 - * Copyright 2011 by Marek Bielańczuk - * http://mbielanczuk.com/ - * Released under the MIT and GPL Licenses. - * - * Date: Fri Nov 04 2011 21:15:52 +0100 - */ - -(function($) { - - $.fn.gantt = function(options) { - - var scales = ['hours', 'days', 'weeks', 'months']; - - var settings = { - source: null, - itemsPerPage: 7, - months: ["Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień"], - dow: ["N", "Pn", "Wt", "Śr", "Cz", "Pt", "So"], - startPos: new Date(), - navigate: 'buttons', - scale: 'days', - maxScale: 'months', - minScale: 'hours', - waitText: 'Please wait...' - }; - - $.extend($.expr[':'],{ - findday: function(a,i,m) { - var cd = new Date(parseInt(m[3])); - var id = $(a).attr('id'); - id = id?id:''; - var si = id.indexOf('-')+1; - var ed = new Date(parseInt(id.substring(si, id.length))); - cd = new Date(cd.getFullYear(), cd.getMonth(), cd.getDate()); - ed = new Date(ed.getFullYear(), ed.getMonth(), ed.getDate()); - return cd.getTime() == ed.getTime(); - } - }); - - $.extend($.expr[':'],{ - findweek: function(a,i,m) { - var cd = new Date(parseInt(m[3])); - var id = $(a).attr('id'); - id = id?id:''; - var si = id.indexOf('-')+1; - cd = cd.getFullYear()+'-'+cd.getDayForWeek().getWeekOfYear(); - var ed = id.substring(si, id.length); - return cd == ed; - } - }); - - $.extend($.expr[':'],{ - findmonth: function(a,i,m) { - var cd = new Date(parseInt(m[3])); - cd = cd.getFullYear()+'-'+cd.getMonth(); - var id = $(a).attr('id'); - id = id?id:''; - var si = id.indexOf('-')+1; - var ed = id.substring(si, id.length); - return cd == ed; - } - }); - - Date.prototype.getDayOfYear = function() { - var fd = new Date(this.getFullYear(),0,0); - var sd = new Date(this.getFullYear(),this.getMonth(),this.getDate()); - return Math.ceil((sd - fd) / 86400000); - }; - Date.prototype.getWeekOfYear = function() { - var ys = new Date(this.getFullYear(),0,1); - var sd = new Date(this.getFullYear(),this.getMonth(),this.getDate()); - if (ys.getDay() > 3) - ys = new Date(sd.getFullYear(), 0, 7 - ys.getDay()); - var daysCount = sd.getDayOfYear() - ys.getDayOfYear(); - return Math.ceil(daysCount/7); - }; - Date.prototype.getDaysInMonth = function() { - return 32 - new Date(this.getFullYear(), this.getMonth(), 32).getDate(); - }; - Date.prototype.hasWeek = function() { - var df = new Date(this.valueOf()); - df.setDate(df.getDate()-df.getDay()); - var dt = new Date(this.valueOf()); - dt.setDate(dt.getDate()+(6-dt.getDay())); - - if (df.getMonth() == dt.getMonth()) - return true; - else { - return (df.getMonth() == this.getMonth() && dt.getDate() < 4) - || (df.getMonth() != this.getMonth() && dt.getDate() >= 4); - } - }; - Date.prototype.getDayForWeek = function() { - var df = new Date(this.valueOf()); - df.setDate(df.getDate()-df.getDay()); - var dt = new Date(this.valueOf()); - dt.setDate(dt.getDate()+(6-dt.getDay())); - if ((df.getMonth() == dt.getMonth()) - || (df.getMonth() != dt.getMonth() && dt.getDate() >= 4)) - { - return new Date(dt.setDate(dt.getDate()-3)); - } else - { - return new Date(df.setDate(df.getDate()+3)); - } - }; - - /** - * Core functions for creating grid. - */ - var core = { - /** - * Create header - */ - create: function(element) { - /** - * Retrieve data - */ - if(typeof(settings.source) == 'object'){ - - element.data = settings.source; - core.init(element); - - } else { - - $.ajaxSetup({ scriptCharset: "utf-8" , contentType: "application/json; charset=utf-8"}); - $.getJSON(settings.source, function(jsData) { - element.data = jsData; - core.init(element); - }); - } - - }, - init: function (element) { - element.rowsNum = element.data.length; - element.pageCount = Math.ceil(element.rowsNum/settings.itemsPerPage); - element.rowsOnLastPage = element.rowsNum - (Math.floor(element.rowsNum/settings.itemsPerPage) * settings.itemsPerPage); - - element.dateStart = tools.getMinDate(element); - element.dateEnd = tools.getMaxDate(element); - - core.render(element); - core.waitToggle(element, true, function() { core.render(element); }); - }, - render: function (element) { - var content = $('
'); - - content.append(core.leftPanel(element)); - var $rightPanel = core.rightPanel(element); - - content.append($rightPanel); - content.append(core.navigation(element)); - - $dataPanel = $rightPanel.find('.dataPanel'); - - element.gantt = $('
').append(content); - - $(element).html(element.gantt); - - element.scrollNavigation.panelMargin = parseInt($dataPanel.css('margin-left').replace('px','')); - element.scrollNavigation.panelMaxPos = ($dataPanel.width() - $rightPanel.width()); - - element.scrollNavigation.canScroll = ($dataPanel.width() > $rightPanel.width()); - - core.markNow(element); - core.fillData(element); - - $(element).css({ - height: $(element).find(".fn-gantt").height() + "px" - }); - - var d = Math.round((settings.startPos/1000 - element.dateStart/1000) / 86400 )-2; - if (d > 0 && element.hPosition != 0) - { - if (element.scaleOldWidth) - { - var mLeft = ($dataPanel.width() - $rightPanel.width()); - var hPos = mLeft*element.hPosition/element.scaleOldWidth; - hPos = hPos > 0 ? 0 : hPos; - $dataPanel.css({'margin-left': hPos+'px'}); - element.scrollNavigation.panelMargin = hPos; - element.hPosition = hPos; - element.scaleOldWidth = null; - } else { - $dataPanel.css({'margin-left': element.hPosition+'px'}); - element.scrollNavigation.panelMargin = element.hPosition; - } - core.repositionLabel(element); - } else { - core.repositionLabel(element); - } - - core.waitToggle(element, false); - }, - leftPanel: function (element) { - /* Left panel */ - var ganttLeftPanel = $('
') - .append($('
') - .css("height", tools.getCellSize()*element.headerRows+"px") - .css("width", "100%")); - - $.each(element.data, function(i, entry) { - if (i >= element.pageNum*settings.itemsPerPage && i < (element.pageNum*settings.itemsPerPage+settings.itemsPerPage)) - { - ganttLeftPanel - .append($('
').append($('').html(entry.name))) - .append($('
').append($('').html(entry.desc))); - } - }); - return ganttLeftPanel; - }, - dataPanel: function(element, width) { - var dataPanel = $('
'); - /* - * Mouse wheel events - */ - var mousewheelevt = (/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel"; - - if (document.attachEvent) - element.attachEvent("on"+mousewheelevt, function(e) { core.wheelScroll(element, e); }); - else if (document.addEventListener) - element.addEventListener(mousewheelevt, function(e) { core.wheelScroll(element, e); }, false); - /* - * Dragging datapanel - */ - - dataPanel.mousedown(function(e){ - if (e.which != 1) - return true; - if (e.preventDefault) e.preventDefault(); - element.scrollNavigation.panelMouseDown = true; - core.mouseScroll(element, e); - }) - .mousemove(function(e){ - if (element.scrollNavigation.panelMouseDown) - { - core.mouseScroll(element, e); - } - }); - - $(document).mouseup(function(e){ - if (e.which != 1) - return true; - element.scrollNavigation.panelMouseDown = false; - element.scrollNavigation.mouseX = null; - var $dataPanel = $(element).find('.fn-gantt .dataPanel'); - $dataPanel.css("cursor", "auto"); - - core.repositionLabel(element); - }); - return dataPanel; - }, - // Creates Data container with header - rightPanel: function(element) { - - var range = null; - var dowClass = [' sn', ' wd', ' wd', ' wd', ' wd', ' wd', ' sa']; - var gridDowClass = [' sn', '', '', '', '', '', ' sa']; - - var years = $("
"); - var daysInYear = 0; - - var months = $("
"); - var daysInMonth = 0; - - var daysStr = ''; - var hoursInDay = 0; - - var dowStr = ''; - var horStr = ''; - - var today = new Date(); - today = new Date(today.getFullYear(), today.getMonth(), today.getDate()); - var holidayItems = settings.holidays ? settings.holidays.join() : ''; - - switch (settings.scale) - { - // hours ///////////////////////////////////////////////////////////////////////////////////////// - case 'hours': - - range = tools.parseTimeRange(element.dateStart, element.dateEnd, element.scaleStep); - - var year = range[0].getFullYear(); - var month = range[0].getMonth(); - var day = range[0]; - - for (var i = 0; i < range.length; i++) - { - var rday = range[i]; - /* - * Fill years - */ - var rfy = rday.getFullYear(); - if (rfy != year) { - years.html(years.html()+ - $('
' - + year - + '
')); - year = rfy; - daysInYear = 0; - } - daysInYear++; - - /* - * Fill months - */ - var rm = rday.getMonth(); - if (rm != month) { - months.append( - $('
' - + settings.months[month] - + '
')); - month = rm; - daysInMonth = 0; - } - daysInMonth++; - - /* - * Fill days & hours - */ - var rgetDay = rday.getDay(); - var getDay = day.getDay(); - var day_class = dowClass[rgetDay]; - var getTime = day.getTime(); - if (holidayItems.indexOf((new Date(rday.getFullYear(), rday.getMonth(), rday.getDate())).getTime())>-1) - - day_class = "holiday"; - - if (rgetDay != getDay) { - - var day_class2 = (today - day == 0) ? ' today' : (holidayItems.indexOf(getTime)>-1) ? "hollyday" : dowClass[getDay]; - - daysStr += '
' - + '
' + day.getDate() + '
'; - - dowStr += '
' - + '
' + settings.dow[getDay] + '
'; - - day = rday; - hoursInDay = 0; - } - hoursInDay++; - - horStr += '
' - + rday.getHours() - + '
'; - } - - /* - * Last year - */ - years.html(years.html()+ - '
' - + year - + '
'); - /* - * Last month - */ - months.html(months.html() + - '
' - + settings.months[month] - + '
'); - - var day_class = dowClass[day.getDay()]; - - if (holidayItems.indexOf((new Date(day.getFullYear(), day.getMonth(), day.getDate())).getTime()) > -1) - day_class = "hollyday"; - - daysStr += '
' - + '
' + day.getDate() + '
'; - - dowStr += '
' - + '
' + settings.dow[day.getDay()] + '
'; - - var dataPanel = core.dataPanel(element, range.length*tools.getCellSize()); - - /* - * Append panel elements - */ - dataPanel.append(years); - dataPanel.append(months); - dataPanel.append($('
').html(daysStr)); - dataPanel.append($('
').html(dowStr)); - dataPanel.append($('
').html(horStr)); - - /* - * Generate grid - */ - for (var i=0; i= element.pageNum*settings.itemsPerPage && i < (element.pageNum*settings.itemsPerPage+settings.itemsPerPage)) - { - var dRow = '
'; - for (var x=0; x-1) - todayCls = " hollyday"; - dRow += '
'; - }; - //dataPanel.append(dRow); - dataPanel.html(dataPanel.html()+dRow+'
'); - } - } - - break; - - // weeks ///////////////////////////////////////////////////////////////////////////////////////// - case 'weeks': - range = tools.parseWeeksRange(element.dateStart, element.dateEnd); - - var year = range[0].getFullYear(); - var month = range[0].getMonth(); - var day = range[0]; - - for (var i = 0; i < range.length; i++) - { - var rday = range[i]; - /* - * Fill years - */ - if (rday.getFullYear() != year) { - years.append( - $('
' - + year - + '
')); - year = rday.getFullYear(); - daysInYear = 0; - } - daysInYear++; - - /* - * Fill months - */ - if (rday.getMonth() != month) { - months.append( - $('
' - + settings.months[month] - + '
')); - month = rday.getMonth(); - daysInMonth = 0; - } - daysInMonth++; - /* - * Fill weeks - */ - daysStr += '
' - + '
'+rday.getWeekOfYear()+'
'; - } - - /* - * Last year - */ - years.append( - '
' - + year - + '
'); - /* - * Last month - */ - months.append( - '
' - + settings.months[month] - + '
'); - - var dataPanel = core.dataPanel(element, range.length*tools.getCellSize()); - - /* - * Append panel elements - */ - dataPanel.append(years); - dataPanel.append(months); - dataPanel.append($('
').html(daysStr)); - dataPanel.append($('
').html(dowStr)); - - /* - * Generate grid - */ - for (var i=0; i= element.pageNum*settings.itemsPerPage && i < (element.pageNum*settings.itemsPerPage+settings.itemsPerPage)) - { - var dRow = '
'; - for (var x=0; x
'; - }; - dataPanel.append($(dRow+'
')); - } - } - - - break; - // months //////////////////////////////////////////////////////////////////////////////////////// - case 'months': - range = tools.parseMonthsRange(element.dateStart, element.dateEnd); - - var year = range[0].getFullYear(); - var month = range[0].getMonth(); - var day = range[0]; - - for (var i = 0; i < range.length; i++) - { - var rday = range[i]; - /* - * Fill years - */ - if (rday.getFullYear() != year) { - years.append( - $('
' - + year - + '
')); - year = rday.getFullYear(); - daysInYear = 0; - } - daysInYear++; - - months.append($('
').html(rday.getMonth()+1)); - - } - - /* - * Last year - */ - years.append( - '
' - + year - + '
'); - /* - * Last month - */ - months.append( - '
"
' - + settings.months[month] - + '
'); - - var dataPanel = core.dataPanel(element, range.length*tools.getCellSize()); - - /* - * Append panel elements - */ - dataPanel.append(years); - dataPanel.append(months); - dataPanel.append($('
').html(daysStr)); - dataPanel.append($('
').html(dowStr)); - - /* - * Generate grid - */ - for (var i=0; i= element.pageNum*settings.itemsPerPage && i < (element.pageNum*settings.itemsPerPage+settings.itemsPerPage)) - { - var dRow = '
'; - for (var x=0; x
'; - }; - dataPanel.append($(dRow+'
')); - } - } - - break; - // days ////////////////////////////////////////////////////////////////////////////////////////// - default: - range = tools.parseDateRange(element.dateStart, element.dateEnd); - - var year = range[0].getFullYear(); - var month = range[0].getMonth(); - var day = range[0]; - - for (var i = 0; i < range.length; i++) - { - var rday = range[i]; - /* - * Fill years - */ - if (rday.getFullYear() != year) { - years.append( - $('
' - + year - + '
')); - year = rday.getFullYear(); - daysInYear = 0; - } - daysInYear++; - - /* - * Fill months - */ - if (rday.getMonth() != month) { - months.append( - $('
' - + settings.months[month] - + '
')); - month = rday.getMonth(); - daysInMonth = 0; - } - daysInMonth++; - - var getDay = rday.getDay(); - var day_class = dowClass[getDay]; - if (holidayItems.indexOf((new Date(rday.getFullYear(), rday.getMonth(), rday.getDate())).getTime()) > -1) - day_class = "holiday"; - - daysStr += '
' - + '
' + rday.getDate() + '
'; - dowStr += '
' - + '
' + settings.dow[getDay] + '
'; - } //for - - /* - * Last year - */ - years.append( - '
' - + year - + '
'); - /* - * Last month - */ - months.append( - '
' - + settings.months[month] - + '
'); - - var dataPanel = core.dataPanel(element, range.length*tools.getCellSize()); - - /* - * Append panel elements - */ - dataPanel.append(years); - dataPanel.append(months); - dataPanel.append($('
').html(daysStr)); - dataPanel.append($('
').html(dowStr)); - - /* - * Generate grid - */ - for (var i=0; i= element.pageNum*settings.itemsPerPage && i < (element.pageNum*settings.itemsPerPage+settings.itemsPerPage)) - { - var dRow = '
'; - for (var x=0; x -1) - todayCls = " holiday"; - dRow += '
'; - }; - dataPanel.append($(dRow+'
')); - } - } - - break; - } - - return $('
').append(dataPanel); - }, - navigation: function (element) { - var ganttNavigate = null; - if (settings.navigate == 'scroll') - { - ganttNavigate = $('
') - .append($('
') - .append($('
') - .append($('') - .html('<') - .click( function () { - core.navigatePage(element, -1); - })) - .append($('
') - .append($('') - .html(element.pageNum+1 + ' of ' + element.pageCount))) - .append($('') - .html('>') - .click( function () { - core.navigatePage(element, 1); - })) - .append($('') - .html('●') - .click( function () { - core.navigateTo(element, 'now'); - })) - .append($('') - .html('<') - .click( function () { - core.navigateTo(element, tools.getCellSize()); - }))) - .append($('
') - .append($('
') - .append($('') - ) - .mousedown(function(e){ - if (e.preventDefault) e.preventDefault(); - element.scrollNavigation.scrollerMouseDown = true; - core.sliderScroll(element, e); - }) - .mousemove(function(e){ - if (element.scrollNavigation.scrollerMouseDown) - { - core.sliderScroll(element, e); - } - }) - ) - ) - .append($('
') - .append($('') - .html('>') - .click( function () { - core.navigateTo(element, tools.getCellSize() * -1); - })) - .append($('') - .html('+') - .click( function () { - core.zoomInOut(element, -1) - })) - .append($('') - .html('-') - .click( function () { - core.zoomInOut(element, 1); - })) - ) - ); - $(document).mouseup(function(){ - element.scrollNavigation.scrollerMouseDown = false; - }); - } else { - /* Navigation panel */ - ganttNavigate = $('
') - .append($('') - .html('<') - .click( function () { - core.navigatePage(element, -1); - })) - .append($('
') - .append($('') - .html(element.pageNum+1 + ' of ' + element.pageCount))) - .append($('') - .html('>') - .click( function () { - core.navigatePage(element, 1); - })) - .append($('') - .html('|<') - .click( function () { - core.navigateTo(element, 'begin'); - })) - .append($('') - .html('<<') - .click( function () { - core.navigateTo(element, tools.getCellSize()*7); - })) - .append($('') - .html('<') - .click( function () { - core.navigateTo(element, tools.getCellSize()); - })) - .append($('') - .html('●') - .click( function () { - core.navigateTo(element, 'now'); - })) - .append($('') - .html('>') - .click( function () { - core.navigateTo(element, tools.getCellSize() * -1); - })) - .append($('') - .html('>>') - .click( function () { - core.navigateTo(element, tools.getCellSize() * -7); - })) - .append($('') - .html('>|') - .click( function () { - core.navigateTo(element, 'end'); - })) - .append($('') - .html('+') - .click( function () { - core.zoomInOut(element, -1) - })) - .append($('') - .html('-') - .click( function () { - core.zoomInOut(element, 1); - })); - } - return $('
').append(ganttNavigate); - }, - createProgressBar: function(days, cls, desc, label) { - var cellWidth = tools.getCellSize(); - var barMarg = tools.getProgressBarMargin() || 0; - var bar = $("
"+label+"
") - .addClass( cls ) - .css({ - width: ((cellWidth * days) - barMarg) - }); - - if (desc) - { - bar - .mouseover(function(e){ - var hint = $("
").html(desc); - $("body").append(hint); - hint.css('left', e.pageX); - hint.css('top', e.pageY); - hint.show(); - }) - .mouseout(function(){ - $(".fn-gantt-hint").remove(); - }) - .mousemove(function(e){ - $('.fn-gantt-hint').css('left', e.pageX); - $('.fn-gantt-hint').css('top', e.pageY+15); - }); - } - return bar; - }, - markNow: function(element) { - switch (settings.scale) { - case 'weeks': - var cd = Date.parse(new Date()); - cd = (Math.floor(cd/36400000)*36400000); - $(element).find(':findweek("'+cd+'")').removeClass('wd').addClass('today'); - break; - case 'months': - $(element).find(':findmonth("'+new Date().getTime()+'")').removeClass('wd').addClass('today'); - break; - default: - var cd = Date.parse(new Date()); - cd = (Math.floor(cd/36400000)*36400000); - $(element).find(':findday("'+cd+'")').removeClass('wd').addClass('today'); - break; - } - }, - fillData: function(element) { - var invertColor = function(colStr) { - try { - colStr = colStr.replace('rgb(','').replace(')',''); - var rgbArr = colStr.split(','); - var R = parseInt(rgbArr[0]); - var G = parseInt(rgbArr[1]); - var B = parseInt(rgbArr[2]); - var gray = Math.round( (255 - (0.299*R + 0.587*G + 0.114*B)) * 0.9, 1); - return 'rgb('+gray+', '+gray+', '+gray+')'; - } catch (err) { - return ''; - } - }; - $.each(element.data, function(i, entry) { - if (i >= element.pageNum * settings.itemsPerPage && i < (element.pageNum*settings.itemsPerPage+settings.itemsPerPage)) - { - $.each(entry.values, function(j, day) { - var _bar = null; - switch (settings.scale) - { - case 'hours': - var dFrom = tools.genId(tools.dateDeserialize(day.from).getTime(), element.scaleStep); - var dTo = tools.genId(tools.dateDeserialize(day.to).getTime(), element.scaleStep); - - var cFrom = $(element).find('#d'+i+'-'+ dFrom).offset().left; - var cTo = $(element).find('#d'+i+'-'+ dTo).offset().left; - var dl = Math.floor((cTo-cFrom)/tools.getCellSize())+1; - - _bar = core.createProgressBar( - dl, - day.customClass ? day.customClass : '', - day.desc ? day.desc : '', - day.label ? day.label : '' - ); - $(element).find('#d'+i+'-'+ tools.genId(tools.dateDeserialize(day.from).getTime(), element.scaleStep)) - .append(_bar); - break; - case 'weeks': - case 'months': - var dtFrom = tools.dateDeserialize(day.from); - var dtTo = tools.dateDeserialize(day.to); - - if (dtFrom.getDate() <= 3 && dtFrom.getMonth() == 0) - dtFrom.setDate(dtFrom.getDate()+4); - if (dtTo.getDate() <= 3 && dtTo.getMonth() == 0) - dtTo.setDate(dtTo.getDate()+4); - - var dFrom = tools.genId(dtFrom.getTime()); - var dTo = tools.genId(dtTo.getTime()); - - var cFrom = $(element).find('#d'+i+'-'+ dFrom).offset().left; - var cTo = $(element).find('#d'+i+'-'+ dTo).offset().left; - var dl = Math.round((cTo-cFrom)/tools.getCellSize())+1; - - _bar = core.createProgressBar( - dl, - day.customClass ? day.customClass : '', - day.desc ? day.desc : '', - day.label ? day.label : '' - ); - $(element).find('#d'+i+'-'+ tools.genId(dtFrom.getTime(), element.scaleStep)) - .append(_bar); - break; - default: - var dFrom = tools.genId(tools.dateDeserialize(day.from).getTime()); - var dTo = tools.genId(tools.dateDeserialize(day.to).getTime()); - var dl = Math.floor(((dTo/1000)-(dFrom/1000))/86400) + 1; - _bar = core.createProgressBar( - dl, - day.customClass ? day.customClass : '', - day.desc ? day.desc : '', - day.label ? day.label : '' - ); - var $cell = $(element).find('#d'+i+'-'+ tools.genId(tools.dateDeserialize(day.from).getTime())); - $cell.append(_bar); - break; - } - var $l = _bar.find('.label'); - if ($l) - { - var gray = invertColor(_bar.css("background-color")); - $l.css('color', gray); - } - }); - } - }); - }, - navigateTo: function(element, val) { - var $rightPanel = $(element).find('.fn-gantt .rightPanel'); - var $dataPanel = $rightPanel.find('.dataPanel'); - var rightPanelWidth = $rightPanel.width(); - var dataPanelWidth = $dataPanel.width(); - - switch (val) { - case 'begin': - $dataPanel.animate({ - 'margin-left': '0px' - }, 'fast', function() {core.repositionLabel(element);}); - element.scrollNavigation.panelMargin = 0; - break; - case 'end': - var mLeft = dataPanelWidth - rightPanelWidth; - element.scrollNavigation.panelMargin = mLeft*-1; - $dataPanel.animate({ - 'margin-left': '-' + mLeft + 'px' - }, 'fast', function() {core.repositionLabel(element);}); - break; - case 'now': - if (!element.scrollNavigation.canScroll) - return false; - var max_left = (dataPanelWidth - rightPanelWidth) * -1; - var cur_marg = $dataPanel.css('margin-left').replace('px',''); - var val = $dataPanel.find('.today').offset().left - $dataPanel.offset().left; - val *= -1; - if (val > 0) - val = 0; - else if (val < max_left) - val = max_left; - - $dataPanel.animate({ - 'margin-left': val + 'px' - }, 'fast', core.repositionLabel(element)); - element.scrollNavigation.panelMargin = val; - break; - default: - var max_left = (dataPanelWidth - rightPanelWidth) * -1; - var cur_marg = $dataPanel.css('margin-left').replace('px',''); - var val = parseInt(cur_marg) + val; - if (val <= 0 && val >= max_left) - $dataPanel.animate({ - 'margin-left': val + 'px' - }, 'fast', core.repositionLabel(element)); - element.scrollNavigation.panelMargin = val; - break; - } - }, - navigatePage: function(element, val) { - if ((element.pageNum+val) >= 0 && (element.pageNum+val) < Math.ceil(element.rowsNum/settings.itemsPerPage)) - { - core.waitToggle(element, true, function () { - element.pageNum += val; - element.hPosition = $('.fn-gantt .dataPanel').css('margin-left').replace('px',''); - element.scaleOldWidth = false; - core.init(element); - }); - } - }, - zoomInOut: function(element, val) { - core.waitToggle(element, true, function() { - - var zoomIn = (val < 0); - - var scaleSt = element.scaleStep + val*3; - scaleSt = scaleSt <= 1 ? 1 : scaleSt == 4 ? 3 : scaleSt; - var scale = settings.scale; - var headerRows = element.headerRows; - if (settings.scale == 'hours' && scaleSt >= 13) - { - scale = 'days'; - headerRows = 4; - scaleSt = 13; - } else if (settings.scale == 'days' && zoomIn) - { - scale = 'hours'; - headerRows = 5; - scaleSt = 12; - } else if (settings.scale == 'days' && !zoomIn) - { - scale = 'weeks'; - headerRows = 3; - scaleSt = 13; - } else if (settings.scale == 'weeks' && !zoomIn) - { - scale = 'months'; - headerRows = 2; - scaleSt = 14; - } else if (settings.scale == 'weeks' && zoomIn) - { - scale = 'days'; - headerRows = 4; - scaleSt = 13; - } else if (settings.scale == 'months' && zoomIn) - { - scale = 'weeks'; - headerRows = 3; - scaleSt = 13; - } - - if ((zoomIn && $.inArray(scale, scales) < $.inArray(settings.minScale, scales) ) - || (!zoomIn && $.inArray(scale, scales) > $.inArray(settings.maxScale, scales) )) - { - core.init(element); - return; - } - element.scaleStep = scaleSt; - settings.scale = scale; - element.headerRows = headerRows; - var $rightPanel = $(element).find('.fn-gantt .rightPanel'); - var $dataPanel = $rightPanel.find('.dataPanel'); - element.hPosition = $dataPanel.css('margin-left').replace('px',''); - element.scaleOldWidth = ($dataPanel.width() - $rightPanel.width()); - - core.init(element); - }); - }, - mouseScroll: function(element, e) { - var $dataPanel = $(element).find('.fn-gantt .dataPanel'); - $dataPanel.css("cursor", "move"); - var bPos = $dataPanel.offset(); - var mPos = element.scrollNavigation.mouseX==null ? e.pageX : element.scrollNavigation.mouseX; - var delta = e.pageX - mPos; - element.scrollNavigation.mouseX = e.pageX; - - core.scrollPanel(element, delta); - - clearTimeout(element.scrollNavigation.repositionDelay); - element.scrollNavigation.repositionDelay = setTimeout(core.repositionLabel, 50, element); - }, - wheelScroll: function(element, e) - { - var delta = e.detail ? e.detail*(-50) : e.wheelDelta/120*50; - - core.scrollPanel(element, delta); - - clearTimeout(element.scrollNavigation.repositionDelay); - element.scrollNavigation.repositionDelay = setTimeout(core.repositionLabel, 50, element); - - if (e.preventDefault) - e.preventDefault(); - else - return false; - - }, - sliderScroll: function(element, e) { - var $sliderBar = $(element).find('.nav-slider-bar'); - var $sliderBarBtn = $sliderBar.find('.nav-slider-button'); - var $rightPanel = $(element).find('.fn-gantt .rightPanel'); - var $dataPanel = $rightPanel.find('.dataPanel'); - - var bPos = $sliderBar.offset(); - var bWidth = $sliderBar.width(); - var wButton = $sliderBarBtn.width(); - - if ((e.pageX >= bPos.left) && (e.pageX <= bPos.left + bWidth)) - { - var pos = e.pageX - bPos.left; - var pos = pos - wButton/2; - $sliderBarBtn.css('left', pos); - - var mLeft = $dataPanel.width() - $rightPanel.width(); - - var pPos = pos*mLeft/bWidth*-1; - if (pPos >= 0) - { - $dataPanel.css('margin-left', '0px'); - element.scrollNavigation.panelMargin = 0; - } else if (pos >= bWidth-(wButton*1)) - { - $dataPanel.css('margin-left', mLeft*-1+'px'); - element.scrollNavigation.panelMargin = mLeft*-1; - } else - { - $dataPanel.css('margin-left', pPos+ 'px'); - element.scrollNavigation.panelMargin = pPos; - } - clearTimeout(element.scrollNavigation.repositionDelay); - element.scrollNavigation.repositionDelay = setTimeout(core.repositionLabel, 50, element); - } - }, - scrollPanel: function(element, delta) { - if (!element.scrollNavigation.canScroll) - return false; - var _panelMargin = parseInt(element.scrollNavigation.panelMargin) + delta; - if ( _panelMargin > 0) - { - element.scrollNavigation.panelMargin = 0; - $(element).find('.fn-gantt .dataPanel').css('margin-left', element.scrollNavigation.panelMargin +'px'); - } else if ( _panelMargin < element.scrollNavigation.panelMaxPos*-1) { - element.scrollNavigation.panelMargin = element.scrollNavigation.panelMaxPos*-1; - $(element).find('.fn-gantt .dataPanel').css('margin-left', element.scrollNavigation.panelMargin +'px'); - } else { - element.scrollNavigation.panelMargin = _panelMargin; - $(element).find('.fn-gantt .dataPanel').css('margin-left', element.scrollNavigation.panelMargin +'px'); - } - }, - synchronizeScroller: function(element) { - if (settings.navigate == 'scroll') - { - var $rightPanel = $(element).find('.fn-gantt .rightPanel'); - var $dataPanel = $rightPanel.find('.dataPanel'); - var $sliderBar = $(element).find('.nav-slider-bar'); - var $sliderBtn = $sliderBar.find('.nav-slider-button'); - - var bWidth= $sliderBar.width(); - var wButton= $sliderBtn.width(); - - var mLeft = $dataPanel.width() - $rightPanel.width(); - var hPos = 0; - if ($dataPanel.css('margin-left')) - hPos = $dataPanel.css('margin-left').replace('px',''); - var pos = hPos*bWidth/mLeft - $sliderBtn.width()*0.25; - pos = pos>0?0:(pos*-1 >= bWidth-(wButton*0.75))?(bWidth-(wButton*1.25))*-1:pos; - $sliderBtn.css('left', pos*-1); - } - }, - repositionLabel: function(element) { - var $rightPanel = $('.fn-gantt .rightPanel'); - var $dataPanel = $rightPanel.find('.dataPanel'); - $dataPanel.stop(); - - var wrapper = { offset: $rightPanel.offset(), - width: $rightPanel.width(), - height: $rightPanel.height()}; - - $(".fn-gantt .rightPanel .year, .fn-gantt .rightPanel .month").each(function(i, obj) { - var objDim = { offset: $(obj).offset(), - width: $(obj).width(), - height: $(obj).height()}; - - if (objDim.offset.left + objDim.width > wrapper.offset.left - && objDim.offset.left < wrapper.offset.left+wrapper.width) - { - var viewArea = { - left: objDim.offset.left > wrapper.offset.left ? objDim.offset.left : wrapper.offset.left, - right: objDim.offset.left+objDim.width < wrapper.offset.left + wrapper.width ? objDim.offset.left+objDim.width : wrapper.offset.left + wrapper.width - }; - $(obj).children(".label").css("float", "left"); - var labelWidth = $(obj).children(".label").width(); - - var objMarg = objDim.offset.left < wrapper.offset.left ? wrapper.offset.left-objDim.offset.left : 0; - if (viewArea.right-viewArea.left > labelWidth) - $(obj).children(".label") - .css("margin-left", objMarg + (viewArea.right - viewArea.left)/2 - labelWidth/2 + "px"); - } - }); - $(".fn-gantt .rightPanel .bar").each(function(i, obj) { - var objDim = { offset: $(obj).offset(), - width: $(obj).width(), - height: $(obj).height()}; - - if (objDim.offset.left + objDim.width > wrapper.offset.left - && objDim.offset.left < wrapper.offset.left+wrapper.width) - { - var viewArea = { - left: objDim.offset.left > wrapper.offset.left ? objDim.offset.left : wrapper.offset.left, - right: objDim.offset.left+objDim.width < wrapper.offset.left + wrapper.width ? objDim.offset.left+objDim.width : wrapper.offset.left + wrapper.width - }; - $(obj).children(".label").css("float", "left"); - var labelWidth = $(obj).children(".label").width(); - - var objMarg = objDim.offset.left < wrapper.offset.left ? wrapper.offset.left-objDim.offset.left : 0; - if (viewArea.right-viewArea.left > labelWidth) - $(obj).children(".label") - .css("margin-left", objMarg + (viewArea.right - viewArea.left)/2 - labelWidth/2 + "px"); - } - }); - core.synchronizeScroller(element); - }, - waitToggle: function(element, show, fn){ - if (show) - { - var eo = $(element).offset(); - var ew = $(element).outerWidth(); - var eh = $(element).outerHeight(); - - if (!element.loader) - { - element.loader = $('
' - + '
'); - } - $('body').append(element.loader); - setTimeout(fn, 100); - - } else { - if (element.loader) - element.loader.remove(); - element.loader = null; - } - } - }; - - /** - * Additional functions - */ - var tools = { - getMaxDate: function(element) { - var maxDate = null; - $.each(element.data, function(i, entry) { - $.each(entry.values, function(i, date) { - maxDate = maxDate < tools.dateDeserialize(date.to) ? tools.dateDeserialize(date.to) : maxDate; - }); - }); - - switch (settings.scale) { - case 'hours': - maxDate.setHours(Math.ceil((maxDate.getHours()) / element.scaleStep) * element.scaleStep); - maxDate.setHours(maxDate.getHours() + element.scaleStep*3); - break; - case 'weeks': - var bd = new Date(maxDate.getTime()); - var bd = new Date(bd.setDate(bd.getDate() + 3*7)); - var md = Math.floor(bd.getDate()/7)*7; - maxDate = new Date(bd.getFullYear(), bd.getMonth(), md==0?4:md-3); - break; - case 'months': - var bd = new Date(maxDate.getFullYear(), maxDate.getMonth(), 1); - bd.setMonth(bd.getMonth()+2); - maxDate = new Date(bd.getFullYear(), bd.getMonth(), 1); - break; - default: - maxDate.setHours(0); - maxDate.setDate(maxDate.getDate() + 3); - break; - } - return maxDate; - }, - getMinDate: function(element) { - var minDate = null; - $.each(element.data, function(i, entry) { - $.each(entry.values, function(i, date) { - minDate = minDate > tools.dateDeserialize(date.from) || minDate == null ? tools.dateDeserialize(date.from) : minDate; - }); - }); - switch (settings.scale) { - case 'hours': - minDate.setHours(Math.floor((minDate.getHours()) / element.scaleStep) * element.scaleStep); - minDate.setHours(minDate.getHours() - element.scaleStep*3); - break; - case 'weeks': - var bd = new Date(minDate.getTime()); - var bd = new Date(bd.setDate(bd.getDate() - 3*7)); - var md = Math.floor(bd.getDate()/7)*7; - minDate = new Date(bd.getFullYear(), bd.getMonth(), md==0?4:md-3); - break; - case 'months': - var bd = new Date(minDate.getFullYear(), minDate.getMonth(), 1); - bd.setMonth(bd.getMonth()-3); - minDate = new Date(bd.getFullYear(), bd.getMonth(), 1); - break; - default: - minDate.setHours(0); - minDate.setDate(minDate.getDate() - 3); - //if (minDate.getDate() >= 27) - // minDate.setDate(minDate.getDate() - element.headerRows); - break; - } - return minDate; - }, - parseDateRange: function(from, to) { - var current = new Date(from.getTime()); - var end = new Date(to.getTime());; - var ret = new Array(); - var i = 0; - do { - ret[i++] = new Date(current.getTime()); - current.setDate(current.getDate()+1); - } while (current.getTime() <= to.getTime()); - return ret; - - }, - parseTimeRange: function(from, to, scaleStep) { - var current = new Date(from); - var end = new Date(to); - - var ret = new Array(); - var i = 0; - do { - ret[i] = new Date(current.getTime()); - current.setHours(current.getHours()+scaleStep); - current.setHours(Math.floor((current.getHours()) / scaleStep) * scaleStep); - - if (current.getDay() != ret[i].getDay()) - current.setHours(0); - - i++; - } while (current.getTime() <= to.getTime()); - return ret; - }, - parseWeeksRange: function(from, to) { - - var current = new Date(from); - var end = new Date(to); - - var ret = new Array(); - var i = 0; - do { - - if (current.getDay() == 0) - { - ret[i++] = current.getDayForWeek(); - } - current.setDate(current.getDate()+1); - } while (current.getTime() <= to.getTime()); - - return ret; - }, - parseMonthsRange: function(from, to) { - - var current = new Date(from); - var end = new Date(to); - - var ret = new Array(); - var i = 0; - do { - ret[i++] = new Date(current.getFullYear(), current.getMonth(), 1); - current.setMonth(current.getMonth()+1); - } while (current.getTime() <= to.getTime()); - - return ret; - }, - dateDeserialize: function (dateStr) { - //return eval('new' + dateStr.replace(/\//g, ' ')); - var date = eval('new' + dateStr.replace(/\//g, ' ')); - return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes()); - }, - genId: function (ticks) { - var t = new Date(ticks); - switch (settings.scale) - { - case 'hours': - var hour = t.getHours(); - - if (arguments.length >= 2) - hour = (Math.floor((t.getHours())/arguments[1]) * arguments[1]); - return (new Date(t.getFullYear(), t.getMonth(), t.getDate(), hour)).getTime(); - break; - case 'weeks': - return t.getFullYear()+'-'+t.getDayForWeek().getWeekOfYear(); - break; - case 'months': - return t.getFullYear()+'-'+t.getMonth(); - break; - default: - return (new Date(t.getFullYear(), t.getMonth(), t.getDate())).getTime(); - break; - } - }, - _getCellSize: null, - getCellSize: function() { - if (!tools._getCellSize) - { - $("body").append( - $("") - ); - tools._getCellSize = $('#measureCellWidth .row').height(); - $('#measureCellWidth').empty().remove(); - } - return tools._getCellSize; - }, - getRightPanelSize: function() { - $("body").append( - $("") - ); - var ret = $('#measureCellWidth .rightPanel').height(); - $('#measureCellWidth').empty().remove(); - return ret; - }, - getPageHeight: function(element) { - return element.pageNum+1 == element.pageCount ? rowsOnLastPage*tools.getCellSize() : settings.itemsPerPage*tools.getCellSize(); - }, - _getProgressBarMargin: null, - getProgressBarMargin: function() { - if (!tools._getProgressBarMargin) - { - $("body").append( - $("