Apichat Tamon / smartRMSCalendar

Blame view

public/views/index.html 2.63 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.flat.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
 
	<a class="offline-button" href="../assets/offline/index.html">Back</a>
cf86e9a3   Apichat.Tum   - ui with oauth2 ... 
31
32
 

	<div id="example" ng-app="KendoDemos">
21a1ff19   Apichat.Tum   fix follow smartr... 
33
34
35
36
 
		<div ng-controller="MyCtrl">
			<form class="demo-section k-content wide" name="newTokenForm" ng-submit="submitNewToken(newTokenForm.$valid)">
				<ul class="fieldlist">
					<li>
7598c58f   Apichat.Tum   add eventTypeID /... 
37
 
						<h4>Put key here</h4>
21a1ff19   Apichat.Tum   fix follow smartr... 
38
39
 
						<input type="text" class="k-textbox " ng-model="clientToken" required />
						<input type="submit" class="k-button" name="btnSubmitKey" value="Submit">
cf86e9a3   Apichat.Tum   - ui with oauth2 ... 
40
41
 
					</li>
				</ul>
21a1ff19   Apichat.Tum   fix follow smartr... 
42
43
 
			</form>
7598c58f   Apichat.Tum   add eventTypeID /... 
44
 
			<hr>
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 kendo-scheduler k-options="schedulerOptions">
				<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>

		<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;
f6a4415a   Apichat.Tum   start smart-rms-c... 
105
106
107
 
		}
	</style>