-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex_nl.html
More file actions
121 lines (114 loc) · 6.67 KB
/
Copy pathindex_nl.html
File metadata and controls
121 lines (114 loc) · 6.67 KB
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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Ivago Calendar Creator</title>
<meta name="description" content="Genereert iCal voor Ivago data">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
body {
padding-top: 50px;
padding-bottom: 20px;
}
</style>
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">Uw browser is <strong>verouderd</strong>. Bezoek <a gref="http://browsehappy.com/">update uw browser</a> voor een betere gebruikservaring.</p>
<![endif]-->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Common Tools</a>
</div>
<!--/.navbar-collapse -->
</div>
</div>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>Ivago Calendar Creator</h1>
<p>Op deze pagina kan u een kalendar in iCal formaat aanmaken voor de ophaalrondes van het huisvuil door Ivago in Gent. Het iCal formaat is een bekend formaat dat ondersteund wordt in de meeste grote kalendar-toepassingen, waaronde Google Kalender, Mozilla Thunderbird, Microsoft Outlook, ...</p>
</div>
</div>
<div class="container">
<h3>Kalender opties</h3>
<p>Selecteer uw adres en kalender opties. Uw adresinformatie is nodig om uw zone te bepalen. Huisvuilrondes zijn afhankelijk van uw zone. Uw informatie wordt niet opgeslagen of doorgegeven aan derden.</p>
<form method="get" role="form">
<div class="form-group">
<div data-bind="visible: !dataLoaded()">
<img src="img/ajax-loader.gif"/>
<span>Gegevens worden geladen...</span>
</div>
</div>
<div class="form-group form-inline">
<select data-bind="
options: allCommunities,
optionsText: 'name',
optionsCaption: 'Kies gemeente...',
value: selectedCommunity,
enable: dataLoaded" class="form-control"></select>
<select data-bind="
options: communityStreets,
optionsText: 'name',
value: selectedStreet,
optionsCaption: 'Kies straat...',
enable: selectedCommunity" class="form-control"></select>
<select data-bind="
options: streetDivisions,
optionsText: 'label',
value: selectedStreetDivision,
optionsCaption: 'Kies straatdeel...',
enable: isStreetDivided
visible: isStreetDivided" class="form-control"></select>
</div>
<div class="form-group" data-bind="visible: selectedSector()">
<p>U woont in sector: <span data-bind="text: selectedSector()"></span></p>
</div>
<input data-bind="value: selectedSector()" type="hidden" name="sector"/>
<button id="createICalButton" type="button" class="btn btn-default" data-bind="enable: selectedSector()">Maak iCal aan »</button>
</form>
<hr>
<footer>
<p><small>DISCLAIMER: Deze website wordt u als een dienst aangeboden. De auteur van deze website kan niet verantwoordelijk gesteld worden voor eventuele fouten, onregelmatigheden of andere beschadigende consequenties, voortkomend uit het gebruik, verwijzing naar of afhankelijkheid van eender welke informatie beschikbaar op of verkregen via deze website. Hoewel de informatie op deze site regelmatig wordt vernieuwd, wordt geen enkele garantie gegeven dat de informatie verkregen via deze website correct, compleet of actueel is. Hoewel deze website directe of indirecte links kan bevatten naar andere gegevens op internet, waaronder ook andere website, is de auteur niet verantwoordelijk voor de juistheid van informatie uit deze bronnen. Links van deze website naar websites van derden houden geen enkele goedkeuring of instemming van de auteur in voor hun producten, diensten of informatie. Eventuele reclameboodschappen en product- of serviceinformatie getoond via deze website houden geen enkele goedkeuring of instemming van de auteur in, en de auteur ondersteunt op geen enkele manier de beweringen gedaan in die reclameboodschappen. Productinformatie is enkel gebaseerd op informatie verkregen door de auteurs van deze reclameboodschappen.</small></p>
<p><small>Het gebruik van de data op deze website is onderhevig aan een licensie. Volg <a href="http://data.gent.be/algemene-licentie">deze link</a> voor meer informatie. Downloaden van de hele dataset of een substantieel onderdeel via deze website is enkel toegelaten als aan voorvernoemde licensie is voldaan.</small></p>
<p>© <a href="https://github.com/drhoet">drhoet</a> 2014</p>
</footer>
</div> <!-- /container -->
<div class="modal fade" id="downloadICalModal" tabindex="-1" role="dialog" aria-labelledby="downloadICalModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="downloadICalModalLabel">ICal instructies</h4>
</div>
<div class="modal-body">
<p>Uw iCal wordt gemaakt en kan over een ogenblik gedownload worden via de link hieronder.</p>
<p>De makkelijkste manier om het bestand te gebruiken, is een nieuwe kalender te maken en het bestand daar op te laden. In Gmail doet u dat zo:</p>
<ul>
<li>Maak een nieuwe kalender door op de link 'Create new calendar' te klikken naast de 'My calendars'-titel. Vul de instellingen aan.<img src="img/Gmail_create_calendar.png"/></li>
<li>Klik daarna op het kleine pijltje naast 'Other calendars' en kies 'Import calendar'. Geef het gedownloade bestand aan. Gmail voegt alle ophaalbeurten to aan de kalender.<img src="img/Gmail_import_calendar.png"/></li>
</ul>
<div id="downloadWaiting" class="show">
<img src="img/ajax-loader.gif"/>
<span>Uw iCal wordt aangemaakt...</span>
</div>
<a id="downloadLink" class="hidden" href="">Download iCal</a>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Sluiten</button>
</div>
</div>
</div>
</div>
<script data-main="js/main" src="js/vendor/require.js" type="text/javascript"></script>
</body>
</html>