Subversion Repositories eFlore/Applications.cel

Rev

Rev 3312 | Rev 3323 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3312 Rev 3313
1
<form id="form-observation" role="form" autocomplete="on">
1
<form id="form-observation" role="form" autocomplete="on">
2
	<h2><?php echo $observation['titre-obs']; ?></h2>
2
	<h2><?php echo $observation['titre-obs']; ?></h2>
3
	<div id="zone-observation" class="row">
3
	<div id="zone-observation" class="row">
4
		<div class="col-md-6">
4
		<div class="col-md-6">
5
 
5
 
6
			<div class="mb-3">
6
			<div class="mb-3">
7
				<label class="col-sm-8 obligatoire has-tooltip" data-toggle="tooltip" title="<?php echo $observateur['geoloc-title']; ?>">
7
				<label class="col-sm-8 obligatoire has-tooltip" data-toggle="tooltip" title="<?php echo $observateur['geoloc-title']; ?>">
8
					<i class="fa fa-map" aria-hidden="true"></i>
8
					<i class="fa fa-map" aria-hidden="true"></i>
9
					<?php echo $observation['lieu-releve']; ?>
9
					<?php echo $observation['lieu-releve']; ?>
10
				</label>
10
				</label>
11
				<div class="control-group">
11
				<div class="control-group">
12
					<div id="geoloc" class="col-sm-8 geoloc">
12
					<div id="geoloc" class="col-sm-8 geoloc">
13
						<span id="geoloc-error" class="error hidden"><?php echo $observation['geoloc-erreur']; ?></span>
13
						<span id="geoloc-error" class="error hidden"><?php echo $observation['geoloc-erreur']; ?></span>
14
						<tb-geolocation-element
14
						<tb-geolocation-element
15
							id="tb-geolocation"
15
							id="tb-geolocation"
16
							layer='osm'
16
							layer='osm'
17
							zoom_init="4"
17
							zoom_init="4"
18
							lat_init="46.5"
18
							lat_init="46.5"
19
							lng_init="2.9"
19
							lng_init="2.9"
20
							marker="true"
20
							marker="true"
21
							polyline="false"
21
							polyline="false"
22
							polygon="false"
22
							polygon="false"
23
							show_lat_lng_elevation_inputs="true"
23
							show_lat_lng_elevation_inputs="true"
24
							osm_class_filter=""
24
							osm_class_filter=""
25
							elevation_provider="mapquest"
25
							elevation_provider="mapquest"
26
							map_quest_api_key="mG6oU5clZHRHrOSnAV0QboFI7ahnGg34"
26
							map_quest_api_key="mG6oU5clZHRHrOSnAV0QboFI7ahnGg34"
27
						>
27
						>
28
						</tb-geolocation-element>
28
						</tb-geolocation-element>
29
					</div>
29
					</div>
30
					<div id="geoloc-datas" class="hidden">
30
					<div id="geoloc-datas" class="hidden">
31
						<div class="mt-3">
31
						<div class="mt-3">
32
							<label class="col-sm-8" for="rue"><?php echo $observation['rue']; ?></label>
32
							<label class="col-sm-8" for="rue"><?php echo $observation['rue']; ?></label>
33
							<div class="col-sm-8">
33
							<div class="col-sm-8">
34
								<!-- <input type="text" class="form-control rue" disabled id="rue" name="rue" value="1 Place Georges Frêche"> -->
34
								<!-- <input type="text" class="form-control rue" disabled id="rue" name="rue" value="1 Place Georges Frêche"> -->
35
								<input type="text" class="form-control rue" disabled id="rue" name="rue" value="">
35
								<input type="text" class="form-control rue" disabled id="rue" name="rue" value="">
36
							</div>
36
							</div>
37
						</div>
37
						</div>
38
						<!-- <input type="hidden" class="form-control latitude" disabled id="latitude" name="latitude" value="43.5984" style="display:none">
38
						<!-- <input type="hidden" class="form-control latitude" disabled id="latitude" name="latitude" value="43.5984" style="display:none">
39
						<input type="hidden" class="form-control longitude" disabled id="longitude" name="longitude" value="3.896799" style="display:none"> -->
39
						<input type="hidden" class="form-control longitude" disabled id="longitude" name="longitude" value="3.896799" style="display:none"> -->
40
						<input type="hidden" class="form-control latitude" disabled id="latitude" name="latitude" value="" style="display:none">
40
						<input type="hidden" class="form-control latitude" disabled id="latitude" name="latitude" value="" style="display:none">
41
						<input type="hidden" class="form-control longitude" disabled id="longitude" name="longitude" value="" style="display:none">
41
						<input type="hidden" class="form-control longitude" disabled id="longitude" name="longitude" value="" style="display:none">
42
						<div class="mt-3">
42
						<div class="mt-3">
43
							<label class="col-sm-8" for="commune-nom"><?php echo $observation['nom-commune']; ?></label>
43
							<label class="col-sm-8" for="commune-nom"><?php echo $observation['nom-commune']; ?></label>
44
							<div class="col-sm-8">
44
							<div class="col-sm-8">
45
								<!-- <input type="text" class="form-control commune-nom" disabled id="commune-nom" name="commune-nom" value="Montpellier">
45
								<!-- <input type="text" class="form-control commune-nom" disabled id="commune-nom" name="commune-nom" value="Montpellier">
46
								<input type="hidden" class="commune-insee" disabled id="commune-insee" name="commune-insee" value="34172"> -->
46
								<input type="hidden" class="commune-insee" disabled id="commune-insee" name="commune-insee" value="34172"> -->
47
								<input type="text" class="form-control commune-nom" disabled id="commune-nom" name="commune-nom" value="">
47
								<input type="text" class="form-control commune-nom" disabled id="commune-nom" name="commune-nom" value="">
48
								<input type="hidden" class="commune-insee" disabled id="commune-insee" name="commune-insee" value="">
48
								<input type="hidden" class="commune-insee" disabled id="commune-insee" name="commune-insee" value="">
49
							</div>
49
							</div>
50
						</div>
50
						</div>
51
						<div class="row pl-3 pr-3 mt-3">
51
						<div class="row pl-3 pr-3 mt-3">
52
							<div class="d-flex flex-column col-sm-4">
52
							<div class="d-flex flex-column col-sm-4">
53
								<label for="altitude"><?php echo $observation['altitude']; ?></label>
53
								<label for="altitude"><?php echo $observation['altitude']; ?></label>
54
								<div>
54
								<div>
55
									<!-- <input type="text" class="form-control altitude" disabled id="altitude" name="altitude" value="23"> -->
55
									<!-- <input type="text" class="form-control altitude" disabled id="altitude" name="altitude" value="23"> -->
56
									<input type="text" class="form-control altitude" disabled id="altitude" name="altitude" value="">
56
									<input type="text" class="form-control altitude" disabled id="altitude" name="altitude" value="">
57
								</div>
57
								</div>
58
							</div>
58
							</div>
59
							<div class="d-flex flex-column col-sm-4">
59
							<div class="d-flex flex-column col-sm-4">
60
								<label for="pays"><?php echo $observation['pays']; ?></label>
60
								<label for="pays"><?php echo $observation['pays']; ?></label>
61
								<div>
61
								<div>
62
									<!-- <input type="text" class="form-control pays" disabled id="pays" name="pays" value="France"> -->
62
									<!-- <input type="text" class="form-control pays" disabled id="pays" name="pays" value="France"> -->
63
									<input type="text" class="form-control pays" disabled id="pays" name="pays" value="">
63
									<input type="text" class="form-control pays" disabled id="pays" name="pays" value="">
64
								</div>
64
								</div>
65
							</div>
65
							</div>
66
						</div>
66
						</div>
67
					</div>
67
					</div>
68
				</div>
68
				</div>
69
			</div>
69
			</div>
70
			<!-- TODO : Ajouter la logique d'affichage des relevés existants -->
70
			<!-- TODO : Ajouter la logique d'affichage des relevés existants -->
71
			<div class="control-group">
71
			<!-- <div class="control-group">
72
				<div id="releves-legende" class="col-sm-8 mb-2">
72
				<div id="releves-legende" class="col-sm-8 mb-2">
73
					<p id="releves-streets">
73
					<p id="releves-streets"> -->
74
						<!-- #34BE27 -->
74
						<!-- #34BE27 -->
75
						<i class="fas fa-check" aria-hidden="true" style="color: #34BE27"></i>&nbsp;sTREETs
75
						<!-- <i class="fas fa-check" aria-hidden="true" style="color: #34BE27"></i>&nbsp;sTREETs
76
					</p>
76
					</p>
77
					<p id="releves-lichens-go">
77
					<p id="releves-lichens-go"> -->
78
						<!-- #D5D242 -->
78
						<!-- #D5D242 -->
79
						<i class="fas fa-check" aria-hidden="true" style="color: #D5D242"></i>&nbsp;Lichens&nbsp;Go!
79
						<!-- <i class="fas fa-check" aria-hidden="true" style="color: #D5D242"></i>&nbsp;Lichens&nbsp;Go!
80
					</p>
80
					</p>
81
					<p id="releves-les-deux">
81
					<p id="releves-les-deux"> -->
82
						<!-- #B2cb43 -->
82
						<!-- #B2cb43 -->
83
						<i class="fas fa-check-double" aria-hidden="true" style="color: #B2cb43"></i>&nbsp;sTREETs&nbsp;&&nbsp;Lichens&nbsp;Go!
83
						<!-- <i class="fas fa-check-double" aria-hidden="true" style="color: #B2cb43"></i>&nbsp;sTREETs&nbsp;&&nbsp;Lichens&nbsp;Go!
84
					</p>
84
					</p>
85
				</div>
85
				</div>
86
			</div>
86
			</div> -->
87
 
87
 
88
		</div>
88
		</div>
89
 
89
 
90
		<div class="col-md-6">
90
		<div class="col-md-6">
91
			<h3 class="mb-3"><?php echo $observation['titre-info-obs']; ?></h3>
91
			<h3 class="mb-3"><?php echo $observation['titre-info-obs']; ?></h3>
92
			<div id="obs-info" class="text-justify col-sm-8">
92
			<div id="obs-info" class="text-justify col-sm-8">
93
				<?php echo $observation['obs-info']; ?>
93
				<?php echo $observation['obs-info']; ?>
94
			</div>
94
			</div>
95
 
95
 
96
			<div class="control-group">
96
			<div class="control-group">
97
				<label for="releve-date" class="col-sm-8 obligatoire" title="">
97
				<label for="releve-date" class="col-sm-8 obligatoire" title="">
98
					<i class="fa fa-calendar" aria-hidden="true"></i>
98
					<i class="fa fa-calendar" aria-hidden="true"></i>
99
					<?php echo $observation['date']; ?>
99
					<?php echo $observation['date']; ?>
100
				</label>
100
				</label>
101
				<div class="col-sm-8 mb-3 has-tooltip" data-toggle="tooltip" title="<?php echo $observation['date-title']; ?>">
101
				<div class="col-sm-8 mb-3 has-tooltip" data-toggle="tooltip" title="<?php echo $observation['date-title']; ?>">
102
					<input type="date" id="releve-date" name="releve-date" class="form-control" max="<?php echo date('Y-m-d', time()); ?>" placeholder="jj/mm/aaaa" required>
102
					<input type="date" id="releve-date" name="releve-date" class="form-control" max="<?php echo date('Y-m-d', time()); ?>" placeholder="jj/mm/aaaa" required>
103
				</div>
103
				</div>
104
			</div>
104
			</div>
105
			<!-- à implémenter lorsqu'on saura transmettre l'info APA LG ou sTREETs-->
-
 
106
			<?php // if ( $widget['streets'] ) : ?>
-
 
-
 
105
 
107
				<div class="control-group">
106
			<div class="control-group">
108
					<div class="col-sm-8 mb-2 list-label obligatoire">
107
				<div class="col-sm-8 mb-2 list-label obligatoire">
109
						<i class="fa fa-walking" aria-hidden="true"></i>
108
					<i class="fa fa-walking" aria-hidden="true"></i>
110
						<?php echo $observation['zone-pietonne']; ?>
109
					<?php echo $observation['zone-pietonne']; ?>
111
					</div>
110
				</div>
112
					<div id="zone-pietonne" class="col-sm-8 mb-3 list">
111
				<div id="zone-pietonne" class="col-sm-8 mb-3 list">
113
						<div class="form-check form-check-inline">
112
					<div class="form-check form-check-inline">
114
							<input type="radio" id="pietonne" name="zone-pietonne" class="pietonne form-check-input" value="true">
113
						<input type="radio" id="pietonne" name="zone-pietonne" class="pietonne form-check-input" value="true">
115
							<label for="pietonne" class="pietonne form-check-label"><?php echo $general['oui']; ?></label>
114
						<label for="pietonne" class="pietonne form-check-label"><?php echo $general['oui']; ?></label>
116
						</div>
115
					</div>
117
						<div class="form-check form-check-inline">
116
					<div class="form-check form-check-inline">
118
							<input type="radio" id="non-pietonne" name="zone-pietonne" class="non-pietonne form-check-input" value="false">
117
						<input type="radio" id="non-pietonne" name="zone-pietonne" class="non-pietonne form-check-input" value="false">
119
							<label for="non-pietonne" class="non-pietonne form-check-label"><?php echo $general['non']; ?></label>
118
						<label for="non-pietonne" class="non-pietonne form-check-label"><?php echo $general['non']; ?></label>
120
						</div>
-
 
121
					</div>
119
					</div>
122
				</div>
120
				</div>
-
 
121
			</div>
123
 
122
 
124
				<div class="">
123
			<div class="">
125
					<div class="col-sm-8 mb-2 list-label">
124
				<div class="col-sm-8 mb-2 list-label">
126
						<i class="fa fa-lightbulb" aria-hidden="true"></i>
125
					<i class="fa fa-lightbulb" aria-hidden="true"></i>
127
						<?php echo $observation['pres-lampadaires']; ?>
126
					<?php echo $observation['pres-lampadaires']; ?>
128
					</div>
127
				</div>
129
					<div id="pres-lampadaires" class="col-sm-8 mb-3 list">
128
				<div id="pres-lampadaires" class="col-sm-8 mb-3 list">
130
						<div class="form-check form-check-inline">
129
					<div class="form-check form-check-inline">
131
							<input type="radio" id="lampadaires" name="pres-lampadaires" class="lampadaires form-check-input" value="true">
130
						<input type="radio" id="lampadaires" name="pres-lampadaires" class="lampadaires form-check-input" value="true">
132
							<label for="lampadaires" class="lampadaires form-check-label"><?php echo $general['oui']; ?></label>
131
						<label for="lampadaires" class="lampadaires form-check-label"><?php echo $general['oui']; ?></label>
133
						</div>
132
					</div>
134
						<div class="form-check form-check-inline">
133
					<div class="form-check form-check-inline">
135
							<input type="radio" id="sans-lapadaires" name="pres-lampadaires" class="sans-lampadaires form-check-input" value="false">
134
						<input type="radio" id="sans-lapadaires" name="pres-lampadaires" class="sans-lampadaires form-check-input" value="false">
136
							<label for="sans-lampadaires" class="sans-lampadaires form-check-label"><?php echo $general['non']; ?></label>
-
 
137
						</div>
135
						<label for="sans-lampadaires" class="sans-lampadaires form-check-label"><?php echo $general['non']; ?></label>
138
					</div>
136
					</div>
139
				</div>
137
				</div>
140
			<?php // endif; ?>
138
			</div>
141
 
139
 
142
			<div class="">
140
			<div class="">
143
				<label for="commentaires" class="col-sm-8">
141
				<label for="commentaires" class="col-sm-8">
144
					<i class="fa fa-pen" aria-hidden="true"></i>
142
					<i class="fa fa-pen" aria-hidden="true"></i>
145
					<?php echo $general['commentaires']; ?>
143
					<?php echo $general['commentaires']; ?>
146
				</label>
144
				</label>
147
				<div class="col-sm-8 mb-3">
145
				<div class="col-sm-8 mb-3">
148
					<textarea id="commentaires" class="col-md-12" rows="7" name="commentaires"></textarea>
146
					<textarea id="commentaires" class="col-md-12" rows="7" name="commentaires"></textarea>
149
				</div>
147
				</div>
150
			</div>
148
			</div>
151
			<!-- Bouton création d'une obs -->
149
			<!-- Bouton création d'une obs -->
152
			<div class="col-sm-8 mb-3">
150
			<div class="col-sm-8 mb-3">
153
				<div title="<?php echo $resume['creer-title']; ?>">
151
				<div title="<?php echo $resume['creer-title']; ?>">
154
					<a href="" id="soumettre-releve" class="charger-carto btn btn-primary"><?php echo $general['enregistrer']; ?></a href="">
152
					<a href="" id="soumettre-releve" class="charger-carto btn btn-primary"><?php echo $general['enregistrer']; ?></a href="">
155
				</div>
153
				</div>
156
			</div>
154
			</div>
157
		</div>
155
		</div>
158
	</div>
156
	</div>
159
</form><!-- fin zone relevé -->
157
</form><!-- fin zone relevé -->
160
 
158
 
161
<!-- Messages d'erreur du formulaire observateur -->
159
<!-- Messages d'erreur du formulaire observateur -->
162
<div class="zone-alerte">
160
<div class="zone-alerte">
163
	<div id="dialogue-geoloc-ko" class="alert alert-warning alert-block hidden">
161
	<div id="dialogue-geoloc-ko" class="alert alert-warning alert-block hidden">
164
		<a class="close">×</a>
162
		<a class="close">×</a>
165
		<h4 class="alert-heading"><?php echo $observation['alertgk-title']; ?></h4>
163
		<h4 class="alert-heading"><?php echo $observation['alertgk-title']; ?></h4>
166
		<p><?php echo $observation['alertgk']; ?></p>
164
		<p><?php echo $observation['alertgk']; ?></p>
167
	</div>
165
	</div>
168
	<div id="dialogue-date-rue-ko" class="alert alert-warning alert-block hidden">
166
	<div id="dialogue-date-rue-ko" class="alert alert-warning alert-block hidden">
169
		<a class="close">×</a>
167
		<a class="close">×</a>
170
		<h4 class="alert-heading"><?php echo $observation['alertdr-title']; ?></h4>
168
		<h4 class="alert-heading"><?php echo $observation['alertdr-title']; ?></h4>
171
		<p><?php echo $observation['alertdr']; ?></p>
169
		<p><?php echo $observation['alertdr']; ?></p>
172
	</div>
170
	</div>
173
</div>
171
</div>
174
 
172
 
175
<div id="zone-arbres" class="bloc-top hidden">
173
<div id="zone-arbres" class="bloc-top hidden">
176
	<h2 class="mb-3"><?php echo $arbres['titre']; ?></h2>
174
	<h2 class="mb-3"><?php echo $arbres['titre']; ?></h2>
177
	<div id="bouton-saisir-plantes" class="btn btn-info hidden m-3" data-load="plantes">
175
	<div id="bouton-saisir-plantes" class="btn btn-info hidden m-3" data-load="plantes">
178
		<i class="fas fa-seedling"></i> <?php echo $resume['saisir-plantes']; ?>
176
		<i class="fas fa-seedling"></i> <?php echo $resume['saisir-plantes']; ?>
179
	</div>
177
	</div>
180
	<div id="bouton-saisir-lichens" class="btn btn-info hidden m-3" data-load="lichens">
178
	<div id="bouton-saisir-lichens" class="btn btn-info hidden m-3" data-load="lichens">
181
		<i class="far fa-snowflake"></i> <?php echo $resume['saisir-lichens']; ?>
179
		<i class="far fa-snowflake"></i> <?php echo $resume['saisir-lichens']; ?>
182
	</div>
180
	</div>
183
	<div class="row">
181
	<div class="row">
184
		<div id="bloc-arbres-gauche" class="col-md-6">
182
		<div id="bloc-arbres-gauche" class="col-md-6">
185
			<div id="bloc-info-arbres"></div>
183
			<div id="bloc-info-arbres"></div>
186
			<div id="bloc-form-arbres" class="">
184
			<div id="bloc-form-arbres" class="">
187
				<div id="arbres-info" class="text-justify">
185
				<div id="arbres-info" class="text-justify">
188
					<?php echo $arbres['arbres-info']; ?>
186
					<?php echo $arbres['arbres-info']; ?>
189
				</div>
187
				</div>
190
				<form id="form-arbre" role="form" autocomplete="off">
188
				<form id="form-arbre" role="form" autocomplete="off">
191
					<h3 class="mb-3"><?php echo $general['arbre'];?>&nbsp;<span id="arbre-nb">1</span>&nbsp;:</h3>
189
					<h3 class="mb-3"><?php echo $general['arbre'];?>&nbsp;<span id="arbre-nb">1</span>&nbsp;:</h3>
192
					<input id="referentiel" name="referentiel" value="bdtfx" type="hidden">
190
					<input id="referentiel" name="referentiel" value="bdtfx" type="hidden">
193
					<div id="bloc-taxon" class="control-group">
191
					<div id="bloc-taxon" class="control-group">
194
						<label for="taxon" class="col-sm-8 obligatoire" title="">
192
						<label for="taxon" class="col-sm-8 obligatoire" title="">
195
							<i class="fa fa-leaf" aria-hidden="true"></i>
193
							<i class="fa fa-leaf" aria-hidden="true"></i>
196
							<?php echo $general['espece']; ?> (bdtfx)
194
							<?php echo $general['espece']; ?> (bdtfx)
197
						</label>
195
						</label>
198
						<div class="col-sm-8 mb-3">
196
						<div class="col-sm-8 mb-3">
199
							<input id="taxon" name="taxon" class="form-control taxon-validation has-tooltip" type="text" data-toggle="tooltip" title="<?php echo $general['espece-title']; ?>" required autocomplete="off">
197
							<input id="taxon" name="taxon" class="form-control taxon-validation has-tooltip" type="text" data-toggle="tooltip" title="<?php echo $general['espece-title']; ?>" required autocomplete="off">
200
						</div>
198
						</div>
201
					</div>
199
					</div>
202
 
200
 
203
					<div class="control-group">
201
					<div class="control-group">
204
						<label for="certitude" class="col-sm-8 obligatoire">
202
						<label for="certitude" class="col-sm-8 obligatoire">
205
							<i class="fa fa-question" aria-hidden="true"></i>
203
							<i class="fa fa-question" aria-hidden="true"></i>
206
							<?php echo $general['certitude']; ?>
204
							<?php echo $general['certitude']; ?>
207
						</label>
205
						</label>
208
						<div class="col-sm-8 mb-3">
206
						<div class="col-sm-8 mb-3">
209
							<select id="certitude" name="certitude" class="form-control custom-select" required>
207
							<select id="certitude" name="certitude" class="form-control custom-select" required>
210
								<option class="choisir" hidden value="" selected><?php echo $general['choisir']; ?></option>
208
								<option class="choisir" hidden value="" selected><?php echo $general['choisir']; ?></option>
211
								<option class="aDeterminer" value="à determiner"><?php echo $general['certADet']; ?></option>
209
								<option class="aDeterminer" value="à determiner"><?php echo $general['certADet']; ?></option>
212
								<option class="douteuse" value="douteuse"><?php echo $general['certDout']; ?></option>
210
								<option class="douteuse" value="douteuse"><?php echo $general['certDout']; ?></option>
213
								<option class="certaine" value="certaine"><?php echo $general['certCert']; ?></option>
211
								<option class="certaine" value="certaine"><?php echo $general['certCert']; ?></option>
214
							</select>
212
							</select>
215
						</div>
213
						</div>
216
					</div>
214
					</div>
217
					<div class="">
215
					<div class="">
218
						<label class="col-sm-8 obligatoire has-tooltip" data-toggle="tooltip" title="<?php echo $observateur['geoloc-title']; ?>">
216
						<label class="col-sm-8 obligatoire has-tooltip" data-toggle="tooltip" title="<?php echo $observateur['geoloc-title']; ?>">
219
							<i class="fa fa-map-marked-alt " aria-hidden="true"></i>
217
							<i class="fa fa-map-marked-alt " aria-hidden="true"></i>
220
							<?php echo $arbres['localiser']; ?>
218
							<?php echo $arbres['localiser']; ?>
221
						</label>
219
						</label>
222
						<div class="control-group">
220
						<div class="control-group">
223
							<div id="geoloc-datas-arbres" class="hidden">
221
							<div id="geoloc-datas-arbres" class="hidden">
224
								<div class="mt-3">
222
								<div class="mt-3">
225
									<label class="col-sm-8" for="rue-arbres"><?php echo $observation['rue']; ?></label>
223
									<label class="col-sm-8" for="rue-arbres"><?php echo $observation['rue']; ?></label>
226
									<div class="col-sm-8">
224
									<div class="col-sm-8">
227
										<input type="text" class="form-control rue-arbres" disabled id="rue-arbres" name="rue-arbres" value="">
225
										<input type="text" class="form-control rue-arbres" disabled id="rue-arbres" name="rue-arbres" value="">
228
									</div>
226
									</div>
229
								</div>
227
								</div>
230
								<div class="row pl-3 pr-3 mt-3">
228
								<div class="row pl-3 pr-3 mt-3">
231
									<div class="d-flex flex-column col-sm-4">
229
									<div class="d-flex flex-column col-sm-4">
232
										<label class="" for="latitude-arbres"><?php echo $observation['latitude']; ?></label>
230
										<label class="" for="latitude-arbres"><?php echo $observation['latitude']; ?></label>
233
										<div class="">
231
										<div class="">
234
											<input type="text" class="form-control latitude-arbres" disabled id="latitude-arbres" name="latitude-arbres" value="">
232
											<input type="text" class="form-control latitude-arbres" disabled id="latitude-arbres" name="latitude-arbres" value="">
235
										</div>
233
										</div>
236
									</div>
234
									</div>
237
									<div class="d-flex flex-column col-sm-4">
235
									<div class="d-flex flex-column col-sm-4">
238
										<label class="" for="longitude-arbres"><?php echo $observation['longitude']; ?></label>
236
										<label class="" for="longitude-arbres"><?php echo $observation['longitude']; ?></label>
239
										<div class="">
237
										<div class="">
240
											<input type="text" class="form-control longitude-arbres" disabled id="longitude-arbres" name="longitude-arbres" value="">
238
											<input type="text" class="form-control longitude-arbres" disabled id="longitude-arbres" name="longitude-arbres" value="">
241
										</div>
239
										</div>
242
									</div>
240
									</div>
243
								</div>
241
								</div>
244
								<input type="hidden" id="commune-nom-arbres" name="commune-nom-arbres" class=""  value="" style="display:none">
242
								<input type="hidden" id="commune-nom-arbres" name="commune-nom-arbres" class=""  value="" style="display:none">
245
								<input type="hidden" id="commune-insee-arbres" name="commune-insee-arbres" class=""  value="" style="display:none">
243
								<input type="hidden" id="commune-insee-arbres" name="commune-insee-arbres" class=""  value="" style="display:none">
246
								<input type="hidden" id="altitude-arbres" name="altitude-arbres" class=""  value="" style="display:none">
244
								<input type="hidden" id="altitude-arbres" name="altitude-arbres" class=""  value="" style="display:none">
247
								<input type="hidden" id="pays-arbres" name="pays-arbres" class=""  value="" style="display:none">
245
								<input type="hidden" id="pays-arbres" name="pays-arbres" class=""  value="" style="display:none">
248
							</div>
246
							</div>
249
							<div id="geoloc-arbres" class="col-sm-8">
247
							<div id="geoloc-arbres" class="col-sm-8">
250
								<span id="rue-error" class="error hidden"><?php echo $arbres['rue-erreur']; ?></span>
248
								<span id="rue-error" class="error hidden"><?php echo $arbres['rue-erreur']; ?></span>
251
							</div>
249
							</div>
252
						</div>
250
						</div>
253
					</div>
251
					</div>
254
				</form>
252
				</form>
255
				<form id="form-upload" class="form-horizontal" action="<?php echo $url_ws_upload ?>" method="post" enctype="multipart/form-data">
253
				<form id="form-upload" class="form-horizontal" action="<?php echo $url_ws_upload ?>" method="post" enctype="multipart/form-data">
256
					<div class="col-sm-8 mb-2 list-label and-help">
254
					<div class="col-sm-8 mb-2 list-label and-help">
257
						<i class="fa fa-images" aria-hidden="true"></i>
255
						<i class="fa fa-images" aria-hidden="true"></i>
258
						<?php echo $arbres['titre-photos']; ?>
256
						<?php echo $arbres['titre-photos']; ?>
259
					</div>
257
					</div>
260
					<p id="miniature-arbres-info" class="col-sm-8">
258
					<p id="miniature-arbres-info" class="col-sm-8">
261
						<?php echo $image['aide']; ?>
259
						<?php echo $image['aide']; ?>
262
					</p>
260
					</p>
263
					<div id ="photos-conteneur" class="control-group col-sm-8">
261
					<div id ="photos-conteneur" class="control-group col-sm-8">
264
						<div id="bouton-fichier">
262
						<div id="bouton-fichier">
265
							<label for="fichier" class="label-file btn btn-large btn-info mb-3" title="<?php echo $image['photos-title']; ?>">
263
							<label for="fichier" class="label-file btn btn-large btn-info mb-3" title="<?php echo $image['photos-title']; ?>">
266
								<span class="label-text"><i class="fas fa-download"></i> <?php echo $image['ajouter']; ?></span>
264
								<span class="label-text"><i class="fas fa-download"></i> <?php echo $image['ajouter']; ?></span>
267
								<input type="file" id="fichier" name="fichier" class="input-file" accept="image/jpeg" multiple>
265
								<input type="file" id="fichier" name="fichier" class="input-file" accept="image/jpeg" multiple>
268
								<input type="hidden" name="MAX_FILE_SIZE" value="5242880">
266
								<input type="hidden" name="MAX_FILE_SIZE" value="5242880">
269
							</label>
267
							</label>
270
						</div>
268
						</div>
271
 
269
 
272
						<div id="miniatures"></div>
270
						<div id="miniatures"></div>
273
						<p class="miniature-msg" class="span12">&nbsp;</p>
271
						<p class="miniature-msg" class="span12">&nbsp;</p>
274
					</div>
272
					</div>
275
				</form>
273
				</form>
276
				<form id="form-arbre-fs" role="form" autocomplete="off">
274
				<form id="form-arbre-fs" role="form" autocomplete="off">
277
					<div class="control-group">
275
					<div class="control-group">
278
						<label for="circonference" class="col-sm-8 obligatoire">
276
						<label for="circonference" class="col-sm-8 obligatoire">
279
							<i class="fa fa-circle-notch" aria-hidden="true"></i>
277
							<i class="fa fa-circle-notch" aria-hidden="true"></i>
280
							<?php echo $arbres['circonference'] ;?>
278
							<?php echo $arbres['circonference'] ;?>
281
						</label>
279
						</label>
282
						<div class="col-sm-8 mb-3">
280
						<div class="col-sm-8 mb-3">
283
							<input id="circonference" type="number" name="circonference" class="form-control has-tooltip" data-toggle="tooltip" title="<?php echo $arbres['circonference-title'] ;?>" placeholder="<?php echo $arbres['circonference-ph'] ;?>" step="1" min="1" required>
281
							<input id="circonference" type="number" name="circonference" class="form-control has-tooltip" data-toggle="tooltip" title="<?php echo $arbres['circonference-title'] ;?>" placeholder="<?php echo $arbres['circonference-ph'] ;?>" step="1" min="1" required>
284
						</div>
282
						</div>
285
					</div>
283
					</div>
286
					<div class="control-group">
284
					<div class="control-group">
287
						<label for="surface-pied" class="col-sm-8 obligatoire">
285
						<label for="surface-pied" class="col-sm-8 obligatoire">
288
							<i class="fa fa-arrows-alt" aria-hidden="true"></i>
286
							<i class="fa fa-arrows-alt" aria-hidden="true"></i>
289
							<?php echo $arbres['surf-pied'] ;?>
287
							<?php echo $arbres['surf-pied'] ;?>
290
						</label>
288
						</label>
291
						<div class="col-sm-8 mb-3">
289
						<div class="col-sm-8 mb-3">
292
							<input id="surface-pied" type="number" name="surface-pied" class="form-control has-tooltip" data-toggle="tooltip" title="<?php echo $arbres['surf-pied-title'] ;?>" placeholder="<?php echo $arbres['surf-pied-ph'] ;?>" step="0.01" min="0" lang="en"required>
290
							<input id="surface-pied" type="number" name="surface-pied" class="form-control has-tooltip" data-toggle="tooltip" title="<?php echo $arbres['surf-pied-title'] ;?>" placeholder="<?php echo $arbres['surf-pied-ph'] ;?>" step="0.01" min="0" lang="en"required>
293
						</div>
291
						</div>
294
					</div>
292
					</div>
295
					<div class="control-group">
293
					<div class="control-group">
296
						<label for="equipement-pied-arbre" class="col-sm-8 obligatoire">
294
						<label for="equipement-pied-arbre" class="col-sm-8 obligatoire">
297
							<i class="fa fa-dot-circle" aria-hidden="true"></i>
295
							<i class="fa fa-dot-circle" aria-hidden="true"></i>
298
							<?php echo $arbres['eqt-pied-arbre'] ;?>
296
							<?php echo $arbres['eqt-pied-arbre'] ;?>
299
						</label>
297
						</label>
300
						<div class="col-sm-8 mb-3">
298
						<div class="col-sm-8 mb-3">
301
							<div class="select-wrapper add-field-select">
299
							<div class="select-wrapper add-field-select">
302
								<select id="equipement-pied-arbre" name="equipement-pied-arbre" class="equipement-pied-arbre select form-control custom-select" data-label="<?php echo $arbres['eqt-pied-arbre'] ;?>" data-name="equipement-pied-arbre" required>
300
								<select id="equipement-pied-arbre" name="equipement-pied-arbre" class="equipement-pied-arbre select form-control custom-select" data-label="<?php echo $arbres['eqt-pied-arbre'] ;?>" data-name="equipement-pied-arbre" required>
303
									<option class="choisir" selected value="" data-name="equipement-pied-arbre" hidden><?php echo $general['choisir']; ?></option>
301
									<option class="choisir" selected value="" data-name="equipement-pied-arbre" hidden><?php echo $general['choisir']; ?></option>
304
									<option value="plaque de metal" data-name="equipement-pied-arbre"><?php echo $arbres['palque-metal']; ?></option>
302
									<option value="plaque de metal" data-name="equipement-pied-arbre"><?php echo $arbres['palque-metal']; ?></option>
305
									<option value="grille" data-name="equipement-pied-arbre"><?php echo $arbres['grille']; ?></option>
303
									<option value="grille" data-name="equipement-pied-arbre"><?php echo $arbres['grille']; ?></option>
306
									<option value="ciment" data-name="equipement-pied-arbre"><?php echo $arbres['ciment']; ?></option>
304
									<option value="ciment" data-name="equipement-pied-arbre"><?php echo $arbres['ciment']; ?></option>
307
									<option value="gomme" data-name="equipement-pied-arbre"><?php echo $arbres['gomme']; ?></option>
305
									<option value="gomme" data-name="equipement-pied-arbre"><?php echo $arbres['gomme']; ?></option>
308
									<option value="absent" data-name="equipement-pied-arbre"><?php echo $arbres['absent']; ?></option>
306
									<option value="absent" data-name="equipement-pied-arbre"><?php echo $arbres['absent']; ?></option>
309
									<option class="other form-control is-select" value="other" data-name="equipement-pied-arbre" data-element="select"><?php echo $general['autre']; ?></option>
307
									<option class="other form-control is-select" value="other" data-name="equipement-pied-arbre" data-element="select"><?php echo $general['autre']; ?></option>
310
								</select>
308
								</select>
311
							</div>
309
							</div>
312
							<span class="error hidden"><?php echo $general['champ-obligatoire']; ?></span>
310
							<span class="error hidden"><?php echo $general['champ-obligatoire']; ?></span>
313
						</div>
311
						</div>
314
					</div>
312
					</div>
315
					<div class="">
313
					<div class="">
316
						<label for="tassement" class="col-sm-8">
314
						<label for="tassement" class="col-sm-8">
317
							<i class="fas fa-sort-amount-down" aria-hidden="true"></i>
315
							<i class="fas fa-sort-amount-down" aria-hidden="true"></i>
318
							<?php echo $arbres['tassement'] ;?>
316
							<?php echo $arbres['tassement'] ;?>
319
						</label>
317
						</label>
320
						<div class="col-sm-8 mb-3">
318
						<div class="col-sm-8 mb-3">
321
							<select id="tassement" name="tassement" class="tassement form-control custom-select has-tooltip" data-toggle="tooltip" title="<?php echo $arbres['tassement-title'] ;?>">
319
							<select id="tassement" name="tassement" class="tassement form-control custom-select has-tooltip" data-toggle="tooltip" title="<?php echo $arbres['tassement-title'] ;?>">
322
								<option class="choisir" selected value="" hidden><?php echo $general['choisir']; ?></option>
320
								<option class="choisir" selected value="" hidden><?php echo $general['choisir']; ?></option>
323
								<option value="dur"><?php echo $arbres['dur']; ?></option>
321
								<option value="dur"><?php echo $arbres['dur']; ?></option>
324
								<option value="normal"><?php echo $arbres['normal']; ?></option>
322
								<option value="normal"><?php echo $arbres['normal']; ?></option>
325
								<option value="mou"><?php echo $arbres['mou']; ?></option>
323
								<option value="mou"><?php echo $arbres['mou']; ?></option>
326
							</select>
324
							</select>
327
						</div>
325
						</div>
328
					</div>
326
					</div>
329
					<div class="">
327
					<div class="">
330
						<div class="col-sm-8 mb-2 list-label">
328
						<div class="col-sm-8 mb-2 list-label">
331
							<i class="fa fa-dog" aria-hidden="true"></i>
329
							<i class="fa fa-dog" aria-hidden="true"></i>
332
							<?php echo $arbres['dejections']; ?>
330
							<?php echo $arbres['dejections']; ?>
333
						</div>
331
						</div>
334
						<div id="dejections" class="col-sm-8 mb-3 list">
332
						<div id="dejections" class="col-sm-8 mb-3 list">
335
							<div class="form-check form-check-inline">
333
							<div class="form-check form-check-inline">
336
								<input type="radio" id="dejections-oui" name="dejections" class="dejections-oui form-check-input" value="true">
334
								<input type="radio" id="dejections-oui" name="dejections" class="dejections-oui form-check-input" value="true">
337
								<label for="dejections-oui" class="dejections-oui form-check-label"><?php echo $general['oui']; ?></label>
335
								<label for="dejections-oui" class="dejections-oui form-check-label"><?php echo $general['oui']; ?></label>
338
							</div>
336
							</div>
339
							<div class="form-check form-check-inline">
337
							<div class="form-check form-check-inline">
340
								<input type="radio" id="dejections-non" name="dejections" class="dejections-non form-check-input" value="false">
338
								<input type="radio" id="dejections-non" name="dejections" class="dejections-non form-check-input" value="false">
341
								<label for="dejections-non" class="dejections-non form-check-label"><?php echo $general['non']; ?></label>
339
								<label for="dejections-non" class="dejections-non form-check-label"><?php echo $general['non']; ?></label>
342
							</div>
340
							</div>
343
						</div>
341
						</div>
344
					</div>
342
					</div>
345
					<!-- à implémenter lorsqu'on saura transmettre l'info APA LG ou sTREETs-->
-
 
346
					<?php // if ( $widget['lg'] ) : ?>
-
 
-
 
343
 
347
						<div id="face-ombre" class="control-group">
344
					<div id="face-ombre" class="control-group">
348
							<div class="col-sm-8 mb-2 list-label obligatoire">
345
						<div class="col-sm-8 mb-2 list-label obligatoire">
349
								<i class="far fa-compass" aria-hidden="true"></i>
346
							<i class="far fa-compass" aria-hidden="true"></i>
350
								<?php echo $arbres['face-ombre']; ?>
347
							<?php echo $arbres['face-ombre']; ?>
-
 
348
						</div>
-
 
349
						<div class="col-sm-8 mb-3 has-tooltip list" data-toggle="tooltip" title="<?php echo $arbres['face-ombre-title']; ?>" required>
-
 
350
							<div class="form-check form-check-inline">
-
 
351
								<input type="checkbox" id="nord" name="face-ombre" class="nord form-check-input" value="nord">
-
 
352
								<label for="nord" class="nord form-check-label"><?php echo $general['nord']; ?></label>
351
							</div>
353
							</div>
352
							<div class="col-sm-8 mb-3 has-tooltip list" data-toggle="tooltip" title="<?php echo $arbres['face-ombre-title']; ?>" required>
-
 
353
								<div class="form-check form-check-inline">
354
							<div class="form-check form-check-inline">
354
									<input type="checkbox" id="nord" name="face-ombre" class="nord form-check-input" value="nord">
-
 
355
									<label for="nord" class="nord form-check-label"><?php echo $general['nord']; ?></label>
-
 
356
								</div>
-
 
357
								<div class="form-check form-check-inline">
-
 
358
									<input type="checkbox" id="sud" name="face-ombre" class="sud form-check-input" value="sud">
355
								<input type="checkbox" id="sud" name="face-ombre" class="sud form-check-input" value="sud">
359
									<label for="sud" class="sud form-check-label"><?php echo $general['sud']; ?></label>
356
								<label for="sud" class="sud form-check-label"><?php echo $general['sud']; ?></label>
360
								</div>
357
							</div>
361
								<div class="form-check form-check-inline">
358
							<div class="form-check form-check-inline">
362
									<input type="checkbox" id="est" name="face-ombre" class="est form-check-input" value="est">
359
								<input type="checkbox" id="est" name="face-ombre" class="est form-check-input" value="est">
363
									<label for="est" class="est form-check-label"><?php echo $general['est']; ?></label>
360
								<label for="est" class="est form-check-label"><?php echo $general['est']; ?></label>
364
								</div>
361
							</div>
365
								<div class="form-check form-check-inline">
362
							<div class="form-check form-check-inline">
366
									<input type="checkbox" id="ouest" name="face-ombre" class="ouest form-check-input" value="ouest">
363
								<input type="checkbox" id="ouest" name="face-ombre" class="ouest form-check-input" value="ouest">
367
									<label for="ouest" class="ouest form-check-label"><?php echo $general['ouest']; ?></label>
364
								<label for="ouest" class="ouest form-check-label"><?php echo $general['ouest']; ?></label>
368
								</div>
365
							</div>
369
								<div class="form-check form-check-inline">
366
							<div class="form-check form-check-inline">
370
									<input type="checkbox" id="aucune" name="face-ombre" class="ouest form-check-input" value="aucune">
367
								<input type="checkbox" id="aucune" name="face-ombre" class="ouest form-check-input" value="aucune">
371
									<label for="aucune" class="aucune form-check-label"><?php echo $general['aucune']; ?></label>
368
								<label for="aucune" class="aucune form-check-label"><?php echo $general['aucune']; ?></label>
372
								</div>
-
 
373
							</div>
369
							</div>
374
						</div>
370
						</div>
375
					<?php // endif; ?>
371
					</div>
376
 
372
 
377
					<div class="">
373
					<div class="">
378
						<label for="com-arbres" class="col-sm-8" title="">
374
						<label for="com-arbres" class="col-sm-8" title="">
379
								<i class="fa fa-pen" aria-hidden="true"></i>
375
								<i class="fa fa-pen" aria-hidden="true"></i>
380
								<?php echo $general['commentaires']; ?>
376
								<?php echo $general['commentaires']; ?>
381
						</label>
377
						</label>
382
						<div class="col-sm-8 mb-3">
378
						<div class="col-sm-8 mb-3">
383
								<textarea id="com-arbres" class="col-md-12" rows="7" name="com-arbres"></textarea>
379
								<textarea id="com-arbres" class="col-md-12" rows="7" name="com-arbres"></textarea>
384
						</div>
380
						</div>
385
					</div>
381
					</div>
386
				</form>
382
				</form>
387
 
383
 
388
				<!-- Bouton création d'une obs et retour à la saisie après visualisation d'un arbre-->
384
				<!-- Bouton création d'une obs et retour à la saisie après visualisation d'un arbre-->
389
				<div class="col-sm-8 mb-3">
385
				<div class="col-sm-8 mb-3">
390
					<button id="retour" class="btn btn-info has-tooltip hidden" data-toggle="tooltip" title="<?php echo $resume['retour-title']; ?>">
386
					<button id="retour" class="btn btn-info has-tooltip hidden" data-toggle="tooltip" title="<?php echo $resume['retour-title']; ?>">
391
						<i class="fas fa-undo-alt"></i> <?php echo $general['retour']; ?>
387
						<i class="fas fa-undo-alt"></i> <?php echo $general['retour']; ?>
392
					</button>
388
					</button>
393
					<button id="ajouter-obs" class="btn btn-primary has-tooltip" data-toggle="tooltip" title="<?php echo $resume['creer-title']; ?>">
389
					<button id="ajouter-obs" class="btn btn-primary has-tooltip" data-toggle="tooltip" title="<?php echo $resume['creer-title']; ?>">
394
						<i class="fas fa-step-forward"></i> <?php echo $general['suivant']; ?>
390
						<i class="fas fa-step-forward"></i> <?php echo $general['suivant']; ?>
395
					</button>
391
					</button>
396
				</div>
392
				</div>
397
			</div>
393
			</div>
398
		</div><!-- fin formulaire arbres -->
394
		</div><!-- fin formulaire arbres -->
399
		<!-- zone résumé obs arbres ( =zone de droite) -->
395
		<!-- zone résumé obs arbres ( =zone de droite) -->
400
		<div id="boc-arbres-droite" class="col-md-6 mb-3">
396
		<div id="boc-arbres-droite" class="col-md-6 mb-3">
401
			<!-- Messages d'erreur du formulaire -->
397
			<!-- Messages d'erreur du formulaire -->
402
			<div class="row">
398
			<div class="row">
403
				<div class="zone-alerte">
399
				<div class="zone-alerte">
404
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block hidden">
400
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block hidden">
405
						<a class="close">×</a>
401
						<a class="close">×</a>
406
						<h4 class="alert-heading"><?php echo $resume['alert10max']; ?></h4>
402
						<h4 class="alert-heading"><?php echo $resume['alert10max']; ?></h4>
407
						<p><?php echo $resume['alert10max-desc']; ?></p>
403
						<p><?php echo $resume['alert10max-desc']; ?></p>
408
					</div>
404
					</div>
409
				</div>
405
				</div>
410
				<div class="zone-alerte">
406
				<div class="zone-alerte">
411
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block hidden">
407
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block hidden">
412
						<a class="close">×</a>
408
						<a class="close">×</a>
413
						<h4 class="alert-heading"><?php echo $resume['alertchp']; ?></h4>
409
						<h4 class="alert-heading"><?php echo $resume['alertchp']; ?></h4>
414
						<p><?php echo $resume['alertchp-desc']; ?></p>
410
						<p><?php echo $resume['alertchp-desc']; ?></p>
415
					</div>
411
					</div>
416
				</div>
412
				</div>
417
			</div>
413
			</div>
418
 
414
 
419
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
415
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
420
			<div id="zone-liste-obs" class="hidden">
416
			<div id="zone-liste-obs" class="hidden">
421
				<div id="bloc-controle-liste-obs" class="alert alert-info">
417
				<div id="bloc-controle-liste-obs" class="alert alert-info">
422
					<h2 class="transmission-title"><strong><?php echo $resume['titre']; ?> <span class="obs-nbre badge badge-info">0</span></strong></h2>
418
					<h2 class="transmission-title"><strong><?php echo $resume['titre']; ?> <span class="obs-nbre badge badge-info">0</span></strong></h2>
423
					<button id="transmettre-obs" class="btn btn-primary has-tooltip" data-toggle="tooltip" disabled="disabled"
419
					<button id="transmettre-obs" class="btn btn-primary has-tooltip" data-toggle="tooltip" disabled="disabled"
424
						title="<?php echo $resume['trans-title']; ?>" type="button" data-load="<?php echo ( $widget['streets'] || $widget['apa'] ) ? 'plantes' : 'lichens'; ?>">
420
						title="<?php echo $resume['trans-title']; ?>" type="button">
425
						<?php echo $general['enregistrer']; ?>
421
						<?php echo $general['enregistrer']; ?>
426
					</button>
422
					</button>
427
				</div>
423
				</div>
428
				<div id="liste-obs" ></div>
424
				<div id="liste-obs" ></div>
429
				<div class="row">
425
				<div class="row">
430
					<div class="zone-alerte">
426
					<div class="zone-alerte">
431
						<div id="dialogue-zero-obs" class="alert alert-block hidden">
427
						<div id="dialogue-zero-obs" class="alert alert-block hidden">
432
							<a class="close">×</a>
428
							<a class="close">×</a>
433
							<h4 class="alert-heading"><?php echo $resume['alert0obs']; ?></h4>
429
							<h4 class="alert-heading"><?php echo $resume['alert0obs']; ?></h4>
434
							<p><?php echo $resume['alert0obs-desc']; ?></p>
430
							<p><?php echo $resume['alert0obs-desc']; ?></p>
435
						</div>
431
						</div>
436
						<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block hidden">
432
						<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block hidden">
437
							<a class="close">×</a>
433
							<a class="close">×</a>
438
							<h4 class="alert-heading"><?php echo $resume['info-trans']; ?></h4>
434
							<h4 class="alert-heading"><?php echo $resume['info-trans']; ?></h4>
439
							<div class="alert-txt"></div>
435
							<div class="alert-txt"></div>
440
						</div>
436
						</div>
441
						<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block hidden">
437
						<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block hidden">
442
							<a class="close">×</a>
438
							<a class="close">×</a>
443
							<h4 class="alert-heading"><?php echo $resume['alerttrans']; ?></h4>
439
							<h4 class="alert-heading"><?php echo $resume['alerttrans']; ?></h4>
444
							<div class="alert-txt"></div>
440
							<div class="alert-txt"></div>
445
						</div>
441
						</div>
446
					</div>
442
					</div>
447
				</div>
443
				</div>
448
			</div>
444
			</div>
449
 
445
 
450
			<!-- Fenêtres modales -->
446
			<!-- Fenêtres modales -->
451
			<div id="chargement" class="modal-fenetre hidden">
447
			<div id="chargement" class="modal-fenetre hidden">
452
				<div id="chargement-centrage" class="modal-contenu">
448
				<div id="chargement-centrage" class="modal-contenu">
453
					<div class="progress progress-striped active">
449
					<div class="progress progress-striped active">
454
						<div id="barre-progression-upload" class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
450
						<div id="barre-progression-upload" class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
455
								<span class="sr-only">0/10 <?php echo $resume['nbobs']; ?></span>
451
								<span class="sr-only">0/10 <?php echo $resume['nbobs']; ?></span>
456
							</div>
452
							</div>
457
					</div>
453
					</div>
458
					<p id="chargement-txt">
454
					<p id="chargement-txt">
459
						<?php echo $resume['transencours']; ?>
455
						<?php echo $resume['transencours']; ?>
460
					</p>
456
					</p>
461
				</div>
457
				</div>
462
			</div>
458
			</div>
463
 
459
 
464
			<!-- Templates HTML -->
460
			<!-- Templates HTML -->
465
			<div id="tpl-transmission-ok" class="hidden">
461
			<div id="tpl-transmission-ok" class="hidden">
466
				<p class="msg"><?php echo $resume['transok']; ?></p>
462
				<p class="msg"><?php echo $resume['transok']; ?></p>
467
			</div>
463
			</div>
468
			<div id="tpl-transmission-ko" class="hidden">
464
			<div id="tpl-transmission-ko" class="hidden">
469
				<p class="msg"><?php echo $resume['transko']; ?></p>
465
				<p class="msg"><?php echo $resume['transko']; ?></p>
470
			</div>
466
			</div>
471
		</div><!-- fin arbres zone résumé obs ( =zone de droite ) -->
467
		</div><!-- fin arbres zone résumé obs ( =zone de droite ) -->
472
	</div>
468
	</div>
473
	<!-- Connexion, bloc de prévisualisation, date -->
469
	<!-- Connexion, bloc de prévisualisation, date -->
474
	<script type="text/javascript">
470
	<script type="text/javascript">
475
		//<![CDATA[
471
		//<![CDATA[
476
			$( document ).ready( function() {
472
			$( document ).ready( function() {
477
				plantes = null;
473
				plantes = null;
478
				lichens = null;
474
				lichens = null;
479
				releve = null;
475
				releve = null;
480
				// OMG un modèle objet !!
476
				// OMG un modèle objet !!
481
				releve = new ReleveApa();
477
				releve = new ReleveApa();
482
 
478
 
483
				// La présence du parametre 'debug' dans l'URL enclenche le débogage
479
				// La présence du parametre 'debug' dans l'URL enclenche le débogage
484
				releve.debug = <?php echo isset( $_GET['debug'] ) ? 'true' : 'false'; ?>;
480
				releve.debug = <?php echo isset( $_GET['debug'] ) ? 'true' : 'false'; ?>;
485
				// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
481
				// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
486
				releve.html5 = <?php echo isset($_GET['html5']) ? 'true' : 'false'; ?>;
482
				releve.html5 = <?php echo isset($_GET['html5']) ? 'true' : 'false'; ?>;
487
				// Mot-clé du widget/projet
483
				// Mot-clé du widget/projet
488
				releve.tagProjet = "WidgetApa";
484
				releve.tagProjet = "WidgetApa";
489
				// Mots-clés à ajouter aux images
485
				// Mots-clés à ajouter aux images
490
				releve.tagImg = "<?php echo isset($_GET['tag-img']) ? $_GET['tag-img'] : ''; ?>";
486
				releve.tagImg = "<?php echo isset($_GET['tag-img']) ? $_GET['tag-img'] : ''; ?>";
491
				releve.separationTagImg = "<?php echo isset($_GET['motcle']) && isset($_GET['tag-img']) ? ',' : ''; ?>";
487
				releve.separationTagImg = "<?php echo isset($_GET['motcle']) && isset($_GET['tag-img']) ? ',' : ''; ?>";
492
				releve.tagImg = <?php echo isset($_GET['motcle']) ? "'".$_GET['motcle']."' + releve.separationTagImg + releve.tagImg" : 'releve.tagImg'; ?>;
488
				releve.tagImg = <?php echo isset($_GET['motcle']) ? "'".$_GET['motcle']."' + releve.separationTagImg + releve.tagImg" : 'releve.tagImg'; ?>;
493
				// Mots-clés à ajouter aux observations
489
				// Mots-clés à ajouter aux observations
494
				releve.tagObs = "<?php echo isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''; ?>";
490
				releve.tagObs = "<?php echo isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''; ?>";
495
				releve.separationTagObs = "<?php echo isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : ''; ?>";
491
				releve.separationTagObs = "<?php echo isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : ''; ?>";
496
				releve.tagObs = <?php echo isset($_GET['projet']) ? "'".$_GET['projet']."' + releve.separationTagObs + releve.tagObs" : 'releve.tagObs'; ?>;
492
				releve.tagObs = <?php echo isset($_GET['projet']) ? "'".$_GET['projet']."' + releve.separationTagObs + releve.tagObs" : 'releve.tagObs'; ?>;
497
				// Précharger le formulaire avec les infos d'une observation
493
				// Précharger le formulaire avec les infos d'une observation
498
				releve.obsId = "<?php echo isset($_GET['id-obs']) ? $_GET['id-obs'] : ''; ?>";
494
				releve.obsId = "<?php echo isset($_GET['id-obs']) ? $_GET['id-obs'] : ''; ?>";
499
				// URL du web service réalisant l'insertion des données dans la base du CEL.
495
				// URL du web service réalisant l'insertion des données dans la base du CEL.
500
				releve.serviceSaisieUrl = "<?php echo $url_ws_apa; ?>";
496
				releve.serviceSaisieUrl = "<?php echo $url_ws_apa; ?>";
501
				// URL du web service permettant de récupérer les infos d'une observation du CEL.
497
				// URL du web service permettant de récupérer les infos d'une observation du CEL.
502
				releve.serviceObsUrl = "<?php echo $url_ws_obs; ?>";
498
				releve.serviceObsUrl = "<?php echo $url_ws_obs; ?>";
503
				// URL du web service permettant de récupérer les images d'une observation.
499
				// URL du web service permettant de récupérer les images d'une observation.
504
				releve.serviceObsImgs = "<?php echo $url_ws_cel_imgs; ?>";
500
				releve.serviceObsImgs = "<?php echo $url_ws_cel_imgs; ?>";
505
				// URL du web service permettant de récupérer l'url d'une image (liée à une obs)'.
501
				// URL du web service permettant de récupérer l'url d'une image (liée à une obs)'.
506
				releve.serviceObsImgUrl = "<?php echo $url_ws_cel_img_url; ?>";
502
				releve.serviceObsImgUrl = "<?php echo $url_ws_cel_img_url; ?>";
507
 
503
 
508
				// langue
504
				// langue
509
				releve.langue = "<?php echo $widget['langue']; ?>";
505
				releve.langue = "<?php echo $widget['langue']; ?>";
510
				// Squelette d'URL du web service de l'annuaire.
506
				// Squelette d'URL du web service de l'annuaire.
511
				releve.serviceAnnuaireIdUrl = "<?php echo $url_ws_annuaire; ?>";
507
				releve.serviceAnnuaireIdUrl = "<?php echo $url_ws_annuaire; ?>";
512
				// mode : prod / beta / local
508
				// mode : prod / beta / local
513
				releve.mode = "<?php echo $conf_mode; ?>";
509
				releve.mode = "<?php echo $conf_mode; ?>";
514
				// URL de l'icône du chargement en cours d'une image
510
				// URL de l'icône du chargement en cours d'une image
515
				releve.chargementImageIconeUrl = "<?php echo $url_base; ?>img/icones/chargement-image.gif";
511
				releve.chargementImageIconeUrl = "<?php echo $url_base; ?>img/icones/chargement-image.gif";
516
				// URL de l'icône pour une photo manquante
512
				// URL de l'icône pour une photo manquante
517
				releve.pasDePhotoIconeUrl = "<?php echo $url_base; ?>img/icones/pasdephoto.png";
513
				releve.pasDePhotoIconeUrl = "<?php echo $url_base; ?>img/icones/pasdephoto.png";
518
 
514
 
519
				// Code du référentiel utilisé pour les nom scientifiques.
515
				// Code du référentiel utilisé pour les nom scientifiques.
520
				releve.nomSciReferentiel = "<?php echo strtolower( $widget['referentiel'] ); ?>";
516
				releve.nomSciReferentiel = "<?php echo strtolower( $widget['referentiel'] ); ?>";
521
				// Nombre d'élément dans les listes d'auto-complétion
517
				// Nombre d'élément dans les listes d'auto-complétion
522
				releve.autocompletionElementsNbre = 20;
518
				releve.autocompletionElementsNbre = 20;
523
				// Indication de la présence d'un référentiel imposé
519
				// Indication de la présence d'un référentiel imposé
524
				releve.referentielImpose = "<?php echo $referentiel_impose; ?>";
520
				releve.referentielImpose = "<?php echo $referentiel_impose; ?>";
525
 
521
 
526
				// URL du web service permettant l'auto-complétion des noms scientifiques
522
				// URL du web service permettant l'auto-complétion des noms scientifiques
527
				releve.serviceAutocompletionNomSciUrl = "<?php echo $widget['especes']['url_ws_autocompletion_ns']; ?>?"+
523
				releve.serviceAutocompletionNomSciUrl = "<?php echo $widget['especes']['url_ws_autocompletion_ns']; ?>?"+
528
					"masque={masque}&"+
524
					"masque={masque}&"+
529
					"recherche=etendue&"+
525
					"recherche=etendue&"+
530
					"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
526
					"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
531
					"ns.structure=au&"+
527
					"ns.structure=au&"+
532
					"navigation.limite=" + releve.autocompletionElementsNbre;
528
					"navigation.limite=" + releve.autocompletionElementsNbre;
533
				// Squelette d'URL du web service permettant l'auto-complétion des noms scientifiques
529
				// Squelette d'URL du web service permettant l'auto-complétion des noms scientifiques
534
				releve.serviceAutocompletionNomSciUrlTpl = "<?php echo $widget['especes']['url_ws_autocompletion_ns_tpl']; ?>?"+
530
				releve.serviceAutocompletionNomSciUrlTpl = "<?php echo $widget['especes']['url_ws_autocompletion_ns_tpl']; ?>?"+
535
					"masque={masque}&"+
531
					"masque={masque}&"+
536
					"recherche=etendue&"+
532
					"recherche=etendue&"+
537
					"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
533
					"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
538
					"retour.tri=alpharet&"+ // tri "à la CeL"
534
					"retour.tri=alpharet&"+ // tri "à la CeL"
539
					"ns.structure=au&"+
535
					"ns.structure=au&"+
540
					"navigation.limite=" + releve.autocompletionElementsNbre;
536
					"navigation.limite=" + releve.autocompletionElementsNbre;
541
				// Nombre d'observations max autorisé avant transmission
537
				// Nombre d'observations max autorisé avant transmission
542
				releve.obsMaxNbre = 10;
538
				releve.obsMaxNbre = 10;
543
				// Durée d'affichage en milliseconde des messages d'informations
539
				// Durée d'affichage en milliseconde des messages d'informations
544
				releve.dureeMessage = 10000;
540
				releve.dureeMessage = 10000;
545
 
541
 
546
				// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
542
				// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
547
				releve.serviceNomCommuneUrl = "https://api.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
543
				releve.serviceNomCommuneUrl = "https://api.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
548
				// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
544
				// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
549
				releve.serviceNomCommuneUrlAlt = "https://api.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
545
				releve.serviceNomCommuneUrlAlt = "https://api.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
550
 
546
 
551
				// Initialisation du bousin
547
				// Initialisation du bousin
552
				releve.init();
548
				releve.init();
553
			});
549
			});
554
		//]]>
550
		//]]>
555
	</script>
551
	</script>
556
</div>
552
</div>