@progress/kendo-themes-html 6.4.1-dev.0 → 6.5.0-dev.0
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.
- package/dist/cjs/button/tests/button-clear.js +5 -77
- package/dist/cjs/button/tests/button-flat.js +5 -77
- package/dist/cjs/button/tests/button-link.js +5 -77
- package/dist/cjs/button/tests/button-outline.js +5 -77
- package/dist/cjs/button/tests/button-rtl.js +39 -36
- package/dist/cjs/button/tests/button-size.js +8 -80
- package/dist/cjs/button/tests/button-solid.js +5 -77
- package/dist/cjs/button/tests/button.js +39 -36
- package/dist/cjs/gantt/tests/gantt-react.js +47 -47
- package/dist/cjs/gantt/tests/gantt-row-reordering.js +58 -58
- package/dist/cjs/gantt/tests/gantt.js +59 -59
- package/dist/cjs/grid/tests/grid-column-menu-tabbed.js +4 -4
- package/dist/cjs/treelist/tests/treelist-aggregate-react.js +20 -20
- package/dist/cjs/treelist/tests/treelist-aggregates.js +34 -34
- package/dist/cjs/treelist/tests/treelist-react.js +15 -15
- package/dist/cjs/treelist/tests/treelist-row-reordering.js +15 -15
- package/dist/cjs/treelist/tests/treelist.js +16 -16
- package/dist/esm/button/tests/button-clear.js +5 -77
- package/dist/esm/button/tests/button-flat.js +5 -77
- package/dist/esm/button/tests/button-link.js +5 -77
- package/dist/esm/button/tests/button-outline.js +5 -77
- package/dist/esm/button/tests/button-rtl.js +39 -36
- package/dist/esm/button/tests/button-size.js +8 -80
- package/dist/esm/button/tests/button-solid.js +5 -77
- package/dist/esm/button/tests/button.js +39 -36
- package/dist/esm/gantt/tests/gantt-react.js +47 -47
- package/dist/esm/gantt/tests/gantt-row-reordering.js +58 -58
- package/dist/esm/gantt/tests/gantt.js +59 -59
- package/dist/esm/grid/tests/grid-column-menu-tabbed.js +4 -4
- package/dist/esm/treelist/tests/treelist-aggregate-react.js +20 -20
- package/dist/esm/treelist/tests/treelist-aggregates.js +34 -34
- package/dist/esm/treelist/tests/treelist-react.js +15 -15
- package/dist/esm/treelist/tests/treelist-row-reordering.js +15 -15
- package/dist/esm/treelist/tests/treelist.js +16 -16
- package/dist/types/button/templates/icon-button.d.ts +1 -2
- package/dist/types/button/templates/icon-text-button.d.ts +1 -2
- package/dist/types/button/templates/text-button.d.ts +1 -2
- package/package.json +2 -2
- package/src/button/templates/icon-button.tsx +2 -2
- package/src/button/templates/icon-text-button.tsx +2 -2
- package/src/button/templates/text-button.tsx +2 -2
- package/src/button/tests/button-clear.tsx +13 -92
- package/src/button/tests/button-flat.tsx +13 -92
- package/src/button/tests/button-link.tsx +13 -92
- package/src/button/tests/button-outline.tsx +13 -92
- package/src/button/tests/button-rtl.tsx +37 -38
- package/src/button/tests/button-size.tsx +13 -86
- package/src/button/tests/button-solid.tsx +13 -91
- package/src/button/tests/button.tsx +37 -40
- package/src/gantt/tests/gantt-react.tsx +54 -46
- package/src/gantt/tests/gantt-row-reordering.tsx +23 -23
- package/src/gantt/tests/gantt.tsx +45 -23
- package/src/grid/tests/grid-column-menu-tabbed.tsx +4 -4
- package/src/treelist/tests/treelist-aggregate-react.tsx +31 -10
- package/src/treelist/tests/treelist-aggregates.tsx +41 -20
- package/src/treelist/tests/treelist-react.tsx +15 -15
- package/src/treelist/tests/treelist-row-reordering.tsx +5 -5
- package/src/treelist/tests/treelist.tsx +32 -6
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Button } from '../button.spec';
|
|
1
2
|
import { TextButton } from '../templates/text-button';
|
|
2
3
|
import { IconTextButton } from '../templates/icon-text-button';
|
|
3
4
|
import { IconButton } from '../templates/icon-button';
|
|
@@ -23,92 +24,18 @@ export default () => (
|
|
|
23
24
|
<span>small</span>
|
|
24
25
|
<span>medium</span>
|
|
25
26
|
<span>large</span>
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
<section>
|
|
39
|
-
<TextButton size="large" rounded={null}></TextButton>
|
|
40
|
-
<IconTextButton size="large" rounded={null} ></IconTextButton>
|
|
41
|
-
<IconButton size="large" rounded={null} ></IconButton>
|
|
42
|
-
</section>
|
|
43
|
-
|
|
44
|
-
<span>small</span>
|
|
45
|
-
<section>
|
|
46
|
-
<TextButton size="small" rounded="small"></TextButton>
|
|
47
|
-
<IconTextButton size="small" rounded="small" ></IconTextButton>
|
|
48
|
-
<IconButton size="small" rounded="small" ></IconButton>
|
|
49
|
-
</section>
|
|
50
|
-
<section>
|
|
51
|
-
<TextButton size="medium" rounded="small"></TextButton>
|
|
52
|
-
<IconTextButton size="medium" rounded="small" ></IconTextButton>
|
|
53
|
-
<IconButton size="medium" rounded="small" ></IconButton>
|
|
54
|
-
</section>
|
|
55
|
-
<section>
|
|
56
|
-
<TextButton size="large" rounded="small"></TextButton>
|
|
57
|
-
<IconTextButton size="large" rounded="small" ></IconTextButton>
|
|
58
|
-
<IconButton size="large" rounded="small" ></IconButton>
|
|
59
|
-
</section>
|
|
60
|
-
|
|
61
|
-
<span>medium</span>
|
|
62
|
-
<section>
|
|
63
|
-
<TextButton size="small" rounded="medium"></TextButton>
|
|
64
|
-
<IconTextButton size="small" rounded="medium" ></IconTextButton>
|
|
65
|
-
<IconButton size="small" rounded="medium" ></IconButton>
|
|
66
|
-
</section>
|
|
67
|
-
<section>
|
|
68
|
-
<TextButton size="medium" rounded="medium"></TextButton>
|
|
69
|
-
<IconTextButton size="medium" rounded="medium" ></IconTextButton>
|
|
70
|
-
<IconButton size="medium" rounded="medium" ></IconButton>
|
|
71
|
-
</section>
|
|
72
|
-
<section>
|
|
73
|
-
<TextButton size="large" rounded="medium"></TextButton>
|
|
74
|
-
<IconTextButton size="large" rounded="medium" ></IconTextButton>
|
|
75
|
-
<IconButton size="large" rounded="medium" ></IconButton>
|
|
76
|
-
</section>
|
|
77
|
-
|
|
78
|
-
<span>large</span>
|
|
79
|
-
<section>
|
|
80
|
-
<TextButton size="small" rounded="large"></TextButton>
|
|
81
|
-
<IconTextButton size="small" rounded="large" ></IconTextButton>
|
|
82
|
-
<IconButton size="small" rounded="large" ></IconButton>
|
|
83
|
-
</section>
|
|
84
|
-
<section>
|
|
85
|
-
<TextButton size="medium" rounded="large"></TextButton>
|
|
86
|
-
<IconTextButton size="medium" rounded="large" ></IconTextButton>
|
|
87
|
-
<IconButton size="medium" rounded="large" ></IconButton>
|
|
88
|
-
</section>
|
|
89
|
-
<section>
|
|
90
|
-
<TextButton size="large" rounded="large"></TextButton>
|
|
91
|
-
<IconTextButton size="large" rounded="large" ></IconTextButton>
|
|
92
|
-
<IconButton size="large" rounded="large" ></IconButton>
|
|
93
|
-
</section>
|
|
94
|
-
|
|
95
|
-
<span>full</span>
|
|
96
|
-
<section>
|
|
97
|
-
<TextButton size="small" rounded="full"></TextButton>
|
|
98
|
-
<IconTextButton size="small" rounded="full" ></IconTextButton>
|
|
99
|
-
<IconButton size="small" rounded="full" ></IconButton>
|
|
100
|
-
</section>
|
|
101
|
-
<section>
|
|
102
|
-
<TextButton size="medium" rounded="full"></TextButton>
|
|
103
|
-
<IconTextButton size="medium" rounded="full" ></IconTextButton>
|
|
104
|
-
<IconButton size="medium" rounded="full" ></IconButton>
|
|
105
|
-
</section>
|
|
106
|
-
<section>
|
|
107
|
-
<TextButton size="large" rounded="full"></TextButton>
|
|
108
|
-
<IconTextButton size="large" rounded="full" ></IconTextButton>
|
|
109
|
-
<IconButton size="large" rounded="full" ></IconButton>
|
|
110
|
-
</section>
|
|
111
|
-
|
|
27
|
+
{[ null,...Button.options.rounded ].map((roundness) => (
|
|
28
|
+
<>
|
|
29
|
+
<span>{roundness || 'null'}</span>
|
|
30
|
+
{Button.options.size.map((size) => (
|
|
31
|
+
<section>
|
|
32
|
+
<TextButton size={size} rounded={roundness}></TextButton>
|
|
33
|
+
<IconTextButton size={size} rounded={roundness} ></IconTextButton>
|
|
34
|
+
<IconButton size={size} rounded={roundness} ></IconButton>
|
|
35
|
+
</section>
|
|
36
|
+
))}
|
|
37
|
+
</>
|
|
38
|
+
))}
|
|
112
39
|
</div>
|
|
113
40
|
|
|
114
41
|
</>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Button } from '../../button';
|
|
1
|
+
import { Button, TextButton } from '../../button';
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
const styles = `
|
|
@@ -11,7 +11,6 @@ export default () => (
|
|
|
11
11
|
<>
|
|
12
12
|
<style>{styles}</style>
|
|
13
13
|
<div id="test-area" className="k-d-grid">
|
|
14
|
-
|
|
15
14
|
<span></span>
|
|
16
15
|
<span>Normal</span>
|
|
17
16
|
<span>Hover</span>
|
|
@@ -19,95 +18,18 @@ export default () => (
|
|
|
19
18
|
<span>Active</span>
|
|
20
19
|
<span>Selected</span>
|
|
21
20
|
<span>Disabled</span>
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
<span><Button themeColor="primary" focus>Focus</Button></span>
|
|
35
|
-
<span><Button themeColor="primary" active>Active</Button></span>
|
|
36
|
-
<span><Button themeColor="primary" selected>Selected</Button></span>
|
|
37
|
-
<span><Button themeColor="primary" disabled>Disabled</Button></span>
|
|
38
|
-
|
|
39
|
-
<span>secondary</span>
|
|
40
|
-
<span><Button themeColor="secondary">Normal</Button></span>
|
|
41
|
-
<span><Button themeColor="secondary" hover>Hover</Button></span>
|
|
42
|
-
<span><Button themeColor="secondary" focus>Focus</Button></span>
|
|
43
|
-
<span><Button themeColor="secondary" active>Active</Button></span>
|
|
44
|
-
<span><Button themeColor="secondary" selected>Selected</Button></span>
|
|
45
|
-
<span><Button themeColor="secondary" disabled>Disabled</Button></span>
|
|
46
|
-
|
|
47
|
-
<span>tertiary</span>
|
|
48
|
-
<span><Button themeColor="tertiary">Normal</Button></span>
|
|
49
|
-
<span><Button themeColor="tertiary" hover>Hover</Button></span>
|
|
50
|
-
<span><Button themeColor="tertiary" focus>Focus</Button></span>
|
|
51
|
-
<span><Button themeColor="tertiary" active>Active</Button></span>
|
|
52
|
-
<span><Button themeColor="tertiary" selected>Selected</Button></span>
|
|
53
|
-
<span><Button themeColor="tertiary" disabled>Disabled</Button></span>
|
|
54
|
-
|
|
55
|
-
<span>info</span>
|
|
56
|
-
<span><Button themeColor="info">Normal</Button></span>
|
|
57
|
-
<span><Button themeColor="info" hover>Hover</Button></span>
|
|
58
|
-
<span><Button themeColor="info" focus>Focus</Button></span>
|
|
59
|
-
<span><Button themeColor="info" active>Active</Button></span>
|
|
60
|
-
<span><Button themeColor="info" selected>Selected</Button></span>
|
|
61
|
-
<span><Button themeColor="info" disabled>Disabled</Button></span>
|
|
62
|
-
|
|
63
|
-
<span>success</span>
|
|
64
|
-
<span><Button themeColor="success">Normal</Button></span>
|
|
65
|
-
<span><Button themeColor="success" hover>Hover</Button></span>
|
|
66
|
-
<span><Button themeColor="success" focus>Focus</Button></span>
|
|
67
|
-
<span><Button themeColor="success" active>Active</Button></span>
|
|
68
|
-
<span><Button themeColor="success" selected>Selected</Button></span>
|
|
69
|
-
<span><Button themeColor="success" disabled>Disabled</Button></span>
|
|
70
|
-
|
|
71
|
-
<span>warning</span>
|
|
72
|
-
<span><Button themeColor="warning">Normal</Button></span>
|
|
73
|
-
<span><Button themeColor="warning" hover>Hover</Button></span>
|
|
74
|
-
<span><Button themeColor="warning" focus>Focus</Button></span>
|
|
75
|
-
<span><Button themeColor="warning" active>Active</Button></span>
|
|
76
|
-
<span><Button themeColor="warning" selected>Selected</Button></span>
|
|
77
|
-
<span><Button themeColor="warning" disabled>Disabled</Button></span>
|
|
78
|
-
|
|
79
|
-
<span>error</span>
|
|
80
|
-
<span><Button themeColor="error">Normal</Button></span>
|
|
81
|
-
<span><Button themeColor="error" hover>Hover</Button></span>
|
|
82
|
-
<span><Button themeColor="error" focus>Focus</Button></span>
|
|
83
|
-
<span><Button themeColor="error" active>Active</Button></span>
|
|
84
|
-
<span><Button themeColor="error" selected>Selected</Button></span>
|
|
85
|
-
<span><Button themeColor="error" disabled>Disabled</Button></span>
|
|
86
|
-
|
|
87
|
-
<span>dark</span>
|
|
88
|
-
<span><Button themeColor="dark">Normal</Button></span>
|
|
89
|
-
<span><Button themeColor="dark" hover>Hover</Button></span>
|
|
90
|
-
<span><Button themeColor="dark" focus>Focus</Button></span>
|
|
91
|
-
<span><Button themeColor="dark" active>Active</Button></span>
|
|
92
|
-
<span><Button themeColor="dark" selected>Selected</Button></span>
|
|
93
|
-
<span><Button themeColor="dark" disabled>Disabled</Button></span>
|
|
94
|
-
|
|
95
|
-
<span>light</span>
|
|
96
|
-
<span><Button themeColor="light">Normal</Button></span>
|
|
97
|
-
<span><Button themeColor="light" hover>Hover</Button></span>
|
|
98
|
-
<span><Button themeColor="light" focus>Focus</Button></span>
|
|
99
|
-
<span><Button themeColor="light" active>Active</Button></span>
|
|
100
|
-
<span><Button themeColor="light" selected>Selected</Button></span>
|
|
101
|
-
<span><Button themeColor="light" disabled>Disabled</Button></span>
|
|
102
|
-
|
|
103
|
-
<span>inverse</span>
|
|
104
|
-
<span><Button themeColor="inverse">Normal</Button></span>
|
|
105
|
-
<span><Button themeColor="inverse" hover>Hover</Button></span>
|
|
106
|
-
<span><Button themeColor="inverse" focus>Focus</Button></span>
|
|
107
|
-
<span><Button themeColor="inverse" active>Active</Button></span>
|
|
108
|
-
<span><Button themeColor="inverse" selected>Selected</Button></span>
|
|
109
|
-
<span><Button themeColor="inverse" disabled>Disabled</Button></span>
|
|
110
|
-
|
|
21
|
+
{[ ...Button.options.themeColor ].map((themeColor) => (
|
|
22
|
+
<>
|
|
23
|
+
<span>{themeColor}</span>
|
|
24
|
+
{[ 'normal' , ...Button.states ].map((state) => (
|
|
25
|
+
<>
|
|
26
|
+
<span>
|
|
27
|
+
<TextButton fillMode="solid" themeColor={themeColor} {...{ [state]: true }}>{state}</TextButton>
|
|
28
|
+
</span>
|
|
29
|
+
</>
|
|
30
|
+
))}
|
|
31
|
+
</>
|
|
32
|
+
))}
|
|
111
33
|
</div>
|
|
112
34
|
|
|
113
35
|
</>
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
/* */
|
|
1
|
+
import { IconButton, IconTextButton, TextButton } from '../../button';
|
|
4
2
|
|
|
5
3
|
const styles = `
|
|
6
4
|
#test-area {
|
|
@@ -22,53 +20,52 @@ export default () => (
|
|
|
22
20
|
<span>Disabled</span>
|
|
23
21
|
|
|
24
22
|
<span>base</span>
|
|
25
|
-
<span><
|
|
26
|
-
<span><
|
|
27
|
-
<span><
|
|
28
|
-
<span><
|
|
29
|
-
<span><
|
|
30
|
-
<span><
|
|
23
|
+
<span><TextButton>Normal</TextButton></span>
|
|
24
|
+
<span><TextButton hover={true}>Hover</TextButton></span>
|
|
25
|
+
<span><TextButton focus={true}>Focus</TextButton></span>
|
|
26
|
+
<span><TextButton active={true}>Active</TextButton></span>
|
|
27
|
+
<span><TextButton selected={true}>Selected</TextButton></span>
|
|
28
|
+
<span><TextButton disabled={true}>Disabled</TextButton></span>
|
|
31
29
|
|
|
32
30
|
<span>^ text + icon</span>
|
|
33
|
-
<span><
|
|
34
|
-
<span><
|
|
35
|
-
<span><
|
|
36
|
-
<span><
|
|
37
|
-
<span><
|
|
38
|
-
<span><
|
|
31
|
+
<span><IconTextButton>Normal</IconTextButton></span>
|
|
32
|
+
<span><IconTextButton hover={true}>Hover</IconTextButton></span>
|
|
33
|
+
<span><IconTextButton focus={true}>Focus</IconTextButton></span>
|
|
34
|
+
<span><IconTextButton active={true}>Active</IconTextButton></span>
|
|
35
|
+
<span><IconTextButton selected={true}>Selected</IconTextButton></span>
|
|
36
|
+
<span><IconTextButton disabled={true}>Disabled</IconTextButton></span>
|
|
39
37
|
|
|
40
38
|
<span>^ icon</span>
|
|
41
|
-
<span><
|
|
42
|
-
<span><
|
|
43
|
-
<span><
|
|
44
|
-
<span><
|
|
45
|
-
<span><
|
|
46
|
-
<span><
|
|
39
|
+
<span><IconButton></IconButton></span>
|
|
40
|
+
<span><IconButton hover></IconButton></span>
|
|
41
|
+
<span><IconButton focus={true}></IconButton></span>
|
|
42
|
+
<span><IconButton active={true}></IconButton></span>
|
|
43
|
+
<span><IconButton selected={true}></IconButton></span>
|
|
44
|
+
<span><IconButton disabled={true}></IconButton></span>
|
|
47
45
|
|
|
48
46
|
<span>primary</span>
|
|
49
|
-
<span><
|
|
50
|
-
<span><
|
|
51
|
-
<span><
|
|
52
|
-
<span><
|
|
53
|
-
<span><
|
|
54
|
-
<span><
|
|
47
|
+
<span><TextButton themeColor="primary">Normal</TextButton></span>
|
|
48
|
+
<span><TextButton themeColor="primary" hover={true}>Hover</TextButton></span>
|
|
49
|
+
<span><TextButton themeColor="primary" focus={true}>Focus</TextButton></span>
|
|
50
|
+
<span><TextButton themeColor="primary" active={true}>Active</TextButton></span>
|
|
51
|
+
<span><TextButton themeColor="primary" selected={true}>Selected</TextButton></span>
|
|
52
|
+
<span><TextButton themeColor="primary" disabled={true}>Disabled</TextButton></span>
|
|
55
53
|
|
|
56
54
|
<span>^ text + icon</span>
|
|
57
|
-
<span><
|
|
58
|
-
<span><
|
|
59
|
-
<span><
|
|
60
|
-
<span><
|
|
61
|
-
<span><
|
|
62
|
-
<span><
|
|
55
|
+
<span><IconTextButton themeColor="primary">Normal</IconTextButton></span>
|
|
56
|
+
<span><IconTextButton themeColor="primary" hover={true}>Hover</IconTextButton></span>
|
|
57
|
+
<span><IconTextButton themeColor="primary" focus={true}>Focus</IconTextButton></span>
|
|
58
|
+
<span><IconTextButton themeColor="primary" active={true}>Active</IconTextButton></span>
|
|
59
|
+
<span><IconTextButton themeColor="primary" selected={true}>Selected</IconTextButton></span>
|
|
60
|
+
<span><IconTextButton themeColor="primary" disabled={true}>Disabled</IconTextButton></span>
|
|
63
61
|
|
|
64
62
|
<span>^ icon</span>
|
|
65
|
-
<span><
|
|
66
|
-
<span><
|
|
67
|
-
<span><
|
|
68
|
-
<span><
|
|
69
|
-
<span><
|
|
70
|
-
<span><
|
|
63
|
+
<span><IconButton themeColor="primary"></IconButton></span>
|
|
64
|
+
<span><IconButton themeColor="primary" hover></IconButton></span>
|
|
65
|
+
<span><IconButton themeColor="primary" focus={true}></IconButton></span>
|
|
66
|
+
<span><IconButton themeColor="primary" active={true}></IconButton></span>
|
|
67
|
+
<span><IconButton themeColor="primary" selected={true}></IconButton></span>
|
|
68
|
+
<span><IconButton themeColor="primary" disabled={true}></IconButton></span>
|
|
71
69
|
</div>
|
|
72
|
-
|
|
73
70
|
</>
|
|
74
71
|
);
|
|
@@ -115,7 +115,8 @@ export default () =>(
|
|
|
115
115
|
<tbody className="k-table-tbody">
|
|
116
116
|
<tr className="k-table-row k-master-row" style={{ height: "40px" }}>
|
|
117
117
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
118
|
-
<Icon icon="caret-alt-down" />
|
|
118
|
+
<Icon className="k-treelist-toggle" icon="caret-alt-down" />
|
|
119
|
+
7
|
|
119
120
|
</td>
|
|
120
121
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>
|
|
121
122
|
Software validation, research and implementation
|
|
@@ -132,8 +133,8 @@ export default () =>(
|
|
|
132
133
|
</tr>
|
|
133
134
|
<tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
|
|
134
135
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
135
|
-
<Icon icon="none" />
|
|
136
|
-
<Icon icon="none" />18
|
|
136
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
137
|
+
<Icon className="k-treelist-toggle" icon="none" />18
|
|
137
138
|
</td>
|
|
138
139
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>
|
|
139
140
|
Project Kickoff
|
|
@@ -148,7 +149,9 @@ export default () =>(
|
|
|
148
149
|
</tr>
|
|
149
150
|
<tr className="k-table-row k-master-row" style={{ height: "40px" }}>
|
|
150
151
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
151
|
-
<Icon
|
|
152
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
153
|
+
<Icon className="k-treelist-toggle" icon="caret-alt-down" />
|
|
154
|
+
11
|
|
152
155
|
</td>
|
|
153
156
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>
|
|
154
157
|
Research
|
|
@@ -165,9 +168,9 @@ export default () =>(
|
|
|
165
168
|
</tr>
|
|
166
169
|
<tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
|
|
167
170
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
168
|
-
<Icon icon="none" />
|
|
169
|
-
<Icon icon="none" />
|
|
170
|
-
<Icon icon="none" />19
|
|
171
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
172
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
173
|
+
<Icon className="k-treelist-toggle" icon="none" />19
|
|
171
174
|
</td>
|
|
172
175
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>
|
|
173
176
|
Validation with Customers
|
|
@@ -191,9 +194,9 @@ export default () =>(
|
|
|
191
194
|
</tr>
|
|
192
195
|
<tr className="k-table-row k-master-row" style={{ height: "40px" }}>
|
|
193
196
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
194
|
-
<Icon icon="none" />
|
|
195
|
-
<Icon icon="none" />
|
|
196
|
-
<Icon icon="none" />20
|
|
197
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
198
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
199
|
+
<Icon className="k-treelist-toggle" icon="none" />20
|
|
197
200
|
</td>
|
|
198
201
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>
|
|
199
202
|
Market Research
|
|
@@ -217,9 +220,9 @@ export default () =>(
|
|
|
217
220
|
</tr>
|
|
218
221
|
<tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
|
|
219
222
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
220
|
-
<Icon icon="none" />
|
|
221
|
-
<Icon icon="none" />
|
|
222
|
-
<Icon icon="none" />39
|
|
223
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
224
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
225
|
+
<Icon className="k-treelist-toggle" icon="none" />39
|
|
223
226
|
</td>
|
|
224
227
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>
|
|
225
228
|
Functional and Technical Specification
|
|
@@ -243,8 +246,9 @@ export default () =>(
|
|
|
243
246
|
</tr>
|
|
244
247
|
<tr className="k-table-row k-master-row" style={{ height: "40px" }}>
|
|
245
248
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
246
|
-
<Icon icon="none" />
|
|
247
|
-
<Icon icon="caret-alt-down" />
|
|
249
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
250
|
+
<Icon className="k-treelist-toggle" icon="caret-alt-down" />
|
|
251
|
+
12
|
|
248
252
|
</td>
|
|
249
253
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Design</td>
|
|
250
254
|
<td className="k-table-td">
|
|
@@ -259,9 +263,9 @@ export default () =>(
|
|
|
259
263
|
</tr>
|
|
260
264
|
<tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
|
|
261
265
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
262
|
-
<Icon icon="none" />
|
|
263
|
-
<Icon icon="none" />
|
|
264
|
-
<Icon icon="none" />22
|
|
266
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
267
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
268
|
+
<Icon className="k-treelist-toggle" icon="none" />22
|
|
265
269
|
</td>
|
|
266
270
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>UI Design</td>
|
|
267
271
|
<td className="k-table-td">
|
|
@@ -283,9 +287,9 @@ export default () =>(
|
|
|
283
287
|
</tr>
|
|
284
288
|
<tr className="k-table-row k-master-row k-selected" style={{ height: "40px" }}>
|
|
285
289
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
286
|
-
<Icon icon="none" />
|
|
287
|
-
<Icon icon="none" />
|
|
288
|
-
<Icon icon="none" />23
|
|
290
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
291
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
292
|
+
<Icon className="k-treelist-toggle" icon="none" />23
|
|
289
293
|
</td>
|
|
290
294
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>HTML Prototype</td>
|
|
291
295
|
<td className="k-table-td">
|
|
@@ -307,8 +311,9 @@ export default () =>(
|
|
|
307
311
|
</tr>
|
|
308
312
|
<tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
|
|
309
313
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
310
|
-
<Icon icon="none" />
|
|
311
|
-
<Icon icon="caret-alt-down" />
|
|
314
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
315
|
+
<Icon className="k-treelist-toggle" icon="caret-alt-down" />
|
|
316
|
+
13
|
|
312
317
|
</td>
|
|
313
318
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Implementation</td>
|
|
314
319
|
<td className="k-table-td">
|
|
@@ -323,9 +328,9 @@ export default () =>(
|
|
|
323
328
|
</tr>
|
|
324
329
|
<tr className="k-table-row k-master-row" style={{ height: "40px" }}>
|
|
325
330
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
326
|
-
<Icon icon="none" />
|
|
327
|
-
<Icon icon="none" />
|
|
328
|
-
<Icon icon="none" />24
|
|
331
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
332
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
333
|
+
<Icon className="k-treelist-toggle" icon="none" />24
|
|
329
334
|
</td>
|
|
330
335
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Prototype</td>
|
|
331
336
|
<td className="k-table-td">
|
|
@@ -347,9 +352,9 @@ export default () =>(
|
|
|
347
352
|
</tr>
|
|
348
353
|
<tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
|
|
349
354
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
350
|
-
<Icon icon="none" />
|
|
351
|
-
<Icon icon="none" />
|
|
352
|
-
<Icon icon="none" />26
|
|
355
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
356
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
357
|
+
<Icon className="k-treelist-toggle" icon="none" />26
|
|
353
358
|
</td>
|
|
354
359
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Architecture</td>
|
|
355
360
|
<td className="k-table-td">
|
|
@@ -371,9 +376,9 @@ export default () =>(
|
|
|
371
376
|
</tr>
|
|
372
377
|
<tr className="k-table-row k-master-row" style={{ height: "40px" }}>
|
|
373
378
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
374
|
-
<Icon icon="none" />
|
|
375
|
-
<Icon icon="none" />
|
|
376
|
-
<Icon icon="none" />27
|
|
379
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
380
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
381
|
+
<Icon className="k-treelist-toggle" icon="none" />27
|
|
377
382
|
</td>
|
|
378
383
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Data Layer</td>
|
|
379
384
|
<td className="k-table-td">
|
|
@@ -395,9 +400,9 @@ export default () =>(
|
|
|
395
400
|
</tr>
|
|
396
401
|
<tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
|
|
397
402
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
398
|
-
<Icon icon="none" />
|
|
399
|
-
<Icon icon="none" />
|
|
400
|
-
<Icon icon="none" />29
|
|
403
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
404
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
405
|
+
<Icon className="k-treelist-toggle" icon="none" />29
|
|
401
406
|
</td>
|
|
402
407
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>
|
|
403
408
|
UI and Interaction
|
|
@@ -421,9 +426,9 @@ export default () =>(
|
|
|
421
426
|
</tr>
|
|
422
427
|
<tr className="k-table-row k-master-row" style={{ height: "40px" }}>
|
|
423
428
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
424
|
-
<Icon icon="none" />
|
|
425
|
-
<Icon icon="none" />
|
|
426
|
-
<Icon icon="none" />28
|
|
429
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
430
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
431
|
+
<Icon className="k-treelist-toggle" icon="none" />28
|
|
427
432
|
</td>
|
|
428
433
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Unit Tests</td>
|
|
429
434
|
<td className="k-table-td">
|
|
@@ -445,8 +450,9 @@ export default () =>(
|
|
|
445
450
|
</tr>
|
|
446
451
|
<tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
|
|
447
452
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
448
|
-
<Icon icon="none" />
|
|
449
|
-
<Icon icon="caret-alt-right" />
|
|
453
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
454
|
+
<Icon className="k-treelist-toggle" icon="caret-alt-right" />
|
|
455
|
+
14
|
|
450
456
|
</td>
|
|
451
457
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Testing</td>
|
|
452
458
|
<td className="k-table-td">
|
|
@@ -461,8 +467,9 @@ export default () =>(
|
|
|
461
467
|
</tr>
|
|
462
468
|
<tr className="k-table-row k-master-row" style={{ height: "40px" }}>
|
|
463
469
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
464
|
-
<Icon icon="none" />
|
|
465
|
-
<Icon icon="caret-alt-right" />
|
|
470
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
471
|
+
<Icon className="k-treelist-toggle" icon="caret-alt-right" />
|
|
472
|
+
30
|
|
466
473
|
</td>
|
|
467
474
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Documentation</td>
|
|
468
475
|
<td className="k-table-td">
|
|
@@ -477,8 +484,9 @@ export default () =>(
|
|
|
477
484
|
</tr>
|
|
478
485
|
<tr className="k-table-row k-table-alt-row k-master-row k-alt" style={{ height: "40px" }}>
|
|
479
486
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
480
|
-
<Icon icon="none" />
|
|
481
|
-
<Icon icon="caret-alt-right" />
|
|
487
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
488
|
+
<Icon className="k-treelist-toggle" icon="caret-alt-right" />
|
|
489
|
+
31
|
|
482
490
|
</td>
|
|
483
491
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Demos</td>
|
|
484
492
|
<td className="k-table-td">
|
|
@@ -493,8 +501,8 @@ export default () =>(
|
|
|
493
501
|
</tr>
|
|
494
502
|
<tr className="k-table-row k-master-row" style={{ height: "40px" }}>
|
|
495
503
|
<td className="k-table-td k-grid-content-sticky k-text-nowrap" colSpan={1} style={{ left: '0px', right: "200px" }}>
|
|
496
|
-
<Icon icon="none" />
|
|
497
|
-
<Icon icon="none" />17
|
|
504
|
+
<Icon className="k-treelist-toggle" icon="none" />
|
|
505
|
+
<Icon className="k-treelist-toggle" icon="none" />17
|
|
498
506
|
</td>
|
|
499
507
|
<td className="k-table-td k-grid-content-sticky" colSpan={1} style={{ left: "100px", right: '0px', borderRightWidth: "1px" }}>Release</td>
|
|
500
508
|
<td className="k-table-td">
|