add eventTypeID / UI Filter

Apichat.Tum
1 parent 77034810
Showing 5 changed files with 214 additions and 29 deletions Show diff stats
app/controllers/home.controller.js
app/lib/index.js
app/routes/home.routes.js
public/js/controllers/kendo.js
public/views/index.html
@@ -37,7 +37,7 @@ function ggToKendo(data) {
         for (var n = 0; n < data.items.length; n++) {
             dataToArr.push({
                 "TaskID": data.items[n].id,
-                "OwnerID": 2,
+                "EventTypeID": checkObjEmpty(data.items[n].extendedProperties, 'private'),
                 "Title": data.items[n].summary,
                 "Description": data.items[n].description,
                 "StartTimezone": "Asia/Bangkok",
@@ -125,14 +125,19 @@ function eventCreate(req, res) {
         payload = payload.models[0]
     }
-    let summary = payload.summary
-    let description = payload.description
-    let email = payload.email
-    let startDate = payload.startDate
-    let startTimezone = payload.startTimezone
-    let endDate = payload.endDate
-    let endTimezone = payload.endTimezone
-    let extendedProperties = payload.extendedProperties
+    // let summary = payload.summary
+    // let description = payload.description
+    // let email = payload.email
+    // let startDate = payload.startDate
+    // let startTimezone = payload.startTimezone
+    // let endDate = payload.endDate
+    // let endTimezone = payload.endTimezone
+    // // let extendedProperties = payload.extendedProperties
+    // payload.extendedProperties = {
+    //     "private": {
+    //         "eventTypeID": payload.EventTypeID
+    //     }
+    // }
     lib.authorize((err, auth) => {
         let options = lib.eventBuilder(payload)
@@ -225,6 +230,16 @@ function eventUpdate(req, res) {
     })
 }
+function checkObjEmpty(obj, parm) {
+    if (obj) {
+        if (Object.getOwnPropertyNames(obj)) {
+            return obj[parm].eventTypeID
+        }
+    } else {
+        return
+    }
+
+}
 module.exports.index = index
 module.exports.events = events
@@ -156,7 +156,8 @@ module.exports = {
         calendar.events.update({
             auth: options.auth,
             calendarId: CALENDAR_ID || 'primary',
-            eventId: options.eventId
+            eventId: options.eventId,
+            resource: options
         }, (err, response) => {
             if (err) return callback(err);
@@ -192,8 +193,12 @@ module.exports = {
                     ]
                 }
             }
-            if (payload.extendedProperties) {
-                buildPayload.extendedProperties = payload.extendedProperties
+            if (payload.EventTypeID) {
+                buildPayload.extendedProperties = {
+                    "private": {
+                        "eventTypeID": payload.EventTypeID
+                    }
+                }
             }
         } catch (error) {
             console.error(error.message)
@@ -243,6 +248,13 @@ module.exports = {
                     ]
                 }
             }
+            if (payload.EventTypeID) {
+                buildPayload.extendedProperties = {
+                    "private": {
+                        "eventTypeID": payload.EventTypeID
+                    }
+                }
+            }
             if (payload.extendedProperties) {
                 buildPayload.extendedProperties = payload.extendedProperties
             }
@@ -3,7 +3,7 @@ var express = require(&#39;express&#39;)
 var router = express.Router()
 var home = require('../controllers/home.controller')
-router.get('/', home.index)
+router.get('/', home.home)
 router.get('/home', home.home)
 router.get('/events', home.events)
 angular.module("KendoDemos", ["kendo.directives"])
     .controller("MyCtrl", function ($scope, $http) {
+        $scope.monthPickerConfig = {
+            start: "year",
+            depth: "year",
+            format: "MMMM yyyy"
+        };
         $scope.update = function () {
             console.log("update")
         }
@@ -19,7 +24,7 @@ angular.module(&quot;KendoDemos&quot;, [&quot;kendo.directives&quot;])
                     }
                 } else {
                     console.info(response)
-                    schedulerStart()
+                    schedulerOptions2()
                 }
             }, function errorCallback(response) {
@@ -27,17 +32,39 @@ angular.module(&quot;KendoDemos&quot;, [&quot;kendo.directives&quot;])
             });
         }
         getAuthURL()
+        $scope.filter = {}
+        $scope.data = {}
+        $scope.test = function () {
+            console.log($scope.operation)
+        }
         function schedulerStart() {
             $scope.schedulerOptions = {
                 date: new Date("2016/10/12"),
-                startTime: new Date("2016/10/12 07:00 AM"),
+                startTime: new Date("2016/10/12 07:00"),
+                majorTimeHeaderTemplate: kendo.template("<strong>#=kendo.toString(date, 'HH:mm')#</strong><sup> น.</sup>"),
+                minorTickCount: 1,
+                toolbar: ["pdf"],
+                messages: {
+                    cancel: "Cancel",
+                    save: "Save",
+                    deleteWindowTitle: "Remove event",
+                    pdf: "PDF Export",
+                    editable: {
+                        confirmation: "Are you sure you want to delete this event?"
+                    },
+                    editor: {
+                        description: "Description"
+                    }
+                },
                 height: 600,
                 views: [
                     "day",
                     { type: "workWeek", selected: true },
                     "week",
                     "month",
+                    "agenda",
+                    "timeline"
                 ],
                 timezone: "Asia/Bangkok",
                 dataSource: {
@@ -83,32 +110,144 @@ angular.module(&quot;KendoDemos&quot;, [&quot;kendo.directives&quot;])
                                 recurrenceId: { from: "RecurrenceID" },
                                 recurrenceRule: { from: "RecurrenceRule" },
                                 recurrenceException: { from: "RecurrenceException" },
-                                ownerId: { from: "OwnerID", defaultValue: 1 },
+                                eventTypeID: { from: "EventTypeID" },
                                 isAllDay: { type: "boolean", from: "IsAllDay" }
                             }
                         }
                     },
                     filter: {
-                        logic: "or",
-                        filters: [
-                            { field: "ownerId", operator: "eq", value: 1 },
-                            { field: "ownerId", operator: "eq", value: 2 }
-                        ]
+                        field: "eventTypeID", operator: "eq", value: parseInt($scope.data.value)
                     }
                 },
                 editable: true,
                 resources: [
                     {
-                        field: "ownerId",
-                        title: "Owner",
+                        field: "eventTypeID",
+                        title: "EventType",
                         dataSource: [
-                            { text: "Alex", value: 1, color: "#f8a398" },
-                            { text: "Bob", value: 2, color: "#51a0ed" },
-                            { text: "Charlie", value: 3, color: "#56ca85" }
+                            { text: "Type1", value: 1, color: "#f8a398" },
+                            { text: "Type2", value: 2, color: "#51a0ed" },
+                            { text: "Type3", value: 3, color: "#56ca85" }
                         ]
                     }
                 ]
             };
         }
+
+        function schedulerOptions2() {
+            $(function () {
+                $("#scheduler").kendoScheduler({
+                    date: new Date("2016/10/12"),
+                    startTime: new Date("2016/10/12 07:00"),
+                    majorTimeHeaderTemplate: kendo.template("<strong>#=kendo.toString(date, 'HH:mm')#</strong><sup> น.</sup>"),
+                    minorTickCount: 1,
+                    toolbar: ["pdf"],
+                    messages: {
+                        cancel: "Cancel",
+                        save: "Save",
+                        deleteWindowTitle: "Remove event",
+                        pdf: "PDF Export",
+                        editable: {
+                            confirmation: "Are you sure you want to delete this event?"
+                        },
+                        editor: {
+                            description: "Description"
+                        }
+                    },
+                    height: 600,
+                    views: [
+                        "day",
+                        { type: "workWeek", selected: true },
+                        "week",
+                        "month",
+                        "agenda",
+                        "timeline"
+                    ],
+                    timezone: "Asia/Bangkok",
+                    dataSource: {
+                        batch: true,
+                        transport: {
+                            read: {
+                                url: "//localhost:3001/events",
+                                dataType: "jsonp",
+                                type: "GET"
+                            },
+                            update: {
+                                url: "//localhost:3001/events",
+                                dataType: "jsonp",
+                                type: "PUT"
+                            },
+                            create: {
+                                url: "//localhost:3001/events",
+                                dataType: "jsonp",
+                                type: "POST"
+                            },
+                            destroy: {
+                                url: "//localhost:3001/events",
+                                dataType: "jsonp",
+                                type: "DELETE"
+                            },
+                            parameterMap: function (options, operation) {
+                                if (operation !== "read" && options.models) {
+                                    return { models: kendo.stringify(options.models) };
+                                }
+                            }
+                        },
+                        schema: {
+                            model: {
+                                id: "taskId",
+                                fields: {
+                                    taskId: { from: "TaskID" },
+                                    title: { from: "Title", defaultValue: "No title", validation: { required: true } },
+                                    start: { type: "datetime", from: "Start" },
+                                    end: { type: "datetime", from: "End" },
+                                    startTimezone: { from: "StartTimezone", defaultValue: "Asia/Bangkok" },
+                                    endTimezone: { from: "EndTimezone", defaultValue: "Asia/Bangkok" },
+                                    description: { from: "Description" },
+                                    recurrenceId: { from: "RecurrenceID" },
+                                    recurrenceRule: { from: "RecurrenceRule" },
+                                    recurrenceException: { from: "RecurrenceException" },
+                                    eventTypeID: { from: "EventTypeID" },
+                                    isAllDay: { type: "boolean", from: "IsAllDay" }
+                                }
+                            }
+                        },
+                        filter: {
+                            logic: "or",
+                            filters: [
+                                { field: "eventTypeID", operator: "eq", value: 1 },
+                                { field: "eventTypeID", operator: "eq", value: 2 }
+                            ]
+                        }
+                    },
+                    editable: true,
+                    resources: [
+                        {
+                            field: "eventTypeID",
+                            title: "EventType",
+                            dataSource: [
+                                { text: "Type1", value: 1, color: "#f8a398" },
+                                { text: "Type2", value: 2, color: "#51a0ed" },
+                                { text: "Type3", value: 3, color: "#56ca85" }
+                            ]
+                        }
+                    ]
+                });
+
+                $("#people :checkbox").change(function (e) {
+                    var checked = $.map($("#people :checked"), function (checkbox) {
+                        return parseInt($(checkbox).val());
+                    });
+
+                    var scheduler = $("#scheduler").data("kendoScheduler");
+
+                    scheduler.dataSource.filter({
+                        operator: function (task) {
+                            return $.inArray(task.eventTypeID, checked) >= 0;
+                        }
+                    });
+                });
+            });
+        }
     })
@@ -7,9 +7,9 @@
 	<link href="../assets/content/shared/styles/examples-offline.css" rel="stylesheet">
 	<link href="../assets/styles/kendo.common.min.css" rel="stylesheet">
 	<link href="../assets/styles/kendo.rtl.min.css" rel="stylesheet">
-	<link href="../assets/styles/kendo.bootstrap.min.css" rel="stylesheet">
+	<link href="../assets/styles/kendo.metro.min.css" rel="stylesheet">
 	<link href="../assets/styles/kendo.dataviz.min.css" rel="stylesheet">
-	<link href="../assets/styles/kendo.dataviz.flat.min.css" rel="stylesheet">
+	<link href="../assets/styles/kendo.dataviz.metro.min.css" rel="stylesheet">
 	<script src="../assets/js/jquery.min.js"></script>
 	<script src="../assets/js/angular.min.js"></script>
 	<script src="../assets/js/jszip.min.js"></script>
@@ -29,10 +29,29 @@
 	<div id="example" ng-app="KendoDemos">
 		<div ng-controller="MyCtrl">
+			<div id="team-schedule">
+				<div id="people">
+					<input checked type="checkbox" id="alex" value="1">
+					<input checked type="checkbox" id="bob" value="2">
+					<input type="checkbox" id="charlie" value="3">
+				</div>
+			</div>
+			<div id="scheduler"></div>
+
+			<!--<select name="singleSelect" ng-model="data.value">
+                <option value="1">Option 1</option>
+                <option value="2">Option 2</option>
+            </select>
+			<button type="button" ng-click="test()">Test</button>
+			<br>
+			<pre>{{data.value}}</pre>
+			<pre>{{schedulerOptions.dataSource.filter}}</pre>
+			<br />
 			<div kendo-scheduler k-options="schedulerOptions">
 				<span k-event-template class="custom-event">{{dataItem.title}}</span>
 				<div k-all-day-event-template class="custom-all-day-event">{{dataItem.title}}</div>
-			</div>
+			</div>-->
+
 		</div>
 		<style>
	@@ -3,7 +3,7 @@ var express = require('express')		@@ -3,7 +3,7 @@ var express = require('express')
3	var router = express.Router()	3	var router = express.Router()
4	var home = require('../controllers/home.controller')	4	var home = require('../controllers/home.controller')
5		5
6	-router.get('/', home.index)	6	+router.get('/', home.home)
7	router.get('/home', home.home)	7	router.get('/home', home.home)
8		8
9	router.get('/events', home.events)	9	router.get('/events', home.events)
1	angular.module("KendoDemos", ["kendo.directives"])	1	angular.module("KendoDemos", ["kendo.directives"])
2	.controller("MyCtrl", function ($scope, $http) {	2	.controller("MyCtrl", function ($scope, $http) {
		3	+ $scope.monthPickerConfig = {
		4	+ start: "year",
		5	+ depth: "year",
		6	+ format: "MMMM yyyy"
		7	+ };
3	$scope.update = function () {	8	$scope.update = function () {
4	console.log("update")	9	console.log("update")
5	}	10	}
	@@ -19,7 +24,7 @@ angular.module("KendoDemos", ["kendo.directives"])		@@ -19,7 +24,7 @@ angular.module("KendoDemos", ["kendo.directives"])
19	}	24	}
20	} else {	25	} else {
21	console.info(response)	26	console.info(response)
22	- schedulerStart()	27	+ schedulerOptions2()
23	}	28	}
24		29
25	}, function errorCallback(response) {	30	}, function errorCallback(response) {
	@@ -27,17 +32,39 @@ angular.module("KendoDemos", ["kendo.directives"])		@@ -27,17 +32,39 @@ angular.module("KendoDemos", ["kendo.directives"])
27	});	32	});
28	}	33	}
29	getAuthURL()	34	getAuthURL()
		35	+ $scope.filter = {}
		36	+ $scope.data = {}
		37	+ $scope.test = function () {
		38	+ console.log($scope.operation)
		39	+ }
30		40
31	function schedulerStart() {	41	function schedulerStart() {
32	$scope.schedulerOptions = {	42	$scope.schedulerOptions = {
33	date: new Date("2016/10/12"),	43	date: new Date("2016/10/12"),
34	- startTime: new Date("2016/10/12 07:00 AM"),	44	+ startTime: new Date("2016/10/12 07:00"),
		45	+ majorTimeHeaderTemplate: kendo.template("<strong>#=kendo.toString(date, 'HH:mm')#</strong><sup> น.</sup>"),
		46	+ minorTickCount: 1,
		47	+ toolbar: ["pdf"],
		48	+ messages: {
		49	+ cancel: "Cancel",
		50	+ save: "Save",
		51	+ deleteWindowTitle: "Remove event",
		52	+ pdf: "PDF Export",
		53	+ editable: {
		54	+ confirmation: "Are you sure you want to delete this event?"
		55	+ },
		56	+ editor: {
		57	+ description: "Description"
		58	+ }
		59	+ },
35	height: 600,	60	height: 600,
36	views: [	61	views: [
37	"day",	62	"day",
38	{ type: "workWeek", selected: true },	63	{ type: "workWeek", selected: true },
39	"week",	64	"week",
40	"month",	65	"month",
		66	+ "agenda",
		67	+ "timeline"
41	],	68	],
42	timezone: "Asia/Bangkok",	69	timezone: "Asia/Bangkok",
43	dataSource: {	70	dataSource: {
	@@ -83,32 +110,144 @@ angular.module("KendoDemos", ["kendo.directives"])		@@ -83,32 +110,144 @@ angular.module("KendoDemos", ["kendo.directives"])
83	recurrenceId: { from: "RecurrenceID" },	110	recurrenceId: { from: "RecurrenceID" },
84	recurrenceRule: { from: "RecurrenceRule" },	111	recurrenceRule: { from: "RecurrenceRule" },
85	recurrenceException: { from: "RecurrenceException" },	112	recurrenceException: { from: "RecurrenceException" },
86	- ownerId: { from: "OwnerID", defaultValue: 1 },	113	+ eventTypeID: { from: "EventTypeID" },
87	isAllDay: { type: "boolean", from: "IsAllDay" }	114	isAllDay: { type: "boolean", from: "IsAllDay" }
88	}	115	}
89	}	116	}
90	},	117	},
91	filter: {	118	filter: {
92	- logic: "or",
93	- filters: [
94	- { field: "ownerId", operator: "eq", value: 1 },
95	- { field: "ownerId", operator: "eq", value: 2 }
96	- ]	119	+ field: "eventTypeID", operator: "eq", value: parseInt($scope.data.value)
97	}	120	}
98	},	121	},
99	editable: true,	122	editable: true,
100	resources: [	123	resources: [
101	{	124	{
102	- field: "ownerId",
103	- title: "Owner",	125	+ field: "eventTypeID",
		126	+ title: "EventType",
104	dataSource: [	127	dataSource: [
105	- { text: "Alex", value: 1, color: "#f8a398" },
106	- { text: "Bob", value: 2, color: "#51a0ed" },
107	- { text: "Charlie", value: 3, color: "#56ca85" }	128	+ { text: "Type1", value: 1, color: "#f8a398" },
		129	+ { text: "Type2", value: 2, color: "#51a0ed" },
		130	+ { text: "Type3", value: 3, color: "#56ca85" }
108	]	131	]
109	}	132	}
110	]	133	]
111	};	134	};
112	}	135	}
113		136
		137	+
		138	+ function schedulerOptions2() {
		139	+ $(function () {
		140	+ $("#scheduler").kendoScheduler({
		141	+ date: new Date("2016/10/12"),
		142	+ startTime: new Date("2016/10/12 07:00"),
		143	+ majorTimeHeaderTemplate: kendo.template("<strong>#=kendo.toString(date, 'HH:mm')#</strong><sup> น.</sup>"),
		144	+ minorTickCount: 1,
		145	+ toolbar: ["pdf"],
		146	+ messages: {
		147	+ cancel: "Cancel",
		148	+ save: "Save",
		149	+ deleteWindowTitle: "Remove event",
		150	+ pdf: "PDF Export",
		151	+ editable: {
		152	+ confirmation: "Are you sure you want to delete this event?"
		153	+ },
		154	+ editor: {
		155	+ description: "Description"
		156	+ }
		157	+ },
		158	+ height: 600,
		159	+ views: [
		160	+ "day",
		161	+ { type: "workWeek", selected: true },
		162	+ "week",
		163	+ "month",
		164	+ "agenda",
		165	+ "timeline"
		166	+ ],
		167	+ timezone: "Asia/Bangkok",
		168	+ dataSource: {
		169	+ batch: true,
		170	+ transport: {
		171	+ read: {
		172	+ url: "//localhost:3001/events",
		173	+ dataType: "jsonp",
		174	+ type: "GET"
		175	+ },
		176	+ update: {
		177	+ url: "//localhost:3001/events",
		178	+ dataType: "jsonp",
		179	+ type: "PUT"
		180	+ },
		181	+ create: {
		182	+ url: "//localhost:3001/events",
		183	+ dataType: "jsonp",
		184	+ type: "POST"
		185	+ },
		186	+ destroy: {
		187	+ url: "//localhost:3001/events",
		188	+ dataType: "jsonp",
		189	+ type: "DELETE"
		190	+ },
		191	+ parameterMap: function (options, operation) {
		192	+ if (operation !== "read" && options.models) {
		193	+ return { models: kendo.stringify(options.models) };
		194	+ }
		195	+ }
		196	+ },
		197	+ schema: {
		198	+ model: {
		199	+ id: "taskId",
		200	+ fields: {
		201	+ taskId: { from: "TaskID" },
		202	+ title: { from: "Title", defaultValue: "No title", validation: { required: true } },
		203	+ start: { type: "datetime", from: "Start" },
		204	+ end: { type: "datetime", from: "End" },
		205	+ startTimezone: { from: "StartTimezone", defaultValue: "Asia/Bangkok" },
		206	+ endTimezone: { from: "EndTimezone", defaultValue: "Asia/Bangkok" },
		207	+ description: { from: "Description" },
		208	+ recurrenceId: { from: "RecurrenceID" },
		209	+ recurrenceRule: { from: "RecurrenceRule" },
		210	+ recurrenceException: { from: "RecurrenceException" },
		211	+ eventTypeID: { from: "EventTypeID" },
		212	+ isAllDay: { type: "boolean", from: "IsAllDay" }
		213	+ }
		214	+ }
		215	+ },
		216	+ filter: {
		217	+ logic: "or",
		218	+ filters: [
		219	+ { field: "eventTypeID", operator: "eq", value: 1 },
		220	+ { field: "eventTypeID", operator: "eq", value: 2 }
		221	+ ]
		222	+ }
		223	+ },
		224	+ editable: true,
		225	+ resources: [
		226	+ {
		227	+ field: "eventTypeID",
		228	+ title: "EventType",
		229	+ dataSource: [
		230	+ { text: "Type1", value: 1, color: "#f8a398" },
		231	+ { text: "Type2", value: 2, color: "#51a0ed" },
		232	+ { text: "Type3", value: 3, color: "#56ca85" }
		233	+ ]
		234	+ }
		235	+ ]
		236	+ });
		237	+
		238	+ $("#people :checkbox").change(function (e) {
		239	+ var checked = $.map($("#people :checked"), function (checkbox) {
		240	+ return parseInt($(checkbox).val());
		241	+ });
		242	+
		243	+ var scheduler = $("#scheduler").data("kendoScheduler");
		244	+
		245	+ scheduler.dataSource.filter({
		246	+ operator: function (task) {
		247	+ return $.inArray(task.eventTypeID, checked) >= 0;
		248	+ }
		249	+ });
		250	+ });
		251	+ });
		252	+ }
114	})	253	})
	@@ -7,9 +7,9 @@		@@ -7,9 +7,9 @@
7	<link href="../assets/content/shared/styles/examples-offline.css" rel="stylesheet">	7	<link href="../assets/content/shared/styles/examples-offline.css" rel="stylesheet">
8	<link href="../assets/styles/kendo.common.min.css" rel="stylesheet">	8	<link href="../assets/styles/kendo.common.min.css" rel="stylesheet">
9	<link href="../assets/styles/kendo.rtl.min.css" rel="stylesheet">	9	<link href="../assets/styles/kendo.rtl.min.css" rel="stylesheet">
10	- <link href="../assets/styles/kendo.bootstrap.min.css" rel="stylesheet">	10	+ <link href="../assets/styles/kendo.metro.min.css" rel="stylesheet">
11	<link href="../assets/styles/kendo.dataviz.min.css" rel="stylesheet">	11	<link href="../assets/styles/kendo.dataviz.min.css" rel="stylesheet">
12	- <link href="../assets/styles/kendo.dataviz.flat.min.css" rel="stylesheet">	12	+ <link href="../assets/styles/kendo.dataviz.metro.min.css" rel="stylesheet">
13	<script src="../assets/js/jquery.min.js"></script>	13	<script src="../assets/js/jquery.min.js"></script>
14	<script src="../assets/js/angular.min.js"></script>	14	<script src="../assets/js/angular.min.js"></script>
15	<script src="../assets/js/jszip.min.js"></script>	15	<script src="../assets/js/jszip.min.js"></script>
	@@ -29,10 +29,29 @@		@@ -29,10 +29,29 @@
29		29
30	<div id="example" ng-app="KendoDemos">	30	<div id="example" ng-app="KendoDemos">
31	<div ng-controller="MyCtrl">	31	<div ng-controller="MyCtrl">
		32	+ <div id="team-schedule">
		33	+ <div id="people">
		34	+ <input checked type="checkbox" id="alex" value="1">
		35	+ <input checked type="checkbox" id="bob" value="2">
		36	+ <input type="checkbox" id="charlie" value="3">
		37	+ </div>
		38	+ </div>
		39	+ <div id="scheduler"></div>
		40	+
		41	+ <!--<select name="singleSelect" ng-model="data.value">
		42	+ <option value="1">Option 1</option>
		43	+ <option value="2">Option 2</option>
		44	+ </select>
		45	+ <button type="button" ng-click="test()">Test</button>
		46	+ <br>
		47	+ <pre>{{data.value}}</pre>
		48	+ <pre>{{schedulerOptions.dataSource.filter}}</pre>
		49	+ <br />
32	<div kendo-scheduler k-options="schedulerOptions">	50	<div kendo-scheduler k-options="schedulerOptions">
33	<span k-event-template class="custom-event">{{dataItem.title}}</span>	51	<span k-event-template class="custom-event">{{dataItem.title}}</span>
34	<div k-all-day-event-template class="custom-all-day-event">{{dataItem.title}}</div>	52	<div k-all-day-event-template class="custom-all-day-event">{{dataItem.title}}</div>
35	- </div>	53	+ </div>-->
		54	+
36	</div>	55	</div>
37		56
38	<style>	57	<style>