jsgantt-improved 2.8.4 → 2.8.6

package/dist/jsgantt.js

@@ -62,7 +62,7 @@ exports.GanttChart = function (pDiv, pFormat) {
         3: true,
         4: true,
         5: true,
-        6: true
+        6: true,
     };
     this.vEventClickCollapse = null;
     this.vEventClickRow = null;
@@ -81,7 +81,7 @@ exports.GanttChart = function (pDiv, pFormat) {
         beforeLineDraw: null,
         afterLineDraw: null,
         onLineDraw: null,
-        onLineContainerHover: null
+        onLineContainerHover: null,
     };
     this.vEventsChange = {
         taskname: null,
@@ -93,36 +93,36 @@ exports.GanttChart = function (pDiv, pFormat) {
         planstartdate: null,
         planenddate: null,
         cost: null,
-        line: null
+        line: null,
     };
     this.vResources = null;
     this.vAdditionalHeaders = {};
     this.vColumnOrder = draw_columns_1.COLUMN_ORDER;
     this.vEditable = false;
     this.vDebug = false;
-    this.vShowSelector = new Array('top');
-    this.vDateInputFormat = 'yyyy-mm-dd';
-    this.vDateTaskTableDisplayFormat = date_utils_1.parseDateFormatStr('dd/mm/yyyy');
-    this.vDateTaskDisplayFormat = date_utils_1.parseDateFormatStr('dd month yyyy');
-    this.vHourMajorDateDisplayFormat = date_utils_1.parseDateFormatStr('day dd month yyyy');
-    this.vHourMinorDateDisplayFormat = date_utils_1.parseDateFormatStr('HH');
-    this.vDayMajorDateDisplayFormat = date_utils_1.parseDateFormatStr('dd/mm/yyyy');
-    this.vDayMinorDateDisplayFormat = date_utils_1.parseDateFormatStr('dd');
-    this.vWeekMajorDateDisplayFormat = date_utils_1.parseDateFormatStr('yyyy');
-    this.vWeekMinorDateDisplayFormat = date_utils_1.parseDateFormatStr('dd/mm');
-    this.vMonthMajorDateDisplayFormat = date_utils_1.parseDateFormatStr('yyyy');
-    this.vMonthMinorDateDisplayFormat = date_utils_1.parseDateFormatStr('mon');
-    this.vQuarterMajorDateDisplayFormat = date_utils_1.parseDateFormatStr('yyyy');
-    this.vQuarterMinorDateDisplayFormat = date_utils_1.parseDateFormatStr('qq');
-    this.vUseFullYear = date_utils_1.parseDateFormatStr('dd/mm/yyyy');
+    this.vShowSelector = new Array("top");
+    this.vDateInputFormat = "yyyy-mm-dd";
+    this.vDateTaskTableDisplayFormat = date_utils_1.parseDateFormatStr("dd/mm/yyyy");
+    this.vDateTaskDisplayFormat = date_utils_1.parseDateFormatStr("dd month yyyy");
+    this.vHourMajorDateDisplayFormat = date_utils_1.parseDateFormatStr("day dd month yyyy");
+    this.vHourMinorDateDisplayFormat = date_utils_1.parseDateFormatStr("HH");
+    this.vDayMajorDateDisplayFormat = date_utils_1.parseDateFormatStr("dd/mm/yyyy");
+    this.vDayMinorDateDisplayFormat = date_utils_1.parseDateFormatStr("dd");
+    this.vWeekMajorDateDisplayFormat = date_utils_1.parseDateFormatStr("yyyy");
+    this.vWeekMinorDateDisplayFormat = date_utils_1.parseDateFormatStr("dd/mm");
+    this.vMonthMajorDateDisplayFormat = date_utils_1.parseDateFormatStr("yyyy");
+    this.vMonthMinorDateDisplayFormat = date_utils_1.parseDateFormatStr("mon");
+    this.vQuarterMajorDateDisplayFormat = date_utils_1.parseDateFormatStr("yyyy");
+    this.vQuarterMinorDateDisplayFormat = date_utils_1.parseDateFormatStr("qq");
+    this.vUseFullYear = date_utils_1.parseDateFormatStr("dd/mm/yyyy");
     this.vCaptionType;
     this.vDepId = 1;
     this.vTaskList = new Array();
-    this.vFormatArr = new Array('hour', 'day', 'week', 'month', 'quarter');
+    this.vFormatArr = new Array("hour", "day", "week", "month", "quarter");
     this.vMonthDaysArr = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
     this.vProcessNeeded = true;
     this.vMinGpLen = 8;
-    this.vScrollTo = '';
+    this.vScrollTo = "";
     this.vHourColWidth = 18;
     this.vDayColWidth = 18;
     this.vWeekColWidth = 36;
@@ -131,7 +131,7 @@ exports.GanttChart = function (pDiv, pFormat) {
     this.vRowHeight = 20;
     this.vTodayPx = -1;
     this.vLangs = lang;
-    this.vLang = navigator.language && navigator.language in lang ? navigator.language : 'en';
+    this.vLang = navigator.language && navigator.language in lang ? navigator.language : "en";
     this.vChartBody = null;
     this.vChartHead = null;
     this.vListBody = null;
@@ -165,10 +165,9 @@ exports.GanttChart = function (pDiv, pFormat) {
     this.printChart = general_utils_1.printChart.bind(this);
     this.clearDependencies = function () {
         var parent = this.getLines();
-        if (this.vEventsChange.line &&
-            typeof this.vEventsChange.line === 'function') {
-            this.removeListener('click', this.vEventsChange.line, parent);
-            this.addListener('click', this.vEventsChange.line, parent);
+        if (this.vEventsChange.line && typeof this.vEventsChange.line === "function") {
+            this.removeListener("click", this.vEventsChange.line, parent);
+            this.addListener("click", this.vEventsChange.line, parent);
         }
         while (parent.hasChildNodes())
             parent.removeChild(parent.firstChild);
@@ -176,20 +175,20 @@ exports.GanttChart = function (pDiv, pFormat) {
     };
     this.drawListHead = function (vLeftHeader) {
         var _this = this;
-        var vTmpDiv = draw_utils_1.newNode(vLeftHeader, 'div', this.vDivId + 'glisthead', 'glistlbl gcontainercol');
+        var vTmpDiv = draw_utils_1.newNode(vLeftHeader, "div", this.vDivId + "glisthead", "glistlbl gcontainercol");
         var gListLbl = vTmpDiv;
         this.setListBody(vTmpDiv);
-        var vTmpTab = draw_utils_1.newNode(vTmpDiv, 'table', null, 'gtasktableh');
-        var vTmpTBody = draw_utils_1.newNode(vTmpTab, 'tbody');
-        var vTmpRow = draw_utils_1.newNode(vTmpTBody, 'tr');
-        draw_utils_1.newNode(vTmpRow, 'td', null, 'gtasklist', '\u00A0');
-        var vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, 'gspanning gtaskname', null, null, null, null, this.getColumnOrder().length + 1);
-        vTmpCell.appendChild(this.drawSelector('top'));
-        vTmpRow = draw_utils_1.newNode(vTmpTBody, 'tr');
-        draw_utils_1.newNode(vTmpRow, 'td', null, 'gtasklist', '\u00A0');
-        draw_utils_1.newNode(vTmpRow, 'td', null, 'gtaskname', '\u00A0');
+        var vTmpTab = draw_utils_1.newNode(vTmpDiv, "table", null, "gtasktableh");
+        var vTmpTBody = draw_utils_1.newNode(vTmpTab, "tbody");
+        var vTmpRow = draw_utils_1.newNode(vTmpTBody, "tr");
+        draw_utils_1.newNode(vTmpRow, "td", null, "gtasklist", "\u00A0");
+        var vTmpCell = draw_utils_1.newNode(vTmpRow, "td", null, "gspanning gtaskname", null, null, null, null, this.getColumnOrder().length + 1);
+        vTmpCell.appendChild(this.drawSelector("top"));
+        vTmpRow = draw_utils_1.newNode(vTmpTBody, "tr");
+        draw_utils_1.newNode(vTmpRow, "td", null, "gtasklist", "\u00A0");
+        draw_utils_1.newNode(vTmpRow, "td", null, "gtaskname", "\u00A0");
         this.getColumnOrder().forEach(function (column) {
-            if (_this[column] == 1 || column === 'vAdditionalHeaders') {
+            if (_this[column] == 1 || column === "vAdditionalHeaders") {
                 draw_columns_1.draw_task_headings(column, vTmpRow, _this.vLangs, _this.vLang, _this.vAdditionalHeaders, _this.vEvents);
             }
         });
@@ -197,38 +196,38 @@ exports.GanttChart = function (pDiv, pFormat) {
     };
     this.drawListBody = function (vLeftHeader) {
         var _this = this;
-        var vTmpContentTabOuterWrapper = draw_utils_1.newNode(vLeftHeader, 'div', null, 'gtasktableouterwrapper');
-        var vTmpContentTabWrapper = draw_utils_1.newNode(vTmpContentTabOuterWrapper, 'div', null, 'gtasktablewrapper');
+        var vTmpContentTabOuterWrapper = draw_utils_1.newNode(vLeftHeader, "div", null, "gtasktableouterwrapper");
+        var vTmpContentTabWrapper = draw_utils_1.newNode(vTmpContentTabOuterWrapper, "div", null, "gtasktablewrapper");
         vTmpContentTabWrapper.style.width = "calc(100% + " + general_utils_1.getScrollbarWidth() + "px)";
-        var vTmpContentTab = draw_utils_1.newNode(vTmpContentTabWrapper, 'table', null, 'gtasktable');
-        var vTmpContentTBody = draw_utils_1.newNode(vTmpContentTab, 'tbody');
+        var vTmpContentTab = draw_utils_1.newNode(vTmpContentTabWrapper, "table", null, "gtasktable");
+        var vTmpContentTBody = draw_utils_1.newNode(vTmpContentTab, "tbody");
         var vNumRows = 0;
         var _loop_1 = function (i) {
             var vBGColor = void 0;
             if (this_1.vTaskList[i].getGroup() == 1)
-                vBGColor = 'ggroupitem';
+                vBGColor = "ggroupitem";
             else
-                vBGColor = 'glineitem';
+                vBGColor = "glineitem a";
             var vID = this_1.vTaskList[i].getID();
             var vTmpRow_1, vTmpCell_1 = void 0;
-            if ((!(this_1.vTaskList[i].getParItem() && this_1.vTaskList[i].getParItem().getGroup() == 2)) || this_1.vTaskList[i].getGroup() == 2) {
+            if (!(this_1.vTaskList[i].getParItem() && this_1.vTaskList[i].getParItem().getGroup() == 2) || this_1.vTaskList[i].getGroup() == 2) {
                 if (this_1.vTaskList[i].getVisible() == 0)
-                    vTmpRow_1 = draw_utils_1.newNode(vTmpContentTBody, 'tr', this_1.vDivId + 'child_' + vID, 'gname ' + vBGColor, null, null, null, 'none');
+                    vTmpRow_1 = draw_utils_1.newNode(vTmpContentTBody, "tr", this_1.vDivId + "child_" + vID, "gname " + vBGColor, null, null, null, "none");
                 else
-                    vTmpRow_1 = draw_utils_1.newNode(vTmpContentTBody, 'tr', this_1.vDivId + 'child_' + vID, 'gname ' + vBGColor);
+                    vTmpRow_1 = draw_utils_1.newNode(vTmpContentTBody, "tr", this_1.vDivId + "child_" + vID, "gname " + vBGColor);
                 this_1.vTaskList[i].setListChildRow(vTmpRow_1);
-                draw_utils_1.newNode(vTmpRow_1, 'td', null, 'gtasklist', '\u00A0');
-                var editableClass = this_1.vEditable ? 'gtaskname gtaskeditable' : 'gtaskname';
-                vTmpCell_1 = draw_utils_1.newNode(vTmpRow_1, 'td', null, editableClass);
-                var vCellContents = '';
+                draw_utils_1.newNode(vTmpRow_1, "td", null, "gtasklist", "\u00A0");
+                var editableClass = this_1.vEditable ? "gtaskname gtaskeditable" : "gtaskname";
+                vTmpCell_1 = draw_utils_1.newNode(vTmpRow_1, "td", null, editableClass);
+                var vCellContents = "";
                 for (var j = 1; j < this_1.vTaskList[i].getLevel(); j++) {
-                    vCellContents += '\u00A0\u00A0\u00A0\u00A0';
+                    vCellContents += "\u00A0\u00A0\u00A0\u00A0";
                 }
                 var task_2 = this_1.vTaskList[i];
                 var vEventClickRow_1 = this_1.vEventClickRow;
                 var vEventClickCollapse_1 = this_1.vEventClickCollapse;
-                events_1.addListener('click', function (e) {
-                    if (e.target.classList.contains('gfoldercollapse') === false) {
+                events_1.addListener("click", function (e) {
+                    if (e.target.classList.contains("gfoldercollapse") === false) {
                         if (vEventClickRow_1 && typeof vEventClickRow_1 === "function") {
                             vEventClickRow_1(task_2);
                         }
@@ -240,29 +239,29 @@ exports.GanttChart = function (pDiv, pFormat) {
                     }
                 }, vTmpRow_1);
                 if (this_1.vTaskList[i].getGroup() == 1) {
-                    var vTmpDiv = draw_utils_1.newNode(vTmpCell_1, 'div', null, null, vCellContents);
-                    var vTmpSpan = draw_utils_1.newNode(vTmpDiv, 'span', this_1.vDivId + 'group_' + vID, 'gfoldercollapse', (this_1.vTaskList[i].getOpen() == 1) ? '-' : '+');
+                    var vTmpDiv = draw_utils_1.newNode(vTmpCell_1, "div", null, null, vCellContents);
+                    var vTmpSpan = draw_utils_1.newNode(vTmpDiv, "span", this_1.vDivId + "group_" + vID, "gfoldercollapse", this_1.vTaskList[i].getOpen() == 1 ? "-" : "+");
                     this_1.vTaskList[i].setGroupSpan(vTmpSpan);
                     events_1.addFolderListeners(this_1, vTmpSpan, vID);
-                    var divTask = document.createElement('span');
-                    divTask.innerHTML = '\u00A0' + this_1.vTaskList[i].getName();
+                    var divTask = document.createElement("span");
+                    divTask.innerHTML = "\u00A0" + this_1.vTaskList[i].getName();
                     vTmpDiv.appendChild(divTask);
                     // const text = makeInput(this.vTaskList[i].getName(), this.vEditable, 'text');
                     // vTmpDiv.appendChild(document.createNode(text));
                     var callback = function (task, e) { return task.setName(e.target.value); };
-                    events_1.addListenerInputCell(vTmpCell_1, this_1.vEventsChange, callback, this_1.vTaskList, i, 'taskname', this_1.Draw.bind(this_1));
-                    events_1.addListenerClickCell(vTmpDiv, this_1.vEvents, this_1.vTaskList[i], 'taskname');
+                    events_1.addListenerInputCell(vTmpCell_1, this_1.vEventsChange, callback, this_1.vTaskList, i, "taskname", this_1.Draw.bind(this_1));
+                    events_1.addListenerClickCell(vTmpDiv, this_1.vEvents, this_1.vTaskList[i], "taskname");
                 }
                 else {
-                    vCellContents += '\u00A0\u00A0\u00A0\u00A0';
-                    var text = draw_utils_1.makeInput(this_1.vTaskList[i].getName(), this_1.vEditable, 'text');
-                    var vTmpDiv = draw_utils_1.newNode(vTmpCell_1, 'div', null, null, vCellContents + text);
+                    vCellContents += "\u00A0\u00A0\u00A0\u00A0";
+                    var text = draw_utils_1.makeInput(this_1.vTaskList[i].getName(), this_1.vEditable, "text");
+                    var vTmpDiv = draw_utils_1.newNode(vTmpCell_1, "div", null, null, vCellContents + text);
                     var callback = function (task, e) { return task.setName(e.target.value); };
-                    events_1.addListenerInputCell(vTmpCell_1, this_1.vEventsChange, callback, this_1.vTaskList, i, 'taskname', this_1.Draw.bind(this_1));
-                    events_1.addListenerClickCell(vTmpCell_1, this_1.vEvents, this_1.vTaskList[i], 'taskname');
+                    events_1.addListenerInputCell(vTmpCell_1, this_1.vEventsChange, callback, this_1.vTaskList, i, "taskname", this_1.Draw.bind(this_1));
+                    events_1.addListenerClickCell(vTmpCell_1, this_1.vEvents, this_1.vTaskList[i], "taskname");
                 }
                 this_1.getColumnOrder().forEach(function (column) {
-                    if (_this[column] == 1 || column === 'vAdditionalHeaders') {
+                    if (_this[column] == 1 || column === "vAdditionalHeaders") {
                         draw_columns_1.draw_header(column, i, vTmpRow_1, _this.vTaskList, _this.vEditable, _this.vEventsChange, _this.vEvents, _this.vDateTaskTableDisplayFormat, _this.vAdditionalHeaders, _this.vFormat, _this.vLangs, _this.vLang, _this.vResources, _this.Draw.bind(_this));
                     }
                 });
@@ -275,23 +274,21 @@ exports.GanttChart = function (pDiv, pFormat) {
         }
         // Render no daa in the chart
         if (this.vTaskList.length == 0) {
-            var totalColumns = this.getColumnOrder()
-                .filter(function (column) { return _this[column] == 1 || column === 'vAdditionalHeaders'; })
-                .length;
-            var vTmpRow_2 = draw_utils_1.newNode(vTmpContentTBody, 'tr', this.vDivId + 'child_', 'gname ');
+            var totalColumns = this.getColumnOrder().filter(function (column) { return _this[column] == 1 || column === "vAdditionalHeaders"; }).length;
+            var vTmpRow_2 = draw_utils_1.newNode(vTmpContentTBody, "tr", this.vDivId + "child_", "gname ");
             // this.vTaskList[i].setListChildRow(vTmpRow);
-            var vTmpCell_2 = draw_utils_1.newNode(vTmpRow_2, 'td', null, 'gtasknolist', '', null, null, null, totalColumns);
+            var vTmpCell_2 = draw_utils_1.newNode(vTmpRow_2, "td", null, "gtasknolist", "", null, null, null, totalColumns);
             var vOutput = document.createDocumentFragment();
-            draw_utils_1.newNode(vOutput, 'div', null, 'gtasknolist-label', this.vLangs[this.vLang]['nodata'] + '.');
+            draw_utils_1.newNode(vOutput, "div", null, "gtasknolist-label", this.vLangs[this.vLang]["nodata"] + ".");
             vTmpCell_2.appendChild(vOutput);
         }
         // DRAW the date format selector at bottom left.
-        var vTmpRow = draw_utils_1.newNode(vTmpContentTBody, 'tr');
-        draw_utils_1.newNode(vTmpRow, 'td', null, 'gtasklist', '\u00A0');
-        var vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, 'gspanning gtaskname');
-        vTmpCell.appendChild(this.drawSelector('bottom'));
+        var vTmpRow = draw_utils_1.newNode(vTmpContentTBody, "tr");
+        draw_utils_1.newNode(vTmpRow, "td", null, "gtasklist", "\u00A0");
+        var vTmpCell = draw_utils_1.newNode(vTmpRow, "td", null, "gspanning gtaskname");
+        vTmpCell.appendChild(this.drawSelector("bottom"));
         this.getColumnOrder().forEach(function (column) {
-            if (_this[column] == 1 || column === 'vAdditionalHeaders') {
+            if (_this[column] == 1 || column === "vAdditionalHeaders") {
                 draw_columns_1.draw_bottom(column, vTmpRow, _this.vAdditionalHeaders);
             }
         });
@@ -301,7 +298,7 @@ exports.GanttChart = function (pDiv, pFormat) {
         // newNode(vTmpDiv2, 'br');
         return {
             vNumRows: vNumRows,
-            vTmpContentTabWrapper: vTmpContentTabWrapper
+            vTmpContentTabWrapper: vTmpContentTabWrapper,
         };
     };
     /**
@@ -311,15 +308,15 @@ exports.GanttChart = function (pDiv, pFormat) {
      */
     this.drawChartHead = function (vMinDate, vMaxDate, vColWidth, vNumRows) {
         var vRightHeader = document.createDocumentFragment();
-        var vTmpDiv = draw_utils_1.newNode(vRightHeader, 'div', this.vDivId + 'gcharthead', 'gchartlbl gcontainercol');
+        var vTmpDiv = draw_utils_1.newNode(vRightHeader, "div", this.vDivId + "gcharthead", "gchartlbl gcontainercol");
         var gChartLbl = vTmpDiv;
         this.setChartHead(vTmpDiv);
-        var vTmpTab = draw_utils_1.newNode(vTmpDiv, 'table', this.vDivId + 'chartTableh', 'gcharttableh');
-        var vTmpTBody = draw_utils_1.newNode(vTmpTab, 'tbody');
-        var vTmpRow = draw_utils_1.newNode(vTmpTBody, 'tr');
+        var vTmpTab = draw_utils_1.newNode(vTmpDiv, "table", this.vDivId + "chartTableh", "gcharttableh");
+        var vTmpTBody = draw_utils_1.newNode(vTmpTab, "tbody");
+        var vTmpRow = draw_utils_1.newNode(vTmpTBody, "tr");
         var vTmpDate = new Date();
         vTmpDate.setFullYear(vMinDate.getFullYear(), vMinDate.getMonth(), vMinDate.getDate());
-        if (this.vFormat == 'hour')
+        if (this.vFormat == "hour")
             vTmpDate.setHours(vMinDate.getHours());
         else
             vTmpDate.setHours(0);
@@ -329,90 +326,88 @@ exports.GanttChart = function (pDiv, pFormat) {
         var vColSpan = 1;
         // Major Date Header
         while (vTmpDate.getTime() <= vMaxDate.getTime()) {
-            var vHeaderCellClass = 'gmajorheading';
-            var vCellContents = '';
-            if (this.vFormat == 'day') {
+            var vHeaderCellClass = "gmajorheading";
+            var vCellContents = "";
+            if (this.vFormat == "day") {
                 var colspan = 7;
                 if (!this.vShowWeekends) {
-                    vHeaderCellClass += ' headweekends';
+                    vHeaderCellClass += " headweekends";
                     colspan = 5;
                 }
-                var vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, vHeaderCellClass, null, null, null, null, colspan);
+                var vTmpCell = draw_utils_1.newNode(vTmpRow, "td", null, vHeaderCellClass, null, null, null, null, colspan);
                 vCellContents += date_utils_1.formatDateStr(vTmpDate, this.vDayMajorDateDisplayFormat, this.vLangs[this.vLang]);
                 vTmpDate.setDate(vTmpDate.getDate() + 6);
                 if (this.vShowEndWeekDate == 1)
-                    vCellContents += ' - ' + date_utils_1.formatDateStr(vTmpDate, this.vDayMajorDateDisplayFormat, this.vLangs[this.vLang]);
-                draw_utils_1.newNode(vTmpCell, 'div', null, null, vCellContents, vColWidth * colspan);
+                    vCellContents += " - " + date_utils_1.formatDateStr(vTmpDate, this.vDayMajorDateDisplayFormat, this.vLangs[this.vLang]);
+                draw_utils_1.newNode(vTmpCell, "div", null, null, vCellContents, vColWidth * colspan);
                 vTmpDate.setDate(vTmpDate.getDate() + 1);
             }
-            else if (this.vFormat == 'week') {
-                var vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, vHeaderCellClass, null, vColWidth);
-                draw_utils_1.newNode(vTmpCell, 'div', null, null, date_utils_1.formatDateStr(vTmpDate, this.vWeekMajorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth);
+            else if (this.vFormat == "week") {
+                var vTmpCell = draw_utils_1.newNode(vTmpRow, "td", null, vHeaderCellClass, null, vColWidth);
+                draw_utils_1.newNode(vTmpCell, "div", null, null, date_utils_1.formatDateStr(vTmpDate, this.vWeekMajorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth);
                 vTmpDate.setDate(vTmpDate.getDate() + 7);
             }
-            else if (this.vFormat == 'month') {
-                vColSpan = (12 - vTmpDate.getMonth());
+            else if (this.vFormat == "month") {
+                vColSpan = 12 - vTmpDate.getMonth();
                 if (vTmpDate.getFullYear() == vMaxDate.getFullYear())
-                    vColSpan -= (11 - vMaxDate.getMonth());
-                var vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, vHeaderCellClass, null, null, null, null, vColSpan);
-                draw_utils_1.newNode(vTmpCell, 'div', null, null, date_utils_1.formatDateStr(vTmpDate, this.vMonthMajorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth * vColSpan);
+                    vColSpan -= 11 - vMaxDate.getMonth();
+                var vTmpCell = draw_utils_1.newNode(vTmpRow, "td", null, vHeaderCellClass, null, null, null, null, vColSpan);
+                draw_utils_1.newNode(vTmpCell, "div", null, null, date_utils_1.formatDateStr(vTmpDate, this.vMonthMajorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth * vColSpan);
                 vTmpDate.setFullYear(vTmpDate.getFullYear() + 1, 0, 1);
             }
-            else if (this.vFormat == 'quarter') {
-                vColSpan = (4 - Math.floor(vTmpDate.getMonth() / 3));
+            else if (this.vFormat == "quarter") {
+                vColSpan = 4 - Math.floor(vTmpDate.getMonth() / 3);
                 if (vTmpDate.getFullYear() == vMaxDate.getFullYear())
-                    vColSpan -= (3 - Math.floor(vMaxDate.getMonth() / 3));
-                var vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, vHeaderCellClass, null, null, null, null, vColSpan);
-                draw_utils_1.newNode(vTmpCell, 'div', null, null, date_utils_1.formatDateStr(vTmpDate, this.vQuarterMajorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth * vColSpan);
+                    vColSpan -= 3 - Math.floor(vMaxDate.getMonth() / 3);
+                var vTmpCell = draw_utils_1.newNode(vTmpRow, "td", null, vHeaderCellClass, null, null, null, null, vColSpan);
+                draw_utils_1.newNode(vTmpCell, "div", null, null, date_utils_1.formatDateStr(vTmpDate, this.vQuarterMajorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth * vColSpan);
                 vTmpDate.setFullYear(vTmpDate.getFullYear() + 1, 0, 1);
             }
-            else if (this.vFormat == 'hour') {
-                vColSpan = (24 - vTmpDate.getHours());
-                if (vTmpDate.getFullYear() == vMaxDate.getFullYear() &&
-                    vTmpDate.getMonth() == vMaxDate.getMonth() &&
-                    vTmpDate.getDate() == vMaxDate.getDate())
-                    vColSpan -= (23 - vMaxDate.getHours());
-                var vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, vHeaderCellClass, null, null, null, null, vColSpan);
-                draw_utils_1.newNode(vTmpCell, 'div', null, null, date_utils_1.formatDateStr(vTmpDate, this.vHourMajorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth * vColSpan);
+            else if (this.vFormat == "hour") {
+                vColSpan = 24 - vTmpDate.getHours();
+                if (vTmpDate.getFullYear() == vMaxDate.getFullYear() && vTmpDate.getMonth() == vMaxDate.getMonth() && vTmpDate.getDate() == vMaxDate.getDate())
+                    vColSpan -= 23 - vMaxDate.getHours();
+                var vTmpCell = draw_utils_1.newNode(vTmpRow, "td", null, vHeaderCellClass, null, null, null, null, vColSpan);
+                draw_utils_1.newNode(vTmpCell, "div", null, null, date_utils_1.formatDateStr(vTmpDate, this.vHourMajorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth * vColSpan);
                 vTmpDate.setHours(0);
                 vTmpDate.setDate(vTmpDate.getDate() + 1);
             }
         }
-        vTmpRow = draw_utils_1.newNode(vTmpTBody, 'tr', null, 'footerdays');
+        vTmpRow = draw_utils_1.newNode(vTmpTBody, "tr", null, "footerdays");
         // Minor Date header and Cell Rows
         vTmpDate.setFullYear(vMinDate.getFullYear(), vMinDate.getMonth(), vMinDate.getDate()); // , vMinDate.getHours()
-        if (this.vFormat == 'hour')
+        if (this.vFormat == "hour")
             vTmpDate.setHours(vMinDate.getHours());
         var vNumCols = 0;
         while (vTmpDate.getTime() <= vMaxDate.getTime()) {
-            var vMinorHeaderCellClass = 'gminorheading';
-            if (this.vFormat == 'day') {
+            var vMinorHeaderCellClass = "gminorheading";
+            if (this.vFormat == "day") {
                 if (vTmpDate.getDay() % 6 == 0) {
                     if (!this.vShowWeekends) {
                         vTmpDate.setDate(vTmpDate.getDate() + 1);
                         continue;
                     }
-                    vMinorHeaderCellClass += 'wkend';
+                    vMinorHeaderCellClass += "wkend";
                 }
                 if (vTmpDate <= vMaxDate) {
-                    var vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, vMinorHeaderCellClass);
-                    draw_utils_1.newNode(vTmpCell, 'div', null, null, date_utils_1.formatDateStr(vTmpDate, this.vDayMinorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth);
+                    var vTmpCell = draw_utils_1.newNode(vTmpRow, "td", null, vMinorHeaderCellClass);
+                    draw_utils_1.newNode(vTmpCell, "div", null, null, date_utils_1.formatDateStr(vTmpDate, this.vDayMinorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth);
                     vNumCols++;
                 }
                 vTmpDate.setDate(vTmpDate.getDate() + 1);
             }
-            else if (this.vFormat == 'week') {
+            else if (this.vFormat == "week") {
                 if (vTmpDate <= vMaxDate) {
-                    var vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, vMinorHeaderCellClass);
-                    draw_utils_1.newNode(vTmpCell, 'div', null, null, date_utils_1.formatDateStr(vTmpDate, this.vWeekMinorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth);
+                    var vTmpCell = draw_utils_1.newNode(vTmpRow, "td", null, vMinorHeaderCellClass);
+                    draw_utils_1.newNode(vTmpCell, "div", null, null, date_utils_1.formatDateStr(vTmpDate, this.vWeekMinorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth);
                     vNumCols++;
                 }
                 vTmpDate.setDate(vTmpDate.getDate() + 7);
             }
-            else if (this.vFormat == 'month') {
+            else if (this.vFormat == "month") {
                 if (vTmpDate <= vMaxDate) {
-                    var vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, vMinorHeaderCellClass);
-                    draw_utils_1.newNode(vTmpCell, 'div', null, null, date_utils_1.formatDateStr(vTmpDate, this.vMonthMinorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth);
+                    var vTmpCell = draw_utils_1.newNode(vTmpRow, "td", null, vMinorHeaderCellClass);
+                    draw_utils_1.newNode(vTmpCell, "div", null, null, date_utils_1.formatDateStr(vTmpDate, this.vMonthMinorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth);
                     vNumCols++;
                 }
                 vTmpDate.setDate(vTmpDate.getDate() + 1);
@@ -420,22 +415,22 @@ exports.GanttChart = function (pDiv, pFormat) {
                     vTmpDate.setDate(vTmpDate.getDate() + 1);
                 }
             }
-            else if (this.vFormat == 'quarter') {
+            else if (this.vFormat == "quarter") {
                 if (vTmpDate <= vMaxDate) {
-                    var vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, vMinorHeaderCellClass);
-                    draw_utils_1.newNode(vTmpCell, 'div', null, null, date_utils_1.formatDateStr(vTmpDate, this.vQuarterMinorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth);
+                    var vTmpCell = draw_utils_1.newNode(vTmpRow, "td", null, vMinorHeaderCellClass);
+                    draw_utils_1.newNode(vTmpCell, "div", null, null, date_utils_1.formatDateStr(vTmpDate, this.vQuarterMinorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth);
                     vNumCols++;
                 }
                 vTmpDate.setDate(vTmpDate.getDate() + 81);
                 while (vTmpDate.getDate() > 1)
                     vTmpDate.setDate(vTmpDate.getDate() + 1);
             }
-            else if (this.vFormat == 'hour') {
+            else if (this.vFormat == "hour") {
                 for (var i = vTmpDate.getHours(); i < 24; i++) {
                     vTmpDate.setHours(i); //works around daylight savings but may look a little odd on days where the clock goes forward
                     if (vTmpDate <= vMaxDate) {
-                        var vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, vMinorHeaderCellClass);
-                        draw_utils_1.newNode(vTmpCell, 'div', null, null, date_utils_1.formatDateStr(vTmpDate, this.vHourMinorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth);
+                        var vTmpCell = draw_utils_1.newNode(vTmpRow, "td", null, vMinorHeaderCellClass);
+                        draw_utils_1.newNode(vTmpCell, "div", null, null, date_utils_1.formatDateStr(vTmpDate, this.vHourMinorDateDisplayFormat, this.vLangs[this.vLang]), vColWidth);
                         vNumCols++;
                     }
                 }
@@ -445,18 +440,18 @@ exports.GanttChart = function (pDiv, pFormat) {
         }
         var vDateRow = vTmpRow;
         // Calculate size of grids  : Plus 3 because 1 border left + 2 of paddings
-        var vTaskLeftPx = (vNumCols * (vColWidth + 3)) + 1;
+        var vTaskLeftPx = vNumCols * (vColWidth + 3) + 1;
         // Fix a small space at the end for day
-        if (this.vFormat === 'day') {
+        if (this.vFormat === "day") {
             vTaskLeftPx += 2;
         }
-        vTmpTab.style.width = vTaskLeftPx + 'px'; // Ensure that the headings has exactly the same width as the chart grid
+        vTmpTab.style.width = vTaskLeftPx + "px"; // Ensure that the headings has exactly the same width as the chart grid
         // const vTaskPlanLeftPx = (vNumCols * (vColWidth + 3)) + 1;
         var vSingleCell = false;
-        if (this.vUseSingleCell !== 0 && this.vUseSingleCell < (vNumCols * vNumRows))
+        if (this.vUseSingleCell !== 0 && this.vUseSingleCell < vNumCols * vNumRows)
             vSingleCell = true;
-        draw_utils_1.newNode(vTmpDiv, 'div', null, 'rhscrpad', null, null, vTaskLeftPx + 1);
-        vTmpDiv = draw_utils_1.newNode(vRightHeader, 'div', null, 'glabelfooter');
+        draw_utils_1.newNode(vTmpDiv, "div", null, "rhscrpad", null, null, vTaskLeftPx + 1);
+        vTmpDiv = draw_utils_1.newNode(vRightHeader, "div", null, "glabelfooter");
         return { gChartLbl: gChartLbl, vTaskLeftPx: vTaskLeftPx, vSingleCell: vSingleCell, vDateRow: vDateRow, vRightHeader: vRightHeader, vNumCols: vNumCols };
     };
     /**
@@ -466,23 +461,23 @@ exports.GanttChart = function (pDiv, pFormat) {
      */
     this.drawCharBody = function (vTaskLeftPx, vTmpContentTabWrapper, gChartLbl, gListLbl, vMinDate, vMaxDate, vSingleCell, vNumCols, vColWidth, vDateRow) {
         var vRightTable = document.createDocumentFragment();
-        var vTmpDiv = draw_utils_1.newNode(vRightTable, 'div', this.vDivId + 'gchartbody', 'gchartgrid gcontainercol');
+        var vTmpDiv = draw_utils_1.newNode(vRightTable, "div", this.vDivId + "gchartbody", "gchartgrid gcontainercol");
         this.setChartBody(vTmpDiv);
-        var vTmpTab = draw_utils_1.newNode(vTmpDiv, 'table', this.vDivId + 'chartTable', 'gcharttable', null, vTaskLeftPx);
+        var vTmpTab = draw_utils_1.newNode(vTmpDiv, "table", this.vDivId + "chartTable", "gcharttable", null, vTaskLeftPx);
         this.setChartTable(vTmpTab);
-        draw_utils_1.newNode(vTmpDiv, 'div', null, 'rhscrpad', null, null, vTaskLeftPx + 1);
-        var vTmpTBody = draw_utils_1.newNode(vTmpTab, 'tbody');
-        var vTmpTFoot = draw_utils_1.newNode(vTmpTab, 'tfoot');
-        events_1.syncScroll([vTmpContentTabWrapper, vTmpDiv], 'scrollTop');
-        events_1.syncScroll([gChartLbl, vTmpDiv], 'scrollLeft');
-        events_1.syncScroll([vTmpContentTabWrapper, gListLbl], 'scrollLeft');
+        draw_utils_1.newNode(vTmpDiv, "div", null, "rhscrpad", null, null, vTaskLeftPx + 1);
+        var vTmpTBody = draw_utils_1.newNode(vTmpTab, "tbody");
+        var vTmpTFoot = draw_utils_1.newNode(vTmpTab, "tfoot");
+        events_1.syncScroll([vTmpContentTabWrapper, vTmpDiv], "scrollTop");
+        events_1.syncScroll([gChartLbl, vTmpDiv], "scrollLeft");
+        events_1.syncScroll([vTmpContentTabWrapper, gListLbl], "scrollLeft");
         // Draw each row
         var i = 0;
         var j = 0;
         var bd;
         if (this.vDebug) {
             bd = new Date();
-            console.info('before tasks loop', bd);
+            console.info("before tasks loop", bd);
         }
         for (i = 0; i < this.vTaskList.length; i++) {
             var curTaskStart = this.vTaskList[i].getStart() ? this.vTaskList[i].getStart() : this.vTaskList[i].getPlanStart();
@@ -499,31 +494,31 @@ exports.GanttChart = function (pDiv, pFormat) {
                 vTaskPlanRightPx = general_utils_1.getOffset(curTaskPlanStart, curTaskPlanEnd, vColWidth, this.vFormat, this.vShowWeekends);
             }
             var vID = this.vTaskList[i].getID();
-            var vComb = (this.vTaskList[i].getParItem() && this.vTaskList[i].getParItem().getGroup() == 2);
-            var vCellFormat = '';
+            var vComb = this.vTaskList[i].getParItem() && this.vTaskList[i].getParItem().getGroup() == 2;
+            var vCellFormat = "";
             var vTmpDiv_1 = null;
             var vTmpItem = this.vTaskList[i];
             var vCaptClass = null;
             // set cell width only for first row because of table-layout:fixed
             var taskCellWidth = i === 0 ? vColWidth : null;
             if (this.vTaskList[i].getMile() && !vComb) {
-                var vTmpRow = draw_utils_1.newNode(vTmpTBody, 'tr', this.vDivId + 'childrow_' + vID, 'gmileitem gmile' + this.vFormat, null, null, null, ((this.vTaskList[i].getVisible() == 0) ? 'none' : null));
+                var vTmpRow = draw_utils_1.newNode(vTmpTBody, "tr", this.vDivId + "childrow_" + vID, "gmileitem gmile" + this.vFormat, null, null, null, this.vTaskList[i].getVisible() == 0 ? "none" : null);
                 this.vTaskList[i].setChildRow(vTmpRow);
                 events_1.addThisRowListeners(this, this.vTaskList[i].getListChildRow(), vTmpRow);
-                var vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, 'gtaskcell gtaskcellmile', null, vColWidth, null, null, null);
-                vTmpDiv_1 = draw_utils_1.newNode(vTmpCell, 'div', null, 'gtaskcelldiv', '\u00A0\u00A0');
-                vTmpDiv_1 = draw_utils_1.newNode(vTmpDiv_1, 'div', this.vDivId + 'bardiv_' + vID, 'gtaskbarcontainer', null, 12, vTaskLeftPx_1 + vTaskRightPx - 6);
+                var vTmpCell = draw_utils_1.newNode(vTmpRow, "td", null, "gtaskcell gtaskcellmile", null, vColWidth, null, null, null);
+                vTmpDiv_1 = draw_utils_1.newNode(vTmpCell, "div", null, "gtaskcelldiv", "\u00A0\u00A0");
+                vTmpDiv_1 = draw_utils_1.newNode(vTmpDiv_1, "div", this.vDivId + "bardiv_" + vID, "gtaskbarcontainer", null, 12, vTaskLeftPx_1 + vTaskRightPx - 6);
                 this.vTaskList[i].setBarDiv(vTmpDiv_1);
-                var vTmpDiv2 = draw_utils_1.newNode(vTmpDiv_1, 'div', this.vDivId + 'taskbar_' + vID, this.vTaskList[i].getClass(), null, 12);
+                var vTmpDiv2 = draw_utils_1.newNode(vTmpDiv_1, "div", this.vDivId + "taskbar_" + vID, this.vTaskList[i].getClass(), null, 12);
                 this.vTaskList[i].setTaskDiv(vTmpDiv2);
                 if (this.vTaskList[i].getCompVal() < 100)
-                    vTmpDiv2.appendChild(document.createTextNode('\u25CA'));
+                    vTmpDiv2.appendChild(document.createTextNode("\u25CA"));
                 else {
-                    vTmpDiv2 = draw_utils_1.newNode(vTmpDiv2, 'div', null, 'gmilediamond');
-                    draw_utils_1.newNode(vTmpDiv2, 'div', null, 'gmdtop');
-                    draw_utils_1.newNode(vTmpDiv2, 'div', null, 'gmdbottom');
+                    vTmpDiv2 = draw_utils_1.newNode(vTmpDiv2, "div", null, "gmilediamond");
+                    draw_utils_1.newNode(vTmpDiv2, "div", null, "gmdtop");
+                    draw_utils_1.newNode(vTmpDiv2, "div", null, "gmdbottom");
                 }
-                vCaptClass = 'gmilecaption';
+                vCaptClass = "gmilecaption";
                 if (!vSingleCell && !vComb) {
                     this.drawColsChart(vNumCols, vTmpRow, taskCellWidth, vMinDate, vMaxDate);
                 }
@@ -533,31 +528,31 @@ exports.GanttChart = function (pDiv, pFormat) {
                 // Draw Group Bar which has outer div with inner group div
                 // and several small divs to left and right to create angled-end indicators
                 if (this.vTaskList[i].getGroup()) {
-                    vTaskWidth = (vTaskWidth > this.vMinGpLen && vTaskWidth < this.vMinGpLen * 2) ? this.vMinGpLen * 2 : vTaskWidth; // Expand to show two end points
-                    vTaskWidth = (vTaskWidth < this.vMinGpLen) ? this.vMinGpLen : vTaskWidth; // expand to show one end point
-                    var vTmpRow = draw_utils_1.newNode(vTmpTBody, 'tr', this.vDivId + 'childrow_' + vID, ((this.vTaskList[i].getGroup() == 2) ? 'glineitem gitem' : 'ggroupitem ggroup') + this.vFormat, null, null, null, ((this.vTaskList[i].getVisible() == 0) ? 'none' : null));
+                    vTaskWidth = vTaskWidth > this.vMinGpLen && vTaskWidth < this.vMinGpLen * 2 ? this.vMinGpLen * 2 : vTaskWidth; // Expand to show two end points
+                    vTaskWidth = vTaskWidth < this.vMinGpLen ? this.vMinGpLen : vTaskWidth; // expand to show one end point
+                    var vTmpRow = draw_utils_1.newNode(vTmpTBody, "tr", this.vDivId + "childrow_" + vID, (this.vTaskList[i].getGroup() == 2 ? "glineitem gitem" : "ggroupitem ggroup") + this.vFormat, null, null, null, this.vTaskList[i].getVisible() == 0 ? "none" : null);
                     this.vTaskList[i].setChildRow(vTmpRow);
                     events_1.addThisRowListeners(this, this.vTaskList[i].getListChildRow(), vTmpRow);
-                    var vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, 'gtaskcell gtaskcellbar', null, vColWidth, null, null);
-                    vTmpDiv_1 = draw_utils_1.newNode(vTmpCell, 'div', null, 'gtaskcelldiv', '\u00A0\u00A0');
+                    var vTmpCell = draw_utils_1.newNode(vTmpRow, "td", null, "gtaskcell gtaskcellbar", null, vColWidth, null, null);
+                    vTmpDiv_1 = draw_utils_1.newNode(vTmpCell, "div", null, "gtaskcelldiv", "\u00A0\u00A0");
                     this.vTaskList[i].setCellDiv(vTmpDiv_1);
                     if (this.vTaskList[i].getGroup() == 1) {
-                        vTmpDiv_1 = draw_utils_1.newNode(vTmpDiv_1, 'div', this.vDivId + 'bardiv_' + vID, 'gtaskbarcontainer', null, vTaskWidth, vTaskLeftPx_1);
+                        vTmpDiv_1 = draw_utils_1.newNode(vTmpDiv_1, "div", this.vDivId + "bardiv_" + vID, "gtaskbarcontainer", null, vTaskWidth, vTaskLeftPx_1);
                         this.vTaskList[i].setBarDiv(vTmpDiv_1);
-                        var vTmpDiv2 = draw_utils_1.newNode(vTmpDiv_1, 'div', this.vDivId + 'taskbar_' + vID, this.vTaskList[i].getClass(), null, vTaskWidth);
+                        var vTmpDiv2 = draw_utils_1.newNode(vTmpDiv_1, "div", this.vDivId + "taskbar_" + vID, this.vTaskList[i].getClass(), null, vTaskWidth);
                         this.vTaskList[i].setTaskDiv(vTmpDiv2);
-                        draw_utils_1.newNode(vTmpDiv2, 'div', this.vDivId + 'complete_' + vID, this.vTaskList[i].getClass() + 'complete', null, this.vTaskList[i].getCompStr());
-                        draw_utils_1.newNode(vTmpDiv_1, 'div', null, this.vTaskList[i].getClass() + 'endpointleft');
+                        draw_utils_1.newNode(vTmpDiv2, "div", this.vDivId + "complete_" + vID, this.vTaskList[i].getClass() + "complete", null, this.vTaskList[i].getCompStr());
+                        draw_utils_1.newNode(vTmpDiv_1, "div", null, this.vTaskList[i].getClass() + "endpointleft");
                         if (vTaskWidth >= this.vMinGpLen * 2)
-                            draw_utils_1.newNode(vTmpDiv_1, 'div', null, this.vTaskList[i].getClass() + 'endpointright');
-                        vCaptClass = 'ggroupcaption';
+                            draw_utils_1.newNode(vTmpDiv_1, "div", null, this.vTaskList[i].getClass() + "endpointright");
+                        vCaptClass = "ggroupcaption";
                     }
                     if (!vSingleCell && !vComb) {
                         this.drawColsChart(vNumCols, vTmpRow, taskCellWidth, vMinDate, vMaxDate);
                     }
                 }
                 else {
-                    vTaskWidth = (vTaskWidth <= 0) ? 1 : vTaskWidth;
+                    vTaskWidth = vTaskWidth <= 0 ? 1 : vTaskWidth;
                     /**
                      * DRAW THE BOXES FOR GANTT
                      */
@@ -567,40 +562,44 @@ exports.GanttChart = function (pDiv, pFormat) {
                     }
                     else {
                         // Draw Task Bar which has colored bar div
-                        vTmpRow = draw_utils_1.newNode(vTmpTBody, 'tr', this.vDivId + 'childrow_' + vID, 'glineitem gitem' + this.vFormat, null, null, null, ((this.vTaskList[i].getVisible() == 0) ? 'none' : null));
+                        var differentDatesHighlight = "";
+                        if (this.vTaskList[i].getEnd() && this.vTaskList[i].getPlanEnd() && this.vTaskList[i].getStart() && this.vTaskList[i].getPlanStart())
+                            if (Date.parse(this.vTaskList[i].getEnd()) !== Date.parse(this.vTaskList[i].getPlanEnd()) || Date.parse(this.vTaskList[i].getStart()) !== Date.parse(this.vTaskList[i].getPlanStart()))
+                                differentDatesHighlight = "gitemdifferent ";
+                        vTmpRow = draw_utils_1.newNode(vTmpTBody, "tr", this.vDivId + "childrow_" + vID, "glineitem " + differentDatesHighlight + "gitem" + this.vFormat, null, null, null, this.vTaskList[i].getVisible() == 0 ? "none" : null);
                         this.vTaskList[i].setChildRow(vTmpRow);
                         events_1.addThisRowListeners(this, this.vTaskList[i].getListChildRow(), vTmpRow);
-                        var vTmpCell = draw_utils_1.newNode(vTmpRow, 'td', null, 'gtaskcell gtaskcellcolorbar', null, taskCellWidth, null, null);
-                        vTmpDivCell = vTmpDiv_1 = draw_utils_1.newNode(vTmpCell, 'div', null, 'gtaskcelldiv', '\u00A0\u00A0');
+                        var vTmpCell = draw_utils_1.newNode(vTmpRow, "td", null, "gtaskcell gtaskcellcolorbar", null, taskCellWidth, null, null);
+                        vTmpDivCell = vTmpDiv_1 = draw_utils_1.newNode(vTmpCell, "div", null, "gtaskcelldiv", "\u00A0\u00A0");
                     }
                     // DRAW TASK BAR
-                    vTmpDiv_1 = draw_utils_1.newNode(vTmpDiv_1, 'div', this.vDivId + 'bardiv_' + vID, 'gtaskbarcontainer', null, vTaskWidth, vTaskLeftPx_1);
+                    vTmpDiv_1 = draw_utils_1.newNode(vTmpDiv_1, "div", this.vDivId + "bardiv_" + vID, "gtaskbarcontainer", null, vTaskWidth, vTaskLeftPx_1);
                     this.vTaskList[i].setBarDiv(vTmpDiv_1);
                     var vTmpDiv2 = void 0;
                     if (this.vTaskList[i].getStartVar()) {
                         // textbar
-                        vTmpDiv2 = draw_utils_1.newNode(vTmpDiv_1, 'div', this.vDivId + 'taskbar_' + vID, this.vTaskList[i].getClass(), null, vTaskWidth);
+                        vTmpDiv2 = draw_utils_1.newNode(vTmpDiv_1, "div", this.vDivId + "taskbar_" + vID, this.vTaskList[i].getClass(), null, vTaskWidth);
                         if (this.vTaskList[i].getBarText()) {
-                            draw_utils_1.newNode(vTmpDiv2, 'span', this.vDivId + 'tasktextbar_' + vID, 'textbar', this.vTaskList[i].getBarText(), this.vTaskList[i].getCompRestStr());
+                            draw_utils_1.newNode(vTmpDiv2, "span", this.vDivId + "tasktextbar_" + vID, "textbar", this.vTaskList[i].getBarText(), this.vTaskList[i].getCompRestStr());
                         }
                         this.vTaskList[i].setTaskDiv(vTmpDiv2);
                     }
                     // PLANNED
                     // If exist and one of them are different, show plan bar... show if there is no real vStart as well (just plan dates)
-                    if (vTaskPlanLeftPx && ((vTaskPlanLeftPx != vTaskLeftPx_1 || vTaskPlanRightPx != vTaskRightPx) || !this.vTaskList[i].getStartVar())) {
-                        var vTmpPlanDiv = draw_utils_1.newNode(vTmpDivCell, 'div', this.vDivId + 'bardiv_' + vID, 'gtaskbarcontainer gplan', null, vTaskPlanRightPx, vTaskPlanLeftPx);
-                        var vTmpPlanDiv2 = draw_utils_1.newNode(vTmpPlanDiv, 'div', this.vDivId + 'taskbar_' + vID, this.vTaskList[i].getClass() + ' gplan', null, vTaskPlanRightPx);
+                    if (vTaskPlanLeftPx && (vTaskPlanLeftPx != vTaskLeftPx_1 || vTaskPlanRightPx != vTaskRightPx || !this.vTaskList[i].getStartVar())) {
+                        var vTmpPlanDiv = draw_utils_1.newNode(vTmpDivCell, "div", this.vDivId + "bardiv_" + vID, "gtaskbarcontainer gplan", null, vTaskPlanRightPx, vTaskPlanLeftPx);
+                        var vTmpPlanDiv2 = draw_utils_1.newNode(vTmpPlanDiv, "div", this.vDivId + "taskbar_" + vID, this.vTaskList[i].getPlanClass() + " gplan", null, vTaskPlanRightPx);
                         this.vTaskList[i].setPlanTaskDiv(vTmpPlanDiv2);
                     }
                     // and opaque completion div
                     if (vTmpDiv2) {
-                        draw_utils_1.newNode(vTmpDiv2, 'div', this.vDivId + 'complete_' + vID, this.vTaskList[i].getClass() + 'complete', null, this.vTaskList[i].getCompStr());
+                        draw_utils_1.newNode(vTmpDiv2, "div", this.vDivId + "complete_" + vID, this.vTaskList[i].getClass() + "complete", null, this.vTaskList[i].getCompStr());
                     }
                     // caption
                     if (vComb)
                         vTmpItem = this.vTaskList[i].getParItem();
                     if (!vComb || (vComb && this.vTaskList[i].getParItem().getEnd() == this.vTaskList[i].getEnd()))
-                        vCaptClass = 'gcaption';
+                        vCaptClass = "gcaption";
                     // Background cells
                     if (!vSingleCell && !vComb && vTmpRow) {
                         this.drawColsChart(vNumCols, vTmpRow, taskCellWidth, vMinDate, vMaxDate);
@@ -610,31 +609,31 @@ exports.GanttChart = function (pDiv, pFormat) {
             if (this.getCaptionType() && vCaptClass !== null) {
                 var vCaptionStr = void 0;
                 switch (this.getCaptionType()) {
-                    case 'Caption':
+                    case "Caption":
                         vCaptionStr = vTmpItem.getCaption();
                         break;
-                    case 'Resource':
+                    case "Resource":
                         vCaptionStr = vTmpItem.getResource();
                         break;
-                    case 'Duration':
+                    case "Duration":
                         vCaptionStr = vTmpItem.getDuration(this.vFormat, this.vLangs[this.vLang]);
                         break;
-                    case 'Complete':
+                    case "Complete":
                         vCaptionStr = vTmpItem.getCompStr();
                         break;
                 }
-                draw_utils_1.newNode(vTmpDiv_1, 'div', null, vCaptClass, vCaptionStr, 120, (vCaptClass == 'gmilecaption') ? 12 : 0);
+                draw_utils_1.newNode(vTmpDiv_1, "div", null, vCaptClass, vCaptionStr, 120, vCaptClass == "gmilecaption" ? 12 : 0);
             }
             // Add Task Info div for tooltip
             if (this.vTaskList[i].getTaskDiv() && vTmpDiv_1) {
-                var vTmpDiv2 = draw_utils_1.newNode(vTmpDiv_1, 'div', this.vDivId + 'tt' + vID, null, null, null, null, 'none');
+                var vTmpDiv2 = draw_utils_1.newNode(vTmpDiv_1, "div", this.vDivId + "tt" + vID, null, null, null, null, "none");
                 var _a = this.createTaskInfo(this.vTaskList[i], this.vTooltipTemplate), component = _a.component, callback = _a.callback;
                 vTmpDiv2.appendChild(component);
                 events_1.addTooltipListeners(this, this.vTaskList[i].getTaskDiv(), vTmpDiv2, callback);
             }
             // Add Plan Task Info div for tooltip
             if (this.vTaskList[i].getPlanTaskDiv() && vTmpDiv_1) {
-                var vTmpDiv2 = draw_utils_1.newNode(vTmpDiv_1, 'div', this.vDivId + 'tt' + vID, null, null, null, null, 'none');
+                var vTmpDiv2 = draw_utils_1.newNode(vTmpDiv_1, "div", this.vDivId + "tt" + vID, null, null, null, null, "none");
                 var _b = this.createTaskInfo(this.vTaskList[i], this.vTooltipTemplate), component = _b.component, callback = _b.callback;
                 vTmpDiv2.appendChild(component);
                 events_1.addTooltipListeners(this, this.vTaskList[i].getPlanTaskDiv(), vTmpDiv2, callback);
@@ -642,10 +641,10 @@ exports.GanttChart = function (pDiv, pFormat) {
         }
         // Include the footer with the days/week/month...
         if (vSingleCell) {
-            var vTmpTFootTRow = draw_utils_1.newNode(vTmpTFoot, 'tr');
-            var vTmpTFootTCell = draw_utils_1.newNode(vTmpTFootTRow, 'td', null, null, null, '100%');
-            var vTmpTFootTCellTable = draw_utils_1.newNode(vTmpTFootTCell, 'table', null, 'gcharttableh', null, '100%');
-            var vTmpTFootTCellTableTBody = draw_utils_1.newNode(vTmpTFootTCellTable, 'tbody');
+            var vTmpTFootTRow = draw_utils_1.newNode(vTmpTFoot, "tr");
+            var vTmpTFootTCell = draw_utils_1.newNode(vTmpTFootTRow, "td", null, null, null, "100%");
+            var vTmpTFootTCellTable = draw_utils_1.newNode(vTmpTFootTCell, "table", null, "gcharttableh", null, "100%");
+            var vTmpTFootTCellTableTBody = draw_utils_1.newNode(vTmpTFootTCellTable, "tbody");
             vTmpTFootTCellTableTBody.appendChild(vDateRow.cloneNode(true));
         }
         else {
@@ -658,28 +657,28 @@ exports.GanttChart = function (pDiv, pFormat) {
         if (pEndDate === void 0) { pEndDate = null; }
         var columnCurrentDay = null;
         // Find the Current day cell to put a different class
-        if (this.vShowWeekends !== false && pStartDate && pEndDate && (this.vFormat == 'day' || this.vFormat == 'week')) {
+        if (this.vShowWeekends !== false && pStartDate && pEndDate && (this.vFormat == "day" || this.vFormat == "week")) {
             var curTaskStart = new Date(pStartDate.getTime());
             var curTaskEnd = new Date();
             var onePeriod = 3600000;
-            if (this.vFormat == 'day') {
+            if (this.vFormat == "day") {
                 onePeriod *= 24;
             }
-            else if (this.vFormat == 'week') {
+            else if (this.vFormat == "week") {
                 onePeriod *= 24 * 7;
             }
             columnCurrentDay = Math.floor(general_utils_1.calculateCurrentDateOffset(curTaskStart, curTaskEnd) / onePeriod) - 1;
         }
         for (var j = 0; j < vNumCols - 1; j++) {
-            var vCellFormat = 'gtaskcell gtaskcellcols';
-            if (this.vShowWeekends !== false && this.vFormat == 'day' && ((j % 7 == 4) || (j % 7 == 5))) {
-                vCellFormat = 'gtaskcellwkend';
+            var vCellFormat = "gtaskcell gtaskcellcols";
+            if (this.vShowWeekends !== false && this.vFormat == "day" && (j % 7 == 4 || j % 7 == 5)) {
+                vCellFormat = "gtaskcellwkend";
             }
             //When is the column is the current day/week,give a different class
-            else if ((this.vFormat == 'week' || this.vFormat == 'day') && j === columnCurrentDay) {
-                vCellFormat = 'gtaskcellcurrent';
+            else if ((this.vFormat == "week" || this.vFormat == "day") && j === columnCurrentDay) {
+                vCellFormat = "gtaskcellcurrent";
             }
-            draw_utils_1.newNode(vTmpRow, 'td', null, vCellFormat, '\u00A0\u00A0', taskCellWidth);
+            draw_utils_1.newNode(vTmpRow, "td", null, vCellFormat, "\u00A0\u00A0", taskCellWidth);
         }
     };
     /**
@@ -699,7 +698,7 @@ exports.GanttChart = function (pDiv, pFormat) {
         }
         if (this.vDebug) {
             bd = new Date();
-            console.info('before draw', bd);
+            console.info("before draw", bd);
         }
         // Process all tasks, reset parent date and completion % if task list has altered
         if (this.vProcessNeeded)
@@ -709,25 +708,25 @@ exports.GanttChart = function (pDiv, pFormat) {
         vMinDate = date_utils_1.getMinDate(this.vTaskList, this.vFormat, this.getMinDate() && date_utils_1.coerceDate(this.getMinDate()));
         vMaxDate = date_utils_1.getMaxDate(this.vTaskList, this.vFormat, this.getMaxDate() && date_utils_1.coerceDate(this.getMaxDate()));
         // Calculate chart width variables.
-        if (this.vFormat == 'day')
+        if (this.vFormat == "day")
             vColWidth = this.vDayColWidth;
-        else if (this.vFormat == 'week')
+        else if (this.vFormat == "week")
             vColWidth = this.vWeekColWidth;
-        else if (this.vFormat == 'month')
+        else if (this.vFormat == "month")
             vColWidth = this.vMonthColWidth;
-        else if (this.vFormat == 'quarter')
+        else if (this.vFormat == "quarter")
             vColWidth = this.vQuarterColWidth;
-        else if (this.vFormat == 'hour')
+        else if (this.vFormat == "hour")
             vColWidth = this.vHourColWidth;
         // DRAW the Left-side of the chart (names, resources, comp%)
         var vLeftHeader = document.createDocumentFragment();
         /**
          * LIST HEAD
-        */
+         */
         var gListLbl = this.drawListHead(vLeftHeader);
         /**
          * LIST BODY
-        */
+         */
         var _a = this.drawListBody(vLeftHeader), vNumRows = _a.vNumRows, vTmpContentTabWrapper = _a.vTmpContentTabWrapper;
         /**
          * CHART HEAD
@@ -739,28 +738,28 @@ exports.GanttChart = function (pDiv, pFormat) {
         var vRightTable = this.drawCharBody(vTaskLeftPx, vTmpContentTabWrapper, gChartLbl, gListLbl, vMinDate, vMaxDate, vSingleCell, vNumCols, vColWidth, vDateRow).vRightTable;
         if (this.vDebug) {
             var ad = new Date();
-            console.info('after tasks loop', ad, (ad.getTime() - bd.getTime()));
+            console.info("after tasks loop", ad, ad.getTime() - bd.getTime());
         }
         // MAIN VIEW: Appending all generated components to main view
         while (this.vDiv.hasChildNodes())
             this.vDiv.removeChild(this.vDiv.firstChild);
-        var vTmpDiv = draw_utils_1.newNode(this.vDiv, 'div', null, 'gchartcontainer');
+        var vTmpDiv = draw_utils_1.newNode(this.vDiv, "div", null, "gchartcontainer");
         vTmpDiv.style.height = this.vTotalHeight;
-        var leftvTmpDiv = draw_utils_1.newNode(vTmpDiv, 'div', null, 'gmain gmainleft');
+        var leftvTmpDiv = draw_utils_1.newNode(vTmpDiv, "div", null, "gmain gmainleft");
         leftvTmpDiv.appendChild(vLeftHeader);
         // leftvTmpDiv.appendChild(vLeftTable);
-        var rightvTmpDiv = draw_utils_1.newNode(vTmpDiv, 'div', null, 'gmain gmainright');
+        var rightvTmpDiv = draw_utils_1.newNode(vTmpDiv, "div", null, "gmain gmainright");
         rightvTmpDiv.appendChild(vRightHeader);
         rightvTmpDiv.appendChild(vRightTable);
         vTmpDiv.appendChild(leftvTmpDiv);
         vTmpDiv.appendChild(rightvTmpDiv);
-        draw_utils_1.newNode(vTmpDiv, 'div', null, 'ggridfooter');
-        var vTmpDiv2 = draw_utils_1.newNode(this.getChartBody(), 'div', this.vDivId + 'Lines', 'glinediv');
-        if (this.vEvents.onLineContainerHover && typeof this.vEvents.onLineContainerHover === 'function') {
-            events_1.addListener('mouseover', this.vEvents.onLineContainerHover, vTmpDiv2);
-            events_1.addListener('mouseout', this.vEvents.onLineContainerHover, vTmpDiv2);
+        draw_utils_1.newNode(vTmpDiv, "div", null, "ggridfooter");
+        var vTmpDiv2 = draw_utils_1.newNode(this.getChartBody(), "div", this.vDivId + "Lines", "glinediv");
+        if (this.vEvents.onLineContainerHover && typeof this.vEvents.onLineContainerHover === "function") {
+            events_1.addListener("mouseover", this.vEvents.onLineContainerHover, vTmpDiv2);
+            events_1.addListener("mouseout", this.vEvents.onLineContainerHover, vTmpDiv2);
         }
-        vTmpDiv2.style.visibility = 'hidden';
+        vTmpDiv2.style.visibility = "hidden";
         this.setLines(vTmpDiv2);
         /* Quick hack to show the generated HTML on older browsers
               let tmpGenSrc=document.createElement('textarea');
@@ -770,14 +769,14 @@ exports.GanttChart = function (pDiv, pFormat) {
         // LISTENERS: Now all the content exists, register scroll listeners
         events_1.addScrollListeners(this);
         // SCROLL: now check if we are actually scrolling the pane
-        if (this.vScrollTo != '') {
+        if (this.vScrollTo != "") {
             var vScrollDate = new Date(vMinDate.getTime());
             var vScrollPx = 0;
-            if (this.vScrollTo.substr && this.vScrollTo.substr(0, 2) == 'px') {
+            if (this.vScrollTo.substr && this.vScrollTo.substr(0, 2) == "px") {
                 vScrollPx = parseInt(this.vScrollTo.substr(2));
             }
             else {
-                if (this.vScrollTo === 'today') {
+                if (this.vScrollTo === "today") {
                     vScrollDate = new Date();
                 }
                 else if (this.vScrollTo instanceof Date) {
@@ -786,7 +785,7 @@ exports.GanttChart = function (pDiv, pFormat) {
                 else {
                     vScrollDate = date_utils_1.parseDateStr(this.vScrollTo, this.getDateInputFormat());
                 }
-                if (this.vFormat == 'hour')
+                if (this.vFormat == "hour")
                     vScrollDate.setMinutes(0, 0, 0);
                 else
                     vScrollDate.setHours(0, 0, 0, 0);
@@ -794,7 +793,7 @@ exports.GanttChart = function (pDiv, pFormat) {
             }
             this.getChartBody().scrollLeft = vScrollPx;
         }
-        if (vMinDate.getTime() <= (new Date()).getTime() && vMaxDate.getTime() >= (new Date()).getTime()) {
+        if (vMinDate.getTime() <= new Date().getTime() && vMaxDate.getTime() >= new Date().getTime()) {
             this.vTodayPx = general_utils_1.getOffset(vMinDate, new Date(), vColWidth, this.vFormat, this.vShowWeekends);
         }
         else
@@ -803,20 +802,20 @@ exports.GanttChart = function (pDiv, pFormat) {
         var bdd;
         if (this.vDebug) {
             bdd = new Date();
-            console.info('before DrawDependencies', bdd);
+            console.info("before DrawDependencies", bdd);
         }
-        if (this.vEvents && typeof this.vEvents.beforeLineDraw === 'function') {
+        if (this.vEvents && typeof this.vEvents.beforeLineDraw === "function") {
             this.vEvents.beforeLineDraw();
         }
         this.DrawDependencies(this.vDebug);
         events_1.addListenerDependencies(this.vLineOptions);
         // EVENTS
-        if (this.vEvents && typeof this.vEvents.afterLineDraw === 'function') {
+        if (this.vEvents && typeof this.vEvents.afterLineDraw === "function") {
             this.vEvents.afterLineDraw();
         }
         if (this.vDebug) {
             var ad = new Date();
-            console.info('after DrawDependencies', ad, (ad.getTime() - bdd.getTime()));
+            console.info("after DrawDependencies", ad, ad.getTime() - bdd.getTime());
         }
         this.drawComplete(vMinDate, vColWidth, bd);
     };
@@ -826,7 +825,7 @@ exports.GanttChart = function (pDiv, pFormat) {
     this.drawComplete = function (vMinDate, vColWidth, bd) {
         if (this.vDebug) {
             var ad = new Date();
-            console.info('after draw', ad, (ad.getTime() - bd.getTime()));
+            console.info("after draw", ad, ad.getTime() - bd.getTime());
         }
         events_1.updateGridHeaderWidth(this);
         this.chartRowDateToX = function (date) {
@@ -836,7 +835,7 @@ exports.GanttChart = function (pDiv, pFormat) {
             this.vEvents.afterDraw();
         }
     };
-    if (this.vDiv && this.vDiv.nodeName && this.vDiv.nodeName.toLowerCase() == 'div')
+    if (this.vDiv && this.vDiv.nodeName && this.vDiv.nodeName.toLowerCase() == "div")
         this.vDivId = this.vDiv.id;
 }; //GanttChart
 
@@ -1658,6 +1657,7 @@ exports.addJSONTask = function (pGanttVar, pJsonObj) {
         var planstart = void 0;
         var planend = void 0;
         var itemClass = void 0;
+        var planClass = void 0;
         var link = '';
         var milestone = 0;
         var resourceName = '';
@@ -1704,6 +1704,10 @@ exports.addJSONTask = function (pGanttVar, pJsonObj) {
                 case 'class':
                     itemClass = value;
                     break;
+                case 'pplanclass':
+                case 'planclass':
+                    planClass = value;
+                    break;
                 case 'plink':
                 case 'link':
                     link = value;
@@ -1761,7 +1765,7 @@ exports.addJSONTask = function (pGanttVar, pJsonObj) {
             }
         }
         //if (id != undefined && !isNaN(parseInt(id)) && isFinite(id) && name && start && end && itemClass && completion != undefined && !isNaN(parseFloat(completion)) && isFinite(completion) && !isNaN(parseInt(parent)) && isFinite(parent)) {
-        pGanttVar.AddTaskItem(new task_1.TaskItem(id, name_1, start, end, itemClass, link, milestone, resourceName, completion, group, parent_1, open_1, dependsOn, caption, notes, pGanttVar, cost, planstart, planend, duration, bartext, additionalObject));
+        pGanttVar.AddTaskItem(new task_1.TaskItem(id, name_1, start, end, itemClass, link, milestone, resourceName, completion, group, parent_1, open_1, dependsOn, caption, notes, pGanttVar, cost, planstart, planend, duration, bartext, additionalObject, planClass));
         //}
     }
 };
@@ -1769,7 +1773,225 @@ exports.addJSONTask = function (pGanttVar, pJsonObj) {
 },{"./task":10,"./utils/general_utils":13}],8:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fi = exports.pl = exports.ko = exports.hu = exports.cs = exports.ja = exports.tr = exports.id = exports.nl = exports.sv = exports.cn = exports.ru = exports.fr = exports.pt = exports.de = exports.es = exports.en = void 0;
+exports.tr = exports.sv = exports.ru = exports.pt = exports.pl = exports.nl = exports.ko = exports.ja = exports.id = exports.hu = exports.it = exports.fr = exports.fi = exports.de = exports.es = exports.en = exports.cs = exports.cn = void 0;
+var cn = {
+    'january': '一月',
+    'february': '二月',
+    'march': '三月',
+    'april': '四月',
+    'maylong': '五月',
+    'june': '六月',
+    'july': '七月',
+    'august': '八月',
+    'september': '九月',
+    'october': '十月',
+    'november': '十一月',
+    'december': '十二月',
+    'jan': '一月',
+    'feb': '二月',
+    'mar': '三月',
+    'apr': '四月',
+    'may': '五月',
+    'jun': '六月',
+    'jul': '七月',
+    'aug': '八月',
+    'sep': '九月',
+    'oct': '十月',
+    'nov': '十一月',
+    'dec': '十二月',
+    'sunday': '星期日',
+    'monday': '星期一',
+    'tuesday': '星期二',
+    'wednesday': '星期三',
+    'thursday': '星期四',
+    'friday': '星期五',
+    'saturday': '星期六',
+    'sun': '星期日',
+    'mon': '星期一',
+    'tue': '星期二',
+    'wed': '星期三',
+    'thu': '星期四',
+    'fri': '星期五',
+    'sat': '星期六',
+    'res': '資源',
+    'dur': '時程',
+    'comp': '達成率',
+    'completion': '達成',
+    'startdate': '起始日期',
+    'planstartdate': '計劃起始日期',
+    'enddate': '截止日期',
+    'planenddate': '計劃截止日期',
+    'cost': '成本',
+    'moreinfo': "更多資訊",
+    'nodata': 'No tasks found',
+    'notes': '備註',
+    'format': '格式',
+    'hour': '時',
+    'day': '日',
+    'week': '星期',
+    'month': '月',
+    'quarter': '季',
+    'hours': '小時',
+    'days': '天',
+    'weeks': '週',
+    'months': '月',
+    'quarters': '季',
+    'hr': '小時',
+    'dy': '天',
+    'wk': '週',
+    'mth': '月',
+    'qtr': '季',
+    'hrs': '小時',
+    'dys': '天',
+    'wks': '週',
+    'mths': '月',
+    'qtrs': '季'
+};
+exports.cn = cn;
+var cs = {
+    'format': 'Zobrazení',
+    'hour': 'Hodina',
+    'day': 'Den',
+    'week': 'Týden',
+    'month': 'Měsíc',
+    'quarter': 'Kvartál',
+    'hours': 'Hodiny',
+    'days': 'Dni',
+    'weeks': 'Týdny',
+    'months': 'Měsíce',
+    'quarters': 'Kvartály',
+    'hr': 'Ho',
+    'dy': 'Den',
+    'wk': 'Tyd',
+    'mth': 'Měs',
+    'qtr': 'Kvar',
+    'hrs': 'Ho',
+    'dys': 'Dni',
+    'wks': 'Tyd',
+    'mths': 'Měs',
+    'qtrs': 'Kvar',
+    'res': 'Přiřazeno',
+    'dur': 'Trvání',
+    'comp': '% Hotovo',
+    'completion': 'Hotovo',
+    'startdate': 'Start',
+    'planstartdate': 'Plánovaný start',
+    'enddate': 'Konec',
+    'planenddate': 'Plánovaný konec',
+    'cost': 'Náklady',
+    'moreinfo': 'Více informací',
+    'nodata': 'No tasks found',
+    'notes': 'Poznámky',
+    'january': 'Leden',
+    'february': 'Únor',
+    'march': 'Březen',
+    'april': 'Duben',
+    'maylong': 'Květen',
+    'june': 'Červen',
+    'july': 'Červenec',
+    'august': 'Srpen',
+    'september': 'Září',
+    'october': 'Říjen',
+    'november': 'Listopad',
+    'december': 'Prosinec',
+    'jan': 'Led',
+    'feb': 'Úno',
+    'mar': 'Bře',
+    'apr': 'Dub',
+    'may': 'Kvě',
+    'jun': 'Čer',
+    'jul': 'Čvc',
+    'aug': 'Srp',
+    'sep': 'Zář',
+    'oct': 'Říj',
+    'nov': 'Lis',
+    'dec': 'Pro',
+    'sunday': 'Neděle',
+    'monday': 'Pondělí',
+    'tuesday': 'Úterý',
+    'wednesday': 'Středa',
+    'thursday': 'Čtvrtek',
+    'friday': 'Pátek',
+    'saturday': 'Sobota',
+    'sun': 'Ne',
+    'mon': 'Po',
+    'tue': 'Út',
+    'wed': 'St',
+    'thu': 'Čt',
+    'fri': 'Pa',
+    'sat': 'So',
+    'tooltipLoading': 'Nahrávám...'
+};
+exports.cs = cs;
+var de = {
+    'format': 'Ansicht',
+    'hour': 'Stunde',
+    'day': 'Tag',
+    'week': 'Woche',
+    'month': 'Monat',
+    'quarter': 'Quartal',
+    'hours': 'Stunden',
+    'days': 'Tage',
+    'weeks': 'Wochen',
+    'months': 'Monate',
+    'quarters': 'Quartale',
+    'hr': 'h',
+    'dy': 'T',
+    'wk': 'W',
+    'mth': 'M',
+    'qtr': 'Q',
+    'hrs': 'Std',
+    'dys': 'Tage',
+    'wks': 'Wochen',
+    'mths': 'Monate',
+    'qtrs': 'Quartal',
+    'res': 'Resource',
+    'dur': 'Dauer',
+    'comp': '%Fertig',
+    'completion': 'Fertigstellung',
+    'startdate': 'Erste Buchu',
+    'planstartdate': 'Erste Buchu Plan',
+    'enddate': 'Letzte Buchung',
+    'planenddate': 'Plan Letzte Buchung',
+    'cost': 'Cost',
+    'moreinfo': 'Weitere Infos',
+    'nodata': 'No tasks found',
+    'notes': 'Anmerkung',
+    'january': 'Jänner',
+    'february': 'Februar',
+    'march': 'März',
+    'april': 'April',
+    'maylong': 'Mai',
+    'june': 'Juni',
+    'july': 'Juli',
+    'august': 'August',
+    'september': 'September',
+    'october': 'Oktober',
+    'november': 'November',
+    'december': 'Dezember',
+    'jan': 'Jan',
+    'feb': 'Feb',
+    'mar': 'Mar',
+    'apr': 'Apr',
+    'may': 'Mai',
+    'jun': 'Jun',
+    'jul': 'Jul',
+    'aug': 'Aug',
+    'sep': 'Sep',
+    'oct': 'Okt',
+    'nov': 'Nov',
+    'dec': 'Dez',
+    'sunday': 'Sonntag',
+    'monday': 'Montag',
+    'tuesday': 'Dienstag',
+    'wednesday': 'Mittwoch',
+    'thursday': 'Donnerstag',
+    'friday': 'Freitag',
+    'saturday': 'Samstag',
+    'sun': 'So',
+    'mon': 'Mo', 'tue': 'Di', 'wed': 'Mi', 'thu': 'Do', 'fri': 'Fr', 'sat': 'Sa'
+};
+exports.de = de;
 var es = {
     'january': 'Enero',
     'february': 'Febrero',
@@ -1920,216 +2142,81 @@ var en = {
     'tooltipLoading': 'Loading...'
 };
 exports.en = en;
-var de = {
-    'format': 'Ansicht',
-    'hour': 'Stunde',
-    'day': 'Tag',
-    'week': 'Woche',
-    'month': 'Monat',
-    'quarter': 'Quartal',
-    'hours': 'Stunden',
-    'days': 'Tage',
-    'weeks': 'Wochen',
-    'months': 'Monate',
-    'quarters': 'Quartale',
-    'hr': 'h',
-    'dy': 'T',
-    'wk': 'W',
-    'mth': 'M',
+var fi = {
+    'format': 'Näkymä',
+    'hour': 'Tunti',
+    'day': 'Päivä',
+    'week': 'Viikko',
+    'month': 'Kuukausi',
+    'quarter': 'Kvartaali',
+    'hours': 'Tunnit',
+    'days': 'Päivät',
+    'weeks': 'Viikot',
+    'months': 'Kuukaudet',
+    'quarters': 'Kvartaalit',
+    'hr': 't',
+    'dy': 'pv',
+    'wk': 'vk',
+    'mth': 'kk',
     'qtr': 'Q',
-    'hrs': 'Std',
-    'dys': 'Tage',
-    'wks': 'Wochen',
-    'mths': 'Monate',
-    'qtrs': 'Quartal',
-    'res': 'Resource',
-    'dur': 'Dauer',
-    'comp': '%Fertig',
-    'completion': 'Fertigstellung',
-    'startdate': 'Erste Buchu',
-    'planstartdate': 'Erste Buchu Plan',
-    'enddate': 'Letzte Buchung',
-    'planenddate': 'Plan Letzte Buchung',
-    'cost': 'Cost',
-    'moreinfo': 'Weitere Infos',
-    'nodata': 'No tasks found',
-    'notes': 'Anmerkung',
-    'january': 'Jänner',
-    'february': 'Februar',
-    'march': 'März',
-    'april': 'April',
-    'maylong': 'Mai',
-    'june': 'Juni',
-    'july': 'Juli',
-    'august': 'August',
-    'september': 'September',
-    'october': 'Oktober',
-    'november': 'November',
-    'december': 'Dezember',
-    'jan': 'Jan',
-    'feb': 'Feb',
-    'mar': 'Mar',
-    'apr': 'Apr',
-    'may': 'Mai',
-    'jun': 'Jun',
-    'jul': 'Jul',
-    'aug': 'Aug',
-    'sep': 'Sep',
-    'oct': 'Okt',
-    'nov': 'Nov',
-    'dec': 'Dez',
-    'sunday': 'Sonntag',
-    'monday': 'Montag',
-    'tuesday': 'Dienstag',
-    'wednesday': 'Mittwoch',
-    'thursday': 'Donnerstag',
-    'friday': 'Freitag',
-    'saturday': 'Samstag',
-    'sun': 'So',
-    'mon': 'Mo', 'tue': 'Di', 'wed': 'Mi', 'thu': 'Do', 'fri': 'Fr', 'sat': 'Sa'
-};
-exports.de = de;
-var pt = {
-    'hours': 'Horas',
-    'days': 'Dias',
-    'weeks': 'Weeks',
-    'months': 'Months',
-    'quarters': 'Quarters',
-    'format': 'Formato',
-    'hour': 'Hora',
-    'day': 'Dia',
-    'week': 'Semana',
-    'month': 'Mês',
-    'quarter': 'Trimestre',
-    'hr': 'hr',
-    'dy': 'dia',
-    'wk': 'sem.',
-    'mth': 'mês',
-    'qtr': 'qtr',
-    'hrs': 'hrs',
-    'dys': 'dias',
-    'wks': 'sem.',
-    'mths': 'meses',
-    'qtrs': 'qtrs',
-    'completion': 'Terminado',
-    'comp': '% Completado',
-    'moreinfo': 'Mais informações',
-    'nodata': 'Sem atividades',
-    'notes': 'Notas',
-    'res': 'Responsável',
-    'dur': 'Duração',
-    'startdate': 'Data inicial',
-    'planstartdate': 'Plan Data inicial',
-    'enddate': 'Data final',
-    'planenddate': 'Plan Data final',
-    'cost': 'Custo',
-    'jan': 'Jan',
-    'feb': 'Fev',
-    'mar': 'Mar',
-    'apr': 'Abr',
-    'may': 'Mai',
-    'jun': 'Jun',
-    'jul': 'Jul',
-    'aug': 'Ago',
-    'sep': 'Set',
-    'oct': 'Out',
-    'nov': 'Nov',
-    'dec': 'Dez',
-    'january': 'Janeiro',
-    'february': 'Fevereiro',
-    'march': 'Março',
-    'april': 'Abril',
-    'maylong': 'Maio',
-    'june': 'Junho',
-    'july': 'Julho',
-    'august': 'Agosto',
-    'september': 'Setembro',
-    'october': 'Outubro',
-    'november': 'Novembro',
-    'december': 'Dezembro',
-    'sun': 'Dom',
-    'mon': 'Seg',
-    'tue': 'Ter',
-    'wed': 'Qua',
-    'thu': 'Qui',
-    'fri': 'Sex',
-    'sat': 'Sab'
-};
-exports.pt = pt;
-var ru = {
-    'january': 'Январь',
-    'february': 'Февраль',
-    'march': 'Март',
-    'april': 'Апрель',
-    'maylong': 'Май',
-    'june': 'Июнь',
-    'july': 'Июль',
-    'august': 'Август', 'september': 'Сентябрь',
-    'october': 'Октябрь',
-    'november': 'Ноябрь',
-    'december': 'Декабрь',
-    'jan': 'Янв',
-    'feb': 'Фев',
-    'mar': 'Мар',
-    'apr': 'Апр',
-    'may': 'Май',
-    'jun': 'Июн',
-    'jul': 'Июл',
-    'aug': 'Авг',
-    'sep': 'Сен',
-    'oct': 'Окт',
-    'nov': 'Ноя',
-    'dec': 'Дек',
-    'sunday': 'Воскресенье',
-    'monday': 'Понедельник',
-    'tuesday': 'Вторник',
-    'wednesday': 'Среда',
-    'thursday': 'Четверг',
-    'friday': 'Пятница',
-    'saturday': 'Суббота',
-    'sun': '	Вс',
-    'mon': '	Пн',
-    'tue': '	Вт',
-    'wed': '	Ср',
-    'thu': '	Чт',
-    'fri': '	Пт',
-    'sat': '	Сб',
-    'res': 'Ресурс',
-    'dur': 'Длительность',
-    'comp': '% выполнения',
-    'completion': 'Выполнено',
-    'startdate': 'Нач. дата',
-    'planstartdate': 'Plan Нач. дата',
-    'enddate': 'Кон. дата',
-    'planenddate': 'Plan Кон. дата',
-    'cost': 'Cost',
-    'moreinfo': 'Детали',
-    'nodata': 'No tasks found',
-    'notes': 'Заметки',
-    'format': 'Формат',
-    'hour': 'Час',
-    'day': 'День',
-    'week': 'Неделя',
-    'month': 'Месяц',
-    'quarter': 'Кварт',
-    'hours': 'Часов',
-    'days': 'Дней',
-    'weeks': 'Недель',
-    'months': 'Месяцев',
-    'quarters': 'Кварталов',
-    'hr': 'ч.',
-    'dy': 'дн.',
-    'wk': 'нед.',
-    'mth': 'мес.',
-    'qtr': 'кв.',
-    'hrs': 'ч.',
-    'dys': 'дн.',
-    'wks': 'нед.',
-    'mths': 'мес.',
-    'qtrs': 'кв.',
-    'tooltipLoading': 'Загрузка...'
+    'hrs': 't:t',
+    'dys': 'pv:t',
+    'wks': 'vk:t',
+    'mths': 'kk:t',
+    'qtrs': 'Kvartaalit',
+    'res': 'Henkilö',
+    'dur': 'Kesto',
+    'comp': '% Valm.',
+    'completion': 'Valmius',
+    'startdate': 'Alkupäivä',
+    'planstartdate': 'Suunniteltu alkupäivä',
+    'enddate': 'Päättymispäivä',
+    'planenddate': 'Suunniteltu päättymispäivä',
+    'cost': 'Kustannus',
+    'moreinfo': 'Lisätieto',
+    'nodata': 'Tehtäviä ei löydy',
+    'notes': 'Muistiinpanot',
+    'january': 'Tammikuu',
+    'february': 'Helmikuu',
+    'march': 'Maaliskuu',
+    'april': 'Huhtikuu',
+    'maylong': 'Toukokuu',
+    'june': 'Kesäkuu',
+    'july': 'Heinäkuu',
+    'august': 'Elokuu',
+    'september': 'Syyskuu',
+    'october': 'Lokakuu',
+    'november': 'Marraskuu',
+    'december': 'Joulukuu',
+    'jan': 'Tammi',
+    'feb': 'Helmi',
+    'mar': 'Maalis',
+    'apr': 'Huhti',
+    'may': 'Touko',
+    'jun': 'Kesä',
+    'jul': 'Heinä',
+    'aug': 'Elo',
+    'sep': 'Syys',
+    'oct': 'Loka',
+    'nov': 'Marras',
+    'dec': 'Joulu',
+    'sunday': 'Sunnuntai',
+    'monday': 'Maanantai',
+    'tuesday': 'Tiista',
+    'wednesday': 'Keskiviikko',
+    'thursday': 'Torstai',
+    'friday': 'Perjantai',
+    'saturday': 'Lauantai',
+    'sun': 'Su',
+    'mon': 'Ma',
+    'tue': 'Ti',
+    'wed': 'Ke',
+    'thu': 'To',
+    'fri': 'Pe',
+    'sat': 'La',
+    'tooltipLoading': 'Ladataan...'
 };
-exports.ru = ru;
+exports.fi = fi;
 /**
  * Mois : http://bdl.oqlf.gouv.qc.ca/bdl/gabarit_bdl.asp?id=3619
    Jours : http://bdl.oqlf.gouv.qc.ca/bdl/gabarit_bdl.asp?id=3617
@@ -2208,526 +2295,81 @@ var fr = {
     'qtrs': 'tri'
 };
 exports.fr = fr;
-var cn = {
-    'january': '一月',
-    'february': '二月',
-    'march': '三月',
-    'april': '四月',
-    'maylong': '五月',
-    'june': '六月',
-    'july': '七月',
-    'august': '八月',
-    'september': '九月',
-    'october': '十月',
-    'november': '十一月',
-    'december': '十二月',
-    'jan': '一月',
-    'feb': '二月',
-    'mar': '三月',
-    'apr': '四月',
-    'may': '五月',
-    'jun': '六月',
-    'jul': '七月',
-    'aug': '八月',
-    'sep': '九月',
-    'oct': '十月',
-    'nov': '十一月',
-    'dec': '十二月',
-    'sunday': '星期日',
-    'monday': '星期一',
-    'tuesday': '星期二',
-    'wednesday': '星期三',
-    'thursday': '星期四',
-    'friday': '星期五',
-    'saturday': '星期六',
-    'sun': '星期日',
-    'mon': '星期一',
-    'tue': '星期二',
-    'wed': '星期三',
-    'thu': '星期四',
-    'fri': '星期五',
-    'sat': '星期六',
-    'res': '資源',
-    'dur': '時程',
-    'comp': '達成率',
-    'completion': '達成',
-    'startdate': '起始日期',
-    'planstartdate': '計劃起始日期',
-    'enddate': '截止日期',
-    'planenddate': '計劃截止日期',
-    'cost': '成本',
-    'moreinfo': "更多資訊",
-    'nodata': 'No tasks found',
-    'notes': '備註',
-    'format': '格式',
-    'hour': '時',
-    'day': '日',
-    'week': '星期',
-    'month': '月',
-    'quarter': '季',
-    'hours': '小時',
-    'days': '天',
-    'weeks': '週',
-    'months': '月',
-    'quarters': '季',
-    'hr': '小時',
-    'dy': '天',
-    'wk': '週',
-    'mth': '月',
-    'qtr': '季',
-    'hrs': '小時',
-    'dys': '天',
-    'wks': '週',
-    'mths': '月',
-    'qtrs': '季'
-};
-exports.cn = cn;
-var sv = {
-    'format': 'Filter',
-    'hour': 'Timme',
-    'day': 'Dag',
-    'week': 'Vecka',
-    'month': 'Månad',
-    'quarter': 'Kvartal',
-    'hours': 'Timmar',
-    'days': 'Dagar',
-    'weeks': 'Veckor',
-    'months': 'Månader',
-    'quarters': 'Kvartal',
-    'hr': 'Timme',
-    'dy': 'Dag',
-    'wk': 'Vecka',
-    'mth': 'Månad',
-    'qtr': 'Q',
-    'hrs': 'Timmar',
-    'dys': 'Dagar',
-    'wks': 'Veckor',
-    'mths': 'Månader',
-    'qtrs': 'Q',
-    'res': 'Resurs',
-    'dur': 'Tidsåtgång',
-    'comp': '% klart',
-    'completion': 'Klart',
-    'startdate': 'Startdatum',
-    'planstartdate': 'Planerad startdatum',
-    'enddate': 'Slutdatum',
-    'planenddate': 'Planerad slutdatum',
-    'cost': 'Kostnad',
-    'moreinfo': 'Mer Information',
-    'nodata': 'No tasks found',
-    'notes': 'Notes',
-    'january': 'januari',
-    'february': 'februari',
-    'march': 'mars',
-    'april': 'april',
-    'maylong': 'maj',
-    'june': 'juni',
-    'july': 'juli',
-    'august': 'augusti',
-    'september': 'september',
-    'october': 'oktober',
-    'november': 'november',
-    'december': 'december',
-    'jan': 'jan',
-    'feb': 'feb',
-    'mar': 'mar',
-    'apr': 'apr',
-    'may': 'maj',
-    'jun': 'jun',
-    'jul': 'jul',
-    'aug': 'aug',
-    'sep': 'sep',
-    'oct': 'okt',
-    'nov': 'nov',
-    'dec': 'dec',
-    'sunday': 'söndag',
-    'monday': 'måndag',
-    'tuesday': 'tisdag',
-    'wednesday': 'onsdag',
-    'thursday': 'torsdag',
-    'friday': 'fredag',
-    'saturday': 'lördag',
-    'sun': 'sön',
-    'mon': 'mån',
-    'tue': 'tis',
-    'wed': 'ons',
-    'thu': 'tor',
-    'fri': 'fre',
-    'sat': 'lör'
-};
-exports.sv = sv;
-var nl = {
-    'format': 'Format',
-    'hour': 'Uur',
-    'day': 'Dag',
-    'week': 'Week',
-    'month': 'Maand',
-    'quarter': 'Kwartaal',
-    'hours': 'Uren',
-    'days': 'Dagen',
-    'weeks': 'Weken',
-    'months': 'Maanden',
-    'quarters': 'Kwartalen',
-    'hr': 'uur',
-    'dy': 'dag',
-    'wk': 'wk',
-    'mth': 'mnd',
-    'qtr': 'kw',
-    'hrs': 'uren',
-    'dys': 'dagen',
-    'wks': 'weken',
-    'mths': 'maanden',
-    'qtrs': 'kwartalen',
-    'res': 'Resource',
-    'dur': 'Doorlooptijd',
-    'comp': '% gereed',
-    'completion': 'Gereed',
-    'startdate': 'Startdatum',
-    'planstartdate': 'Geplande startdatum',
-    'enddate': 'Einddatum',
-    'planenddate': 'Geplande einddatum',
-    'cost': 'Kosten',
-    'moreinfo': 'Meer informatie',
-    'nodata': 'No tasks found',
-    'notes': 'Notities',
-    'january': 'januari',
-    'february': 'februari',
-    'march': 'maart',
-    'april': 'april',
-    'maylong': 'mei',
-    'june': 'juni',
-    'july': 'juli',
-    'august': 'augustus',
-    'september': 'september',
-    'october': 'oktober',
-    'november': 'november',
-    'december': 'december',
-    'jan': 'jan',
-    'feb': 'feb',
-    'mar': 'mrt',
-    'apr': 'apr',
-    'may': 'mei',
-    'jun': 'jun',
-    'jul': 'jul',
-    'aug': 'aug',
-    'sep': 'sep',
-    'oct': 'okt',
-    'nov': 'nov',
-    'dec': 'dec',
-    'sunday': 'zondag',
-    'monday': 'maandag',
-    'tuesday': 'dinsdag',
-    'wednesday': 'woensdag',
-    'thursday': 'donderdag',
-    'friday': 'vrijdag',
-    'saturday': 'zaterdag',
-    'sun': 'zo',
-    'mon': 'ma',
-    'tue': 'di',
-    'wed': 'wo',
-    'thu': 'do',
-    'fri': 'vr',
-    'sat': 'za'
-};
-exports.nl = nl;
-var id = {
-    'format': 'Format',
-    'hour': 'Jam',
-    'day': 'Hari',
-    'week': 'Minggu',
-    'month': 'Bulan',
-    'quarter': 'Kuartal',
-    'hours': 'Jam',
-    'days': 'Hari',
-    'weeks': 'Minggu',
-    'months': 'Bulan',
-    'quarters': 'Kuartal',
-    'hr': 'Jam',
-    'dy': 'Hari',
-    'wk': 'Min',
-    'mth': 'Bln',
-    'qtr': 'Krtl',
-    'hrs': 'Jam',
-    'dys': 'Hari',
-    'wks': 'Min',
-    'mths': 'Bln',
-    'qtrs': 'Krtl',
-    'res': 'Sumber Daya',
-    'dur': 'Durasi',
-    'comp': '% Penyelesaian',
-    'completion': 'Penyelesaian',
-    'startdate': 'Tanggal Mulai',
-    'planstartdate': 'Perencanaan Tanggal Mulai',
-    'enddate': 'Tanggal Akhir',
-    'planenddate': 'Perencanaan Tanggal Akhir',
-    'cost': 'Biaya',
-    'moreinfo': 'Informasi Lebih Lanjut',
-    'nodata': 'No tasks found',
-    'notes': 'Catatan',
-    'january': 'Januari',
-    'february': 'Februari',
-    'march': 'Maret',
-    'april': 'April',
-    'maylong': 'Mei',
-    'june': 'Juni',
-    'july': 'Juli',
-    'august': 'Agustus',
-    'september': 'September',
-    'october': 'Oktober',
-    'november': 'November',
-    'december': 'Desember',
-    'jan': 'Jan',
-    'feb': 'Feb',
-    'mar': 'Mar',
-    'apr': 'Apr',
-    'may': 'Mei',
-    'jun': 'Jun',
-    'jul': 'Jul',
-    'aug': 'Agu',
-    'sep': 'Sep',
-    'oct': 'Okt',
-    'nov': 'Nov',
-    'dec': 'Des',
-    'sunday': 'Minggu',
-    'monday': 'Senin',
-    'tuesday': 'Selasa',
-    'wednesday': 'Rabu',
-    'thursday': 'Kamis',
-    'friday': 'Jumat',
-    'saturday': 'Sabtu',
-    'sun': 'Min',
-    'mon': 'Sen',
-    'tue': 'Sel',
-    'wed': 'Rab',
-    'thu': 'Kam',
-    'fri': 'Jum',
-    'sat': 'Sab'
-};
-exports.id = id;
-var tr = {
-    'format': 'Biçim',
-    'hour': 'Saat',
-    'day': 'Gün',
-    'week': 'Hafta',
-    'month': 'Ay',
-    'quarter': 'Çeyrek Yıl',
-    'hours': 'Saat',
-    'days': 'Gün',
-    'weeks': 'Hafta',
-    'months': 'Ay',
-    'quarters': 'Çeyrek Yıl',
-    'hr': 'Saat',
-    'dy': 'Gün',
-    'wk': 'Hft',
-    'mth': 'Ay',
-    'qtr': 'Çyrk',
-    'hrs': 'Saat',
-    'dys': 'Gün',
-    'wks': 'Hft',
-    'mths': 'Ay',
-    'qtrs': 'Çyrk',
-    'res': 'Kaynak',
-    'dur': 'Süre',
-    'comp': '% Tamamlanma.',
-    'completion': 'Tamamlanma',
-    'startdate': 'Başlangıç Tarihi',
-    'planstartdate': 'Plan Başlama Tarihi',
-    'enddate': 'Bitiş Tarihi',
-    'planenddate': 'Plan Bitiş Tarihi',
-    'cost': 'Tutar',
-    'moreinfo': 'Daha Fazla Bilgi',
-    'nodata': 'No tasks found',
-    'notes': 'Notlar',
-    'january': 'Ocak',
-    'february': 'Şubat',
-    'march': 'Mart',
-    'april': 'Nisan',
-    'maylong': 'Mayıs',
-    'june': 'Haziran',
-    'july': 'Temmuz',
-    'august': 'Ağustos',
-    'september': 'Eylül',
-    'october': 'Ekim',
-    'november': 'Kasım',
-    'december': 'Aralık',
-    'jan': 'Oca',
-    'feb': 'Şub',
-    'mar': 'Mar',
-    'apr': 'Nis',
-    'may': 'May',
-    'jun': 'Haz',
-    'jul': 'Tem',
-    'aug': 'Ağu',
-    'sep': 'Eyl',
-    'oct': 'Eki',
-    'nov': 'Kas',
-    'dec': 'Ara',
-    'sunday': 'Pazar',
-    'monday': 'Pazartesi',
-    'tuesday': 'Salı',
-    'wednesday': 'Çarşamba',
-    'thursday': 'Perşembe',
-    'friday': 'Cuma',
-    'saturday': 'Cumartesi',
-    'sun': 'Paz',
-    'mon': 'Pzt',
-    'tue': 'Sal',
-    'wed': 'Çrş',
-    'thu': 'Prş',
-    'fri': 'Cum',
-    'sat': 'Cmt'
-};
-exports.tr = tr;
-var ja = {
-    'format': 'タイムライン表示',
-    'hour': '時',
-    'day': '日',
-    'week': '週',
-    'month': '月',
-    'quarter': '四半期',
-    'hours': '時間',
-    'days': '日間',
-    'weeks': '週間',
-    'months': '月間',
-    'quarters': '四半期',
-    'hr': '時',
-    'dy': '日',
-    'wk': '週',
-    'mth': '月',
-    'qtr': '四',
-    'hrs': '時間',
-    'dys': '日間',
-    'wks': '週間',
-    'mths': '月間',
-    'qtrs': '四半期',
-    'res': 'リソース',
-    'dur': '期間',
-    'comp': '進捗率',
-    'completion': '進捗率',
-    'startdate': '開始日',
-    'planstartdate': '予定開始日',
-    'enddate': '期日',
-    'planenddate': '予定期日',
-    'cost': 'コスト',
-    'moreinfo': '詳細',
-    'nodata': 'No tasks found',
-    'notes': 'ノート',
-    'january': '1月',
-    'february': '2月',
-    'march': '3月',
-    'april': '4月',
-    'maylong': '5月',
-    'june': '6月',
-    'july': '7月',
-    'august': '8月',
-    'september': '9月',
-    'october': '10月',
-    'november': '11月',
-    'december': '12月',
-    'jan': '1月',
-    'feb': '2月',
-    'mar': '3月',
-    'apr': '4月',
-    'may': '5月',
-    'jun': '6月',
-    'jul': '7月',
-    'aug': '8月',
-    'sep': '9月',
-    'oct': '10月',
-    'nov': '11月',
-    'dec': '12月',
-    'sunday': '日曜日',
-    'monday': '月曜日',
-    'tuesday': '火曜日',
-    'wednesday': '水曜日',
-    'thursday': '木曜日',
-    'friday': '金曜日',
-    'saturday': '土曜日',
-    'sun': '日',
-    'mon': '月',
-    'tue': '火',
-    'wed': '水',
-    'thu': '木',
-    'fri': '金',
-    'sat': '土',
-    'tooltipLoading': 'ローディング中...'
-};
-exports.ja = ja;
-var cs = {
-    'format': 'Zobrazení',
-    'hour': 'Hodina',
-    'day': 'Den',
-    'week': 'Týden',
-    'month': 'Měsíc',
-    'quarter': 'Kvartál',
-    'hours': 'Hodiny',
-    'days': 'Dni',
-    'weeks': 'Týdny',
-    'months': 'Měsíce',
-    'quarters': 'Kvartály',
-    'hr': 'Ho',
-    'dy': 'Den',
-    'wk': 'Tyd',
-    'mth': 'Měs',
-    'qtr': 'Kvar',
-    'hrs': 'Ho',
-    'dys': 'Dni',
-    'wks': 'Tyd',
-    'mths': 'Měs',
-    'qtrs': 'Kvar',
-    'res': 'Přiřazeno',
-    'dur': 'Trvání',
-    'comp': '% Hotovo',
-    'completion': 'Hotovo',
-    'startdate': 'Start',
-    'planstartdate': 'Plánovaný start',
-    'enddate': 'Konec',
-    'planenddate': 'Plánovaný konec',
-    'cost': 'Náklady',
-    'moreinfo': 'Více informací',
-    'nodata': 'No tasks found',
-    'notes': 'Poznámky',
-    'january': 'Leden',
-    'february': 'Únor',
-    'march': 'Březen',
-    'april': 'Duben',
-    'maylong': 'Květen',
-    'june': 'Červen',
-    'july': 'Červenec',
-    'august': 'Srpen',
-    'september': 'Září',
-    'october': 'Říjen',
-    'november': 'Listopad',
-    'december': 'Prosinec',
-    'jan': 'Led',
-    'feb': 'Úno',
-    'mar': 'Bře',
-    'apr': 'Dub',
-    'may': 'Kvě',
-    'jun': 'Čer',
-    'jul': 'Čvc',
-    'aug': 'Srp',
-    'sep': 'Zář',
-    'oct': 'Říj',
-    'nov': 'Lis',
-    'dec': 'Pro',
-    'sunday': 'Neděle',
-    'monday': 'Pondělí',
-    'tuesday': 'Úterý',
-    'wednesday': 'Středa',
-    'thursday': 'Čtvrtek',
-    'friday': 'Pátek',
-    'saturday': 'Sobota',
-    'sun': 'Ne',
-    'mon': 'Po',
-    'tue': 'Út',
-    'wed': 'St',
-    'thu': 'Čt',
-    'fri': 'Pa',
-    'sat': 'So',
-    'tooltipLoading': 'Nahrávám...'
+var it = {
+    'format': 'Formato',
+    'hour': 'Ora',
+    'day': 'Giorno',
+    'week': 'Settimana',
+    'month': 'Mese',
+    'quarter': 'Trimestre',
+    'hours': 'Ore',
+    'days': 'Giorni',
+    'weeks': 'Mesi',
+    'months': 'Settimane',
+    'quarters': 'Trimestri',
+    'hr': 'Ora',
+    'dy': 'G',
+    'wk': 'Sett.',
+    'mth': 'Mese',
+    'qtr': 'Trim.',
+    'hrs': 'Ora',
+    'dys': 'GG',
+    'wks': 'Sett.',
+    'mths': 'Mesi',
+    'qtrs': 'Trim.',
+    'res': 'Risorsa',
+    'dur': 'Durata',
+    'comp': '% Compl.',
+    'completion': 'Completamento',
+    'startdate': 'Data inizio',
+    'planstartdate': 'Piano data inizio',
+    'enddate': 'Data fine',
+    'planenddate': 'Piano data fine',
+    'cost': 'Costo',
+    'moreinfo': 'Più informazioni',
+    'nodata': 'Nessun task trovato',
+    'notes': 'Note',
+    'january': 'Gennaio',
+    'february': 'Febbraio',
+    'march': 'Marzo',
+    'april': 'Aprile',
+    'maylong': 'Maggio',
+    'june': 'Giugno',
+    'july': 'Luglio',
+    'august': 'Agosto',
+    'september': 'Settembre',
+    'october': 'Ottobre',
+    'november': 'Novembre',
+    'december': 'Dicembre',
+    'jan': 'Gen',
+    'feb': 'Feb',
+    'mar': 'Mar',
+    'apr': 'Apr',
+    'may': 'Mag',
+    'jun': 'Giu',
+    'jul': 'Lug',
+    'aug': 'Ago',
+    'sep': 'Set',
+    'oct': 'Ott',
+    'nov': 'Nov',
+    'dec': 'Dic',
+    'sunday': 'Domenica',
+    'monday': 'Lunedì',
+    'tuesday': 'Martedì',
+    'wednesday': 'Mercoledì',
+    'thursday': 'Giovedì',
+    'friday': 'Venerdì',
+    'saturday': 'Sabato',
+    'sun': 'Dom',
+    'mon': 'Lun',
+    'tue': 'Mar',
+    'wed': 'Mer',
+    'thu': 'Gio',
+    'fri': 'Ven',
+    'sat': 'Sab',
+    'tooltipLoading': 'Caricamento...'
 };
-exports.cs = cs;
+exports.it = it;
 var hu = {
     'format': 'Formátum',
     'hour': 'Óra',
@@ -2802,7 +2444,156 @@ var hu = {
     'sat': 'Szo',
     'tooltipLoading': 'Belöltés...'
 };
-exports.hu = hu;
+exports.hu = hu;
+var id = {
+    'format': 'Format',
+    'hour': 'Jam',
+    'day': 'Hari',
+    'week': 'Minggu',
+    'month': 'Bulan',
+    'quarter': 'Kuartal',
+    'hours': 'Jam',
+    'days': 'Hari',
+    'weeks': 'Minggu',
+    'months': 'Bulan',
+    'quarters': 'Kuartal',
+    'hr': 'Jam',
+    'dy': 'Hari',
+    'wk': 'Min',
+    'mth': 'Bln',
+    'qtr': 'Krtl',
+    'hrs': 'Jam',
+    'dys': 'Hari',
+    'wks': 'Min',
+    'mths': 'Bln',
+    'qtrs': 'Krtl',
+    'res': 'Sumber Daya',
+    'dur': 'Durasi',
+    'comp': '% Penyelesaian',
+    'completion': 'Penyelesaian',
+    'startdate': 'Tanggal Mulai',
+    'planstartdate': 'Perencanaan Tanggal Mulai',
+    'enddate': 'Tanggal Akhir',
+    'planenddate': 'Perencanaan Tanggal Akhir',
+    'cost': 'Biaya',
+    'moreinfo': 'Informasi Lebih Lanjut',
+    'nodata': 'No tasks found',
+    'notes': 'Catatan',
+    'january': 'Januari',
+    'february': 'Februari',
+    'march': 'Maret',
+    'april': 'April',
+    'maylong': 'Mei',
+    'june': 'Juni',
+    'july': 'Juli',
+    'august': 'Agustus',
+    'september': 'September',
+    'october': 'Oktober',
+    'november': 'November',
+    'december': 'Desember',
+    'jan': 'Jan',
+    'feb': 'Feb',
+    'mar': 'Mar',
+    'apr': 'Apr',
+    'may': 'Mei',
+    'jun': 'Jun',
+    'jul': 'Jul',
+    'aug': 'Agu',
+    'sep': 'Sep',
+    'oct': 'Okt',
+    'nov': 'Nov',
+    'dec': 'Des',
+    'sunday': 'Minggu',
+    'monday': 'Senin',
+    'tuesday': 'Selasa',
+    'wednesday': 'Rabu',
+    'thursday': 'Kamis',
+    'friday': 'Jumat',
+    'saturday': 'Sabtu',
+    'sun': 'Min',
+    'mon': 'Sen',
+    'tue': 'Sel',
+    'wed': 'Rab',
+    'thu': 'Kam',
+    'fri': 'Jum',
+    'sat': 'Sab'
+};
+exports.id = id;
+var ja = {
+    'format': 'タイムライン表示',
+    'hour': '時',
+    'day': '日',
+    'week': '週',
+    'month': '月',
+    'quarter': '四半期',
+    'hours': '時間',
+    'days': '日間',
+    'weeks': '週間',
+    'months': '月間',
+    'quarters': '四半期',
+    'hr': '時',
+    'dy': '日',
+    'wk': '週',
+    'mth': '月',
+    'qtr': '四',
+    'hrs': '時間',
+    'dys': '日間',
+    'wks': '週間',
+    'mths': '月間',
+    'qtrs': '四半期',
+    'res': 'リソース',
+    'dur': '期間',
+    'comp': '進捗率',
+    'completion': '進捗率',
+    'startdate': '開始日',
+    'planstartdate': '予定開始日',
+    'enddate': '期日',
+    'planenddate': '予定期日',
+    'cost': 'コスト',
+    'moreinfo': '詳細',
+    'nodata': 'No tasks found',
+    'notes': 'ノート',
+    'january': '1月',
+    'february': '2月',
+    'march': '3月',
+    'april': '4月',
+    'maylong': '5月',
+    'june': '6月',
+    'july': '7月',
+    'august': '8月',
+    'september': '9月',
+    'october': '10月',
+    'november': '11月',
+    'december': '12月',
+    'jan': '1月',
+    'feb': '2月',
+    'mar': '3月',
+    'apr': '4月',
+    'may': '5月',
+    'jun': '6月',
+    'jul': '7月',
+    'aug': '8月',
+    'sep': '9月',
+    'oct': '10月',
+    'nov': '11月',
+    'dec': '12月',
+    'sunday': '日曜日',
+    'monday': '月曜日',
+    'tuesday': '火曜日',
+    'wednesday': '水曜日',
+    'thursday': '木曜日',
+    'friday': '金曜日',
+    'saturday': '土曜日',
+    'sun': '日',
+    'mon': '月',
+    'tue': '火',
+    'wed': '水',
+    'thu': '木',
+    'fri': '金',
+    'sat': '土',
+    'tooltipLoading': 'ローディング中...'
+};
+exports.ja = ja;
 var ko = {
     'format': '구분',
     'hour': '시',
@@ -2878,6 +2669,80 @@ var ko = {
     'tooltipLoading': '로딩중...'
 };
 exports.ko = ko;
+var nl = {
+    'format': 'Format',
+    'hour': 'Uur',
+    'day': 'Dag',
+    'week': 'Week',
+    'month': 'Maand',
+    'quarter': 'Kwartaal',
+    'hours': 'Uren',
+    'days': 'Dagen',
+    'weeks': 'Weken',
+    'months': 'Maanden',
+    'quarters': 'Kwartalen',
+    'hr': 'uur',
+    'dy': 'dag',
+    'wk': 'wk',
+    'mth': 'mnd',
+    'qtr': 'kw',
+    'hrs': 'uren',
+    'dys': 'dagen',
+    'wks': 'weken',
+    'mths': 'maanden',
+    'qtrs': 'kwartalen',
+    'res': 'Resource',
+    'dur': 'Doorlooptijd',
+    'comp': '% gereed',
+    'completion': 'Gereed',
+    'startdate': 'Startdatum',
+    'planstartdate': 'Geplande startdatum',
+    'enddate': 'Einddatum',
+    'planenddate': 'Geplande einddatum',
+    'cost': 'Kosten',
+    'moreinfo': 'Meer informatie',
+    'nodata': 'Geen taken gevonden',
+    'notes': 'Notities',
+    'january': 'januari',
+    'february': 'februari',
+    'march': 'maart',
+    'april': 'april',
+    'maylong': 'mei',
+    'june': 'juni',
+    'july': 'juli',
+    'august': 'augustus',
+    'september': 'september',
+    'october': 'oktober',
+    'november': 'november',
+    'december': 'december',
+    'jan': 'jan',
+    'feb': 'feb',
+    'mar': 'mrt',
+    'apr': 'apr',
+    'may': 'mei',
+    'jun': 'jun',
+    'jul': 'jul',
+    'aug': 'aug',
+    'sep': 'sep',
+    'oct': 'okt',
+    'nov': 'nov',
+    'dec': 'dec',
+    'sunday': 'zondag',
+    'monday': 'maandag',
+    'tuesday': 'dinsdag',
+    'wednesday': 'woensdag',
+    'thursday': 'donderdag',
+    'friday': 'vrijdag',
+    'saturday': 'zaterdag',
+    'sun': 'zo',
+    'mon': 'ma',
+    'tue': 'di',
+    'wed': 'wo',
+    'thu': 'do',
+    'fri': 'vr',
+    'sat': 'za'
+};
+exports.nl = nl;
 var pl = {
     'format': 'Format',
     'hour': 'Godzina',
@@ -2952,82 +2817,296 @@ var pl = {
     'sat': 'So',
     'tooltipLoading': 'Ładowanie...'
 };
-exports.pl = pl;
-var fi = {
-    'format': 'Näkymä',
-    'hour': 'Tunti',
-    'day': 'Päivä',
-    'week': 'Viikko',
-    'month': 'Kuukausi',
-    'quarter': 'Kvartaali',
-    'hours': 'Tunnit',
-    'days': 'Päivät',
-    'weeks': 'Viikot',
-    'months': 'Kuukaudet',
-    'quarters': 'Kvartaalit',
-    'hr': 't',
-    'dy': 'pv',
-    'wk': 'vk',
-    'mth': 'kk',
+exports.pl = pl;
+var pt = {
+    'hours': 'Horas',
+    'days': 'Dias',
+    'weeks': 'Weeks',
+    'months': 'Months',
+    'quarters': 'Quarters',
+    'format': 'Formato',
+    'hour': 'Hora',
+    'day': 'Dia',
+    'week': 'Semana',
+    'month': 'Mês',
+    'quarter': 'Trimestre',
+    'hr': 'hr',
+    'dy': 'dia',
+    'wk': 'sem.',
+    'mth': 'mês',
+    'qtr': 'qtr',
+    'hrs': 'hrs',
+    'dys': 'dias',
+    'wks': 'sem.',
+    'mths': 'meses',
+    'qtrs': 'qtrs',
+    'completion': 'Terminado',
+    'comp': '% Completado',
+    'moreinfo': 'Mais informações',
+    'nodata': 'Sem atividades',
+    'notes': 'Notas',
+    'res': 'Responsável',
+    'dur': 'Duração',
+    'startdate': 'Data inicial',
+    'planstartdate': 'Plan Data inicial',
+    'enddate': 'Data final',
+    'planenddate': 'Plan Data final',
+    'cost': 'Custo',
+    'jan': 'Jan',
+    'feb': 'Fev',
+    'mar': 'Mar',
+    'apr': 'Abr',
+    'may': 'Mai',
+    'jun': 'Jun',
+    'jul': 'Jul',
+    'aug': 'Ago',
+    'sep': 'Set',
+    'oct': 'Out',
+    'nov': 'Nov',
+    'dec': 'Dez',
+    'january': 'Janeiro',
+    'february': 'Fevereiro',
+    'march': 'Março',
+    'april': 'Abril',
+    'maylong': 'Maio',
+    'june': 'Junho',
+    'july': 'Julho',
+    'august': 'Agosto',
+    'september': 'Setembro',
+    'october': 'Outubro',
+    'november': 'Novembro',
+    'december': 'Dezembro',
+    'sun': 'Dom',
+    'mon': 'Seg',
+    'tue': 'Ter',
+    'wed': 'Qua',
+    'thu': 'Qui',
+    'fri': 'Sex',
+    'sat': 'Sab'
+};
+exports.pt = pt;
+var ru = {
+    'january': 'Январь',
+    'february': 'Февраль',
+    'march': 'Март',
+    'april': 'Апрель',
+    'maylong': 'Май',
+    'june': 'Июнь',
+    'july': 'Июль',
+    'august': 'Август', 'september': 'Сентябрь',
+    'october': 'Октябрь',
+    'november': 'Ноябрь',
+    'december': 'Декабрь',
+    'jan': 'Янв',
+    'feb': 'Фев',
+    'mar': 'Мар',
+    'apr': 'Апр',
+    'may': 'Май',
+    'jun': 'Июн',
+    'jul': 'Июл',
+    'aug': 'Авг',
+    'sep': 'Сен',
+    'oct': 'Окт',
+    'nov': 'Ноя',
+    'dec': 'Дек',
+    'sunday': 'Воскресенье',
+    'monday': 'Понедельник',
+    'tuesday': 'Вторник',
+    'wednesday': 'Среда',
+    'thursday': 'Четверг',
+    'friday': 'Пятница',
+    'saturday': 'Суббота',
+    'sun': '	Вс',
+    'mon': '	Пн',
+    'tue': '	Вт',
+    'wed': '	Ср',
+    'thu': '	Чт',
+    'fri': '	Пт',
+    'sat': '	Сб',
+    'res': 'Ресурс',
+    'dur': 'Длительность',
+    'comp': '% выполнения',
+    'completion': 'Выполнено',
+    'startdate': 'Нач. дата',
+    'planstartdate': 'Plan Нач. дата',
+    'enddate': 'Кон. дата',
+    'planenddate': 'Plan Кон. дата',
+    'cost': 'Cost',
+    'moreinfo': 'Детали',
+    'nodata': 'No tasks found',
+    'notes': 'Заметки',
+    'format': 'Формат',
+    'hour': 'Час',
+    'day': 'День',
+    'week': 'Неделя',
+    'month': 'Месяц',
+    'quarter': 'Кварт',
+    'hours': 'Часов',
+    'days': 'Дней',
+    'weeks': 'Недель',
+    'months': 'Месяцев',
+    'quarters': 'Кварталов',
+    'hr': 'ч.',
+    'dy': 'дн.',
+    'wk': 'нед.',
+    'mth': 'мес.',
+    'qtr': 'кв.',
+    'hrs': 'ч.',
+    'dys': 'дн.',
+    'wks': 'нед.',
+    'mths': 'мес.',
+    'qtrs': 'кв.',
+    'tooltipLoading': 'Загрузка...'
+};
+exports.ru = ru;
+var sv = {
+    'format': 'Filter',
+    'hour': 'Timme',
+    'day': 'Dag',
+    'week': 'Vecka',
+    'month': 'Månad',
+    'quarter': 'Kvartal',
+    'hours': 'Timmar',
+    'days': 'Dagar',
+    'weeks': 'Veckor',
+    'months': 'Månader',
+    'quarters': 'Kvartal',
+    'hr': 'Timme',
+    'dy': 'Dag',
+    'wk': 'Vecka',
+    'mth': 'Månad',
     'qtr': 'Q',
-    'hrs': 't:t',
-    'dys': 'pv:t',
-    'wks': 'vk:t',
-    'mths': 'kk:t',
-    'qtrs': 'Kvartaalit',
-    'res': 'Henkilö',
-    'dur': 'Kesto',
-    'comp': '% Valm.',
-    'completion': 'Valmius',
-    'startdate': 'Alkupäivä',
-    'planstartdate': 'Suunniteltu alkupäivä',
-    'enddate': 'Päättymispäivä',
-    'planenddate': 'Suunniteltu päättymispäivä',
-    'cost': 'Kustannus',
-    'moreinfo': 'Lisätieto',
-    'nodata': 'Tehtäviä ei löydy',
-    'notes': 'Muistiinpanot',
-    'january': 'Tammikuu',
-    'february': 'Helmikuu',
-    'march': 'Maaliskuu',
-    'april': 'Huhtikuu',
-    'maylong': 'Toukokuu',
-    'june': 'Kesäkuu',
-    'july': 'Heinäkuu',
-    'august': 'Elokuu',
-    'september': 'Syyskuu',
-    'october': 'Lokakuu',
-    'november': 'Marraskuu',
-    'december': 'Joulukuu',
-    'jan': 'Tammi',
-    'feb': 'Helmi',
-    'mar': 'Maalis',
-    'apr': 'Huhti',
-    'may': 'Touko',
-    'jun': 'Kesä',
-    'jul': 'Heinä',
-    'aug': 'Elo',
-    'sep': 'Syys',
-    'oct': 'Loka',
-    'nov': 'Marras',
-    'dec': 'Joulu',
-    'sunday': 'Sunnuntai',
-    'monday': 'Maanantai',
-    'tuesday': 'Tiista',
-    'wednesday': 'Keskiviikko',
-    'thursday': 'Torstai',
-    'friday': 'Perjantai',
-    'saturday': 'Lauantai',
-    'sun': 'Su',
-    'mon': 'Ma',
-    'tue': 'Ti',
-    'wed': 'Ke',
-    'thu': 'To',
-    'fri': 'Pe',
-    'sat': 'La',
-    'tooltipLoading': 'Ladataan...'
+    'hrs': 'Timmar',
+    'dys': 'Dagar',
+    'wks': 'Veckor',
+    'mths': 'Månader',
+    'qtrs': 'Q',
+    'res': 'Resurs',
+    'dur': 'Tidsåtgång',
+    'comp': '% klart',
+    'completion': 'Klart',
+    'startdate': 'Startdatum',
+    'planstartdate': 'Planerad startdatum',
+    'enddate': 'Slutdatum',
+    'planenddate': 'Planerad slutdatum',
+    'cost': 'Kostnad',
+    'moreinfo': 'Mer Information',
+    'nodata': 'No tasks found',
+    'notes': 'Notes',
+    'january': 'januari',
+    'february': 'februari',
+    'march': 'mars',
+    'april': 'april',
+    'maylong': 'maj',
+    'june': 'juni',
+    'july': 'juli',
+    'august': 'augusti',
+    'september': 'september',
+    'october': 'oktober',
+    'november': 'november',
+    'december': 'december',
+    'jan': 'jan',
+    'feb': 'feb',
+    'mar': 'mar',
+    'apr': 'apr',
+    'may': 'maj',
+    'jun': 'jun',
+    'jul': 'jul',
+    'aug': 'aug',
+    'sep': 'sep',
+    'oct': 'okt',
+    'nov': 'nov',
+    'dec': 'dec',
+    'sunday': 'söndag',
+    'monday': 'måndag',
+    'tuesday': 'tisdag',
+    'wednesday': 'onsdag',
+    'thursday': 'torsdag',
+    'friday': 'fredag',
+    'saturday': 'lördag',
+    'sun': 'sön',
+    'mon': 'mån',
+    'tue': 'tis',
+    'wed': 'ons',
+    'thu': 'tor',
+    'fri': 'fre',
+    'sat': 'lör'
 };
-exports.fi = fi;
+exports.sv = sv;
+var tr = {
+    'format': 'Biçim',
+    'hour': 'Saat',
+    'day': 'Gün',
+    'week': 'Hafta',
+    'month': 'Ay',
+    'quarter': 'Çeyrek Yıl',
+    'hours': 'Saat',
+    'days': 'Gün',
+    'weeks': 'Hafta',
+    'months': 'Ay',
+    'quarters': 'Çeyrek Yıl',
+    'hr': 'Saat',
+    'dy': 'Gün',
+    'wk': 'Hft',
+    'mth': 'Ay',
+    'qtr': 'Çyrk',
+    'hrs': 'Saat',
+    'dys': 'Gün',
+    'wks': 'Hft',
+    'mths': 'Ay',
+    'qtrs': 'Çyrk',
+    'res': 'Kaynak',
+    'dur': 'Süre',
+    'comp': '% Tamamlanma.',
+    'completion': 'Tamamlanma',
+    'startdate': 'Başlangıç Tarihi',
+    'planstartdate': 'Plan Başlama Tarihi',
+    'enddate': 'Bitiş Tarihi',
+    'planenddate': 'Plan Bitiş Tarihi',
+    'cost': 'Tutar',
+    'moreinfo': 'Daha Fazla Bilgi',
+    'nodata': 'No tasks found',
+    'notes': 'Notlar',
+    'january': 'Ocak',
+    'february': 'Şubat',
+    'march': 'Mart',
+    'april': 'Nisan',
+    'maylong': 'Mayıs',
+    'june': 'Haziran',
+    'july': 'Temmuz',
+    'august': 'Ağustos',
+    'september': 'Eylül',
+    'october': 'Ekim',
+    'november': 'Kasım',
+    'december': 'Aralık',
+    'jan': 'Oca',
+    'feb': 'Şub',
+    'mar': 'Mar',
+    'apr': 'Nis',
+    'may': 'May',
+    'jun': 'Haz',
+    'jul': 'Tem',
+    'aug': 'Ağu',
+    'sep': 'Eyl',
+    'oct': 'Eki',
+    'nov': 'Kas',
+    'dec': 'Ara',
+    'sunday': 'Pazar',
+    'monday': 'Pazartesi',
+    'tuesday': 'Salı',
+    'wednesday': 'Çarşamba',
+    'thursday': 'Perşembe',
+    'friday': 'Cuma',
+    'saturday': 'Cumartesi',
+    'sun': 'Paz',
+    'mon': 'Pzt',
+    'tue': 'Sal',
+    'wed': 'Çrş',
+    'thu': 'Prş',
+    'fri': 'Cum',
+    'sat': 'Cmt'
+};
+exports.tr = tr;
 
 },{}],9:[function(require,module,exports){
 "use strict";
@@ -3157,6 +3236,12 @@ exports.includeGetSet = function () {
                 this.vLangs[pLang][vKey] = (pVals[vKey]) ? document.createTextNode(pVals[vKey]).data : this.vLangs['en'][vKey];
         }
     };
+    this.setCustomLang = function (pVals) {
+        this.vLangs[this.vLang] = new Object();
+        for (var vKey in this.vLangs['en']) {
+            this.vLangs[this.vLang][vKey] = (pVals[vKey]) ? document.createTextNode(pVals[vKey]).data : this.vLangs['en'][vKey];
+        }
+    };
     this.setTotalHeight = function (pVal) { this.vTotalHeight = pVal; };
     // EVENTS
     this.setEvents = function (pEvents) { this.vEvents = pEvents; };
@@ -3308,15 +3393,16 @@ exports.TaskItemObject = function (object) {
     general_utils_1.internalProperties.forEach(function (property) {
         delete pDataObject[property];
     });
-    return new exports.TaskItem(object.pID, object.pName, object.pStart, object.pEnd, object.pClass, object.pLink, object.pMile, object.pRes, object.pComp, object.pGroup, object.pParent, object.pOpen, object.pDepend, object.pCaption, object.pNotes, object.pGantt, object.pCost, object.pPlanStart, object.pPlanEnd, object.pDuration, object.pBarText, object);
+    return new exports.TaskItem(object.pID, object.pName, object.pStart, object.pEnd, object.pClass, object.pLink, object.pMile, object.pRes, object.pComp, object.pGroup, object.pParent, object.pOpen, object.pDepend, object.pCaption, object.pNotes, object.pGantt, object.pCost, object.pPlanStart, object.pPlanEnd, object.pDuration, object.pBarText, object, object.pPlanClass);
 };
-exports.TaskItem = function (pID, pName, pStart, pEnd, pClass, pLink, pMile, pRes, pComp, pGroup, pParent, pOpen, pDepend, pCaption, pNotes, pGantt, pCost, pPlanStart, pPlanEnd, pDuration, pBarText, pDataObject) {
+exports.TaskItem = function (pID, pName, pStart, pEnd, pClass, pLink, pMile, pRes, pComp, pGroup, pParent, pOpen, pDepend, pCaption, pNotes, pGantt, pCost, pPlanStart, pPlanEnd, pDuration, pBarText, pDataObject, pPlanClass) {
     if (pCost === void 0) { pCost = null; }
     if (pPlanStart === void 0) { pPlanStart = null; }
     if (pPlanEnd === void 0) { pPlanEnd = null; }
     if (pDuration === void 0) { pDuration = null; }
     if (pBarText === void 0) { pBarText = null; }
     if (pDataObject === void 0) { pDataObject = null; }
+    if (pPlanClass === void 0) { pPlanClass = null; }
     var vGantt = pGantt ? pGantt : this;
     var _id = document.createTextNode(pID).data;
     var vID = general_utils_1.hashKey(document.createTextNode(pID).data);
@@ -3330,6 +3416,7 @@ exports.TaskItem = function (pID, pName, pStart, pEnd, pClass, pLink, pMile, pRe
     var vGroupMinPlanStart = null;
     var vGroupMinPlanEnd = null;
     var vClass = document.createTextNode(pClass).data;
+    var vPlanClass = document.createTextNode(pPlanClass).data;
     var vLink = document.createTextNode(pLink).data;
     var vMile = parseInt(document.createTextNode(pMile).data);
     var vRes = document.createTextNode(pRes).data;
@@ -3467,6 +3554,7 @@ exports.TaskItem = function (pID, pName, pStart, pEnd, pClass, pLink, pMile, pRe
         return vEnd;
     };
     this.getPlanStart = function () { return vPlanStart ? vPlanStart : vStart; };
+    this.getPlanClass = function () { return vPlanClass && vPlanClass !== "null" ? vPlanClass : vClass; };
     this.getPlanEnd = function () { return vPlanEnd ? vPlanEnd : vEnd; };
     this.getCost = function () { return vCost; };
     this.getGroupMinStart = function () { return vGroupMinStart; };
@@ -3602,6 +3690,7 @@ exports.TaskItem = function (pID, pName, pStart, pEnd, pClass, pLink, pMile, pRe
     this.setName = function (pName) { vName = pName; };
     this.setNotes = function (pNotes) { vNotes = pNotes; };
     this.setClass = function (pClass) { vClass = pClass; };
+    this.setPlanClass = function (pPlanClass) { vPlanClass = pPlanClass; };
     this.setCost = function (pCost) { vCost = pCost; };
     this.setResource = function (pRes) { vRes = pRes; };
     this.setDuration = function (pDuration) { vDuration = pDuration; };
@@ -3708,7 +3797,8 @@ exports.TaskItem = function (pID, pName, pStart, pEnd, pClass, pLink, pMile, pRe
             pComp: vComp,
             pCost: vCost,
             pGroup: vGroup,
-            pDataObjec: vDataObject
+            pDataObject: vDataObject,
+            pPlanClass: vPlanClass
         };
     };
 };
@@ -4440,7 +4530,7 @@ exports.drawSelector = function (pPos) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.printChart = exports.calculateStartEndFromDepend = exports.makeRequestOldBrowsers = exports.makeRequest = exports.moveToolTip = exports.updateFlyingObj = exports.isParentElementOrSelf = exports.criticalPath = exports.hashKey = exports.hashString = exports.fadeToolTip = exports.hideToolTip = exports.isIE = exports.getOffset = exports.calculateCurrentDateOffset = exports.getScrollbarWidth = exports.getScrollPositions = exports.benchMark = exports.getZoomFactor = exports.delayedHide = exports.stripUnwanted = exports.stripIds = exports.changeFormat = exports.findObj = exports.internalPropertiesLang = exports.internalProperties = void 0;
 exports.internalProperties = ['pID', 'pName', 'pStart', 'pEnd', 'pClass', 'pLink', 'pMile', 'pRes', 'pComp', 'pGroup', 'pParent',
-    'pOpen', 'pDepend', 'pCaption', 'pNotes', 'pGantt', 'pCost', 'pPlanStart', 'pPlanEnd'];
+    'pOpen', 'pDepend', 'pCaption', 'pNotes', 'pGantt', 'pCost', 'pPlanStart', 'pPlanEnd', 'pPlanClass'];
 exports.internalPropertiesLang = {
     'pID': 'id',
     'pName': 'name',
@@ -4459,7 +4549,8 @@ exports.internalPropertiesLang = {
     'pNotes': 'notes',
     'pCost': 'cost',
     'pPlanStart': 'planstartdate',
-    'pPlanEnd': 'planenddate'
+    'pPlanEnd': 'planenddate',
+    'pPlanClass': 'planclass'
 };
 exports.findObj = function (theObj, theDoc) {
     if (theDoc === void 0) { theDoc = null; }
@@ -5137,7 +5228,7 @@ exports.AddXMLTask = function (pGanttVar, pXmlDoc) {
                 if (vSubCreated)
                     pDepend = '';
                 // Finally add the task
-                pGanttVar.AddTaskItem(new task_1.TaskItem(pID, pName, pStart, pEnd, pClass, pLink, pMile, pRes, pComp, pGroup, pParent, pOpen, pDepend, pCaption, pNotes, pGanttVar, pCost, pPlanStart, pPlanEnd, pDuration));
+                pGanttVar.AddTaskItem(new task_1.TaskItem(pID, pName, pStart, pEnd, pClass, pLink, pMile, pRes, pComp, pGroup, pParent, pOpen, pDepend, pCaption, pNotes, pGanttVar, pCost, pPlanStart, pPlanEnd, pDuration, undefined, undefined, pClass));
             }
         }
     }
@@ -5167,6 +5258,7 @@ exports.AddXMLTask = function (pGanttVar, pXmlDoc) {
                 var pCaption = exports.getXMLNodeValue(Task[i], 'pCaption', 2, '');
                 var pNotes = exports.getXMLNodeValue(Task[i], 'pNotes', 2, '');
                 var pClass = exports.getXMLNodeValue(Task[i], 'pClass', 2, '');
+                var pPlanClass = exports.getXMLNodeValue(Task[i], 'pPlanClass', 2, '');
                 if (typeof pClass == 'undefined') {
                     if (pGroup > 0)
                         pClass = 'ggroupblack';
@@ -5175,8 +5267,10 @@ exports.AddXMLTask = function (pGanttVar, pXmlDoc) {
                     else
                         pClass = 'gtaskblue';
                 }
+                if (typeof pPlanClass == 'undefined')
+                    pPlanClass = pClass;
                 // Finally add the task
-                pGanttVar.AddTaskItem(new task_1.TaskItem(pID, pName, pStart, pEnd, pClass, pLink, pMile, pRes, pComp, pGroup, pParent, pOpen, pDepend, pCaption, pNotes, pGanttVar, pCost, pPlanStart, pPlanEnd, pDuration));
+                pGanttVar.AddTaskItem(new task_1.TaskItem(pID, pName, pStart, pEnd, pClass, pLink, pMile, pRes, pComp, pGroup, pParent, pOpen, pDepend, pCaption, pNotes, pGanttVar, pCost, pPlanStart, pPlanEnd, pDuration, undefined, undefined, pPlanClass));
             }
         }
     }
@@ -5237,6 +5331,7 @@ exports.getXMLTask = function (pID, pIdx) {
         var vTmpFrag = document.createDocumentFragment();
         var vTmpDiv = draw_utils_1.newNode(vTmpFrag, 'div', null, null, this.vTaskList[vIdx].getNotes().innerHTML);
         vTask += '<pNotes>' + vTmpDiv.innerHTML + '</pNotes>';
+        vTask += '<pPlanClass>' + this.vTaskList[vIdx].getPlanClass() + '</pPlanClass>';
         vTask += '</task>';
     }
     return vTask;