mirror of
https://github.com/hanzoai/jube-fork.git
synced 2026-11-02 14:29:36 +00:00
89 lines
3.7 KiB
HTML
Executable File
89 lines
3.7 KiB
HTML
Executable File
<div data-role="view" data-init="initScheduler" data-stretch="true" data-title="Scheduler">
|
|
<div id="scheduler"></div>
|
|
</div>
|
|
|
|
<script>
|
|
function initScheduler() {
|
|
$("#scheduler").kendoScheduler({
|
|
date: new Date("2013/6/26"),
|
|
startTime: new Date("2013/6/26 07:00 AM"),
|
|
height: '100%',
|
|
views: [
|
|
{ type: "day", selected: true },
|
|
{ type: "week", selectedDateFormat: "{0:ddd,MMM dd,yyyy} - {1:ddd,MMM dd,yyyy}" },
|
|
"month",
|
|
{ type: "agenda", selectedDateFormat: "{0:ddd, M/dd/yyyy} - {1:ddd, M/dd/yyyy}" },
|
|
"timeline"
|
|
],
|
|
mobile: "phone",
|
|
timezone: "Etc/UTC",
|
|
dataSource: {
|
|
batch: true,
|
|
transport: {
|
|
read: {
|
|
url: "https://demos.telerik.com/kendo-ui/service/meetings",
|
|
dataType: "jsonp"
|
|
},
|
|
update: {
|
|
url: "https://demos.telerik.com/kendo-ui/service/meetings/update",
|
|
dataType: "jsonp"
|
|
},
|
|
create: {
|
|
url: "https://demos.telerik.com/kendo-ui/service/meetings/create",
|
|
dataType: "jsonp"
|
|
},
|
|
destroy: {
|
|
url: "https://demos.telerik.com/kendo-ui/service/meetings/destroy",
|
|
dataType: "jsonp"
|
|
},
|
|
parameterMap: function(options, operation) {
|
|
if (operation !== "read" && options.models) {
|
|
return {models: kendo.stringify(options.models)};
|
|
}
|
|
}
|
|
},
|
|
schema: {
|
|
model: {
|
|
id: "meetingID",
|
|
fields: {
|
|
meetingID: { from: "MeetingID", type: "number" },
|
|
title: { from: "Title", defaultValue: "No title", validation: { required: true } },
|
|
start: { type: "date", from: "Start" },
|
|
end: { type: "date", from: "End" },
|
|
startTimezone: { from: "StartTimezone" },
|
|
endTimezone: { from: "EndTimezone" },
|
|
description: { from: "Description" },
|
|
recurrenceId: { from: "RecurrenceID" },
|
|
recurrenceRule: { from: "RecurrenceRule" },
|
|
recurrenceException: { from: "RecurrenceException" },
|
|
roomId: { from: "RoomID", nullable: true },
|
|
attendees: { from: "Attendees", defaultValue: [] },
|
|
isAllDay: { type: "boolean", from: "IsAllDay" }
|
|
}
|
|
}
|
|
}
|
|
},
|
|
resources: [
|
|
{
|
|
field: "roomId",
|
|
dataSource: [
|
|
{ text: "Meeting Room 101", value: 1, color: "#6eb3fa" },
|
|
{ text: "Meeting Room 201", value: 2, color: "#f58a8a" }
|
|
],
|
|
title: "Room"
|
|
},
|
|
{
|
|
field: "attendees",
|
|
dataSource: [
|
|
{ text: "Alex", value: 1, color: "#f8a398" },
|
|
{ text: "Bob", value: 2, color: "#51a0ed" },
|
|
{ text: "Charlie", value: 3, color: "#56ca85" }
|
|
],
|
|
multiple: true,
|
|
title: "Attendees"
|
|
}
|
|
]
|
|
});
|
|
}
|
|
</script>
|