-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapp.php
215 lines (174 loc) · 9.49 KB
/
app.php
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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<?php
require_once('rest/db.class.php');
$db = new db_class;
if (!$db->connect()) {
$db->print_last_error(false);
}
?>
<!DOCTYPE html>
<html ng-app='smaaktest5'>
<head>
<title>STAGING SMAAKTEST</title>
<link rel="stylesheet" href="_css/app.min.css"/>
</head>
<body>
<div class="container" class="border">
<div id="header">
<div class="row">
<div class="col-md-8">
<div style="float:left;width:500px" class="clearfix">
<a href="/"><img src="/images/header2.gif" alt="Smaaktest Texel" width="700" height="65" border="0"></a>
</div>
</div>
</div>
</div>
<section id="intro" ng-show="step === 1">
<div class="container">
<div class="row ">
<div class="col-md-8 col-md-offset-2 col-sm-offset-0">
<div class="btn-group " style="float:right">
<a href="meerinfo.htm" class="rightLink btn">achtergrondinformatie</a><a href="colofon.htm"
class="rightLink btn">colofon</a>
</div>
<p> </p>
<p> </p>
<p>
<strong>Is dit Typisch Texels? Of zou dit zomaar Typisch Texels kunnen worden? Past zoiets op
Texel? Is dit mooi genoeg voor Texel? </strong>
</p>
<p><strong>Geef uw rapportcijfer van 1 tot 10!</strong></p>
<p>In deze ‘Smaaktest Texel’ kunt u uw oordeel geven over zaken die nu op Texel aanwezig (Texel Nu)
en over inspiratiebeelden voor de toekomst van Texel (Texel Straks).</p>
<p>Wanneer de test is afgerond, wordt uw persoonlijke top 3 getoond en ook de gemiddelde top 3.</p>
<p>De inhoud van de Smaaktest zal gedurende het project dynamisch zijn, zo kunnen veel beelden
getest worden. Doel is om uw oordeel te gebruiken als input voor de Internationale Architectuur
Biennale Rotterdam: IABR–2014–URBAN BY NATURE. Het het IABR–projectatelier Planet Texel zal
resulteren in een vergezicht op de toekomst van Texel.</p>
<p>Wanneer de test is afgerond, wordt uw persoonlijke top 3 getoond en ook de gemiddelde top 3.</p>
<p>Wilt u op de hoogte worden gehouden van deze activiteiten van Planet Texel? Vul dan uw emailadres
in na het maken van de test. De emailgegevens en de gegevens die bij de Smaaktest ingevuld
worden zijn niet aan elkaar gekoppeld: de Smaaktest is anoniem!</p>
<div class="well ">
<a ng-click="step=2" class="btn btn-large btn-primary ">Start de test</a>
</div>
</div>
</div>
</div>
</section>
<section id="nawform" ng-controller="formController as nawformCrtl" ng-show="step === 2"
ng-init="nawformCrtl.getForm()">
<div class="container">
<div class="row">
<div class="col-md-8 well">
<form name="nawform" ng-submit="nawformCrtl.submit()" novalidate>
<div ng-repeat="element in formData">
<div class="form-group">
<label for="vraag1"> {{element.label}} </label>
<select ng-model="naw[element.veld]"
ng-options="item.value as item.label for item in element.value">
<option value=""> -- Maak een keuze --</option>
</select>
</div>
</div>
<!-- {{naw | json}} -->
<button type="submit" class="btn btn-default">Submit</button>
</form>
<br/>
</div>
</div>
</div>
</section>
<section id="quiz" ng-controller="quizController as quizCtrl" ng-show="step === 3">
<div class="container">
<div class="row">
<div class="col-md-12">
<div> {{actual+1}}/{{totallocations}}
<!-- {{actualLocation}}-->
<div class="btn-group pull-right">
<button type="button" class="btn btn-default" ng-click="quizCtrl.vote(1)">1</button>
<button type="button" class="btn btn-default" ng-click="quizCtrl.vote(2)">2</button>
<button type="button" class="btn btn-default" ng-click="quizCtrl.vote(3)">3</button>
<button type="button" class="btn btn-default" ng-click="quizCtrl.vote(4)">4</button>
<button type="button" class="btn btn-default" ng-click="quizCtrl.vote(5)">5</button>
<button type="button" class="btn btn-default" ng-click="quizCtrl.vote(6)">6</button>
<button type="button" class="btn btn-default" ng-click="quizCtrl.vote(7)">7</button>
<button type="button" class="btn btn-default" ng-click="quizCtrl.vote(8)">8</button>
<button type="button" class="btn btn-default" ng-click="quizCtrl.vote(9)">9</button>
<button type="button" class="btn btn-default" ng-click="quizCtrl.vote(10)">10</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div><img id="mainpic" ng-src="/uploads/{{actualLocation.photos[0]}}" alt=""/></div>
</div>
</div>
</div>
</section>
<section id="result" ng-controller="resultController as resultCtrl" ng-show="step === 4">
<div class="container">
<div class="row">
<div class="col-md-4"> De resultaten van Smaaktest worden in het najaar van 2013 gebruikt als input voor
het project Planet Texel; een vergezicht dat gemaakt wordt in het kader van de Internationale
Architectuur Biënnale Rotterdam 2014. Ontwerpvoorstellen die dan gemaakt worden kunnen in de
volgende versie van de Smaaktest Texel opnieuw beoordeeld worden.
<br/><br/>
Wilt u op de hoogte worden gehouden over het verloop of de uitslagen van de verkiezing. Vul dan uw
emailadres in
<form action="" ng-submit>
<input type="text"/>
<button type="submit" class="btn btn-default">Submit</button>
<div>Let op: deze e-mailgegevens en de gegevens die bij de peiling ingevuld worden zijn niet
gekoppeld
</div>
</form>
</div>
<div class="col-md-4 toplist">
<div class=" "><h2>Algemene top3</h2>
<!--1 row loop this -->
<div class="row toplist-row" ng-repeat="item in top3">
<div class="col-md-4 col-sm-6">
<img ng-src="/uploads/{{item.thumb}}" alt=""/>
</div>
<div class="col-md-8 col-sm-6">
{{item.locatie_naam}}
gemiddled cijfer: {{item.gemiddelde | number:1}}
</div>
</div>
<!--end-->
</div>
</div>
<div class="col-md-4 toplist"><h2>Uw top3</h2>
<!--1 row loop this -->
<div class="row toplist-row" ng-repeat="item in uwtop3">
<div class="col-md-4 col-sm-6">
<img ng-src="/uploads/{{item.thumb}}" alt=""/>
</div>
<div class="col-md-8 col-sm-6">
{{item.locatie_naam}}
gemiddled cijfer: {{item.gemiddelde | number:1}}
</div>
</div>
<!--end-->
</div>
</div>
</div>
</section>
</div>
<div class="container" id="footer">
<a href="http://www.texel.nl/"><img src="/images/gemTxl-footer.gif" alt="Gemeente Texel" width="320" height="47" border="0"></a>
<a href="http://www.iabr.nl"><img src="/images/IABR-logo.gif" alt="IABR-2014"></a>
<img src="/images/ism.gif" width="71" height="47">
<a href="http://www.faro.nl"><img src="/images/faro.gif" alt="FARO architecten" width="130" height="47" border="0"></a>
<a href="http://www.la4sale.nl"><img src="/images/la4sale.gif" alt="La4sale"></a>
<a href="colofon.htm" class="colofon">colofon</a></div>
</div>
<!-- end container-->
<script src="_js/libs.min.js" type="text/javascript"></script>
<script src="src/scripts/app.js" type="text/javascript"></script>
<script src="src/scripts/resultModule.js" type="text/javascript"></script>
<script src="src/scripts/quizModule.js" type="text/javascript"></script>
<script src="src/scripts/formModule.js" type="text/javascript"></script>
</body>
</html>