@progress/kendo-themes-html 5.11.1-dev.0 → 5.11.1-dev.2
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/popover/tests/popover.js +8 -3
- package/dist/popover/tests/popover.js.map +2 -2
- package/dist/scheduler/tests/scheduler-angular-day-rtl.js +11 -11
- package/dist/scheduler/tests/scheduler-angular-day-rtl.js.map +2 -2
- package/dist/scheduler/tests/scheduler-angular-month-rtl.js +19 -19
- package/dist/scheduler/tests/scheduler-angular-month-rtl.js.map +2 -2
- package/dist/scheduler/tests/scheduler-angular-month.js +19 -19
- package/dist/scheduler/tests/scheduler-angular-month.js.map +2 -2
- package/dist/scheduler/tests/scheduler-flex-layout.js +4 -4
- package/dist/scheduler/tests/scheduler-flex-layout.js.map +2 -2
- package/dist/scheduler/tests/scheduler-jquery-month.js +19 -19
- package/dist/scheduler/tests/scheduler-jquery-month.js.map +2 -2
- package/dist/scheduler/tests/scheduler-react-day.js +26 -26
- package/dist/scheduler/tests/scheduler-react-day.js.map +2 -2
- package/dist/scheduler/tests/scheduler-react-month.js +68 -68
- package/dist/scheduler/tests/scheduler-react-month.js.map +2 -2
- package/dist/scheduler/tests/scheduler-react-timeline-multi.js +22 -22
- package/dist/scheduler/tests/scheduler-react-timeline-multi.js.map +2 -2
- package/dist/scheduler/tests/scheduler-react-timeline.js +14 -14
- package/dist/scheduler/tests/scheduler-react-timeline.js.map +2 -2
- package/dist/scheduler/tests/scheduler-react-week.js +48 -48
- package/dist/scheduler/tests/scheduler-react-week.js.map +2 -2
- package/dist/scheduler/tests/scheduler-tooltip.js +3 -5
- package/dist/scheduler/tests/scheduler-tooltip.js.map +2 -2
- package/package.json +2 -2
- package/src/popover/tests/popover.tsx +7 -1
- package/src/scheduler/tests/scheduler-angular-day-rtl.tsx +11 -11
- package/src/scheduler/tests/scheduler-angular-month-rtl.tsx +19 -19
- package/src/scheduler/tests/scheduler-angular-month.tsx +19 -19
- package/src/scheduler/tests/scheduler-flex-layout.tsx +4 -4
- package/src/scheduler/tests/scheduler-jquery-month.tsx +19 -19
- package/src/scheduler/tests/scheduler-react-day.tsx +26 -26
- package/src/scheduler/tests/scheduler-react-month.tsx +68 -68
- package/src/scheduler/tests/scheduler-react-timeline-multi.tsx +22 -22
- package/src/scheduler/tests/scheduler-react-timeline.tsx +14 -14
- package/src/scheduler/tests/scheduler-react-week.tsx +48 -48
- package/src/scheduler/tests/scheduler-tooltip.tsx +3 -3
|
@@ -69,8 +69,7 @@
|
|
|
69
69
|
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
70
70
|
className: "k-tooltip-events"
|
|
71
71
|
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
72
|
-
className: "k-tooltip-event k-event"
|
|
73
|
-
style: { backgroundColor: "#51a0ed", borderColor: "#51a0ed" }
|
|
72
|
+
className: "k-tooltip-event k-event"
|
|
74
73
|
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
75
74
|
className: "k-event-title k-text-ellipsis"
|
|
76
75
|
}, "Dance Practice"), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
@@ -79,7 +78,7 @@
|
|
|
79
78
|
className: "k-event-time"
|
|
80
79
|
}, "6:30 PM")), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
81
80
|
className: "k-tooltip-event k-event",
|
|
82
|
-
style: { backgroundColor: "
|
|
81
|
+
style: { backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)" }
|
|
83
82
|
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
84
83
|
className: "k-event-title k-text-ellipsis"
|
|
85
84
|
}, "Helpdesk weekly meeting"), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
@@ -87,8 +86,7 @@
|
|
|
87
86
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
88
87
|
className: "k-event-time"
|
|
89
88
|
}, "12:30 PM")), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
90
|
-
className: "k-tooltip-event k-event"
|
|
91
|
-
style: { backgroundColor: "#51a0ed", borderColor: "#51a0ed" }
|
|
89
|
+
className: "k-tooltip-event k-event"
|
|
92
90
|
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
93
91
|
className: "k-event-title k-text-ellipsis"
|
|
94
92
|
}, "Regular Appointment"), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/scheduler/tests/scheduler-tooltip.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n /* rest position and visibility */\n .k-animation-container,\n .k-popup,\n .k-tooltip {\n position: relative;\n overflow: visible;\n }\n\n /* reset display and align */\n .k-animation-container {\n display: inline-flex;\n vertical-align: top;\n }\n`;\n\nroot.render(\n <>\n <style>{style}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-2\">\n\n <span>Events List</span>\n <span>No Data</span>\n\n <section>\n <div className=\"k-animation-container\" style={{ width: \"220px\" }} >\n <div className=\"k-widget k-tooltip k-scheduler-tooltip\" style={{ width: \"220px\" }} >\n <div className=\"k-tooltip-content\">\n <div className=\"k-tooltip-title k-text-center\">\n <div className=\"k-month\">Jan</div>\n <div className=\"k-link k-day !k-text-primary\">02</div>\n </div>\n <div className=\"k-tooltip-events-container\">\n <div className=\"k-tooltip-events\">\n <div className=\"k-tooltip-event k-event\"
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAkB;AAClB,sBAAqB;AAErB,MAAM,OAAO,cAAAA,QAAS;AAAA,IAClB,SAAS,eAAe,KAAK;AAAA,EACjC;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBd,OAAK;AAAA,IACD,6BAAAC,QAAA,2BAAAA,QAAA,gBACI,6BAAAA,QAAA,cAAC,eAAO,KAAM,GACd,6BAAAA,QAAA,cAAC;AAAA,MAAI,IAAG;AAAA,MAAY,WAAU;AAAA,OAE1B,6BAAAA,QAAA,cAAC,cAAK,aAAW,GACjB,6BAAAA,QAAA,cAAC,cAAK,SAAO,GAEb,6BAAAA,QAAA,cAAC,iBACG,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAwB,OAAO,EAAE,OAAO,QAAQ;AAAA,OAC3D,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAyC,OAAO,EAAE,OAAO,QAAQ;AAAA,OAC5E,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAU,KAAG,GAC5B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAA+B,IAAE,CACpD,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n /* rest position and visibility */\n .k-animation-container,\n .k-popup,\n .k-tooltip {\n position: relative;\n overflow: visible;\n }\n\n /* reset display and align */\n .k-animation-container {\n display: inline-flex;\n vertical-align: top;\n }\n`;\n\nroot.render(\n <>\n <style>{style}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-2\">\n\n <span>Events List</span>\n <span>No Data</span>\n\n <section>\n <div className=\"k-animation-container\" style={{ width: \"220px\" }} >\n <div className=\"k-widget k-tooltip k-scheduler-tooltip\" style={{ width: \"220px\" }} >\n <div className=\"k-tooltip-content\">\n <div className=\"k-tooltip-title k-text-center\">\n <div className=\"k-month\">Jan</div>\n <div className=\"k-link k-day !k-text-primary\">02</div>\n </div>\n <div className=\"k-tooltip-events-container\">\n <div className=\"k-tooltip-events\">\n <div className=\"k-tooltip-event k-event\" >\n <div className=\"k-event-title k-text-ellipsis\">Dance Practice</div>\n <span className=\"k-spacer\"></span>\n <span className=\"k-event-time\">6:30 PM</span>\n </div>\n <div className=\"k-tooltip-event k-event\" style={{ backgroundColor: \"rgb(17, 134, 64)\", borderColor: \"rgb(17, 134, 64)\" }} >\n <div className=\"k-event-title k-text-ellipsis\">Helpdesk weekly meeting</div>\n <span className=\"k-spacer\"></span>\n <span className=\"k-event-time\">12:30 PM</span>\n </div>\n <div className=\"k-tooltip-event k-event\">\n <div className=\"k-event-title k-text-ellipsis\">Regular Appointment</div>\n <span className=\"k-spacer\"></span>\n <span className=\"k-event-time\">13:30 PM</span>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-callout k-callout-w\" style={{ top: \"45px\" }} ></div>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-animation-container\" style={{ width: \"220px\" }} >\n <div className=\"k-widget k-tooltip k-scheduler-tooltip\" style={{ width: \"220px\" }} >\n <div className=\"k-tooltip-content\">\n <div className=\"k-tooltip-title k-text-center\">\n <div className=\"k-month\">Jan</div>\n <div className=\"k-link k-day !k-text-primary\">29</div>\n </div>\n <div className=\"k-no-data k-text-center\">No events on this date.</div>\n </div>\n <div className=\"k-callout k-callout-w\" style={{ top: \"45px\" }} ></div>\n </div>\n </div>\n </section>\n\n </div>\n </>\n);\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["ReactDOM", "React"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-themes-html",
|
|
3
3
|
"description": "A collection of HTML helpers used for developing Kendo UI themes",
|
|
4
|
-
"version": "5.11.1-dev.
|
|
4
|
+
"version": "5.11.1-dev.2",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"glob": "^8.0.3",
|
|
47
47
|
"typescript": "^4.7.2"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "1abe5dc353ef37c2ad5ee6177c8fb1e3894956d6"
|
|
50
50
|
}
|
|
@@ -18,11 +18,12 @@ const styles = `
|
|
|
18
18
|
root.render(
|
|
19
19
|
<>
|
|
20
20
|
<style>{styles}</style>
|
|
21
|
-
<div id="test-area" className="k-d-grid k-grid-cols-
|
|
21
|
+
<div id="test-area" className="k-d-grid k-grid-cols-5">
|
|
22
22
|
<span>Callout top</span>
|
|
23
23
|
<span>Callout right</span>
|
|
24
24
|
<span>Callout bottom</span>
|
|
25
25
|
<span>Callout left</span>
|
|
26
|
+
<span>Empty body fixed height</span>
|
|
26
27
|
|
|
27
28
|
<section>
|
|
28
29
|
<Popover callout="top" title="Title" body="Body content">
|
|
@@ -59,6 +60,11 @@ root.render(
|
|
|
59
60
|
</ActionButtons>
|
|
60
61
|
</Popover>
|
|
61
62
|
</section>
|
|
63
|
+
|
|
64
|
+
<section>
|
|
65
|
+
<Popover callout="left" title="Title" body="" style={{ height: "150px" }}>
|
|
66
|
+
</Popover>
|
|
67
|
+
</section>
|
|
62
68
|
</div>
|
|
63
69
|
</>
|
|
64
70
|
);
|
|
@@ -60,7 +60,7 @@ root.render(
|
|
|
60
60
|
<tr><td style={{ height: "46px" }}></td></tr>
|
|
61
61
|
</tbody>
|
|
62
62
|
</table>
|
|
63
|
-
<div style={{ backgroundColor: "rgb(
|
|
63
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "454px", right: "1px", top: '0px', height: "25px" }} className="k-event">
|
|
64
64
|
<span className="k-event-actions"><Icon name="arrow-e"></Icon></span>
|
|
65
65
|
<div><div className="k-event-template">Attending HR Conference</div></div>
|
|
66
66
|
<span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span>
|
|
@@ -149,7 +149,7 @@ root.render(
|
|
|
149
149
|
</tbody>
|
|
150
150
|
</table>
|
|
151
151
|
|
|
152
|
-
<div style={{
|
|
152
|
+
<div style={{ width: "56px", right: "3px", top: "37px", height: "443px" }} className="k-event">
|
|
153
153
|
<span className="k-event-actions"></span>
|
|
154
154
|
<div>
|
|
155
155
|
<div className="k-event-template k-event-time">8:30 AM - 2:30 PM</div>
|
|
@@ -159,7 +159,7 @@ root.render(
|
|
|
159
159
|
<span className="k-resize-handle k-resize-n"></span>
|
|
160
160
|
<span className="k-resize-handle k-resize-s"></span>
|
|
161
161
|
</div>
|
|
162
|
-
<div style={{
|
|
162
|
+
<div style={{ width: "54px", right: "61px", top: "259px", height: "73px" }} className="k-event">
|
|
163
163
|
<span className="k-event-actions"></span>
|
|
164
164
|
<div>
|
|
165
165
|
<div className="k-event-template k-event-time">11:30 AM - 12:30 PM</div>
|
|
@@ -169,7 +169,7 @@ root.render(
|
|
|
169
169
|
<span className="k-resize-handle k-resize-n"></span>
|
|
170
170
|
<span className="k-resize-handle k-resize-s"></span>
|
|
171
171
|
</div>
|
|
172
|
-
<div style={{
|
|
172
|
+
<div style={{ width: "54px", right: "117px", top: "259px", height: "73px" }} className="k-event">
|
|
173
173
|
<span className="k-event-actions"></span>
|
|
174
174
|
<div>
|
|
175
175
|
<div className="k-event-template k-event-time">11:30 AM - 12:30 PM</div>
|
|
@@ -179,7 +179,7 @@ root.render(
|
|
|
179
179
|
<span className="k-resize-handle k-resize-n"></span>
|
|
180
180
|
<span className="k-resize-handle k-resize-s"></span>
|
|
181
181
|
</div>
|
|
182
|
-
<div style={{
|
|
182
|
+
<div style={{ width: "54px", right: "173px", top: "259px", height: "73px" }} className="k-event">
|
|
183
183
|
<span className="k-event-actions"></span>
|
|
184
184
|
<div>
|
|
185
185
|
<div className="k-event-template k-event-time">11:30 AM - 12:30 PM</div>
|
|
@@ -189,7 +189,7 @@ root.render(
|
|
|
189
189
|
<span className="k-resize-handle k-resize-n"></span>
|
|
190
190
|
<span className="k-resize-handle k-resize-s"></span>
|
|
191
191
|
</div>
|
|
192
|
-
<div style={{
|
|
192
|
+
<div style={{ width: "54px", right: "229px", top: "259px", height: "73px" }} className="k-event">
|
|
193
193
|
<span className="k-event-actions"></span>
|
|
194
194
|
<div>
|
|
195
195
|
<div className="k-event-template k-event-time">11:30 AM - 12:30 PM</div>
|
|
@@ -199,7 +199,7 @@ root.render(
|
|
|
199
199
|
<span className="k-resize-handle k-resize-n"></span>
|
|
200
200
|
<span className="k-resize-handle k-resize-s"></span>
|
|
201
201
|
</div>
|
|
202
|
-
<div style={{
|
|
202
|
+
<div style={{ width: "54px", right: "285px", top: "259px", height: "73px" }} className="k-event">
|
|
203
203
|
<span className="k-event-actions"></span>
|
|
204
204
|
<div>
|
|
205
205
|
<div className="k-event-template k-event-time">11:30 AM - 12:30 PM</div>
|
|
@@ -209,7 +209,7 @@ root.render(
|
|
|
209
209
|
<span className="k-resize-handle k-resize-n"></span>
|
|
210
210
|
<span className="k-resize-handle k-resize-s"></span>
|
|
211
211
|
</div>
|
|
212
|
-
<div style={{
|
|
212
|
+
<div style={{ width: "54px", right: "341px", top: "259px", height: "73px" }} className="k-event">
|
|
213
213
|
<span className="k-event-actions"></span>
|
|
214
214
|
<div>
|
|
215
215
|
<div className="k-event-template k-event-time">11:30 AM - 12:30 PM</div>
|
|
@@ -219,7 +219,7 @@ root.render(
|
|
|
219
219
|
<span className="k-resize-handle k-resize-n"></span>
|
|
220
220
|
<span className="k-resize-handle k-resize-s"></span>
|
|
221
221
|
</div>
|
|
222
|
-
<div style={{ backgroundColor: "rgb(
|
|
222
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "393px", right: "61px", top: "370px", height: "73px" }} className="k-event">
|
|
223
223
|
<span className="k-event-actions"></span>
|
|
224
224
|
<div>
|
|
225
225
|
<div className="k-event-template k-event-time">1:00 PM - 2:00 PM</div>
|
|
@@ -229,7 +229,7 @@ root.render(
|
|
|
229
229
|
<span className="k-resize-handle k-resize-n"></span>
|
|
230
230
|
<span className="k-resize-handle k-resize-s"></span>
|
|
231
231
|
</div>
|
|
232
|
-
<div style={{ backgroundColor: "rgb(
|
|
232
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "54px", right: "397px", top: "259px", height: "36px" }} className="k-event">
|
|
233
233
|
<span className="k-event-actions"></span>
|
|
234
234
|
<div>
|
|
235
235
|
<div className="k-event-template k-event-time">11:30 AM - 12:00 PM</div>
|
|
@@ -239,7 +239,7 @@ root.render(
|
|
|
239
239
|
<span className="k-resize-handle k-resize-n"></span>
|
|
240
240
|
<span className="k-resize-handle k-resize-s"></span>
|
|
241
241
|
</div>
|
|
242
|
-
<div style={{
|
|
242
|
+
<div style={{ width: "393px", right: "61px", top: "333px", height: "36px" }} className="k-event">
|
|
243
243
|
<span className="k-event-actions"></span>
|
|
244
244
|
<div>
|
|
245
245
|
<div className="k-event-template k-event-time">12:30 PM - 1:00 PM</div>
|
|
@@ -211,82 +211,82 @@ root.render(
|
|
|
211
211
|
</tbody>
|
|
212
212
|
</table>
|
|
213
213
|
|
|
214
|
-
<div style={{
|
|
214
|
+
<div style={{ width: "162px", right: "163px", top: "123px", height: "25px" }} className="k-event">
|
|
215
215
|
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
|
|
216
216
|
<div><div className="k-event-template">Dance Practice</div></div>
|
|
217
217
|
<span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span>
|
|
218
218
|
<span className="k-resize-handle k-resize-w"></span>
|
|
219
219
|
<span className="k-resize-handle k-resize-e"></span>
|
|
220
220
|
</div>
|
|
221
|
-
<div style={{ backgroundColor: "rgb(
|
|
221
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", right: "327px", top: "123px", height: "25px" }} className="k-event">
|
|
222
222
|
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
|
|
223
223
|
<div><div className="k-event-template">HR Lecture</div></div>
|
|
224
224
|
</div>
|
|
225
|
-
<div style={{
|
|
225
|
+
<div style={{ width: "162px", right: "490px", top: "123px", height: "25px" }} className="k-event">
|
|
226
226
|
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
|
|
227
227
|
<div><div className="k-event-template">Dance Practice</div></div>
|
|
228
228
|
</div>
|
|
229
|
-
<div style={{ backgroundColor: "rgb(
|
|
229
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "488px", right: "653px", top: "123px", height: "25px" }} className="k-event">
|
|
230
230
|
<span className="k-event-actions"></span>
|
|
231
231
|
<div><div className="k-event-template">Attending HR Conference</div></div>
|
|
232
232
|
</div>
|
|
233
|
-
<div style={{ backgroundColor: "rgb(
|
|
233
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", right: "327px", top: "150px", height: "25px" }} className="k-event">
|
|
234
234
|
<span className="k-event-actions"></span>
|
|
235
235
|
<div><div className="k-event-template">Software updates</div></div>
|
|
236
236
|
</div>
|
|
237
|
-
<div style={{ backgroundColor: "rgb(
|
|
237
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", right: "490px", top: "150px", height: "25px" }} className="k-event">
|
|
238
238
|
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
|
|
239
239
|
<div><div className="k-event-template">Helpdesk weekly meeting</div></div>
|
|
240
240
|
</div>
|
|
241
|
-
<div style={{ backgroundColor: "rgb(
|
|
241
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "488px", right: "653px", top: "150px", height: "25px" }} className="k-event">
|
|
242
242
|
<span className="k-event-actions"></span>
|
|
243
243
|
<div><div className="k-event-template">Grand Canyon tour</div></div>
|
|
244
244
|
</div>
|
|
245
|
-
<div style={{ backgroundColor: "rgb(
|
|
245
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "325px", right: '0px', top: "220px", height: "25px" }} className="k-event">
|
|
246
246
|
<span className="k-event-actions"><Icon name="arrow-e"></Icon></span>
|
|
247
247
|
<div><div className="k-event-template">Attending HR Conference</div></div>
|
|
248
248
|
</div>
|
|
249
|
-
<div style={{ backgroundColor: "rgb(
|
|
249
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", right: "327px", top: "220px", height: "25px" }} className="k-event">
|
|
250
250
|
<span className="k-event-actions"></span>
|
|
251
251
|
<div><div className="k-event-template">Business Lunch with Gregory Watkins</div></div>
|
|
252
252
|
</div>
|
|
253
|
-
<div style={{ backgroundColor: "rgb(
|
|
253
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "325px", right: "490px", top: "220px", height: "25px" }} className="k-event">
|
|
254
254
|
<span className="k-event-actions"></span>
|
|
255
255
|
<div><div className="k-event-template">Server maintenance</div></div>
|
|
256
256
|
</div>
|
|
257
|
-
<div style={{ backgroundColor: "rgb(
|
|
257
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", right: "816px", top: "220px", height: "25px" }} className="k-event">
|
|
258
258
|
<span className="k-event-actions"></span>
|
|
259
259
|
<div><div className="k-event-template">Dentist</div></div>
|
|
260
260
|
</div>
|
|
261
|
-
<div style={{ backgroundColor: "rgb(
|
|
261
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", right: "981px", top: "220px", height: "25px" }} className="k-event">
|
|
262
262
|
<span className="k-event-actions"></span>
|
|
263
263
|
<div><div className="k-event-template">Bob's Birthday Party</div></div>
|
|
264
264
|
</div>
|
|
265
|
-
<div style={{ backgroundColor: "rgb(
|
|
265
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", right: '0px', top: "247px", height: "25px" }} className="k-event">
|
|
266
266
|
<span className="k-event-actions"><Icon name="arrow-e"></Icon></span>
|
|
267
267
|
<div><div className="k-event-template">Grand Canyon tour</div></div>
|
|
268
268
|
</div>
|
|
269
|
-
<div style={{
|
|
269
|
+
<div style={{ width: "162px", right: "163px", top: "247px", height: "25px" }} className="k-event">
|
|
270
270
|
<span className="k-event-actions"></span>
|
|
271
271
|
<div><div className="k-event-template">Car Service</div></div>
|
|
272
272
|
</div>
|
|
273
|
-
<div style={{ backgroundColor: "rgb(
|
|
273
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", right: "327px", top: "247px", height: "25px" }} className="k-event">
|
|
274
274
|
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
|
|
275
275
|
<div><div className="k-event-template">HR Lecture</div></div>
|
|
276
276
|
</div>
|
|
277
|
-
<div style={{
|
|
277
|
+
<div style={{ width: "162px", right: "490px", top: "247px", height: "25px" }} className="k-event">
|
|
278
278
|
<span className="k-event-actions"></span>
|
|
279
279
|
<div><div className="k-event-template">Banking</div></div>
|
|
280
280
|
</div>
|
|
281
|
-
<div style={{ backgroundColor: "rgb(
|
|
281
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", right: "653px", top: "247px", height: "25px" }} className="k-event">
|
|
282
282
|
<span className="k-event-actions"></span>
|
|
283
283
|
<div><div className="k-event-template">Breakfast with CFO and COO</div></div>
|
|
284
284
|
</div>
|
|
285
|
-
<div style={{ backgroundColor: "rgb(
|
|
285
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", right: "816px", top: "247px", height: "25px" }} className="k-event">
|
|
286
286
|
<span className="k-event-actions"></span>
|
|
287
287
|
<div><div className="k-event-template">Job Interview - Laura Bailey</div></div>
|
|
288
288
|
</div>
|
|
289
|
-
<div style={{ backgroundColor: "rgb(
|
|
289
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", right: "981px", top: "247px", height: "25px" }} className="k-event">
|
|
290
290
|
<span className="k-event-actions"></span>
|
|
291
291
|
<div><div className="k-event-template">Bob's Birthday</div></div>
|
|
292
292
|
</div>
|
|
@@ -211,82 +211,82 @@ root.render(
|
|
|
211
211
|
</tbody>
|
|
212
212
|
</table>
|
|
213
213
|
|
|
214
|
-
<div style={{
|
|
214
|
+
<div style={{ width: "162px", left: "163px", top: "123px", height: "25px" }} className="k-event">
|
|
215
215
|
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
|
|
216
216
|
<div><div className="k-event-template">Dance Practice</div></div>
|
|
217
217
|
<span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span>
|
|
218
218
|
<span className="k-resize-handle k-resize-w"></span>
|
|
219
219
|
<span className="k-resize-handle k-resize-e"></span>
|
|
220
220
|
</div>
|
|
221
|
-
<div style={{ backgroundColor: "rgb(
|
|
221
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", left: "327px", top: "123px", height: "25px" }} className="k-event">
|
|
222
222
|
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
|
|
223
223
|
<div><div className="k-event-template">HR Lecture</div></div>
|
|
224
224
|
</div>
|
|
225
|
-
<div style={{
|
|
225
|
+
<div style={{ width: "162px", left: "490px", top: "123px", height: "25px" }} className="k-event">
|
|
226
226
|
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
|
|
227
227
|
<div><div className="k-event-template">Dance Practice</div></div>
|
|
228
228
|
</div>
|
|
229
|
-
<div style={{ backgroundColor: "rgb(
|
|
229
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "488px", left: "653px", top: "123px", height: "25px" }} className="k-event">
|
|
230
230
|
<span className="k-event-actions"></span>
|
|
231
231
|
<div><div className="k-event-template">Attending HR Conference</div></div>
|
|
232
232
|
</div>
|
|
233
|
-
<div style={{ backgroundColor: "rgb(
|
|
233
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", left: "327px", top: "150px", height: "25px" }} className="k-event">
|
|
234
234
|
<span className="k-event-actions"></span>
|
|
235
235
|
<div><div className="k-event-template">Software updates</div></div>
|
|
236
236
|
</div>
|
|
237
|
-
<div style={{ backgroundColor: "rgb(
|
|
237
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", left: "490px", top: "150px", height: "25px" }} className="k-event">
|
|
238
238
|
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
|
|
239
239
|
<div><div className="k-event-template">Helpdesk weekly meeting</div></div>
|
|
240
240
|
</div>
|
|
241
|
-
<div style={{ backgroundColor: "rgb(
|
|
241
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "488px", left: "653px", top: "150px", height: "25px" }} className="k-event">
|
|
242
242
|
<span className="k-event-actions"></span>
|
|
243
243
|
<div><div className="k-event-template">Grand Canyon tour</div></div>
|
|
244
244
|
</div>
|
|
245
|
-
<div style={{ backgroundColor: "rgb(
|
|
245
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "325px", left: '0px', top: "220px", height: "25px" }} className="k-event">
|
|
246
246
|
<span className="k-event-actions"><Icon name="arrow-w"></Icon></span>
|
|
247
247
|
<div><div className="k-event-template">Attending HR Conference</div></div>
|
|
248
248
|
</div>
|
|
249
|
-
<div style={{ backgroundColor: "rgb(
|
|
249
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", left: "327px", top: "220px", height: "25px" }} className="k-event">
|
|
250
250
|
<span className="k-event-actions"></span>
|
|
251
251
|
<div><div className="k-event-template">Business Lunch with Gregory Watkins</div></div>
|
|
252
252
|
</div>
|
|
253
|
-
<div style={{ backgroundColor: "rgb(
|
|
253
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "325px", left: "490px", top: "220px", height: "25px" }} className="k-event">
|
|
254
254
|
<span className="k-event-actions"></span>
|
|
255
255
|
<div><div className="k-event-template">Server maintenance</div></div>
|
|
256
256
|
</div>
|
|
257
|
-
<div style={{ backgroundColor: "rgb(
|
|
257
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", left: "816px", top: "220px", height: "25px" }} className="k-event">
|
|
258
258
|
<span className="k-event-actions"></span>
|
|
259
259
|
<div><div className="k-event-template">Dentist</div></div>
|
|
260
260
|
</div>
|
|
261
|
-
<div style={{ backgroundColor: "rgb(
|
|
261
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", left: "981px", top: "220px", height: "25px" }} className="k-event">
|
|
262
262
|
<span className="k-event-actions"></span>
|
|
263
263
|
<div><div className="k-event-template">Bob's Birthday Party</div></div>
|
|
264
264
|
</div>
|
|
265
|
-
<div style={{ backgroundColor: "rgb(
|
|
265
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", left: '0px', top: "247px", height: "25px" }} className="k-event">
|
|
266
266
|
<span className="k-event-actions"><Icon name="arrow-w"></Icon></span>
|
|
267
267
|
<div><div className="k-event-template">Grand Canyon tour</div></div>
|
|
268
268
|
</div>
|
|
269
|
-
<div style={{
|
|
269
|
+
<div style={{ width: "162px", left: "163px", top: "247px", height: "25px" }} className="k-event">
|
|
270
270
|
<span className="k-event-actions"></span>
|
|
271
271
|
<div><div className="k-event-template">Car Service</div></div>
|
|
272
272
|
</div>
|
|
273
|
-
<div style={{ backgroundColor: "rgb(
|
|
273
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", left: "327px", top: "247px", height: "25px" }} className="k-event">
|
|
274
274
|
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
|
|
275
275
|
<div><div className="k-event-template">HR Lecture</div></div>
|
|
276
276
|
</div>
|
|
277
|
-
<div style={{
|
|
277
|
+
<div style={{ width: "162px", left: "490px", top: "247px", height: "25px" }} className="k-event">
|
|
278
278
|
<span className="k-event-actions"></span>
|
|
279
279
|
<div><div className="k-event-template">Banking</div></div>
|
|
280
280
|
</div>
|
|
281
|
-
<div style={{ backgroundColor: "rgb(
|
|
281
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", left: "653px", top: "247px", height: "25px" }} className="k-event">
|
|
282
282
|
<span className="k-event-actions"></span>
|
|
283
283
|
<div><div className="k-event-template">Breakfast with CFO and COO</div></div>
|
|
284
284
|
</div>
|
|
285
|
-
<div style={{ backgroundColor: "rgb(
|
|
285
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", left: "816px", top: "247px", height: "25px" }} className="k-event">
|
|
286
286
|
<span className="k-event-actions"></span>
|
|
287
287
|
<div><div className="k-event-template">Job Interview - Laura Bailey</div></div>
|
|
288
288
|
</div>
|
|
289
|
-
<div style={{ backgroundColor: "rgb(
|
|
289
|
+
<div style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)", width: "162px", left: "981px", top: "247px", height: "25px" }} className="k-event">
|
|
290
290
|
<span className="k-event-actions"></span>
|
|
291
291
|
<div><div className="k-event-template">Bob's Birthday</div></div>
|
|
292
292
|
</div>
|
|
@@ -132,7 +132,7 @@ root.render(
|
|
|
132
132
|
<span className="k-resize-handle k-resize-w"></span>
|
|
133
133
|
<span className="k-resize-handle k-resize-e"></span>
|
|
134
134
|
</div>
|
|
135
|
-
<div className="k-event" style={{ top: "115px", left: "79px", width: "220px", height: "25px",
|
|
135
|
+
<div className="k-event" style={{ top: "115px", left: "79px", width: "220px", height: "25px", cursor: 'pointer', userSelect: "auto", pointerEvents: "auto" }} >
|
|
136
136
|
<span className="k-event-actions"></span>
|
|
137
137
|
<div title="(3:00 PM): Register new Access Cards">
|
|
138
138
|
<div className="k-event-template">Register new Access Cards</div>
|
|
@@ -145,7 +145,7 @@ root.render(
|
|
|
145
145
|
<span className="k-resize-handle k-resize-w"></span>
|
|
146
146
|
<span className="k-resize-handle k-resize-e"></span>
|
|
147
147
|
</div>
|
|
148
|
-
<div className="k-event" style={{ top: "141px", left: "79px", width: "220px", height: "25px",
|
|
148
|
+
<div className="k-event" style={{ top: "141px", left: "79px", width: "220px", height: "25px", cursor: 'pointer', userSelect: "auto", pointerEvents: "auto" }} >
|
|
149
149
|
<span className="k-event-actions"></span>
|
|
150
150
|
<div title="(7:00 PM): Support Phone Call">
|
|
151
151
|
<div className="k-event-template">Support Phone Call</div>
|
|
@@ -461,7 +461,7 @@ root.render(
|
|
|
461
461
|
</div>
|
|
462
462
|
|
|
463
463
|
|
|
464
|
-
<div className="k-event" style={{ top: "37px", left: "523px", width: "220px", height: "115px",
|
|
464
|
+
<div className="k-event" style={{ top: "37px", left: "523px", width: "220px", height: "115px", cursor: 'pointer', userSelect: "auto", pointerEvents: "auto" }} >
|
|
465
465
|
<span className="k-event-actions"></span>
|
|
466
466
|
<div title="8:30 AM - 10:00 AM">
|
|
467
467
|
<div className="k-event-template k-event-time">8:30 AM - 10:00 AM</div>
|
|
@@ -475,7 +475,7 @@ root.render(
|
|
|
475
475
|
<span className="k-resize-handle k-resize-n"></span>
|
|
476
476
|
<span className="k-resize-handle k-resize-s"></span>
|
|
477
477
|
</div>
|
|
478
|
-
<div className="k-event" style={{ top: "114px", left: "78px", width: "220px", height: "150px",
|
|
478
|
+
<div className="k-event" style={{ top: "114px", left: "78px", width: "220px", height: "150px", cursor: 'pointer', userSelect: "auto", pointerEvents: "auto" }} >
|
|
479
479
|
<span className="k-event-actions"></span>
|
|
480
480
|
<div title="9:45 AM - 11:30 AM">
|
|
481
481
|
<div className="k-event-template k-event-time">9:45 AM - 11:30 AM</div>
|