Subversion Repositories eFlore/Applications.cel

Rev

Rev 3825 | Rev 3827 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3825 Rev 3826
Line 1... Line 1...
1
<div id="bloc-infos-img"></div>
1
<div id="bloc-infos-img"></div>
2
<div id="volet" class="col-lg-4 col-12">
2
<div id="volet" class="col-lg-4 col-12">
3
	<div id="volets-fct">
3
	<div id="volets-fct">
4
		<a id="retour-metas" class="btn hidden" data-volet="meta"><i class="fas fa-info-circle"></i>&nbsp;<i class="fas fa-angle-double-left"></i></a>
4
		<a id="retour-metas" class="btn hidden" data-volet="meta"><i class="fas fa-info-circle"></i>&nbsp;<i class="fas fa-angle-double-left"></i></a>
5
		<div class="nettoyage-volet haut"></div>
5
		<div class="nettoyage-volet haut"></div>
6
		<div id="bloc-tags" class="bloc-volet tags hidden" data-volet="tags">
6
		<div id="bloc-tags" class="bloc-volet tags hidden todo" data-volet="tags">
7
			<h2>Tags</h2>
7
			<h2>Tags</h2>
8
			<h3>Tags CEL (propres à l'auteur)</h3>
8
			<h3>Tags CEL (propres à l'auteur)</h3>
9
			<form id="form-tags-auteur">
9
			<form id="form-tags-auteur">
10
				<input type="text" name="null" id="tags-auteur" placeholder="Aucun tag ajouté par l'auteur de l'observation" disabled>
10
				<input type="text" name="null" id="tags-auteur" placeholder="Aucun tag ajouté par l'auteur de l'observation" disabled>
11
			</form>
11
			</form>
Line 24... Line 24...
24
			<input type="text" class="form-control" id="saisir-tag" name="saisir-tag">
24
			<input type="text" class="form-control" id="saisir-tag" name="saisir-tag">
25
			<div id="tags-pf-supp"></div>
25
			<div id="tags-pf-supp"></div>
26
			<a id="signaler-photo" class="btn btn-sm btn-warning"><i class="fas fa-exclamation-triangle"></i>&nbsp;Signaler une photo inappropriée</a>
26
			<a id="signaler-photo" class="btn btn-sm btn-warning"><i class="fas fa-exclamation-triangle"></i>&nbsp;Signaler une photo inappropriée</a>
27
			<a id="signaler-erreur-id-bis" class="btn btn-sm btn-warning signaler-erreur-obs" title="Signaler une mauvaise identification ou en proposer une autre via l'outil identiplante" target="_blank"><i class="fas fa-exclamation-triangle"></i>&nbsp;Signaler une erreur d'identification</a>
27
			<a id="signaler-erreur-id-bis" class="btn btn-sm btn-warning signaler-erreur-obs" title="Signaler une mauvaise identification ou en proposer une autre via l'outil identiplante" target="_blank"><i class="fas fa-exclamation-triangle"></i>&nbsp;Signaler une erreur d'identification</a>
28
		</div>
28
		</div>
29
		<div id="bloc-noter" class="bloc-volet noter hidden" data-volet="noter">
29
		<div id="bloc-noter" class="bloc-volet noter hidden todo" data-volet="noter">
30
			<h2>Protocoles</h2>
30
			<h2>Protocoles</h2>
31
			<select name="protocole" id="protocole" class="form-control custom-select">
31
			<select name="protocole" id="protocole" class="form-control custom-select">
32
				<option value="" selected hidden>Choix du protocole</option>
32
				<option value="" selected hidden>Choix du protocole</option>
33
				<option id="capitalisation_image" value="capitalisation_image">Capitalisation d'images</option>
33
				<option id="capitalisation_image" value="capitalisation_image">Capitalisation d'images</option>
34
				<option id="aide_identification" value="aide_identification">Aide à l'identification</option>
34
				<option id="aide_identification" value="aide_identification">Aide à l'identification</option>
Line 42... Line 42...
42
			</p>
42
			</p>
43
			<div id="bloc-notes-protocole" class="hidden">
43
			<div id="bloc-notes-protocole" class="hidden">
44
				<ul id="notes-protocole-fct">
44
				<ul id="notes-protocole-fct">
45
					<li id="plus-infos-protocole" class="row">
45
					<li id="plus-infos-protocole" class="row">
46
						<div class="col-10 label">Plus d'infos sur le wiki</div>
46
						<div class="col-10 label">Plus d'infos sur le wiki</div>
47
						<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-question-circle"></i></a>
47
						<a class="bouton btn btn-sm btn-outline-secondary" target="_blank"><i class="fas fa-question-circle"></i></a>
48
					</li>
48
					</li>
49
					<li id="note">
49
					<li id="note">
50
						<div class="col-5 label">Notez</div>
50
						<div class="col-5 label">Notez</div>
51
						<div class="col-5 contenu"><!-- étoiles --></div>
51
						<div class="col-5 contenu"><!-- étoiles --></div>
52
						<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-backspace"></i></a>
52
						<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-backspace"></i></a>
Line 60... Line 60...
60
						<div class="col-5 contenu" style="text-align:right;"></div>
60
						<div class="col-5 contenu" style="text-align:right;"></div>
61
					</li>
61
					</li>
62
				</ul>
62
				</ul>
63
			</div>
63
			</div>
64
		</div>
64
		</div>
65
		<div id="bloc-signaler" class="bloc-volet signaler hidden" data-volet="signaler">
65
		<div id="bloc-signaler" class="bloc-volet signaler hidden todo" data-volet="signaler">
66
			<h2>Signaler</h2>
66
			<h2>Signaler</h2>
67
			<h3>Signaler une photo inappropriée</h3>
67
			<h3>Signaler une photo inappropriée</h3>
68
			<p id="message-signaler" class="message">
68
			<p id="message-signaler" class="message">
69
				En signalant cette photo vous participez à la qualification des données d'observation botaniques. Les photos qualifiées d'inappropriées pour l'une des raison ci-dessous ne seront pas affichées parmi les autres illustrations sur eFlore, voire pourront être dépubliées.
69
				En signalant cette photo vous participez à la qualification des données d'observation botaniques. Les photos qualifiées d'inappropriées pour l'une des raison ci-dessous ne seront pas affichées parmi les autres illustrations sur eFlore, voire pourront être dépubliées.
70
			</p>
70
			</p>
Line 72... Line 72...
72
				<div class="col-10 label">Exemple de photos inappropriées</div>
72
				<div class="col-10 label">Exemple de photos inappropriées</div>
73
				<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-question-circle"></i></a>
73
				<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-question-circle"></i></a>
74
			</li>
74
			</li>
75
			<li id="plus-infos-signaler" class="row">
75
			<li id="plus-infos-signaler" class="row">
76
				<div class="col-10 label">Plus d'infos sur le wiki</div>
76
				<div class="col-10 label">Plus d'infos sur le wiki</div>
77
				<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-question-circle"></i></a>
77
				<a class="bouton btn btn-sm btn-outline-secondary" target="_blank"><i class="fas fa-question-circle"></i></a>
78
			</li>
78
			</li>
79
			<form id="type-inapprorie">
79
			<form id="type-inapprorie">
80
				<div class="list-label">
80
				<div class="list-label">
81
					En quoi cette photo est-elle inappropriée ?
81
					En quoi cette photo est-elle inappropriée ?
82
				</div>
82
				</div>
Line 98... Line 98...
98
						<label for="cultivee-pot" class="cultivee-pot form-check-label">Plante cultivée / en pot</label>
98
						<label for="cultivee-pot" class="cultivee-pot form-check-label">Plante cultivée / en pot</label>
99
					</div>
99
					</div>
100
				</div>
100
				</div>
101
			</form>
101
			</form>
102
			<a id="signaler-erreur-id-signaler" class="btn btn-sm btn-warning signaler-erreur-obs" title="Signaler une mauvaise identification ou en proposer une autre via l'outil identiplante" target="_blank"><i class="fas fa-exclamation-triangle"></i>&nbsp;Signaler une erreur d'identification</a>
102
			<a id="signaler-erreur-id-signaler" class="btn btn-sm btn-warning signaler-erreur-obs" title="Signaler une mauvaise identification ou en proposer une autre via l'outil identiplante" target="_blank"><i class="fas fa-exclamation-triangle"></i>&nbsp;Signaler une erreur d'identification</a>
103
 
-
 
104
 
-
 
105
		</div>
103
		</div>
Line 106... Line 104...
106
 
104
 
107
 
105
 
108
		<!-- pas pour la version 1 -->
106
		<!-- pas pour la version 1 -->
109
		<div id="bloc-revision" class="bloc-volet revision hidden" data-volet="revision">
107
		<div id="bloc-revision" class="bloc-volet revision hidden todo" data-volet="revision">
Line 110... Line 108...
110
			<h2>Révision</h2>
108
			<h2>Révision</h2>
Line 128... Line 126...
128
					<a id="obs-localisation" class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-map-marker-alt"></i></a>
126
					<a id="obs-localisation" class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-map-marker-alt"></i></a>
129
				</li>
127
				</li>
130
				<li id="auteur" class="row">
128
				<li id="auteur" class="row">
131
					<div class="col-5 label">Auteur</div>
129
					<div class="col-5 label">Auteur</div>
132
					<div class="col-5 contenu"></div>
130
					<div class="col-5 contenu"></div>
133
					<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-user"></i></a>
131
					<a class="bouton btn btn-sm btn-outline-secondary" target="_blank"><i class="fas fa-user"></i></a>
134
				</li>
132
				</li>
135
				<li id="date-obs" class="row">
133
				<li id="date-obs" class="row">
136
					<div class="col-5 label">Date d'observation</div>
134
					<div class="col-5 label">Date d'observation</div>
137
					<div class="col-5 contenu"></div>
135
					<div class="col-5 contenu"></div>
138
				</li>
136
				</li>
Line 207... Line 205...
207
						</select>
205
						</select>
208
					</div>
206
					</div>
209
				</li>
207
				</li>
210
			</ul>
208
			</ul>
211
			<a href="" data-url-base-telechargement="<?php echo $url_base_telechargement; ?>" id="telecharger" class="btn btn-success mt-0"><i class="fas fa-upload"></i>&nbsp;Télécharger</a>
209
			<a href="" data-url-base-telechargement="<?php echo $url_base_telechargement; ?>" id="telecharger" class="btn btn-success mt-0"><i class="fas fa-upload"></i>&nbsp;Télécharger</a>
212
			<h2>Partagez !</h2>
210
			<h2 class="todo">Partagez !</h2>
213
			<p class="message">
211
			<p class="message todo">
214
				Partagez cette photo sur les réseaux sociaux
212
				Partagez cette photo sur les réseaux sociaux
215
			</p>
213
			</p>
216
			<div id="boutons-reseaux-sociaux">
214
			<div id="boutons-reseaux-sociaux" class="todo">
217
				<a id="facebook" class="btn btn-outline-secondary btn-lg"><i class="fab fa-facebook-f"></i></a>
215
				<a id="facebook" class="btn btn-outline-secondary btn-lg"><i class="fab fa-facebook-f"></i></a>
218
				<a id="twitter" class="btn btn-outline-secondary btn-lg"><i class="fab fa-twitter"></i></a>
216
				<a id="twitter" class="btn btn-outline-secondary btn-lg"><i class="fab fa-twitter"></i></a>
219
				<a id="mail" class="btn btn-outline-secondary btn-lg"><i class="fas fa-envelope"></i></a>
217
				<a id="mail" class="btn btn-outline-secondary btn-lg"><i class="fas fa-envelope"></i></a>
220
			</div>
218
			</div>
221
		</div>
219
		</div>
222
		<div id="bloc-modif" class="bloc-volet modif hidden" data-volet="modif">
220
		<div id="bloc-modif" class="bloc-volet modif hidden" data-volet="modif">
223
			<h2>Modifier la photo</h2>
221
			<h2>Modifier la photo</h2>
224
			<h3>Faire pivoter la photo</h3>
222
			<h3 class="todo">Faire pivoter la photo</h3>
225
			<div id="pivoter-photo" class="d-flex justify-content-around">
223
			<div id="pivoter-photo" class="d-flex justify-content-around todo">
226
				<div id="bloc-pivoter-droite" class="d-flex flex-column">
224
				<div id="bloc-pivoter-droite" class="d-flex flex-column">
227
					<label for="pivoter-droite">Pivoter à droite</label>
225
					<label for="pivoter-droite">Pivoter à droite</label>
228
					<a id="pivoter-droite" class="btn btn-success btn-lg"><i class="fas fa-redo"></i></a>
226
					<a id="pivoter-droite" class="btn btn-success btn-lg"><i class="fas fa-redo"></i></a>
229
				</div>
227
				</div>
230
				<div id="bloc-pivoter-gauche" class="d-flex flex-column">
228
				<div id="bloc-pivoter-gauche" class="d-flex flex-column">
Line 236... Line 234...
236
			<p id="message-regenerer" class="message">
234
			<p id="message-regenerer" class="message">
237
				Vous avez remarqué un problème dans l'affichage de la miniature de cette photo ? Vous pouvez la régénérer ci-dessous !
235
				Vous avez remarqué un problème dans l'affichage de la miniature de cette photo ? Vous pouvez la régénérer ci-dessous !
238
			</p>
236
			</p>
239
			<a id="regenerer-miniature" class="btn btn-warning btn-lg"><i class="fas fa-recycle"></i>&nbsp;Régénérer la miniature</a>
237
			<a id="regenerer-miniature" class="btn btn-warning btn-lg"><i class="fas fa-recycle"></i>&nbsp;Régénérer la miniature</a>
240
		</div>
238
		</div>
241
		<div id="bloc-aide" class="bloc-volet aide hidden" data-volet="aide">
239
		<div id="bloc-aide" class="bloc-volet aide hidden todo" data-volet="aide">
242
			<h2>Aide</h2>
240
			<h2>Aide</h2>
243
			<p id="texte-aide" class="message">
241
			<p id="texte-aide" class="message">
244
				Auxerunt haec vulgi sordidioris audaciam, quod cum ingravesceret penuria commeatuum, famis et furoris inpulsu Eubuli cuiusdam inter suos clari domum ambitiosam ignibus subditis inflammavit rectoremque ut sibi iudicio imperiali addictum calcibus incessens et pugnis conculcans seminecem laniatu miserando discerpsit. post cuius lacrimosum interitum in unius exitio quisque imaginem periculi sui considerans documento recenti similia formidabat.
242
				Auxerunt haec vulgi sordidioris audaciam, quod cum ingravesceret penuria commeatuum, famis et furoris inpulsu Eubuli cuiusdam inter suos clari domum ambitiosam ignibus subditis inflammavit rectoremque ut sibi iudicio imperiali addictum calcibus incessens et pugnis conculcans seminecem laniatu miserando discerpsit. post cuius lacrimosum interitum in unius exitio quisque imaginem periculi sui considerans documento recenti similia formidabat.
Line 245... Line 243...
245
 
243
 
Line 248... Line 246...
248
				Erat autem diritatis eius hoc quoque indicium nec obscurum nec latens, quod ludicris cruentis delectabatur et in circo sex vel septem aliquotiens vetitis certaminibus pugilum vicissim se concidentium perfusorumque sanguine specie ut lucratus ingentia laetabatur.
246
				Erat autem diritatis eius hoc quoque indicium nec obscurum nec latens, quod ludicris cruentis delectabatur et in circo sex vel septem aliquotiens vetitis certaminibus pugilum vicissim se concidentium perfusorumque sanguine specie ut lucratus ingentia laetabatur.
249
			</p>
247
			</p>
250
			<ul id="aide-plus">
248
			<ul id="aide-plus">
251
				<li id="plus-infos" class="row">
249
				<li id="plus-infos" class="row">
252
					<div class="col-10 label">Plus d'infos sur le wiki</div>
250
					<div class="col-10 label">Plus d'infos sur le wiki</div>
253
					<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-question-circle"></i></a>
251
					<a class="bouton btn btn-sm btn-outline-secondary" target="_blank"><i class="fas fa-question-circle"></i></a>
254
				</li>
252
				</li>
255
				<li id="autres-questions" class="row">
253
				<li id="autres-questions" class="row">
256
					<div class="col-10 label">D'autres questions ? Écrivez-nous !</div>
254
					<div class="col-10 label">D'autres questions ? Écrivez-nous !</div>
257
					<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-envelope"></i></a>
255
					<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-envelope"></i></a>
258
				</li>
256
				</li>
Line 281... Line 279...
281
		</a>
279
		</a>
282
	</div>
280
	</div>
283
</div>
281
</div>
284
<div id="boutons-footer">
282
<div id="boutons-footer">
285
	<div id="bloc-fct" class="">
283
	<div id="bloc-fct" class="">
286
		<a id="bouton-tags" class="btn bouton-fct tags" data-volet="tags"><i class="fas fa-tags"></i></a>
284
		<a id="bouton-tags" class="btn bouton-fct tags todo" data-volet="tags"><i class="fas fa-tags"></i></a>
287
		<a id="bouton-noter" class="btn bouton-fct noter" data-volet="noter"><i class="far fa-star"></i></a>
285
		<a id="bouton-noter" class="btn bouton-fct noter todo" data-volet="noter"><i class="far fa-star"></i></a>
288
		<a id="bouton-signaler" class="btn bouton-fct signaler" data-volet="signaler"><i class="fas fa-exclamation-triangle"></i></a>
286
		<a id="bouton-signaler" class="btn bouton-fct signaler todo" data-volet="signaler"><i class="fas fa-exclamation-triangle"></i></a>
289
		<a id="bouton-revision" class="btn bouton-fct revision" data-volet="revision"><i class="fas fa-edit"></i></a>
287
		<a id="bouton-revision" class="btn bouton-fct revision todo" data-volet="revision"><i class="fas fa-edit"></i></a>
290
		<a id="bouton-meta" class="btn bouton-fct meta actif" data-volet="meta"><i class="fas fa-info-circle"></i></a>
288
		<a id="bouton-meta" class="btn bouton-fct meta actif" data-volet="meta"><i class="fas fa-info-circle"></i></a>
291
		<a id="bouton-modif" class="btn bouton-fct modif" data-volet="modif"><i class="fas fa-redo-alt"></i></a>
289
		<a id="bouton-modif" class="btn bouton-fct modif" data-volet="modif"><i class="fas fa-redo-alt"></i></a>
292
		<a id="bouton-aide" class="btn bouton-fct aide" data-volet="aide"><i class="fas fa-question-circle"></i></a>
290
		<a id="bouton-aide" class="btn bouton-fct aide todo" data-volet="aide"><i class="fas fa-question-circle"></i></a>
293
	</div>
291
	</div>
294
	<a id="retour-galerie" class="btn btn-outline-dark btn-lg bouton-fct hidden"><i class="fa fa-angle-double-down" aria-hidden="true"></i></a>
292
	<a id="retour-galerie" class="btn btn-outline-dark btn-lg bouton-fct hidden"><i class="fa fa-angle-double-down" aria-hidden="true"></i></a>
295
</div>
293
</div>
296
<script type="text/Javascript">
294
<script type="text/Javascript">
297
	//<![CDATA[
295
	//<![CDATA[