@progress/kendo-themes-html 7.2.0 → 7.2.1-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/autocomplete/tests/autocomplete-prefix-suffix.js +1416 -910
- package/dist/cjs/combobox/tests/combobox-prefix-suffix.js +1416 -910
- package/dist/cjs/filemanager/file-info.js +1238 -1239
- package/dist/cjs/filemanager/filemanager-toolbar.spec.js +1 -1
- package/dist/cjs/filemanager/filemanager.spec.js +3481 -2163
- package/dist/cjs/filemanager/templates/filemanager-grid-preview.js +1238 -1239
- package/dist/cjs/filemanager/templates/filemanager-grid.js +1238 -1239
- package/dist/cjs/filemanager/templates/filemanager-normal.js +1238 -1239
- package/dist/cjs/filemanager/templates/filemanager-preview.js +1238 -1239
- package/dist/cjs/filemanager/tests/filemanager-contextmenu.js +1238 -1239
- package/dist/cjs/filemanager/tests/filemanager-drag-hint.js +1238 -1239
- package/dist/cjs/filemanager/tests/filemanager-gridview-preview.js +2540 -2034
- package/dist/cjs/filemanager/tests/filemanager-gridview.js +1238 -1239
- package/dist/cjs/filemanager/tests/filemanager-listview-preview.js +2494 -1988
- package/dist/cjs/filemanager/tests/filemanager-listview.js +1238 -1239
- package/dist/cjs/form/tests/form-field-dropdowns.js +1373 -909
- package/dist/cjs/grid/tests/grid-editing-custom-editor.js +1504 -998
- package/dist/cjs/index.js +3002 -2407
- package/dist/cjs/multiselect/templates/multiselect-prefix.js +1391 -885
- package/dist/cjs/multiselect/templates/multiselect-suffix.js +1391 -885
- package/dist/cjs/multiselect/tests/multiselect-adaptive.js +1397 -891
- package/dist/cjs/multiselect/tests/multiselect-flat.js +1421 -915
- package/dist/cjs/multiselect/tests/multiselect-grouping.js +1397 -891
- package/dist/cjs/multiselect/tests/multiselect-opened.js +1399 -893
- package/dist/cjs/multiselect/tests/multiselect-outline.js +1421 -915
- package/dist/cjs/multiselect/tests/multiselect-prefix-suffix.js +1428 -922
- package/dist/cjs/multiselect/tests/multiselect-size-rounded.js +1400 -894
- package/dist/cjs/multiselect/tests/multiselect-solid.js +1421 -915
- package/dist/cjs/scheduler/tests/scheduler-edit-dialog.js +1388 -924
- package/dist/cjs/scheduler/tests/scheduler-editing-weekly.js +1402 -938
- package/dist/cjs/stepper/index.js +4669 -0
- package/dist/cjs/stepper/step-list.js +68 -0
- package/dist/cjs/stepper/step.js +4426 -0
- package/dist/cjs/stepper/stepper.spec.js +62 -0
- package/dist/cjs/stepper/templates/stepper-normal.js +4650 -0
- package/dist/cjs/stepper/templates/stepper-vertical.js +4650 -0
- package/dist/cjs/stepper/tests/stepper-horizontal-rtl.js +262 -150
- package/dist/cjs/stepper/tests/stepper-states.js +247 -228
- package/dist/cjs/stepper/tests/stepper-vertical-rtl.js +255 -122
- package/dist/cjs/stepper/tests/stepper-vertical.js +369 -238
- package/dist/cjs/stepper/tests/stepper.js +275 -187
- package/dist/cjs/taskboard/taskboard-card.js +4675 -0
- package/dist/cjs/taskboard/taskboard-column.js +4524 -0
- package/dist/cjs/taskboard/taskboard-pane.js +17117 -0
- package/dist/cjs/taskboard/taskboard-toolbar.js +7892 -0
- package/dist/cjs/taskboard/taskboard.spec.js +17117 -0
- package/dist/cjs/taskboard/templates/taskboard-normal.js +17168 -0
- package/dist/cjs/taskboard/tests/taskboard-card.js +12075 -3113
- package/dist/cjs/taskboard/tests/taskboard-column.js +12575 -742
- package/dist/cjs/taskboard/tests/taskboard-pane.js +10350 -1770
- package/dist/cjs/taskboard/tests/taskboard-resources.js +12673 -323
- package/dist/cjs/taskboard/tests/taskboard-rtl.js +10165 -1191
- package/dist/cjs/taskboard/tests/taskboard.js +10165 -1182
- package/dist/cjs/wizard/templates/wizard-normal.js +4899 -0
- package/dist/cjs/wizard/templates/wizard-vertical.js +4900 -0
- package/dist/cjs/wizard/tests/wizard-horizontal.js +394 -321
- package/dist/cjs/wizard/tests/wizard-vertical.js +413 -445
- package/dist/cjs/wizard/wizard-step.js +4524 -0
- package/dist/cjs/wizard/wizard-steps.js +56 -0
- package/dist/cjs/wizard/wizard.spec.js +110 -0
- package/dist/esm/autocomplete/tests/autocomplete-prefix-suffix.js +1416 -910
- package/dist/esm/combobox/tests/combobox-prefix-suffix.js +1416 -910
- package/dist/esm/filemanager/file-info.js +1240 -1241
- package/dist/esm/filemanager/filemanager-toolbar.spec.js +1 -1
- package/dist/esm/filemanager/filemanager.spec.js +2923 -1605
- package/dist/esm/filemanager/templates/filemanager-grid-preview.js +1240 -1241
- package/dist/esm/filemanager/templates/filemanager-grid.js +1240 -1241
- package/dist/esm/filemanager/templates/filemanager-normal.js +1240 -1241
- package/dist/esm/filemanager/templates/filemanager-preview.js +1240 -1241
- package/dist/esm/filemanager/tests/filemanager-contextmenu.js +1240 -1241
- package/dist/esm/filemanager/tests/filemanager-drag-hint.js +1240 -1241
- package/dist/esm/filemanager/tests/filemanager-gridview-preview.js +2560 -2054
- package/dist/esm/filemanager/tests/filemanager-gridview.js +1240 -1241
- package/dist/esm/filemanager/tests/filemanager-listview-preview.js +2514 -2008
- package/dist/esm/filemanager/tests/filemanager-listview.js +1240 -1241
- package/dist/esm/form/tests/form-field-dropdowns.js +1373 -909
- package/dist/esm/grid/tests/grid-editing-custom-editor.js +1504 -998
- package/dist/esm/index.js +2988 -2393
- package/dist/esm/multiselect/templates/multiselect-prefix.js +1391 -885
- package/dist/esm/multiselect/templates/multiselect-suffix.js +1391 -885
- package/dist/esm/multiselect/tests/multiselect-adaptive.js +1397 -891
- package/dist/esm/multiselect/tests/multiselect-flat.js +1421 -915
- package/dist/esm/multiselect/tests/multiselect-grouping.js +1397 -891
- package/dist/esm/multiselect/tests/multiselect-opened.js +1399 -893
- package/dist/esm/multiselect/tests/multiselect-outline.js +1421 -915
- package/dist/esm/multiselect/tests/multiselect-prefix-suffix.js +1428 -922
- package/dist/esm/multiselect/tests/multiselect-size-rounded.js +1400 -894
- package/dist/esm/multiselect/tests/multiselect-solid.js +1421 -915
- package/dist/esm/scheduler/tests/scheduler-edit-dialog.js +1388 -924
- package/dist/esm/scheduler/tests/scheduler-editing-weekly.js +1402 -938
- package/dist/esm/stepper/index.js +4653 -0
- package/dist/esm/stepper/step-list.js +46 -0
- package/dist/esm/stepper/step.js +4410 -0
- package/dist/esm/stepper/stepper.spec.js +40 -0
- package/dist/esm/stepper/templates/stepper-normal.js +4634 -0
- package/dist/esm/stepper/templates/stepper-vertical.js +4634 -0
- package/dist/esm/stepper/tests/stepper-horizontal-rtl.js +262 -150
- package/dist/esm/stepper/tests/stepper-states.js +247 -228
- package/dist/esm/stepper/tests/stepper-vertical-rtl.js +255 -122
- package/dist/esm/stepper/tests/stepper-vertical.js +366 -235
- package/dist/esm/stepper/tests/stepper.js +275 -187
- package/dist/esm/taskboard/taskboard-card.js +4659 -0
- package/dist/esm/taskboard/taskboard-column.js +4508 -0
- package/dist/esm/taskboard/taskboard-pane.js +17091 -0
- package/dist/esm/taskboard/taskboard-toolbar.js +7876 -0
- package/dist/esm/taskboard/taskboard.spec.js +17091 -0
- package/dist/esm/taskboard/templates/taskboard-normal.js +17142 -0
- package/dist/esm/taskboard/tests/taskboard-card.js +11799 -2847
- package/dist/esm/taskboard/tests/taskboard-column.js +12548 -725
- package/dist/esm/taskboard/tests/taskboard-pane.js +10334 -1764
- package/dist/esm/taskboard/tests/taskboard-resources.js +12665 -325
- package/dist/esm/taskboard/tests/taskboard-rtl.js +10170 -1206
- package/dist/esm/taskboard/tests/taskboard.js +10170 -1197
- package/dist/esm/wizard/templates/wizard-normal.js +4883 -0
- package/dist/esm/wizard/templates/wizard-vertical.js +4884 -0
- package/dist/esm/wizard/tests/wizard-horizontal.js +392 -319
- package/dist/esm/wizard/tests/wizard-vertical.js +411 -443
- package/dist/esm/wizard/wizard-step.js +4508 -0
- package/dist/esm/wizard/wizard-steps.js +34 -0
- package/dist/esm/wizard/wizard.spec.js +88 -0
- package/dist/types/filemanager/index.d.ts +1 -1
- package/dist/types/index.d.ts +3 -0
- package/dist/types/stepper/index.d.ts +5 -0
- package/dist/types/stepper/step-list.d.ts +15 -0
- package/dist/types/stepper/step.d.ts +25 -0
- package/dist/types/stepper/stepper.spec.d.ts +13 -0
- package/dist/types/stepper/templates/stepper-normal.d.ts +1 -0
- package/dist/types/stepper/templates/stepper-vertical.d.ts +1 -0
- package/dist/types/taskboard/index.d.ts +6 -0
- package/dist/types/taskboard/taskboard-card.d.ts +13 -0
- package/dist/types/taskboard/taskboard-column.d.ts +20 -0
- package/dist/types/taskboard/taskboard-pane.d.ts +19 -0
- package/dist/types/taskboard/taskboard-toolbar.d.ts +10 -0
- package/dist/types/taskboard/taskboard.spec.d.ts +23 -0
- package/dist/types/taskboard/templates/taskboard-normal.d.ts +1 -0
- package/dist/types/wizard/index.d.ts +5 -0
- package/dist/types/wizard/templates/wizard-normal.d.ts +1 -0
- package/dist/types/wizard/templates/wizard-vertical.d.ts +1 -0
- package/dist/types/wizard/wizard-step.d.ts +19 -0
- package/dist/types/wizard/wizard-steps.d.ts +9 -0
- package/dist/types/wizard/wizard.spec.d.ts +20 -0
- package/package.json +2 -2
- package/src/filemanager/filemanager-toolbar.spec.tsx +1 -1
- package/src/filemanager/filemanager.spec.tsx +2 -2
- package/src/filemanager/index.ts +1 -1
- package/src/index.ts +3 -3
- package/src/stepper/index.tsx +5 -0
- package/src/stepper/step-list.tsx +49 -0
- package/src/stepper/step.tsx +129 -0
- package/src/stepper/stepper.spec.tsx +42 -0
- package/src/stepper/templates/stepper-normal.tsx +19 -0
- package/src/stepper/templates/stepper-vertical.tsx +19 -0
- package/src/stepper/tests/stepper-horizontal-rtl.tsx +30 -156
- package/src/stepper/tests/stepper-states.tsx +31 -411
- package/src/stepper/tests/stepper-vertical-rtl.tsx +28 -120
- package/src/stepper/tests/stepper-vertical.tsx +41 -157
- package/src/stepper/tests/stepper.tsx +42 -241
- package/src/taskboard/index.ts +6 -0
- package/src/taskboard/taskboard-card.tsx +48 -0
- package/src/taskboard/taskboard-column.tsx +70 -0
- package/src/taskboard/taskboard-pane.tsx +68 -0
- package/src/taskboard/taskboard-toolbar.tsx +39 -0
- package/src/taskboard/taskboard.spec.tsx +94 -0
- package/src/taskboard/templates/taskboard-normal.tsx +70 -0
- package/src/taskboard/tests/taskboard-card.tsx +55 -130
- package/src/taskboard/tests/taskboard-column.tsx +93 -164
- package/src/taskboard/tests/taskboard-pane.tsx +3 -235
- package/src/taskboard/tests/taskboard-resources.tsx +22 -42
- package/src/taskboard/tests/taskboard-rtl.tsx +3 -126
- package/src/taskboard/tests/taskboard.tsx +2 -116
- package/src/wizard/index.ts +5 -0
- package/src/wizard/templates/wizard-normal.tsx +19 -0
- package/src/wizard/templates/wizard-vertical.tsx +20 -0
- package/src/wizard/tests/wizard-horizontal.tsx +20 -304
- package/src/wizard/tests/wizard-vertical.tsx +38 -472
- package/src/wizard/wizard-step.tsx +69 -0
- package/src/wizard/wizard-steps.tsx +29 -0
- package/src/wizard/wizard.spec.tsx +55 -0
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Card, CardBody, CardHeader } from '../../card';
|
|
3
|
-
import { Searchbox } from '../../searchbox';
|
|
4
|
-
import { Toolbar } from '../../toolbar';
|
|
1
|
+
import { TaskBoardNormal } from "..";
|
|
5
2
|
|
|
6
3
|
|
|
7
4
|
const style = `
|
|
@@ -20,128 +17,8 @@ export default () =>(
|
|
|
20
17
|
<style>{style}</style>
|
|
21
18
|
<div id="test-area" className="k-d-grid k-grid-cols-1">
|
|
22
19
|
|
|
23
|
-
<span>TaskBoard
|
|
24
|
-
<
|
|
25
|
-
<div className="k-taskboard-header">
|
|
26
|
-
<div className="k-taskboard-header">
|
|
27
|
-
<Toolbar className="k-taskboard-toolbar">
|
|
28
|
-
<Button icon="plus">Add Column</Button>
|
|
29
|
-
<span className="k-spacer"></span>
|
|
30
|
-
<Searchbox placeholder="Search..." />
|
|
31
|
-
</Toolbar>
|
|
32
|
-
</div>
|
|
33
|
-
</div>
|
|
34
|
-
<div className="k-taskboard-content">
|
|
35
|
-
<div className="k-taskboard-columns-container">
|
|
36
|
-
<div className="k-taskboard-column">
|
|
37
|
-
<div className="k-taskboard-column-header">
|
|
38
|
-
<div className="k-taskboard-column-header-text k-text-ellipsis">Column Header</div>
|
|
39
|
-
<span className="k-spacer"></span>
|
|
40
|
-
<div className="k-taskboard-column-header-actions">
|
|
41
|
-
<Button fillMode="flat" icon="plus"></Button>
|
|
42
|
-
<Button fillMode="flat" icon="x"></Button>
|
|
43
|
-
</div>
|
|
44
|
-
</div>
|
|
45
|
-
<div className="k-taskboard-column-cards-container">
|
|
46
|
-
<div className="k-taskboard-column-cards">
|
|
47
|
-
<Card className="k-taskboard-card">
|
|
48
|
-
<CardHeader className="k-hbox" details>
|
|
49
|
-
<a className="k-card-title k-link" href="#">Card Title</a>
|
|
50
|
-
<span className="k-spacer"></span>
|
|
51
|
-
</CardHeader>
|
|
52
|
-
<CardBody>
|
|
53
|
-
<p>Card Body</p>
|
|
54
|
-
</CardBody>
|
|
55
|
-
</Card>
|
|
56
|
-
<Card className="k-taskboard-card">
|
|
57
|
-
<CardHeader className="k-hbox" details>
|
|
58
|
-
<a className="k-card-title k-link" href="#">Card Title</a>
|
|
59
|
-
<span className="k-spacer"></span>
|
|
60
|
-
</CardHeader>
|
|
61
|
-
<CardBody>
|
|
62
|
-
<p>Card Body</p>
|
|
63
|
-
</CardBody>
|
|
64
|
-
</Card>
|
|
65
|
-
<Card className="k-taskboard-card">
|
|
66
|
-
<CardHeader className="k-hbox" details>
|
|
67
|
-
<a className="k-card-title k-link" href="#">Card Title</a>
|
|
68
|
-
<span className="k-spacer"></span>
|
|
69
|
-
</CardHeader>
|
|
70
|
-
<CardBody>
|
|
71
|
-
<p>Card Body</p>
|
|
72
|
-
</CardBody>
|
|
73
|
-
</Card>
|
|
74
|
-
</div>
|
|
75
|
-
</div>
|
|
76
|
-
</div>
|
|
77
|
-
<div className="k-taskboard-column">
|
|
78
|
-
<div className="k-taskboard-column-header">
|
|
79
|
-
<div className="k-taskboard-column-header-text k-text-ellipsis">Column Header</div>
|
|
80
|
-
<span className="k-spacer"></span>
|
|
81
|
-
<div className="k-taskboard-column-header-actions">
|
|
82
|
-
<Button fillMode="flat" icon="plus"></Button>
|
|
83
|
-
<Button fillMode="flat" icon="x"></Button>
|
|
84
|
-
</div>
|
|
85
|
-
</div>
|
|
86
|
-
<div className="k-taskboard-column-cards-container">
|
|
87
|
-
<div className="k-taskboard-column-cards">
|
|
88
|
-
<Card className="k-taskboard-card">
|
|
89
|
-
<CardHeader className="k-hbox" details>
|
|
90
|
-
<a className="k-card-title k-link" href="#">Card Title</a>
|
|
91
|
-
<span className="k-spacer"></span>
|
|
92
|
-
</CardHeader>
|
|
93
|
-
<CardBody>
|
|
94
|
-
<p>Card Body</p>
|
|
95
|
-
</CardBody>
|
|
96
|
-
</Card>
|
|
97
|
-
<Card className="k-taskboard-card">
|
|
98
|
-
<CardHeader className="k-hbox" details>
|
|
99
|
-
<a className="k-card-title k-link" href="#">Card Title</a>
|
|
100
|
-
<span className="k-spacer"></span>
|
|
101
|
-
</CardHeader>
|
|
102
|
-
<CardBody>
|
|
103
|
-
<p>Card Body</p>
|
|
104
|
-
</CardBody>
|
|
105
|
-
</Card>
|
|
106
|
-
</div>
|
|
107
|
-
</div>
|
|
108
|
-
</div>
|
|
109
|
-
<div className="k-taskboard-column">
|
|
110
|
-
<div className="k-taskboard-column-header">
|
|
111
|
-
<div className="k-taskboard-column-header-text k-text-ellipsis">Column Header</div>
|
|
112
|
-
<span className="k-spacer"></span>
|
|
113
|
-
<div className="k-taskboard-column-header-actions">
|
|
114
|
-
<Button fillMode="flat" icon="plus"></Button>
|
|
115
|
-
<Button fillMode="flat" icon="x"></Button>
|
|
116
|
-
</div>
|
|
117
|
-
</div>
|
|
118
|
-
<div className="k-taskboard-column-cards-container">
|
|
119
|
-
<div className="k-taskboard-column-cards">
|
|
120
|
-
<Card className="k-taskboard-card">
|
|
121
|
-
<CardHeader className="k-hbox" details>
|
|
122
|
-
<a className="k-card-title k-link" href="#">Card Title</a>
|
|
123
|
-
<span className="k-spacer"></span>
|
|
124
|
-
</CardHeader>
|
|
125
|
-
<CardBody>
|
|
126
|
-
<p>Card Body</p>
|
|
127
|
-
</CardBody>
|
|
128
|
-
</Card>
|
|
129
|
-
<Card className="k-taskboard-card">
|
|
130
|
-
<CardHeader className="k-hbox" details>
|
|
131
|
-
<a className="k-card-title k-link" href="#">Card Title</a>
|
|
132
|
-
<span className="k-spacer"></span>
|
|
133
|
-
</CardHeader>
|
|
134
|
-
<CardBody>
|
|
135
|
-
<p>Card Body</p>
|
|
136
|
-
</CardBody>
|
|
137
|
-
</Card>
|
|
138
|
-
</div>
|
|
139
|
-
</div>
|
|
140
|
-
</div>
|
|
141
|
-
</div>
|
|
142
|
-
</div>
|
|
143
|
-
<div className="k-taskboard-pane k-taskboard-edit-pane k-hidden"></div>
|
|
144
|
-
</div>
|
|
20
|
+
<span>TaskBoard</span>
|
|
21
|
+
<TaskBoardNormal className="k-rtl"/>
|
|
145
22
|
|
|
146
23
|
</div>
|
|
147
24
|
</>
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Card, CardBody, CardHeader } from '../../card';
|
|
3
|
-
import { Searchbox } from '../../searchbox';
|
|
4
|
-
import { Toolbar } from '../../toolbar';
|
|
1
|
+
import { TaskBoardNormal } from '..';
|
|
5
2
|
|
|
6
3
|
|
|
7
4
|
const style = `
|
|
@@ -21,118 +18,7 @@ export default () =>(
|
|
|
21
18
|
<div id="test-area" className="k-d-grid k-grid-cols-1">
|
|
22
19
|
|
|
23
20
|
<span>TaskBoard</span>
|
|
24
|
-
<
|
|
25
|
-
<div className="k-taskboard-header">
|
|
26
|
-
<div className="k-taskboard-header">
|
|
27
|
-
<Toolbar className="k-taskboard-toolbar">
|
|
28
|
-
<Button icon="plus">Add Column</Button>
|
|
29
|
-
<span className="k-spacer"></span>
|
|
30
|
-
<Searchbox placeholder="Search..." />
|
|
31
|
-
</Toolbar>
|
|
32
|
-
</div>
|
|
33
|
-
</div>
|
|
34
|
-
<div className="k-taskboard-content">
|
|
35
|
-
<div className="k-taskboard-columns-container">
|
|
36
|
-
<div className="k-taskboard-column">
|
|
37
|
-
<div className="k-taskboard-column-header">
|
|
38
|
-
<div className="k-taskboard-column-header-text k-text-ellipsis">Column Header</div>
|
|
39
|
-
<span className="k-spacer"></span>
|
|
40
|
-
<div className="k-taskboard-column-header-actions">
|
|
41
|
-
<Button fillMode="flat" icon="plus"></Button>
|
|
42
|
-
<Button fillMode="flat" icon="x"></Button>
|
|
43
|
-
</div>
|
|
44
|
-
</div>
|
|
45
|
-
<div className="k-taskboard-column-cards-container">
|
|
46
|
-
<div className="k-taskboard-column-cards">
|
|
47
|
-
<Card className="k-taskboard-card">
|
|
48
|
-
<CardHeader className="k-hbox" details>
|
|
49
|
-
<a className="k-card-title k-link" href="#">Card Title</a>
|
|
50
|
-
<span className="k-spacer"></span>
|
|
51
|
-
</CardHeader>
|
|
52
|
-
<CardBody>
|
|
53
|
-
<p>Card Body</p>
|
|
54
|
-
</CardBody>
|
|
55
|
-
</Card>
|
|
56
|
-
<Card className="k-taskboard-card">
|
|
57
|
-
<CardHeader className="k-hbox" details>
|
|
58
|
-
<a className="k-card-title k-link" href="#">Card Title</a>
|
|
59
|
-
<span className="k-spacer"></span>
|
|
60
|
-
</CardHeader>
|
|
61
|
-
<CardBody>
|
|
62
|
-
<p>Card Body</p>
|
|
63
|
-
</CardBody>
|
|
64
|
-
</Card>
|
|
65
|
-
<Card className="k-taskboard-card">
|
|
66
|
-
<CardHeader className="k-hbox" details>
|
|
67
|
-
<a className="k-card-title k-link" href="#">Card Title</a>
|
|
68
|
-
<span className="k-spacer"></span>
|
|
69
|
-
</CardHeader>
|
|
70
|
-
<CardBody>
|
|
71
|
-
<p>Card Body</p>
|
|
72
|
-
</CardBody>
|
|
73
|
-
</Card>
|
|
74
|
-
</div>
|
|
75
|
-
</div>
|
|
76
|
-
</div>
|
|
77
|
-
<div className="k-taskboard-column">
|
|
78
|
-
<div className="k-taskboard-column-header">
|
|
79
|
-
<div className="k-taskboard-column-header-text k-text-ellipsis">Column Header</div>
|
|
80
|
-
<span className="k-spacer"></span>
|
|
81
|
-
<div className="k-taskboard-column-header-actions">
|
|
82
|
-
<Button fillMode="flat" icon="plus"></Button>
|
|
83
|
-
<Button fillMode="flat" icon="x"></Button>
|
|
84
|
-
</div>
|
|
85
|
-
</div>
|
|
86
|
-
<div className="k-taskboard-column-cards-container">
|
|
87
|
-
<div className="k-taskboard-column-cards">
|
|
88
|
-
<Card className="k-taskboard-card">
|
|
89
|
-
<CardHeader className="k-hbox" details>
|
|
90
|
-
<a className="k-card-title k-link" href="#">Card Title</a>
|
|
91
|
-
<span className="k-spacer"></span>
|
|
92
|
-
</CardHeader>
|
|
93
|
-
<CardBody>
|
|
94
|
-
<p>Card Body</p>
|
|
95
|
-
</CardBody>
|
|
96
|
-
</Card>
|
|
97
|
-
<Card className="k-taskboard-card">
|
|
98
|
-
<CardHeader className="k-hbox" details>
|
|
99
|
-
<a className="k-card-title k-link" href="#">Card Title</a>
|
|
100
|
-
<span className="k-spacer"></span>
|
|
101
|
-
</CardHeader>
|
|
102
|
-
<CardBody>
|
|
103
|
-
<p>Card Body</p>
|
|
104
|
-
</CardBody>
|
|
105
|
-
</Card>
|
|
106
|
-
</div>
|
|
107
|
-
</div>
|
|
108
|
-
</div>
|
|
109
|
-
<div className="k-taskboard-column">
|
|
110
|
-
<div className="k-taskboard-column-header">
|
|
111
|
-
<div className="k-taskboard-column-header-text k-text-ellipsis">Column Header</div>
|
|
112
|
-
<span className="k-spacer"></span>
|
|
113
|
-
<div className="k-taskboard-column-header-actions">
|
|
114
|
-
<Button fillMode="flat" icon="plus"></Button>
|
|
115
|
-
<Button fillMode="flat" icon="x"></Button>
|
|
116
|
-
</div>
|
|
117
|
-
</div>
|
|
118
|
-
<div className="k-taskboard-column-cards-container">
|
|
119
|
-
<div className="k-taskboard-column-cards">
|
|
120
|
-
<Card className="k-taskboard-card">
|
|
121
|
-
<CardHeader className="k-hbox" details>
|
|
122
|
-
<a className="k-card-title k-link" href="#">Card Title</a>
|
|
123
|
-
<span className="k-spacer"></span>
|
|
124
|
-
</CardHeader>
|
|
125
|
-
<CardBody>
|
|
126
|
-
<p>Card Body</p>
|
|
127
|
-
</CardBody>
|
|
128
|
-
</Card>
|
|
129
|
-
</div>
|
|
130
|
-
</div>
|
|
131
|
-
</div>
|
|
132
|
-
</div>
|
|
133
|
-
</div>
|
|
134
|
-
<div className="k-taskboard-pane k-taskboard-edit-pane k-hidden"></div>
|
|
135
|
-
</div>
|
|
21
|
+
<TaskBoardNormal />
|
|
136
22
|
|
|
137
23
|
</div>
|
|
138
24
|
</>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Wizard, WizardStep, WizardSteps } from "..";
|
|
2
|
+
import { StepperNormal } from "../../stepper";
|
|
3
|
+
|
|
4
|
+
export const WizardNormal = ({ ...other }: any) => (
|
|
5
|
+
<Wizard
|
|
6
|
+
id="wizard"
|
|
7
|
+
children={
|
|
8
|
+
<>
|
|
9
|
+
<StepperNormal />
|
|
10
|
+
<WizardSteps>
|
|
11
|
+
<WizardStep>
|
|
12
|
+
Short content
|
|
13
|
+
</WizardStep>
|
|
14
|
+
</WizardSteps>
|
|
15
|
+
</>
|
|
16
|
+
}
|
|
17
|
+
{...other}
|
|
18
|
+
/>
|
|
19
|
+
);
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Wizard, WizardStep, WizardSteps } from "..";
|
|
2
|
+
import { StepperVertical } from "../../stepper";
|
|
3
|
+
|
|
4
|
+
export const WizardVertical = ({ ...other }: any) => (
|
|
5
|
+
<Wizard
|
|
6
|
+
id="wizard"
|
|
7
|
+
orientation="vertical"
|
|
8
|
+
children={
|
|
9
|
+
<>
|
|
10
|
+
<StepperVertical />
|
|
11
|
+
<WizardSteps>
|
|
12
|
+
<WizardStep>
|
|
13
|
+
Short content
|
|
14
|
+
</WizardStep>
|
|
15
|
+
</WizardSteps>
|
|
16
|
+
</>
|
|
17
|
+
}
|
|
18
|
+
{...other}
|
|
19
|
+
/>
|
|
20
|
+
);
|