Apichat Tamon / smartRMSCalendar

Blame view

public/views/index.html 2.52 KB
Edit Raw Normal View History
f6a4415a   Apichat.Tum   start smart-rms-c... 
1
 
<!DOCTYPE html>
cf86e9a3   Apichat.Tum   - ui with oauth2 ... 
2
 
<html>
f6a4415a   Apichat.Tum   start smart-rms-c... 
3
4
 

<head>
cf86e9a3   Apichat.Tum   - ui with oauth2 ... 
5
6
7
8
9
 
	<title>Basic usage</title>
	<meta charset="utf-8">
	<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">
7598c58f   Apichat.Tum   add eventTypeID /... 
10
 
	<link href="../assets/styles/kendo.metro.min.css" rel="stylesheet">
cf86e9a3   Apichat.Tum   - ui with oauth2 ... 
11
 
	<link href="../assets/styles/kendo.dataviz.min.css" rel="stylesheet">
7598c58f   Apichat.Tum   add eventTypeID /... 
12
 
	<link href="../assets/styles/kendo.dataviz.metro.min.css" rel="stylesheet">
21a1ff19   Apichat.Tum   fix follow smartr... 
13
 
	<link href="../assets/styles/kendo.common-bootstrap.core.min.css" rel="stylesheet">
cf86e9a3   Apichat.Tum   - ui with oauth2 ... 
14
15
16
17
18
19
20
21
22
23
24
25
26
 
	<script src="../assets/js/jquery.min.js"></script>
	<script src="../assets/js/angular.min.js"></script>
	<script src="../assets/js/jszip.min.js"></script>
	<script src="../assets/js/kendo.all.min.js"></script>
	<script src="../assets/js/kendo.timezones.min.js"></script>
	<script src="../assets/content/shared/js/console.js"></script>

	<script src="../js/controllers/kendo.js"></script>
	<script>
        
    </script>
f6a4415a   Apichat.Tum   start smart-rms-c... 
27
28
29
 
</head>

<body>
cf86e9a3   Apichat.Tum   - ui with oauth2 ... 
30
cf86e9a3   Apichat.Tum   - ui with oauth2 ... 
31
32
 
	<div id="example" ng-app="KendoDemos">
		<div ng-controller="MyCtrl">
21a1ff19   Apichat.Tum   fix follow smartr... 
33
34
35
36
 

			<div class="demo-section k-content-">
				<h4>Select event</h4>
				<select kendo-multi-select k-on-change="filterEventID()" k-options="selectOptions" k-ng-model="selectedIds"></select>
7598c58f   Apichat.Tum   add eventTypeID /... 
37
 
			</div>
21a1ff19   Apichat.Tum   fix follow smartr... 
38
39
 

			<div kendo-scheduler="schedulerSmartRMS" k-options="schedulerOptions" k-rebind="schedulerOptions">
cf86e9a3   Apichat.Tum   - ui with oauth2 ... 
40
41
 
				<span k-event-template class="custom-event">{{dataItem.title}}</span>
				<div k-all-day-event-template class="custom-all-day-event">{{dataItem.title}}</div>
21a1ff19   Apichat.Tum   fix follow smartr... 
42
43
 
			</div>
7598c58f   Apichat.Tum   add eventTypeID /... 
44
cf86e9a3   Apichat.Tum   - ui with oauth2 ... 
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
102
103
104
 
		</div>

		<style>
			.custom-event {
				color: #fff;
				text-shadow: 0 1px 0 #000;
			}
			
			.custom-all-day-event {
				text-align: center;
				text-transform: uppercase
			}
		</style>
	</div>

	<style>
		.k-nav-current > .k-link span + span {
			max-width: 200px;
			display: inline-block;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			vertical-align: top;
		}
		
		#team-schedule {
			background: url('../assets/content/web/scheduler/team-schedule.png') transparent no-repeat;
			height: 115px;
			position: relative;
		}
		
		#people {
			background: url('../assets/content/web/scheduler/scheduler-people.png') no-repeat;
			width: 345px;
			height: 115px;
			position: absolute;
			right: 0;
		}
		
		#alex {
			position: absolute;
			left: 4px;
			top: 81px;
		}
		
		#bob {
			position: absolute;
			left: 119px;
			top: 81px;
		}
		
		#charlie {
			position: absolute;
			left: 234px;
			top: 81px;
		}
	</style>
f6a4415a   Apichat.Tum   start smart-rms-c... 
105
106
107
 
</body>

</html>