Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3183 Rev 3185
Line 44... Line 44...
44
 
44
 
45
    <!-- CSS -->
45
    <!-- CSS -->
46
    <link href="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
46
    <link href="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
47
    <link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
47
    <link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
48
    <link rel="stylesheet" type="text/css" href="<?php echo $url_base; ?>modules/manager/squelettes/css/manager.css" media="screen" />
-
 
49
    <link rel="stylesheet" type="text/css" id="telabotanica-style-css" href="https://www.tela-botanica.org/wp-content/themes/telabotanica/dist/bundle.css?ver=4.9.7" media="all">
48
    <link rel="stylesheet" type="text/css" href="<?php echo $url_base; ?>modules/manager/squelettes/css/manager.css" media="screen" />
Line 50... Line 49...
50
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
49
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
51
 
50
 
52
    <!--  Google Analytics -->
51
    <!--  Google Analytics -->
Line 104... Line 103...
104
 
103
 
105
                <label for="langue">Langue</label>
104
                <label for="langue">Langue</label>
106
                <?php if ($mode === 'modification') : ?>
105
                <?php if ($mode === 'modification') : ?>
107
                  <input id="langue" name="langue" readonly value="<?php echo $widget['langue']; ?>">
106
                  <input id="langue" name="langue" readonly value="<?php echo $widget['langue']; ?>">
108
                <?php else : ?>
107
                <?php else : ?>
109
                  <input id="langue" name="langue" list="langues">
108
                  <div class="select-wrapper">
110
                  <datalist id="langues" >
109
                    <select id="langue" name="langue">
111
                  <?php foreach ($langues as $code => $langue) : ?>
110
                    <?php foreach ($langues as $code => $langue) : ?>
112
                    <option value="<?php echo $code; ?>"><?php echo $langue['nom']; ?></option>
111
                      <option value="<?php echo $code; ?>" <?php echo $code === 'fr' ? 'selected' : '';?>><?php echo $langue['nom']; ?></option>
-
 
112
                    <?php endforeach; ?>
113
                  <?php endforeach; ?>
113
                    </select>
114
                  </datalist>
114
                  </div>
115
                <?php endif; ?>
115
                <?php endif; ?>
Line 116... Line 116...
116
              </div><!-- end #basic-details-section -->
116
              </div><!-- end #basic-details-section -->
Line 241... Line 241...
241
 
241
 
Line 242... Line 242...
242
          </div><!-- end .widget-blocks = tout le bloc de gauche-->
242
          </div><!-- end .widget-blocks = tout le bloc de gauche-->
243
 
243
 
244
          <div class="widget-blocks col-md-8">
244
          <div class="widget-blocks col-md-8">
Line 245... Line 245...
245
<!-- <iframe src="http://localhost/widget:cel:saisie2?projet=<?php echo isset($widget['projet'])?$widget['projet']:'base'; ?>" class="widget-renderer" height="100%" width="100%" ></iframe> -->
245
<!-- <iframe src="http://localhost/widget:cel:saisie2?projet=<?php echo isset($widget['projet'])?$widget['projet']:'base'; ?>" class="widget-renderer" height="100%" width="100%" ></iframe> -->
246
            <div class="widget-renderer" style="background:rgba(248, 245, 239, 0.6);">
246
            <div class="widget-renderer">
247
 
247
 
248
              <div id="preview-header" class="row">
248
              <div id="preview-header" class="row">
Line 300... Line 300...
300
 
300
 
Line 301... Line 301...
301
                <form id="preview-form-observateur" role="form" autocomplete="on">
301
                <form id="preview-form-observateur" role="form" autocomplete="on">
Line 302... Line 302...
302
 
302
 
Line 303... Line 303...
303
                  <h2>Observateur</h2>
303
                  <h2>Observateur</h2>
304
 
304
 
305
                  <div id="zone-courriel" class="row align-items-center">
305
                  <div id="zone-courriel" class="row">
306
 
306
 
307
                    <div class="col-md-6">
-
 
308
                      <label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
-
 
309
                        <strong class="obligatoire">*</strong>Courriel
307
                    <div class="col-md-6">
310
                      </label>
308
                      <label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
311
                      <div class="input-group">
-
 
312
                        <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
309
                        <i class="fa fa-envelope"></i> Courriel *
Line 313... Line 310...
313
                        <input type="email" id="courriel" name="courriel" class="form-control" title="Veuillez saisir votre adresse courriel. ">
310
                      </label>
314
                        <input type="hidden" id="id_utilisateur" name="id_utilisateur">
311
                      <input type="email" id="courriel" name="courriel" title="Veuillez saisir votre adresse courriel. ">
315
                      </div>
312
                      <input type="hidden" id="id_utilisateur" name="id_utilisateur">
316
                    </div>
313
                    </div>
317
 
-
 
318
                    <div id="zone-courriel-confirmation" class="col-md-6 ">
-
 
319
                      <label for="courriel_confirmation" class="" title="Veuillez confirmer le courriel.">
314
 
320
                        <strong class="obligatoire">*</strong> Courriel (confirmation)
-
 
321
                      </label>
315
                    <div id="zone-courriel-confirmation" class="col-md-6 ">
Line 322... Line 316...
322
                      <div class="input-group">
316
                      <label for="courriel_confirmation" class="" title="Veuillez confirmer le courriel.">
Line 323... Line 317...
323
                        <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
317
                        <i class="fa fa-envelope"></i> Courriel * (confirmation)
Line 324... Line 318...
324
                        <input type="email" id="courriel_confirmation" name="courriel_confirmation" class="form-control">
318
                      </label>
325
                      </div>
319
                      <input type="email" id="courriel_confirmation" name="courriel_confirmation">
326
                    </div>
-
 
327
 
-
 
328
                  </div>
320
                    </div>
329
 
-
 
330
                  <div id="zone-prenom-nom" class="row align-items-center">
321
 
Line 331... Line 322...
331
 
322
                  </div>
332
                    <div class="col-md-6 ">
323
 
333
                      <label for="prenom" class="">Prénom</label>
-
 
334
                      <div class="input-group">
-
 
335
                        <span class="input-group-addon"><i class="fa fa-user"></i></span>
324
                  <div id="zone-prenom-nom" class="row">
336
                        <input type="text" id="prenom" name="prenom" class="form-control">
-
 
337
                      </div>
325
 
Line 338... Line 326...
338
                    </div>
326
                    <div class="col-md-6">
Line 339... Line 327...
339
 
327
                      <label for="prenom" class=""><i class="fa fa-user"></i> Prénom</label>
Line 340... Line 328...
340
                    <div class="col-md-6 ">
328
                      <input type="text" id="prenom" name="prenom">
Line 341... Line 329...
341
                      <label for="nom" class="">Nom</label>
329
                    </div>
Line 342... Line 330...
342
                      <div class="input-group">
330
 
Line 343... Line 331...
343
                        <span class="input-group-addon"><i class="fa fa-user"></i></span>
331
                    <div class="col-md-6 ">
344
                        <input type="text" id="nom" name="nom" class="form-control">
332
                      <label for="nom" class=""><i class="fa fa-user"></i> Nom</label>
345
                      </div>
333
                      <input type="text" id="nom" name="nom">
346
                    </div>
334
                    </div>
347
 
-
 
348
                  </div>
-
 
349
 
335
 
350
                </form>
336
                  </div>
351
 
-
 
352
                <form id="form-observation" role="form" autocomplete="on">
-
 
353
 
-
 
-
 
337
 
354
                  <h2>Observation</h2>
338
                </form>
355
 
339
 
356
                  <div id="zone-observation" class="row align-items-center">
-
 
357
 
340
                <form id="form-observation" role="form" autocomplete="on">
Line 358... Line 341...
358
                    <div class="col-md-6 ">
341
 
359
                      <label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
342
                  <h2>Observation</h2>
360
                        <strong class="obligatoire">*</strong>Geolocalisation
343
 
361
                      </label>
344
                  <div id="zone-observation" class="row">
362
                      <div class="input-group">
345
 
363
                        <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
-
 
364
                        <input type="email" id="courriel" name="courriel" class="form-control" title="Veuillez saisir votre adresse courriel. ">
346
                    <div class="col-md-6 ">
365
                        <input type="hidden" id="id_utilisateur" name="id_utilisateur">
347
                      <label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
-
 
348
                        <i class="fa fa-envelope"></i> Geolocalisation *
366
                      </div>
349
                      </label>
367
                      <label for="milieu" class="">Milieu</label>
350
                      <input type="email" id="courriel" name="courriel" title="Veuillez saisir votre adresse courriel. ">
368
                      <div class=" input-group">
351
                      <input type="hidden" id="id_utilisateur" name="id_utilisateur">
369
                        <span class="input-group-addon"><i class="fa fa-street-view"></i></span>
-
 
370
                        <input type="text" id="milieu" name="milieu" class="form-control" placeholder="bois, champ, falaise, ...">
-
 
371
                      </div>
352
 
372
                    </div>
353
                      <label for="milieu" class=""><i class="fa fa-street-view"></i> Milieu</label>
373
 
354
                      <input type="text" id="milieu" name="milieu" placeholder="bois, champ, falaise, ...">
374
                    <div class="col-md-6">
355
                    </div>
375
                      <label for="date" class="" title="">
-
 
376
                        <strong class="obligatoire">*</strong>Date de relevé
356
 
-
 
357
                    <div class="col-md-6">
377
                      </label>
358
                      <label for="date" class="" title="">
378
                      <div class=" input-group date" id="datetimepicker">
359
                        <i class="fa fa-calendar"></i> Date de relevé *
379
                        <span id="date-icone" class="input-group-addon"><i class="fa fa-calendar"></i></span>
-
 
380
                        <input type="date" id="date" name="date" class="form-control hasDatepicker">
360
                      </label>
381
                      </div>
361
                      <div class="date" id="datetimepicker">
-
 
362
                        <input type="date" id="date" name="date" class="form-control hasDatepicker">
382
                      <label for="referentiel" class="" title="">
363
                      </div>
383
                        <strong class="obligatoire">*</strong>Référentiel
364
 
384
                      </label>
365
                      <label for="referentiel" class="" title="">
385
                      <div class=" input-group">
-
 
386
                        <span class="input-group-addon"><i class="fa fa-book"></i></span>
-
 
387
                        <div class="select-wrapper add-field-select">
366
                        <i class="fa fa-book"></i> Référentiel *
388
                          <select id="referentiel" name="referentiel" class="form-control">
367
                      </label>
389
                            <option value="" selected="" title="">-</option>
368
                      <div class="select-wrapper add-field-select">
390
                          </select>
369
                        <select id="referentiel" name="referentiel">
391
                        </div>
-
 
392
                      </div>
370
                          <option value="" selected="" title="">-</option>
393
                      <label for="taxon" class="" title="">Espèce</label>
371
                        </select>
Line 394... Line 372...
394
                      <div class=" input-group date">
372
                      </div>
Line 395... Line 373...
395
                        <span class="input-group-addon"><i class="fa fa-leaf"></i></span>
373
 
Line -... Line 374...
-
 
374
                      <label for="taxon" class="" title=""><i class="fa fa-leaf"></i> Espèce</label>
396
                        <input type="text" name="taxon" class="form-control" id="taxon" >
375
                      <div class="date">
397
                      </div>
376
                        <input type="text" name="taxon" id="taxon" >
398
                      <label for="certitude" class="" title="">
377
                      </div>
399
                        <strong class="obligatoire">*</strong>Certitude
378
 
400
                      </label>
379
                      <label for="certitude" class="" title="">