Skip to content

Commit a7ee740

Browse files
author
pipeline
committed
v20.2.43 is released
1 parent bcb3e55 commit a7ee740

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

52 files changed

+71
-67
lines changed

‎README.md

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -61,17 +61,17 @@ To add datasource file for the component, you need to include the `dataSourcePat
6161

6262
refer the below link for config
6363

64-
https://gitlab.syncfusion.com/essential-studio/ej2-javascript-samples/blob/7a32bea49aca215fdef1fe432e4135fa07ff3c83/src/grid/sample.json#L9
64+
https://github.com/syncfusion/ej2-javascript-samples/blob/master/src/grid/sample.json#L7
6565

6666
The sample datasource file need to store the json in window variable.
6767

6868
Each component's datasource window variable name must be unique.
6969

7070
For example datasource for grid must be stored as `window.gridData`.
7171

72-
Refer the below below datasource file for further reference
72+
Refer the below datasource file for further reference
7373

74-
https://gitlab.syncfusion.com/essential-studio/ej2-javascript-samples/blob/19761f5590b4af5b2ea1cb90bed33d8dfa496de9/src/grid/datasource.js
74+
https://github.com/syncfusion/ej2-javascript-samples/blob/master/src/grid/data-source.js
7575

7676
**Note:** Each component should include one datasource file only.
7777

@@ -102,4 +102,3 @@ http://your-ip-address:3000
102102
```
103103

104104
**Note:** Here, The mentioned IP is your local machine IP Address.
105-

‎index.html

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -549,13 +549,6 @@ <h1 class='sb-sample-text'>Chart</h1>
549549
</div>
550550

551551
</div>
552-
553-
<script>
554-
if(location.hash.indexOf('-dark')!== -1){
555-
document.getElementById('dark-switcher').checked = true;
556-
}
557-
558-
</script>
559552
<script src="src/common/index.min.js" type="text/javascript"></script>
560553
</body>
561554

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-javascript-samples",
3-
"version": "20.2.36",
3+
"version": "20.2.43",
44
"description": "Examples of JavaScript (ES5) UI Controls",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎src/gantt/baseline-stack.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
{"index.html":"<html><head><script src=\"//npmci.syncfusion.com/development/demos/gantt/baseline/datasource.js\" type=\"text/javascript\"></script>\n<script src=\"https://cdn.syncfusion.com/ej2/dist/ej2.min.js\" type=\"text/javascript\"></script>\n <link href=\"https://cdn.syncfusion.com/ej2/material.css\" rel=\"stylesheet\">\n\n <link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\n\n <style>\n body{\n touch-action:none;\n }\n </style></head><body><div class=\"stackblitz-container {{theme}}\"><div class=\"control-section\">\n <div class=\"content-wrapper\">\n <div id=\"Baseline\">\n </div>\n <div style=\"float: right; margin: 10px;\">Source:\n <a href=\"https://en.wikipedia.org/wiki/Service_(motor_vehicle)\" target=\"_blank\">https://en.wikipedia.org/</a>\n </div>\n </div>\n</div>\n<script type=\"text/x-jsrender\" id=\"tooltip\">\n <table>\n <tbody>\n <tr><td colspan=\"3\">${TaskName}</td></tr>\n <tr>\n <td > Start Time </td> <td>:</td>\n <td>${this.getFormatedDate(StartDate)}</td>\n </tr>\n <tr>\n <td> End Time</td> <td>:</td>\n <td >${this.getFormatedDate(EndDate)}</td>\n </tr>\n <tr>\n <td> Planned start time</td> <td>:</td>\n <td>${this.getFormatedDate(BaselineStartDate)}</td>\n </tr>\n <tr>\n <td> Planned end time</td> <td>:</td>\n <td>${this.getFormatedDate(BaselineEndDate)}</td>\n </tr>\n </tbody>\n </table>\n</script>\n\n\n</div></body></html>","index.js":"{{ripple}}\n var ganttChart = new ej.gantt.Gantt({\n dataSource: window.baselineData,\n renderBaseline: true,\n taskFields: {\n id: 'TaskId',\n name: 'TaskName',\n startDate: 'StartDate',\n endDate: 'EndDate',\n baselineStartDate: 'BaselineStartDate',\n baselineEndDate: 'BaselineEndDate'\n },\n columns: [\n { field: 'TaskName', headerText: 'Service Name', width: '250', clipMode: 'EllipsisWithTooltip' },\n { field: 'BaselineStartDate', headerText: 'Planned start time' },\n { field: 'BaselineEndDate', headerText: 'Planned end time' },\n { field: 'StartDate', headerText: 'Start time' },\n { field: 'EndDate', headerText: 'End time' },\n ],\n treeColumnIndex: 1,\n allowSelection: true,\n includeWeekend: true,\n timelineSettings: {\n timelineUnitSize: 65,\n topTier: {\n unit: 'None',\n },\n bottomTier: {\n unit: 'Minutes',\n count: 15,\n format: 'hh:mm a'\n },\n },\n tooltipSettings: {\n taskbar: '#tooltip',\n },\n durationUnit: 'Minute',\n dateFormat: 'hh:mm a',\n height: '450px',\n dayWorkingTime: [{ from: 0, to: 24 }],\n projectStartDate: new Date('03/05/2018 09:30:00 AM'),\n projectEndDate: new Date('03/05/2018 07:00:00 PM')\n });\n ganttChart.appendTo('#Baseline');\n"}
1+
{"index.html":"<html><head><script src=\"//ej2.syncfusion.com/javascript/demos/gantt/baseline/datasource.js\" type=\"text/javascript\"></script>\n<script src=\"https://cdn.syncfusion.com/ej2/dist/ej2.min.js\" type=\"text/javascript\"></script>\n <link href=\"https://cdn.syncfusion.com/ej2/material.css\" rel=\"stylesheet\">\n\n <link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\n\n <style>\n body{\n touch-action:none;\n }\n </style></head><body><div class=\"stackblitz-container {{theme}}\"><div class=\"control-section\">\n <div class=\"content-wrapper\">\n <div id=\"Baseline\">\n </div>\n <div style=\"float: right; margin: 10px;\">Source:\n <a href=\"https://en.wikipedia.org/wiki/Service_(motor_vehicle)\" target=\"_blank\">https://en.wikipedia.org/</a>\n </div>\n </div>\n</div>\n<script type=\"text/x-jsrender\" id=\"tooltip\">\n <table>\n <tbody>\n <tr><td colspan=\"3\">${TaskName}</td></tr>\n <tr>\n <td > Start Time </td> <td>:</td>\n <td>${this.getFormatedDate(StartDate)}</td>\n </tr>\n <tr>\n <td> End Time</td> <td>:</td>\n <td >${this.getFormatedDate(EndDate)}</td>\n </tr>\n <tr>\n <td> Planned start time</td> <td>:</td>\n <td>${this.getFormatedDate(BaselineStartDate)}</td>\n </tr>\n <tr>\n <td> Planned end time</td> <td>:</td>\n <td>${this.getFormatedDate(BaselineEndDate)}</td>\n </tr>\n </tbody>\n </table>\n</script>\n\n\n</div></body></html>","index.js":"{{ripple}}\n var ganttChart = new ej.gantt.Gantt({\n dataSource: window.baselineData,\n renderBaseline: true,\n taskFields: {\n id: 'TaskId',\n name: 'TaskName',\n startDate: 'StartDate',\n endDate: 'EndDate',\n baselineStartDate: 'BaselineStartDate',\n baselineEndDate: 'BaselineEndDate'\n },\n columns: [\n { field: 'TaskName', headerText: 'Service Name', width: '250', clipMode: 'EllipsisWithTooltip' },\n { field: 'BaselineStartDate', headerText: 'Planned start time' },\n { field: 'BaselineEndDate', headerText: 'Planned end time' },\n { field: 'StartDate', headerText: 'Start time' },\n { field: 'EndDate', headerText: 'End time' },\n ],\n treeColumnIndex: 1,\n allowSelection: true,\n includeWeekend: true,\n timelineSettings: {\n timelineUnitSize: 65,\n topTier: {\n unit: 'None',\n },\n bottomTier: {\n unit: 'Minutes',\n count: 15,\n format: 'hh:mm a'\n },\n },\n tooltipSettings: {\n taskbar: '#tooltip',\n },\n durationUnit: 'Minute',\n dateFormat: 'hh:mm a',\n height: '450px',\n dayWorkingTime: [{ from: 0, to: 24 }],\n projectStartDate: new Date('03/05/2018 09:30:00 AM'),\n projectEndDate: new Date('03/05/2018 07:00:00 PM')\n });\n ganttChart.appendTo('#Baseline');\n"}

‎src/gantt/column-menu-stack.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
{"index.html":"<html><head><script src=\"//npmci.syncfusion.com/development/demos/gantt/column-menu/datasource.js\" type=\"text/javascript\"></script>\n<script src=\"https://cdn.syncfusion.com/ej2/dist/ej2.min.js\" type=\"text/javascript\"></script>\n <link href=\"https://cdn.syncfusion.com/ej2/material.css\" rel=\"stylesheet\">\n\n <link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\n\n <style>\n body{\n touch-action:none;\n }\n </style></head><body><div class=\"stackblitz-container {{theme}}\"><div class=\"control-section\">\n <div class=\"content-wrapper\">\n <div id=\"ColumnMenu\">\n </div>\n <div style=\"float: right; margin: 10px;\">Source:\n <a href=\"https://en.wikipedia.org/wiki/Construction\" target=\"_blank\">https://en.wikipedia.org/</a>\n </div>\n </div>\n</div>\n\n\n\n</div></body></html>","index.js":"{{ripple}}\n var ganttChart = new ej.gantt.Gantt({\n dataSource: window.projectNewData,\n height: '450px',\n highlightWeekends: true,\n showColumnMenu: true,\n allowFiltering: true,\n allowSorting: true,\n allowResizing: true,\n taskFields: {\n id: 'TaskID',\n name: 'TaskName',\n startDate: 'StartDate',\n endDate: 'EndDate',\n duration: 'Duration',\n progress: 'Progress',\n dependency: 'Predecessor',\n child: 'subtasks'\n },\n columns: [\n { field: 'TaskID', headerText: 'ID', width: 100 },\n { field: 'TaskName', headerText: 'Name', width: 250 },\n { field: 'StartDate' },\n { field: 'EndDate' },\n { field: 'Duration' },\n { field: 'Progress' },\n { field: 'Predecessor', headerText: 'Dependency' }\n ],\n columnMenuOpen: columnMenuOpen,\n treeColumnIndex: 1,\n labelSettings: {\n leftLabel: 'TaskName'\n },\n splitterSettings: {\n columnIndex: 4\n },\n projectStartDate: new Date('03/24/2019'),\n projectEndDate: new Date('07/06/2019')\n });\n ganttChart.appendTo('#ColumnMenu');\n\n function columnMenuOpen(args) {\n if (args.parentItem != null) {\n args.element.querySelectorAll('li')[ganttChart.treeColumnIndex].style.display = 'none';\n }\n }\n"}
1+
{"index.html":"<html><head><script src=\"//ej2.syncfusion.com/javascript/demos/gantt/column-menu/datasource.js\" type=\"text/javascript\"></script>\n<script src=\"https://cdn.syncfusion.com/ej2/dist/ej2.min.js\" type=\"text/javascript\"></script>\n <link href=\"https://cdn.syncfusion.com/ej2/material.css\" rel=\"stylesheet\">\n\n <link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\n\n <style>\n body{\n touch-action:none;\n }\n </style></head><body><div class=\"stackblitz-container {{theme}}\"><div class=\"control-section\">\n <div class=\"content-wrapper\">\n <div id=\"ColumnMenu\">\n </div>\n <div style=\"float: right; margin: 10px;\">Source:\n <a href=\"https://en.wikipedia.org/wiki/Construction\" target=\"_blank\">https://en.wikipedia.org/</a>\n </div>\n </div>\n</div>\n\n\n\n</div></body></html>","index.js":"{{ripple}}\n var ganttChart = new ej.gantt.Gantt({\n dataSource: window.projectNewData,\n height: '450px',\n highlightWeekends: true,\n showColumnMenu: true,\n allowFiltering: true,\n allowSorting: true,\n allowResizing: true,\n taskFields: {\n id: 'TaskID',\n name: 'TaskName',\n startDate: 'StartDate',\n endDate: 'EndDate',\n duration: 'Duration',\n progress: 'Progress',\n dependency: 'Predecessor',\n child: 'subtasks'\n },\n columns: [\n { field: 'TaskID', headerText: 'ID', width: 100 },\n { field: 'TaskName', headerText: 'Name', width: 250 },\n { field: 'StartDate' },\n { field: 'EndDate' },\n { field: 'Duration' },\n { field: 'Progress' },\n { field: 'Predecessor', headerText: 'Dependency' }\n ],\n columnMenuOpen: columnMenuOpen,\n treeColumnIndex: 1,\n labelSettings: {\n leftLabel: 'TaskName'\n },\n splitterSettings: {\n columnIndex: 4\n },\n projectStartDate: new Date('03/24/2019'),\n projectEndDate: new Date('07/06/2019')\n });\n ganttChart.appendTo('#ColumnMenu');\n\n function columnMenuOpen(args) {\n if (args.parentItem != null) {\n args.element.querySelectorAll('li')[ganttChart.treeColumnIndex].style.display = 'none';\n }\n }\n"}

‎src/gantt/column-template-stack.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
{"index.html":"<html><head><script src=\"//npmci.syncfusion.com/development/demos/gantt/column-template/datasource.js\" type=\"text/javascript\"></script>\n<script src=\"https://cdn.syncfusion.com/ej2/dist/ej2.min.js\" type=\"text/javascript\"></script>\n <link href=\"https://cdn.syncfusion.com/ej2/material.css\" rel=\"stylesheet\">\n\n <link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\n\n <style>\n body{\n touch-action:none;\n }\n </style></head><body><div class=\"stackblitz-container {{theme}}\"><div class=\"control-section\">\n <div class=\"content-wrapper\">\n <div id=\"ColumnTemplate\">\n </div>\n <div style=\"float: right; margin: 10px;\">Source:\n <a href=\"https://en.wikipedia.org/wiki/Construction\" target=\"_blank\">https://en.wikipedia.org/</a>\n </div>\n </div>\n</div>\n\n<script type=\"text/x-template\" id=\"columnTemplate\">\n ${if(ganttProperties.resourceNames)}\n <div class=\"image\">\n <img src=\"//npmci.syncfusion.com/development/demos/src/gantt/images/${ganttProperties.resourceNames}.png\" style=\"height:40px;width:40px\" /><div style=\"display:inline-block;width:100%;position:relative;left:30px\">${ganttProperties.resourceNames}</div>\n </div>\n ${/if}\n</script>\n\n\n\n</div></body></html>","index.js":"{{ripple}}\n var ganttChart = new ej.gantt.Gantt({\n dataSource: window.templateData,\n height: '450px',\n highlightWeekends: true,\n taskFields: {\n id: 'TaskID',\n name: 'TaskName',\n startDate: 'StartDate',\n endDate: 'EndDate',\n duration: 'Duration',\n progress: 'Progress',\n resourceInfo: 'resources',\n dependency: 'Predecessor',\n child: 'subtasks'\n },\n columns: [\n { field: 'TaskID', headerText: 'Task ID', textAlign: 'Left' },\n { field: 'TaskName', headerText: 'Task Name', width: '250' },\n\t\t\t{ field: 'resources', headerText: 'Resources', width: '250',template: '#columnTemplate' },\n { field: 'StartDate', headerText: 'Start Date', width: '150' },\n { field: 'Duration', headerText: 'Duration', width: '150' },\n { field: 'Progress', headerText: 'Progress', width: '150' },\n ],\n treeColumnIndex: 1,\n labelSettings: {\n leftLabel: 'TaskName'\n },\n splitterSettings: {\n columnIndex: 3\n },\n rowHeight:60,\n resourceFields: {\n id: 'resourceId',\n name: 'resourceName'\n },\n resources: editingResources,\n projectStartDate: new Date('03/24/2019'),\n projectEndDate: new Date('07/06/2019')\n });\n ganttChart.appendTo('#ColumnTemplate');\n"}
1+
{"index.html":"<html><head><script src=\"//ej2.syncfusion.com/javascript/demos/gantt/column-template/datasource.js\" type=\"text/javascript\"></script>\n<script src=\"https://cdn.syncfusion.com/ej2/dist/ej2.min.js\" type=\"text/javascript\"></script>\n <link href=\"https://cdn.syncfusion.com/ej2/material.css\" rel=\"stylesheet\">\n\n <link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\n\n <style>\n body{\n touch-action:none;\n }\n </style></head><body><div class=\"stackblitz-container {{theme}}\"><div class=\"control-section\">\n <div class=\"content-wrapper\">\n <div id=\"ColumnTemplate\">\n </div>\n <div style=\"float: right; margin: 10px;\">Source:\n <a href=\"https://en.wikipedia.org/wiki/Construction\" target=\"_blank\">https://en.wikipedia.org/</a>\n </div>\n </div>\n</div>\n\n<script type=\"text/x-template\" id=\"columnTemplate\">\n ${if(ganttProperties.resourceNames)}\n <div class=\"image\">\n <img src=\"//ej2.syncfusion.com/javascript/demos/src/gantt/images/${ganttProperties.resourceNames}.png\" style=\"height:40px;width:40px\" /><div style=\"display:inline-block;width:100%;position:relative;left:30px\">${ganttProperties.resourceNames}</div>\n </div>\n ${/if}\n</script>\n\n\n\n</div></body></html>","index.js":"{{ripple}}\n var ganttChart = new ej.gantt.Gantt({\n dataSource: window.templateData,\n height: '450px',\n highlightWeekends: true,\n taskFields: {\n id: 'TaskID',\n name: 'TaskName',\n startDate: 'StartDate',\n endDate: 'EndDate',\n duration: 'Duration',\n progress: 'Progress',\n resourceInfo: 'resources',\n dependency: 'Predecessor',\n child: 'subtasks'\n },\n columns: [\n { field: 'TaskID', headerText: 'Task ID', textAlign: 'Left' },\n { field: 'TaskName', headerText: 'Task Name', width: '250' },\n\t\t\t{ field: 'resources', headerText: 'Resources', width: '250',template: '#columnTemplate' },\n { field: 'StartDate', headerText: 'Start Date', width: '150' },\n { field: 'Duration', headerText: 'Duration', width: '150' },\n { field: 'Progress', headerText: 'Progress', width: '150' },\n ],\n treeColumnIndex: 1,\n labelSettings: {\n leftLabel: 'TaskName'\n },\n splitterSettings: {\n columnIndex: 3\n },\n rowHeight:60,\n resourceFields: {\n id: 'resourceId',\n name: 'resourceName'\n },\n resources: editingResources,\n projectStartDate: new Date('03/24/2019'),\n projectEndDate: new Date('07/06/2019')\n });\n ganttChart.appendTo('#ColumnTemplate');\n"}

0 commit comments

Comments
 (0)