Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3229 Rev 3230
Line 237... Line 237...
237
										<option value="lbf" title="Liban">Liban (LBF)</option>
237
										<option value="lbf" title="Liban">Liban (LBF)</option>
238
										<option value="autre" title="Autre/Inconnu">Autre/Inconnu</option>
238
										<option value="autre" title="Autre/Inconnu">Autre/Inconnu</option>
239
									</select>
239
									</select>
240
								</div>
240
								</div>
241
							</div>
241
							</div>
242
						<?php else : ?><?= $widget['referentiel']; ?>
242
						<?php else : ?>
243
							<input id="referentiel" name="referentiel" value="<?= $widget['referentiel']; ?>" type="hidden">
243
							<input id="referentiel" name="referentiel" value="<?= $widget['referentiel']; ?>" type="hidden">
244
						<?php endif; ?>
244
						<?php endif; ?>
Line 245... Line 245...
245
 
245
 
246
						<div class="control-group">
246
						<div class="control-group">
247
                  <label for="taxon" class="col-sm-8 obligatoire" title="">
247
							<label for="taxon" class="col-sm-8 obligatoire" title="">
248
                    <i class="fa fa-leaf" aria-hidden="true"></i>
248
								<i class="fa fa-leaf" aria-hidden="true"></i>
249
                    <?= $observation['espece']; ?>
249
								<?= $observation['espece']; ?><?php if ($widget['referentiel'] !== '' && $widget['referentiel'] !== NULL) echo " (".$widget['referentiel'].")"; ?>
250
                  </label>
250
							</label>
251
                  <div class="col-sm-8 mb-3">
251
							<div class="col-sm-8 mb-3">
252
                    <input id="taxon" name="taxon" class="form-control" type="text">
-
 
253
                  </div>
-
 
254
                </div>
-
 
255
 
-
 
256
                <div class="control-group">
-
 
257
                  <label for="certitude" class="col-sm-8 obligatoire" title="">
-
 
258
                    <i class="fa fa-question" aria-hidden="true"></i>
-
 
259
                    <?= $observation['certitude']; ?>
-
 
260
                  </label>
-
 
261
                  <div class="col-sm-8 mb-3">
-
 
262
                    <select id="certitude" name="certitude" class="form-control">
-
 
263
                      <option value="aDeterminer" ><?= $observation['certADet']; ?></option>
-
 
264
                      <option value="douteuse" ><?= $observation['certDout']; ?></option>
-
 
265
                      <option value="certaine" selected="selected" ><?= $observation['certCert']; ?></option>
-
 
266
                    </select>
-
 
267
                  </div>
-
 
268
                </div>
-
 
269
 
252
								<input id="taxon" name="taxon" class="form-control" type="text">
270
              </div>
253
							</div>
271
            </div>
-
 
272
          </form>
-
 
273
 
-
 
274
          <form id="form-upload" class="form-horizontal bloc-top" action="<?= $url_ws_upload ?>" method="post" enctype="multipart/form-data">
-
 
275
            <h2>Image(s) de cette plante</h2>
-
 
276
            <p class="miniature-info" class="discretion help-inline">
-
 
277
              Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.
-
 
278
            </p>
-
 
279
            <div id ="photos-conteneur" class="control-group">
-
 
280
              <div>
-
 
281
                <label for="fichier" class="label-file btn btn-large btn-info mb-3">
-
 
282
                  <span class="label-text"><i class="fas fa-download"></i> Ajouter une image</span>
-
 
283
                  <input type="file" id="fichier" name="fichier" class="input-file" accept="image/jpeg" multiple>
-
 
284
                  <input type="hidden" name="MAX_FILE_SIZE" value="5242880">
-
 
285
                </label>
-
 
Line 286... Line 254...
286
              </div>
254
						</div>
-
 
255
 
287
 
256
						<div class="control-group">
-
 
257
							<label for="certitude" class="col-sm-8 obligatoire" title="">
-
 
258
								<i class="fa fa-question" aria-hidden="true"></i>
-
 
259
								<?= $observation['certitude']; ?>
-
 
260
							</label>
-
 
261
							<div class="col-sm-8 mb-3">
-
 
262
								<select id="certitude" name="certitude" class="form-control">
-
 
263
									<option value="aDeterminer" ><?= $observation['certADet']; ?></option>
-
 
264
									<option value="douteuse" ><?= $observation['certDout']; ?></option>
288
              <div id="miniatures"></div>
265
									<option value="certaine" selected="selected" ><?= $observation['certCert']; ?></option>
-
 
266
								</select>
-
 
267
							</div>
-
 
268
						</div>
-
 
269
						
-
 
270
						<div class="control-group">
-
 
271
							<label for="notes" class="col-sm-8" title="">
-
 
272
								<i class="fa fa-pen" aria-hidden="true"></i>
-
 
273
								<?= $observation['notes']; ?>
-
 
274
							</label>
-
 
275
							<div class="col-sm-8 mb-3">
-
 
276
								<textarea id="notes" form="form-obs" class="form-control col-md-12" rows="7" name="notes"
289
              <p class="miniature-msg" class="span12">&nbsp;</p>
277
									placeholder="<?= $observation['notes_ph']; ?>"></textarea>
-
 
278
								
Line -... Line 279...
-
 
279
							</div>
-
 
280
						</div>
-
 
281
 
-
 
282
					</div>
-
 
283
				</div>
-
 
284
			</form>
-
 
285
 
-
 
286
			<form id="form-upload" class="form-horizontal bloc-top" action="<?= $url_ws_upload ?>" method="post" enctype="multipart/form-data">
-
 
287
				<h2><?= $image['titre']; ?></h2>
-
 
288
				<p class="miniature-info" class="discretion help-inline">
-
 
289
					<?= $image['aide']; ?>
-
 
290
				</p>
-
 
291
				<div id ="photos-conteneur" class="control-group">
-
 
292
					<div>
-
 
293
						<label for="fichier" class="label-file btn btn-large btn-info mb-3">
-
 
294
							<span class="label-text"><i class="fas fa-download"></i> <?= $image['ajouter']; ?></span>
-
 
295
							<input type="file" id="fichier" name="fichier" class="input-file" accept="image/jpeg" multiple>
-
 
296
							<input type="hidden" name="MAX_FILE_SIZE" value="5242880">
-
 
297
						</label>
-
 
298
					</div>
-
 
299
 
-
 
300
					<div id="miniatures"></div>
-
 
301
					<p class="miniature-msg" class="span12">&nbsp;</p>
290
            </div>
302
				</div>
291
          </form>
303
			</form>
292
 
304
 
293
          <!-- Champs supplémentaires -->
305
			<!-- Champs supplémentaires -->
294
          <?php if ( isset($widget['chpSupp'] ) && 0 < count( (array) $widget['chpSupp'] ) ) : ?>
306
			<?php if ( isset($widget['chpSupp'] ) && 0 < count( (array) $widget['chpSupp'] ) ) : ?>
295
            <form id="form-supp" role="form" autocomplete="on">
307
				<form id="form-supp" role="form" autocomplete="on">
296
              <h2>Informations propres au projet</h2>
308
					<h2><?= $chpsupp['titre']; ?></h2>
297
              <div id="zone-supp" class="row">
309
						<div id="zone-supp" class="row">
298
                <div class="col-md-6">
310
							<div class="col-md-6">
299
 
311
 
300
                  <?php foreach( $widget['chpSupp']['sauvagessupp']['champs-supp'] as $champ ) :?>
312
			                  <?php foreach( $widget['chpSupp']['sauvagessupp']['champs-supp'] as $champ ) :?>
301
                    <?php
313
			                    <?php
302
                      $min         = ( $champ['fieldValues']['min'] )? ' min="' . $champ['fieldValues']['min'] . '"':'';
314
			                      $min         = ( $champ['fieldValues']['min'] )? ' min="' . $champ['fieldValues']['min'] . '"':'';
303
                      $max         = ( $champ['fieldValues']['max'] )? ' max="' . $champ['fieldValues']['max'] . '"':'';
315
                      $max         = ( $champ['fieldValues']['max'] )? ' max="' . $champ['fieldValues']['max'] . '"':'';
304
                      $step        = ( $champ['fieldValues']['step'] )? ' step="' . $champ['fieldValues']['step'] . '"':'';
316
                      $step        = ( $champ['fieldValues']['step'] )? ' step="' . $champ['fieldValues']['step'] . '"':'';
Line 508... Line 520...
508
        <!-- Bouton cr&ation d'une obs -->
520
        <!-- Bouton cr&ation d'une obs -->
509
        <div class="row mb-3 bloc-bottom">
521
        <div class="row mb-3 bloc-bottom">
510
          <div class="centre" title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
522
          <div class="centre" title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
511
              ajouter votre observation à la liste à transmettre.">
523
              ajouter votre observation à la liste à transmettre.">
512
            <a id="ajouter-obs" class="btn btn-primary">
524
            <a id="ajouter-obs" class="btn btn-primary">
513
              <i class="fas fa-check-square"></i> Créer
525
              <i class="fas fa-check-square"></i><?= $resume['creer']; ?> 
514
            </a>
526
            </a>
515
          </div>
527
          </div>
516
        </div>
528
        </div>
Line 517... Line 529...
517
 
529
 
518
        <!-- Messages d'erreur du formulaire-->
530
        <!-- Messages d'erreur du formulaire-->
519
        <div class="row">
531
        <div class="row">
520
          <div class="zone-alerte">
532
          <div class="zone-alerte">
521
            <div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block hidden">
533
            <div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block hidden">
522
              <a class="close">×</a>
534
              <a class="close">×</a>
523
              <h4 class="alert-heading">Information : 10 observations maximum</h4>
-
 
524
              <p>
535
              <h4 class="alert-heading"><?= $resume['alert10max']; ?></h4>
525
                Vous venez d'ajouter votre 10ème observation.<br/>
-
 
526
                Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
-
 
527
              </p>
536
              <p><?= $resume['alert10max-desc']; ?></p>
528
            </div>
537
            </div>
529
          </div>
538
          </div>
530
          <div class="zone-alerte">
539
          <div class="zone-alerte">
531
            <div id="dialogue-form-invalide" class="alert alert-warning alert-block hidden">
540
            <div id="dialogue-form-invalide" class="alert alert-warning alert-block hidden">
532
              <a class="close">×</a>
541
              <a class="close">×</a>
533
              <h4 class="alert-heading">Information : champs en erreur</h4>
-
 
534
              <p>
-
 
535
                Certains champs du formulaire sont mal remplis.<br/>
542
              <h4 class="alert-heading"><?= $resume['alertchp']; ?></h4>
536
                Veuillez vérifier vos données.
-
 
537
              </p>
543
              <p><?= $resume['alertchp-desc']; ?></p>
538
            </div>
544
            </div>
539
          </div>
545
          </div>
Line 540... Line 546...
540
        </div>
546
        </div>
541
 
547
 
542
        <!-- Affiche le tableau récapitualif des observations ajoutées -->
548
        <!-- Affiche le tableau récapitualif des observations ajoutées -->
543
        <div id="zone-liste-obs" class="hidden">
549
        <div id="zone-liste-obs" class="hidden">
544
          <div class="alert alert-info">
550
          <div class="alert alert-info">
545
            <h2 class="transmission-title"><strong>Observations à transmettre : <span class="obs-nbre badge badge-info">0</span></strong></h2>
551
            <h2 class="transmission-title"><strong><?= $resume['titre']; ?> <span class="obs-nbre badge badge-info">0</span></strong></h2>
546
            <button id="transmettre-obs" class="btn btn-primary droite" disabled="disabled"
552
            <button id="transmettre-obs" class="btn btn-primary droite" disabled="disabled"
547
              title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques." type="button">
553
              title="<?= $resume['trans-title']; ?>" type="button">
548
              Transmettre
554
              <?= $resume['trans']; ?>
549
            </button>
555
            </button>
550
          </div>
556
          </div>
551
          <div id="liste-obs" ></div>
557
          <div id="liste-obs" ></div>
552
          <div class="row">
558
          <div class="row">
553
            <div class="zone-alerte">
559
            <div class="zone-alerte">
554
              <div id="dialogue-zero-obs" class="alert alert-block hidden">
560
              <div id="dialogue-zero-obs" class="alert alert-block hidden">
555
                <a class="close">×</a>
561
                <a class="close">×</a>
556
                <h4 class="alert-heading">Attention : aucune observation</h4>
562
                <h4 class="alert-heading"><?= $resume['alert0obs']; ?></h4>
557
                <p>Veuillez saisir des observations pour les transmettre.</p>
563
                <p><?= $resume['alert0obs-desc']; ?></p>
558
              </div>
564
              </div>
559
              <div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block hidden">
565
              <div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block hidden">
560
                <a class="close">×</a>
566
                <a class="close">×</a>
561
                <h4 class="alert-heading">Information : transmission des observations</h4>
567
                <h4 class="alert-heading"><?= $resume['info-trans']; ?></h4>
562
                <div class="alert-txt"></div>
568
                <div class="alert-txt"></div>
563
              </div>
569
              </div>
564
              <div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block hidden">
570
              <div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block hidden">
565
                <a class="close">×</a>
571
                <a class="close">×</a>
566
                <h4 class="alert-heading">Erreur : transmission des observations</h4>
572
                <h4 class="alert-heading"><?= $resume['alerttrans']; ?></h4>
567
                <div class="alert-txt"></div>
573
                <div class="alert-txt"></div>
568
              </div>
574
              </div>
569
            </div>
575
            </div>
Line 573... Line 579...
573
        <!-- Fenêtres modales -->
579
        <!-- Fenêtres modales -->
574
        <div id="chargement" class="modal-fenetre hidden">
580
        <div id="chargement" class="modal-fenetre hidden">
575
          <div id="chargement-centrage" class="modal-contenu">
581
          <div id="chargement-centrage" class="modal-contenu">
576
            <div class="progress progress-striped active">
582
            <div class="progress progress-striped active">
577
              <div id="barre-progression-upload" class="bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
583
              <div id="barre-progression-upload" class="bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
578
                  <span class="sr-only">0/10 observations transmises</span>
584
                  <span class="sr-only">0/10 <?= $resume['nbobs']; ?></span>
579
                </div>
585
                </div>
580
            </div>
586
            </div>
581
            <p id="chargement-txt" style="color:white;font-size:1.5em;">
587
            <p id="chargement-txt" style="color:white;font-size:1.5em;">
582
              Transfert des observations en cours...<br />
588
              <?= $resume['transencours']; ?>
583
              Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre
-
 
584
              d'observations à transférer.
-
 
585
            </p>
589
            </p>
586
          </div>
590
          </div>
587
        </div>
591
        </div>
Line 588... Line 592...
588
 
592
 
589
        <!-- Templates HTML -->
593
        <!-- Templates HTML -->
590
        <div id="tpl-transmission-ok" class="hidden">
594
        <div id="tpl-transmission-ok" class="hidden">
591
          <p class="msg">
-
 
592
            Vos observations ont bien été transmises.<br />
-
 
593
            Elles sont désormais consultables à travers les différents outils de visualisation
-
 
594
            du réseau (<a href="https://www.tela-botanica.org/site:botanique">eFlore</a>,
-
 
595
            <a href="https://www.tela-botanica.org/appli:pictoflora">galeries d'images</a>,
-
 
596
            <a href="https://www.tela-botanica.org/appli:identiplante">identiplante</a>,
-
 
597
            <a href="https://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br />
-
 
598
            Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous
-
 
599
            connectant à votre <a href="https://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br />
595
          <p class="msg">
600
            N'oubliez pas qu'il est nécessaire de
-
 
601
            <a href="https://beta.tela-botanica.org/test/page:inscription">s'inscrire à Tela Botanica</a>
-
 
602
            au préalable, si ce n'est pas déjà fait.
596
            <?= $resume['transok']; ?>
603
          </p>
597
          </p>
604
        </div>
598
        </div>
605
        <div id="tpl-transmission-ko" class="hidden">
599
        <div id="tpl-transmission-ko" class="hidden">
606
          <p class="msg">
-
 
607
            Une erreur est survenue lors de la transmission d'une observation (indiquée en rouge).<br />
-
 
608
            Vous pouvez tenter de la retransmettre en cliquant à nouveau sur le bouton transmettre ou bien la supprimer
-
 
609
            et transmettre les suivantes.<br />
-
 
610
            Néanmoins, les observations n'apparaissant plus dans la liste "observations à transmettre", ont bien été transmises lors de votre précédente tentative. <br />
-
 
611
            Si le problème persiste, vous pouvez signaler le dysfonctionnement sur
-
 
612
            <a href="<?= $url_remarques; ?>?service=cel&pageSource=<?php echo urlencode( 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING'] ); ?>" target="_blank"
-
 
613
              onclick="
-
 
614
                javascript: window.open( this.getAttribute( 'href' ), 'Tela Botanica - Remarques', config = 'height=700, width=640, scrollbars=yes, resizable=yes' );
600
          <p class="msg">
615
                return false;
-
 
616
              "
-
 
617
            >le formulaire de signalement d'erreurs</a>.
601
            <?= $resume['transko']; ?>
618
          </p>
602
          </p>
619
        </div>
-
 
620
 
-
 
621
        <footer>
-
 
622
          <div class="row centre component-tools-item-link">
-
 
623
            <a href="https://www.tela-botanica.org/appli:cel" target="" class="mr-1" style="color: #e16e37">
-
 
624
              <span>Gestion</span>
-
 
625
            </a>
-
 
626
            <a href="https://www.tela-botanica.org/widget:cel:cartoPoint?projet=<?= $widget['projet']; ?>" target="" class="mr-2" style="color: #918a6f">
-
 
627
              <span>Carto</span>
-
 
628
            </a>
-
 
629
            <a href="https://www.tela-botanica.org/widget:cel:photo?projet=<?= $widget['projet']; ?>" target="" class="mr-2" style="color: #964e75">
-
 
630
              <span>Photo</span>
-
 
631
            </a>
-
 
632
            <a href="https://www.tela-botanica.org/widget:cel:observation?projet=<?= $widget['projet']; ?>" target="" class="mr-2" style="color: #b2cb43">
-
 
633
              <span>Observation</span>
-
 
634
            </a>
-
 
635
            <a href="https://www.tela-botanica.org/widget:cel:export?projet=<?= $widget['projet']; ?>" target="" class="mr-2" style="color: #009fb8">
-
 
636
              <span>Export</span>
-
 
637
            </a>
-
 
638
            <a href="https://www.tela-botanica.org/appli:pictoflora?projet=<?= $widget['projet']; ?>" target="" class="mr-2" style="color: #927fa2">
-
 
639
              <span>PictoFlora</span>
-
 
640
            </a>
-
 
641
            <a href="https://www.tela-botanica.org/appli:identiplante?projet=<?= $widget['projet']; ?>" target="" style="color: #f25a52">
-
 
642
              <span>IdentiPlante</span>
-
 
643
            </a>
-
 
644
          </div>
-
 
645
        </footer>
603
        </div>
646
      </div>
604
      </div>
647
    </div>
605
    </div>
648
    <div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
606
    <div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
649
      <div class="modal-dialog modal-dialog-centered" role="document">
607
      <div class="modal-dialog modal-dialog-centered" role="document">
Line 782... Line 740...
782
 
740
 
783
          // Initialisation du bousin
741
          // Initialisation du bousin
784
          widget.init();
742
          widget.init();
785
        });
743
        });
786
      //]]>
744
      //]]>
Line 787... Line 745...
787
    </script>
745
		</script>
788
 
746
 
789
    <!-- Barre de navigation -->
747
		<!-- Barre de navigation -->
790
    <?php if ( $bar ): ?>
748
		<?php if ( $bar ): ?>
791
      <script src="<?= $url_script_navigation; ?>"></script>
749
			<script src="<?= $url_script_navigation; ?>"></script>
792
    <?php endif; ?>
750
		<?php endif; ?>