Apichat Tamon / smartRMSCalendar

Blame view

public/views/index.html 2.19 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.bootstrap.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.flat.min.css" rel="stylesheet">
21a1ff19   Apichat.Tum   fix follow smartr... 
13
 
	<script src="../assets/js/jquery.min.js"></script>
cf86e9a3   Apichat.Tum   - ui with oauth2 ... 
14
15
16
17
18
19
20
21
22
23
24
25
26
 
	<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>


</head>
f6a4415a   Apichat.Tum   start smart-rms-c... 
27
28
29
 

<body>
cf86e9a3   Apichat.Tum   - ui with oauth2 ... 
30
 
	<div id="example" ng-app="KendoDemos">
cf86e9a3   Apichat.Tum   - ui with oauth2 ... 
31
32
 
		<div ng-controller="MyCtrl">
			<div kendo-scheduler k-options="schedulerOptions">
21a1ff19   Apichat.Tum   fix follow smartr... 
33
34
35
36
 
				<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>
7598c58f   Apichat.Tum   add eventTypeID /... 
37
21a1ff19   Apichat.Tum   fix follow smartr... 
38
39
 
		<style>
			.custom-event {
cf86e9a3   Apichat.Tum   - ui with oauth2 ... 
40
41
 
				color: #fff;
				text-shadow: 0 1px 0 #000;
21a1ff19   Apichat.Tum   fix follow smartr... 
42
43
 
			}
7598c58f   Apichat.Tum   add eventTypeID /... 
44
 
			.custom-all-day-event {
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
 
				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>



</body>

</html>
f6a4415a   Apichat.Tum   start smart-rms-c...