-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
131 lines (122 loc) · 6.91 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
<!DOCTYPE html>
<html>
<head>
<title>Calendar | Event manager</title>
<link rel="shortcut icon" href="images/calendar.ico" type="image/x-icon">
<script src="js/jquery/jquery.js"></script>
<script src="js/angular/angular.js"></script>
<script src="js/angular/angular-ui-bootstrap-modal.js"></script>
<script src="js/angular/angular-ui-bootstrap-dropdown.js"></script>
<script src="js/angular/angular-ui-bootstrap-tooltip.js"></script>
<script src="js/angular/ui-bootstrap-dateandtime-tpls.js"></script>
<script src="js/angular/angular-animate.js"></script>
<script src="js/utils/notifications.js"></script>
<script src="js/rdflib/rdflib.min.js"></script>
<script src="js/moment/moment.js"></script>
<script src="js/fullcalendar/dist/fullcalendar.js"></script>
<script src="js/fullcalendar/dist/gcal.js"></script>
<script src="src/calendar.js"></script>
<script src="js/app.js"></script>
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="js/fullcalendar/dist/fullcalendar.css">
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/font-awesome-4.4.0/css/font-awesome.min.css">
<script type='text/javascript'>
$(document).ready(function() {
$('#calendar').fullCalendar({
googleCalendarApiKey: 'AIzaSyCkCePDYc00TQQM7xPpplQwwJlGJDsFWVc',
events: {
}
});
});
</script>
</head>
<body ng-app="Calendar" ng-controller="CalendarCtrl" data-spy="scroll">
<header class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<i class="fa fa-calendar"></i>
Calendar
<div class="btn-group block-right" dropdown is-open="status.isopen">
<button class="btn btn-primary dropdown-toggle" dropdown-toggle>
<i class="fa fa-bars fa-2x"></i>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#" ng-show="loggedin" ng-click="myStorage()"><i class="fa fa-database"></i> My Storage</a></li>
<li><a href="#" ng-hide="loggedin" ng-click="openAuth()"><i class="fa fa-sign-in"></i> Login</a></li>
<li><a href="#" ng-show="loggedin" ng-click="logout()"><i class="fa fa-sign-out"></i> Logout</a></li>
</ul>
</div>
<div class="block-right" ng-if="loggedin" tooltip="{{userProfile.fullname}}" tooltip-placement="bottom">
<a href="https://linkeddata.github.io/profile-editor/#/profile/view" target="_blank"><img src="{{userProfile.image}}" alt="{{userProfile.image}}" style="border: 1px solid white;width: 40px;height: 40px;"></a>
</div>
</div>
</div>
</header>
<div role="main">
<div class="container" ng-show="loggedin">
<section id="directives-calendar">
<div class="well">
<div class="row-fluid">
<div class="span4">
<ul class="unstyled">
<!-- loop events -->
<li ng-repeat="e in events">
<div class="alert alert-info" ng-show="e.start.getDate() == e.end.getDate()">
<input ng-model="e.id" type="hidden">
<a class="close" ng-click="remove($index)"><i class="fa fa-trash"></i></a>
<b> <input ng-model="e.title" ng-blur="save(e);"></b> <!-- onblur to insert, is live updating on the array -->
{{e.start | date:"MMM dd"}}
</div>
<div class="alert alert-info" ng-hide="e.start.getDate() == e.end.getDate()">
<input ng-model="e.id" type="hidden">
<a class="close" ng-click="remove($index)"><i class="fa fa-trash"></i></a>
<b> <input ng-model="e.title" ng-blur="save(e);"></b> <!-- onblur to insert, is live updating on the array -->
{{e.start | date:"MMM dd"}} - {{e.end | date:"MMM dd"}}
</div>
</li>
</ul>
</div>
<div class="span8">
<div class="btn-toolbar">
<button class="btn btn-primary" ng-click="add()"><i class="fa fa-calendar-plus-o"></i> Add Event</button>
<div class="btn-group pull-right">
<button class="btn btn-default" ng-click="changeView('agendaDay', 'myCalendar1')">Day</button>
<button class="btn btn-default" ng-click="changeView('agendaWeek', 'myCalendar1')">Week</button>
<button class="btn btn-default" ng-click="changeView('month', 'myCalendar1')">Month</button>
</div>
</div>
<div class="calendar" ng-model="eventSources" calendar="myCalendar1" ui-calendar="uiConfig.calendar"></div>
<div class="alert-success calAlert" ng-show="alertMessage != undefined && alertMessage != ''">
<h4>{{alertMessage}}</h4>
</div>
</div>
<div class="legend_box">
<div class="legend_title">
Legend:
</div>
<div class="legend1">
Calendar event
</div>
<div class="legend2">
Tentative scheduler event <input type="checkbox" ng-model="show_attempt_event" ng-click="toggleAttemptEvent()" class="toggle attempt_checkbox" tooltip="show / hide" tooltip-placement="top">
</div>
<div class="legend3">
Scheduler event
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="footer">
<p>
© 2016 <i class="fa fa-calendar blue"></i> Calendar | <a href="https://github.com/mzereba/calendar"><i class="fa fa-github"></i> Source</a> | <a href="https://github.com/mzereba/calendar/issues"><i class="fa fa-bug"></i> Issues</a>
</p>
</div>
<div modal="authenticationModal" ng-include="'templates/authenticationModal.htm'" close="cancel()"></div>
<div modal="addEventModal" ng-include="'templates/addEventModal.htm'" close="cancel()" ></div>
<div modal="myStorageModal" ng-include="'templates/myStorageModal.htm'" close="cancel()" ></div>
</body>
</html>