mirror of
https://github.com/hanzoai/jube-fork.git
synced 2026-11-02 14:29:36 +00:00
105 lines
4.1 KiB
HTML
Executable File
105 lines
4.1 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Timeline Overnight view</title>
|
|
<meta charset="utf-8">
|
|
<link href="../content/shared/styles/examples-offline.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.common.min.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.rtl.min.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.default.min.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.default.mobile.min.css" rel="stylesheet">
|
|
<script src="../../js/jquery.min.js"></script>
|
|
<script src="../../js/jszip.min.js"></script>
|
|
<script src="../../js/kendo.all.min.js"></script>
|
|
<script src="../content/shared/js/console.js"></script>
|
|
<script>
|
|
|
|
</script>
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<a class="offline-button" href="../index.html">Back</a>
|
|
|
|
<div id="example" class="k-content">
|
|
<div id="scheduler"></div>
|
|
</div>
|
|
<script>
|
|
$(function () {
|
|
$("#scheduler").kendoScheduler({
|
|
date: new Date("2013/6/12"),
|
|
startTime: new Date("2013/6/12 08:00 PM"),
|
|
endTime: new Date("2013/6/12 08:00 PM"),
|
|
dateHeaderTemplate: kendo.template("<strong>#=kendo.toString(date, 'D')# - #=kendo.toString(kendo.date.nextDay(date), 'D')#</strong>"),
|
|
eventHeight: 50,
|
|
majorTick: 360,
|
|
views: [ "timeline", "timelineWeek" ],
|
|
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", nullable: true },
|
|
isAllDay: { type: "boolean", from: "IsAllDay" }
|
|
}
|
|
}
|
|
}
|
|
},
|
|
group: {
|
|
resources: ["Rooms"],
|
|
orientation: "vertical"
|
|
},
|
|
resources: [{
|
|
field: "roomId",
|
|
name: "Rooms",
|
|
dataSource: [
|
|
{ text: "Meeting Room 101", value: 1, color: "#6eb3fa" },
|
|
{ text: "Meeting Room 201", value: 2, color: "#f58a8a" }
|
|
],
|
|
title: "Room"
|
|
}]
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html>
|