';return`${lines}
`}buildRow(rowArr,dataIndex){let totalTime=this.maxTime-this.minTime,compositeRows=``;for(let i=0;i
`}this.linkAlias?compositeRows+=`
`:compositeRows+=`
`}return compositeRows+"
'],header=this.buildHeader(),this1=this;return buildContent(this.data,body),body.push("
"),`${header}${body.join("")}
`;function buildContent(data,result,depth=0,dataIndex=[]){for(let prop in data)data[prop]&&("groupName"!==prop&&dataIndex.push(prop),"object"!=typeof data[prop]||Array.isArray(data[prop])?Array.isArray(data[prop])&&result.push(`${this1.buildRow(data[prop],dataIndex)}
`):(result.push(``),depth+=1,buildContent(data[prop],result,depth,dataIndex),depth-=1),dataIndex.pop());result.push("
")}}buildChart(){let content=this.buildContent(),lines;return`${this.buildLines()}${content}`}bindHover(){let bindElements;document.querySelectorAll(`#${this.staticID} .gfb-gantt-row-entry`).forEach(bindElement=>{let toolTipElement,timeout;bindElement.addEventListener("mouseover",e=>{let target=e.target,indexArray=target.getAttribute("data-index").split("-"),position=getElOffset(target),targetHeight=getBoundingRect(target).height,this1=this;function getToolTipData(){let dataArray=this1.data;for(let i=0;i{target.classList.contains("hovering")&&(toolTipElement=document.createElement("div"),toolTipElement.classList.add("gfb-gantt-row-entry-tooltip"),toolTipElement.innerHTML=getToolTipData(),toolTipElement.style.top=`${position.top}px`,toolTipElement.style.left=`${position.left}px`,document.body.appendChild(toolTipElement),fadeIn(toolTipElement,300))},300)}),bindElement.addEventListener("mouseout",e=>{let target=e.target;clearTimeout(timeout),target.classList.remove("hovering"),toolTipElement&&fadeOut(toolTipElement,300,()=>toolTipElement.remove())})})}bindCollapse(){let bindElements;document.querySelectorAll(`#${this.staticID} .gfb-gantt-grouping-header`).forEach(bindElement=>{bindElement.addEventListener("click",e=>{let group=e.target.nextSibling,duration=300;group.classList.contains("gfb-gantt-group--collapsed")?(slideDown(group,300),group.classList.remove("gfb-gantt-group--collapsed")):(slideUp(group,300),group.classList.add("gfb-gantt-group--collapsed"))})})}render(){this.wrapper.innerHTML=this.buildChart(),this.bindCollapse(),this.tooltipAlias&&this.bindHover()}noDataFound(){this.wrapper.innerHTML=this.noDataFoundMessage}empty(){this.wrapper.innerHTML=""}}function roundHourUp(date){let m=36e5;return new Date(Math.ceil(date.getTime()/m)*m)}function roundHourDown(date){let m=36e5;return new Date(Math.floor(date.getTime()/m)*m)}function fadeIn(element,ms,callback=null){let duration,interval=50,gap=50/ms,opacity=0;element.style.display="block",element.style.opacity=opacity;let fading=window.setInterval(fade,50);function fade(){opacity+=gap,element.style.opacity=opacity,opacity<=0&&(element.style.display="none"),opacity>=1&&(window.clearInterval(fading),callback&&callback())}}function fadeOut(element,ms,callback=null){let duration,interval=50,gap=50/ms,opacity=1,fading=window.setInterval(fade,50);function fade(){opacity-=gap,element.style.opacity=opacity,opacity<=0&&(element.style.display="none"),opacity<=0&&(window.clearInterval(fading),callback&&callback())}}function getElOffset(element){let boundingRect=getBoundingRect(element);return{top:boundingRect.top+window.scrollY,left:boundingRect.left+window.scrollX}}function getBoundingRect(element){return element.getBoundingClientRect()}function slideUp(element,ms){setProperty(element,"height",`${element.offsetHeight}px`),setProperty(element,"transition-property","height, margin, padding"),setProperty(element,"transition-duration",`${ms}ms`),setProperty(element,"box-sizing","border-box"),zeroMultiProperty(element,["margin-bottom","margin-top","padding-top","padding-bottom"]),setProperty(element,"overflow","hidden"),setTimeout(()=>setProperty(element,"height"),0),setTimeout(()=>{setProperty(element,"display","none"),removeMultiProperty(element,["height","padding-top","padding-bottom","margin-top","margin-bottom","overflow","transition-duration","transition-property"])},ms)}function slideDown(element,ms){element.style.display="block";let height=element.offsetHeight;setProperty(element,"height"),setProperty(element,"transition-property","height, margin, padding"),setProperty(element,"transition-duration",`${ms}ms`),setProperty(element,"box-sizing","border-box"),setProperty(element,"overflow","hidden"),setTimeout(()=>setProperty(element,"height",`${height}px`),0),setTimeout(()=>{removeMultiProperty(element,["height","overflow","transition-duration","transition-property"])},ms)}function setProperty(element,property,value=0){element.style.setProperty(property,value)}function zeroMultiProperty(element,properties){for(property of properties)setProperty(element,property)}function removeMultiProperty(element,properties){for(property of properties)removeProperty(element,property)}function removeProperty(element,property){element.style.removeProperty(property)}
\ No newline at end of file
diff --git a/libraries/JS-Gantt-Chart-master/sample-chart/index.html b/libraries/JS-Gantt-Chart-master/sample-chart/index.html
new file mode 100644
index 0000000..bfaf513
--- /dev/null
+++ b/libraries/JS-Gantt-Chart-master/sample-chart/index.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/libraries/JS-Gantt-Chart-master/sample-chart/initialize-gantt.js b/libraries/JS-Gantt-Chart-master/sample-chart/initialize-gantt.js
new file mode 100644
index 0000000..2b0cb86
--- /dev/null
+++ b/libraries/JS-Gantt-Chart-master/sample-chart/initialize-gantt.js
@@ -0,0 +1,70 @@
+let data = [
+ {
+ recordID: 1,
+ row: "Row for ID #1",
+ tooltip: "Tooltips here! Get your tooltips!",
+ start: "Wed Jun 03 2020 14:21:55",
+ end: "Wed Jun 03 2020 20:21:55",
+ group: "This is a group with a new name",
+ groupId: 5
+ },
+ {
+ recordID: 2,
+ row: "Row for ID #2",
+ tooltip: "Tooltip for row 2",
+ start: "Jun 03 2020 11:00:00",
+ end: "Jun 03 2020 15:23:43",
+ group: "empty",
+ groupId: 1
+ },
+ {
+ recordID: 1,
+ row: "Row for ID #1",
+ tooltip: "Tooltip unique to this item",
+ start: "Wed Jun 03 2020 06:00:00",
+ end: "Wed Jun 03 2020 10:00:00",
+ group: "test",
+ groupId: 2,
+ subGroupId: 1,
+ subGroup: "Subgroup #1"
+ },
+ {
+ recordID: 5,
+ row: "Now we have grouping",
+ tooltip: "Tooltip after grouping",
+ start: "Wed Jun 03 2020 06:00:00",
+ end: "Wed Jun 03 2020 10:00:00",
+ group: "test",
+ groupId: 2,
+ subGroupId: 1,
+ subGroup: "Subgroup #1"
+ }
+ ];
+
+
+//This could be an API call to grab data
+function refreshFunction() {
+ return data;
+}
+
+//Parameters that the chart expects
+let params = {
+ sidebarHeader: "Unused right now",
+ noDataFoundMessage: "No data found",
+ startTimeAlias: "start",
+ endTimeAlias: "end",
+ idAlias: "recordID",
+ rowAlias: "row",
+ linkAlias: null,
+ tooltipAlias: "tooltip",
+ groupBy: "groupId,subGroupId",
+ groupByAlias: "group,subGroup",
+ refreshFunction: refreshFunction
+}
+
+//Create the chart.
+//On first render the chart will call its refreshData function on its own.
+let ganttChart = new Gantt("chart", params);
+
+//To refresh the chart's data
+ganttChart.refreshData();
\ No newline at end of file
diff --git a/libraries/jquery-gantt/jquery-gantt.css b/libraries/jquery-gantt/jquery-gantt.css
index 4684dbc..fbe3374 100644
--- a/libraries/jquery-gantt/jquery-gantt.css
+++ b/libraries/jquery-gantt/jquery-gantt.css
@@ -55,7 +55,7 @@
display: inline-block;
margin: 0 0 0 5px;
color: #484A4D;
- width: 110px;
+ width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
@@ -204,17 +204,36 @@
border-radius: 3px;
}
+.fn-gantt .bar.ganttGrey {
+ background-color: #f0f0f0;
+ -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
+ -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
+}
+
+/* ganttRed */
+.fn-gantt .bar.ganttRed {
+ background-color: #772626;
+ -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
+ -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
+}
+
.fn-gantt .bar .fn-label {
line-height: 18px;
- font-weight: bold;
+ font-weight: 400;
white-space: nowrap;
width: 100%;
- color: #414B57 !important;
+ color: #414B57;
text-align: center;
font-size: 11px;
text-indent: 5px;
}
+.fn-content .bar.ganttRed .fn-label {
+ color: #FFF;
+}
+
.fn-gantt .gantt10 {
background-color: #cc0000;
}
diff --git a/libraries/jquery-gantt/jquery-gantt.js b/libraries/jquery-gantt/jquery-gantt.js
index d415706..06fbe33 100644
--- a/libraries/jquery-gantt/jquery-gantt.js
+++ b/libraries/jquery-gantt/jquery-gantt.js
@@ -11,8 +11,8 @@
var settings = {
source: [],
itemsPerPage: 7,
- months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
- dow: ["S", "M", "T", "W", "T", "F", "S"],
+ months: ["Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień"],
+ dow: ["N", "P", "W", "Ś", "C", "P", "S"], // Niedziela, Poniedziałek, Wtorek, Środa, Czwartek, Piątek, Sobota
navigate: "buttons",
scale: "days",
useCookie: false,
@@ -1711,11 +1711,22 @@
}
switch (settings.scale) {
- //case "hours": this.headerRows = 5; this.scaleStep = 8; break;
- case "hours": this.headerRows = 5; this.scaleStep = 12; break;
- case "weeks": this.headerRows = 3; this.scaleStep = 13; break;
- case "months": this.headerRows = 2; this.scaleStep = 14; break;
- default: this.headerRows = 4; this.scaleStep = 13; break;
+ case "hours":
+ this.headerRows = 5;
+ this.scaleStep = settings.scaleStep || 12;
+ break;
+ case "weeks":
+ this.headerRows = 3;
+ this.scaleStep = settings.scaleStep || 13;
+ break;
+ case "months":
+ this.headerRows = 2;
+ this.scaleStep = settings.scaleStep || 14;
+ break;
+ default:
+ this.headerRows = 4;
+ this.scaleStep = settings.scaleStep || 13;
+ break;
}
this.scrollNavigation = {
diff --git a/templates/site/layout-logged.php b/templates/site/layout-logged.php
index ade6465..2cabca2 100644
--- a/templates/site/layout-logged.php
+++ b/templates/site/layout-logged.php
@@ -20,6 +20,7 @@
+