-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
120 lines (105 loc) · 3.04 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
<!doctype html>
<html lang="it" manifest="manifest.appcache">
<head>
<meta character="utf-8">
<title>Agenda</title>
<!-- bootstrap -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- custom -->
<link href="css/application.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- basic layout -->
<div class="container" ng-controller="CalendarCtrl">
<div class="row">
<!-- titolo -->
<div class="span6">
<h1>Agenda</h1>
</div>
<!-- status -->
<div class="span6">
<p id="offline" class="stato" style="display:none;">
<strong>stato:</strong> offline
</p>
<p id="online" class="stato" style="display:none;">
<strong>stato:</strong> online<br/>
<span id="azione" class="muted"></span>
</p>
</div>
</div>
<div class="row">
<!-- calendario -->
<div class="span4 offset8 calendario">
<form class="form-inline">
<select class="span3"
ng-change="ricaricaeventi()"
ng-model="calendario"
ng-options="cal.summary for cal in calendari">
<option value="">seleziona un calendario</option>
</select>
</form>
</div>
</div>
<div class="row" ng-show="calendario">
<!-- nuovo evento -->
<div class="span4">
<form ng-submit="salvaevento()">
<fieldset>
<legend>Nuovo evento</legend>
<label>Titolo</label>
<input type="text"
ng-model="titoloevento"
placeholder="Titolo dell'evento">
<label>Data</label>
<input type="text"
ng-model="dataevento"
placeholder="yyyy-mm-dd">
<label>Descrizione</label>
<textarea
ng-model="descrizioneevento"
></textarea><br/>
<button type="submit" class="btn">Submit</button>
</fieldset>
</form>
</div>
<!-- lista eventi -->
<div class="span8">
<table class="table">
<thead>
<tr>
<th>Inizio</th>
<th>Descrizione</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="evento in eventi" ng-class="evento.classe">
<td class="data">{{ (evento.start.dateTime || evento.start.date).substr(0,10) }}</td>
<td class="descrizione">
<strong>{{evento.summary}}</strong>
<span class="muted">{{evento.location}}</span>
<p>{{evento.description}}</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- modal per la login al servizio -->
<div class="modal hide fade" id="login">
<div class="modal-header">
<h3>Effettua il login</h3>
</div>
<div class="modal-body">
<p>Per poter accedere al servizio devi completare l'autenticazione verso Google</p>
</div>
<div class="modal-footer">
<a href="#" class="btn btn-primary" id="btn-login">Effettua il login</a>
</div>
</div>
<!-- script -->
<script src="vendor/require.js"></script>
<script src="js/application.js"></script>
<script src="js/online.js"></script>
</body>
</html>