jsgantt-improved 2.8.4 → 2.8.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/Documentation.md +5 -2
  2. package/README.md +24 -2
  3. package/dist/jsgantt.css +26 -22
  4. package/dist/jsgantt.js +1133 -1038
  5. package/dist/src/draw.js +226 -227
  6. package/dist/src/draw.js.map +1 -1
  7. package/dist/src/json.js +6 -1
  8. package/dist/src/json.js.map +1 -1
  9. package/dist/src/lang.js +948 -873
  10. package/dist/src/lang.js.map +1 -1
  11. package/dist/src/options.js +6 -0
  12. package/dist/src/options.js.map +1 -1
  13. package/dist/src/task.js +8 -3
  14. package/dist/src/task.js.map +1 -1
  15. package/dist/src/utils/general_utils.js +3 -2
  16. package/dist/src/utils/general_utils.js.map +1 -1
  17. package/dist/src/xml.js +6 -2
  18. package/dist/src/xml.js.map +1 -1
  19. package/docs/demo-plan-color.html +282 -0
  20. package/docs/demo.html +273 -275
  21. package/docs/fixes/data-plan-color.json +177 -0
  22. package/docs/index.js +266 -278
  23. package/docs/project.xml +1 -0
  24. package/package.json +49 -49
  25. package/src/jsgantt.css +26 -22
  26. package/tsconfig.json +26 -26
package/docs/demo.html CHANGED
@@ -1,276 +1,274 @@
1
- <!DOCTYPE html>
2
- <html lang="en" class="no-js">
3
-
4
- <!-- Head -->
5
-
6
- <head>
7
- <!-- Meta data -->
8
- <meta charset="utf-8">
9
- <title>jsGantt Improved</title>
10
- <meta name="description" content="FREE javascript gantt - jsGantt Improved HTML, CSS and AJAX only">
11
- <meta name="keywords" content="jsgantt-improved free javascript gantt-chart html css ajax">
12
- <meta name="viewport" content="width=device-width,initial-scale=1">
13
- <style>
14
- .row [type=checkbox] {
15
- margin-right: 10px
16
- }
17
-
18
- .row {
19
- width: 100%
20
- }
21
-
22
- .space {
23
- display: inline-block;
24
- width: 30px;
25
- }
26
-
27
- .deadline-line {
28
- position: absolute;
29
- top: 0;
30
- width: 1px;
31
- height: 22px;
32
- background: #777777;
33
- }
34
- @media print {
35
- .no-print {
36
- display: none;
37
- }
38
- }
39
- </style>
40
- <!-- External resources -->
41
- <!-- jQuery + Ajax [required by Bootstrap] -->
42
- <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"
43
- integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n"
44
- crossorigin="anonymous"></script>
45
- <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"
46
- integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb"
47
- crossorigin="anonymous"></script>
48
- <!-- Required by smooth scrolling -->
49
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
50
- <!-- Bootstrap v4.0.0 Alpha -->
51
- <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"
52
- integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous" />
53
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"
54
- integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn"
55
- crossorigin="anonymous"></script>
56
- <!-- Google Fonts -->
57
- <link href="https://fonts.googleapis.com/css?family=Cookie|Satisfy|Kelly+Slab|Overlock" rel="stylesheet">
58
-
59
- <!-- jsGanttImproved App -->
60
- <link href="../dist/jsgantt.css" rel="stylesheet" type="text/css" />
61
- <script src="../dist/jsgantt.js" type="text/javascript"></script>
62
- </head>
63
-
64
- <!-- Content -->
65
-
66
- <body data-spy="scroll" data-target="#my-navbar-nav" style="padding: 30px;">
67
-
68
- <div class="no-print">
69
- <div class="row">
70
- <h3 class="row">Hide and Show Properties</h3>
71
-
72
- <div class="row">
73
- <span>
74
- <label for="vShowRes">Responsible</label>
75
- <input type="checkbox" id="vShowRes" checked onchange="start(event)" />
76
- </span>
77
-
78
- <span>
79
- <label for="vShowDur">Duration</label>
80
- <input type="checkbox" id="vShowDur" checked onchange="start(event)" />
81
- </span>
82
-
83
- <span>
84
- <label for="vShowCost">Cost</label>
85
- <input type="checkbox" id="vShowCost" checked onchange="start(event)" />
86
- </span>
87
-
88
- <!-- <span>
89
- <label for="vShowAddEntries">Add Entry</label>
90
- <input type="checkbox" id="vShowAddEntries" checked onchange="start(event)" />
91
- </span> -->
92
-
93
- <span>
94
- <label for="vShowComp">Comp</label>
95
- <input type="checkbox" id="vShowComp" checked onchange="start(event)" />
96
- </span>
97
-
98
- <span>
99
- <label for="vShowTaskInfoLink">tooltip</label>
100
- <input type="checkbox" id="vShowTaskInfoLink" checked onchange="start(event)" />
101
- </span>
102
-
103
- <span>
104
- <label for="vShowEndWeekDate">date for the last day of the week</label>
105
- <input type="checkbox" id="vShowEndWeekDate" onchange="start(event)" />
106
- </span>
107
-
108
-
109
-
110
- </div>
111
-
112
- <span>
113
- <label for="vShowStartDate">StartDate</label>
114
- <input type="checkbox" id="vShowStartDate" checked onchange="start(event)" />
115
- </span>
116
-
117
- <span>
118
- <label for="vShowEndDate">EndDate</label>
119
- <input type="checkbox" id="vShowEndDate" checked onchange="start(event)" />
120
- </span>
121
-
122
- <span>
123
- <label for="vShowPlanStartDate">Planned StartDate</label>
124
- <input type="checkbox" id="vShowPlanStartDate" checked onchange="start(event)" />
125
- </span>
126
-
127
- <span>
128
- <label for="vShowPlanEndDate">Planned EndDate</label>
129
- <input type="checkbox" id="vShowPlanEndDate" checked onchange="start(event)" />
130
- </span>
131
- </div>
132
-
133
-
134
- <br>
135
-
136
- Choose a language:
137
- <select id="lang" onchange="start(event)">
138
- <option value='cn'>Chinese (cn)</option>
139
- <option value='cs'>Czech (cs)</option>
140
- <option value='nl'>Dutch (Standard)</option>
141
- <option value='en' selected>English (en)</option>
142
- <option value='fr'>French (fr)</option>
143
- <option value='de'>German (de)</option>
144
- <option value='hu'>Hungarian (hu)</option>
145
- <option value='id'>Indonesian (id)</option>
146
- <option value='ja'>Japanese (ja)</option>
147
- <option value='pt'>Portuguese (pt)</option>
148
- <option value='ru'>Russian (ru)</option>
149
- <option value='es'>Spanish (es)</option>
150
- <option value='sv'>Swedish (sv)</option>
151
- <option value='tr'>Turkish (tr)</option>
152
- </select>
153
-
154
- <br />
155
- Data getting from a URL, <a href="fixes/data.json">JSON Data</a>. Use `bigdata.json` to test with more data.
156
- <input id="dataurl" onchange="start(event)" value="./fixes/data.json" type="text">
157
- <br />
158
-
159
- Delay for tooltip to hide (in ms): <input id="delay" onchange="start(event)" value="150" type="number">
160
-
161
- UseSingleCell: <input id="useSingleCell" onchange="start(event)" value="100000" type="number">
162
-
163
-
164
- <br />
165
-
166
- <span>
167
- <label>Configure debug and see in console:</label>
168
- <input type="checkbox" id="debug" onchange="start(event)" />
169
- </span>
170
-
171
- <br />
172
-
173
- <span>
174
- <label>Configure editable:</label>
175
- <input type="checkbox" id="editable" checked onchange="start(event)" />
176
- </span>
177
-
178
- <br />
179
-
180
- <span>
181
- <label>Configure sortTasks:</label>
182
- <input type="checkbox" id="sort" onchange="start(event)" />
183
- </span>
184
-
185
- <span>
186
- <label>Show Weekenddays:</label>
187
- <input type="checkbox" id="vShowWeekends" checked onchange="start(event)" />
188
- </span>
189
-
190
-
191
-
192
-
193
- <br />
194
-
195
-
196
- <!-- <span>-->
197
- <label>Height:</label>
198
- <input type="text" id="vTotalHeight" fl onchange="start(event)" />
199
- (CSS style height like "300px". Empty for auto height)
200
-
201
-
202
- <br /><br />
203
- <span>
204
- <label>Custom elements (black lines for deadlines):</label>
205
- <input type="checkbox" id="customElements" checked onchange="start(event)" />
206
- <div class="space"></div>
207
- <label>Min Date:</label>
208
- <input type="date" id="vMinDate" onchange="start(event)" />
209
- <div class="space"></div>
210
- <label>Max Date:</label>
211
- <input type="date" id="vMaxDate" onchange="start(event)" />
212
- </span>
213
-
214
- <br />
215
-
216
- <span>
217
- <label>Custom Tooltip Template:</label><br />
218
- <textarea id="tooltiptemplate"
219
- onchange="start(event)"><div>Nome: {{pName}}</div> <div>{{Lang:pStart}}: {{pStart}}</div></textarea>
220
- <div class="space"></div>
221
- <label>Dynamic tooltip:</label>
222
- <input type="checkbox" id="dynamicTooltip" checked onchange="start(event)" />
223
- </span>
224
-
225
-
226
- <br /><br />
227
- <span>
228
- <label>Custom columns order:</label>
229
- <input type="text" id="vColumnOrder" onchange="start(event)" />
230
- <!-- value="vShowDur,vShowComp,vShowRes,vShowStartDate,vShowEndDate,vShowPlanStartDate,vShowPlanEndDate,vShowCost,vAdditionalHeaders,vShowAddEntries" -->
231
- </span>
232
-
233
-
234
-
235
- <br />
236
-
237
- <span>
238
- <button onclick="clearTasks()">Clear all tasks</button>
239
- </span>
240
-
241
- <span>
242
- <button onclick="printTasksInConsole()">Print data in console</button>
243
- </span>
244
-
245
- <br />
246
-
247
- <select id="print_page_size">
248
- <option value="210,297">A4 Portrait</option>
249
- <option value="297,210">A4 Landscape</option>
250
- <option value="297,420">A3 Portrait</option>
251
- <option value="420,297">A3 Landscape</option>
252
- <option value="420,594">A2 Portrait</option>
253
- <option value="594,420">A2 Landscape</option>
254
- <option value="594,841">A1 Portrait</option>
255
- <option value="841,594">A1 Landscape</option>
256
- <option value="841,1189">A0 Portrait</option>
257
- <option value="1189,841">A0 Landscape</option>
258
- </select>
259
- <button onclick="printChart()">Print</button>
260
-
261
- <br>
262
-
263
- <small>
264
- * Click events in table are binded to console.log for testing
265
- </small>
266
-
267
-
268
- <br /><br />
269
- </div>
270
- <div id="embedded-Gantt">
271
- </div>
272
-
273
- </body>
274
- <script type="text/javascript" src="index.js"></script>
275
-
1
+ <!DOCTYPE html>
2
+ <html lang="en" class="no-js">
3
+
4
+ <!-- Head -->
5
+
6
+ <head>
7
+ <!-- Meta data -->
8
+ <meta charset="utf-8">
9
+ <title>jsGantt Improved</title>
10
+ <meta name="description" content="FREE javascript gantt - jsGantt Improved HTML, CSS and AJAX only">
11
+ <meta name="keywords" content="jsgantt-improved free javascript gantt-chart html css ajax">
12
+ <meta name="viewport" content="width=device-width,initial-scale=1">
13
+ <style>
14
+ .row [type=checkbox] {
15
+ margin-right: 10px
16
+ }
17
+
18
+ .row {
19
+ width: 100%
20
+ }
21
+
22
+ .space {
23
+ display: inline-block;
24
+ width: 30px;
25
+ }
26
+
27
+ .deadline-line {
28
+ position: absolute;
29
+ top: 0;
30
+ width: 1px;
31
+ height: 22px;
32
+ background: #777777;
33
+ }
34
+ @media print {
35
+ .no-print {
36
+ display: none;
37
+ }
38
+ }
39
+ </style>
40
+ <!-- External resources -->
41
+ <!-- jQuery + Ajax [required by Bootstrap] -->
42
+ <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"
43
+ integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n"
44
+ crossorigin="anonymous"></script>
45
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"
46
+ integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb"
47
+ crossorigin="anonymous"></script>
48
+ <!-- Required by smooth scrolling -->
49
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
50
+ <!-- Bootstrap v4.0.0 Alpha -->
51
+ <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"
52
+ integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous" />
53
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"
54
+ integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn"
55
+ crossorigin="anonymous"></script>
56
+ <!-- Google Fonts -->
57
+ <link href="https://fonts.googleapis.com/css?family=Cookie|Satisfy|Kelly+Slab|Overlock" rel="stylesheet">
58
+
59
+ <!-- jsGanttImproved App -->
60
+ <link href="../dist/jsgantt.css" rel="stylesheet" type="text/css" />
61
+ <script src="../dist/jsgantt.js" type="text/javascript"></script>
62
+ </head>
63
+
64
+ <!-- Content -->
65
+
66
+ <body data-spy="scroll" data-target="#my-navbar-nav" style="padding: 30px;">
67
+
68
+ <div class="no-print">
69
+ <div class="row">
70
+ <h3 class="row">Hide and Show Properties</h3>
71
+
72
+ <div class="row">
73
+ <span>
74
+ <label for="vShowRes">Responsible</label>
75
+ <input type="checkbox" id="vShowRes" checked onchange="start(event)" />
76
+ </span>
77
+
78
+ <span>
79
+ <label for="vShowDur">Duration</label>
80
+ <input type="checkbox" id="vShowDur" checked onchange="start(event)" />
81
+ </span>
82
+
83
+ <span>
84
+ <label for="vShowCost">Cost</label>
85
+ <input type="checkbox" id="vShowCost" checked onchange="start(event)" />
86
+ </span>
87
+
88
+ <!-- <span>
89
+ <label for="vShowAddEntries">Add Entry</label>
90
+ <input type="checkbox" id="vShowAddEntries" checked onchange="start(event)" />
91
+ </span> -->
92
+
93
+ <span>
94
+ <label for="vShowComp">Comp</label>
95
+ <input type="checkbox" id="vShowComp" checked onchange="start(event)" />
96
+ </span>
97
+
98
+ <span>
99
+ <label for="vShowTaskInfoLink">tooltip</label>
100
+ <input type="checkbox" id="vShowTaskInfoLink" checked onchange="start(event)" />
101
+ </span>
102
+
103
+ <span>
104
+ <label for="vShowEndWeekDate">date for the last day of the week</label>
105
+ <input type="checkbox" id="vShowEndWeekDate" checked onchange="start(event)" />
106
+ </span>
107
+ </div>
108
+
109
+ <span>
110
+ <label for="vShowStartDate">StartDate</label>
111
+ <input type="checkbox" id="vShowStartDate" checked onchange="start(event)" />
112
+ </span>
113
+
114
+ <span>
115
+ <label for="vShowEndDate">EndDate</label>
116
+ <input type="checkbox" id="vShowEndDate" checked onchange="start(event)" />
117
+ </span>
118
+
119
+ <span>
120
+ <label for="vShowPlanStartDate">Planned StartDate</label>
121
+ <input type="checkbox" id="vShowPlanStartDate" checked onchange="start(event)" />
122
+ </span>
123
+
124
+ <span>
125
+ <label for="vShowPlanEndDate">Planned EndDate</label>
126
+ <input type="checkbox" id="vShowPlanEndDate" checked onchange="start(event)" />
127
+ </span>
128
+ </div>
129
+
130
+
131
+ <br>
132
+
133
+ Choose a language:
134
+ <select id="lang" onchange="start(event)">
135
+ <option value='cn'>Chinese (cn)</option>
136
+ <option value='cs'>Czech (cs)</option>
137
+ <option value='nl'>Dutch (Standard)</option>
138
+ <option value='en' selected>English (en)</option>
139
+ <option value='fr'>French (fr)</option>
140
+ <option value='de'>German (de)</option>
141
+ <option value='hu'>Hungarian (hu)</option>
142
+ <option value='id'>Indonesian (id)</option>
143
+ <option value='it'>Italian (it)</option>
144
+ <option value='ja'>Japanese (ja)</option>
145
+ <option value='pt'>Portuguese (pt)</option>
146
+ <option value='ru'>Russian (ru)</option>
147
+ <option value='es'>Spanish (es)</option>
148
+ <option value='sv'>Swedish (sv)</option>
149
+ <option value='tr'>Turkish (tr)</option>
150
+ </select>
151
+
152
+ <br />
153
+ Data getting from a URL, <a href="fixes/data.json">JSON Data</a>. Use `bigdata.json` to test with more data.
154
+ <input id="dataurl" onchange="start(event)" value="./fixes/data.json" type="text">
155
+ <br />
156
+
157
+ Delay for tooltip to hide (in ms): <input id="delay" onchange="start(event)" value="150" type="number">
158
+
159
+ UseSingleCell: <input id="useSingleCell" onchange="start(event)" value="100000" type="number">
160
+
161
+
162
+ <br />
163
+
164
+ <span>
165
+ <label>Configure debug and see in console:</label>
166
+ <input type="checkbox" id="debug" onchange="start(event)" />
167
+ </span>
168
+
169
+ <br />
170
+
171
+ <span>
172
+ <label>Configure editable:</label>
173
+ <input type="checkbox" id="editable" checked onchange="start(event)" />
174
+ </span>
175
+
176
+ <br />
177
+
178
+ <span>
179
+ <label>Configure sortTasks:</label>
180
+ <input type="checkbox" id="sort" onchange="start(event)" />
181
+ </span>
182
+
183
+ <span>
184
+ <label>Show Weekenddays:</label>
185
+ <input type="checkbox" id="vShowWeekends" checked onchange="start(event)" />
186
+ </span>
187
+
188
+
189
+
190
+
191
+ <br />
192
+
193
+
194
+ <!-- <span>-->
195
+ <label>Height:</label>
196
+ <input type="text" id="vTotalHeight" fl onchange="start(event)" />
197
+ (CSS style height like "300px". Empty for auto height)
198
+
199
+
200
+ <br /><br />
201
+ <span>
202
+ <label>Custom elements (black lines for deadlines):</label>
203
+ <input type="checkbox" id="customElements" checked onchange="start(event)" />
204
+ <div class="space"></div>
205
+ <label>Min Date:</label>
206
+ <input type="date" id="vMinDate" onchange="start(event)" />
207
+ <div class="space"></div>
208
+ <label>Max Date:</label>
209
+ <input type="date" id="vMaxDate" onchange="start(event)" />
210
+ </span>
211
+
212
+ <br />
213
+
214
+ <span>
215
+ <label>Custom Tooltip Template:</label><br />
216
+ <textarea id="tooltiptemplate"
217
+ onchange="start(event)"><div>Nome: {{pName}}</div> <div>{{Lang:pStart}}: {{pStart}}</div></textarea>
218
+ <div class="space"></div>
219
+ <label>Dynamic tooltip:</label>
220
+ <input type="checkbox" id="dynamicTooltip" checked onchange="start(event)" />
221
+ </span>
222
+
223
+
224
+ <br /><br />
225
+ <span>
226
+ <label>Custom columns order:</label>
227
+ <input type="text" id="vColumnOrder" onchange="start(event)" />
228
+ <!-- value="vShowDur,vShowComp,vShowRes,vShowStartDate,vShowEndDate,vShowPlanStartDate,vShowPlanEndDate,vShowCost,vAdditionalHeaders,vShowAddEntries" -->
229
+ </span>
230
+
231
+
232
+
233
+ <br />
234
+
235
+ <span>
236
+ <button onclick="clearTasks()">Clear all tasks</button>
237
+ </span>
238
+
239
+ <span>
240
+ <button onclick="printTasksInConsole()">Print data in console</button>
241
+ </span>
242
+
243
+ <br />
244
+
245
+ <select id="print_page_size">
246
+ <option value="210,297">A4 Portrait</option>
247
+ <option value="297,210">A4 Landscape</option>
248
+ <option value="297,420">A3 Portrait</option>
249
+ <option value="420,297">A3 Landscape</option>
250
+ <option value="420,594">A2 Portrait</option>
251
+ <option value="594,420">A2 Landscape</option>
252
+ <option value="594,841">A1 Portrait</option>
253
+ <option value="841,594">A1 Landscape</option>
254
+ <option value="841,1189">A0 Portrait</option>
255
+ <option value="1189,841">A0 Landscape</option>
256
+ </select>
257
+ <button onclick="printChart()">Print</button>
258
+
259
+ <br>
260
+
261
+ <small>
262
+ * Click events in table are binded to console.log for testing
263
+ </small>
264
+
265
+
266
+ <br /><br />
267
+ </div>
268
+ <div id="embedded-Gantt">
269
+ </div>
270
+
271
+ </body>
272
+ <script type="text/javascript" src="index.js"></script>
273
+
276
274
  </html>