-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
144 lines (139 loc) · 6.83 KB
/
index.html
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html>
<title>Linked Data Calendar</title>
<head>
<link href='css/fullcalendar.css' rel='stylesheet' />
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print' />
<link href='css/buttons.css' rel='stylesheet' type='text/css' media='screen, projection' />
<link href='css/style.css' rel='stylesheet' type='text/css' />
<link href='css/classic.css' rel='stylesheet' type='text/css' />
<link href='css/classic.date.css' rel='stylesheet' type='text/css' />
<script src='contrib/jquery.min.js' type='text/javascript'></script>
<script src='contrib/jquery-ui.custom.min.js' type='text/javascript'></script>
<script src='contrib/picker.js' type='text/javascript'></script>
<script src='contrib/picker.date.js' type='text/javascript'></script>
<script src='contrib/fullcalendar.min.js' type='text/javascript'></script>
<script src='contrib/rdflib.min.js' type='text/javascript'></script>
<script src='contrib/sha1.js' type='text/javascript'></script>
<script src='js/ld-cal.js' type='text/javascript'></script>
</head>
<body>
<div id="spinner" hidden></div>
<div id="topnav" class="top-nav center">
<span class="title" title="Home"><a href="#">Linked Data Calendar</a></span>
<div id="me" class="user-info"></div>
</div>
<div class="container" id="main-container">
<div class="content">
<div id="calendar"></div>
</div>
</div>
<!-- Event editor -->
<div id="editevent" class="editevent grey-border" style="display: none;">
<input type="hidden" name="id" id="id" value="" />
<div>
<span class="span-left cell inline-block"><strong>Event name</strong></span>
<div class="left cell inline-block"> <input type="text" name="title" id="title" class="text left" autofocus /></div>
</div>
<div>
<span class="span-left cell inline-block">Starts</span>
<div id="startDay" class="left cell inline-block"><input type="text" id="pickerStart" class="text left" /></div>
</div>
<div>
<span class="span-left cell inline-block">Ends</span>
<div id="endDay" class="left cell inline-block"><input type="text" id="pickerEnd" class="text left" /></div>
</div>
<div id="duration" class="duration">
<div id="timepicker" class="timepicker"></div>
<div class="right"><span class="span-right cell inline-block">All day?</span><input type="checkbox" name="allday" id="allDay" class="right" onclick="toggleHours()" /></div>
</div>
<div class="editor-buttons force-left">
<div class="left"><a href="#" class="button button-rounded button-flat-primary" onclick="saveEvent()">Save</a></div>
<div class="left actions"><a href="#" class="button button-rounded button-flat-highlight" onclick="$('#editevent').hide()">Cancel</a></div>
</div>
<div class="editor-buttons-right">
<div class="right actions"><a href="#" class="button button-rounded button-flat-caution" onclick="deleteEvent()">Delete</a></div>
</div>
<div id="colorpicker" class="colorpicker">
<span class="span-left cell inline-block">Pick a color</span>
<div class="right inline-block">
<div id="Blue" class="Blue" onclick="setColor('#5484ed')"></div>
<div id="Red" class="Red" onclick="setColor('#e52127')"></div>
<div id="Green" class="Green" onclick="setColor('#51b749')"></div>
<div id="Yellow" class="Yellow" onclick="setColor('#fbd75b')"></div>
<div id="Purple" class="Purple" onclick="setColor('#dbadff')"></div>
</div>
</div>
</div>
<!-- Registration -->
<div id="registration" class="registration red-border" style="display: none;">
<div class="left">
<span><strong>Warning!</strong></span>
<span>Could not find the endpoint for your events resource.</span>
<span><strong>Are you logged in?</strong></span>
</div>
<div class="left">
<span class="left">If you are logged in, please note that LD-Cal requires a place to store events data. To indicate where it can store the data, please provide an URI for a <strong>writable</strong> events resource and then add the generated triples to your WebID profile:</span>
</div>
<div class="left">
<span class="left cell inline-block">Events resource</span>
<div class="right cell inline-block"><input type="text" id="endpoint" class="text left" placeholder="URI for the document holding your events" /></div>
</div>
<div id="triples" class="left">
</div>
<div class="center">
<div class="actions right"><a href="#" class="button button-rounded button-flat-primary" onclick="$('#registration').hide()">Close</a></div>
<div class="actions right"><a href="#" class="button button-rounded button-flat-highlight" onclick="registerTriples()">(Re)generate triples</a></div>
</div>
</div>
<!-- Help -->
<br/>
<div>
<span>LD-cal v.1.0</span>
<span><a href="#" onclick="$('#help').show()">Help/Tips</a> | <a href="https://github.com/rww-apps/ld-cal">GitHub</a></span>
</div>
<div id="help" class="registration grey-border" style="display: none;">
<div class="left">
<h2>Help/Tips</h2>
</div>
<div class="left">
<span class="left"><strong>Month view</strong></span>
<div class="left">
<ul>
<li>create long events by clicking and dragging over multiple days</li>
<li>drag and drop events to change dates</li>
</ul>
</div>
</div>
<div class="left">
<span class="left"><strong>Week view</strong></span>
<div class="left">
<ul>
<li>dropping the event to the top bar will turn it into a "Full day" event</li>
<li>dropping the event back into a specific time interval will set its start hour</li>
</ul>
</div>
</div>
<div class="center">
<div class="actions right"><a href="#" class="button button-rounded button-flat-primary" onclick="$('#help').hide()">Close</a></div>
</div>
</div>
<script>
// ----- Modify if needed ------
var PROXY = "https://rww.io/proxy?uri={uri}";
var AUTH_PROVIDER = "https://ld-cal.rww.io/";
// ----- DO NOT MODIFY BELOW -------
// App name
var appName = 'https://ld-cal.rww.io';
// Storage endpoint URI
var storageURI;
// User's WebID
var mywebid;
var mygraph;
// ------------------- UI and initialization ---------------
$(document).ready(function() {
authenticate('/');
});
</script>
</body>
</html>