@dssp/project 0.0.8 → 0.0.9

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 (7) hide show
  1. package/client/pages/project/project-schedule.ts +98 -46
  2. package/dist-client/pages/project/project-schedule.js +94 -42
  3. package/dist-client/pages/project/project-schedule.js.map +1 -1
  4. package/dist-client/route.d.ts +1 -1
  5. package/dist-client/tsconfig.tsbuildinfo +1 -1
  6. package/dist-server/tsconfig.tsbuildinfo +1 -1
  7. package/package.json +3 -3
package/client/pages/project/project-schedule.ts CHANGED
@@ -21,8 +21,9 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
21
21
  static styles = [
22
22
  css`
23
23
  :host {
24
- display: grid;
25
- grid-template-rows: 75px auto;
24
+ display: flex;
25
+ flex-direction: column;
26
+
26
27
  color: #4e5055;
27
28
 
28
29
  width: 100%;
@@ -72,10 +73,13 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
72
73
  }
73
74
 
74
75
  div[body] {
76
+ flex: 1;
77
+
75
78
  display: flex;
76
79
  flex-direction: column;
77
80
  margin: 0px 25px 25px 25px;
78
81
  gap: 15px;
82
+ overflow: hidden;
79
83
 
80
84
  h3 {
81
85
  color: #2e79be;
@@ -88,29 +92,13 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
88
92
  border-radius: 5px;
89
93
  }
90
94
 
91
- div[chart-container] {
95
+ ox-gantt {
92
96
  flex: 1;
93
- flex-direction: column;
94
- border: 1px solid #cccccc80;
95
-
96
- div[chart] {
97
- flex: 0.7;
98
- background: #03a9f44d;
97
+ box-sizing: border-box;
98
+ overflow: hidden;
99
99
 
100
- ox-gantt {
101
- max-width: 91vw;
102
- aspect-ratio: 3 / 1;
103
- box-sizing: border-box;
104
-
105
- background-color: var(--md-sys-color-primary-container);
106
- color: var(--md-sys-color-on-primary-container);
107
- }
108
- }
109
-
110
- div[table] {
111
- flex: 0.3;
112
- background: #8fd170b8;
113
- }
100
+ background-color: var(--md-sys-color-primary-container);
101
+ color: var(--md-sys-color-on-primary-container);
114
102
  }
115
103
 
116
104
  div[select-container] {
@@ -182,6 +170,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
182
170
  dependsOn: '',
183
171
  length: '5d',
184
172
  tags: ['active'],
173
+ resources: [{ type: '철근/형틀공', allocated: 6 }],
185
174
  children: []
186
175
  },
187
176
  {
@@ -195,6 +184,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
195
184
  dependsOn: '1',
196
185
  length: '1d',
197
186
  tags: ['milestone'],
187
+ resources: [{ type: '철근/형틀공', allocated: 6 }],
198
188
  children: []
199
189
  },
200
190
  {
@@ -220,7 +210,35 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
220
210
  dependsOn: '',
221
211
  length: '4d',
222
212
  tags: ['done'],
223
- children: []
213
+ children: [
214
+ {
215
+ id: '3-1-1',
216
+ title: 'Coding-A',
217
+ type: 'task',
218
+ // section: developmentSection,
219
+ startDate: '2023-01-07',
220
+ endDate: '2023-01-10',
221
+ progress: 60,
222
+ dependsOn: '',
223
+ length: '4d',
224
+ tags: ['active'],
225
+ resources: [{ type: '창호공', allocated: 5 }],
226
+ children: []
227
+ },
228
+ {
229
+ id: '3-1-2',
230
+ title: 'Coding-B',
231
+ type: 'task',
232
+ // section: developmentSection,
233
+ startDate: '2023-01-11',
234
+ endDate: '2023-01-15',
235
+ dependsOn: '3-1-1',
236
+ length: '5d',
237
+ tags: ['active'],
238
+ resources: [{ type: '창호공', allocated: 3 }],
239
+ children: []
240
+ }
241
+ ]
224
242
  },
225
243
  {
226
244
  id: '3-2',
@@ -232,6 +250,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
232
250
  dependsOn: '3-1',
233
251
  length: '5d',
234
252
  tags: ['active'],
253
+ resources: [{ type: '창호공', allocated: 6 }],
235
254
  children: []
236
255
  }
237
256
  ]
@@ -247,6 +266,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
247
266
  dependsOn: '1',
248
267
  length: '1d',
249
268
  tags: ['done'],
269
+ resources: [{ type: '방수공', allocated: 5 }],
250
270
  children: []
251
271
  },
252
272
  {
@@ -259,6 +279,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
259
279
  dependsOn: '4',
260
280
  length: '1d',
261
281
  tags: ['milestone'],
282
+ resources: [{ type: '목공', allocated: 3 }],
262
283
  children: []
263
284
  },
264
285
  {
@@ -271,6 +292,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
271
292
  dependsOn: '5',
272
293
  length: '1d',
273
294
  tags: ['milestone'],
295
+ resources: [{ type: '금속공', allocated: 1 }],
274
296
  children: []
275
297
  },
276
298
  {
@@ -283,6 +305,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
283
305
  dependsOn: '6',
284
306
  length: '1d',
285
307
  tags: ['milestone'],
308
+ resources: [{ type: '타일공', allocated: 6 }],
286
309
  children: []
287
310
  },
288
311
  {
@@ -295,6 +318,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
295
318
  dependsOn: '7',
296
319
  length: '1d',
297
320
  tags: ['critical'],
321
+ resources: [{ type: '창호공', allocated: 7 }],
298
322
  children: []
299
323
  },
300
324
  {
@@ -307,6 +331,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
307
331
  dependsOn: '8',
308
332
  length: '1d',
309
333
  tags: ['active'],
334
+ resources: [{ type: '도배공', allocated: 8 }],
310
335
  children: []
311
336
  },
312
337
  {
@@ -319,6 +344,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
319
344
  dependsOn: '9',
320
345
  length: '1d',
321
346
  tags: ['critical'],
347
+ resources: [{ type: '조적공', allocated: 6 }],
322
348
  children: []
323
349
  },
324
350
  {
@@ -331,6 +357,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
331
357
  dependsOn: '9',
332
358
  length: '1d',
333
359
  tags: ['milestone'],
360
+ resources: [{ type: '철근/형틀공', allocated: 6 }],
334
361
  children: []
335
362
  },
336
363
  {
@@ -342,8 +369,37 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
342
369
  endDate: '2023-01-23',
343
370
  dependsOn: '9',
344
371
  length: '1d',
372
+ resources: [{ type: '방수공', allocated: 6 }],
345
373
  tags: ['milestone'],
346
- children: []
374
+ children: [
375
+ {
376
+ id: '12-1',
377
+ title: 'Coding-A',
378
+ type: 'task',
379
+ // section: developmentSection,
380
+ startDate: '2023-01-07',
381
+ endDate: '2023-01-10',
382
+ progress: 60,
383
+ dependsOn: '',
384
+ length: '4d',
385
+ tags: ['done'],
386
+ resources: [{ type: '방수공', allocated: 6 }],
387
+ children: []
388
+ },
389
+ {
390
+ id: '12-2',
391
+ title: 'Coding-B',
392
+ type: 'task',
393
+ // section: developmentSection,
394
+ startDate: '2023-01-11',
395
+ endDate: '2023-01-15',
396
+ dependsOn: '12-1',
397
+ length: '5d',
398
+ tags: ['active'],
399
+ resources: [{ type: '조적공', allocated: 6 }],
400
+ children: []
401
+ }
402
+ ]
347
403
  },
348
404
  {
349
405
  id: '13',
@@ -367,6 +423,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
367
423
  dependsOn: '13',
368
424
  length: '1d',
369
425
  tags: ['milestone'],
426
+ resources: [{ type: '금속공', allocated: 1 }],
370
427
  children: []
371
428
  },
372
429
  {
@@ -390,6 +447,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
390
447
  endDate: '2023-02-05',
391
448
  dependsOn: '15',
392
449
  length: '1d',
450
+ resources: [{ type: '창호공', allocated: 1 }],
393
451
  tags: ['active'],
394
452
  children: []
395
453
  },
@@ -427,6 +485,7 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
427
485
  dependsOn: '18',
428
486
  length: '1d',
429
487
  tags: ['milestone'],
488
+ resources: [{ type: '창호공', allocated: 7 }],
430
489
  children: []
431
490
  }
432
491
  ]
@@ -449,27 +508,20 @@ export class ProjectSchedule extends ScopedElementsMixin(PageView) {
449
508
  </div>
450
509
 
451
510
  <div body>
452
- <div chart-container>
453
- <div chart>
454
- <ox-gantt
455
- from-date=${new Date(this.fromDate).toISOString().split('T')[0]}
456
- to-date=${new Date(this.toDate).toISOString().split('T')[0]}
457
- .timeScale=${this.timeScale}
458
- .tasks=${this.tasks}
459
- @date-range-selected=${(e: CustomEvent) => {
460
- console.log('date-range-selected', e.detail)
461
- }}
462
- @task-clicked=${(e: CustomEvent) => {
463
- console.log('task-clicked', e.detail)
464
- }}
465
- ?extend-grid-lines=${this.extendGridLines}
466
- >
467
- </ox-gantt>
468
- </div>
469
- <div table>
470
- <table></table>
471
- </div>
472
- </div>
511
+ <ox-gantt
512
+ from-date=${new Date(this.fromDate).toISOString().split('T')[0]}
513
+ to-date=${new Date(this.toDate).toISOString().split('T')[0]}
514
+ .timeScale=${this.timeScale}
515
+ .tasks=${this.tasks}
516
+ @date-range-selected=${(e: CustomEvent) => {
517
+ console.log('date-range-selected', e.detail)
518
+ }}
519
+ @task-clicked=${(e: CustomEvent) => {
520
+ console.log('task-clicked', e.detail)
521
+ }}
522
+ ?extend-grid-lines=${this.extendGridLines}
523
+ >
524
+ </ox-gantt>
473
525
  <div select-container>
474
526
  <div date>
475
527
  <span name>기간선택</span>
package/dist-client/pages/project/project-schedule.js CHANGED
@@ -46,6 +46,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
46
46
  dependsOn: '',
47
47
  length: '5d',
48
48
  tags: ['active'],
49
+ resources: [{ type: '철근/형틀공', allocated: 6 }],
49
50
  children: []
50
51
  },
51
52
  {
@@ -59,6 +60,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
59
60
  dependsOn: '1',
60
61
  length: '1d',
61
62
  tags: ['milestone'],
63
+ resources: [{ type: '철근/형틀공', allocated: 6 }],
62
64
  children: []
63
65
  },
64
66
  {
@@ -84,7 +86,35 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
84
86
  dependsOn: '',
85
87
  length: '4d',
86
88
  tags: ['done'],
87
- children: []
89
+ children: [
90
+ {
91
+ id: '3-1-1',
92
+ title: 'Coding-A',
93
+ type: 'task',
94
+ // section: developmentSection,
95
+ startDate: '2023-01-07',
96
+ endDate: '2023-01-10',
97
+ progress: 60,
98
+ dependsOn: '',
99
+ length: '4d',
100
+ tags: ['active'],
101
+ resources: [{ type: '창호공', allocated: 5 }],
102
+ children: []
103
+ },
104
+ {
105
+ id: '3-1-2',
106
+ title: 'Coding-B',
107
+ type: 'task',
108
+ // section: developmentSection,
109
+ startDate: '2023-01-11',
110
+ endDate: '2023-01-15',
111
+ dependsOn: '3-1-1',
112
+ length: '5d',
113
+ tags: ['active'],
114
+ resources: [{ type: '창호공', allocated: 3 }],
115
+ children: []
116
+ }
117
+ ]
88
118
  },
89
119
  {
90
120
  id: '3-2',
@@ -96,6 +126,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
96
126
  dependsOn: '3-1',
97
127
  length: '5d',
98
128
  tags: ['active'],
129
+ resources: [{ type: '창호공', allocated: 6 }],
99
130
  children: []
100
131
  }
101
132
  ]
@@ -111,6 +142,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
111
142
  dependsOn: '1',
112
143
  length: '1d',
113
144
  tags: ['done'],
145
+ resources: [{ type: '방수공', allocated: 5 }],
114
146
  children: []
115
147
  },
116
148
  {
@@ -123,6 +155,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
123
155
  dependsOn: '4',
124
156
  length: '1d',
125
157
  tags: ['milestone'],
158
+ resources: [{ type: '목공', allocated: 3 }],
126
159
  children: []
127
160
  },
128
161
  {
@@ -135,6 +168,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
135
168
  dependsOn: '5',
136
169
  length: '1d',
137
170
  tags: ['milestone'],
171
+ resources: [{ type: '금속공', allocated: 1 }],
138
172
  children: []
139
173
  },
140
174
  {
@@ -147,6 +181,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
147
181
  dependsOn: '6',
148
182
  length: '1d',
149
183
  tags: ['milestone'],
184
+ resources: [{ type: '타일공', allocated: 6 }],
150
185
  children: []
151
186
  },
152
187
  {
@@ -159,6 +194,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
159
194
  dependsOn: '7',
160
195
  length: '1d',
161
196
  tags: ['critical'],
197
+ resources: [{ type: '창호공', allocated: 7 }],
162
198
  children: []
163
199
  },
164
200
  {
@@ -171,6 +207,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
171
207
  dependsOn: '8',
172
208
  length: '1d',
173
209
  tags: ['active'],
210
+ resources: [{ type: '도배공', allocated: 8 }],
174
211
  children: []
175
212
  },
176
213
  {
@@ -183,6 +220,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
183
220
  dependsOn: '9',
184
221
  length: '1d',
185
222
  tags: ['critical'],
223
+ resources: [{ type: '조적공', allocated: 6 }],
186
224
  children: []
187
225
  },
188
226
  {
@@ -195,6 +233,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
195
233
  dependsOn: '9',
196
234
  length: '1d',
197
235
  tags: ['milestone'],
236
+ resources: [{ type: '철근/형틀공', allocated: 6 }],
198
237
  children: []
199
238
  },
200
239
  {
@@ -206,8 +245,37 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
206
245
  endDate: '2023-01-23',
207
246
  dependsOn: '9',
208
247
  length: '1d',
248
+ resources: [{ type: '방수공', allocated: 6 }],
209
249
  tags: ['milestone'],
210
- children: []
250
+ children: [
251
+ {
252
+ id: '12-1',
253
+ title: 'Coding-A',
254
+ type: 'task',
255
+ // section: developmentSection,
256
+ startDate: '2023-01-07',
257
+ endDate: '2023-01-10',
258
+ progress: 60,
259
+ dependsOn: '',
260
+ length: '4d',
261
+ tags: ['done'],
262
+ resources: [{ type: '방수공', allocated: 6 }],
263
+ children: []
264
+ },
265
+ {
266
+ id: '12-2',
267
+ title: 'Coding-B',
268
+ type: 'task',
269
+ // section: developmentSection,
270
+ startDate: '2023-01-11',
271
+ endDate: '2023-01-15',
272
+ dependsOn: '12-1',
273
+ length: '5d',
274
+ tags: ['active'],
275
+ resources: [{ type: '조적공', allocated: 6 }],
276
+ children: []
277
+ }
278
+ ]
211
279
  },
212
280
  {
213
281
  id: '13',
@@ -231,6 +299,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
231
299
  dependsOn: '13',
232
300
  length: '1d',
233
301
  tags: ['milestone'],
302
+ resources: [{ type: '금속공', allocated: 1 }],
234
303
  children: []
235
304
  },
236
305
  {
@@ -254,6 +323,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
254
323
  endDate: '2023-02-05',
255
324
  dependsOn: '15',
256
325
  length: '1d',
326
+ resources: [{ type: '창호공', allocated: 1 }],
257
327
  tags: ['active'],
258
328
  children: []
259
329
  },
@@ -291,6 +361,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
291
361
  dependsOn: '18',
292
362
  length: '1d',
293
363
  tags: ['milestone'],
364
+ resources: [{ type: '창호공', allocated: 7 }],
294
365
  children: []
295
366
  }
296
367
  ];
@@ -318,27 +389,20 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
318
389
  </div>
319
390
 
320
391
  <div body>
321
- <div chart-container>
322
- <div chart>
323
- <ox-gantt
324
- from-date=${new Date(this.fromDate).toISOString().split('T')[0]}
325
- to-date=${new Date(this.toDate).toISOString().split('T')[0]}
326
- .timeScale=${this.timeScale}
327
- .tasks=${this.tasks}
328
- @date-range-selected=${(e) => {
392
+ <ox-gantt
393
+ from-date=${new Date(this.fromDate).toISOString().split('T')[0]}
394
+ to-date=${new Date(this.toDate).toISOString().split('T')[0]}
395
+ .timeScale=${this.timeScale}
396
+ .tasks=${this.tasks}
397
+ @date-range-selected=${(e) => {
329
398
  console.log('date-range-selected', e.detail);
330
399
  }}
331
- @task-clicked=${(e) => {
400
+ @task-clicked=${(e) => {
332
401
  console.log('task-clicked', e.detail);
333
402
  }}
334
- ?extend-grid-lines=${this.extendGridLines}
335
- >
336
- </ox-gantt>
337
- </div>
338
- <div table>
339
- <table></table>
340
- </div>
341
- </div>
403
+ ?extend-grid-lines=${this.extendGridLines}
404
+ >
405
+ </ox-gantt>
342
406
  <div select-container>
343
407
  <div date>
344
408
  <span name>기간선택</span>
@@ -403,8 +467,9 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
403
467
  ProjectSchedule.styles = [
404
468
  css `
405
469
  :host {
406
- display: grid;
407
- grid-template-rows: 75px auto;
470
+ display: flex;
471
+ flex-direction: column;
472
+
408
473
  color: #4e5055;
409
474
 
410
475
  width: 100%;
@@ -454,10 +519,13 @@ ProjectSchedule.styles = [
454
519
  }
455
520
 
456
521
  div[body] {
522
+ flex: 1;
523
+
457
524
  display: flex;
458
525
  flex-direction: column;
459
526
  margin: 0px 25px 25px 25px;
460
527
  gap: 15px;
528
+ overflow: hidden;
461
529
 
462
530
  h3 {
463
531
  color: #2e79be;
@@ -470,29 +538,13 @@ ProjectSchedule.styles = [
470
538
  border-radius: 5px;
471
539
  }
472
540
 
473
- div[chart-container] {
541
+ ox-gantt {
474
542
  flex: 1;
475
- flex-direction: column;
476
- border: 1px solid #cccccc80;
477
-
478
- div[chart] {
479
- flex: 0.7;
480
- background: #03a9f44d;
481
-
482
- ox-gantt {
483
- max-width: 91vw;
484
- aspect-ratio: 3 / 1;
485
- box-sizing: border-box;
543
+ box-sizing: border-box;
544
+ overflow: hidden;
486
545
 
487
- background-color: var(--md-sys-color-primary-container);
488
- color: var(--md-sys-color-on-primary-container);
489
- }
490
- }
491
-
492
- div[table] {
493
- flex: 0.3;
494
- background: #8fd170b8;
495
- }
546
+ background-color: var(--md-sys-color-primary-container);
547
+ color: var(--md-sys-color-on-primary-container);
496
548
  }
497
549
 
498
550
  div[select-container] {