-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathResourceView.html
More file actions
101 lines (98 loc) · 3.57 KB
/
Copy pathResourceView.html
File metadata and controls
101 lines (98 loc) · 3.57 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>MindFusion JsPlanner Sample - Resource view</title>
<link href="common/samples.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="themes/business.css" />
<style type="text/css">
select {
width: 60px;
}
</style>
</head>
<body>
<div id="header" style="height: 59px;">
<div style="float: left; margin-left: 5px;">
<a href="index.html" style="margin-left: 10px;">Index</a>
Timelines <select id="timelines">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
Visible cells <input id="cells" maxlength="2" size="2" />
Top timeline: unit <select id="ttunit">
<option value="2">Hour</option>
<option value="3">Day</option>
<option value="4">Week</option>
<option value="5">Month</option>
<option value="6">Year</option>
</select>
count <input id="ttcount" maxlength="2" size="2" />
Middle timeline: unit <select id="mtunit">
<option value="2">Hour</option>
<option value="3">Day</option>
<option value="4">Week</option>
<option value="5">Month</option>
<option value="6">Year</option>
</select>
count <input id="mtcount" maxlength="2" size="2" />
Bottom timeline: unit <select id="btunit">
<option value="2">Hour</option>
<option value="3">Day</option>
<option value="4">Week</option>
<option value="5">Month</option>
<option value="6">Year</option>
</select>
count <input id="btcount" maxlength="2" size="2" />
<button onclick="group(1)">
Group by contacts
</button>
<button onclick="group(3)">
Group by locations
</button>
</div>
<div style="float: right; margin-right: 5px;">
<a href="ResourceView.js" style="margin-right: 10px;">View source</a>
<button id="expandButton" onclick="onExpandCollapse()">
›
</button>
</div>
</div>
<div id="info" style="top: 70px; bottom: 24px;">
<div id="infoTab" style="padding: 10px;">
<h1>
About this sample
</h1>
<p id="pinfo">
This sample shows the capabilities of the Resource view.
</p>
<p>
This view displays the distribution of items over a period of time for a particular
contacts, locations, tasks or resources. The view displays a single row for each
individual contact, location, task or resource and up to three timelines. In order
to view associated items in this view, the GroupType property of the Calendar must
be set to GroupByContacts, GroupByLocations, GroupByTasks or GroupByResources.
<br />
Use the ResourceViewSettings property of the Calendar class to set the appearance
of the resource view.
</p>
</div>
</div>
<div id="content" style="top: 70px; bottom: 24px;">
<div style="position: absolute; width: 100%; height: 100%;">
<div id="calendar" style="height: 100%; width: 100%;">
</div>
</div>
</div>
<div id="footer" style="height: 24px;">
<span id="copyright"></span>
</div>
<script src="Scripts/drawing.js" type="text/javascript"></script>
<script src="Scripts/controls.js" type="text/javascript"></script>
<script src="Scripts/common.js" type="text/javascript"></script>
<script src="Scripts/common-collections.js" type="text/javascript"></script>
<script src="Scripts/scheduling.js" type="text/javascript"></script>
<script src="ResourceView.js" type="text/javascript"></script>
<script type="text/javascript" src="common/samples.js"></script>
</body>
</html>